@epam/cra-template-uui - npm Package Versions

5.5.0 - 18.01.2024

What's New

• Added support of React 18 with concurrent rendering mode(i.e. react mounting via createRoot).
• Added semantic colors for components in 'Loveship' & 'Promo' skins. They can duplicate skin specific colors, so you can use both on your choose.
• [Pickers]: turn on flatten search results by default for all Pickers. Now for pickers with tree structure and in search mode, results will be shown as a flat tree, each item will have a subtitle with parents path.
• [DataTable]: Introduced focus manager api. Added ability to change focus on different cells using a keyboard in editable tables. See the example here.
• [RadioInput]: removed 'theme' prop in loveship skin.
• [NumericInput]: size 48 is deprecated and will be removed in future releases. Please, use size 42 instead.
• [Badge]: in Loveship property shape: square was deprecated and will be removed in future releases. Please pay attention that sguare is default now. Use Tag component instead if you need 'square' appearance or use "round" value.
• [Badge]: in Loveship size 12 is deprecated and will be removed in future release. Please, use size 18 instead.
• [NotificationCard]: color gray60 in promo, and night600 in loveship are deprecated and will be removed in future release.
• [Dropdown]: improve close on click outside dropdown logic.
• [FiltersPanel]: added maxBodyHeight prop for picker filters.
• [DataTable]: added allowResizing field for DataColumnProps, to be able to configure resizing for each column
• [ApiContext]: added possibility to provide your own fetcher for requests
• [PickerInput]: added id prop to add HTML ID attribute for the input.
• [DatePicker]: added id prop to add HTML ID attribute for the toggler input.
• [RangeDatePicker]: added id prop to add HTML ID attribute for the first input into toggler.
• [CountIndicator]: set color info by default.
• [FilterPanel]: in range numeric filter set mark 'from' input as invalid in case if value from bigger than value to.
• [Modals]: fixed overflow: hidden body style removing after closing first modals in case when multiple modals was opened. Now this style will be removed only when the last modal in stack was closed.

What's Fixed

• [LazyDataSource]: fixed cascade selection with not flatten search.
• [VirtualList]: fixed onScroll prop typing
• [PickerInput]: fixed closing picker body by checking some item in 'Show only selected' mode
• [ErrorHandling]: fixed notification errors handling for recovery status. Now notification will be shown only after recovery will be completed and request failed.
• [PresetPanel]: fixed the problem of creating duplicates of the new preset when clicking the accept button quickly.
• [CheckboxGroup]: added property size to set it for all group components. Added possibility to provide CheckboxProps for each item of group.
• [ApiContext]: file upload now handle JSON.parse errors.
• [useUUIError]: fixed subscribing for the contexts with React strict mode
• [NumericInput]: removed 'none' from size type.
• [DataPickerRow]: removed 'none' from size type.
• [RangeDatePicker]: fixed mounth/year selection blocker styles
• [NumericInput]: fixed placeholder appearing after removing value, if props.min > 0.
• [PickerInput]: clip selected value with ellipsis while overflow.
• [StatusIndicator]: small visual tweaks according to the design.
• [Tag]: small visual tweaks according to the design.
• [Badge]: small visual tweaks according to the design.
• [RTE]: extend clickable aria for the full height of editor.
• [RTE]: improve the link replacement logic

5.4.3 - 19.12.2023

What's Fixed

• [RTE]: fixed onBlur and onKeyDown props
• [Button]: fixed 'white' color on loveship

5.4.2 - 07.12.2023

What's New

• [FiltersPanel]: added togglerWidth prop, which configure maxWidth of filter toggler
• [Tag]: added additional colors in skins
• [Badge]: added new colors in skins:
  • Loveship: 'cyan' | 'mint'.
  • Promo: 'cyan' | 'mint'.
  • Electric: 'yellow'| 'orange' | 'purple' | 'cyan' | 'mint' | 'white' | 'night100' | 'night600'.
• [DropdownContainer]: width property now used as a default for maxWidth, if maxWidth is not provided.

What's New

• [LazyDataSource]: enabled flattenSearchResults by default
• [PickerInput]: Added subtitle for flatten search results as default behavior of PickerInputs.

What's Fixed

• [Tag]: fixed typings
• [Button]: fixed rawProps typings for data-* attributes
• [Paginator]: fixed rawProps typings
• [PickerInput]: added default maxWidth={ 360 } value for picker body
• [PickerInput]: Fixed clear checked before opening a picker body and if selectAll: false is provided.
  • Added clearAllChecked() method to IDataSourceView interface to support unchecking all without enabled selectAll flag.
  • Reduced amount of loaded data while clearing all checked elements in cascadeSelection: false mode.
• [LazyDataSource]: fixed showing placeholders on clearCache.
• [TextArea]: size 48 is deprecated and will be removed in future release. Please, use size 42 instead.
• [TextPlaceholder]: fixed animation performance issues
• [LazyListView]: fixed backgroundReload functionality.
  • Fixed showing blocker when filter/sorting changed.
  • Fixed showing placeholders while backgroundReload=true and placeholders should not appear.
• [icons]: Returned filled version for the following icons: communication-chat, flag, communication-mail, action-eye, action-eye-off, action-job_function, action-deleteforever, action-schedule.

5.4.1 - 30.11.2023

What's New

• uui.epam.com site now fully support theming. You can choose preferred theme in app main menu.
• [Tag]:
  • rework according to the new design. Added new colors and new solid & outline mods;
  • [Breaking change]: for loveship package, changed default size from 18px to 36px.
• Upload new icons pack
  • [Breaking changes]:
    • 'action-update' icon was removed use 'navigation-refresh' instead
    • 'content-plus' icon was removed use 'action-add' instead
    • 'action-map_pin' icon was removed use 'communication-geo_tag' instead
    • 'table-info-outline' icon was removed use 'notification-info-outline' instead
    • 'action-chat' icon was removed use 'communication-chat' instead
    • 'not-recommended' icon was removed use 'blacklist' instead
    • 'copy-content' icon was removed use 'action-copy_content' instead
    • 'action-clock' icon was removed use 'action-schedule' instead
    • 'notification-close_popup' icon was removed use 'navigation-close' instead

What's Fixed

• [Calendar]: fixed disabled days text color
• [Text]:
  • fixed font-weight prop in skins.
  • fixed color values for semantic colors(info, warning, error, success) and for skin colors
• [TextPlaceholder]: improved animation
• [Panel]: fixed "background" property. Return transparent value by default.
• [MainMenu]: fixed colors for 'electric' theme

5.4.0 - 21.11.2023

What's New

• This release introduced stable Theming approach and theme css variables:

  • Theme css variable now assumed as a stable API, you can use them into your application styles.
  • A lot of components styles tweaks according to the design changes.
  • You can read more about Themes here - https://uui.epam.com/documents?id=themes

• New EPAM brand 'Electric' Theme and @epam/electric package. To start using Electric theme you need:

  • Add @epam/electric package to your project
  • Add import '@epam/electric/styles.css' to the root of your application
  • Add import '@epam/assets/css/theme/theme_electric.css' to the root of your application
  • Add uui-theme-electric class to the html body node
  • Import all necessary components from @epam/electric package.

• Added Dark theme for Loveship. To start using Dark Loveship theme you need to:

  • Add import '@epam/assets/css/theme/theme_loveship_dark.css'; to the root of your application
  • Add uui-theme-loveship_dark class to the html body node.

• [Fonts]: Added Source Sans Pro font, which properly works with css font-weight and font-style rules. You can replace usages Sans Semibold font with Source Sans Pro and font-weight: 600, Sans Italic with Source Sans Pro and font-style: italic etc. We also keep old font-faces and variables for backward compatibility. It's recommended to move to the new approach, since old one will be deprecated in feature.

• [skinContext]: removed skinContext from UuiContexts, it's not needed to provide it to the uui services, just remove its usage.

• [Typography]: removed typography mixins. Now typography applies via css classes. If you use mixins, replace it by adding .uui-typography class on the same node.

• [StatusIndicator]: added new StatusIndicator component.

• [CountIndicator]: added new CountIndicator component.

• [Badge] :

  • [Breaking change]: removed fill "white" and "none" modes, use fill="outline" + color instead them.
  • [Breaking change]:removed fill "transparent", use StatusIndicator component instead.
  • [Badge]: deprecated fill "semitransparent", it will be removed in future releases. Use fill="outline' instead.

• [LabeledInput]:

  • added sidenote and footnote props
  • added maxLength and charCounter props. You can use them for cases when you need to show a counter which indicates the limit of symbols in input.
  • added possibility to provide validationMessage as react node

• [TextArea][Breaking Change]: removed maxLength prop, use LabeledInput with maxLength and charCounter={ true } props instead.

• [CheckBox, PickerList, RichTextView, Switch, TabButton, VerticalTabButton, ScrollBars]: removed theme prop. Use Theming approach instead.

• [PresetsPanel]: added the ability to add a modal confirmation window when deleting a preset

What's Fixed

• [useForm]: don't reset inChanged flag in case when server validation fails
• [DataTableRow]: fixed rawProps prop
• [DropdownMenuButton]: use isActive prop in priority under router.isActive
• [PickerInput]: set overflow: hidden; on open for mobile
• [DataTable]: fix columns reorder when there are hidden columns
• [TextArea and TextInput]: fix maxLength for Android
• [DataTable]: fixed column order after pin action
• [PickerInput]: Disable select all button if list are empty, and it has no selection
• [DataTable]: added role=table
• [SlateEditor]: fixed image caption appearance after upload
• [DropdownMenu]: added focusLock prop

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