@digigov/react-experimental 2.0.0-rc.12 → 2.0.0-rc.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/FloatingButton/__snapshots__/index.test.tsx.snap +65 -0
  2. package/OptionButtonBase/__snapshots__/index.test.tsx.snap +50 -0
  3. package/OptionButtonSteps/__snapshots__/index.test.tsx.snap +158 -0
  4. package/cjs/FloatingButton/__snapshots__/index.test.tsx.snap +65 -0
  5. package/cjs/OptionButtonBase/__snapshots__/index.test.tsx.snap +50 -0
  6. package/cjs/OptionButtonSteps/__snapshots__/index.test.tsx.snap +158 -0
  7. package/index.js +1 -1
  8. package/libs-ui/react-core/src/NavListItemAction/index.d.ts +11 -0
  9. package/package.json +5 -5
  10. package/src/FloatingButton/__snapshots__/index.test.tsx.snap +65 -0
  11. package/src/OptionButtonBase/__snapshots__/index.test.tsx.snap +50 -0
  12. package/src/OptionButtonSteps/__snapshots__/index.test.tsx.snap +158 -0
package/FloatingButton/__snapshots__/index.test.tsx.snap ADDED
@@ -0,0 +1,65 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders the FloatingButton with direction="left" 1`] = `
4
+ <ForwardRef(FloatingButton)
5
+ direction="left"
6
+ >
7
+ <ForwardRef(Button)
8
+ className="ds-floating-btn--left ds-floating-btn"
9
+ >
10
+ <ForwardRef(Base)
11
+ as="button"
12
+ className="ds-floating-btn--left ds-floating-btn ds-btn-primary ds-btn"
13
+ printHidden={true}
14
+ >
15
+ <button
16
+ className="ds-floating-btn--left ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
17
+ >
18
+ +
19
+ </button>
20
+ </ForwardRef(Base)>
21
+ </ForwardRef(Button)>
22
+ </ForwardRef(FloatingButton)>
23
+ `;
24
+
25
+ exports[`renders the FloatingButton with direction="right" 1`] = `
26
+ <ForwardRef(FloatingButton)
27
+ direction="right"
28
+ >
29
+ <ForwardRef(Button)
30
+ className="ds-floating-btn--right ds-floating-btn"
31
+ >
32
+ <ForwardRef(Base)
33
+ as="button"
34
+ className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn"
35
+ printHidden={true}
36
+ >
37
+ <button
38
+ className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
39
+ >
40
+ +
41
+ </button>
42
+ </ForwardRef(Base)>
43
+ </ForwardRef(Button)>
44
+ </ForwardRef(FloatingButton)>
45
+ `;
46
+
47
+ exports[`renders the FloatingButton with no props 1`] = `
48
+ <ForwardRef(FloatingButton)>
49
+ <ForwardRef(Button)
50
+ className="ds-floating-btn--right ds-floating-btn"
51
+ >
52
+ <ForwardRef(Base)
53
+ as="button"
54
+ className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn"
55
+ printHidden={true}
56
+ >
57
+ <button
58
+ className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
59
+ >
60
+ +
61
+ </button>
62
+ </ForwardRef(Base)>
63
+ </ForwardRef(Button)>
64
+ </ForwardRef(FloatingButton)>
65
+ `;
package/OptionButtonBase/__snapshots__/index.test.tsx.snap ADDED
@@ -0,0 +1,50 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders the OptionButtonBase with selected=false 1`] = `
4
+ <ForwardRef(OptionButtonBase)
5
+ selected={false}
6
+ >
7
+ <ForwardRef(Base)
8
+ as="button"
9
+ className="ds-btn ds-option-btn"
10
+ >
11
+ <button
12
+ className="ds-btn ds-option-btn"
13
+ >
14
+ +
15
+ </button>
16
+ </ForwardRef(Base)>
17
+ </ForwardRef(OptionButtonBase)>
18
+ `;
19
+
20
+ exports[`renders the OptionButtonBase with selected=true 1`] = `
21
+ <ForwardRef(OptionButtonBase)
22
+ selected={true}
23
+ >
24
+ <ForwardRef(Base)
25
+ as="button"
26
+ className="ds-option-btn--selected ds-btn ds-option-btn"
27
+ >
28
+ <button
29
+ className="ds-option-btn--selected ds-btn ds-option-btn"
30
+ >
31
+ +
32
+ </button>
33
+ </ForwardRef(Base)>
34
+ </ForwardRef(OptionButtonBase)>
35
+ `;
36
+
37
+ exports[`renders the OptionButtonBase with no props 1`] = `
38
+ <ForwardRef(OptionButtonBase)>
39
+ <ForwardRef(Base)
40
+ as="button"
41
+ className="ds-btn ds-option-btn"
42
+ >
43
+ <button
44
+ className="ds-btn ds-option-btn"
45
+ >
46
+ +
47
+ </button>
48
+ </ForwardRef(Base)>
49
+ </ForwardRef(OptionButtonBase)>
50
+ `;
package/OptionButtonSteps/__snapshots__/index.test.tsx.snap ADDED
@@ -0,0 +1,158 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders the OptionButtonSteps with activeStep=1 1`] = `
4
+ <ForwardRef(OptionButtonSteps)
5
+ activeStep={1}
6
+ >
7
+ <ForwardRef(Base)
8
+ as="div"
9
+ className="ds-option-btn__steps"
10
+ >
11
+ <div
12
+ className="ds-option-btn__steps"
13
+ />
14
+ </ForwardRef(Base)>
15
+ </ForwardRef(OptionButtonSteps)>
16
+ `;
17
+
18
+ exports[`renders the OptionButtonSteps with no props 1`] = `
19
+ <ForwardRef(OptionButtonSteps)>
20
+ <ForwardRef(Base)
21
+ as="div"
22
+ className="ds-option-btn__steps"
23
+ >
24
+ <div
25
+ className="ds-option-btn__steps"
26
+ />
27
+ </ForwardRef(Base)>
28
+ </ForwardRef(OptionButtonSteps)>
29
+ `;
30
+
31
+ exports[`renders the OptionButtonSteps with steps="3" 1`] = `
32
+ <ForwardRef(OptionButtonSteps)
33
+ steps={3}
34
+ >
35
+ <ForwardRef(Base)
36
+ as="div"
37
+ className="ds-option-btn__steps"
38
+ >
39
+ <div
40
+ className="ds-option-btn__steps"
41
+ >
42
+ <ForwardRef(Base)
43
+ as="div"
44
+ className="ds-option-btn__step"
45
+ >
46
+ <div
47
+ className="ds-option-btn__step"
48
+ />
49
+ </ForwardRef(Base)>
50
+ <ForwardRef(Base)
51
+ as="div"
52
+ className="ds-option-btn__step"
53
+ >
54
+ <div
55
+ className="ds-option-btn__step"
56
+ />
57
+ </ForwardRef(Base)>
58
+ <ForwardRef(Base)
59
+ as="div"
60
+ className="ds-option-btn__step"
61
+ >
62
+ <div
63
+ className="ds-option-btn__step"
64
+ />
65
+ </ForwardRef(Base)>
66
+ </div>
67
+ </ForwardRef(Base)>
68
+ </ForwardRef(OptionButtonSteps)>
69
+ `;
70
+
71
+ exports[`renders the OptionButtonSteps with steps=3 activeStep=1 1`] = `
72
+ <ForwardRef(OptionButtonSteps)
73
+ activeStep={1}
74
+ steps={3}
75
+ >
76
+ <ForwardRef(Base)
77
+ as="div"
78
+ className="ds-option-btn__steps"
79
+ >
80
+ <div
81
+ className="ds-option-btn__steps"
82
+ >
83
+ <ForwardRef(Base)
84
+ as="div"
85
+ className="ds-option-btn__step--active ds-option-btn__step"
86
+ >
87
+ <div
88
+ className="ds-option-btn__step--active ds-option-btn__step"
89
+ />
90
+ </ForwardRef(Base)>
91
+ <ForwardRef(Base)
92
+ as="div"
93
+ className="ds-option-btn__step"
94
+ >
95
+ <div
96
+ className="ds-option-btn__step"
97
+ />
98
+ </ForwardRef(Base)>
99
+ <ForwardRef(Base)
100
+ as="div"
101
+ className="ds-option-btn__step"
102
+ >
103
+ <div
104
+ className="ds-option-btn__step"
105
+ />
106
+ </ForwardRef(Base)>
107
+ </div>
108
+ </ForwardRef(Base)>
109
+ </ForwardRef(OptionButtonSteps)>
110
+ `;
111
+
112
+ exports[`renders the OptionButtonSteps with steps=4 1`] = `
113
+ <ForwardRef(OptionButtonSteps)
114
+ steps={4}
115
+ >
116
+ <ForwardRef(Base)
117
+ as="div"
118
+ className="ds-option-btn__steps"
119
+ >
120
+ <div
121
+ className="ds-option-btn__steps"
122
+ >
123
+ <ForwardRef(Base)
124
+ as="div"
125
+ className="ds-option-btn__step"
126
+ >
127
+ <div
128
+ className="ds-option-btn__step"
129
+ />
130
+ </ForwardRef(Base)>
131
+ <ForwardRef(Base)
132
+ as="div"
133
+ className="ds-option-btn__step"
134
+ >
135
+ <div
136
+ className="ds-option-btn__step"
137
+ />
138
+ </ForwardRef(Base)>
139
+ <ForwardRef(Base)
140
+ as="div"
141
+ className="ds-option-btn__step"
142
+ >
143
+ <div
144
+ className="ds-option-btn__step"
145
+ />
146
+ </ForwardRef(Base)>
147
+ <ForwardRef(Base)
148
+ as="div"
149
+ className="ds-option-btn__step"
150
+ >
151
+ <div
152
+ className="ds-option-btn__step"
153
+ />
154
+ </ForwardRef(Base)>
155
+ </div>
156
+ </ForwardRef(Base)>
157
+ </ForwardRef(OptionButtonSteps)>
158
+ `;
package/cjs/FloatingButton/__snapshots__/index.test.tsx.snap ADDED
@@ -0,0 +1,65 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders the FloatingButton with direction="left" 1`] = `
4
+ <ForwardRef(FloatingButton)
5
+ direction="left"
6
+ >
7
+ <ForwardRef(Button)
8
+ className="ds-floating-btn--left ds-floating-btn"
9
+ >
10
+ <ForwardRef(Base)
11
+ as="button"
12
+ className="ds-floating-btn--left ds-floating-btn ds-btn-primary ds-btn"
13
+ printHidden={true}
14
+ >
15
+ <button
16
+ className="ds-floating-btn--left ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
17
+ >
18
+ +
19
+ </button>
20
+ </ForwardRef(Base)>
21
+ </ForwardRef(Button)>
22
+ </ForwardRef(FloatingButton)>
23
+ `;
24
+
25
+ exports[`renders the FloatingButton with direction="right" 1`] = `
26
+ <ForwardRef(FloatingButton)
27
+ direction="right"
28
+ >
29
+ <ForwardRef(Button)
30
+ className="ds-floating-btn--right ds-floating-btn"
31
+ >
32
+ <ForwardRef(Base)
33
+ as="button"
34
+ className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn"
35
+ printHidden={true}
36
+ >
37
+ <button
38
+ className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
39
+ >
40
+ +
41
+ </button>
42
+ </ForwardRef(Base)>
43
+ </ForwardRef(Button)>
44
+ </ForwardRef(FloatingButton)>
45
+ `;
46
+
47
+ exports[`renders the FloatingButton with no props 1`] = `
48
+ <ForwardRef(FloatingButton)>
49
+ <ForwardRef(Button)
50
+ className="ds-floating-btn--right ds-floating-btn"
51
+ >
52
+ <ForwardRef(Base)
53
+ as="button"
54
+ className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn"
55
+ printHidden={true}
56
+ >
57
+ <button
58
+ className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
59
+ >
60
+ +
61
+ </button>
62
+ </ForwardRef(Base)>
63
+ </ForwardRef(Button)>
64
+ </ForwardRef(FloatingButton)>
65
+ `;
package/cjs/OptionButtonBase/__snapshots__/index.test.tsx.snap ADDED
@@ -0,0 +1,50 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders the OptionButtonBase with selected=false 1`] = `
4
+ <ForwardRef(OptionButtonBase)
5
+ selected={false}
6
+ >
7
+ <ForwardRef(Base)
8
+ as="button"
9
+ className="ds-btn ds-option-btn"
10
+ >
11
+ <button
12
+ className="ds-btn ds-option-btn"
13
+ >
14
+ +
15
+ </button>
16
+ </ForwardRef(Base)>
17
+ </ForwardRef(OptionButtonBase)>
18
+ `;
19
+
20
+ exports[`renders the OptionButtonBase with selected=true 1`] = `
21
+ <ForwardRef(OptionButtonBase)
22
+ selected={true}
23
+ >
24
+ <ForwardRef(Base)
25
+ as="button"
26
+ className="ds-option-btn--selected ds-btn ds-option-btn"
27
+ >
28
+ <button
29
+ className="ds-option-btn--selected ds-btn ds-option-btn"
30
+ >
31
+ +
32
+ </button>
33
+ </ForwardRef(Base)>
34
+ </ForwardRef(OptionButtonBase)>
35
+ `;
36
+
37
+ exports[`renders the OptionButtonBase with no props 1`] = `
38
+ <ForwardRef(OptionButtonBase)>
39
+ <ForwardRef(Base)
40
+ as="button"
41
+ className="ds-btn ds-option-btn"
42
+ >
43
+ <button
44
+ className="ds-btn ds-option-btn"
45
+ >
46
+ +
47
+ </button>
48
+ </ForwardRef(Base)>
49
+ </ForwardRef(OptionButtonBase)>
50
+ `;
package/cjs/OptionButtonSteps/__snapshots__/index.test.tsx.snap ADDED
@@ -0,0 +1,158 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders the OptionButtonSteps with activeStep=1 1`] = `
4
+ <ForwardRef(OptionButtonSteps)
5
+ activeStep={1}
6
+ >
7
+ <ForwardRef(Base)
8
+ as="div"
9
+ className="ds-option-btn__steps"
10
+ >
11
+ <div
12
+ className="ds-option-btn__steps"
13
+ />
14
+ </ForwardRef(Base)>
15
+ </ForwardRef(OptionButtonSteps)>
16
+ `;
17
+
18
+ exports[`renders the OptionButtonSteps with no props 1`] = `
19
+ <ForwardRef(OptionButtonSteps)>
20
+ <ForwardRef(Base)
21
+ as="div"
22
+ className="ds-option-btn__steps"
23
+ >
24
+ <div
25
+ className="ds-option-btn__steps"
26
+ />
27
+ </ForwardRef(Base)>
28
+ </ForwardRef(OptionButtonSteps)>
29
+ `;
30
+
31
+ exports[`renders the OptionButtonSteps with steps="3" 1`] = `
32
+ <ForwardRef(OptionButtonSteps)
33
+ steps={3}
34
+ >
35
+ <ForwardRef(Base)
36
+ as="div"
37
+ className="ds-option-btn__steps"
38
+ >
39
+ <div
40
+ className="ds-option-btn__steps"
41
+ >
42
+ <ForwardRef(Base)
43
+ as="div"
44
+ className="ds-option-btn__step"
45
+ >
46
+ <div
47
+ className="ds-option-btn__step"
48
+ />
49
+ </ForwardRef(Base)>
50
+ <ForwardRef(Base)
51
+ as="div"
52
+ className="ds-option-btn__step"
53
+ >
54
+ <div
55
+ className="ds-option-btn__step"
56
+ />
57
+ </ForwardRef(Base)>
58
+ <ForwardRef(Base)
59
+ as="div"
60
+ className="ds-option-btn__step"
61
+ >
62
+ <div
63
+ className="ds-option-btn__step"
64
+ />
65
+ </ForwardRef(Base)>
66
+ </div>
67
+ </ForwardRef(Base)>
68
+ </ForwardRef(OptionButtonSteps)>
69
+ `;
70
+
71
+ exports[`renders the OptionButtonSteps with steps=3 activeStep=1 1`] = `
72
+ <ForwardRef(OptionButtonSteps)
73
+ activeStep={1}
74
+ steps={3}
75
+ >
76
+ <ForwardRef(Base)
77
+ as="div"
78
+ className="ds-option-btn__steps"
79
+ >
80
+ <div
81
+ className="ds-option-btn__steps"
82
+ >
83
+ <ForwardRef(Base)
84
+ as="div"
85
+ className="ds-option-btn__step--active ds-option-btn__step"
86
+ >
87
+ <div
88
+ className="ds-option-btn__step--active ds-option-btn__step"
89
+ />
90
+ </ForwardRef(Base)>
91
+ <ForwardRef(Base)
92
+ as="div"
93
+ className="ds-option-btn__step"
94
+ >
95
+ <div
96
+ className="ds-option-btn__step"
97
+ />
98
+ </ForwardRef(Base)>
99
+ <ForwardRef(Base)
100
+ as="div"
101
+ className="ds-option-btn__step"
102
+ >
103
+ <div
104
+ className="ds-option-btn__step"
105
+ />
106
+ </ForwardRef(Base)>
107
+ </div>
108
+ </ForwardRef(Base)>
109
+ </ForwardRef(OptionButtonSteps)>
110
+ `;
111
+
112
+ exports[`renders the OptionButtonSteps with steps=4 1`] = `
113
+ <ForwardRef(OptionButtonSteps)
114
+ steps={4}
115
+ >
116
+ <ForwardRef(Base)
117
+ as="div"
118
+ className="ds-option-btn__steps"
119
+ >
120
+ <div
121
+ className="ds-option-btn__steps"
122
+ >
123
+ <ForwardRef(Base)
124
+ as="div"
125
+ className="ds-option-btn__step"
126
+ >
127
+ <div
128
+ className="ds-option-btn__step"
129
+ />
130
+ </ForwardRef(Base)>
131
+ <ForwardRef(Base)
132
+ as="div"
133
+ className="ds-option-btn__step"
134
+ >
135
+ <div
136
+ className="ds-option-btn__step"
137
+ />
138
+ </ForwardRef(Base)>
139
+ <ForwardRef(Base)
140
+ as="div"
141
+ className="ds-option-btn__step"
142
+ >
143
+ <div
144
+ className="ds-option-btn__step"
145
+ />
146
+ </ForwardRef(Base)>
147
+ <ForwardRef(Base)
148
+ as="div"
149
+ className="ds-option-btn__step"
150
+ >
151
+ <div
152
+ className="ds-option-btn__step"
153
+ />
154
+ </ForwardRef(Base)>
155
+ </div>
156
+ </ForwardRef(Base)>
157
+ </ForwardRef(OptionButtonSteps)>
158
+ `;
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license Digigov v2.0.0-rc.12
1
+ /** @license Digigov v2.0.0-rc.13
2
2
  *
3
3
  * This source code is licensed under the BSD-2-Clause license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/libs-ui/react-core/src/NavListItemAction/index.d.ts CHANGED
@@ -3,7 +3,18 @@ import { NavListItemButtonProps } from '@digigov/react-core/NavListItemButton';
3
3
  import { NavListItemLinkProps } from '@digigov/react-core/NavListItemLink';
4
4
  export type LinkButtonJoinProps = NavListItemLinkProps & NavListItemButtonProps;
5
5
  export interface NavListItemActionProps extends LinkButtonJoinProps {
6
+ /**
7
+ * label is optional.
8
+ * The label for the NavListItemAction.
9
+ */
6
10
  label?: string;
11
+ /**
12
+ * arrow is optional.
13
+ * use arrow prop if you want to have arrow at the nav list item.
14
+ * @value true
15
+ * @value false
16
+ * @default false
17
+ */
7
18
  arrow?: boolean;
8
19
  }
9
20
  /**
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "@digigov/react-experimental",
3
- "version": "2.0.0-rc.12",
3
+ "version": "2.0.0-rc.13",
4
4
  "description": "@digigov react experimental components",
5
5
  "author": "GRNET Developers <devs@lists.grnet.gr>",
6
6
  "license": "BSD-2-Clause",
7
7
  "main": "./cjs/index.js",
8
8
  "module": "./index.js",
9
9
  "peerDependencies": {
10
- "@digigov/css": "2.0.0-rc.12",
11
- "@digigov/react-icons": "2.0.0-rc.12",
12
- "@digigov/ui": "2.0.0-rc.12",
13
- "@digigov/react-core": "2.0.0-rc.12",
10
+ "@digigov/css": "2.0.0-rc.13",
11
+ "@digigov/react-icons": "2.0.0-rc.13",
12
+ "@digigov/ui": "2.0.0-rc.13",
13
+ "@digigov/react-core": "2.0.0-rc.13",
14
14
  "clsx": "1.1.1",
15
15
  "react": "^16.8.0 || ^17.0.0",
16
16
  "react-dom": "^16.8.0 || ^17.0.0"
package/src/FloatingButton/__snapshots__/index.test.tsx.snap ADDED
@@ -0,0 +1,65 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders the FloatingButton with direction="left" 1`] = `
4
+ <ForwardRef(FloatingButton)
5
+ direction="left"
6
+ >
7
+ <ForwardRef(Button)
8
+ className="ds-floating-btn--left ds-floating-btn"
9
+ >
10
+ <ForwardRef(Base)
11
+ as="button"
12
+ className="ds-floating-btn--left ds-floating-btn ds-btn-primary ds-btn"
13
+ printHidden={true}
14
+ >
15
+ <button
16
+ className="ds-floating-btn--left ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
17
+ >
18
+ +
19
+ </button>
20
+ </ForwardRef(Base)>
21
+ </ForwardRef(Button)>
22
+ </ForwardRef(FloatingButton)>
23
+ `;
24
+
25
+ exports[`renders the FloatingButton with direction="right" 1`] = `
26
+ <ForwardRef(FloatingButton)
27
+ direction="right"
28
+ >
29
+ <ForwardRef(Button)
30
+ className="ds-floating-btn--right ds-floating-btn"
31
+ >
32
+ <ForwardRef(Base)
33
+ as="button"
34
+ className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn"
35
+ printHidden={true}
36
+ >
37
+ <button
38
+ className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
39
+ >
40
+ +
41
+ </button>
42
+ </ForwardRef(Base)>
43
+ </ForwardRef(Button)>
44
+ </ForwardRef(FloatingButton)>
45
+ `;
46
+
47
+ exports[`renders the FloatingButton with no props 1`] = `
48
+ <ForwardRef(FloatingButton)>
49
+ <ForwardRef(Button)
50
+ className="ds-floating-btn--right ds-floating-btn"
51
+ >
52
+ <ForwardRef(Base)
53
+ as="button"
54
+ className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn"
55
+ printHidden={true}
56
+ >
57
+ <button
58
+ className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
59
+ >
60
+ +
61
+ </button>
62
+ </ForwardRef(Base)>
63
+ </ForwardRef(Button)>
64
+ </ForwardRef(FloatingButton)>
65
+ `;
package/src/OptionButtonBase/__snapshots__/index.test.tsx.snap ADDED
@@ -0,0 +1,50 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders the OptionButtonBase with selected=false 1`] = `
4
+ <ForwardRef(OptionButtonBase)
5
+ selected={false}
6
+ >
7
+ <ForwardRef(Base)
8
+ as="button"
9
+ className="ds-btn ds-option-btn"
10
+ >
11
+ <button
12
+ className="ds-btn ds-option-btn"
13
+ >
14
+ +
15
+ </button>
16
+ </ForwardRef(Base)>
17
+ </ForwardRef(OptionButtonBase)>
18
+ `;
19
+
20
+ exports[`renders the OptionButtonBase with selected=true 1`] = `
21
+ <ForwardRef(OptionButtonBase)
22
+ selected={true}
23
+ >
24
+ <ForwardRef(Base)
25
+ as="button"
26
+ className="ds-option-btn--selected ds-btn ds-option-btn"
27
+ >
28
+ <button
29
+ className="ds-option-btn--selected ds-btn ds-option-btn"
30
+ >
31
+ +
32
+ </button>
33
+ </ForwardRef(Base)>
34
+ </ForwardRef(OptionButtonBase)>
35
+ `;
36
+
37
+ exports[`renders the OptionButtonBase with no props 1`] = `
38
+ <ForwardRef(OptionButtonBase)>
39
+ <ForwardRef(Base)
40
+ as="button"
41
+ className="ds-btn ds-option-btn"
42
+ >
43
+ <button
44
+ className="ds-btn ds-option-btn"
45
+ >
46
+ +
47
+ </button>
48
+ </ForwardRef(Base)>
49
+ </ForwardRef(OptionButtonBase)>
50
+ `;
package/src/OptionButtonSteps/__snapshots__/index.test.tsx.snap ADDED
@@ -0,0 +1,158 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders the OptionButtonSteps with activeStep=1 1`] = `
4
+ <ForwardRef(OptionButtonSteps)
5
+ activeStep={1}
6
+ >
7
+ <ForwardRef(Base)
8
+ as="div"
9
+ className="ds-option-btn__steps"
10
+ >
11
+ <div
12
+ className="ds-option-btn__steps"
13
+ />
14
+ </ForwardRef(Base)>
15
+ </ForwardRef(OptionButtonSteps)>
16
+ `;
17
+
18
+ exports[`renders the OptionButtonSteps with no props 1`] = `
19
+ <ForwardRef(OptionButtonSteps)>
20
+ <ForwardRef(Base)
21
+ as="div"
22
+ className="ds-option-btn__steps"
23
+ >
24
+ <div
25
+ className="ds-option-btn__steps"
26
+ />
27
+ </ForwardRef(Base)>
28
+ </ForwardRef(OptionButtonSteps)>
29
+ `;
30
+
31
+ exports[`renders the OptionButtonSteps with steps="3" 1`] = `
32
+ <ForwardRef(OptionButtonSteps)
33
+ steps={3}
34
+ >
35
+ <ForwardRef(Base)
36
+ as="div"
37
+ className="ds-option-btn__steps"
38
+ >
39
+ <div
40
+ className="ds-option-btn__steps"
41
+ >
42
+ <ForwardRef(Base)
43
+ as="div"
44
+ className="ds-option-btn__step"
45
+ >
46
+ <div
47
+ className="ds-option-btn__step"
48
+ />
49
+ </ForwardRef(Base)>
50
+ <ForwardRef(Base)
51
+ as="div"
52
+ className="ds-option-btn__step"
53
+ >
54
+ <div
55
+ className="ds-option-btn__step"
56
+ />
57
+ </ForwardRef(Base)>
58
+ <ForwardRef(Base)
59
+ as="div"
60
+ className="ds-option-btn__step"
61
+ >
62
+ <div
63
+ className="ds-option-btn__step"
64
+ />
65
+ </ForwardRef(Base)>
66
+ </div>
67
+ </ForwardRef(Base)>
68
+ </ForwardRef(OptionButtonSteps)>
69
+ `;
70
+
71
+ exports[`renders the OptionButtonSteps with steps=3 activeStep=1 1`] = `
72
+ <ForwardRef(OptionButtonSteps)
73
+ activeStep={1}
74
+ steps={3}
75
+ >
76
+ <ForwardRef(Base)
77
+ as="div"
78
+ className="ds-option-btn__steps"
79
+ >
80
+ <div
81
+ className="ds-option-btn__steps"
82
+ >
83
+ <ForwardRef(Base)
84
+ as="div"
85
+ className="ds-option-btn__step--active ds-option-btn__step"
86
+ >
87
+ <div
88
+ className="ds-option-btn__step--active ds-option-btn__step"
89
+ />
90
+ </ForwardRef(Base)>
91
+ <ForwardRef(Base)
92
+ as="div"
93
+ className="ds-option-btn__step"
94
+ >
95
+ <div
96
+ className="ds-option-btn__step"
97
+ />
98
+ </ForwardRef(Base)>
99
+ <ForwardRef(Base)
100
+ as="div"
101
+ className="ds-option-btn__step"
102
+ >
103
+ <div
104
+ className="ds-option-btn__step"
105
+ />
106
+ </ForwardRef(Base)>
107
+ </div>
108
+ </ForwardRef(Base)>
109
+ </ForwardRef(OptionButtonSteps)>
110
+ `;
111
+
112
+ exports[`renders the OptionButtonSteps with steps=4 1`] = `
113
+ <ForwardRef(OptionButtonSteps)
114
+ steps={4}
115
+ >
116
+ <ForwardRef(Base)
117
+ as="div"
118
+ className="ds-option-btn__steps"
119
+ >
120
+ <div
121
+ className="ds-option-btn__steps"
122
+ >
123
+ <ForwardRef(Base)
124
+ as="div"
125
+ className="ds-option-btn__step"
126
+ >
127
+ <div
128
+ className="ds-option-btn__step"
129
+ />
130
+ </ForwardRef(Base)>
131
+ <ForwardRef(Base)
132
+ as="div"
133
+ className="ds-option-btn__step"
134
+ >
135
+ <div
136
+ className="ds-option-btn__step"
137
+ />
138
+ </ForwardRef(Base)>
139
+ <ForwardRef(Base)
140
+ as="div"
141
+ className="ds-option-btn__step"
142
+ >
143
+ <div
144
+ className="ds-option-btn__step"
145
+ />
146
+ </ForwardRef(Base)>
147
+ <ForwardRef(Base)
148
+ as="div"
149
+ className="ds-option-btn__step"
150
+ >
151
+ <div
152
+ className="ds-option-btn__step"
153
+ />
154
+ </ForwardRef(Base)>
155
+ </div>
156
+ </ForwardRef(Base)>
157
+ </ForwardRef(OptionButtonSteps)>
158
+ `;