feat: update to ui5-webcomponents rc.8 #623

MarcusNotheis · 2020-07-27T12:19:15Z

For a detailed list on all changes in the UI5 Web Components, please visit the corresponding release page

BREAKING CHANGE: Deleted Notification component, replaced by NotificationListItem
BREAKING CHANGE: Deleted NotificationGroup component, replaced by NotificationGroupListItem
BREAKING CHANGE: ProgressIndicator replaced by UI5 Web Component with new API
BREAKING CHANGE: ShellBar: logo is now accepting an img tag or the Avatar component. Passing a string with the URL to the image is not longer supported.
BREAKING CHANGE: TabContainer will no longer automatically select the first tab, if no tab is selected. If you relied on this behaviour, you should now explicitly set the selected property on the first tab.

closes #500
closes #509
closes #513
closes #516
closes #603

BREAKING CHANGE: Deleted `Notification` component, replaced by `NotificationListItem` BREAKING CHANGE: Deleted `NotificationGroup` component, replaced by `NotificationGroupListItem` BREAKING CHANGE: `ProgressIndicator` replaced by UI5 Web Component,

BREAKING CHANGE: `logo` is now accepting an `img` tag or the `Avatar` component. Passing a `string` with the URL to the image is not longer supported.

github-actions · 2020-07-27T12:24:54Z

Size Change: -3.65 kB (2%)

Total Size: 156 kB

Filename	Size	Change
`packages/main/lib/Calendar.js`	372 B	+24 B (6%)	🔍
`packages/main/lib/Card.js`	347 B	+5 B (1%)
`packages/main/lib/Carousel.js`	449 B	+31 B (6%)	🔍
`packages/main/lib/CustomListItem.js`	361 B	+6 B (1%)
`packages/main/lib/DatePicker.js`	483 B	+24 B (4%)
`packages/main/lib/DateTimePicker.js`	490 B	+23 B (4%)
`packages/main/lib/Dialog.js`	384 B	+20 B (5%)	🔍
`packages/main/lib/DurationPicker.js`	453 B	+58 B (12%)	⚠️
`packages/main/lib/Icon.js`	342 B	+14 B (4%)
`packages/main/lib/Input.js`	491 B	+26 B (5%)	🔍
`packages/main/lib/List.js`	451 B	+12 B (2%)
`packages/main/lib/MultiComboBox.js`	439 B	+1 B
`packages/main/lib/Notification.js`	0 B	-3.45 kB (0%)
`packages/main/lib/NotificationGroup.js`	0 B	-339 B (0%)
`packages/main/lib/ObjectPage.js`	9.14 kB	+7 B (0%)
`packages/main/lib/Popover.js`	506 B	+19 B (3%)
`packages/main/lib/ProgressIndicator.js`	379 B	-963 B (254%)	🏆
`packages/main/lib/ResponsivePopover.js`	519 B	+17 B (3%)
`packages/main/lib/ShellBar.js`	456 B	+9 B (1%)
`packages/main/lib/ShellBarItem.js`	346 B	+11 B (3%)
`packages/main/lib/SideNavigation.js`	350 B	-1.09 kB (311%)	🏆
`packages/main/lib/SideNavigationListItem.js`	0 B	-2.16 kB (0%)
`packages/main/lib/SideNavigationOpenState.js`	0 B	-174 B (0%)
`packages/main/lib/StandardListItem.js`	427 B	+10 B (2%)
`packages/main/lib/SuggestionItem.js`	416 B	+30 B (7%)	🔍
`packages/main/lib/Tab.js`	380 B	+8 B (2%)
`packages/main/lib/TabContainer.js`	413 B	+1 B
`packages/main/lib/Table.js`	366 B	+1 B
`packages/main/lib/TimelineItem.js`	356 B	+5 B (1%)
`packages/main/lib/TimePicker.js`	419 B	+8 B (1%)
`packages/main/lib/UploadCollection.js`	400 B	+2 B (0%)
`packages/main/lib/UploadCollectionItem.js`	456 B	+7 B (1%)
`packages/main/lib/withWebComponent.js`	1.58 kB	+24 B (1%)
`packages/main/lib/DateRangePicker.js`	504 B	+504 B (100%)	🆘
`packages/main/lib/FCLLayout.js`	236 B	+236 B (100%)	🆘
`packages/main/lib/FlexibleColumnLayout.js`	386 B	+386 B (100%)	🆘
`packages/main/lib/NotificationListGroupItem.js`	434 B	+434 B (100%)	🆘
`packages/main/lib/NotificationListItem.js`	426 B	+426 B (100%)	🆘
`packages/main/lib/NotificationOverflowAction.js`	332 B	+332 B (100%)	🆘
`packages/main/lib/RatingIndicator.js`	366 B	+366 B (100%)	🆘
`packages/main/lib/SideNavigationItem.js`	356 B	+356 B (100%)	🆘
`packages/main/lib/SideNavigationSubItem.js`	351 B	+351 B (100%)	🆘
`packages/main/lib/Tree.js`	381 B	+381 B (100%)	🆘
`packages/main/lib/TreeItem.js`	355 B	+355 B (100%)	🆘

ℹ️ View Unchanged

Filename	Size	Change
`packages/base/lib/createComponentStyles.js`	206 B	0 B
`packages/base/lib/CssSizeVariables.js`	918 B	0 B
`packages/base/lib/Device.js`	6.47 kB	0 B
`packages/base/lib/hooks.js`	1.38 kB	0 B
`packages/base/lib/Logger.js`	1.2 kB	0 B
`packages/base/lib/spacing.js`	997 B	0 B
`packages/base/lib/StyleClassHelper.js`	610 B	0 B
`packages/base/lib/ThemingParameters.js`	3.4 kB	0 B
`packages/base/lib/useConsolidatedRef.js`	271 B	0 B
`packages/base/lib/usePassThroughHtmlProps.js`	318 B	0 B
`packages/base/lib/useViewportRange.js`	460 B	0 B
`packages/base/lib/Utils.js`	774 B	0 B
`packages/charts/lib/BarChart.js`	3.73 kB	0 B
`packages/charts/lib/BarChartPlaceholder.js`	456 B	0 B
`packages/charts/lib/ColumnChart.js`	3.9 kB	0 B
`packages/charts/lib/ColumnChartPlaceholder.js`	514 B	0 B
`packages/charts/lib/components/ChartContainer.js`	880 B	0 B
`packages/charts/lib/components/ChartDataLabel.js`	605 B	0 B
`packages/charts/lib/components/ComposedChartPlaceholder.js`	878 B	0 B
`packages/charts/lib/components/XAxisTicks.js`	596 B	0 B
`packages/charts/lib/components/YAxisTicks.js`	513 B	0 B
`packages/charts/lib/ComposedChart.js`	4.63 kB	0 B
`packages/charts/lib/DonutChart.js`	1.96 kB	0 B
`packages/charts/lib/LineChart.js`	3.77 kB	0 B
`packages/charts/lib/LineChartPlaceholder.js`	529 B	0 B
`packages/charts/lib/MicroBarChart.js`	1.9 kB	0 B
`packages/charts/lib/PieChart.js`	1.88 kB	0 B
`packages/charts/lib/PieChartPlaceholder.js`	445 B	0 B
`packages/charts/lib/RadarChart.js`	1.96 kB	0 B
`packages/charts/lib/RadialChart.js`	1.06 kB	0 B
`packages/charts/lib/ScatterChart.js`	3.46 kB	0 B
`packages/charts/lib/ScatterChartPlaceholder.js`	535 B	0 B
`packages/charts/lib/useLegendItemClick.js`	391 B	0 B
`packages/charts/lib/Utils.js`	534 B	0 B
`packages/main/lib/ActionSheet.js`	1.26 kB	0 B
`packages/main/lib/AnalyticalCard.js`	776 B	0 B
`packages/main/lib/AnalyticalCardHeader.js`	2.72 kB	0 B
`packages/main/lib/AnalyticalTable.js`	16.4 kB	0 B
`packages/main/lib/AnalyticalTableScrollMode.js`	177 B	0 B
`packages/main/lib/Avatar.js`	438 B	0 B
`packages/main/lib/AvatarBackgroundColor.js`	219 B	0 B
`packages/main/lib/AvatarFitType.js`	151 B	0 B
`packages/main/lib/AvatarShape.js`	150 B	0 B
`packages/main/lib/AvatarSize.js`	155 B	0 B
`packages/main/lib/Badge.js`	320 B	0 B
`packages/main/lib/Bar.js`	1.3 kB	0 B
`packages/main/lib/BarDesign.js`	177 B	0 B
`packages/main/lib/Breadcrumbs.js`	740 B	0 B
`packages/main/lib/BreadcrumbsSeparatorStyle.js`	198 B	0 B
`packages/main/lib/BusyIndicator.js`	357 B	0 B
`packages/main/lib/BusyIndicatorSize.js`	167 B	0 B
`packages/main/lib/Button.js`	370 B	0 B
`packages/main/lib/ButtonDesign.js`	190 B	0 B
`packages/main/lib/CalendarType.js`	212 B	0 B
`packages/main/lib/CarouselArrowsPlacement.js`	166 B	0 B
`packages/main/lib/CheckBox.js`	388 B	0 B
`packages/main/lib/ComboBox.js`	431 B	0 B
`packages/main/lib/ComboBoxItem.js`	311 B	0 B
`packages/main/lib/ContentDensity.js`	151 B	0 B
`packages/main/lib/DeviationIndicator.js`	160 B	0 B
`packages/main/lib/FileUploader.js`	401 B	0 B
`packages/main/lib/FilterBar.js`	6.18 kB	0 B
`packages/main/lib/FilterGroupItem.js`	1.21 kB	0 B
`packages/main/lib/FilterItem.js`	1.65 kB	0 B
`packages/main/lib/FilterType.js`	170 B	0 B
`packages/main/lib/FlexBox.js`	994 B	0 B
`packages/main/lib/FlexBoxAlignItems.js`	189 B	0 B
`packages/main/lib/FlexBoxDirection.js`	169 B	0 B
`packages/main/lib/FlexBoxJustifyContent.js`	194 B	0 B
`packages/main/lib/FlexBoxWrap.js`	154 B	0 B
`packages/main/lib/Form.js`	2.49 kB	0 B
`packages/main/lib/FormGroup.js`	425 B	0 B
`packages/main/lib/FormItem.js`	752 B	0 B
`packages/main/lib/GlobalStyleClasses.js`	151 B	0 B
`packages/main/lib/Grid.js`	1.6 kB	0 B
`packages/main/lib/GridPosition.js`	157 B	0 B
`packages/main/lib/GroupHeaderListItem.js`	333 B	0 B
`packages/main/lib/InputType.js`	184 B	0 B
`packages/main/lib/Label.js`	341 B	0 B
`packages/main/lib/Link.js`	359 B	0 B
`packages/main/lib/LinkDesign.js`	191 B	0 B
`packages/main/lib/ListItemTypes.js`	160 B	0 B
`packages/main/lib/ListMode.js`	191 B	0 B
`packages/main/lib/ListSeparators.js`	186 B	0 B
`packages/main/lib/Loader.js`	1.32 kB	0 B
`packages/main/lib/LoaderType.js`	152 B	0 B
`packages/main/lib/MessageBox.js`	2.3 kB	0 B
`packages/main/lib/MessageBoxActions.js`	231 B	0 B
`packages/main/lib/MessageBoxTypes.js`	232 B	0 B
`packages/main/lib/MessageStrip.js`	371 B	0 B
`packages/main/lib/MessageStripType.js`	181 B	0 B
`packages/main/lib/MultiComboBoxItem.js`	330 B	0 B
`packages/main/lib/ObjectPageMode.js`	159 B	0 B
`packages/main/lib/ObjectPageSection.js`	1.27 kB	0 B
`packages/main/lib/ObjectPageSubSection.js`	1.11 kB	0 B
`packages/main/lib/ObjectStatus.js`	1.22 kB	0 B
`packages/main/lib/Option.js`	324 B	0 B
`packages/main/lib/Page.js`	2.05 kB	0 B
`packages/main/lib/PageBackgroundDesign.js`	183 B	0 B
`packages/main/lib/Panel.js`	399 B	0 B
`packages/main/lib/PanelAccessibleRoles.js`	201 B	0 B
`packages/main/lib/PlacementType.js`	175 B	0 B
`packages/main/lib/PopoverHorizontalAlign.js`	181 B	0 B
`packages/main/lib/PopoverPlacementType.js`	172 B	0 B
`packages/main/lib/PopoverVerticalAlign.js`	204 B	0 B
`packages/main/lib/Priority.js`	163 B	0 B
`packages/main/lib/ProductSwitch.js`	308 B	0 B
`packages/main/lib/ProductSwitchItem.js`	359 B	0 B
`packages/main/lib/RadioButton.js`	397 B	0 B
`packages/main/lib/SegmentedButton.js`	321 B	0 B
`packages/main/lib/Select.js`	352 B	0 B
`packages/main/lib/SemanticColor.js`	181 B	0 B
`packages/main/lib/Size.js`	151 B	0 B
`packages/main/lib/Spinner.js`	1.22 kB	0 B
`packages/main/lib/Switch.js`	351 B	0 B
`packages/main/lib/TabContainerTabsPlacement.js`	161 B	0 B
`packages/main/lib/TabLayout.js`	150 B	0 B
`packages/main/lib/TableCell.js`	303 B	0 B
`packages/main/lib/TableColumn.js`	352 B	0 B
`packages/main/lib/TablePlaceholder.js`	771 B	0 B
`packages/main/lib/TableRow.js`	302 B	0 B
`packages/main/lib/TableScaleWidthMode.js`	169 B	0 B
`packages/main/lib/TableSelectionBehavior.js`	178 B	0 B
`packages/main/lib/TableSelectionMode.js`	182 B	0 B
`packages/main/lib/TabSeparator.js`	306 B	0 B
`packages/main/lib/Text.js`	827 B	0 B
`packages/main/lib/TextAlign.js`	183 B	0 B
`packages/main/lib/TextArea.js`	469 B	0 B
`packages/main/lib/ThemeProvider.js`	1.1 kB	0 B
`packages/main/lib/Themes.js`	178 B	0 B
`packages/main/lib/Timeline.js`	298 B	0 B
`packages/main/lib/Title.js`	337 B	0 B
`packages/main/lib/TitleLevel.js`	163 B	0 B
`packages/main/lib/Toast.js`	349 B	0 B
`packages/main/lib/ToastPlacement.js`	208 B	0 B
`packages/main/lib/ToggleButton.js`	391 B	0 B
`packages/main/lib/Token.js`	233 B	0 B
`packages/main/lib/Tokenizer.js`	248 B	0 B
`packages/main/lib/Toolbar.js`	2.99 kB	0 B
`packages/main/lib/ToolbarDesign.js`	175 B	0 B
`packages/main/lib/ToolbarSeparator.js`	477 B	0 B
`packages/main/lib/ToolbarSpacer.js`	220 B	0 B
`packages/main/lib/ToolbarStyle.js`	153 B	0 B
`packages/main/lib/UploadState.js`	170 B	0 B
`packages/main/lib/ValueState.js`	182 B	0 B
`packages/main/lib/VariantManagement.js`	1.98 kB	0 B
`packages/main/lib/VerticalAlign.js`	174 B	0 B

_{compressed-size-action}

…onents-rc8

BREAKING CHANGE: Replaced `SideNavigation` with UI5 Web Component, `SideNavigationItem` with `SideNavigationListItem` and `SideNavigationSubListItem`

MarcusNotheis added 30 commits July 27, 2020 10:24

chore: prepare update script

44e3299

updaet cra template

1655578

update script

c8352d2

BREAKING CHANGE: Deleted `Notification` component, replaced by `NotificationListItem` BREAKING CHANGE: Deleted `NotificationGroup` component, replaced by `NotificationGroupListItem` BREAKING CHANGE: `ProgressIndicator` replaced by UI5 Web Component,

create new components lib entries

e287965

Update Avatar.stories.tsx

8e6e910

Badge

08ed206

first set of components

cb8d11c

DateRangePicker

71c0cdb

DateTimePicker

06821aa

Dialog

0424f43

DurationPicker

f251eb1

FileUploader

f8839ed

Icon

ae52fb3

Input

ed6d7a6

Update Link.stories.tsx

db1d940

List

337d275

Update MessageStrip.stories.tsx

41abdbd

MultiComboBox

c37c132

Update Panel.stories.tsx

def1d5d

Popover

b486904

ProgressIndicator

55b4893

RadioButton

715b2fb

RatingIndicator

bd80c0d

ResponsivePopover

1ec4746

SegmentedButton

0b9b426

Update Select.stories.tsx

c9f1a08

ShellBar

07a000b

BREAKING CHANGE: `logo` is now accepting an `img` tag or the `Avatar` component. Passing a `string` with the URL to the image is not longer supported.

StandardListItem

9ef964e

SuggestionItem

2a0fe5c

TabContainer

d8bd885

MarcusNotheis added 2 commits July 27, 2020 14:16

Create new library export

28e194e

FlexibleColumnLayout

b7a1689

MarcusNotheis added 21 commits July 27, 2020 14:25

fix import in NotificationOverflowAction

9437af1

fix ts error in DateRangePicker

25843ec

Update FlexibleColumnLayout Story

1f0027e

update tests

738589a

fix tests

701228f

disable filter bar test

8b4afa3

enhance wrapper script

816b1c4

Add PropTypes export to all web components

5e105fd

Merge remote-tracking branch 'origin/master' into feat/update-webcomp…

d2158c2

…onents-rc8

docs: update migration guide

a70694a

update to latest snapshot

7ed92cd

add eslint import plugin

4e94f87

replace SideNavigation with UI5 Web Component

c379fdf

BREAKING CHANGE: Replaced `SideNavigation` with UI5 Web Component, `SideNavigationItem` with `SideNavigationListItem` and `SideNavigationSubListItem`

Update to latest snapshot of web components

6272883

SideNavigation: improve story and test

c0c7862

fix: bind snake-case events correctly

439ba39

export WithWebComponentPropTypes from lib

66ba32d

simplify withWebComponent

1a0c7fe

update jest and tests

8deccd4

update to rc.8

1220d00

disable object page test

4a43e84

MarcusNotheis requested a review from vbersch July 30, 2020 12:53

MarcusNotheis marked this pull request as ready for review July 30, 2020 12:53

MarcusNotheis requested a review from kleinju1017 July 30, 2020 13:06

kleinju1017 approved these changes Jul 30, 2020

View reviewed changes

MarcusNotheis merged commit 45bbc8c into master Jul 30, 2020

MarcusNotheis deleted the feat/update-webcomponents-rc8 branch July 30, 2020 13:35

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat: update to ui5-webcomponents rc.8 #623

feat: update to ui5-webcomponents rc.8 #623

Uh oh!

MarcusNotheis commented Jul 27, 2020 •

edited

Loading

Uh oh!

github-actions bot commented Jul 27, 2020 •

edited

Loading

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

feat: update to ui5-webcomponents rc.8 #623

feat: update to ui5-webcomponents rc.8 #623

Uh oh!

Conversation

MarcusNotheis commented Jul 27, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions bot commented Jul 27, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

MarcusNotheis commented Jul 27, 2020 •

edited

Loading

github-actions bot commented Jul 27, 2020 •

edited

Loading