Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@ui5/webcomponents-react

Package Overview
Dependencies
Maintainers
2
Versions
738
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ui5/webcomponents-react - npm Package Versions

1
74

2.0.0-rc.1

Diff

Changelog

Source

2.0.0-rc.1 (2024-07-19)

Bug Fixes

  • codemod: fix import statment for UI5 Web Component enums (#6084) (b3a5aed)

Code Refactoring

Features

  • codemod: basic replacements for DynamicPage (#6086) (93819a9)
  • codemod: transform Text wrapping to maxLines (#6085) (a879a9b)
  • ObjectPage: refactor component to support ui5wc v2 (#6089) (105b2da)

BREAKING CHANGES

  • the minimum required react and react-dom version is now 18.0.0
  • ObjectPage: headerContent has been renamed to headerArea and now only accepts the ObjectPageHeader component.
  • ObjectPage: headerTitle has been renamed to titleArea and now only accepts the ObjectPageTitle component.
  • ObjectPage: footer has been renamed to footerArea.
  • ObjectPage: onToggleHeaderContent has been renamed to onToggleHeaderArea
  • ObjectPage: onPinnedStateChange has been renamed to onPinButtonToggle
  • ObjectPage: ObjectPageTitle: actions has been renamed to actionsBar. Instead of single actions, the Toolbar component should now be passed.
  • ObjectPage: ObjectPageTitle: navigationActions has been renamed to navigationBar. Instead of single actions, the Toolbar component should now be passed.
  • ObjectPage: ObjectPageTitle: actionsToolbarProps: Since it's now recommended passing the Toolbar component directly, this prop is redundant.
  • ObjectPage: ObjectPageTitle: navigationActionsToolbarProps: Since it's now recommended passing the Toolbar component directly, this prop is redundant.
marcusnotheis
published 2.0.0-rc.0 •

Changelog

Source

2.0.0-rc.0 (2024-07-11)

Bug Fixes

  • AnalyticalTable - useRowDisableSelection: remove title from select-all cell (#5955) (c731554), closes #5953
  • AnalyticalTable: don't wrap custom header content in Text component (#6022) (455acc1)
  • AnalyticalTable: fire row select & click events on keyup instead of keydown (#6013) (f1386f8), closes #4388
  • AnalyticalTable: fix custom header alignment (#6068) (c4a49e4)
  • AnalyticalTable: improve focus border alignment (#5944) (18aeb52), closes #5898
  • apply correct scoping for internal ui5wc CSS vars (#6057) (3822bee), closes #6051
  • CommonProps - TypeScript: remove dangerouslySetInnerHTML from types (#6002) (f5f9101)
  • deps: update dependency @tanstack/react-virtual to v3.5.1 (#5883) (2db3ca9)
  • deps: update dependency react-content-loader to v7.0.1 (#5899) (5ed11e9)
  • deps: update dependency react-content-loader to v7.0.2 (#5909) (cb79434)
  • deps: update react monorepo to v19.0.0-rc-fb9a90fa48-20240614 (patch) (#5928) (863055a)
  • MessageBox - TypeScript: adjust onClose type (#5975) (a30867a)
  • MessageViewItem: enable details view if titleText is overflowing (#6015) (dba28ce), closes #5990
  • MessageView: use correct icon and color for default type (#6016) (0018bba)
  • NumericSideIndicator: fix alignment (#6064) (7ecd301)
  • ObjectStatus: remove HTMLDivElement from onClick type (#6011) (671cfaa)
  • use new JSX transform in preparation for React 19 (#5837) (7dcad64)

chore

Code Refactoring

Features

  • AnalyticalTable: introduce loadingDelay prop (#6025) (6d80fd8)
  • charts: introduce loadingDelay prop (#6027) (71fcb40)
  • cli: create codemod for UI5 Web Components React v2 migration (#5908) (9f65c98)
  • create compat package (#5894) (f4516cc)
  • DynamicPage & ObjectPage: use ui5wc DynamicPage & rename ObjectPage components (#5939) (cb684cd)
  • Form: replace with UI5 Web Component (#5925) (1e246ee)
  • move Loader to compat package & replace with BusyIndicator (#6020) (80d8c0b)
  • ObjectPage: introduce preserveHeaderStateOnClick prop (#6049) (c3c6f06)
  • RadialChart: introduce loading & loadingDelay props (#6028) (3891437)
  • support objects and references as Web Component props (#5957) (f41d32b)
  • support React 19 (#5860) (c78ab7f)
  • Text: replace with UI5 Web Component (#5988) (19ed2ec)
  • ThemeProvider: apply Fiori scrollbar styling to all scroll containers (#5978) (9a611fd)
  • update to @ui5/webcomonents 2.0.0-rc.6 (#5940) (60907b4)
  • update to UI5 Web Components 2.0 RC (#5861) (7a27b7f)
  • update UI5 Web Components to 2.0.0 (#6023) (49efb9b)

BREAKING CHANGES

  • the Toolbar component and its related components have been moved to the @ui5/webcomponents-react-compat package.
  • the ToolbarV2 component has been renamed to Toolbar
  • the ToolbarSpacerV2 component has been renamed to ToolbarSpacer
  • the ToolbarSeparatorV2 component has been renamed to ToolbarSeparator
  • ObjectPage: the props showHideHeaderButton and showTitleInHeaderContent have been removed.
  • ObjectPage: the prop alwaysShowContentHeader has been renamed to headerPinned
  • ObjectPage: the prop headerContentPinnable has been renamed to hidePinButton and its logic has been inverted. The pin button is now shown by default.
  • ObjectPage: the prop showSubHeaderRight has been removed as it's not defined by design anymore.
  • Modals: ThemeProvider: the prop withoutModalsProvider has been removed. For more information, please refer to our Migration Guide.
  • Modals: the hooks useShowDialog, useShowPopover, useShowResponsivePopover, useShowMenu, useShowMessageBox and useShowToast have been removed. For more information, please refer to our Migration Guide.
  • ActionSheet: a11yConfig has been renamed to accessibilityAttributes.
  • AnalyticalTable: The properties and values for the AnalyticalTableSelectionMode enum has been changed. SingleSelect is now Single and MultiSelect is now Multiple.
  • AnalyticalTable: a11yConfig has been renamed to accessibilityAttributes.
  • ObjectPage: a11yConfig has been renamed to accessibilityAttributes.
  • ObjectStatus: active has been renamed to interactive.
  • AnalyticalTable: portalContainer has been removed as it's no longer needed due to the Popover API.
  • updated UI5 Web Components to v2. All breaking changes apply to this project as well.
  • the SuggestionGroupItem component has been replaced by the SuggestionItemGroup component
  • AnalyticalTable: The TableScaleWidthMode enum has been removed, please use AnalyticalTableScaleWidthMode instead.
  • AnalyticalTable: The TableSelectionBehavior enum has been removed, please use AnalyticalTableSelectionBehavior instead.
  • AnalyticalTable: The TableSelectionMode enum has been removed, please use AnalyticalTableSelectionMode instead.
  • AnalyticalTable: The TableVisibleRowCountMode enum has been removed, please use AnalyticalTableVisibleRowCountMode instead.
  • AnalyticalTable: The alwaysShowSubComponent prop has been removed, please use subComponentsBehavior instead.
  • AnalyticalTable: The default value (true) of the sortable prop has been removed, it is now required to explicitly set this prop, if the table should be sortable.
  • AnalyticalTable: The canReorder column property has been removed, please use disableDragAndDrop instead.
  • The deprecated Loader component has been moved to the @ui5/webcomponents-react-compat package. Please use the BusyIndicator instead, as it's now the only loading indicator that is supported by our UX guidelines. Please visit our Migration Guide for more details.
  • FilterGroupItem: For a better aligned API, the visible and visibleInFilterBar (default: true) props have been replaced with hidden and hiddenInFilterBar (no default value).
  • ObjectPageSection: the prop titleText is now required.
  • ObjectPageSection: the default value true for the prop titleTextUppercase has been removed.
  • ObjectPageSubSection: the prop titleText is now required.
  • AnalyticalTable: When selecting or pressing a row by using the Space key, onRowClick and onRowSelect are now fired on keyup instead ofkeydown.
  • ObjectStatus: TypeScript: the HTMLDivElement type has been removed from the onClick handler.
  • All spacing variables have been removed. You can use common CSS classes as a substitute for most variables. For more information, please refer to our Migration Guide.
  • Text: the Text component has been replaced with the ui5-text web component, please visit our Migration Guide for more details.
  • Text: ExpandableText: the inherited props hyphenated and emptyIndicator from the Text have been removed.
  • Text: ExpandableText: the portalContainer prop has been removed as it's not needed anymore
  • CommonProps - TypeScript: dangerouslySetInnerHTML type has been removed
  • ThemeProvider: the GlobalStyleClasses enum has been removed
  • MessageBox: onClose is now a plain callback and not a CustomEvent event anymore. It now receives two params: action & escPressed.
  • enums: the MessageBoxActions enum has been renamed to MessageBoxAction
  • enums: the MessageBoxTypes enum has been renamed to MessageBoxType
  • enums: the Themes enum has been renamed to Theme and the deprecated "Belize" (sap_belize) theme family has been removed
  • ActionSheet: the portalContainer prop has been removed as it's not needed anymore
  • ActionSheet: the showCancelButton has been renamed to hideCancelButton and the logic has been inverted.
  • the StandardListItem has been replaced with the ListItemStandard component
  • the CustomListItem has been replaced with the ListItemCustom component
  • the MultiComboBoxGroupItem has been replaced with the MultiComboBoxItemGroup component
  • the TableGroupRow component has been deleted
  • the TableColumn component has been replaced with the TableHeaderCell component
  • VariantManagement: the portalContainer prop has been removed as it is no longer needed.
  • DynamicPage & ObjectPage: The DynamicPage component has been replaced with the ui5-dynamic-page UI5 Web Component, please visit our Migration Guide for more details.
  • DynamicPage & ObjectPage: The DynamicPageHeader component has been replaced with the ui5-dynamic-page-header UI5 Web Component, please visit our Migration Guide for more details.
  • DynamicPage & ObjectPage: The DynamicPageTitle component has been replaced with the ui5-dynamic-page-title UI5 Web Component, please visit our Migration Guide for more details.
  • DynamicPage & ObjectPage: ObjectPage: headerTitle now only accepts the ObjectPageTitle component instead of the DynamicPageTitle.
  • DynamicPage & ObjectPage: ObjectPage: headerContent now only accepts the ObjectPageHeader component instead of the DynamicPageTitle.
  • DynamicPage & ObjectPage: ObjectPage: a11yConfig.dynamicPageAnchorBar has been renamed to a11yConfig.objectPageAnchorBar
  • Form: The Form component has been replaced with the ui5-form UI5 Web Component, please visit our Migration Guide for more details.
  • UI5 Web Components for React is no longer relying on react-jss internally, hence the dependency is now removed and the react-jss ThemeProvider is no longer rendered as part of our ThemeProvider. If you are relying on react-jss in your application, please make sure to render your own react-jss ThemeProvider.
  • The useResponsiveContentPadding has been removed. You can achieve the same look and feel by using the responsive content padding from Common CSS.
  • We stopped recommending jest as a testing framework over a year ago, thus the jestSetup file is removed. We recommend using cypress instead.
  • The AnalyticalCard component has been removed. Please use the Card component instead.
  • updated UI5 Web Components to v2. All breaking changes apply to this project as well.
  • ActionSheet: prop placementType has been renamed to placement, onAfterClose to onClose and onAfterOpen to onOpen
  • the Badge component has been renamed to Tag
  • the ComboBoxGroupItem component has been renamed to ComboBoxItemGroup
  • the GroupHeaderListItem component has been renamed to ListItemGroup
  • the NotificationAction component has been removed. You can use the Menu component instead.
  • the SelectMenu and SelectMenuOption components have been removed. The Select and Option now allow custom content.
  • SelectDialog: renamed prop mode to selectionMode to be aligned with new List API, onAfterClose to onClose and onAfterOpen to onOpen
  • ObjectPage (TypeScript): replace headerTitle type with ReactElement<DynamicPageTitlePropTypes>
  • ObjectPage (TypeScript): replace headerContent type with ReactElement<DynamicPageHeaderPropTypes>
  • ObjectPage (TypeScript): replace image type with string | ReactElement<AvatarPropTypes>
marcusnotheis
published 1.29.4 •

marcusnotheis
published 1.29.3 •

marcusnotheis
published 1.29.2 •

Changelog

Source

2.0.0-rc.0 (2024-07-11)

Bug Fixes

  • AnalyticalTable - useRowDisableSelection: remove title from select-all cell (#5955) (c731554), closes #5953
  • AnalyticalTable: don't wrap custom header content in Text component (#6022) (455acc1)
  • AnalyticalTable: fire row select & click events on keyup instead of keydown (#6013) (f1386f8), closes #4388
  • AnalyticalTable: fix custom header alignment (#6068) (c4a49e4)
  • AnalyticalTable: improve focus border alignment (#5944) (18aeb52), closes #5898
  • apply correct scoping for internal ui5wc CSS vars (#6057) (3822bee), closes #6051
  • CommonProps - TypeScript: remove dangerouslySetInnerHTML from types (#6002) (f5f9101)
  • deps: update dependency @tanstack/react-virtual to v3.5.1 (#5883) (2db3ca9)
  • deps: update dependency react-content-loader to v7.0.1 (#5899) (5ed11e9)
  • deps: update dependency react-content-loader to v7.0.2 (#5909) (cb79434)
  • deps: update react monorepo to v19.0.0-rc-fb9a90fa48-20240614 (patch) (#5928) (863055a)
  • MessageBox - TypeScript: adjust onClose type (#5975) (a30867a)
  • MessageViewItem: enable details view if titleText is overflowing (#6015) (dba28ce), closes #5990
  • MessageView: use correct icon and color for default type (#6016) (0018bba)
  • NumericSideIndicator: fix alignment (#6064) (7ecd301)
  • ObjectStatus: remove HTMLDivElement from onClick type (#6011) (671cfaa)
  • use new JSX transform in preparation for React 19 (#5837) (7dcad64)

chore

Code Refactoring

Features

  • AnalyticalTable: introduce loadingDelay prop (#6025) (6d80fd8)
  • charts: introduce loadingDelay prop (#6027) (71fcb40)
  • cli: create codemod for UI5 Web Components React v2 migration (#5908) (9f65c98)
  • create compat package (#5894) (f4516cc)
  • DynamicPage & ObjectPage: use ui5wc DynamicPage & rename ObjectPage components (#5939) (cb684cd)
  • Form: replace with UI5 Web Component (#5925) (1e246ee)
  • move Loader to compat package & replace with BusyIndicator (#6020) (80d8c0b)
  • ObjectPage: introduce preserveHeaderStateOnClick prop (#6049) (c3c6f06)
  • RadialChart: introduce loading & loadingDelay props (#6028) (3891437)
  • support objects and references as Web Component props (#5957) (f41d32b)
  • support React 19 (#5860) (c78ab7f)
  • Text: replace with UI5 Web Component (#5988) (19ed2ec)
  • ThemeProvider: apply Fiori scrollbar styling to all scroll containers (#5978) (9a611fd)
  • update to @ui5/webcomonents 2.0.0-rc.6 (#5940) (60907b4)
  • update to UI5 Web Components 2.0 RC (#5861) (7a27b7f)
  • update UI5 Web Components to 2.0.0 (#6023) (49efb9b)

BREAKING CHANGES

  • the Toolbar component and its related components have been moved to the @ui5/webcomponents-react-compat package.
  • the ToolbarV2 component has been renamed to Toolbar
  • the ToolbarSpacerV2 component has been renamed to ToolbarSpacer
  • the ToolbarSeparatorV2 component has been renamed to ToolbarSeparator
  • ObjectPage: the props showHideHeaderButton and showTitleInHeaderContent have been removed.
  • ObjectPage: the prop alwaysShowContentHeader has been renamed to headerPinned
  • ObjectPage: the prop headerContentPinnable has been renamed to hidePinButton and its logic has been inverted. The pin button is now shown by default.
  • ObjectPage: the prop showSubHeaderRight has been removed as it's not defined by design anymore.
  • Modals: ThemeProvider: the prop withoutModalsProvider has been removed. For more information, please refer to our Migration Guide.
  • Modals: the hooks useShowDialog, useShowPopover, useShowResponsivePopover, useShowMenu, useShowMessageBox and useShowToast have been removed. For more information, please refer to our Migration Guide.
  • ActionSheet: a11yConfig has been renamed to accessibilityAttributes.
  • AnalyticalTable: The properties and values for the AnalyticalTableSelectionMode enum has been changed. SingleSelect is now Single and MultiSelect is now Multiple.
  • AnalyticalTable: a11yConfig has been renamed to accessibilityAttributes.
  • ObjectPage: a11yConfig has been renamed to accessibilityAttributes.
  • ObjectStatus: active has been renamed to interactive.
  • AnalyticalTable: portalContainer has been removed as it's no longer needed due to the Popover API.
  • updated UI5 Web Components to v2. All breaking changes apply to this project as well.
  • the SuggestionGroupItem component has been replaced by the SuggestionItemGroup component
  • AnalyticalTable: The TableScaleWidthMode enum has been removed, please use AnalyticalTableScaleWidthMode instead.
  • AnalyticalTable: The TableSelectionBehavior enum has been removed, please use AnalyticalTableSelectionBehavior instead.
  • AnalyticalTable: The TableSelectionMode enum has been removed, please use AnalyticalTableSelectionMode instead.
  • AnalyticalTable: The TableVisibleRowCountMode enum has been removed, please use AnalyticalTableVisibleRowCountMode instead.
  • AnalyticalTable: The alwaysShowSubComponent prop has been removed, please use subComponentsBehavior instead.
  • AnalyticalTable: The default value (true) of the sortable prop has been removed, it is now required to explicitly set this prop, if the table should be sortable.
  • AnalyticalTable: The canReorder column property has been removed, please use disableDragAndDrop instead.
  • The deprecated Loader component has been moved to the @ui5/webcomponents-react-compat package. Please use the BusyIndicator instead, as it's now the only loading indicator that is supported by our UX guidelines. Please visit our Migration Guide for more details.
  • FilterGroupItem: For a better aligned API, the visible and visibleInFilterBar (default: true) props have been replaced with hidden and hiddenInFilterBar (no default value).
  • ObjectPageSection: the prop titleText is now required.
  • ObjectPageSection: the default value true for the prop titleTextUppercase has been removed.
  • ObjectPageSubSection: the prop titleText is now required.
  • AnalyticalTable: When selecting or pressing a row by using the Space key, onRowClick and onRowSelect are now fired on keyup instead ofkeydown.
  • ObjectStatus: TypeScript: the HTMLDivElement type has been removed from the onClick handler.
  • All spacing variables have been removed. You can use common CSS classes as a substitute for most variables. For more information, please refer to our Migration Guide.
  • Text: the Text component has been replaced with the ui5-text web component, please visit our Migration Guide for more details.
  • Text: ExpandableText: the inherited props hyphenated and emptyIndicator from the Text have been removed.
  • Text: ExpandableText: the portalContainer prop has been removed as it's not needed anymore
  • CommonProps - TypeScript: dangerouslySetInnerHTML type has been removed
  • ThemeProvider: the GlobalStyleClasses enum has been removed
  • MessageBox: onClose is now a plain callback and not a CustomEvent event anymore. It now receives two params: action & escPressed.
  • enums: the MessageBoxActions enum has been renamed to MessageBoxAction
  • enums: the MessageBoxTypes enum has been renamed to MessageBoxType
  • enums: the Themes enum has been renamed to Theme and the deprecated "Belize" (sap_belize) theme family has been removed
  • ActionSheet: the portalContainer prop has been removed as it's not needed anymore
  • ActionSheet: the showCancelButton has been renamed to hideCancelButton and the logic has been inverted.
  • the StandardListItem has been replaced with the ListItemStandard component
  • the CustomListItem has been replaced with the ListItemCustom component
  • the MultiComboBoxGroupItem has been replaced with the MultiComboBoxItemGroup component
  • the TableGroupRow component has been deleted
  • the TableColumn component has been replaced with the TableHeaderCell component
  • VariantManagement: the portalContainer prop has been removed as it is no longer needed.
  • DynamicPage & ObjectPage: The DynamicPage component has been replaced with the ui5-dynamic-page UI5 Web Component, please visit our Migration Guide for more details.
  • DynamicPage & ObjectPage: The DynamicPageHeader component has been replaced with the ui5-dynamic-page-header UI5 Web Component, please visit our Migration Guide for more details.
  • DynamicPage & ObjectPage: The DynamicPageTitle component has been replaced with the ui5-dynamic-page-title UI5 Web Component, please visit our Migration Guide for more details.
  • DynamicPage & ObjectPage: ObjectPage: headerTitle now only accepts the ObjectPageTitle component instead of the DynamicPageTitle.
  • DynamicPage & ObjectPage: ObjectPage: headerContent now only accepts the ObjectPageHeader component instead of the DynamicPageTitle.
  • DynamicPage & ObjectPage: ObjectPage: a11yConfig.dynamicPageAnchorBar has been renamed to a11yConfig.objectPageAnchorBar
  • Form: The Form component has been replaced with the ui5-form UI5 Web Component, please visit our Migration Guide for more details.
  • UI5 Web Components for React is no longer relying on react-jss internally, hence the dependency is now removed and the react-jss ThemeProvider is no longer rendered as part of our ThemeProvider. If you are relying on react-jss in your application, please make sure to render your own react-jss ThemeProvider.
  • The useResponsiveContentPadding has been removed. You can achieve the same look and feel by using the responsive content padding from Common CSS.
  • We stopped recommending jest as a testing framework over a year ago, thus the jestSetup file is removed. We recommend using cypress instead.
  • The AnalyticalCard component has been removed. Please use the Card component instead.
  • updated UI5 Web Components to v2. All breaking changes apply to this project as well.
  • ActionSheet: prop placementType has been renamed to placement, onAfterClose to onClose and onAfterOpen to onOpen
  • the Badge component has been renamed to Tag
  • the ComboBoxGroupItem component has been renamed to ComboBoxItemGroup
  • the GroupHeaderListItem component has been renamed to ListItemGroup
  • the NotificationAction component has been removed. You can use the Menu component instead.
  • the SelectMenu and SelectMenuOption components have been removed. The Select and Option now allow custom content.
  • SelectDialog: renamed prop mode to selectionMode to be aligned with new List API, onAfterClose to onClose and onAfterOpen to onOpen
  • ObjectPage (TypeScript): replace headerTitle type with ReactElement<DynamicPageTitlePropTypes>
  • ObjectPage (TypeScript): replace headerContent type with ReactElement<DynamicPageHeaderPropTypes>
  • ObjectPage (TypeScript): replace image type with string | ReactElement<AvatarPropTypes>
marcusnotheis
published 1.29.1 •

marcusnotheis
published 1.29.0 •

marcusnotheis
published 1.28.4 •

marcusnotheis
published 1.28.3 •

marcusnotheis
published 1.28.2 •

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc