@epam/cra-template-uui

cra-template-uui

This is the official UUI template for Create React App.

To use this template, add --template @epam/uui when creating a new app.

For example:

npx create-react-app my-app --template @epam/uui

# or

yarn create react-app my-app --template @epam/uui

For more information, please refer to:

• Getting Started – How to create a new app.
• User Guide – How to develop apps bootstrapped with Create React App.
• UUI docs – UUI library official documentation.

Changelog

5.2.0 - 16.10.2023

What's New

• [useVirtualList]:
  • Breaking change: scrollToIndex prop was removed, use scrollTo instead.
  • Improved scrollTo functionality. Added configuration of scroll behavior and how to align item after scroll.
  • See the example here
• [DataTable]: added possibility to pin rows inside table. It allows you to make some rows sticky inside their parent group. Use pin callback in getRowOptions function for this. See the example here.
• [BaseListView]:
  • added backgroundReload property. If it is set to true, placeholders appear only on the first load and on fetching additional rows. Any filter/search/sorting change doesn't trigger placeholders' rendering. Old data is shown until new data is received. When reloading is started,
  • getListProps now returns isReloading flag, which signals that data is reloading.
• [DataTable][Pickers]: Added Blocker overlay while loading. It appears on initial render and filter, search, sort, page number, and size change.
• [InputAddon]: added InputAddon component that can be used in cases when you need to add prefix or suffix to the your component with ControlGroup.
• Use Vitest instead of Jest in Vite UUI template app

What's Fixed

• [UUI Contexts]: fixed context initialization for react 18 with strict mode
• [PickerItem]: fixed 'cx' prop
• [PickerInput]: remove the dropdown icon if minCharsToSearch prop is passed
• [PickerInput]: fixed paddings with multiline item text
• [PickerInput]: don't clear search on item check via keyboard
• [useUuiServices]: fixed apiPingPath, apiReloginPath, apiServerUrl props
• [AdaptivePanel]: fixed items width calculation in case of decimal values
• [useForm]: recover from isInProgress=true state if onSave is rejected
• [TabButton]: fixed notify dot, that it will not change button width
• [FiltersPanel]: fixed height of filter body in mobile view
• [ErrorHandler]: fixed image for 503 error code in loveship
• [DatePicker]: fixed crashes with different versions of dayjs
• [ModalWindow]: changed role attribute value from 'modal' to 'dialog'
• [DropdownMenuButton]: fixed icon color in isDisabled state