@ui5/webcomponents-react-compat

@ui5/webcomponents-react-compat

React wrappers for the @ui5/webcomponents-compat package.

Installation

npm install @ui5/webcomponents-react-compat

Documentation

You can find an interactive documentation in our Storybook (Legacy Components).

Contribute

Please check our Contribution Guidelines.

License

Please see our LICENSE for copyright and license information. Detailed information including third-party components and their licensing/copyright information is available via the REUSE tool.

Changelog

2.0.0-rc.3 (2024-08-21)

Bug Fixes

• AnalyticalTable: correct CustomElementsScope import path (#6184) (de68b2d), closes #6183
• MessageBox: don't throw error if onClose is not passed (#6226) (7981491), closes #6215
• VariantManagement: apply correct header size for "Manage Views" dialog (#6185) (8b01af4)

Code Refactoring

• FilterBar: remove reference copying of filter/input elements (#6214) (4473118), closes #5652
• Modals: avoid unnecessary use of createPortal (#6242) (a571981)

Features

• expose CLI package for creating web component wrappers (#6212) (28b14d9), closes #5046
• react 19: bind web components event handlers using react lifecycle (#6169) (70f9f27)
• register current runtime version in window (#6222) (367628c), closes #6210

BREAKING CHANGES

• Modals: modals are now rendered as children of the Modals component instead of being rendered into document.body
• FilterBar: The FilterBar component was completely overhauled and references of input elements aren’t copied to the filters dialog anymore, also internal logic for reordering and selection has been removed, meaning it’s necessary to control their values manually (e.g. via React state).
• FilterBar: onToggleFilters: The detail property of the event now only includes visible and nativeDetail properties. filters and search have been removed.
• FilterBar: onFiltersDialogSave: The detail property of the event now only includes selectedFilterKeys, reorderedFilterKeys and nativeDetail properties. elements, toggledElements, filters, search, orderIds have been removed.
• FilterBar: onFiltersDialogCancel: The event is now a callback instead of a Ui5CustomEvent. It implements the escPressed parameter.
• FilterBar: onFiltersDialogClose: The event is now a callback instead of a Ui5CustomEvent. It implements the closeTrigger parameter.
• FilterBar: onFiltersDialogSelectionChange: The event is now a callback instead of a Ui5CustomEvent. It implements a payload object as parameter.
• FilterBar: onFiltersDialogSearch: The event is now a standard Input onInput event. The detail properties value and element have been removed.
• FilterBar: onClear: The event is now a standard ToolbarButton onClick event. The detail properties filters and search have been removed.
• FilterBar: onGo: The event is now a standard ToolbarButton onClick event. The detail properties elements, filters, search, nativeDetail have been removed.
• FilterBar: onRestore: The event is now a callback instead of a CustomEvent. It implements a payload object as parameter.
• FilterBar: onFiltersDialogOpen (TypeScript): The target of the event is now a ToolbarButton.
• FilterBar: portalContainer has been removed as it's no longer needed due to the Popover API used in the Popover ui5 web component.
• FilterBar: FilterGroupItem: orderId has been removed. Please use filterKey instead.