Releases: epam/UUI
Releases · epam/UUI
v5.12.1
5.12.1 - 17.12.2024
What's Fixed
- Revert '[Svg]: don't set fill attribute if it's not provided' change from 5.12.0 version. Because it turned out that many users relied on the previous behavior where the fill attribute was cleared by default. If you need to render icon with built-in fill, please look at this issue comment - #2684 (comment)
v5.12.0
5.12.0 - 12.12.2024
What's New
- [ErrorPage]: added possibility to add message with support link for error pages(
500, 503, default
errors).
For EPAM applications it's recommended to add following code to the root of your app to enable it:import { i18n } from '@epam/uui'; i18n.errorHandler.supportMessage = ( <> You can track the service availability at {' '} <a href={ `https://status.epam.com/?utm_source=${window.location.host}&utm_medium=ErrorPage&utm_campaign=StatusAquisitionTracking` }>status.epam.com</a> </> );
- Remove 'prop-types' from UUI packages dependencies. Remove
uuiContextTypes
interface, since it was needed for already outdated React context API. - [DataTable]: added support of column groups in table header. Read more - https://uui.epam.com/documents?id=advancedTables&mode=doc&category=tables&theme=electric#table_with_header_groups
- [ErrorPage]: embed typography styles for error page texts
- [Alert]: small tweaks according to the design
What's Fixed
- [Dropdown][Tooltip]: Fixed a bug where the body overflowed if there was no space for the default or opposite placement.
Now it tries other placements, e.g., if there’s no space at the top or bottom, it will place the body on the right if there’s enough space. - [PickerInput]: fixed unnecessary api calls on body open with
minCharsToSearch
prop and search in body - [RTE]: fixed image caption not being visible when RTE initially in readonly mode
- [DatePicker]: fixed body close if date picker input scrolled out from view
- [Modals]: prevent scrolling to the modal toggler because of focus return after modal close
- [RTE]: fixed scroll to the top of the editor after editor modal windows(Add image/link/video etc.) were close
- [RTE]: fixed error while merging cells without content
- [RTE]: fixed bug when files added from attachment button inserted in preview mode instead of attachment block
- [RTE]: fixed crash when removing the sole table row
- [Svg]: don't set fill attribute if it's not provided
- [Modals]: autofocus first active element on modal open. It's a temporary fix, because of bug in react-focus-lock lib(theKashey/react-focus-lock#340). Ideally focus should move to the first active element only after 'Tab' key was pressed, we will come back to this solution when bug will be fixed.
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