Skip to content

Releases: wix/react-native-ui-lib

5.24.1

15 May 06:30
Compare
Choose a tag to compare

Fix issue with testID not passed forward to WheelPicker when using useNativePicker

5.24.0

12 May 11:29
21d7997
Compare
Choose a tag to compare

🎁 Features
β€’ New component - The SectionsWheelPicker is useful for building multi section pickers (#1260)

πŸ”§ Fixes
β€’ Picker - Fix issue with filter children (for long lists with search) (#1254)
β€’ Fix issue with Card's backgroundColor prop not working (#1279)
β€’ Various fixes in Incubator.TextFied: Fix floatingPlaceholder issues, support passing a function to fieldStyle ((fieldContext) => ViewStyle) (#1288)
β€’ Fix Button iconSource type (#1291)
β€’ Fix Card.Section ImageProps to not require source (#1291)
β€’ Fix Text to support animated text style (#1291)
β€’ Fix support for auto height layout for vertical carousel pages (#1294)
β€’ Fix Incubator.WheelPicker bug when opening the list on a specific value (#1293)
β€’ Incubator.WheelPicker fix alignments (#1296)

βš™οΈ Maintenance & Infra
β€’ ColorPicker, ColorSwatch and ColorPalette migrated to typescript (instead of manual typings) (#1235)
β€’ Hint component was migrated to typescript (instead of manual typings) (#1281)
β€’ Export SegmentedControlItemProps (#1280)
β€’ Export Incubator.TextField typings (#1287)
β€’ Add clear button to main demo app screen search (#1286)
β€’ use PropsWithChildren in Carousel (#1278)

5.23.3

29 Apr 11:48
Compare
Choose a tag to compare

Fix issue in Chip passing the same testID twice (in dismiss button)

5.23.0

27 Apr 10:33
8505bbf
Compare
Choose a tag to compare

🎁 Features
β€’ New component - SegmentedControl (#1238)
β€’ Support SVG in Image component (#1226)
β€’ Avatar - add name with initials and backgroundColor specific to that name (i.e. hash) (#1239)
β€’ Support showing label in Incubator.WheelPicker (#1259)
β€’ Support passing labelProps prop to Checkbox component (#1252)
β€’ Add IgnoreBackgroundPress prop to Dialog component (#1267)
β€’ Add selectionLimit prop to the Picker component to support limiting the number of the selected items in multi mode. (#1270)

πŸ”§ Fixes
β€’ Fix support for clearing MaskedInput value programmatically using ref clear method (#1240)
β€’ Fix Text prop - highlightString issue with special characters leading to an infinite loop. (#1275)
β€’ Fix default DateTimePicker display on iOS to spinner to avoid UI issues on iOS14 (#1271)
β€’ WheelPicker - fix typescript error in function sent to onLayout (#1256)
β€’ Fix callback props typings in components like: TouchableOpacity, Card and Modal.TopBar (#1250)

βš™οΈ Maintenance & Infra
β€’ ChipScreen - adding example for onPress to open Dialog and dynamic label. (#1253)
β€’ Use internally babel-plugin-module-resolver for resolving relative paths (#1246)
β€’ Set haptic infrastructure as an optional dependency (#1245)

5.22.2

22 Apr 09:46
Compare
Choose a tag to compare

Fix default DateTimePicker display on iOS to spinner to avoid UI issues on iOS14

5.22.1

21 Apr 10:50
Compare
Choose a tag to compare

Fixed DateTimePicker component style for apps built with Xcode 12 running on iOS 14.

5.22.0

30 Mar 09:38
Compare
Choose a tag to compare

What's New?

Check out our Colors.loadSchemes API for dark mode support, you can read more about how to use it here
https://wix.github.io/react-native-ui-lib/foundation/colors

🎁 Features

β€’ Support dark mode using Colors.loadSchemes method. (#1147)
β€’ Support onCollapseChanged & onCollapseWillChanged props for StackAggregator component (#1210)
β€’ Add notes in our docs for component that has dependency on an optional dependency (#1220)
β€’ Support passing containerStyle to Modal.TopBar component (#1222)
β€’ Colors - add transparent. (#1234)
β€’ Update prop-value-shape-deprecation lint rule to support props path (#1227)

πŸ”§ Fixes

β€’ Fix Badge's size default prop and make it optional (#1212)
β€’ Picker - fix not responding to external value change when renderPicker is used (without useNativePicker) (#1211)
β€’ Fix broken UI for Galaxy S20 in expandableSection screen (#1230)
β€’ Fix TS issues (#1215)
β€’ Fix floatingButton duration prop (#1228)
β€’ Carousel - replace children.length with Reacts children count helper. (#1219)
β€’ Fixing docs extends links (#1237)

βš™οΈ Maintenance & Infra

β€’ Big refactor in our eslint rules - Support more import\require types (for instance importing *), handling renamed components, improve fix logic. (#1193)
β€’ Begin transition to reanimated v2 in our components, at the moment our components should work on both versions. (#1224)
β€’ Migrate our demo project to reanimatedv2 (#1223)

5.21.0

02 Mar 16:16
a6bc27d
Compare
Choose a tag to compare

πŸš€ What's New
Our peer dependencies are now optional as long you don't use specific components.
What does it mean?
For instance, when using the Card component with enableBlur prop on it uses @react-native-community/blur package

Till now, this package was mandatory even when not using the Card component at all.
With a recent feature in react native metro packager, we can now optionally require dependencies only when they are really needed.

(This exclude two dependencies: react-native-reanimated and react-native-gesture-handler)

🎁 Features
β€’ Add vertical mode to Carousel component (horizontal prop) (#1175)
β€’ Support passing Animate.ValueXY to attach to Carousel's onScroll event (#1207)
β€’ Support passing custom element to LoaderScreen
β€’ Card's enableBlur is won't crash the app if missing @react-native-community/blur dependency (#1179)
β€’ Peer dependencies (except for reanimated and gesture-handler) will not be mandatory unless using specific components (#1198)

πŸ”§ Fixes
β€’ TabController - Android with RTL - fix scroll to and Fader (#1178)
β€’ TabController.TabBar - fix items not being updated (#1204)
β€’ Avoid passing overlayContent to Card.Section's Image when not needed (#1187)
β€’ Catch undefined StatusBarManager (#1189)
β€’ FloatingButton - change gradient overlay (and change screen) (#1203)
β€’ Fix bold typography for Android (#1200)
β€’ Mobile responsive fixes for our docs site (#1174)
β€’ Expo App fixes and improvements (#1166)
β€’ Fix missing props in components docs (#1206)
β€’ Update docs for Incubator.TextField link to example code so it opens the correct url and doesn't 404. (#1190)
β€’ Fix missing docs info and remove irrelevant components (#1195)
β€’ Fix logic for undocumented groups (docs) (#1167)

βš™οΈ Maintenance & Infra
β€’ no-direct-import eslint rule - adding applyAutofix flag to control autofix option (#1183)
β€’ Remove usage of animatable in LoadingScreen (#1152)
β€’ ImageScreen - Adding demo for Image's 'errorSource' prop. (#1173)
β€’ Set new lint rule for deprecation of prop value shape (#1094)
β€’ Button - refactor into smaller files (#1168)
β€’ DialogDismissibleView - refactor to function (#1170)
β€’ Migrate from @react-native-community/picker to @react-native-picker/picker (#1063)

5.20.0

02 Feb 11:31
Compare
Choose a tag to compare

🎁 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

04 Jan 07:50
Compare
Choose a tag to compare

🎁 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)