Skip to content

Commit 7dcf22b

Browse files
MarcusNotheisMarcusNotheis
authored
feat: Updated UI5 WebComponents to v0.11.0 (#22)
feat: Updated UI5 WebComponents to v0.11.0 BREAKING CHANGE List: the "selectionChange" event param "items" has been renamed to "selectedItems". BREAKING CHANGE List: the "backgroundDesign" property has been removed, use the corresponding CSS variable (--_ui5_listitem_background_color) to alter the list items` background. BREAKING CHANGE Panel: the "backgroundDesign" property has been removed, use the corresponding CSS variables (--_ui5_panel_background_color) to alter the panel background. BREAKING CHANGE DatePicker: 'liveChange' event has been renamed to 'input'. BREAKING CHANGE CheckBox: property "readOnly" has been renamed to "readonly". BREAKING CHANGE RadioButton: property "readOnly" has been renamed to "readonly".
1 parent 3610097 commit 7dcf22b

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

64 files changed

+261
-830
lines changed

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,3 +17,4 @@ build
1717
/packages/*/npm/**/*.d.ts
1818
.out
1919
lerna-debug.log
20+
packages/fiori3/scripts/wrapperGeneration/json

‎packages/fiori3/__karma_snapshots__/CheckBox.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@
55
```
66
"<ThemeProvider theme=\"sap_fiori3_light\" contentDensity=\"Compact\" withToastContainer={false}>
77
<ThemeProvider jss={{...}} theme={{...}}>
8-
<CheckBox text=\"\" valueState=\"None\">
9-
<WithWebComponent theme={{...}} text=\"\" valueState=\"None\">
10-
<ui5-checkbox text=\"\" value-state=\"None\" class=\"sapUiSizeCompact\" />
8+
<CheckBox valueState=\"None\">
9+
<WithWebComponent theme={{...}} valueState=\"None\">
10+
<ui5-checkbox value-state=\"None\" class=\"sapUiSizeCompact\" />
1111
</WithWebComponent>
1212
</CheckBox>
1313
</ThemeProvider>

‎packages/fiori3/__karma_snapshots__/CustomListItem.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@
55
```
66
"<ThemeProvider theme=\"sap_fiori3_light\" contentDensity=\"Compact\" withToastContainer={false}>
77
<ThemeProvider jss={{...}} theme={{...}}>
8-
<CustomListItem type=\"Inactive\">
9-
<WithWebComponent theme={{...}} type=\"Inactive\">
10-
<ui5-li-custom type=\"Inactive\" class=\"sapUiSizeCompact\" />
8+
<CustomListItem type=\"Active\">
9+
<WithWebComponent theme={{...}} type=\"Active\">
10+
<ui5-li-custom type=\"Active\" class=\"sapUiSizeCompact\" />
1111
</WithWebComponent>
1212
</CustomListItem>
1313
</ThemeProvider>

‎packages/fiori3/__karma_snapshots__/DatePicker.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@
55
```
66
"<ThemeProvider theme=\"sap_fiori3_light\" contentDensity=\"Compact\" withToastContainer={false}>
77
<ThemeProvider jss={{...}} theme={{...}}>
8-
<DatePicker value=\"\" valueState=\"None\" placeholder={{...}}>
9-
<WithWebComponent theme={{...}} value=\"\" valueState=\"None\" placeholder={{...}}>
10-
<ui5-datepicker value=\"\" value-state=\"None\" placeholder={{...}} class=\"sapUiSizeCompact\" />
8+
<DatePicker valueState=\"None\">
9+
<WithWebComponent theme={{...}} valueState=\"None\">
10+
<ui5-datepicker value-state=\"None\" class=\"sapUiSizeCompact\" />
1111
</WithWebComponent>
1212
</DatePicker>
1313
</ThemeProvider>

‎packages/fiori3/__karma_snapshots__/FilterBar.md

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -43,9 +43,9 @@
4343
</ui5-button>
4444
</WithWebComponent>
4545
</Button>
46-
<WithTheme(WithWebComponent) onItemPress={[Function]} mode="SingleSelect" backgroundDesign="Solid" headerText="" footerText="" noDataText="" separators="All">
47-
<WithWebComponent theme={{...}} onItemPress={[Function]} mode="SingleSelect" backgroundDesign="Solid" headerText="" footerText="" noDataText="" separators="All">
48-
<ui5-list mode="SingleSelect" background-design="Solid" header-text="" footer-text="" no-data-text="" separators="All" class="sapUiSizeCompact">
46+
<WithTheme(WithWebComponent) onItemPress={[Function]} mode="SingleSelect" headerText="" footerText="" noDataText="" separators="All">
47+
<WithWebComponent theme={{...}} onItemPress={[Function]} mode="SingleSelect" headerText="" footerText="" noDataText="" separators="All">
48+
<ui5-list mode="SingleSelect" header-text="" footer-text="" no-data-text="" separators="All" class="sapUiSizeCompact">
4949
<StandardListItem style={{...}} data-key="1" type="Active" selected={true} description="" icon={{...}} image={{...}}>
5050
<WithWebComponent theme={{...}} style={{...}} data-key="1" type="Active" selected={true} description="" icon={{...}} image={{...}}>
5151
<ui5-li selected={true} style={{...}} data-key="1" type="Active" description="" icon={{...}} image={{...}} class="sapUiSizeCompact">
@@ -100,8 +100,8 @@
100100
</ui5-label>
101101
</WithWebComponent>
102102
</Label>
103-
<Select onChange={[Function]} style={{...}} disabled={false} valueState="None">
104-
<WithWebComponent theme={{...}} onChange={[Function]} style={{...}} disabled={false} valueState="None">
103+
<Select onChange={[Function]} style={{...}} valueState="None">
104+
<WithWebComponent theme={{...}} onChange={[Function]} style={{...}} valueState="None">
105105
<ui5-select style={{...}} value-state="None" class="sapUiSizeCompact">
106106
<StandardListItem type="Active" data-key="1" description="" icon={{...}} image={{...}}>
107107
<WithWebComponent theme={{...}} type="Active" data-key="1" description="" icon={{...}} image={{...}}>
@@ -198,9 +198,9 @@
198198
</ui5-button>
199199
</WithWebComponent>
200200
</Button>
201-
<WithTheme(WithWebComponent) onItemPress={[Function]} mode="SingleSelect" backgroundDesign="Solid" headerText="" footerText="" noDataText="" separators="All">
202-
<WithWebComponent theme={{...}} onItemPress={[Function]} mode="SingleSelect" backgroundDesign="Solid" headerText="" footerText="" noDataText="" separators="All">
203-
<ui5-list mode="SingleSelect" background-design="Solid" header-text="" footer-text="" no-data-text="" separators="All" class="sapUiSizeCompact">
201+
<WithTheme(WithWebComponent) onItemPress={[Function]} mode="SingleSelect" headerText="" footerText="" noDataText="" separators="All">
202+
<WithWebComponent theme={{...}} onItemPress={[Function]} mode="SingleSelect" headerText="" footerText="" noDataText="" separators="All">
203+
<ui5-list mode="SingleSelect" header-text="" footer-text="" no-data-text="" separators="All" class="sapUiSizeCompact">
204204
<StandardListItem style={{...}} data-key="1" type="Active" selected={true} description="" icon={{...}} image={{...}}>
205205
<WithWebComponent theme={{...}} style={{...}} data-key="1" type="Active" selected={true} description="" icon={{...}} image={{...}}>
206206
<ui5-li selected={true} style={{...}} data-key="1" type="Active" description="" icon={{...}} image={{...}} class="sapUiSizeCompact">
@@ -255,8 +255,8 @@
255255
</ui5-label>
256256
</WithWebComponent>
257257
</Label>
258-
<Select onChange={[Function]} style={{...}} disabled={false} valueState="None">
259-
<WithWebComponent theme={{...}} onChange={[Function]} style={{...}} disabled={false} valueState="None">
258+
<Select onChange={[Function]} style={{...}} valueState="None">
259+
<WithWebComponent theme={{...}} onChange={[Function]} style={{...}} valueState="None">
260260
<ui5-select style={{...}} value-state="None" class="sapUiSizeCompact">
261261
<StandardListItem type="Active" data-key="1" description="" icon={{...}} image={{...}}>
262262
<WithWebComponent theme={{...}} type="Active" data-key="1" description="" icon={{...}} image={{...}}>
@@ -379,9 +379,9 @@
379379
</ui5-button>
380380
</WithWebComponent>
381381
</Button>
382-
<WithTheme(WithWebComponent) onItemPress={[Function]} mode="SingleSelect" backgroundDesign="Solid" headerText="" footerText="" noDataText="" separators="All">
383-
<WithWebComponent theme={{...}} onItemPress={[Function]} mode="SingleSelect" backgroundDesign="Solid" headerText="" footerText="" noDataText="" separators="All">
384-
<ui5-list mode="SingleSelect" background-design="Solid" header-text="" footer-text="" no-data-text="" separators="All" class="sapUiSizeCompact">
382+
<WithTheme(WithWebComponent) onItemPress={[Function]} mode="SingleSelect" headerText="" footerText="" noDataText="" separators="All">
383+
<WithWebComponent theme={{...}} onItemPress={[Function]} mode="SingleSelect" headerText="" footerText="" noDataText="" separators="All">
384+
<ui5-list mode="SingleSelect" header-text="" footer-text="" no-data-text="" separators="All" class="sapUiSizeCompact">
385385
<StandardListItem style={{...}} data-key="1" type="Active" selected={true} description="" icon={{...}} image={{...}}>
386386
<WithWebComponent theme={{...}} style={{...}} data-key="1" type="Active" selected={true} description="" icon={{...}} image={{...}}>
387387
<ui5-li selected={true} style={{...}} data-key="1" type="Active" description="" icon={{...}} image={{...}} class="sapUiSizeCompact">
@@ -436,8 +436,8 @@
436436
</ui5-label>
437437
</WithWebComponent>
438438
</Label>
439-
<Select onChange={[Function]} style={{...}} disabled={false} valueState="None">
440-
<WithWebComponent theme={{...}} onChange={[Function]} style={{...}} disabled={false} valueState="None">
439+
<Select onChange={[Function]} style={{...}} valueState="None">
440+
<WithWebComponent theme={{...}} onChange={[Function]} style={{...}} valueState="None">
441441
<ui5-select style={{...}} value-state="None" class="sapUiSizeCompact">
442442
<StandardListItem type="Active" data-key="1" description="" icon={{...}} image={{...}}>
443443
<WithWebComponent theme={{...}} type="Active" data-key="1" description="" icon={{...}} image={{...}}>

‎packages/fiori3/__karma_snapshots__/List.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@
55
```
66
"<ThemeProvider theme=\"sap_fiori3_light\" contentDensity=\"Compact\" withToastContainer={false}>
77
<ThemeProvider jss={{...}} theme={{...}}>
8-
<WithTheme(WithWebComponent) backgroundDesign=\"Solid\" headerText=\"\" footerText=\"\" mode=\"None\" noDataText=\"\" separators=\"All\">
9-
<WithWebComponent theme={{...}} backgroundDesign=\"Solid\" headerText=\"\" footerText=\"\" mode=\"None\" noDataText=\"\" separators=\"All\">
10-
<ui5-list background-design=\"Solid\" header-text=\"\" footer-text=\"\" mode=\"None\" no-data-text=\"\" separators=\"All\" class=\"sapUiSizeCompact\" />
8+
<WithTheme(WithWebComponent) headerText=\"\" footerText=\"\" mode=\"None\" noDataText=\"\" separators=\"All\">
9+
<WithWebComponent theme={{...}} headerText=\"\" footerText=\"\" mode=\"None\" noDataText=\"\" separators=\"All\">
10+
<ui5-list header-text=\"\" footer-text=\"\" mode=\"None\" no-data-text=\"\" separators=\"All\" class=\"sapUiSizeCompact\" />
1111
</WithWebComponent>
1212
</WithTheme(WithWebComponent)>
1313
</ThemeProvider>

‎packages/fiori3/__karma_snapshots__/ObjectPage.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -147,9 +147,9 @@
147147
<WithTheme(WithWebComponent) open={false} placementType="Bottom" onAfterClose={[Function]} hideArrow={true} hideHeader={true} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center" innerComponentRef={[Function]}>
148148
<WithWebComponent theme={{...}} open={false} placementType="Bottom" onAfterClose={[Function]} hideArrow={true} hideHeader={true} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center" innerComponentRef={[Function]}>
149149
<ui5-popover hide-header={true} hide-arrow={true} open={false} placement-type="Bottom" initial-focus={{...}} header-text="" horizontal-align="Center" vertical-align="Center" inner-component-ref={[Function]} class="sapUiSizeCompact">
150-
<WithTheme(WithWebComponent) onItemPress={[Function]} backgroundDesign="Solid" headerText="" footerText="" mode="None" noDataText="" separators="All">
151-
<WithWebComponent theme={{...}} onItemPress={[Function]} backgroundDesign="Solid" headerText="" footerText="" mode="None" noDataText="" separators="All">
152-
<ui5-list background-design="Solid" header-text="" footer-text="" mode="None" no-data-text="" separators="All" class="sapUiSizeCompact">
150+
<WithTheme(WithWebComponent) onItemPress={[Function]} headerText="" footerText="" mode="None" noDataText="" separators="All">
151+
<WithWebComponent theme={{...}} onItemPress={[Function]} headerText="" footerText="" mode="None" noDataText="" separators="All">
152+
<ui5-list header-text="" footer-text="" mode="None" no-data-text="" separators="All" class="sapUiSizeCompact">
153153
<CustomListItem type="Active" data-key="4.1">
154154
<WithWebComponent theme={{...}} type="Active" data-key="4.1">
155155
<ui5-li-custom type="Active" data-key="4.1" class="sapUiSizeCompact">
@@ -223,9 +223,9 @@
223223
<WithTheme(WithWebComponent) open={false} placementType="Bottom" onAfterClose={[Function]} hideArrow={true} hideHeader={true} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center" innerComponentRef={[Function]}>
224224
<WithWebComponent theme={{...}} open={false} placementType="Bottom" onAfterClose={[Function]} hideArrow={true} hideHeader={true} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center" innerComponentRef={[Function]}>
225225
<ui5-popover hide-header={true} hide-arrow={true} open={false} placement-type="Bottom" initial-focus={{...}} header-text="" horizontal-align="Center" vertical-align="Center" inner-component-ref={[Function]} class="sapUiSizeCompact">
226-
<WithTheme(WithWebComponent) onItemPress={[Function]} backgroundDesign="Solid" headerText="" footerText="" mode="None" noDataText="" separators="All">
227-
<WithWebComponent theme={{...}} onItemPress={[Function]} backgroundDesign="Solid" headerText="" footerText="" mode="None" noDataText="" separators="All">
228-
<ui5-list background-design="Solid" header-text="" footer-text="" mode="None" no-data-text="" separators="All" class="sapUiSizeCompact">
226+
<WithTheme(WithWebComponent) onItemPress={[Function]} headerText="" footerText="" mode="None" noDataText="" separators="All">
227+
<WithWebComponent theme={{...}} onItemPress={[Function]} headerText="" footerText="" mode="None" noDataText="" separators="All">
228+
<ui5-list header-text="" footer-text="" mode="None" no-data-text="" separators="All" class="sapUiSizeCompact">
229229
<CustomListItem type="Active" data-key="5.1">
230230
<WithWebComponent theme={{...}} type="Active" data-key="5.1">
231231
<ui5-li-custom type="Active" data-key="5.1" class="sapUiSizeCompact">
@@ -790,9 +790,9 @@
790790
<WithTheme(WithWebComponent) open={false} placementType="Bottom" onAfterClose={[Function]} hideArrow={true} hideHeader={true} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center" innerComponentRef={[Function]}>
791791
<WithWebComponent theme={{...}} open={false} placementType="Bottom" onAfterClose={[Function]} hideArrow={true} hideHeader={true} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center" innerComponentRef={[Function]}>
792792
<ui5-popover hide-header={true} hide-arrow={true} open={false} placement-type="Bottom" initial-focus={{...}} header-text="" horizontal-align="Center" vertical-align="Center" inner-component-ref={[Function]} class="sapUiSizeCompact">
793-
<WithTheme(WithWebComponent) onItemPress={[Function]} backgroundDesign="Solid" headerText="" footerText="" mode="None" noDataText="" separators="All">
794-
<WithWebComponent theme={{...}} onItemPress={[Function]} backgroundDesign="Solid" headerText="" footerText="" mode="None" noDataText="" separators="All">
795-
<ui5-list background-design="Solid" header-text="" footer-text="" mode="None" no-data-text="" separators="All" class="sapUiSizeCompact">
793+
<WithTheme(WithWebComponent) onItemPress={[Function]} headerText="" footerText="" mode="None" noDataText="" separators="All">
794+
<WithWebComponent theme={{...}} onItemPress={[Function]} headerText="" footerText="" mode="None" noDataText="" separators="All">
795+
<ui5-list header-text="" footer-text="" mode="None" no-data-text="" separators="All" class="sapUiSizeCompact">
796796
<CustomListItem type="Active" data-key="4.1">
797797
<WithWebComponent theme={{...}} type="Active" data-key="4.1">
798798
<ui5-li-custom type="Active" data-key="4.1" class="sapUiSizeCompact">
@@ -860,9 +860,9 @@
860860
<WithTheme(WithWebComponent) open={false} placementType="Bottom" onAfterClose={[Function]} hideArrow={true} hideHeader={true} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center" innerComponentRef={[Function]}>
861861
<WithWebComponent theme={{...}} open={false} placementType="Bottom" onAfterClose={[Function]} hideArrow={true} hideHeader={true} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center" innerComponentRef={[Function]}>
862862
<ui5-popover hide-header={true} hide-arrow={true} open={false} placement-type="Bottom" initial-focus={{...}} header-text="" horizontal-align="Center" vertical-align="Center" inner-component-ref={[Function]} class="sapUiSizeCompact">
863-
<WithTheme(WithWebComponent) onItemPress={[Function]} backgroundDesign="Solid" headerText="" footerText="" mode="None" noDataText="" separators="All">
864-
<WithWebComponent theme={{...}} onItemPress={[Function]} backgroundDesign="Solid" headerText="" footerText="" mode="None" noDataText="" separators="All">
865-
<ui5-list background-design="Solid" header-text="" footer-text="" mode="None" no-data-text="" separators="All" class="sapUiSizeCompact">
863+
<WithTheme(WithWebComponent) onItemPress={[Function]} headerText="" footerText="" mode="None" noDataText="" separators="All">
864+
<WithWebComponent theme={{...}} onItemPress={[Function]} headerText="" footerText="" mode="None" noDataText="" separators="All">
865+
<ui5-list header-text="" footer-text="" mode="None" no-data-text="" separators="All" class="sapUiSizeCompact">
866866
<CustomListItem type="Active" data-key="5.1">
867867
<WithWebComponent theme={{...}} type="Active" data-key="5.1">
868868
<ui5-li-custom type="Active" data-key="5.1" class="sapUiSizeCompact">

‎packages/fiori3/__karma_snapshots__/Panel.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@
55
```
66
"<ThemeProvider theme=\"sap_fiori3_light\" contentDensity=\"Compact\" withToastContainer={false}>
77
<ThemeProvider jss={{...}} theme={{...}}>
8-
<Panel headerText=\"\" backgroundDesign=\"Solid\" accessibleRole=\"Form\">
9-
<WithWebComponent theme={{...}} headerText=\"\" backgroundDesign=\"Solid\" accessibleRole=\"Form\">
10-
<ui5-panel header-text=\"\" background-design=\"Solid\" accessible-role=\"Form\" class=\"sapUiSizeCompact\" />
8+
<Panel headerText=\"\" accessibleRole=\"Form\">
9+
<WithWebComponent theme={{...}} headerText=\"\" accessibleRole=\"Form\">
10+
<ui5-panel header-text=\"\" accessible-role=\"Form\" class=\"sapUiSizeCompact\" />
1111
</WithWebComponent>
1212
</Panel>
1313
</ThemeProvider>

0 commit comments

Comments
 (0)