add runtime index to global Modal and Style store (#6248) (8184b4e)
AnalyticalTable: ensure loading indicator displays correctly across all browsers (#6244) (4fb6008), closes #6243

chore

charts: remove MicroBarChart (#6249) (93439fb)
remove dedicated SSR build (#6253) (3f3b465)

Code Refactoring

AnalyticalTable: remove selectedFlatRows & add rowsById to onRowSelect (#6255) (ee2785c)

Features

AnalyticalTable - TypeScript: improve instance & prop types (#6256) (796f7c1)

BREAKING CHANGES

AnalyticalTable - TypeScript: The internal table instance types were updated, leading to stricter types, so depending on your implementation, you might encounter ts-errors.
the dedicated build for Server Side Rendering in the ssr folder has been removed as the UI5 Web Components now natively support being imported in Node.js environments. You can import all components from @ui5/webcomponents-react.
AnalyticalTable: selectedFlatRows has been removed from the detail object of onRowSelect.
charts: the MicroBarChart component as been removed as this is a legacy component which is not covered by design specs anymore.

2.0.0-rc.3

Diff

marcusnotheis

published 2.0.0-rc.3 • 3 months ago

Changelog

Source

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.

2.0.0-rc.2

Diff

marcusnotheis

published 2.0.0-rc.2 • 3 months ago

Changelog

Source

2.0.0-rc.2 (2024-08-07)

Bug Fixes

AnalyticalTable: add "Filter" text to column popover (#6164) (c035703), closes #6132
AnalyticalTable: add aria-hidden to multi selection checkboxes (#6134) (082d1c0), closes #6133
AnalyticalTable: allow selecting all rows via keyboard (#6168) (65de580), closes #6110
AnalyticalTable: fix pop-in content styles (#6170) (5f7d56b), closes #5977
codemod: improve replacements for Text (#6123) (277120b)
deps: update dependency @tanstack/react-virtual to v3.8.4 (main) (#6137) (ef1650b)
ObjectPage: increase header z-index (#6117) (e9aeb63), closes #6116
ObjectPageTitle: prevent styling race condition when using static css bundle (#6115) (f4c4ebb)
UI5CustomEvent - TypeScript: correctly currentTarget type (#6167) (656ad5a), closes #6136

Features

update to UI5 Web Components ~2.1.1 (#6151) (80c9a65), closes #5971
VariantManagement: introduce size prop & improve docs (#6166) (c0184cc)

2.0.0-rc.1

Diff

marcusnotheis

published 2.0.0-rc.1 • 4 months ago

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

drop support for React 16 & 17 (#6095) (07facf3)

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.

2.0.0-rc.0

Diff

marcusnotheis

published 2.0.0-rc.0 • 4 months ago

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

remove jestSetup (#5906) (2da6d60)
remove react-jss (#5907) (5342836)
remove deprecated AnalyticalCard component (#5887) (1d8b257)

Code Refactoring

ActionSheet: api alignment (#5956) (5b2ac63)
AnalyticalTable: remove deprecated props & enums (#6021) (ca13875)
AnalyticalTable: remove unnecessary portalContainer prop (#6039) (7e19fbb)
enums: harmonize enum names (#5970) (98b9bb7)
FilterGroupItem: api alignment (#6012) (0e6a326)
harmonize prop/enum names (#6040) (4b4815b)
make titleText required for object page sections (#6014) (10e50a2)
MessageBox: refactor onClose event (#5989) (ef490f4)
Modals: replace context with use-sync-external-store (#6042) (e0818c4)
ObjectPage: api alignment (#6047) (703084b)
remove all spacing variables (#6009) (c2c3730)
replace Toolbar with UI5 Web Component (#6061) (bf60767)

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>