Skip to content

Releases: wix/react-native-ui-lib

6.26.0

14 Dec 12:07
Compare
Choose a tag to compare

πŸš€ What’s New?

β€’ NumberInput - new component (#2333)

🎁 Features

β€’ getSystemColorByHex now has options object with validColors instead of passing validColors array. (#2363)
β€’ Add RTL support (and disableRTL support) to WheelPicker and SectionsWheelPicker. (#2354)

πŸ”§ Fixes

β€’ Fix TextFiled Incubator issues while using trailingAccessory. (#2345)
β€’ Removed the flex prop from button style, rn-web compatibility. (#2364)
β€’ Fix Picker's filter fieldType layout by fixing how we render children prop in TextField (#2369)
β€’ Incubator.TextField - FloatingPlaceholder should float with defaultValue (#2344)

βš™οΈ Maintenance & Infra

β€’ Upgrade reanimated from 2.8 to 2.13 in our demo app (#2353)
β€’ DialogHeader - add code snippet (#2368)
β€’ SortableList and SortableGridList - improve data docs (#2357)
β€’ ⚠️ Removed tests from the npm package (#2333)

6.25.0

01 Dec 07:27
Compare
Choose a tag to compare

🎁 Features

β€’ ColorPicker - supports backgroundColor prop. (#2328)

πŸ”§ Fixes

β€’ getTintColor - support options object - fix should reverse on dark prop. (#2321)
β€’ Toast - update background color (#2334)
β€’ FloatingButton - fix outline mode background color on Android. (#2343)
β€’ Incubator.Dialog - fix not opening correctly (#2335)

πŸ’‘ Deprecations & Migrations

β€’ Remove Colors.primary usage (#2338)

βš™οΈ Maintenance & Infra

β€’ Marquee screen now has a scroll view. (#2340)
β€’ react-native-blur - upgrade to 4.3.0 (#2349)

6.24.0

16 Nov 15:43
Compare
Choose a tag to compare

🎁 Features

β€’ Incubator.Dialog - allow changing pointerEvents in children (#2318)
β€’ Incubator.Dialog - add imperative handle with dismiss (#2325)

πŸ”§ Fixes

β€’ Incubator.Dialog - hoist static methods (fix statics not working) (#2331)
β€’ ExpandableSection revert, removed useSeparator prop. (#2315)
β€’ Incubator.TextField - fix short text when wrapped with a centered container (#2320)

πŸ’‘ Deprecations & Migrations

β€’ Start deprecation of useNativePicker in favor of useWheelPicker (#2330)

βš™οΈ Maintenance & Infra

β€’ Added display name to Toast component to use config file in private. (#2317)
β€’ ThemeManager - add Theme type (#2327)
β€’ Updated setup link in the docs(#2272)
β€’ Updates Expo Demo SDK to 46.0 and React 18 (#2306)
β€’ Bump react-native-navigation to 7.30.0 (#2319)
β€’ Fix Android build - add exclusiveContent (#2324)

6.23.0

02 Nov 13:02
Compare
Choose a tag to compare

🎁 Features

β€’ New Marquee component for sliding text, sliding text bottom up, left right and etc. (#2311)
β€’ Dash - new component for drawing dashed line (#2305, #2308)
β€’ Support for a non-moving row in SortableList component (locked) (#2296)
β€’ Gradient - new component (inc. removing react-native-color dep). (#2309)

πŸ”§ Fixes

β€’ ExpandableSection require cycle fix (#2291)
β€’ TextField Presenter getColorByState fix, new util function isDesignToken. (#2290)
β€’ Incubator.Dialog - fix hiding when layout changes (#2299, #2300)
β€’ Incubator.Dialog - remove header's renderContent (#2293)
β€’ Incubator.Dialog - do not show empty header (with only knob and divider) (#2310)
β€’ Fix Colors.loadDesignTokens API (#2302)
β€’ ScrollBar - fix default gradientColor (#2304)

βš™οΈ Maintenance & Infra

β€’ Lock RNN to 7.29.0 to fix Android build (#2297)
β€’ Fixing some new random TS errors. (#2314)
β€’ Add $backgroundElevatedLight token (#2301)
β€’ Update tokens colors (#2303)
β€’ Fix Gemfile syntax error (#2298)

6.22.0

19 Oct 09:06
Compare
Choose a tag to compare

🎁 Features
β€’ New behavior for the FloatingButton (#2255)
β€’ Slider - Adding 'reset' function with callback 'onReset', initial values to range slider and 'useGap' prop. (#2248)
β€’ Added generateTokens method for generating design tokens based on chosen color. (#2265)
β€’ Handle Shadows in dark mode (#2242)
β€’ Drawer - Increase swipe threshold (#2249)
β€’ Checkbox - Add FlexModifiers to labelProps (#2243)
β€’ TextArea - use Design Tokens to support dark mode (#2261)
β€’ DateTimePicker - add default themeVariant for dark mode support (#2259)
β€’ Modal - set default backgroundColor (#2267)
β€’ TextField presenter now supports design tokens. (#2275)
β€’ ExpandableSection support using a separator when expanded, feature for List.CollapsableItem (#2279)

πŸ”§ Fixes
β€’ Fix selected card iconColor (#2236)
β€’ Fix modal bg color (#2278)
β€’ IncubatorDialog - Fix no measure occurring and enter animation (#2282)
β€’ Incubator.Dialog - new features and fixes, start a migration in ActionSheet. (#2251)
β€’ View - prioritize backgroundColor prop over bg modifiers (#2286)

βš™οΈ Maintenance & Infra
β€’ Docs - Support components docs notes (#2244)
β€’ Update @types/react-native to 0.68.5 in demo environment (#2260)
β€’ Fix dark mode screen (#2268)
β€’ Fix Typo in docs (#2239)
β€’ Add web playground

6.21.0

07 Sep 15:18
Compare
Choose a tag to compare

🎁 Features

β€’ Create an imperative API for TabController for setting tab imperatively (#2197)
β€’ ActionSheet - allow overriding Dialog's props (#2211)

πŸ”§ Fixes

β€’ Picker - fix setComponentTheme support (#2212)
β€’ Fixed search functionality, search logo appearance (#2208)
β€’ ChipsInput - handle backspace with no chips (#2222)
β€’ AnimatedImage - move from LayoutAnimation to AnimationStyle (#2223)
β€’ Avatar - handle SVG image (fix Android crash and red screen) (#2224)
β€’ SortableList - fix issue with flaky sorting when dragging fast + add scale to props + support a gesture-handler version in Incubator.TextField (#2217)
β€’ Fixed demo app dark mode (#2209)
β€’ Fix demo app colors for dark mode (#2229)
β€’ Modal.TopBar - add key to buttons (#2237)
β€’ Badge - update default background color (#2241)
β€’ StackAggregator - fix children update. (#2103)
β€’ Fix typing issue for standalone components (#2210)
β€’ added useColorScheme() hook to trigger a change when toggling appearance. (#2234)

βš™οΈ Maintenance & Infra
β€’ Changed the demo screen app according to the new design. (#2174)
β€’ Update blue50 color (#2213)
β€’ Change the Incubator.Dialog to use hooks, fixes issues with size given in percentage and not numbers (#2116)
β€’ Incubator.TransitionView - remove (move hook to Incubator.Dialog) (#2228)
β€’ Drawer - delay actions render to reduce component loading time (#2201)
β€’ Added listKey prop to FlatList of WheelPicker component (#2215)
β€’ Optimize use of asBaseComponent in Picker and TextField (#2200)

6.20.0

17 Aug 09:27
Compare
Choose a tag to compare

🎁 Features

β€’ SortableGridList - added RTL support (#2198)
β€’ View - make component slightly faster when not using reanimated prop (#2184)
β€’ TouchableOpacity - support passing customValue to onPressIn and onPressOut functions. (#2164)

πŸ”§ Fixes

β€’ Image - fix resize mode bug on android (#2150)
β€’ WheelPicker - optionalDependencies error should only show on usage (#2132)
β€’ TouchableOpacity - add missing bg modifiers (#2160)
β€’ Image - fix potential Android crash related to changing views while animating (send useBackgroundContainer) (#2171)
β€’ Avatar - fix customRibbon prop (#2173)
β€’ ChipsInput - field get trimmed when inserting more than 1 line of chips. (#2183)
β€’ TextField - fix initial animation state of floating placeholder (#2196)
β€’ TextField - memoize inner components' style to avoid redundant renders (#2170)
β€’ Timeline - fix example url (#2172) (#2162)
β€’ TouchableOpacity - Avoid redundant setState (#2177)
β€’ ColorPalette - fix scrolling and extra renders (#2179)

πŸ’‘ Deprecations & Migrations

β€’ Migrate PropTypes imports to deprecated-react-native-prop-types package - This allow using RN0.69 (#2156)

βš™οΈ Maintenance & Infra

β€’ Update dark mode colors and tokens (#2193)
β€’ Avatar - change to function component (performance) (#2191)
β€’ SkeletonView - small changes that should improve performance (#2153)
β€’ AnimatedImage - fix functionality and improve performance (#2157)
β€’ Remove asBaseComponent from ColorSwatch, ColorPalette and ColorPicker (#2155)
β€’ Button perf improvements (#2169)
β€’ Setup Intl Polyfills to support Intl with hermes engine in our demo app (#2185)
β€’ npmignore - add docs eslint and tests (#2192)
β€’ Improve Icon perf - Ignore modifiers that not relevant to icon (#2180)

6.19.0

31 Jul 12:45
Compare
Choose a tag to compare

🎁 Features

β€’ Upgrade to RN68 (#2041)

πŸ”§ Fixes
β€’ Use the new react-native-gesture-handler activateAfterLongPress to fix drag not always working on Android - REQUIRES VERSION 2.5.0 of react-native-gesture-handler (#2110)
β€’ SortableGridList - fix issue with flaky sorting when dragging an item too fast (#2118)
β€’ Picker - fix minor issues with fieldType - support changing label style for "filter" type and override trailingAccessory (#2124)
β€’ Hint - fix tokens (#2122)
β€’ Picker - handle internal undefined ref when user passes custom renderPicker (#2137)
β€’ Picker - support useWheelPicker prop in order to render a wheel picker component (#2100)
β€’ ColorSwatch - Improve performance by adding accessibilityInfo only if the accessibility mode is on (#2154)
β€’ Drawer - remove duplicate testID used on the second element (#2130)
β€’ Fix crash AssertNotNull (#2148)

πŸ’‘ Deprecations & Migrations

β€’ Keyboard.KeyboardAccessoryView - start prop deprecation for 'iOSScrollBehavior' (#2102)

βš™οΈ Maintenance & Infra
β€’ Improve modifiers' performance (#2136)
β€’ asBaseComponent - add support for passing options for optimizations (#2141)
β€’ Pass modifiersOptions to atom components (Text, Image, TouchableOpacity) to optimize performance (#2142)
β€’ Optimize modifiers (#2143)
β€’ Create infra for useModifiers and useThemeProps hooks (#2145)
β€’ View - convert to a function component to reduce render hierarchy (#2146)
β€’ Set perf tests infrastructure with reassure (#2151)
β€’ asBaseComponent - apply ThemeManager ThemeContext (#2152)
β€’ Move GridList listPadding logic to useGridLayout hook to share it with SortableGridList (#2117)
β€’ Design Tokens renaming (#2123)
β€’ PanView refactor (infra) (#2088)
β€’ TransitionView refactor (infra) (#2089)
β€’ Add native design tokens to iOS (#2131)
β€’ Add Profiler (#2144)
β€’ Fix Profiler's export (#2149)
β€’ Implement the new demo app structure (#2133)

6.18.0

06 Jul 13:35
Compare
Choose a tag to compare

πŸ“’ The new version will require [email protected] for our SortableList and SortableGridList components

🎁 Features
β€’ Slider - adding range slider functionality (#2084)
β€’ Support Picker fieldType for different picker layouts. form (default), filter and settings (#2054)
β€’ ExpandableSection - add expanded to the accessibilityState (#2073)
β€’ Colors.colorStringValue - support null (#2078)

πŸ”§ Fixes
β€’ Incubator.TextField - fix initial validity (#2096)
β€’ Fix Incubator.WheelPicker alignments (#2082)
β€’ Fixed Stepper documentation. (#2104)

βš™οΈ Maintenance & Infra
β€’ Update demo app to use react-native-gesture-handler to 2.5.0 (#2108)
β€’ Set default color for Text component to be $textDefault (#2080)
β€’ Design Tokens - update colors (#2085)

6.17.0

08 Jun 08:57
Compare
Choose a tag to compare

🎁 Features

β€’ New SortableList component! (#1958 & #2057)
β€’ Picker.Item - expose isItemDisabled info in renderItem callback (#2070)

πŸ”§ Fixes

β€’ KeyboardAwareScrollView - fix exports (#2064)

βš™οΈ Maintenance & Infra

β€’ Migrate DateTimePicker to a function component (#2050)
β€’ Refector component drivers and add a new component drivers (#2066)
β€’ Native lib - bumping version to 3.0.8 (#2065)