Skip to content

Releases: wix/react-native-ui-lib

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)

6.14.0

24 Apr 12:47
Compare
Choose a tag to compare

🎁 Features
• Support a config file for setting initial configuration for uilib (#1969)
• Support passing custom loaderElement to Toast component (#1971)
• TouchableOpacity - Expose activeScale prop and enable useNative by default when using it (#1997)
• Skeleton - Expose 'shimmerStyle' prop. (#1950)
• Button - support paddings modifier (#1989)
• Expose new imperative methods on picker component to allow opening expandable modal (openExpandable, closeExpandable, toggleExpandable) (#1988)
• Support using RN PlatformColor API for loaded design tokens (#1939)
• Keyboard components - add docs (#1984)

🔧 Fixes
• TabController - support safe area (useSafeArea) and constant indicator width (indicatorWidth), Fixes #1746 (#1923)
• Image - fix support for size props (width, height) on Android (#1987)
• Fix TextField jumping issue when there's no label or floating placeholder and the validation message positioned at top (#1990)
• Fix alignments for RadioButton and add contentOnLeft prop (#1999)
• Fix usages of PlatformColor in TabController TabBaritem (#1955)
• Fix interpolateColor bug in Incubator.WheelPicker (#1979)
• Fix margin modifiers for the basic skeleton (#1983)
• Fix how we handle platform color strings values (#1960)
• KeyboardAccessoryViewProps - Fix 'onItemSelected' params for types (#1975)
• Skeleton - fix type related bugs (#1998)
• Don't enable scroll if content is less than 1 pixel than it container (#1972)

⚙️ Maintenance & Infra
• Remove babel plugin responsible for transforming TS types to React prop types. (#1970)
• Babel main index file to support components lazy loading (#1980)
• Cleanup old script files and packagejson scripts commands (#1986)
• Temp solution for fixing TextFieldMigrator static members (#1951)
• Carousel, GridListItem - to design tokens (#1949)
• Update outline design tokens (#1959)
• Fader - move to design tokens (#1954)
• TabController - design tokens - fixes (#1935)
• Dividers - move to design tokens (#1964)
• ProgressBar - move to design tokens (#1962)
• Update divider and icon tokens (#1965)
• Migrate button components to design tokens (#1985)

6.13.0

06 Apr 15:30
Compare
Choose a tag to compare

🎁 Features

• New GridList component based on old GridView features (#1914)
• New SortableGridList component! (#1918)

🔧 Fixes

• Fix issue with floating placeholder on Android with multiline TextField (#1924)
• Merge schemes in loadSchemes method (#1929)
• TabController - Fix how we handle dynamic tab bar items (#1932)
• Fix scrolling long lists in Picker (#1944)

⚙️ Maintenance & Infra

• Complete TS migration (#1927)
• Fix export of components that were already migrated to TS (#1926)
• Centralized all textfield types (#1933)
• DesignTokens - new keys. (#1936)
• Export DesignTokens and DesignTokensDM (#1931)
• Migrate Badge to design tokens (#1922)
• Migrate Checkbox to design tokens (#1920)
• Migrate RadioButton to design tokens (#1921)
• Migrate Card component to designTokens (#1919)
• Migrate Avatar to design tokens (#1917)
• Migrate FloatingButton and exampleScreenPresenter to designTokens (#1934)
• Migrate Chip to designTokens (#1937)
• Migrate Dialog to design tokens (#1938)
• Migrate Hint and Toast to design tokens (#1940)
• Migrate Incubator ChipsList screen to design tokens (#1941)
• Migrate Pickers to design tokens (#1942)
• Migrate Slider and Stepper to design tokens (#1943)

6.12.0

23 Mar 09:23
Compare
Choose a tag to compare

🎁 Features

• Picker (and ExpandableOverlay) - support onPress (#1876)
• TabController.TabPage - support lazyLoadTime (useful for loading heavy pages) (#1910)
• Assets - adding 'getAssetByPath' method (#1892)
• Picker - support adding safe area to Picker modal content by passing useSafeArea prop (useful for Expo users) (#1899)
• SkeletonView - support passing colors (#1905)
• WheelPicker - support separatorsStyle (#1906)

🔧 Fixes

• Icon- fix tintColor type (#1884)
• GridView - fix error thrown when passing passing lastItemLabel but not lastItemOverlayColor. Fix issue #1879. (#1900)
• SvgImage - add missing optional chaining. Fix issue #1809. (#1902)
• SvgImage - remove 'tintColor' to fix Android crash (#1903)
• Picker - forget search on cancel. Fix issue #1880. (#1908)
• Migrate callback refs to object, to resolve TS errors (#1912)
• Hint - fix container position for appium test (#1891)
• TabBar - fix the fader color in dark mode (#1867)

⚙️ Maintenance & Infra

• Picker - spread others props to TextField instead of extracting manually (#1895)
• Dark mode - restrict for dev only until releasing full support (#1887)
• Colors lint rule - handle undefined context.options[0] (#1915)
• Refactor Picker component and convert to TS (#1870)
• Migrate example PickerScreen to TS (#1888)
• Design Tokens - add backgroundInverted (#1909)
• Reverse color palettes in dark mode (#1893)
• Keyboard components - cleanup. (#1913)
• eslint-plugin-uilib - no-hard-coded-colors allow null (#1886)
• StandWithUkraine - add benner (#1904)

6.11.0

07 Mar 11:43
Compare
Choose a tag to compare

🎁 Features

• KeyboardAccessoryView - adding 'usesBottomTabs' prop to add bottom insets (#1871)
• Slider - adjust the thumb position more smoothly (#1873)
• Add DarkElevated and DarkActive (#1861)

🔧 Fixes

• Fix ref of FadedScrollView component (#1864)
• Fix issue with TabController items not calculating their layout after a change in items (#1869)

💡 Deprecations & Migrations

• Migrate Incubator.TextField to DesignTokens (#1834)
• Settings and playground screens migrations (#1857)

⚙️ Maintenance & Infra

• TabController - move to design tokens (#1850)
• Snippets extension - Edit README (#1883)
• Remove old docs files (#1851)
• Add lodash plugin to reduce bundle size (#1856)
• Move Switch component to design tokens (#1866)
• Move Incubator.Toast to design tokens (#1865)
• Fixed some example code snippets (#1882)
• Update palette generation for bright colors (#1863)

6.10.0

16 Feb 14:27
Compare
Choose a tag to compare

🎁 Features
• Support overriding Incubator.TextField preset's default fieldStyle (#1836)
• Support render Hint without modal (make sure to pass useModal with false) (#1818)
• Support margin modifiers in SkeletonView Component (#1807)
• Add Constants.isWideScreen (#1827)
• Add code snippets to our components' docs (#1823)
• Add missing isFocused method on Incubator.TextField ref (#1833)
• Support imageId in Image component, and fix props passing in Card.Image (#1852)

🔧 Fixes
• Reanimated 2.4 - Fix error in Incubator.TouchableOpacity (#1831)
• KeyboardTrackingView - iOS - fix View's translation when nested in a TabBarController. (#1849)
• Avatar - fix border radius (Android) (#1822)

⚙️ Maintenance & Infra
• Update internally versions of react-native-reanimated and react-native-gesture-handler (#1821)
• Add $ to designTokens (#1814)
• Incubator.Dialog - remove extra components + support configuration (#1843)
• Incubator.Dialog - header refactor (#1845)

6.9.0

02 Feb 09:24
Compare
Choose a tag to compare

🎁 Features

• WheelPicker - allow pass labels alignment. (#1813)

🔧 Fixes

• Return TextField's validation result when calling it imperatively (using ref) (#1801)
• ExpandableSection - fix layout animation for changing in the expanded prop (#1798)

💡 Deprecations & Migrations

BREAKING CHANGE - Deprecate Incubator.WheelPicker selectedValue prop in favor of initialValue, as part of it, SectionWheelPicker will not support selectedValue in its sections prop as well. (#1782)
• Initiate TextField migration in Picker component by passing migrateTextField prop (#1793)
• Direct to our new implementation for TextField and Toast in the docs (#1810)

⚙️ Maintenance & Infra

• Testkit preperations (#1792, #1794)
• Add imageUtils file and use it in Image and Icon components (#1803)

6.8.1

19 Jan 12:26
Compare
Choose a tag to compare
  • Fix forwardRef warnings
  • Fix issue with exported test kits requiring to install @testing-library/react-native as a dependency

6.8.0

19 Jan 10:36
Compare
Choose a tag to compare

🎁 Features
• Add designTokens to Colors type (#1758)
• Slider - Add RTL support (#1770)

🔧 Fixes
• GridView - Support renderCustomItem prop (#1775)
• TouchableOpacity - fix style's type (#1767)
• Picker.Item - Add proper labelStyle prop type (#1759)

💡 Deprecations & Migrations
• Migrate to Icon component (#1778)

⚙️ Maintenance & Infra
• Upgrade gesture-handler to v2 (#1771)
• Update design tokens after sync (#1773)
• TabController - Remove react-freeze optimization (#1784)