5.7.1 - 29.03.2024

What's Fixed

• [TabButton, VerticalTabButton]: set 18 icon size for all button sizes according to design
• [DataPickerHeader]: changed close icon to match design
• [DataTableHeaderCell]: set 18 size for all icons by design

5.7.0 - 25.03.2024

What's New

• New Scaling Icons Approach:
  • Components now define the icon size based on their props.size value. You no longer need to pass an icon with an appropriate size for the component's size. The provided icon will now be scaled by the component itself.
  • Added a new icons pack, new icons placed under the '@epam/assets/icons' path. Old icons still exist under the '@epam/assets/icons/common' path.
  • This change doesn't require any immediate action from your side. You can continue using icons from the old icons pack. However, please note that icons which were passed to the components without adhering to the guidelines may now be scaled according to these guidelines.
• [DataTable]: Added possibility to pin columns to the right side of the table via columns config dialog
• [DataTable]: added 'Expand All/Collapse All' action in table header. They isn't rendered by default, to turn on pass showFoldAll={ true } to the DataTable props.
• [RTE]: added serializer/deserializer for MD format. Read more here.
• [RTE]: added onFocus prop
• [Modals]: now the Modals closed by default if the URL was changed. You can turn this off passing disableCloseOnRouterChange={true} prop to ModalBlocker component.
• [Modals]: added maxHeight prop
• [Paginator]: added isDisabled property
• [IconButton]: added property size
• [TimePicker]: added property disableClear to disable inputs' clear cross
• [FlexRow]: deprecated property spacing, it will be removed in future releases. Please use columnGap instead. spacing prop now works via columnGap.
• [FlexRow]: added property topBorder to add border on the top of the FlexRow
• [FileUpload]: move wordings to the i18n
• [ColumnsConfigurationModal]: small visual tweaks
• [Avatar]: changed default avatar img

What's Fixed

• [PickerInput]: fixed loading of selectedId with parents.
  • Fixed partially selected with predefined selected value.
  • Fixed fetching missing parents for selected element in PickerInput.
• [PickerInput]: fixed 'unknown records' removing
• [PickerInput]: Fixed focus reset after clicking outside
• [PickerInput]: fixed unnecessary PickerInput onValueChange calls on dataSourceState change(search, focusedIndex change) in single select with valueType=entity.
• [PickerList]: aligned caption by the left side in the footer.
• [DropdownContainer]: disable scroll to the focused element after dropdown close
• [DropdownContainer]: fixed warning about incorrect ref in React strict mode
• [Avatar]: change type of 'img' prop to also accept null value
• [RTE]: fixed table border rendering issues in Firefox
• [RTE]: fixed placeholder position in Safari
• [RTE]: fixed editor focusable area and appearing cursor on first click
• [RTE]: disable image resizing in readonly mode
• [RTE]: Fixed the position of the selected text toolbar within ShadowRoot for Chromium browsers.
• [DataTable]: prevent sorting change on column resize;
• [Blocker]: changed the exit animation duration from 1000ms to 200ms
• [ApiContext]: 'auth-lost' and 'connection-lost' errors in 'manual' error handling mode now handled by ApiContext itself
• [ApiContext]: add link to the login page in 'auth lost' modal
• [IconButton]: fixed property isDropdown;
• [Switch]: fixed property isReadonly;
• [TextArea]: fixed ability to scroll when readonly or disable;
• [Modals]: change 'accent' buttons to 'primary' in UUI built in modals
• [Badge]: small style tweaks according to the design

5.6.2 - 15.03.2024

What's Fixed

• [PickerInput]: fixed toggler blur in case searchPosition = 'none'

5.6.1 - 19.02.2024

What's Fixed

• [LazyListView]: refetch on search clear.

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