Releases: wix/react-native-ui-lib
5.20.0
🎁 Features
• We updated our docs site with new design and an amazing landing page! (#1091)
• DateTimePicker - adding 'headerStyle' prop to adjust iOS dialog header style. (#1117)
• Image - Adding 'errorSource' prop for image source in case of an error. (#1116)
• Support passing customElement
to Badge component. (#1153)
• Incubator.TextField now supports onChangeValidity
callback for when field valid state has changed. (#1121)
• Wizard.Step - add circleBackgroundColor
prop
• TabController - Change and refactor centerSelected
logic (#1103)
• Added Shadows presets: Shadows.sh10
, Shadows.sh20
, Shadows.sh30
(#1157)
• Introduce new useDidUpdate hook, that will skip update on initial value. (#1119)
• Support passing custom renderInput
to DateTimePicker (#1127)
• Update our default primary color to Colors.violet30 (#1135)
🔧 Fixes
• Fix various broken example screen links in our docs (#1146) (#1154)
• Dialog - fix swiping to dismiss does not trigger onDialogDismissed (#1093)
• Fixed ChipsInput backspace tag removal issue on Android. (#1151)
• Fix issue with FeatureHighlight component not using useNativeDriver flag (#1136)
• useScrollToItem hook - add offsetType to statics + fix dynamic focusing when there's inner/outer spacing (#1144)
• Fix ChipsInput
prop typings (#1139)
• RadioGroup - add typing for testID prop (#1143)
• Fix accessibility typings to Avatar
component (#1155)
• Fix our typography-deprecation
eslint rule from catching non truthy props (#1137)
• Add support for responsive layout for mobile in our docs site (#1164)
⚙️ Maintenance & Infra
• CustomKeyboardView - remove unsafe methods (#1160)
• SettingsScreen - rename componentWillMount to UNSAFE (#1118)
• CardsScreen - fix backgrounds and remove obsolete examples (#1124)
• Deprecate usage of react-native-animatable
in our Hint component with our own implementation (#1125)
• Remove dependency of react-native-animatable
in our FloatingButton component (#1134)
5.19.0
🎁 Features
• Support rendering badge with icon and label (#1081)
• Added containerStyle
prop to RadioButton to allow passing different styles to the container and the button (#1092)
• Incubator.TextField now supports a "default" UI preset (#1111)
• Introduce new useDidUpdate hook, that will skip update on initial value. (#1112)
• TabController - move to typescript (#1079)
• ScrollBar - migrate to typescript. (#1078)
• Fix RTL for TabController.TabBar horizontal fader effects (#1098)
🔧 Fixes
• Fix Avatar's label alignment (#1082)
• Fix Toast icon prop type to accepts both number and object. (#1086)
• Update @types/react-native to version 63.4 and fix relevant typing issues (#1100)
💡 Deprecations & Migrations
• Fix CardSection and StateScreen imageSource deprecation (#1115)
⚙️ Maintenance & Infra
• Fix icon size in the badges example screen (#1104)
• TabBar - fix refactor bugs (#1106)
• Upgraded the expo sdk in the demo app to v40 from v36
• TabBar - Refactor. (#1076)
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)