Skip to content

Commit

Permalink
* chore(Web Components): Updated Web Components to v0.13.1 (#39)
Browse files Browse the repository at this point in the history 
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
  • Loading branch information
@MarcusNotheis
MarcusNotheis authored Jun 24, 2019
1 parent 9924231 commit e7f6164
Show file tree
Hide file tree
Showing 68 changed files with 678 additions and 475 deletions.
2 changes: 1 addition & 1 deletion .travis.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ git:
depth: false

node_js:
- '8'
- '8.16.0'
- '10'

cache: yarn
Expand Down
14 changes: 7 additions & 7 deletions packages/fiori3/__karma_snapshots__/ActionSheet.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,17 +8,17 @@
<Jss(WithStyles(ActionSheet)) openBy={{...}} placement="Bottom">
<WithStyles(ActionSheet) openBy={{...}} placement="Bottom" classes={{...}}>
<ActionSheet openBy={{...}} placement="Bottom" classes={{...}}>
<Popover hideHeader={true} innerComponentRef={[Function]} openBy={{...}} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
<Popover noHeader={true} innerComponentRef={[Function]} openBy={{...}} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
<div style={{...}} onClick={[Function]}>
<Button type="Default">
<WithWebComponent theme={{...}} type="Default">
<ui5-button type="Default" class="" />
<Button design="Default">
<WithWebComponent theme={{...}} design="Default">
<ui5-button design="Default" class="" />
</WithWebComponent>
</Button>
</div>
<WithTheme(WithWebComponent) hideHeader={true} innerComponentRef={[Function]} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
<WithWebComponent theme={{...}} hideHeader={true} innerComponentRef={[Function]} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
<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="">
<WithTheme(WithWebComponent) noHeader={true} innerComponentRef={[Function]} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
<WithWebComponent theme={{...}} noHeader={true} innerComponentRef={[Function]} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
<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="">
<ul className="ActionSheet-actionSheet---" />
</ui5-popover>
</WithWebComponent>
Expand Down
202 changes: 101 additions & 101 deletions packages/fiori3/__karma_snapshots__/AnalyticalTable.md
View file

Large diffs are not rendered by default.

12 changes: 6 additions & 6 deletions packages/fiori3/__karma_snapshots__/Badge.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,9 @@
```
<ThemeProvider withToastContainer={false}>
<ThemeProvider jss={{...}} theme={{...}}>
<Badge>
<WithWebComponent theme={{...}}>
<ui5-badge class="">
<Badge colorScheme="1">
<WithWebComponent theme={{...}} colorScheme="1">
<ui5-badge color-scheme="1" class="">
My Badge
</ui5-badge>
</WithWebComponent>
Expand All @@ -21,9 +21,9 @@
```
<ThemeProvider withToastContainer={false}>
<ThemeProvider jss={{...}} theme={{...}}>
<Badge icon={{...}}>
<WithWebComponent theme={{...}} icon={{...}}>
<ui5-badge class="">
<Badge icon={{...}} colorScheme="1">
<WithWebComponent theme={{...}} icon={{...}} colorScheme="1">
<ui5-badge color-scheme="1" class="">
<Icon src="sap-icon://employee" data-ui5-slot="icon">
<WithWebComponent theme={{...}} src="sap-icon://employee" data-ui5-slot="icon">
<ui5-icon src="sap-icon://employee" data-ui5-slot="icon" class="" />
Expand Down
6 changes: 3 additions & 3 deletions packages/fiori3/__karma_snapshots__/Button.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,9 @@
```
<ThemeProvider withToastContainer={false}>
<ThemeProvider jss={{...}} theme={{...}}>
<Button type="Default">
<WithWebComponent theme={{...}} type="Default">
<ui5-button type="Default" class="" />
<Button design="Default">
<WithWebComponent theme={{...}} design="Default">
<ui5-button design="Default" class="" />
</WithWebComponent>
</Button>
</ThemeProvider>
Expand Down
138 changes: 69 additions & 69 deletions packages/fiori3/__karma_snapshots__/FilterBar.md
View file

Large diffs are not rendered by default.

6 changes: 3 additions & 3 deletions packages/fiori3/__karma_snapshots__/Link.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,9 @@
```
<ThemeProvider withToastContainer={false}>
<ThemeProvider jss={{...}} theme={{...}}>
<Link href="" target="" type="Default">
<WithWebComponent theme={{...}} href="" target="" type="Default">
<ui5-link href="" target="" type="Default" class="" />
<Link design="Default">
<WithWebComponent theme={{...}} design="Default">
<ui5-link design="Default" class="" />
</WithWebComponent>
</Link>
</ThemeProvider>
Expand Down
78 changes: 39 additions & 39 deletions packages/fiori3/__karma_snapshots__/MessageBox.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,18 +39,18 @@
</section>
<footer className="MessageBox-footer---">
<MessageBoxButton emphasize={true} onClick={[Function]} action="OK">
<Button style={{...}} onPress={[Function]} type="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
<ui5-button style={{...}} type="Emphasized" class="">
<Button style={{...}} onPress={[Function]} design="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
<ui5-button style={{...}} design="Emphasized" class="">
OK
</ui5-button>
</WithWebComponent>
</Button>
</MessageBoxButton>
<MessageBoxButton emphasize={false} onClick={[Function]} action="Cancel">
<Button style={{...}} onPress={[Function]} type="Transparent">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Transparent">
<ui5-button style={{...}} type="Transparent" class="">
<Button style={{...}} onPress={[Function]} design="Transparent">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Transparent">
<ui5-button style={{...}} design="Transparent" class="">
Cancel
</ui5-button>
</WithWebComponent>
Expand Down Expand Up @@ -105,18 +105,18 @@
</section>
<footer className="MessageBox-footer---">
<MessageBoxButton emphasize={true} onClick={[Function]} action="OK">
<Button style={{...}} onPress={[Function]} type="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
<ui5-button style={{...}} type="Emphasized" class="">
<Button style={{...}} onPress={[Function]} design="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
<ui5-button style={{...}} design="Emphasized" class="">
OK
</ui5-button>
</WithWebComponent>
</Button>
</MessageBoxButton>
<MessageBoxButton emphasize={false} onClick={[Function]} action="Cancel">
<Button style={{...}} onPress={[Function]} type="Transparent">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Transparent">
<ui5-button style={{...}} type="Transparent" class="">
<Button style={{...}} onPress={[Function]} design="Transparent">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Transparent">
<ui5-button style={{...}} design="Transparent" class="">
Cancel
</ui5-button>
</WithWebComponent>
Expand Down Expand Up @@ -171,9 +171,9 @@
</section>
<footer className="MessageBox-footer---">
<MessageBoxButton emphasize={true} onClick={[Function]} action="OK">
<Button style={{...}} onPress={[Function]} type="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
<ui5-button style={{...}} type="Emphasized" class="">
<Button style={{...}} onPress={[Function]} design="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
<ui5-button style={{...}} design="Emphasized" class="">
OK
</ui5-button>
</WithWebComponent>
Expand Down Expand Up @@ -228,9 +228,9 @@
</section>
<footer className="MessageBox-footer---">
<MessageBoxButton emphasize={true} onClick={[Function]} action="OK">
<Button style={{...}} onPress={[Function]} type="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
<ui5-button style={{...}} type="Emphasized" class="">
<Button style={{...}} onPress={[Function]} design="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
<ui5-button style={{...}} design="Emphasized" class="">
OK
</ui5-button>
</WithWebComponent>
Expand Down Expand Up @@ -285,9 +285,9 @@
</section>
<footer className="MessageBox-footer---">
<MessageBoxButton emphasize={true} onClick={[Function]} action="Close">
<Button style={{...}} onPress={[Function]} type="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
<ui5-button style={{...}} type="Emphasized" class="">
<Button style={{...}} onPress={[Function]} design="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
<ui5-button style={{...}} design="Emphasized" class="">
Close
</ui5-button>
</WithWebComponent>
Expand Down Expand Up @@ -342,9 +342,9 @@
</section>
<footer className="MessageBox-footer---">
<MessageBoxButton emphasize={true} onClick={[Function]} action="OK">
<Button style={{...}} onPress={[Function]} type="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
<ui5-button style={{...}} type="Emphasized" class="">
<Button style={{...}} onPress={[Function]} design="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
<ui5-button style={{...}} design="Emphasized" class="">
OK
</ui5-button>
</WithWebComponent>
Expand Down Expand Up @@ -399,18 +399,18 @@
</section>
<footer className="MessageBox-footer---">
<MessageBoxButton emphasize={true} onClick={[Function]} action="Yes">
<Button style={{...}} onPress={[Function]} type="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
<ui5-button style={{...}} type="Emphasized" class="">
<Button style={{...}} onPress={[Function]} design="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
<ui5-button style={{...}} design="Emphasized" class="">
Yes
</ui5-button>
</WithWebComponent>
</Button>
</MessageBoxButton>
<MessageBoxButton emphasize={false} onClick={[Function]} action="No">
<Button style={{...}} onPress={[Function]} type="Transparent">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Transparent">
<ui5-button style={{...}} type="Transparent" class="">
<Button style={{...}} onPress={[Function]} design="Transparent">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Transparent">
<ui5-button style={{...}} design="Transparent" class="">
No
</ui5-button>
</WithWebComponent>
Expand Down Expand Up @@ -465,9 +465,9 @@
</section>
<footer className="MessageBox-footer---">
<MessageBoxButton emphasize={true} onClick={[Function]} action="OK">
<Button style={{...}} onPress={[Function]} type="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
<ui5-button style={{...}} type="Emphasized" class="">
<Button style={{...}} onPress={[Function]} design="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
<ui5-button style={{...}} design="Emphasized" class="">
OK
</ui5-button>
</WithWebComponent>
Expand Down Expand Up @@ -536,18 +536,18 @@
</section>
<footer className="MessageBox-footer---">
<MessageBoxButton emphasize={true} onClick={[Function]} action="OK">
<Button style={{...}} onPress={[Function]} type="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Emphasized">
<ui5-button style={{...}} type="Emphasized" class="">
<Button style={{...}} onPress={[Function]} design="Emphasized">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Emphasized">
<ui5-button style={{...}} design="Emphasized" class="">
OK
</ui5-button>
</WithWebComponent>
</Button>
</MessageBoxButton>
<MessageBoxButton emphasize={false} onClick={[Function]} action="Cancel">
<Button style={{...}} onPress={[Function]} type="Transparent">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} type="Transparent">
<ui5-button style={{...}} type="Transparent" class="">
<Button style={{...}} onPress={[Function]} design="Transparent">
<WithWebComponent theme={{...}} style={{...}} onPress={[Function]} design="Transparent">
<ui5-button style={{...}} design="Transparent" class="">
Cancel
</ui5-button>
</WithWebComponent>
Expand Down
14 changes: 14 additions & 0 deletions packages/fiori3/__karma_snapshots__/MessageStrip.md
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,19 @@
# `MessageStrip`

#### `Basic Test (generated)`

```
<ThemeProvider withToastContainer={false}>
<ThemeProvider jss={{...}} theme={{...}}>
<MessageStrip type="Information">
<WithWebComponent theme={{...}} type="Information">
<ui5-messagestrip type="Information" class="" />
</WithWebComponent>
</MessageStrip>
</ThemeProvider>
</ThemeProvider>
```

#### `Dismissible`

```
Expand Down
16 changes: 16 additions & 0 deletions packages/fiori3/__karma_snapshots__/MultiComboBox.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
# `MultiComboBox`

#### `Basic Test (generated)`

```
<ThemeProvider withToastContainer={false}>
<ThemeProvider jss={{...}} theme={{...}}>
<MultiComboBox value="" placeholder="" valueState="None">
<WithWebComponent theme={{...}} value="" placeholder="" valueState="None">
<ui5-multi-combobox value="" placeholder="" value-state="None" class="" />
</WithWebComponent>
</MultiComboBox>
</ThemeProvider>
</ThemeProvider>
```

Loading

0 comments on commit e7f6164

Please sign in to comment.