v5.5.3

5.5.3 - 07.02.2024

What's Fixed

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

v5.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

v5.5.0

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

v5.4.3

5.4.3 - 19.12.2023

What's Fixed

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

v5.4.2

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 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.
• [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.

v5.4.1

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

v5.4.0

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

v5.2.0

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 day.js
• [ModalWindow]: changed role attribute value from 'modal' to 'dialog'
• [DropdownMenuButton]: fixed icon color in isDisabled state

v5.1.3

5.1.3 - 31.08.2023

What's New

• Added focus state styles for Accordion, AvatarStack, Anchor, Badge, Button, Burger, Checkbox, Control Group, IconButton, LinkButton, MainMenu, RadioInput, Switch, TabButton, Tag. This focus styles works via :focus-visible pseudo class and will be applied only when using the keyboard.
• [FiltersPanel]: added possibility to provide your own custom filter
• [useForm]: validate callback now return new validationState
• [DropdownContainer]: improved keyboard support. Now DropdownContainer by default lock focus inside and return to the toggler by closing. Also implemented close by 'Esc'.

What's Fixed

• [PickerInput]: when searchPosition=input a cursor is placed in textbox once PickerInput is focused via Tab key.
• [PickerInput]: fix searchPosition when editMode=modal, it cannot be input.
• [useForm]: after calling validate callback, form switch to revalidating mode on fields change.
• [useForm]: fixed isChanged prop calculation, in case when form value returned to initial
• [useForm]: don't call loadUnsavedChanges callback when for was edited and then returned to the initial value
• [Accordion]: fixed outdated isOpen value of renderTitle and renderAdditionalItems callbacks in case when this.props.value provided
• [Burger]: fixed keyboard navigation
• [Badge]: fixed hover effects for non-clickable badges in loveship
• [SliderRating] fixed colors of icons when it's 2+ sliders on one page
• [LabeledInput]: fixed default Tooltip color
• [SlateEditor]: get zIndex from layer context for RTE toolbars
• [DataTable]: fixed columns resize

v5.1.2

5.1.2 - 10.08.2023

What's New

• Added support of UUI library proper work in shadow-dom container
• [DropdownMenu]:
  • [Breaking change]: reworked component in loveship skin to be aligned with @epam/uui implementation and with design specs
• [Alert]: added size '36' option.
• [DropdownMenu]: added minWidth prop to set up minWidth to DropdownMenu container.
• [Avatar]: property onClick marked as deprecated. It will be removed in future versions.
• [TimePicker]: rework styles for loveship. Size '48' was marked as deprecated and will be deleted in the future releases.
• [FileUpload]: file upload components was added to the Loveship skin.

What's Fixed

• [Button]: fixed disabled styles
• [FiltersPanel]: fixed wrong filter order calculation on new filter adding.
• [RangeDatePicker]: presets.name prop now accept ReactNode.
• [PickerInput]: fixed selected value displaying if item id equals zero or false.
• [ColumnsConfigurationModal]: fixed crashes when new column was added or deleted from columns array
• [ControlWrapper]: component was marked as deprecated and will be removed in feature releases.
• [InstanceItem]: component was marked as deprecated and will be removed in feature releases.
• [MakeMeItem]: component was marked as deprecated and will be removed in feature releases.
• [DraftRTE]: updated to the latest epam/assets package version
• [DataPickerFooter]: added export from loveship and promo packages
• [SlateEditor] fixed custom elements removal when they are last element in editor
• [DataTable]: fixed paddings for first cell in edit mode