Skip to content

Releases: wix/react-native-ui-lib

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)

5.18.0

16 Dec 09:50
68471e8
Compare
Choose a tag to compare

🎁 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

01 Dec 11:55
Compare
Choose a tag to compare

Fix issue with Image's tintColor on Android (only react-native 63)
When passing null value for tintColor the image disappears

5.17.1

01 Dec 10:22
Compare
Choose a tag to compare

Fix issue #1052
With Picker.Item ignore renderItem prop

5.17.0

30 Nov 08:03
Compare
Choose a tag to compare

🎁 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

  • Refactor Picker & PicketItem components to use context (#1000 + #1001)
  • ColorPicker - Remove UNSAFE method (#940)
  • ChipsInput - Removing UNSAFE method. (#1018)
  • Update expandableSection's docs (#1025)

5.16.2

30 Nov 08:30
Compare
Choose a tag to compare

HF for RN63 breaking change with Modal's onDimiss prop stopped working.
The fix is a temporary solution till the prop React Native team will fix it on their end.

5.16.1

30 Nov 08:28
Compare
Choose a tag to compare

Fix how we pass new containerStyle prop to the Checkbox component to avoid regressions

5.16.0

08 Nov 10:23
Compare
Choose a tag to compare

🎁 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

13 Oct 04:53
4c83788
Compare
Choose a tag to compare

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

ExpandableSection