Skip to content

v2.0.0-rc.0

Pre-release
Pre-release
Compare
Choose a tag to compare
@ui5-webcomponents-react-bot ui5-webcomponents-react-bot released this 11 Jul 14:20
· 326 commits to main since this release
v2.0.0-rc.0
4ce69b6

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

Note

The ObjectPage and FilterBar are not yet supporting version 2.0.0!

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

Migration Guide

  • 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 of keydown.
  • 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>
Assets 2
Loading