Skip to content

Commit 8b65af3

Browse files
kflournoy-sfkflournoy-sf
authored
chore: update default syntax in examples (#5036)
1 parent bbcc2f5 commit 8b65af3

File tree

82 files changed

+2790
-2291
lines changed

Some content is hidden

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

82 files changed

+2790
-2291
lines changed

‎guidelines/BLUEPRINT_NEW.md

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -59,9 +59,15 @@ Let's prep our HTML for output.
5959

6060
import React from 'react';
6161

62-
export default (
63-
// HTML goes here...
64-
);
62+
export default [
63+
{
64+
id: 'default',
65+
label: 'Default',
66+
element: (
67+
// HTML goes here...
68+
)
69+
}
70+
];
6571
```
6672

6773
### Step 4:

‎ui/components/alert/base/example.jsx

Lines changed: 20 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -7,20 +7,26 @@ import { UtilityIcon } from '../../icons/base/example';
77
import EmptyLink from '../../../shared/empty-link/';
88
import Heading from '../../../shared/heading/';
99

10-
export default (
11-
<Alert>
12-
<UtilityIcon
13-
containerClassName="slds-m-right_x-small"
14-
className="slds-icon_x-small"
15-
assistiveText={false}
16-
symbol="user"
17-
/>
18-
<Heading level="2">
19-
Logged in as John Smith ([email protected]).{' '}
20-
<EmptyLink>Log out</EmptyLink>
21-
</Heading>
22-
</Alert>
23-
);
10+
export default [
11+
{
12+
id: 'default',
13+
label: 'Default',
14+
element: (
15+
<Alert>
16+
<UtilityIcon
17+
containerClassName="slds-m-right_x-small"
18+
className="slds-icon_x-small"
19+
assistiveText={false}
20+
symbol="user"
21+
/>
22+
<Heading level="2">
23+
Logged in as John Smith ([email protected]).{' '}
24+
<EmptyLink>Log out</EmptyLink>
25+
</Heading>
26+
</Alert>
27+
)
28+
}
29+
];
2430

2531
export let states = [
2632
{

‎ui/components/avatar-group/base/example.jsx

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -20,11 +20,17 @@ export const ContextInversed = props => (
2020
</div>
2121
);
2222

23-
export default (
24-
<AvatarGroup>
25-
<AvatarGroupContent type="image" />
26-
</AvatarGroup>
27-
);
23+
export default [
24+
{
25+
id: 'default',
26+
label: 'Default',
27+
element: (
28+
<AvatarGroup>
29+
<AvatarGroupContent type="image" />
30+
</AvatarGroup>
31+
)
32+
}
33+
];
2834

2935
export const examples = [
3036
{

‎ui/components/avatar/base/example.jsx

Lines changed: 15 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -10,15 +10,21 @@ import { Avatar, AvatarIcon, AvatarInitials } from '../';
1010

1111
export { Avatar };
1212

13-
export default (
14-
<Avatar>
15-
<img
16-
alt="Person name"
17-
src="/assets/images/avatar2.jpg"
18-
title="Person name"
19-
/>
20-
</Avatar>
21-
);
13+
export default [
14+
{
15+
id: 'default',
16+
label: 'Default',
17+
element: (
18+
<Avatar>
19+
<img
20+
alt="Person name"
21+
src="/assets/images/avatar2.jpg"
22+
title="Person name"
23+
/>
24+
</Avatar>
25+
)
26+
}
27+
];
2228

2329
export let examples = [
2430
{

‎ui/components/avatar/initials/example.jsx

Lines changed: 15 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,15 +5,21 @@ import React from 'react';
55
import { Avatar } from '../base/example';
66
import { AvatarInitials } from '../';
77

8-
export default (
9-
<Avatar>
10-
<AvatarInitials
11-
iconClassName="slds-icon-standard-account"
12-
title="company name"
13-
initials="Ac"
14-
/>
15-
</Avatar>
16-
);
8+
export default [
9+
{
10+
id: 'default',
11+
label: 'Default',
12+
element: (
13+
<Avatar>
14+
<AvatarInitials
15+
iconClassName="slds-icon-standard-account"
16+
title="company name"
17+
initials="Ac"
18+
/>
19+
</Avatar>
20+
)
21+
}
22+
];
1723

1824
export let examples = [
1925
{

‎ui/components/button-groups/base/example.jsx

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -35,13 +35,19 @@ export let ButtonGroupList = props => (
3535
// Export
3636
/// ////////////////////////////////////////
3737

38-
export default (
39-
<ButtonGroup>
40-
<Button isNeutral>Refresh</Button>
41-
<Button isNeutral>Edit</Button>
42-
<Button isNeutral>Save</Button>
43-
</ButtonGroup>
44-
);
38+
export default [
39+
{
40+
id: 'default',
41+
label: 'Default',
42+
element: (
43+
<ButtonGroup>
44+
<Button isNeutral>Refresh</Button>
45+
<Button isNeutral>Edit</Button>
46+
<Button isNeutral>Save</Button>
47+
</ButtonGroup>
48+
)
49+
}
50+
];
4551

4652
export let states = [
4753
{

‎ui/components/button-groups/list/example.jsx

Lines changed: 19 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -34,19 +34,25 @@ ButtonGroupListItem.propTypes = {
3434
// Export
3535
/// ////////////////////////////////////////
3636

37-
export default (
38-
<ButtonGroupList>
39-
<ButtonGroupListItem>
40-
<Button isNeutral>Refresh</Button>
41-
</ButtonGroupListItem>
42-
<ButtonGroupListItem>
43-
<Button isNeutral>Edit</Button>
44-
</ButtonGroupListItem>
45-
<ButtonGroupListItem>
46-
<Button isNeutral>Save</Button>
47-
</ButtonGroupListItem>
48-
</ButtonGroupList>
49-
);
37+
export default [
38+
{
39+
id: 'default',
40+
label: 'Default',
41+
element: (
42+
<ButtonGroupList>
43+
<ButtonGroupListItem>
44+
<Button isNeutral>Refresh</Button>
45+
</ButtonGroupListItem>
46+
<ButtonGroupListItem>
47+
<Button isNeutral>Edit</Button>
48+
</ButtonGroupListItem>
49+
<ButtonGroupListItem>
50+
<Button isNeutral>Save</Button>
51+
</ButtonGroupListItem>
52+
</ButtonGroupList>
53+
)
54+
}
55+
];
5056

5157
export let states = [
5258
{

‎ui/components/button-groups/row/example.jsx

Lines changed: 19 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -23,19 +23,25 @@ ButtonGroupItem.propTypes = {
2323
children: PropTypes.node
2424
};
2525

26-
export default (
27-
<ButtonGroupRow>
28-
<ButtonGroupItem>
29-
<Button isNeutral>Refresh</Button>
30-
</ButtonGroupItem>
31-
<ButtonGroupItem>
32-
<Button isNeutral>Edit</Button>
33-
</ButtonGroupItem>
34-
<ButtonGroupItem>
35-
<Button isBrand>Save</Button>
36-
</ButtonGroupItem>
37-
</ButtonGroupRow>
38-
);
26+
export default [
27+
{
28+
id: 'default',
29+
label: 'Default',
30+
element: (
31+
<ButtonGroupRow>
32+
<ButtonGroupItem>
33+
<Button isNeutral>Refresh</Button>
34+
</ButtonGroupItem>
35+
<ButtonGroupItem>
36+
<Button isNeutral>Edit</Button>
37+
</ButtonGroupItem>
38+
<ButtonGroupItem>
39+
<Button isBrand>Save</Button>
40+
</ButtonGroupItem>
41+
</ButtonGroupRow>
42+
)
43+
}
44+
];
3945

4046
export let examples = [
4147
{

‎ui/components/buttons/dual-stateful/example.jsx

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -73,12 +73,18 @@ export { DualStatefulButton, DefaultText, PressedText };
7373
// Export
7474
/// ////////////////////////////////////////
7575

76-
export default (
77-
<DualStatefulButton>
78-
<DefaultText>Follow</DefaultText>
79-
<PressedText>Following</PressedText>
80-
</DualStatefulButton>
81-
);
76+
export default [
77+
{
78+
id: 'default',
79+
label: 'Default',
80+
element: (
81+
<DualStatefulButton>
82+
<DefaultText>Follow</DefaultText>
83+
<PressedText>Following</PressedText>
84+
</DualStatefulButton>
85+
)
86+
}
87+
];
8288

8389
export const states = [
8490
{

‎ui/components/buttons/with-icon/example.jsx

Lines changed: 16 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -5,16 +5,22 @@ import React from 'react';
55
import SvgIcon from '../../../shared/svg-icon';
66
import { Button } from '../base/example';
77

8-
export default (
9-
<Button isNeutral>
10-
<SvgIcon
11-
className="slds-button__icon slds-button__icon_left"
12-
sprite="utility"
13-
symbol="download"
14-
/>
15-
Button Neutral
16-
</Button>
17-
);
8+
export default [
9+
{
10+
id: 'default',
11+
label: 'Default',
12+
element: (
13+
<Button isNeutral>
14+
<SvgIcon
15+
className="slds-button__icon slds-button__icon_left"
16+
sprite="utility"
17+
symbol="download"
18+
/>
19+
Button Neutral
20+
</Button>
21+
)
22+
}
23+
];
1824

1925
export let states = [
2026
{

0 commit comments

Comments
 (0)