Skip to content

Commit e7f6164

Browse files
MarcusNotheisMarcusNotheis
authored
* chore(Web Components): Updated Web Components to v0.13.1 (#39)
BREAKING CHANGE **Select**: the parameter of the change event is now called `selectedOption` BREAKING CHANGE **Select**: Use `Option` instead of `StandardListItem` for selection BREAKING CHANGE **Link**: Use design with `LinkDesign`, type with `LinkType` is deleted BREAKING CHANGE **Button**: Use design with `ButtonDesign`, type with `ButtonDesign` is deleted BREAKING CHANGE **ToggleButton**: Use design with `ButtonDesign`, type with `ButtonDesign` is deleted BREAKING CHANGE **Switch**: type is removed, use `graphical` BREAKING CHANGE **MessageStrip**: `hideIcon` and `hideCloseButton` are renamed to `noIcon` and `noCloseButton` BREAKING CHANGE **Popover**: `hideArrow` and `hideHeader` are renamed to `noArrow` and `noHeader` Please refer to the [UI5 Web Components Changelog](https://github.com/SAP/ui5-webcomponents/releases/tag/v0.13.1) as well. Closes #36
1 parent 9924231 commit e7f6164

Some content is hidden

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

68 files changed

+678
-475
lines changed

‎.travis.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ git:
44
depth: false
55

66
node_js:
7-
- '8'
7+
- '8.16.0'
88
- '10'
99

1010
cache: yarn

‎packages/fiori3/__karma_snapshots__/ActionSheet.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -8,17 +8,17 @@
88
<Jss(WithStyles(ActionSheet)) openBy={{...}} placement="Bottom">
99
<WithStyles(ActionSheet) openBy={{...}} placement="Bottom" classes={{...}}>
1010
<ActionSheet openBy={{...}} placement="Bottom" classes={{...}}>
11-
<Popover hideHeader={true} innerComponentRef={[Function]} openBy={{...}} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
11+
<Popover noHeader={true} innerComponentRef={[Function]} openBy={{...}} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
1212
<div style={{...}} onClick={[Function]}>
13-
<Button type="Default">
14-
<WithWebComponent theme={{...}} type="Default">
15-
<ui5-button type="Default" class="" />
13+
<Button design="Default">
14+
<WithWebComponent theme={{...}} design="Default">
15+
<ui5-button design="Default" class="" />
1616
</WithWebComponent>
1717
</Button>
1818
</div>
19-
<WithTheme(WithWebComponent) hideHeader={true} innerComponentRef={[Function]} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
20-
<WithWebComponent theme={{...}} hideHeader={true} innerComponentRef={[Function]} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
21-
<ui5-popover hide-header={true} inner-component-ref={[Function]} placement-type="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initial-focus={{...}} header-text="" horizontal-align="Center" vertical-align="Center" class="">
19+
<WithTheme(WithWebComponent) noHeader={true} innerComponentRef={[Function]} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
20+
<WithWebComponent theme={{...}} noHeader={true} innerComponentRef={[Function]} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
21+
<ui5-popover no-header={true} inner-component-ref={[Function]} placement-type="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initial-focus={{...}} header-text="" horizontal-align="Center" vertical-align="Center" class="">
2222
<ul className="ActionSheet-actionSheet---" />
2323
</ui5-popover>
2424
</WithWebComponent>

‎packages/fiori3/__karma_snapshots__/AnalyticalTable.md

Lines changed: 101 additions & 101 deletions
Large diffs are not rendered by default.

‎packages/fiori3/__karma_snapshots__/Badge.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@
55
```
66
<ThemeProvider withToastContainer={false}>
77
<ThemeProvider jss={{...}} theme={{...}}>
8-
<Badge>
9-
<WithWebComponent theme={{...}}>
10-
<ui5-badge class="">
8+
<Badge colorScheme="1">
9+
<WithWebComponent theme={{...}} colorScheme="1">
10+
<ui5-badge color-scheme="1" class="">
1111
My Badge
1212
</ui5-badge>
1313
</WithWebComponent>
@@ -21,9 +21,9 @@
2121
```
2222
<ThemeProvider withToastContainer={false}>
2323
<ThemeProvider jss={{...}} theme={{...}}>
24-
<Badge icon={{...}}>
25-
<WithWebComponent theme={{...}} icon={{...}}>
26-
<ui5-badge class="">
24+
<Badge icon={{...}} colorScheme="1">
25+
<WithWebComponent theme={{...}} icon={{...}} colorScheme="1">
26+
<ui5-badge color-scheme="1" class="">
2727
<Icon src="sap-icon://employee" data-ui5-slot="icon">
2828
<WithWebComponent theme={{...}} src="sap-icon://employee" data-ui5-slot="icon">
2929
<ui5-icon src="sap-icon://employee" data-ui5-slot="icon" class="" />

‎packages/fiori3/__karma_snapshots__/Button.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@
55
```
66
<ThemeProvider withToastContainer={false}>
77
<ThemeProvider jss={{...}} theme={{...}}>
8-
<Button type="Default">
9-
<WithWebComponent theme={{...}} type="Default">
10-
<ui5-button type="Default" class="" />
8+
<Button design="Default">
9+
<WithWebComponent theme={{...}} design="Default">
10+
<ui5-button design="Default" class="" />
1111
</WithWebComponent>
1212
</Button>
1313
</ThemeProvider>

‎packages/fiori3/__karma_snapshots__/FilterBar.md

Lines changed: 69 additions & 69 deletions
Large diffs are not rendered by default.

‎packages/fiori3/__karma_snapshots__/Link.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@
55
```
66
<ThemeProvider withToastContainer={false}>
77
<ThemeProvider jss={{...}} theme={{...}}>
8-
<Link href="" target="" type="Default">
9-
<WithWebComponent theme={{...}} href="" target="" type="Default">
10-
<ui5-link href="" target="" type="Default" class="" />
8+
<Link design="Default">
9+
<WithWebComponent theme={{...}} design="Default">
10+
<ui5-link design="Default" class="" />
1111
</WithWebComponent>
1212
</Link>
1313
</ThemeProvider>

‎packages/fiori3/__karma_snapshots__/MessageBox.md

Lines changed: 39 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -39,18 +39,18 @@
3939
</section>
4040
<footer className="MessageBox-footer---">
4141
<MessageBoxButton emphasize={true} onClick={[Function]} action="OK">
42-
<Button style={{...}} onPress={[Function]} type="Emphasized">
43-
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
44-
<ui5-button style={{...}} type="Emphasized" class="">
42+
<Button style={{...}} onPress={[Function]} design="Emphasized">
43+
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
44+
<ui5-button style={{...}} design="Emphasized" class="">
4545
OK
4646
</ui5-button>
4747
</WithWebComponent>
4848
</Button>
4949
</MessageBoxButton>
5050
<MessageBoxButton emphasize={false} onClick={[Function]} action="Cancel">
51-
<Button style={{...}} onPress={[Function]} type="Transparent">
52-
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Transparent">
53-
<ui5-button style={{...}} type="Transparent" class="">
51+
<Button style={{...}} onPress={[Function]} design="Transparent">
52+
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Transparent">
53+
<ui5-button style={{...}} design="Transparent" class="">
5454
Cancel
5555
</ui5-button>
5656
</WithWebComponent>
@@ -105,18 +105,18 @@
105105
</section>
106106
<footer className="MessageBox-footer---">
107107
<MessageBoxButton emphasize={true} onClick={[Function]} action="OK">
108-
<Button style={{...}} onPress={[Function]} type="Emphasized">
109-
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
110-
<ui5-button style={{...}} type="Emphasized" class="">
108+
<Button style={{...}} onPress={[Function]} design="Emphasized">
109+
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
110+
<ui5-button style={{...}} design="Emphasized" class="">
111111
OK
112112
</ui5-button>
113113
</WithWebComponent>
114114
</Button>
115115
</MessageBoxButton>
116116
<MessageBoxButton emphasize={false} onClick={[Function]} action="Cancel">
117-
<Button style={{...}} onPress={[Function]} type="Transparent">
118-
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Transparent">
119-
<ui5-button style={{...}} type="Transparent" class="">
117+
<Button style={{...}} onPress={[Function]} design="Transparent">
118+
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Transparent">
119+
<ui5-button style={{...}} design="Transparent" class="">
120120
Cancel
121121
</ui5-button>
122122
</WithWebComponent>
@@ -171,9 +171,9 @@
171171
</section>
172172
<footer className="MessageBox-footer---">
173173
<MessageBoxButton emphasize={true} onClick={[Function]} action="OK">
174-
<Button style={{...}} onPress={[Function]} type="Emphasized">
175-
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
176-
<ui5-button style={{...}} type="Emphasized" class="">
174+
<Button style={{...}} onPress={[Function]} design="Emphasized">
175+
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
176+
<ui5-button style={{...}} design="Emphasized" class="">
177177
OK
178178
</ui5-button>
179179
</WithWebComponent>
@@ -228,9 +228,9 @@
228228
</section>
229229
<footer className="MessageBox-footer---">
230230
<MessageBoxButton emphasize={true} onClick={[Function]} action="OK">
231-
<Button style={{...}} onPress={[Function]} type="Emphasized">
232-
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
233-
<ui5-button style={{...}} type="Emphasized" class="">
231+
<Button style={{...}} onPress={[Function]} design="Emphasized">
232+
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
233+
<ui5-button style={{...}} design="Emphasized" class="">
234234
OK
235235
</ui5-button>
236236
</WithWebComponent>
@@ -285,9 +285,9 @@
285285
</section>
286286
<footer className="MessageBox-footer---">
287287
<MessageBoxButton emphasize={true} onClick={[Function]} action="Close">
288-
<Button style={{...}} onPress={[Function]} type="Emphasized">
289-
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
290-
<ui5-button style={{...}} type="Emphasized" class="">
288+
<Button style={{...}} onPress={[Function]} design="Emphasized">
289+
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
290+
<ui5-button style={{...}} design="Emphasized" class="">
291291
Close
292292
</ui5-button>
293293
</WithWebComponent>
@@ -342,9 +342,9 @@
342342
</section>
343343
<footer className="MessageBox-footer---">
344344
<MessageBoxButton emphasize={true} onClick={[Function]} action="OK">
345-
<Button style={{...}} onPress={[Function]} type="Emphasized">
346-
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
347-
<ui5-button style={{...}} type="Emphasized" class="">
345+
<Button style={{...}} onPress={[Function]} design="Emphasized">
346+
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
347+
<ui5-button style={{...}} design="Emphasized" class="">
348348
OK
349349
</ui5-button>
350350
</WithWebComponent>
@@ -399,18 +399,18 @@
399399
</section>
400400
<footer className="MessageBox-footer---">
401401
<MessageBoxButton emphasize={true} onClick={[Function]} action="Yes">
402-
<Button style={{...}} onPress={[Function]} type="Emphasized">
403-
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
404-
<ui5-button style={{...}} type="Emphasized" class="">
402+
<Button style={{...}} onPress={[Function]} design="Emphasized">
403+
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
404+
<ui5-button style={{...}} design="Emphasized" class="">
405405
Yes
406406
</ui5-button>
407407
</WithWebComponent>
408408
</Button>
409409
</MessageBoxButton>
410410
<MessageBoxButton emphasize={false} onClick={[Function]} action="No">
411-
<Button style={{...}} onPress={[Function]} type="Transparent">
412-
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Transparent">
413-
<ui5-button style={{...}} type="Transparent" class="">
411+
<Button style={{...}} onPress={[Function]} design="Transparent">
412+
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Transparent">
413+
<ui5-button style={{...}} design="Transparent" class="">
414414
No
415415
</ui5-button>
416416
</WithWebComponent>
@@ -465,9 +465,9 @@
465465
</section>
466466
<footer className="MessageBox-footer---">
467467
<MessageBoxButton emphasize={true} onClick={[Function]} action="OK">
468-
<Button style={{...}} onPress={[Function]} type="Emphasized">
469-
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
470-
<ui5-button style={{...}} type="Emphasized" class="">
468+
<Button style={{...}} onPress={[Function]} design="Emphasized">
469+
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
470+
<ui5-button style={{...}} design="Emphasized" class="">
471471
OK
472472
</ui5-button>
473473
</WithWebComponent>
@@ -536,18 +536,18 @@
536536
</section>
537537
<footer className="MessageBox-footer---">
538538
<MessageBoxButton emphasize={true} onClick={[Function]} action="OK">
539-
<Button style={{...}} onPress={[Function]} type="Emphasized">
540-
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
541-
<ui5-button style={{...}} type="Emphasized" class="">
539+
<Button style={{...}} onPress={[Function]} design="Emphasized">
540+
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
541+
<ui5-button style={{...}} design="Emphasized" class="">
542542
OK
543543
</ui5-button>
544544
</WithWebComponent>
545545
</Button>
546546
</MessageBoxButton>
547547
<MessageBoxButton emphasize={false} onClick={[Function]} action="Cancel">
548-
<Button style={{...}} onPress={[Function]} type="Transparent">
549-
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Transparent">
550-
<ui5-button style={{...}} type="Transparent" class="">
548+
<Button style={{...}} onPress={[Function]} design="Transparent">
549+
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Transparent">
550+
<ui5-button style={{...}} design="Transparent" class="">
551551
Cancel
552552
</ui5-button>
553553
</WithWebComponent>

‎packages/fiori3/__karma_snapshots__/MessageStrip.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,19 @@
11
# `MessageStrip`
22

3+
#### `Basic Test (generated)`
4+
5+
```
6+
<ThemeProvider withToastContainer={false}>
7+
<ThemeProvider jss={{...}} theme={{...}}>
8+
<MessageStrip type="Information">
9+
<WithWebComponent theme={{...}} type="Information">
10+
<ui5-messagestrip type="Information" class="" />
11+
</WithWebComponent>
12+
</MessageStrip>
13+
</ThemeProvider>
14+
</ThemeProvider>
15+
```
16+
317
#### `Dismissible`
418

519
```

‎packages/fiori3/__karma_snapshots__/MultiComboBox.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
# `MultiComboBox`
2+
3+
#### `Basic Test (generated)`
4+
5+
```
6+
<ThemeProvider withToastContainer={false}>
7+
<ThemeProvider jss={{...}} theme={{...}}>
8+
<MultiComboBox value="" placeholder="" valueState="None">
9+
<WithWebComponent theme={{...}} value="" placeholder="" valueState="None">
10+
<ui5-multi-combobox value="" placeholder="" value-state="None" class="" />
11+
</WithWebComponent>
12+
</MultiComboBox>
13+
</ThemeProvider>
14+
</ThemeProvider>
15+
```
16+

0 commit comments

Comments
 (0)