Skip to content

Releases: wix/react-native-ui-lib

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)

6.16.0

25 May 08:12
Compare
Choose a tag to compare

πŸš€ What’s New?

β€’ Timeline - new component. (#2027)

🎁 Features

β€’ Allow to call isValid on TextField ref to check if it's valid without triggering field validation (#2049)
β€’ Small performance improvement in TabController transitions (#2039)
β€’ Dialog (old) - expose static directions (#2060)

πŸ”§ Fixes

β€’ KeyboardAccessoryView - fix addBottomView not working (#2045)
β€’ Fix onChange type of DateTimePicker (#2056)
β€’ Fix Modal backgroundColor (#2058)
β€’ Carousel - fix initial page (#2059)

βš™οΈ Maintenance & Infra

β€’ Docs - fix broken links, 10x to @ibrahim-mousa ! (#2052)
β€’ Fix design tokens in Picker components (#2036)

6.15.0

11 May 10:30
Compare
Choose a tag to compare

🎁 Features

β€’ Breaking: Support dynamic data in SortableGridList. This requires to pass id prop for each item (#2020)
β€’ TabController - allow sending 'faderProps' (#2008)
β€’ Modal.TopBar - Support multiple buttons (#2011)
β€’ KeyboardTrackingView - add 'bottomViewColor' prop (#2013)
β€’ KeyboardAvoidingView - Modal support (#2019)
β€’ Allows to pass in faderProps to Incubator.WheelPicker and forward them to the <Fader /> component (#1947)
β€’ Avatar - allow the override of 'testID' in Badge (#2035)
β€’ Design Tokens - Badge (#2024)
β€’ Design Tokens - ColorSwatch (#2029)
β€’ Design Tokens - Wizard (#2026)
β€’ Update tokens by the guidelines (#2032)
β€’ Update icon - button color to design tokens (#2031)
β€’ Slider - disabled border color - design tokens (#2033)

πŸ”§ Fixes

β€’ Fix TS errors that started after @types/react v18 (#2001)
β€’ Fix Incubator TextField placeholder's disabled color (when floating is also disabled) (#2003)
β€’ Fix TabBar backgroundColor (#2014)
β€’ Fix issue with centering TextField component (#2018)
β€’ Fix error with Picker dialog when passing 'useNativePicker' (#2030)
β€’ Picker - multi select - fix behavior when the value is changed by user (#2010)
β€’ Carousel - fix initial page offset (contentOffset) (#1991)
β€’ SegmentedControl - handle 'onLayout' being called twice (#2028)

βš™οΈ Maintenance & Infra

β€’ Docs - Removing "extendsLink" to uilib's components (#2006)
β€’ Fix keyboard docs (#2009)
β€’ Fix docs broken links (#2012)
β€’ Refactor DateTimePicker expandable overlay (#1995)
β€’ Refactor MaskedInput component, remove legacy TextField usage (#1976)
β€’ Upgrade 'reanimated' and 'gesture-handler' to latest versions in our demo app (#1977)
β€’ Add error support to LogService (#2025)
β€’ Remove all generated types files (#2040)
β€’ eslint - function deprecation - fix usage from source (#2015)