Releases: wix/react-native-ui-lib
5.18.0
🎁 Features
• Added optional boolean outline
prop (#1067)
• Support ErrorBoundary in asBaseComponent (#1041)
• Add testID prop to Drawer & FloatingButton (#1073)
🔧 Fixes
• Fix issue with Picker.Item
ignores renderItem
prop (#1054)
• Fix issue for Android on rn63 - when passing null as tintColor to an Image, the image is not displayed (#1055)
• Fix TS issue in chip component by using Partial typings. (#1047)
• Fix issue with missing selected indicator in Picker items (#1065)
• Fixed getLabel
property issue on Picker
's multi-select mode. (#1059)
• Drawer - Removing Drawer's manual typings and fixing generated types. Adding 'customValue' prop to pass along from user to component and back on component's events. Declaring missing props. (#1069)
• Fix wheePicker swipe conflicts with dialog panning by disabling the dialog panning (#1071)
• Docs - make some groups (i.e. Incubator) not clickable (not links) since they have no docs (fixes #1042) (#1064)
⚙️ Maintenance & Infra
• Typings - remove unused typings files. (#1077)
5.17.2
5.17.1
5.17.0
🎁 Features
- Add
dateFormatter
prop to dateTimePicker (#1027) - Introducing
useToggleValue
hook to toggle between any two values with ease! (#1019)
import {Hooks} from 'react-native-ui-lib;
const {useToggleValue} = Hooks;
const YourComponent = () => {
const [value, toggle, setValue] = useToggleValue(initialValue) // will use booleans
const [value, toggle, setValue] = useToggleValue(initialValue, alternateValue) // will toggle between initial and alternate value
}
🔧 Fixes
- Dialog - RN63 broke Modal's onDismiss method, this fixes our API (#1026)
- Fix issue with modifiers support based on context (#1035)
- DateTimePicker - turn to a controlled component (changing value in runtime will take effect). (#989)
- Fix Checkbox alignment bug (#1039)
- Fix FloatingButton visibility bug when visible is initialized to false (#1021)
- Fix typings for FloatingButton props (#1032)
- Fire onLoad event for AnimatedImage (#1033)
💡 Deprecations & Migrations
- Picker API migration
- From now on pass value as a primitive (string/number) instead of an object
- Picker.Item should accept both value and label props separately (instead of only value prop that contains the value and label together)
- CardImage, CardSection, StateScreen - Adding props deprecation warnings. (#1023)
- Fix issue with missing component in our docs site (Fix #1022) (#1024)
- Migration - Name change - ComponentPropTypes to ComponentProps (e.b ButtonPropTypes changed to ButtonProps) (#1030)
- Add a migrate prop to allow migrating manually to the new Picker API (#1048)
⚙️ Maintenance & Infra
5.16.2
5.16.1
5.16.0
🎁 Features
- Slider enhancements (#958)
- Added scale animation to Slider's thumb.
- Support Slider-track tap to change value
- Support passing Slider a testID (#999)
- Checkbox - Add label support (#959)
- Support rendering top section at ExpandableSection (#983)
- Incubator.TextField - Add Modifiers support (margins, padding, typography and color)
- Incubator.TextField - Replace leading/trailingButton prop with a more general API -> leading/trailingAccessory that can accept any element (#980)
- Add
progress
type for ProgressBar component (#996) - AnimatedScanner - adding 'containerStyle' prop. (#981)
- Add typings to packaged components (resolves #910) (#979)
- Create a style package (add a new package to our already provided packages). (#978)
🔧 Fixes
- Fix bug in
Colors.rgba
not supporting 3 characters hex (#976) - Support custom text in Avatar's badge (#1008)
- TextField - Fix right icon alignment when 'useTopErrors' and 'floatingPlaceholder are both true. (#997)
- TextField - Characters counter UX change: text color will change to error color when the user exceeds, not reaches, maxLength. (#982)
- Carousel - Fix auto scroll on Android notifies (onPageChange) on a page that does not exist (#994)
- Fix statusBarHeight constant value and how it affect Modal.TopBar layout. (#985)
- Incubator.TextField - Fix issue with floatingPlaceholder doesn't retain space for the floating state
- KeyboardTrackingView now allow users to disable the default safe-area space by using
useSafeArea={false}
(#1017) - Fix
Constants
typings (#975) - Fixes TS errors in
TouchableOpacity
(#1006) - Fix FloatingButton visibility bug when visible is initialized to false (#1021)
💡 Deprecations & Migrations
- Migrate from KeyboardAwareListView to KeyboardAwareFlatList (#960)
- ThemeManager - Starting deprecation process for 'setTheme()' method. (#961)
- Migrate Picker component's API. Should pass only string|number for
value
prop - Migrate Picker.Item component's API. Should pass value and label props separately. (#986)
⚙️ Maintenance & Infra
- Change generated JS files from TS to have ES6 syntax. (#988)
- Fix generated JS files to include propTypes (#995)
- Move PageControl to typescript (#993)
- Export all common infra typings (#1004)
- Carousel - migrate to typescript (#1005)
- Refactor PicketItem component (#1000)
- Migration of ActionBar and ActionBarScreen to typescript. (#987)
- Migration of Switch and SwitchScreen to typescript. (#991)
- Update ExpandableSection's docs (#1020)
5.15.0
🎁 Features
• New component! ExpandableSection
for expanding your sections with an animation (#943) (See gif at the bottom)
• Add multi validator support to Incubator.TextField. (#927)
• TabBar - add backgroundColor
prop (#935)
• Support passing custom style
prop in TabController.TabBar items
(#947)
• Picker - add support for layout modifiers (margin, paddings) (#928)
• Hint - add missing testID's (#936)
• OverlayFadingBackground - add testID (#938)
🔧 Fixes
• Fix issue with Picker when passing the useNativePicker
prop an error was thrown. (#951)
• TextField - Fix 'testID' duplication. (#949)
• RadioGroup - fix onValueChange callback typing (#974)
• Fix actions
prop for ActionBar to use our button props (#931)
💡 Deprecations & Migrations
• Renaming TagsInput to ChipsInput (#955)
⚙️ Maintenance & Infra
• Upgrade our demo app to use react-native 63 (#950)
• Migrate Badge to TS (#937)
• Dialog - migrate to typescript (and some fixes) (#930)
• Export Dialog and DialogProps (#965)
• RadioGroup - Replace unsafe method with getDerivedStateFromProps (#932)
• Carousel - remove unsafe method (#941)
• Drawer (Swipeable) - Remove UNSAFE method. (#945)
• SliderGroup, GradientSlider, ColorSliderGroup - removing UNSAFE method. (#944)
• Fixed broken TextArea
docs url (#948)
5.14.0
Features
b445a52 | TextField - Adding 'errorColor' prop to allow customizing the error massage text color. (#915)
35d21a0 | TabBar - Adding 'backgroundColor' prop (#917)
f4f6d52 | Constants - Adding types (#926)
f994c2f | Add STATICS typings to withScrollEnabler and withScrollReached
293b233 | Docs - Group compound components under parent component in navbar
Bug Fixes
54d2073 | Checkbox - Fix disabled color (#918)
Maintenance
aefa112 | ActionSheet - replace 'componentWillReceiveProps' with 'componentDidUpdate'. (#914)
bea887b | AnimatedScanner - replace 'componentWillReceiveProps' with 'componentDidUpdate'. (#912)
3a6276d | Typescript migration fixes - PanningViews and Modal (#929)
3c8d4c5 | Migrate panning views to typescript (#923)
8f4b172 | Picker - Remove UNSAFE method (#922)
323c02b | Feat/modal migrate to typescript (#920)
e922b0c | TabBar & TabBarItem - replace 'componentWillReceiveProps' with 'componentDidUpdate'. (#913)
d9f704f | Incubator.TextField - Replace withFieldState HOC with useFieldState hook (#925)
39a94c0 | FloatingButton - Remove UNSAFE method (#916)
4929819,91a258c5f,07d17d6ae | Fix docs for Incubator.TextField
9607c63 | Fix/docs add native components and various fixes (#909)
5.13.0
What's New
1e86e5f | The new TextField (Incubator) (#854)
The new (experimental) TextField component which can be accessed through Incubator.TextField
is ready for use.
The new implementation cover most of the old TextField component and offer new features.
In the future we will migrate our official TextField to this new implementation.
Features
8401a91 | Declare customValue prop/type for passing an arbitrary value to touchables (#890)
7204360 | Fader - a component to easily add fading mask overlay to other components (#847)
13c7d4c | Button - add disabledBackgroundColor prop (#899)
bf9e2b3 | Button - Add RTL support to icon (#898)
e73e91a | RadioButton support for rendering content on right (#889)
795528d | TabBarItem - allow passing style (solves issue ##874) (#907)
0d09c74 | Drawer - Support testID (#905)
c3d1ec9 | Dialog - Add\move testIDs in Dialog\Modal to support detox 17 (#892)
f117a34 | Adding testID to Avatar's label
8a811d2 | Hint - pass on testID to internal Modal (#880)
b8926f3 | Added accessibility prop to TextField's right button (#876)
Bug Fixes
29d0797 | Picker - Added reset search when modal is dismissed (#873)
13ca81b | Picker - Fix multi select support (#871)
8c6682f | Drawer - Fix passing onToggleSwipeLeft
ccab7a3 | Drawer - Fix left toggle (#875)
16277f2 | TextField - Fix prefix vertical center alignment on Android
afdf169 | TextField - minor alignment fix for rightIconSource. (#877)
ea1b2f6 | TextField - Reduce padding of top label by 1 pixel (#900)
0d6f14c | TextField - Fix for overflow line break on special characters - ? ! / } - due to 'textAlign' attribute (#897)
aa5c54f | Dialog - Fix entrance/exit animation (#891)
645b85e | TabBar - Fix first item selection is not being updated (#908)
110ae01 | TabController - Fix item width when passing fixed width (#888)
a84bdd5 | withScrollReached - fix Android threshold (#878)
Maintenance & Infra
0cde5f9 | Update Slider typings (#901)
5a0baca | TabBarScreen fix Android
d1d758f | Docs - Missing auto close on button tag (#896)
aef5924 | Updates RadioButton generated types
a659739 | Update View to accept animated style props
bffc165 | Update TabController example screen
1330592 | open example screen when setting it to default using long press
505efcc | Slider - moving UNSAFE componentWillMount code to c'tor (#887)
ec8713d | Docs - Update SEO meta tags
c4118b0 | Improve docs search field - add clear button and keep it sticky
cc38748 | Docs/update nav bar to group sub component under parent component (#886)
86f8497 | Fix ThemeManager.setItem typings
72acbb8 | CardSection TS fixes