@epam/assets - npm Package Versions

4.10.0 - 06.02.2023

What's New

• React v18 support. You can still use React v17 or lower, no changes required from your side.
• [Tooltip]: Tooltip component implemented based on Dropdown.
  • In accordance with this change, Tooltip received some Dropdown features, such as: closeOnMouseLeave: 'boundary', closeDelay and openDelay
  • [BreakingChange]: Removed prop trigger. Now tooltip always opens on hover, use dropdown for cases when you need to open body by click.
  • [BreakingChange]: Removed prop isVisible. If you need to programmatically control the opening, use the value/onValueChange props.
• [PresetsPanel]: store sorting into preset
• [useTableState]: store sorting into url
• [FlexRow]: added Flexbox properties columnGap and rowGap to setting the spacing between children and rows in case of a FlexRow wrap
• [ColumnsConfigurationModal]: added functionality to deny applying the configuration without selected columns
• [Dropdown]: added openDelay and closeDelay prop, for dropdown which opens by hover
• [useTableState]: adding viewState into DataTableState and store it into presets
• [TimePicker]: change IEditable typing to accept null
• [PresetPanel]: fix copy link action on non-active preset

What’s Fixed

• [VerticalTabButton]: fix text trimmed and text align
• [Switch]: remove margin-left when there is no label
• [Anchor][Button]: added rel='noopener noreferrer' where target='_blank'
• [PickerInput]: update correctly dataSourceState when programmatically handling previously loaded data, if API returns empty array
• [ColumnsConfigurationModal]: Removed disabling of a checkbox if a column has a fix property and fixed the problem with pinning the column after unpinning, if it has fix property in the column config.
• [NumericInput]: fixed NumericInput by preventing rounding up numbers if formatOptions are defined
• [Rating]: fixed loveship Rating color for selected stars
• [useTableState]: now correctly work with react-router baseUrl
• [RangeDatePicker]: move focus from 'to' value to 'from' value, in case when 'from' empty
• [DatePicker, RangeDatePicker]: use props.format value in priority over other acceptable formats
• [useForm]: fix close callback to work properly when lock doesn't exist
• [PresetPanel]: set minHeight: 60px for presets container

4.9.1 - 01.12.2022

What's New

• [LockContext]: reworked lock context:
  • make tryRelease method public
  • tryRelease argument in acquire now optional, if isn't passed release lock immediately on request
  • withLock now run passed action and get lock until action running
• [useForm]: added close method, which try to leave form and ask to save unsaved changes
• [DatePickers]: added support for typing value according predefined set of formats

What’s Fixed

• fixed sans semi-bold font url
• [LazyDataSource]: fixed row handle check while tree wasn't initiated
• [NumericInput] prevent value change onScroll
• [NumericInput]: set empty string value on onBlur event in case of invalid input value
• [DND]: fixed container scrolling on element dragging
• [ApiContext]: fixed manual error handling for recovery errors

4.9.0 - 17.11.2022

This release includes all changes from '4.9.0-rc.1' version

What's New

• [ColumnsConfigurationModal]: redesign and rework logic, added possibility to pin columns from modal
• [PickerInput]: now we predefine search with selected value on picker open, but apply it to search on first change
• [ModalContext]: added argument to abort method

What’s Fixed

• [RawProps]: fixed wrong type for HtmlDivElement
• [TableColumnFilters]: fixed scroll position in 'Show only selected' mode in Loveship
• [Checkbox]: added indeterminate state to the aria-checked attribute
• [Alert]: added min-width to prevent breaking it on extra small devices
• [useForm]: fixed form reset to initialValue after save. Fix value replacing if new 'props.value' was passed
• [LazyDataSource]: added 'null' type for 'parentId' and 'parent' properties in LazyDataSourceApiRequestContext
• [LazyDataSource]: fixed selectAll action for lazyDS with cascadeSelection = false
• [useForm]: re-create handleSave callback if 'props.save' functions is changed
• [DataTableRow]: added possibility to forward ref
• [PresetPanel]: bug and style fixes
• [FiltersPanel]: bug and style fixes

4.9.0-rc.1 - 24.10.2022

What's New

This release prepares UUI for full-featured editable tables support. Editable tables were possible before this - via hooking into renderRow, building a separate component for row, and certain tricks to re-render it w/o re-rendering whole table. However, this was a complex and feature-limited approach.

In this release, we add first-class support for editable cells, and adjust our infrastructure to support various other features to make DataTables editable. You can find example and documentation how to create editable table here.

With this release you already can build editable tables. However, we are planning to improve certain parts in the future releases, e.g. simplify adding/removing/moving rows in tables.

• [Breaking Change]: DataSources and DataTables-related interfaces refactored:

  • DataTableRowProps type is moved from @epam/uui-components to @epam/uui-core
  • columns prop is moved from DataRowProps to DataTableRowProps interface
    • if you have your own DataTable implementation, you'd need to replace renderRow callback type to use the DataTableRowProps interface instead of DataRowProps
  • DataTableCell interface extended to support editable cells (backward compatible)

• ArrayDataSource - items prop value can now be updated dynamically. Prior to this fix, the only way to update items, is to add them as useArrayDataSource dependencies. This forces DataSource to re-create everything, forcing re-render of all tables' rows. This was slow, especially if you need to make cells editable - i.e. re-render on each keystroke. Now, you can safely remove your items from deps: useArrayDataSource(..., ~~[items]~~), which will improve performance.

• DataSources: getRowOptions is called on each update, allowing to dynamically change rows behavior. For example, you can dynamically enable/disable checkboxes in Tables or PickerInputs.

• DataSources: getRowOptions - DataRowOptions now implements IEditable<TItem> interface. This allows to make rows editable, by passing value/onValueChange directly, or by using lens.toProps(): getRowOptions(item) => lens.prop(item.id).toProps()

• [Breaking Change]: DataTableCell layout reworked.

  • Cells and tables tweaked to support vertical borders, hover/focus border effects for editable cells
  • Now, cell content is rendered in flexbox context (was block). Please review cells layout (alignment and width of the cells content)
  • DataTableColumn - new prop: justifyContent, which sets appropriate flexbox property. Can be used to align items horizontally. If omitted, we use existing textAlign property to set it. I.e. you can still use textAlign: left/center/right to align textual cell content.
  • DataTableCell renders focus/hover effects (borders) on their own. We removed these effects from all inputs with mode='cell'.

• [Breaking Change]: DataTable columns widths props are simplified. Columns width are defined by width (in pixels), and (optionally) grow - which defines a part of empty space for column to occupy. Props affected:

  • shrink prop - marked @deprecated. It will be removed in future versions. 'shrink' prop wasn't supported even before this change, so you can safely remove it from all columns. Column can't 'shrink' (become less than width), as we add horizontal scrolling instead of shrinking in case all columns doesn't fit.
  • 'width' prop is now required (was optional). If you didn't have 'width' on a column, most probably you mean width=0 and have grow=1 - to make the column to occupy all empty space. You can set width: 0 explicitly in such cases.
  • 'minWidth' prop now doesn't work as flex-item prop, it only serves as minimum width for manual column resizing. Default is minWidth = width.

• [Breaking Change]: DataSources doesn't work with array/object ids by-default. In certain cases, we used IDs like [123, 'group-row'] to handle scenarios when there are different types of entities, with overlapping ids. E.g. item groups, and actual records in grouping table case. They are no-longer supported by default.

  • If you use such ids, set complexIds = true prop when creating DataSource. In this case, DataSource will use JSON.stringify to use IDs as Map keys internally. This was default behavior prior this change, which has impact on performance, so it's made optional
  • number and string ids are supported correctly by default

• useForm now provides two new callbacks: setValue and replaceValue. They work the same way as setState of React.useState. Besides a plain new form value, both can accept a function (currentValue: T) => T. This option is useful if you want to use useCallback to memoize operations on the whole state of the form. setValue acts as a usual user-made change to a form - sets isChanged, creates undo checkpoint, etc. replaceValue doesn't update isChanged, and can be used for technical needs. E.g. to store values like 'currentTab' in the form state.

• Metadata<T> type - 'all' prop now infer the type of array element or object values (was typed as 'any')

• Lenses now memoizes all methods calls (.prop, .item, etc.). This allows to not re-create onValueChange callbacks on re-renders. In turn, it opens a way to use React.memo/shouldComponentUpdate optimization for IEditable components.

• [PresetsPanel]: Added new PresetsPanel component, which allows you to save your current filtration into presets and manage them. See demo here.

• [AdaptivePanel]: Added new AdaptivePanel component. This component helps you to layout elements inside container and hide items by their priorities if they didn't fit.

• [MainMenu]: reworked based on AdaptivePanel, now you can provide menu elements in new format via items prop. But we also left working old approach with children, so no action is required from your side.

• [Numeric Input] - reworked to display number is locale format (e.g. with decimal and thousands separators) while not being edited.

  • Formatting can be disabled with the disableLocaleFormatting prop
  • min/max are no longer required. By default, NumericInput only accepts positive whole numbers.
  • A lot of display options are now possible via NumberFormatOptions: currencies, units, flexible min/max fractional digits limits, etc.
  • See more at the docs page

• [RangeDatePicker]: Added onFocus and onBlur props

• [PickerInput]: added ability to pass rawProps to modal window

• [Modals]: added disableCloseByEsc prop to ModalBlocker

• [Accordion]: API improvements, added opportunity to overwrite title.

• [DropdownMenuButton]: added possibility to provide onClick for icon

• [FilterToolbar][Breaking change]: renamed FilterToolbar component to FilterPanel

• [FilterPanel]: added numeric filter type

• [FilterPanel]: improvements and bugfixes

• Build target for packages is changed from ES5 to ES6. This shouldn't affect existing apps, as most app builds into ES5 anyway, including the latest CRA.

• [ModalContext]: added argument to abort method

What’s Fixed

• Fixed rawProps prop typings
• [DndActor]: improved 'inside' position calculation
• [useForm]:
  • fixed revert/undo/redo behavior after save
  • onValueChange now triggers internal validation logic (as with changes made with lenses)
  • refactored to remove unnecessary re-renders in some cases
  • ArrayDataSource/ArrayListView now generates row indexes starting from 0 (was from 1)
• [Button]: Added default type 'button' for all buttons.
• [RangeDatePicker]: fixed styles for presets block
• [Datepicker]: fixed unnecessary onValueChange calls
• [LabeledInput]: changed paddings for validationMessage
• [PickerInput]: fixed issues with focusing at PickerToggler
• [NumericInput]: added behavior for input without value and with min prop on focus lost
• [MainMenu]: fixed styles for non-clickable elements
• [ErrorHandler]: fixed context listeners unsubscribing on second render
• [ColumnConfigurationModal]: fix column dnd on first position
• [TabButton]: reworked notify dot styles, placed after caption element, change paddings
• [PickerInput]: fixed row selecting by 'enter' pressing

4.8.5 - 15.09.2022

What’s Fixed

• [RTE]: fix readonly mode
• [ErrorHandler]: fix 'dark' theme error container styles