Releases: epam/UUI
Releases · epam/UUI
v5.11.0
5.11.0 - 15.11.2024
What's New
- [FlexRow][Breaking Change]: Only for
@epam/loveship
package. Now spacing default value works based oncolumnGap
props. It shouldn't affect general cases, but previous spacing implementation require additional hack when it was needed to add negative margin value for container to remove corner paddings in multiline case. Now this hack should be removed, sincecolumnGap
implementation doesn't produce such bug for multiline. - [useTableState][Breaking Change]: columns prop is removed, since it's not needed now. Just remove it from
useTableState
provided props. - [useTableSate]: added
initialVisibleCount
prop - [Button]: added size
60
to props - [MultiSwitch]: added size
60
to props - [Data Sources]: cursor-based pagination support. More details here
- [TimelineScale]: added bottom/top month text customisation.
- [TimelineScale]: customisation of today line height was added.
- [Rating]: added to
@epam/uui
, skin packages now use@epam/uui
implementation. Removed redundant(filledStarIcon
,emptyStarIcon
,renderRating
,from
,to
) props for all packages, changed colors for empty & disabled stars for 'Promo' & 'Loveship' skins according design, addedicon
prop to have possibility to change default icon.
What's Fixed
- [TabButton][VerticalTabButton]: decreased paddings, added gaps
3px
between internal items for all sizes according to design - [Tag]: Added gaps between internal items, changed padding according to design
[Badge]: changed gaps & paddings according design, removed padding before first icon & after counter - [VirtualList]: fixed estimatedHeight calculations in components with pagination
- [RTE]: fixed working of old iframe data structure with 'src' prop
- [VerticalTabButton]: reverted paddings & gaps to previous values for all sizes
- [RTE]: fixed migration of old table element data.cellSizes to the new colSizes format
- [PresetsPanel]: fixed 'Saved as new' action
- [PresetsPanel]: Fixed preset actions dropdown close on each rerender
- [Anchor, Badge, Button, LinkButton, IconButton, MainMenuButton, TabButton, Tag]: fixed
clickAnalyticsEvent
not being sent whenhref
property used - [ApiContext]: handle aborts during response read/parse phase (.json() and alike)
v5.10.2
5.10.2 - 24.10.2024
What's Fixed
- [Text]: fixed bug when passed rawProps override Text internal styles
- [Modals]: fixed value for default modal width
- [RangeDatePicker]: fix inputs focus behavior. Fixed bug when date cannot be selected when another picker was previously focused
- [ColumnsConfigurationModal]: fixed vertical paddings
- [PickerInput]: hide clear button from footer in case
props.disableClear === true
- [PickerInput]: fix unnecessary
onValueChange
call in case of entity mode and when provided entity was different from entity inDataSource
.
v5.10.1
5.10.1 - 16.10.2024
What's Fixed
- [DataPickerRow]: fixed default values for
padding
andsize
prop - [TabButton]: fixed caption styles in case app apply
box-sizing: border-box
styles for all page elements.
v5.10.0
5.10.0 - 11.10.2024
What's New
- [DataTable]:
- [Breaking change]: reworked
isAwaysVisible
column configuration prop. Now it's not make column fixed by default and doesn't forbid to unpin or reorder, it's only disallow to hide this column from table. If you need previous behavior, please useisLocked
prop. - Added
isLocked
prop for column configuration. Iftrue
value provided, makes this column locked, which means that you can't hide, unpin or reorder this column. This column should always be pined.
- [Breaking change]: reworked
- [DataTable]:
ColumnsConfigurationModal
updated modal width from 420px to 560px according design, 'disabled' state for locked columns is changed to 'readonly', added vertical paddings to multiline column names. - [PickerInput]:
- Added support of
minCharsToSearch
> 0 withsearchPosition = 'body'
. - Added renderEmpty prop to render custom empty block for depends on various reasons.
renderNotFonud
prop is deprecated, please userenderEmpty
instead
- Added support of
- Sass updated to the last version, warnings 'Mixed Declarations' fixed https://sass-lang.com/documentation/breaking-changes/mixed-decls/
- [Modals]: for mobile view (width is up to 720px) by default the modal position is fixed at the bottom edge of the screen
- [TabButton][VerticalTabButton]: decreased paddings & gaps for all sizes according to the design
What's Fixed
- [Form]: fixed bug when
beforeLeave
modal appears in case of redirect inonSuccess
callback - [VirtualList]: fixed offsets counting if rows have different height
- [TabButton][VerticalTabButton]: aligned with design, paddings & gaps decreased
v5.9.5
5.9.5 - 09.10.2024
What's Fixed
- [ArrayDataSource]: fixed initializing caches on data source creation.
v5.9.4
5.9.4 - 26.09.2024
What's Fixed
- [useAsyncDataSource]: fixed refetching of data after deps change.
v5.9.2
5.9.2 - 12.09.2024
What's New
- [RTE]: added
maxLength
prop - [Text]: Added missing skin colors to 'Loveship' 'light' (night900) and dark (night50, night300, night400, night500, night600, night700, night800, night900) themes.
What's Fixed
- [RangeDatePicker]: fixed passing
id
prop to the first input in toggler - [PickerInput]: fixed issue with clearing disabled (non-checkable) rows using backspace.
- [DataTableHeaderCell]: fixed text selection issue that occurred when clicking on resize, without preventing the event from bubbling.
- [useLazyTree]: fixed an issue where API calls were skipped during very fast scrolling.
- [RTE]: fixed serialization of empty lines in HTML, now
</br>
html tag is used - [Text]: Tweak skin specific props to be equal to their semantic analogs
v5.9.1
5.9.1 - 28.08.2024
What's New
- [LinkButton]: added
weight
andunderline
props - [DataTable]: disable animation for loading skeletons due to performance issues
- [DatePickers]: added 'DDMMYYYY' format to the list of supported date formats for parsing user input
- Uploaded new version of icons pack:
- icons added: action-clock_fast-fill, action-clock_fast-outline
- icons updated (visual weight tweaked, icon size was slightly decreased): action-job_function-fill, action-job_function-outline, communication-mail-fill, communication-mail-outline
What's Fixed
- [DropdownMenu]: fixed disabled status of subMenu. If subMenu disabled it's won't open subMenuItems
- [DropdownMenu]: fixed error when using 2+ levels menu with closeOnMouseLeave=boundary
- [PickerInput]: fixed opening body by pressing 'Enter' key in mobile resolution(<768px)
- [Dropdown]: remove
mousemove
handler on component unmount - [Pickers]: fixed bug when 'Clear All' button remains visible even after user clear all item by clicking on it. It was reproduced only if emptyValue=[] prop was passed.
- [AdaptivePanel]: fixed hiding items with the same priority as last hidden collapsed container
- [LinkButton]: tweak focus state style according to the design
- [Typography]: added focus for links
v5.9.0
5.9.0 - 09.08.2024
What's New
- [Breaking change]: Typography in Electric theme h1 weight changed to 600, h2 weight changed to 400
- Icons pack updated:
- [Breaking change]: visual weight tweaked for the following icons. Please review the places of this icons usage, after the update:
- navigation-chevron_up_outline
- navigation-chevron_down_outline
- navigation-chevron_left_outline
- navigation-chevron_right_outline
- content-minus_outline
- notification-done_outline
- Icons added
- Icon file-file_csv_fill
- editor-headline_h4_outline
- editor-headline_h5_outline
- editor-headline_h6_outline
- content-person_group_outline
- [Breaking change]: visual weight tweaked for the following icons. Please review the places of this icons usage, after the update:
- [DatePicker][RangeDatePicker]: improve a11y focus flow behavior. Now date picker body receive focus on open and return it back on input after close.
- [Timeline]:
- Improved
Timeline
:- Updated
Timeline
design. - Added support for functional components.
- Introduced a low-level
TimelineCanvas
component designed to render elements on the Timeline. - Enhanced customization options for
TimelineGrid
andTimelineScale
. - Exposed default implementations for timeline grid/scale drawing phases via the
timelineGrid
andtimelineScale
libraries.
- Updated
- Added an example of Timeline usage with tables. See demo here.
- Deprecated
BaseTimelineCanvasComponent
. UseTimelineCanvas
instead. Now, TimelineCanvas should not be extended, instead,draw
function should be passed to the props. - Added base component for universal drawing Timeline elements:
TimelineCanvas
. - Added the
useResizeObserver
hook, which provides the possibility to observe multiple elements' resizing. - Added the
useTimelineTransform
hook, which provides the possibility to receive the latestTimelineTransform
instance from theTimelineController
. - Deprecated
TimelineScaleProps.shiftPercent
. - Made
TimelineGrid
customizable. Exposed default implementations of various parts ofTimelineGrid
drawing functionality, via thetimelineGrid
library. - Made
TimelineScale
customizable. Exposed default implementations of various parts ofTimelineScale
drawing functionality, via thetimelineScale
library. - Exposed default implementations of various parts of
Timeline
drawing functionality, via thetimelinePrimitives
library. - Added the
TimelineController.setViewportRange
function, which allows setting theViewport
by passing the right and left periods of the scale. - Added
computeSubtotals
andcreateFromItems
toTree
.
- Improved
- [DateTable]:
- Added
renderHeaderCell
callback to the column configuration, it's allows to provide custom render for column header. - Added the
DataTableCellContainer
component - base wrapper for header and column cells
- Added
- [PickerInput]: hide picker footer while searching
- [PickerInput]: made tags in multi select smaller
- [Typography]: only for electric theme:
- H1 weight changed from 600 to 400
- H2 weight changed from 700 to 600
What's Fixed
- Simplify dayJs type imports to support earlier versions of Typescript
- [DataTable]: disable column focus and hover if
isReadonly={ true }
was provided inrowOptions
for editable table - [Badge]: center badge content, move left icons closer to the caption for wide badges
- [FileUpload]: fixed error icon color to uui-error-70
- [RTE]: fixed pasting lists from word
- [Tag]: fixed cross icon size according to the design
v5.8.4
5.8.4 - 22.07.2024
What's Fixed
- [PickerInput]: fixed '+N' toggler tag tooltip content with custom
getName
callback