[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

Diff

alekseymanetov

published 5.5.0 • 10 months ago

Changelog

Source

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

Diff

alekseymanetov

published 5.4.3 • 11 months ago

Changelog

Source

5.4.3 - 19.12.2023

What's Fixed

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

5.4.2

Diff

alekseymanetov

published 5.4.2 • 11 months ago

Changelog

Source

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

Diff

alekseymanetov

published 5.4.1 • 12 months ago

Changelog

Source

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

Diff

alekseymanetov

published 5.4.0 • 12 months ago

Changelog

Source

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