Skip to content

Releases: wix/react-native-ui-lib

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

5.12.4

06 Aug 13:42
Compare
Choose a tag to compare

Fix for Drawer passing onToggleSwipeLeft to Swipeable only when the user passes it.

5.12.1

03 Aug 08:15
Compare
Choose a tag to compare

Fix Drawer left button toggle behavior. Change default bounciness and timing for triggering haptic event.

5.12.0

01 Aug 14:37
Compare
Choose a tag to compare

What's New?

We're happy to introduce RNUILib Packages.
With Packages you can import individual components instead of the whole library, Only components you find necessary for your app.

Why Packages are important?

  • Smaller bundle size - By importing only the components you need, your bundle size will be reduced to the files that were imported.
  • Quicker setup - Avoid installing a long list of peer dependencies and linking native dependencies that you don't need.

Important
In the version we started using react-native-community/picker instead of using React Native core Picker component.
This will require you to install this library as a dependency in your own project (and also pod install it).
This is according to React Native recommendations and plans to deprecate their internal Picker component.

Features

1189046 | Badge - Support passing borderRadius (#865)
c33e9f0 | Add onToggleExpandableModal callback to DateTimePicker (#872)
8d109ab | Switching to 'react-native-community/picker' for Picker native component. (#846)
7e35bcf, 4ce92eb | Drawer now support left toggle swipe (#844)
e35cf04 | Add margin modifiers support to Image component (#853)
69a7911 | Declare testID for Picker.Item
030ea61 | Migrate Drawer to TS (#861)
ab3c347 | Migrate FloatingButton to TS

Bug fixes

d9c0dc5 | Fix a crash (Android) - CustomKeyboardLayout -> clearKeyboardOverlayMode -> NullPointer (#869)
d3af6be | Fix #848 - Fix issue with Picker in mulitselect mode with custom value object structure (#863)
63e9377 | Add numeric size support to Avatar's badge + unit-tests (#850)
6355505 | TS/fix carousel-related typing errors (#856)

Maintenance & Infra

d524bfb | Update KeyboardRegistry example screen
31c34c4 | Update KeyboardInput example screen
d655e51,794d2a1f | Update KeyboardTrackView example screen
00b50ab | Update setup guidelines
997d2ea | Docs - set fixed version to gatsby (#867)
98a9a79 | Update Carousel example screen
0e539fc | Fix export of keyboard components
a2ccee0 | Fix docs broken example links
7989052 | Fix DateTimePicker docs
54c3238 | Fix ButtonScreen TS errors

5.11.0

19 Jul 06:28
Compare
Choose a tag to compare

Features

94a2bb8 | View component support renderDelay prop for delaying rendering content (helpful for improving performance when loading screens)
7e66254 | New HOC withScrollReached - notifies when start\end of scroll (ScrollView\FlatList) has been reached (#828)
db14657 | KeyboardAccessoryView now support safe area api (#827)
c6a7173 | Add backgroundColor prop to Card.Section
c762939 | Support merging multiple typography modifiers on a component (Fix #826) (#831)

Bug Fixes

2af957d | Minor fix in TextField leading icon vertical alignment
ce9c6d5 | Fixed issue with centered TabController's TabBar selected indicator not positioned correctly
873b6d5 | Fixed issue when TextField with validate as 'required' without placeholder renders placeholder as 'undefined *' (#830)
b272134 | Fix Typings for RadioGroup and RadioButton
35433cc | withScrollEnabler - fix hooks and typings (#832)
f6617be | Fix issue in TabController on Android+RTL with focusing selected item (#851)
6f15e45 | Don't treat TextField as multiline when passing expandable
728c223,fcd044453,2f378e7b6 | Migrate Avatar to TS
5d69a78 | Fix ThemeManager API typing
a131f8a | KeyboardInput - rename some more protocols \ interfaces to avoid duplication
4a1662e | export button enums

Maintenance & Infra

9676308 | Infra/tabbar typescript (#839)
3c166c0 | Add stale.yml configuration
819bdac | Migrate Assets to TS
dbe9e7a | Fix missed generic typing for UIComponent
f87c716 | Migrate our demo app to RN62 (#837)
6c4302c | Add prop types:backgroundColor to View and animate to Carousel (#836)
26e7c46 | Fix button static values and other small type fixes (#834)

5.10.2

19 Jul 06:13
Compare
Choose a tag to compare

Fixed issue with centered TabController's TabBar selected indicator not positioned correctly