@capillarytech/blaze-ui 2.1.0 → 2.1.1-beta.0
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.
- package/dist/CapButton/index.js +2 -1
- package/dist/CapButton/index.js.map +1 -1
- package/dist/CapIcon/CapIcon.d.ts.map +1 -1
- package/dist/CapIcon/index.js +2 -1
- package/dist/CapIcon/index.js.map +1 -1
- package/dist/CapSlideBox/CapSlideBox.d.ts +5 -0
- package/dist/CapSlideBox/CapSlideBox.d.ts.map +1 -0
- package/dist/CapSlideBox/CapSlideBox.interfaces.d.ts +15 -0
- package/dist/CapSlideBox/CapSlideBox.interfaces.d.ts.map +1 -0
- package/dist/CapSlideBox/README.md +68 -0
- package/dist/CapSlideBox/index.d.ts +3 -0
- package/dist/CapSlideBox/index.d.ts.map +1 -0
- package/dist/CapSlideBox/index.js +18405 -0
- package/dist/CapSlideBox/index.js.map +1 -0
- package/dist/CapSlideBox/tests/CapSlideBox.mockData.d.ts +16 -0
- package/dist/CapSlideBox/tests/CapSlideBox.mockData.d.ts.map +1 -0
- package/dist/CapSlideBox/tests/CapSlideBox.test.d.ts +2 -0
- package/dist/CapSlideBox/tests/CapSlideBox.test.d.ts.map +1 -0
- package/dist/CapSlideBox/tests/__snapshots__/CapSlideBox.test.tsx.snap +637 -0
- package/dist/CapTooltipWithInfo/index.js +2 -1
- package/dist/CapTooltipWithInfo/index.js.map +1 -1
- package/dist/CapUnifiedSelect/index.js +2 -1
- package/dist/CapUnifiedSelect/index.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +419 -2
- package/dist/index.js.map +1 -1
- package/dist/styled/variables.scss +2 -0
- package/package.json +6 -1
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const shortContent: import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const longContent: import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const customHeaderElement: import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare const footerContent: import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare const defaultProps: {
|
|
6
|
+
show: boolean;
|
|
7
|
+
header: string;
|
|
8
|
+
content: import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
handleClose: jest.Mock<any, any, any>;
|
|
10
|
+
};
|
|
11
|
+
export declare const sizeVariants: Array<'size-s' | 'size-r' | 'size-l' | 'size-xl'>;
|
|
12
|
+
export declare const positionVariants: Array<'left' | 'right'>;
|
|
13
|
+
export declare const closeIconSizes: Array<'xs' | 's' | 'm' | 'l'>;
|
|
14
|
+
export declare const closeIconPositions: Array<'left' | 'right'>;
|
|
15
|
+
export declare const closeIconTypes: Array<'close' | 'back'>;
|
|
16
|
+
//# sourceMappingURL=CapSlideBox.mockData.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CapSlideBox.mockData.d.ts","sourceRoot":"","sources":["../../../components/CapSlideBox/tests/CapSlideBox.mockData.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY,yCAIxB,CAAC;AAEF,eAAO,MAAM,WAAW,yCAMvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,yCAK/B,CAAC;AAEF,eAAO,MAAM,aAAa,yCAQzB,CAAC;AAGF,eAAO,MAAM,YAAY;;;;;CAKxB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAK1E,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,MAAM,GAAG,OAAO,CAAqB,CAAC;AAG3E,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAyB,CAAC;AAGnF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,MAAM,GAAG,OAAO,CAAqB,CAAC;AAG7E,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,OAAO,GAAG,MAAM,CAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CapSlideBox.test.d.ts","sourceRoot":"","sources":["../../../components/CapSlideBox/tests/CapSlideBox.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,637 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
|
2
|
+
|
|
3
|
+
exports[`CapSlideBox Snapshots should match snapshot when hidden 1`] = `<div />`;
|
|
4
|
+
|
|
5
|
+
exports[`CapSlideBox Snapshots should match snapshot with all size variants: size-size-l 1`] = `
|
|
6
|
+
<div>
|
|
7
|
+
<div
|
|
8
|
+
class="cap-slide-box-v2 show-slidebox"
|
|
9
|
+
>
|
|
10
|
+
<div
|
|
11
|
+
class="cap-slide-box-v2-container size-l right"
|
|
12
|
+
>
|
|
13
|
+
<div
|
|
14
|
+
class="slidebox-header-icon-right"
|
|
15
|
+
>
|
|
16
|
+
<div
|
|
17
|
+
class="cap-heading h1"
|
|
18
|
+
>
|
|
19
|
+
Test Header
|
|
20
|
+
</div>
|
|
21
|
+
<span
|
|
22
|
+
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
23
|
+
>
|
|
24
|
+
<span
|
|
25
|
+
aria-label="close"
|
|
26
|
+
class="anticon anticon-close"
|
|
27
|
+
role="img"
|
|
28
|
+
>
|
|
29
|
+
<svg
|
|
30
|
+
aria-hidden="true"
|
|
31
|
+
data-icon="close"
|
|
32
|
+
fill="currentColor"
|
|
33
|
+
fill-rule="evenodd"
|
|
34
|
+
focusable="false"
|
|
35
|
+
height="1em"
|
|
36
|
+
viewBox="64 64 896 896"
|
|
37
|
+
width="1em"
|
|
38
|
+
>
|
|
39
|
+
<path
|
|
40
|
+
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
41
|
+
/>
|
|
42
|
+
</svg>
|
|
43
|
+
</span>
|
|
44
|
+
</span>
|
|
45
|
+
</div>
|
|
46
|
+
<div
|
|
47
|
+
class="slidebox-content-container"
|
|
48
|
+
>
|
|
49
|
+
<div
|
|
50
|
+
style="height: 100%;"
|
|
51
|
+
>
|
|
52
|
+
<div
|
|
53
|
+
data-testid="short-content"
|
|
54
|
+
>
|
|
55
|
+
<p>
|
|
56
|
+
This is short content that does not require scrolling.
|
|
57
|
+
</p>
|
|
58
|
+
</div>
|
|
59
|
+
</div>
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
64
|
+
`;
|
|
65
|
+
|
|
66
|
+
exports[`CapSlideBox Snapshots should match snapshot with all size variants: size-size-r 1`] = `
|
|
67
|
+
<div>
|
|
68
|
+
<div
|
|
69
|
+
class="cap-slide-box-v2 show-slidebox"
|
|
70
|
+
>
|
|
71
|
+
<div
|
|
72
|
+
class="cap-slide-box-v2-container size-r right"
|
|
73
|
+
>
|
|
74
|
+
<div
|
|
75
|
+
class="slidebox-header-icon-right"
|
|
76
|
+
>
|
|
77
|
+
<div
|
|
78
|
+
class="cap-heading h1"
|
|
79
|
+
>
|
|
80
|
+
Test Header
|
|
81
|
+
</div>
|
|
82
|
+
<span
|
|
83
|
+
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
84
|
+
>
|
|
85
|
+
<span
|
|
86
|
+
aria-label="close"
|
|
87
|
+
class="anticon anticon-close"
|
|
88
|
+
role="img"
|
|
89
|
+
>
|
|
90
|
+
<svg
|
|
91
|
+
aria-hidden="true"
|
|
92
|
+
data-icon="close"
|
|
93
|
+
fill="currentColor"
|
|
94
|
+
fill-rule="evenodd"
|
|
95
|
+
focusable="false"
|
|
96
|
+
height="1em"
|
|
97
|
+
viewBox="64 64 896 896"
|
|
98
|
+
width="1em"
|
|
99
|
+
>
|
|
100
|
+
<path
|
|
101
|
+
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
102
|
+
/>
|
|
103
|
+
</svg>
|
|
104
|
+
</span>
|
|
105
|
+
</span>
|
|
106
|
+
</div>
|
|
107
|
+
<div
|
|
108
|
+
class="slidebox-content-container"
|
|
109
|
+
>
|
|
110
|
+
<div
|
|
111
|
+
style="height: 100%;"
|
|
112
|
+
>
|
|
113
|
+
<div
|
|
114
|
+
data-testid="short-content"
|
|
115
|
+
>
|
|
116
|
+
<p>
|
|
117
|
+
This is short content that does not require scrolling.
|
|
118
|
+
</p>
|
|
119
|
+
</div>
|
|
120
|
+
</div>
|
|
121
|
+
</div>
|
|
122
|
+
</div>
|
|
123
|
+
</div>
|
|
124
|
+
</div>
|
|
125
|
+
`;
|
|
126
|
+
|
|
127
|
+
exports[`CapSlideBox Snapshots should match snapshot with all size variants: size-size-s 1`] = `
|
|
128
|
+
<div>
|
|
129
|
+
<div
|
|
130
|
+
class="cap-slide-box-v2 show-slidebox"
|
|
131
|
+
>
|
|
132
|
+
<div
|
|
133
|
+
class="cap-slide-box-v2-container size-s right"
|
|
134
|
+
>
|
|
135
|
+
<div
|
|
136
|
+
class="slidebox-header-icon-right"
|
|
137
|
+
>
|
|
138
|
+
<div
|
|
139
|
+
class="cap-heading h1"
|
|
140
|
+
>
|
|
141
|
+
Test Header
|
|
142
|
+
</div>
|
|
143
|
+
<span
|
|
144
|
+
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
145
|
+
>
|
|
146
|
+
<span
|
|
147
|
+
aria-label="close"
|
|
148
|
+
class="anticon anticon-close"
|
|
149
|
+
role="img"
|
|
150
|
+
>
|
|
151
|
+
<svg
|
|
152
|
+
aria-hidden="true"
|
|
153
|
+
data-icon="close"
|
|
154
|
+
fill="currentColor"
|
|
155
|
+
fill-rule="evenodd"
|
|
156
|
+
focusable="false"
|
|
157
|
+
height="1em"
|
|
158
|
+
viewBox="64 64 896 896"
|
|
159
|
+
width="1em"
|
|
160
|
+
>
|
|
161
|
+
<path
|
|
162
|
+
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
163
|
+
/>
|
|
164
|
+
</svg>
|
|
165
|
+
</span>
|
|
166
|
+
</span>
|
|
167
|
+
</div>
|
|
168
|
+
<div
|
|
169
|
+
class="slidebox-content-container"
|
|
170
|
+
>
|
|
171
|
+
<div
|
|
172
|
+
style="height: 100%;"
|
|
173
|
+
>
|
|
174
|
+
<div
|
|
175
|
+
data-testid="short-content"
|
|
176
|
+
>
|
|
177
|
+
<p>
|
|
178
|
+
This is short content that does not require scrolling.
|
|
179
|
+
</p>
|
|
180
|
+
</div>
|
|
181
|
+
</div>
|
|
182
|
+
</div>
|
|
183
|
+
</div>
|
|
184
|
+
</div>
|
|
185
|
+
</div>
|
|
186
|
+
`;
|
|
187
|
+
|
|
188
|
+
exports[`CapSlideBox Snapshots should match snapshot with all size variants: size-size-xl 1`] = `
|
|
189
|
+
<div>
|
|
190
|
+
<div
|
|
191
|
+
class="cap-slide-box-v2 show-slidebox"
|
|
192
|
+
>
|
|
193
|
+
<div
|
|
194
|
+
class="cap-slide-box-v2-container size-xl right"
|
|
195
|
+
>
|
|
196
|
+
<div
|
|
197
|
+
class="slidebox-header-icon-right"
|
|
198
|
+
>
|
|
199
|
+
<div
|
|
200
|
+
class="cap-heading h1"
|
|
201
|
+
>
|
|
202
|
+
Test Header
|
|
203
|
+
</div>
|
|
204
|
+
<span
|
|
205
|
+
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
206
|
+
>
|
|
207
|
+
<span
|
|
208
|
+
aria-label="close"
|
|
209
|
+
class="anticon anticon-close"
|
|
210
|
+
role="img"
|
|
211
|
+
>
|
|
212
|
+
<svg
|
|
213
|
+
aria-hidden="true"
|
|
214
|
+
data-icon="close"
|
|
215
|
+
fill="currentColor"
|
|
216
|
+
fill-rule="evenodd"
|
|
217
|
+
focusable="false"
|
|
218
|
+
height="1em"
|
|
219
|
+
viewBox="64 64 896 896"
|
|
220
|
+
width="1em"
|
|
221
|
+
>
|
|
222
|
+
<path
|
|
223
|
+
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
224
|
+
/>
|
|
225
|
+
</svg>
|
|
226
|
+
</span>
|
|
227
|
+
</span>
|
|
228
|
+
</div>
|
|
229
|
+
<div
|
|
230
|
+
class="slidebox-content-container"
|
|
231
|
+
>
|
|
232
|
+
<div
|
|
233
|
+
style="height: 100%;"
|
|
234
|
+
>
|
|
235
|
+
<div
|
|
236
|
+
data-testid="short-content"
|
|
237
|
+
>
|
|
238
|
+
<p>
|
|
239
|
+
This is short content that does not require scrolling.
|
|
240
|
+
</p>
|
|
241
|
+
</div>
|
|
242
|
+
</div>
|
|
243
|
+
</div>
|
|
244
|
+
</div>
|
|
245
|
+
</div>
|
|
246
|
+
</div>
|
|
247
|
+
`;
|
|
248
|
+
|
|
249
|
+
exports[`CapSlideBox Snapshots should match snapshot with close icon on left 1`] = `
|
|
250
|
+
<div>
|
|
251
|
+
<div
|
|
252
|
+
class="cap-slide-box-v2 show-slidebox"
|
|
253
|
+
>
|
|
254
|
+
<div
|
|
255
|
+
class="cap-slide-box-v2-container size-r right"
|
|
256
|
+
>
|
|
257
|
+
<div
|
|
258
|
+
class="slidebox-header-icon-left"
|
|
259
|
+
>
|
|
260
|
+
<span
|
|
261
|
+
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
262
|
+
>
|
|
263
|
+
<span
|
|
264
|
+
aria-label="arrow-left"
|
|
265
|
+
class="anticon anticon-arrow-left"
|
|
266
|
+
role="img"
|
|
267
|
+
>
|
|
268
|
+
<svg
|
|
269
|
+
aria-hidden="true"
|
|
270
|
+
data-icon="arrow-left"
|
|
271
|
+
fill="currentColor"
|
|
272
|
+
focusable="false"
|
|
273
|
+
height="1em"
|
|
274
|
+
viewBox="64 64 896 896"
|
|
275
|
+
width="1em"
|
|
276
|
+
>
|
|
277
|
+
<path
|
|
278
|
+
d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
|
|
279
|
+
/>
|
|
280
|
+
</svg>
|
|
281
|
+
</span>
|
|
282
|
+
</span>
|
|
283
|
+
<div
|
|
284
|
+
class="cap-heading h1 header-position-right"
|
|
285
|
+
>
|
|
286
|
+
Test Header
|
|
287
|
+
</div>
|
|
288
|
+
</div>
|
|
289
|
+
<div
|
|
290
|
+
class="slidebox-content-container"
|
|
291
|
+
>
|
|
292
|
+
<div
|
|
293
|
+
style="height: 100%;"
|
|
294
|
+
>
|
|
295
|
+
<div
|
|
296
|
+
data-testid="short-content"
|
|
297
|
+
>
|
|
298
|
+
<p>
|
|
299
|
+
This is short content that does not require scrolling.
|
|
300
|
+
</p>
|
|
301
|
+
</div>
|
|
302
|
+
</div>
|
|
303
|
+
</div>
|
|
304
|
+
</div>
|
|
305
|
+
</div>
|
|
306
|
+
</div>
|
|
307
|
+
`;
|
|
308
|
+
|
|
309
|
+
exports[`CapSlideBox Snapshots should match snapshot with custom className 1`] = `
|
|
310
|
+
<div>
|
|
311
|
+
<div
|
|
312
|
+
class="cap-slide-box-v2 custom-snapshot-class show-slidebox"
|
|
313
|
+
>
|
|
314
|
+
<div
|
|
315
|
+
class="cap-slide-box-v2-container size-r right"
|
|
316
|
+
>
|
|
317
|
+
<div
|
|
318
|
+
class="slidebox-header-icon-right"
|
|
319
|
+
>
|
|
320
|
+
<div
|
|
321
|
+
class="cap-heading h1"
|
|
322
|
+
>
|
|
323
|
+
Test Header
|
|
324
|
+
</div>
|
|
325
|
+
<span
|
|
326
|
+
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
327
|
+
>
|
|
328
|
+
<span
|
|
329
|
+
aria-label="close"
|
|
330
|
+
class="anticon anticon-close"
|
|
331
|
+
role="img"
|
|
332
|
+
>
|
|
333
|
+
<svg
|
|
334
|
+
aria-hidden="true"
|
|
335
|
+
data-icon="close"
|
|
336
|
+
fill="currentColor"
|
|
337
|
+
fill-rule="evenodd"
|
|
338
|
+
focusable="false"
|
|
339
|
+
height="1em"
|
|
340
|
+
viewBox="64 64 896 896"
|
|
341
|
+
width="1em"
|
|
342
|
+
>
|
|
343
|
+
<path
|
|
344
|
+
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
345
|
+
/>
|
|
346
|
+
</svg>
|
|
347
|
+
</span>
|
|
348
|
+
</span>
|
|
349
|
+
</div>
|
|
350
|
+
<div
|
|
351
|
+
class="slidebox-content-container"
|
|
352
|
+
>
|
|
353
|
+
<div
|
|
354
|
+
style="height: 100%;"
|
|
355
|
+
>
|
|
356
|
+
<div
|
|
357
|
+
data-testid="short-content"
|
|
358
|
+
>
|
|
359
|
+
<p>
|
|
360
|
+
This is short content that does not require scrolling.
|
|
361
|
+
</p>
|
|
362
|
+
</div>
|
|
363
|
+
</div>
|
|
364
|
+
</div>
|
|
365
|
+
</div>
|
|
366
|
+
</div>
|
|
367
|
+
</div>
|
|
368
|
+
`;
|
|
369
|
+
|
|
370
|
+
exports[`CapSlideBox Snapshots should match snapshot with custom header 1`] = `
|
|
371
|
+
<div>
|
|
372
|
+
<div
|
|
373
|
+
class="cap-slide-box-v2 show-slidebox"
|
|
374
|
+
>
|
|
375
|
+
<div
|
|
376
|
+
class="cap-slide-box-v2-container size-r right"
|
|
377
|
+
>
|
|
378
|
+
<div
|
|
379
|
+
class="slidebox-header-icon-right"
|
|
380
|
+
>
|
|
381
|
+
<div
|
|
382
|
+
class="cap-heading h1"
|
|
383
|
+
>
|
|
384
|
+
<div
|
|
385
|
+
data-testid="custom-header"
|
|
386
|
+
style="display: flex; align-items: center; gap: 8px;"
|
|
387
|
+
>
|
|
388
|
+
<span>
|
|
389
|
+
Custom Icon
|
|
390
|
+
</span>
|
|
391
|
+
<span>
|
|
392
|
+
Custom Header Component
|
|
393
|
+
</span>
|
|
394
|
+
</div>
|
|
395
|
+
</div>
|
|
396
|
+
<span
|
|
397
|
+
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
398
|
+
>
|
|
399
|
+
<span
|
|
400
|
+
aria-label="close"
|
|
401
|
+
class="anticon anticon-close"
|
|
402
|
+
role="img"
|
|
403
|
+
>
|
|
404
|
+
<svg
|
|
405
|
+
aria-hidden="true"
|
|
406
|
+
data-icon="close"
|
|
407
|
+
fill="currentColor"
|
|
408
|
+
fill-rule="evenodd"
|
|
409
|
+
focusable="false"
|
|
410
|
+
height="1em"
|
|
411
|
+
viewBox="64 64 896 896"
|
|
412
|
+
width="1em"
|
|
413
|
+
>
|
|
414
|
+
<path
|
|
415
|
+
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
416
|
+
/>
|
|
417
|
+
</svg>
|
|
418
|
+
</span>
|
|
419
|
+
</span>
|
|
420
|
+
</div>
|
|
421
|
+
<div
|
|
422
|
+
class="slidebox-content-container"
|
|
423
|
+
>
|
|
424
|
+
<div
|
|
425
|
+
style="height: 100%;"
|
|
426
|
+
>
|
|
427
|
+
<div
|
|
428
|
+
data-testid="short-content"
|
|
429
|
+
>
|
|
430
|
+
<p>
|
|
431
|
+
This is short content that does not require scrolling.
|
|
432
|
+
</p>
|
|
433
|
+
</div>
|
|
434
|
+
</div>
|
|
435
|
+
</div>
|
|
436
|
+
</div>
|
|
437
|
+
</div>
|
|
438
|
+
</div>
|
|
439
|
+
`;
|
|
440
|
+
|
|
441
|
+
exports[`CapSlideBox Snapshots should match snapshot with default props 1`] = `
|
|
442
|
+
<div>
|
|
443
|
+
<div
|
|
444
|
+
class="cap-slide-box-v2 show-slidebox"
|
|
445
|
+
>
|
|
446
|
+
<div
|
|
447
|
+
class="cap-slide-box-v2-container size-r right"
|
|
448
|
+
>
|
|
449
|
+
<div
|
|
450
|
+
class="slidebox-header-icon-right"
|
|
451
|
+
>
|
|
452
|
+
<div
|
|
453
|
+
class="cap-heading h1"
|
|
454
|
+
>
|
|
455
|
+
Test Header
|
|
456
|
+
</div>
|
|
457
|
+
<span
|
|
458
|
+
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
459
|
+
>
|
|
460
|
+
<span
|
|
461
|
+
aria-label="close"
|
|
462
|
+
class="anticon anticon-close"
|
|
463
|
+
role="img"
|
|
464
|
+
>
|
|
465
|
+
<svg
|
|
466
|
+
aria-hidden="true"
|
|
467
|
+
data-icon="close"
|
|
468
|
+
fill="currentColor"
|
|
469
|
+
fill-rule="evenodd"
|
|
470
|
+
focusable="false"
|
|
471
|
+
height="1em"
|
|
472
|
+
viewBox="64 64 896 896"
|
|
473
|
+
width="1em"
|
|
474
|
+
>
|
|
475
|
+
<path
|
|
476
|
+
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
477
|
+
/>
|
|
478
|
+
</svg>
|
|
479
|
+
</span>
|
|
480
|
+
</span>
|
|
481
|
+
</div>
|
|
482
|
+
<div
|
|
483
|
+
class="slidebox-content-container"
|
|
484
|
+
>
|
|
485
|
+
<div
|
|
486
|
+
style="height: 100%;"
|
|
487
|
+
>
|
|
488
|
+
<div
|
|
489
|
+
data-testid="short-content"
|
|
490
|
+
>
|
|
491
|
+
<p>
|
|
492
|
+
This is short content that does not require scrolling.
|
|
493
|
+
</p>
|
|
494
|
+
</div>
|
|
495
|
+
</div>
|
|
496
|
+
</div>
|
|
497
|
+
</div>
|
|
498
|
+
</div>
|
|
499
|
+
</div>
|
|
500
|
+
`;
|
|
501
|
+
|
|
502
|
+
exports[`CapSlideBox Snapshots should match snapshot with footer 1`] = `
|
|
503
|
+
<div>
|
|
504
|
+
<div
|
|
505
|
+
class="cap-slide-box-v2 show-slidebox"
|
|
506
|
+
>
|
|
507
|
+
<div
|
|
508
|
+
class="cap-slide-box-v2-container size-r right"
|
|
509
|
+
>
|
|
510
|
+
<div
|
|
511
|
+
class="slidebox-header-icon-right"
|
|
512
|
+
>
|
|
513
|
+
<div
|
|
514
|
+
class="cap-heading h1"
|
|
515
|
+
>
|
|
516
|
+
Test Header
|
|
517
|
+
</div>
|
|
518
|
+
<span
|
|
519
|
+
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
520
|
+
>
|
|
521
|
+
<span
|
|
522
|
+
aria-label="close"
|
|
523
|
+
class="anticon anticon-close"
|
|
524
|
+
role="img"
|
|
525
|
+
>
|
|
526
|
+
<svg
|
|
527
|
+
aria-hidden="true"
|
|
528
|
+
data-icon="close"
|
|
529
|
+
fill="currentColor"
|
|
530
|
+
fill-rule="evenodd"
|
|
531
|
+
focusable="false"
|
|
532
|
+
height="1em"
|
|
533
|
+
viewBox="64 64 896 896"
|
|
534
|
+
width="1em"
|
|
535
|
+
>
|
|
536
|
+
<path
|
|
537
|
+
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
538
|
+
/>
|
|
539
|
+
</svg>
|
|
540
|
+
</span>
|
|
541
|
+
</span>
|
|
542
|
+
</div>
|
|
543
|
+
<div
|
|
544
|
+
class="slidebox-content-container has-footer"
|
|
545
|
+
>
|
|
546
|
+
<div
|
|
547
|
+
style="height: 100%;"
|
|
548
|
+
>
|
|
549
|
+
<div
|
|
550
|
+
data-testid="short-content"
|
|
551
|
+
>
|
|
552
|
+
<p>
|
|
553
|
+
This is short content that does not require scrolling.
|
|
554
|
+
</p>
|
|
555
|
+
</div>
|
|
556
|
+
</div>
|
|
557
|
+
</div>
|
|
558
|
+
<div
|
|
559
|
+
class="slidebox-footer"
|
|
560
|
+
>
|
|
561
|
+
<div
|
|
562
|
+
data-testid="footer-content"
|
|
563
|
+
style="display: flex; gap: 12px; justify-content: flex-end;"
|
|
564
|
+
>
|
|
565
|
+
<button>
|
|
566
|
+
Cancel
|
|
567
|
+
</button>
|
|
568
|
+
<button>
|
|
569
|
+
Save
|
|
570
|
+
</button>
|
|
571
|
+
</div>
|
|
572
|
+
</div>
|
|
573
|
+
</div>
|
|
574
|
+
</div>
|
|
575
|
+
</div>
|
|
576
|
+
`;
|
|
577
|
+
|
|
578
|
+
exports[`CapSlideBox Snapshots should match snapshot with left position 1`] = `
|
|
579
|
+
<div>
|
|
580
|
+
<div
|
|
581
|
+
class="cap-slide-box-v2 show-slidebox"
|
|
582
|
+
>
|
|
583
|
+
<div
|
|
584
|
+
class="cap-slide-box-v2-container size-r left"
|
|
585
|
+
>
|
|
586
|
+
<div
|
|
587
|
+
class="slidebox-header-icon-right"
|
|
588
|
+
>
|
|
589
|
+
<div
|
|
590
|
+
class="cap-heading h1"
|
|
591
|
+
>
|
|
592
|
+
Test Header
|
|
593
|
+
</div>
|
|
594
|
+
<span
|
|
595
|
+
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
596
|
+
>
|
|
597
|
+
<span
|
|
598
|
+
aria-label="close"
|
|
599
|
+
class="anticon anticon-close"
|
|
600
|
+
role="img"
|
|
601
|
+
>
|
|
602
|
+
<svg
|
|
603
|
+
aria-hidden="true"
|
|
604
|
+
data-icon="close"
|
|
605
|
+
fill="currentColor"
|
|
606
|
+
fill-rule="evenodd"
|
|
607
|
+
focusable="false"
|
|
608
|
+
height="1em"
|
|
609
|
+
viewBox="64 64 896 896"
|
|
610
|
+
width="1em"
|
|
611
|
+
>
|
|
612
|
+
<path
|
|
613
|
+
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
614
|
+
/>
|
|
615
|
+
</svg>
|
|
616
|
+
</span>
|
|
617
|
+
</span>
|
|
618
|
+
</div>
|
|
619
|
+
<div
|
|
620
|
+
class="slidebox-content-container"
|
|
621
|
+
>
|
|
622
|
+
<div
|
|
623
|
+
style="height: 100%;"
|
|
624
|
+
>
|
|
625
|
+
<div
|
|
626
|
+
data-testid="short-content"
|
|
627
|
+
>
|
|
628
|
+
<p>
|
|
629
|
+
This is short content that does not require scrolling.
|
|
630
|
+
</p>
|
|
631
|
+
</div>
|
|
632
|
+
</div>
|
|
633
|
+
</div>
|
|
634
|
+
</div>
|
|
635
|
+
</div>
|
|
636
|
+
</div>
|
|
637
|
+
`;
|
|
@@ -532,7 +532,8 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
|
|
|
532
532
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
533
533
|
// Special mappings for common icon names
|
|
534
534
|
const iconMapping = {
|
|
535
|
-
add: 'plus'
|
|
535
|
+
add: 'plus',
|
|
536
|
+
back: 'arrow-left'
|
|
536
537
|
};
|
|
537
538
|
const getSvgIcon = function (type, svgProps) {
|
|
538
539
|
if (svgProps === void 0) {
|