5.6.0 - 08.02.2024

What's New

• Added 'Tokens' doc page. It contains list of all core tokens with their value and description.
• prop captionCX is deprecated for the following components: Button, LinkButton, Badge, Tag, TabButton, VerticalTabButton, MainMenuButton and will be removed in future release. Please use cx prop to access caption styles and use cascading to change the styles for the uui-caption global class.
• [Breaking changes]:
  • [Badge]: can be a span element if onClick prop is not passed, consider it for DOM manipulation with this component.
  • [Tag]: can be a span element if onClick props is not passed, consider it for DOM manipulation with this component.
  • [PickerInput]: in selectionMode: multi selected item Tag rendered as a span, consider it for DOM manipulation with this component.
  • [Button]: removed count, dropdownIconPosition props.
  • [TabButton]: removed dropdownIconPosition prop.
  • [VerticalTabButton]: removed dropdownIconPosition prop.
  • [LinkButton]: removed onClear, clearIcon, count, dropdownIconPosition props.
  • [MainMenuButton]: removed onClear, clearIcon, isDisabled, dropdownIconPosition props.
  • [Badge]: removed dropdownIconPosition prop.
  • [Tag]: removed dropdownIconPosition prop.
  • [Text]: removed color brand; Removed --uui-text-brand token from themes, use --uui-text-primary instead.
• Removed deprecated MakeMeItem and InstanceItem components from loveship.
• [TimePicker]: improve time picker input value parsing. Added ability to parse value in different formats, e.g.: 1.23pm -> 01:23 PM, 12/2 -> 12:02 AM, .25 -> 00:25, 2350 -> 23:50 etc.
• Changes in ICanBeInvalid interface:
  • Extract validationMessage to the IHasValidationMessage interface
  • Extract validationProps into ValidationState interfaces
• [Text]: added tertiary color.
• [FlexRow]: added property justify-content it can be equals 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'start' | 'end'.
• [DropSpot]: changed type of the property infoText from string into ReactNode. Now you can pass your own realization of it, or pass string and use our.
• [Snackbar]: added 'Clear all notification' notification button while 2+ notifications displaying. To enable this behavior, exports Snackbar form @epam/uui package or skins.

What's Fixed

• [PickerInput]: fixed initialy selected items clear with LazyDatasoruce
• [PickerInput]: fixed partially selected mark for all chain of parent in single mode
• [RadiInput]: added native HTML name attribute for the input.
• [RadioGroup]: added native HTML name attribute for each group member.
• [Tooltip]: fixed vertical paddings according to the design.
• [SearchInput]: fixed onCancel prop. Now component can use provided callback, not only default implementation
• [useForm]: fixed close method to always return Promise
• [LinkButton]: fixed sky color in loveship dark theme
• [Badge]: fixed outline night600 color in loveship dark theme

5.5.3 - 07.02.2024

What's Fixed

• [APIContext]: fixed non-JSON error parsing (broken in 5.5.1)

5.5.1 - 01.02.2024

What's New

• [DataTable]: added renderTooltip prop to DataColumnProps, to be able to customize or disable table header tooltip
• [ApiContext]: added parseResponse callback to the ApiCallOptions. It can be used to define custom way of how to parse the response of the request.

What's Fixed

• [PickerInput]: fixed clear selection for single mode picker with lazy datasource

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