Skip to content

Releases: wix/react-native-ui-lib

7.11.0

22 Nov 13:28
Compare
Choose a tag to compare

🎁 Features

• View - Added new gap modifier. (#2802)
• TextField - added mandatory indication to the TextField (#2791)
• Support rendering Picker as dialog and also render custom dialog header (#2804)

🔧 Fixes

• Dialog - BG and overlay should not be static (#2808)
• TabBarItem - support array styles (#2812)
• Picker - fix item with value 0 is not shown as selected (#2815)
• TextField - fix color default value (#2818)
• Dialog - Header - fix knob's color (#2819)

⚙️ Maintenance & Infra

• Complete TextField migration (move out of Incubator) (#2806)
• Colors - expose shouldSupportDarkMode (#2809)
• Dividers - turn to getters. (#2814)
• TextFieldScreen - fix titles' color (#2814)

7.10.0

09 Nov 07:12
Compare
Choose a tag to compare

🎁 Features

• TextField - Supports a mandatory asterisk indication when TextField is required and showMandatoryIndication props is passed. (#2775)
• PickerItem - support asynchronous item's onPress handler and allow ignore selection (#2787)
• Checkbox - add validation state invoked by validate method (#2672)

🕸️ Web support

• DynamicFonts - fix error in web (#2789)

🔧 Fixes

• Fix react-native.config has wrong file for DynamicFont (#2771)
• Chip - Fix default horizontal margins to the right icon. (#2772)
• TextField - Fixed keyboard opening when focusing on disabled input (iOS). (#2782)
• Tablet (iOS) sub windows (split view / slide over) - Fix layout responsiveness (#2785)
• Colors - generatePalette - fix for white color (#2790)

⚙️ Maintenance & Infra

• Add testIDs to color picker dialog (#2797)
• ColorPickerDialog now uses a new slider for better performance. (#2777)
• ColorPickerDialog - migrate to new Dialog implementation (#2741)
• Fixed chips scroll to section on demo app. (#2766)
• Fix expo demo app (#2769)
useScrollable - a new driver to the testKit to support testing lists and lists-based components. (#2713)
• View - Added a testkit driver. (#2783)
• ExpandableSection - Added testing identifier prop, testID. (#2784)

7.9.0

12 Oct 06:44
Compare
Choose a tag to compare

🎁 Features

• DynamicFonts - download and load to memory fonts - this is experimental for now! (also requires using react-native-fs) (#2736)
• Picker onSearchChange callback now supports and passes on filteredChildren prop. (#2725)
• Expose ColorPickerDialog as a new component (#2737)
• Checkbox - indeterminate state (#2703)
• Colors - generateColorPalette - pass options object for palette adjustments (#2734)
• Colors - generateColorPalette API - add the option to avoid reversing on dark mode (#2757)
• Picker in WheelPicker mode supports topBarProps. (#2681)
Button - support passing iconProps (#2742)

🕸️ Web support

• Allow passing id to SvgImage on web (#2740)

🔧 Fixes

• SvgImage now respects width & height props on web (#2749)

⚙️ Maintenance & Infra

• Add information on the steps required to run the application on windows machine (#2744)
• docs: fixed dead link of react-native-reanimated setup guide (#2746)

7.8.0

30 Aug 09:00
Compare
Choose a tag to compare

🎁 Features
• Bind Picker options list a testID - ${testID}.list (#2723)

🕸️ Web support
• Fix: [WEB] Svg image unique style tag and update styles (#2728)

🔧 Fixes
• TabController - fix RTL on Android (#2717)

⚙️ Maintenance & Infra
• Make picked reanimated type partial so they won't be mandatory (#2726)
• ThemeComponent - clean leftovers (#2719)

7.7.0

16 Aug 05:01
Compare
Choose a tag to compare

🎁 Features

• Picker migrates Dialog to use the new dialog (Incubator.Dialog). (#2657)

🔧 Fixes

• Fix components typings (#2678) • ColorPicker - allow theme (#2704)
• Picker ts error fix. (#2677)
• Fix Picker label not updating when items prop changes (#2682)
• Fix cut chips (#2683)
• ScrollBar - fix scrolling inside Dialog on Android (#2695)
• Text - revert Android alignment (#2701)
• Slider - fix value out of range warning in range slider (#2709)
• Badge - add key to BadgeProps type (#2689)
• WheelPicker with a long list of data jumps back to initalValue fix. (#2705)
• Picker - fix ellipsis on long text in filterType set to filter. (#2712)

⚙️ Maintenance & Infra

• Calendar - Refactor Day component to not use animated styles (#2698)
• View - add reanimated props for layout animation (#2694)
• Demo - adding RTL screen - Hebrew language (#2668)

7.6.0

20 Jul 08:18
Compare
Choose a tag to compare

🚀 What’s New?

🎁 Features

• Incubator.TextField - expose retainValidationSpace (#2631)
• ExpandableOverlay - add migrateDialog prop (#2635)
• ColorSwatch - Add hexString to onPress result (#2651)
• ColorPalette - Add hexString to onPress result (#2651)
• ColorPicker - Add hexString to onValueChange result (#2651)
• Picker example for the web demo. (#2622)
Text component highlightString prop now enables to handle a highlighted string onPress event, provide a specific style to each highlighted string and give it a testID for better testing (#2663)

🕸️ Web support

• SVG - add support for tintColor on svg tag data (#2667)

🔧 Fixes

• TabBar stays on the selected index when items change. (#2630)
• Incubator.Slider - fix gap not equal on both max and min ends (#2634)
• SegmentedControl - onChangeIndex should react to changes (#2637)
• NumberInput - fix design (MaskedInput look) - BREAKING CHANGE: some props moved to textFieldProps; empty type has been removed (#2645)
• NumberInput - fix editable (#2664)
• Scheme - fix color changing (#2607)
• Text - remove default textAlign style to fix iOS child Text not inheriting from its parent. (#2670)
• ExpandableOverlay - fix dialog props (#2675)

⚙️ Maintenance & Infra

react-native-gesture-handler version upgrade in the webDemo. (#2647)
• ColorPicker - small fixes (#2650)
• webDemo project, react-native-reanimated version upgrade. (#2649)

💡 Deprecations & Migrations
• useCustomTheme - remove leftovers (#2666)

7.5.0

21 Jun 09:25
Compare
Choose a tag to compare

🎁 Features
• TabController - Support passing labelProps to TabController TabBarItem (#2615)
• IncubatorDialog - add topAccessory (#2621)
• Picker supports updating the items list. (#2599)
• Add prop onValidateFailed to TextField (#2626)

🕸️ Web support
• Fix setNativeProps not supported on web (#2620)

🔧 Fixes
• DateTimePicker - fix TextField migration related TS errors (#2604)
Wizard.Step style fix. (#2609)
• SvgImage (web) - fix issue with style being passed as object (#2612)
• GridView and SortableGridView - support tablet and other fixes (#2611)
• Switch - fix props types to include TouchableOpacity props (#2613)
• Calendar - improve date utils (#2610)
• Incubator.Slider - fix types (#2616)
• WheelPicker - Android - fix missing values when initialValue is sent (#2618)
• Icon, new width, and height props will be used only if the Icon is an SVG image. (#2583)
• Incubator.TextField - fix iOS - the context menu not showing in a centered and empty input (#2617)
• Fix Recorder typings (#2624)
• TextField - add containerProps prop (#2608)
• Switch - add id prop (#2608)

⚙️ Maintenance & Infra
• Infra/test kit add props (#2619)
• Infra/set infra for users recordings (#2437)

💡 Deprecations & Migrations
• DateTimePicker - start deprecation of moment props (generifying with dateTimeFormatter) (#2625)

7.4.0

24 May 04:37
Compare
Choose a tag to compare

Support for React Native 0.71

• Incubator.Dialog - fix RN Modal native calls on RN71 (#2573)
• Incubator.Dialog - fix test after RN71 bug fix (#2575)

🎁 Features

• Incubator.Slider - fix onValueChange throttle (#2598)
• ColorPicker - add 'migrate' prop to use new Slider Implementation (#2598)
• ActionSheet - support labelStyle in options (#2564)
• SegmentedControl - add segmentStyle prop (#2563)
• Add setBreakpoints and getPageMargins (#2576)
• Slider, GradientSlider, ColorSliderGroup - adding 'migrate' prop to allow using Incubator Silder instead of the old implementation. NO breaking changes. (#2592)
• Modal.TopBar - Support subtitle and subtitleStyle (#2594)
• SortableList - add itemProps prop (#2561)

🕸️ Web support

• Export FlashList dependency for the web. (#2559)
• Changed the FlashList require syntax. (#2569)

🔧 Fixes

• Hint - fix anchor position for x = 0 (#2556)
• CharCounter fix to count emojis, counting 16-bit code symbols. (#2570)
• WheelPicker missing data in Android bug fix, passing maxToRenderPerBatch to the FlatList when using Android. Solve RN FlatList issue. (#2558)
• TextField, FloatingPlaceHolder animation fixed, no overlapping on the initial text. (#2591)
• Picker - fix listProps type to be Partial (#2596)

⚙️ Maintenance & Infra

• SortableList - add driver and test (#2568)
• SortableList - newHeight in tests (#2571)
• Fix TS issues (#2585)
• HintsScreen - allow configuration (#2590)
• DateTimePicker - add validate (#2601)
• Calendar - adding functionality to phase 0 (#2503)
• Align LogService with console (#2577)
⚠️ Replacing 'react-native-text-size' with wix fork (#2542)
• SortableGridList - add basic presenter tests (#2586)
• Upgrade reanimated to 2.17 (#2587)
• Move to reanimated 3 (#2593)
• iOS - set demo's min deployment to iOS 13.0 and change bundle id to allow running on iOS device (#2597)

7.3.0

13 Apr 09:02
Compare
Choose a tag to compare

🎁 Features

• Adjust default overlayBackgroundColor to Colors.rgba(Colors.backgroundInverted, 0.3) (#2554)
• Expose a TextFieldRef type that users can use for a ref they pass to TextField (#2528)
• export TextFieldValidator type (#2532)
PickerItem in multi mode - send selected to onPress (#2537)
• Omit alignment props (top, left, right, bottom) from being passed on to Text and TextInput components to avoid a crash on Android (RN71) (#2540)
• Added testID to DateTimePicker components. (#2545)

🔧 Fixes

• TextField - Do not ignore defaultValue when validating onBlur (#2520)
• Fix Picker component to support web - fixed issues: useDialog mode, Multi-select mode, and TopBar icons fixed. (#2450)
• Fixed Paths on migrating guide: TextField and WheelPicker (#2524)
• Fixed Hint position on RTL. (#2541)
• Use unpack style util for SortableListItem component shadows issue. (#2546)
• Fix Avatar label sizes (#2548)
• Remove Card.Section extra (visible) border (#2549)
⚠️ Fix crash on Android following RN71 (flex shadow node) (#2536)
• Fixed margin for Chip component when both leftElement and rightElement are provided. (#2534)

💡 Deprecations & Migrations

⚠️ Move to react-native-mmkv (BREAKING CHANGE - remove some functionality from Config). (#2533)

⚙️ Maintenance & Infra
• New colors screen. (#2510)
• Bump activesupport from 6.1.7 to 6.1.7.3 (#2539)
• RN71 upgrade (#2504)

7.2.0

08 Mar 09:41
Compare
Choose a tag to compare

🎁 Features
• Support passing dark threshold to Colors.isDark util (#2505)

🔧 Fixes
• Fix new DialogHeader empty string title/subtitle (#2508)
• Incubator.Slider - Fix active track when thumb overlapping. (#2502)
• Fix SkeletonView duplicate testID's. (#2513)

⚙️ Maintenance & Infra
• Update dependencies for expoExample demo for compatible with the latest expo (v48)
• docs: update typo in Colors page (#2512)
• RN71 Upgrade (#2504)