Releases: wix/react-native-ui-lib
6.26.0
π 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)
β’
6.25.0
π 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
π 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
π 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
π 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
π 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
π 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
π 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
π’ 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
π 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)