Skip to content

Releases: wix/react-native-ui-lib

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

5.14.0

09 Sep 15:01
3a6276d
Compare
Choose a tag to compare

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

24 Aug 10:03
Compare
Choose a tag to compare

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