@cloudoperators/juno-ui-components 3.1.0 → 3.1.1
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/README.md +5 -5
- package/build/index.js +6852 -6540
- package/build/src/components/Button/Button.stories.d.ts +35 -401
- package/build/src/components/Button/Button.stories.d.ts.map +1 -1
- package/build/src/components/ComboBox/ComboBox.component.d.ts.map +1 -1
- package/build/src/components/ComboBox/ComboBox.stories.d.ts +24 -216
- package/build/src/components/ComboBox/ComboBox.stories.d.ts.map +1 -1
- package/build/src/components/Form/Form.stories.d.ts +3 -16
- package/build/src/components/Form/Form.stories.d.ts.map +1 -1
- package/build/src/components/Grid/Grid.stories.d.ts +6 -48
- package/build/src/components/Grid/Grid.stories.d.ts.map +1 -1
- package/build/src/components/GridColumn/GridColumn.stories.d.ts +5 -21
- package/build/src/components/GridColumn/GridColumn.stories.d.ts.map +1 -1
- package/build/src/components/Icon/Icon.stories.d.ts +63 -358
- package/build/src/components/Icon/Icon.stories.d.ts.map +1 -1
- package/build/src/components/NativeSelect/NativeSelect.stories.d.ts +41 -9
- package/build/src/components/NativeSelect/NativeSelect.stories.d.ts.map +1 -1
- package/build/src/components/Navigation/Navigation.component.d.ts.map +1 -1
- package/build/src/components/Pagination/Pagination.stories.d.ts +8 -45
- package/build/src/components/Pagination/Pagination.stories.d.ts.map +1 -1
- package/build/src/components/Panel/Panel.stories.d.ts +4 -21
- package/build/src/components/Panel/Panel.stories.d.ts.map +1 -1
- package/build/src/components/PanelBody/PanelBody.stories.d.ts +3 -26
- package/build/src/components/PanelBody/PanelBody.stories.d.ts.map +1 -1
- package/build/src/components/PanelFooter/PanelFooter.stories.d.ts +3 -3
- package/build/src/components/PanelFooter/PanelFooter.stories.d.ts.map +1 -1
- package/build/src/components/PortalProvider/PortalProvider.Portal.component.d.ts +1 -4
- package/build/src/components/PortalProvider/PortalProvider.Portal.component.d.ts.map +1 -1
- package/build/src/components/PortalProvider/PortalProvider.component.d.ts +1 -4
- package/build/src/components/PortalProvider/PortalProvider.component.d.ts.map +1 -1
- package/build/src/components/PortalProvider/PortalProvider.stories.d.ts +2 -8
- package/build/src/components/PortalProvider/PortalProvider.stories.d.ts.map +1 -1
- package/build/src/components/Select/Select.stories.d.ts +41 -341
- package/build/src/components/Select/Select.stories.d.ts.map +1 -1
- package/build/src/components/TextInput/TextInput.stories.d.ts +23 -105
- package/build/src/components/TextInput/TextInput.stories.d.ts.map +1 -1
- package/build/src/components/Textarea/Textarea.stories.d.ts +17 -76
- package/build/src/components/Textarea/Textarea.stories.d.ts.map +1 -1
- package/build/src/components/Tooltip/Tooltip.component.d.ts +4 -45
- package/build/src/components/Tooltip/Tooltip.component.d.ts.map +1 -1
- package/build/src/components/Tooltip/useTooltip.d.ts +19 -42
- package/build/src/components/Tooltip/useTooltip.d.ts.map +1 -1
- package/build/src/components/TooltipTrigger/TooltipTrigger.component.d.ts.map +1 -1
- package/build/src/hooks/useLocalStorage.d.ts +1 -1
- package/build/src/hooks/useLocalStorage.d.ts.map +1 -1
- package/build/src/index.d.ts +1 -1
- package/build/src/index.d.ts.map +1 -1
- package/package.json +24 -24
|
@@ -1,403 +1,37 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
export
|
|
29
|
-
export declare const
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
args: {
|
|
38
|
-
label: string;
|
|
39
|
-
};
|
|
40
|
-
};
|
|
41
|
-
export declare const Subdued: {
|
|
42
|
-
parameters: {
|
|
43
|
-
docs: {
|
|
44
|
-
description: {
|
|
45
|
-
story: string;
|
|
46
|
-
};
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
args: {
|
|
50
|
-
variant: string;
|
|
51
|
-
label: string;
|
|
52
|
-
};
|
|
53
|
-
};
|
|
54
|
-
export declare const Primary: {
|
|
55
|
-
parameters: {
|
|
56
|
-
docs: {
|
|
57
|
-
description: {
|
|
58
|
-
story: string;
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
args: {
|
|
63
|
-
variant: string;
|
|
64
|
-
label: string;
|
|
65
|
-
};
|
|
66
|
-
};
|
|
67
|
-
export declare const PrimaryDanger: {
|
|
68
|
-
parameters: {
|
|
69
|
-
docs: {
|
|
70
|
-
description: {
|
|
71
|
-
story: string;
|
|
72
|
-
};
|
|
73
|
-
};
|
|
74
|
-
};
|
|
75
|
-
args: {
|
|
76
|
-
variant: string;
|
|
77
|
-
label: string;
|
|
78
|
-
};
|
|
79
|
-
};
|
|
80
|
-
export declare const DefaultSize: {
|
|
81
|
-
args: {
|
|
82
|
-
label: string;
|
|
83
|
-
};
|
|
84
|
-
};
|
|
85
|
-
export declare const Small: {
|
|
86
|
-
args: {
|
|
87
|
-
size: string;
|
|
88
|
-
label: string;
|
|
89
|
-
};
|
|
90
|
-
};
|
|
91
|
-
export declare const Disabled: {
|
|
92
|
-
parameters: {
|
|
93
|
-
docs: {
|
|
94
|
-
description: {
|
|
95
|
-
story: string;
|
|
96
|
-
};
|
|
97
|
-
};
|
|
98
|
-
};
|
|
99
|
-
args: {
|
|
100
|
-
label: string;
|
|
101
|
-
disabled: boolean;
|
|
102
|
-
};
|
|
103
|
-
};
|
|
104
|
-
export declare const SubduedDisabled: {
|
|
105
|
-
parameters: {
|
|
106
|
-
docs: {
|
|
107
|
-
description: {
|
|
108
|
-
story: string;
|
|
109
|
-
};
|
|
110
|
-
};
|
|
111
|
-
};
|
|
112
|
-
args: {
|
|
113
|
-
label: string;
|
|
114
|
-
disabled: boolean;
|
|
115
|
-
variant: string;
|
|
116
|
-
};
|
|
117
|
-
};
|
|
118
|
-
export declare const PrimaryDisabled: {
|
|
119
|
-
parameters: {
|
|
120
|
-
docs: {
|
|
121
|
-
description: {
|
|
122
|
-
story: string;
|
|
123
|
-
};
|
|
124
|
-
};
|
|
125
|
-
};
|
|
126
|
-
args: {
|
|
127
|
-
label: string;
|
|
128
|
-
disabled: boolean;
|
|
129
|
-
variant: string;
|
|
130
|
-
};
|
|
131
|
-
};
|
|
132
|
-
export declare const PrimaryDangerDisabled: {
|
|
133
|
-
parameters: {
|
|
134
|
-
docs: {
|
|
135
|
-
description: {
|
|
136
|
-
story: string;
|
|
137
|
-
};
|
|
138
|
-
};
|
|
139
|
-
};
|
|
140
|
-
args: {
|
|
141
|
-
disabled: boolean;
|
|
142
|
-
variant: string;
|
|
143
|
-
label: string;
|
|
144
|
-
};
|
|
145
|
-
};
|
|
146
|
-
export declare const DefaultWithIcon: {
|
|
147
|
-
parameters: {
|
|
148
|
-
docs: {
|
|
149
|
-
story: string;
|
|
150
|
-
};
|
|
151
|
-
};
|
|
152
|
-
args: {
|
|
153
|
-
label: string;
|
|
154
|
-
icon: string;
|
|
155
|
-
};
|
|
156
|
-
};
|
|
157
|
-
export declare const SubduedWithIcon: {
|
|
158
|
-
parameters: {
|
|
159
|
-
docs: {
|
|
160
|
-
description: {
|
|
161
|
-
story: string;
|
|
162
|
-
};
|
|
163
|
-
};
|
|
164
|
-
};
|
|
165
|
-
args: {
|
|
166
|
-
icon: string;
|
|
167
|
-
label: string;
|
|
168
|
-
variant: string;
|
|
169
|
-
};
|
|
170
|
-
};
|
|
171
|
-
export declare const SmallWithIcon: {
|
|
172
|
-
parameters: {
|
|
173
|
-
docs: {
|
|
174
|
-
description: {
|
|
175
|
-
story: string;
|
|
176
|
-
};
|
|
177
|
-
};
|
|
178
|
-
};
|
|
179
|
-
args: {
|
|
180
|
-
icon: string;
|
|
181
|
-
size: string;
|
|
182
|
-
label: string;
|
|
183
|
-
};
|
|
184
|
-
};
|
|
185
|
-
export declare const IconOnlyButton: {
|
|
186
|
-
docs: {};
|
|
187
|
-
args: {};
|
|
188
|
-
};
|
|
189
|
-
export declare const IconOnlyAsChild: {
|
|
190
|
-
docs: {};
|
|
191
|
-
args: {};
|
|
192
|
-
};
|
|
193
|
-
export declare const LinkAsButton: {
|
|
194
|
-
parameters: {
|
|
195
|
-
docs: {
|
|
196
|
-
description: {
|
|
197
|
-
story: string;
|
|
198
|
-
};
|
|
199
|
-
};
|
|
200
|
-
};
|
|
201
|
-
args: {
|
|
202
|
-
label: string;
|
|
203
|
-
href: string;
|
|
204
|
-
variant: string;
|
|
205
|
-
};
|
|
206
|
-
};
|
|
207
|
-
export declare const LinkAsButtonWithIcon: {
|
|
208
|
-
parameters: {
|
|
209
|
-
docs: {
|
|
210
|
-
description: {
|
|
211
|
-
story: string;
|
|
212
|
-
};
|
|
213
|
-
};
|
|
214
|
-
};
|
|
215
|
-
args: {
|
|
216
|
-
icon: string;
|
|
217
|
-
label: string;
|
|
218
|
-
href: string;
|
|
219
|
-
variant: string;
|
|
220
|
-
};
|
|
221
|
-
};
|
|
222
|
-
export declare const DefaultButtonInProgress: {
|
|
223
|
-
parameters: {
|
|
224
|
-
docs: {
|
|
225
|
-
description: {
|
|
226
|
-
story: string;
|
|
227
|
-
};
|
|
228
|
-
};
|
|
229
|
-
};
|
|
230
|
-
args: {
|
|
231
|
-
progress: boolean;
|
|
232
|
-
label: string;
|
|
233
|
-
};
|
|
234
|
-
};
|
|
235
|
-
export declare const IconButtonInProgress: {
|
|
236
|
-
parameters: {
|
|
237
|
-
docs: {
|
|
238
|
-
description: {
|
|
239
|
-
story: string;
|
|
240
|
-
};
|
|
241
|
-
};
|
|
242
|
-
};
|
|
243
|
-
args: {
|
|
244
|
-
label: string;
|
|
245
|
-
icon: string;
|
|
246
|
-
progress: boolean;
|
|
247
|
-
};
|
|
248
|
-
};
|
|
249
|
-
export declare const DefaultButtonInProgressWithProgressLabel: {
|
|
250
|
-
parameters: {
|
|
251
|
-
docs: {
|
|
252
|
-
description: {
|
|
253
|
-
story: string;
|
|
254
|
-
};
|
|
255
|
-
};
|
|
256
|
-
};
|
|
257
|
-
args: {
|
|
258
|
-
label: string;
|
|
259
|
-
icon: string;
|
|
260
|
-
progress: boolean;
|
|
261
|
-
progressLabel: string;
|
|
262
|
-
};
|
|
263
|
-
};
|
|
264
|
-
export declare const SubduedButtonInProgress: {
|
|
265
|
-
parameters: {
|
|
266
|
-
docs: {
|
|
267
|
-
description: {
|
|
268
|
-
story: string;
|
|
269
|
-
};
|
|
270
|
-
};
|
|
271
|
-
};
|
|
272
|
-
args: {
|
|
273
|
-
progress: boolean;
|
|
274
|
-
progressLabel: string;
|
|
275
|
-
variant: string;
|
|
276
|
-
label: string;
|
|
277
|
-
};
|
|
278
|
-
};
|
|
279
|
-
export declare const PrimaryButtonWithIconInProgress: {
|
|
280
|
-
parameters: {
|
|
281
|
-
docs: {
|
|
282
|
-
description: {
|
|
283
|
-
story: string;
|
|
284
|
-
};
|
|
285
|
-
};
|
|
286
|
-
};
|
|
287
|
-
args: {
|
|
288
|
-
progress: boolean;
|
|
289
|
-
progressLabel: string;
|
|
290
|
-
variant: string;
|
|
291
|
-
label: string;
|
|
292
|
-
};
|
|
293
|
-
};
|
|
294
|
-
export declare const PrimaryDangerButtonInProgress: {
|
|
295
|
-
parameters: {
|
|
296
|
-
docs: {
|
|
297
|
-
description: {
|
|
298
|
-
story: string;
|
|
299
|
-
};
|
|
300
|
-
};
|
|
301
|
-
};
|
|
302
|
-
args: {
|
|
303
|
-
progress: boolean;
|
|
304
|
-
progressLabel: string;
|
|
305
|
-
variant: string;
|
|
306
|
-
label: string;
|
|
307
|
-
};
|
|
308
|
-
};
|
|
309
|
-
export declare const LinkAsButtonInProgress: {
|
|
310
|
-
parameters: {
|
|
311
|
-
docs: {
|
|
312
|
-
description: {
|
|
313
|
-
story: string;
|
|
314
|
-
};
|
|
315
|
-
};
|
|
316
|
-
};
|
|
317
|
-
args: {
|
|
318
|
-
progress: boolean;
|
|
319
|
-
progressLabel: string;
|
|
320
|
-
label: string;
|
|
321
|
-
href: string;
|
|
322
|
-
variant: string;
|
|
323
|
-
};
|
|
324
|
-
};
|
|
325
|
-
export declare const LinkAsButtonWithIconInProgress: {
|
|
326
|
-
parameters: {
|
|
327
|
-
docs: {
|
|
328
|
-
description: {
|
|
329
|
-
story: string;
|
|
330
|
-
};
|
|
331
|
-
};
|
|
332
|
-
};
|
|
333
|
-
args: {
|
|
334
|
-
progress: boolean;
|
|
335
|
-
progressLabel: string;
|
|
336
|
-
icon: string;
|
|
337
|
-
label: string;
|
|
338
|
-
href: string;
|
|
339
|
-
variant: string;
|
|
340
|
-
};
|
|
341
|
-
};
|
|
342
|
-
export declare const DisabledInProgress: {
|
|
343
|
-
parameters: {
|
|
344
|
-
docs: {
|
|
345
|
-
description: {
|
|
346
|
-
story: string;
|
|
347
|
-
};
|
|
348
|
-
};
|
|
349
|
-
};
|
|
350
|
-
args: {
|
|
351
|
-
progress: boolean;
|
|
352
|
-
label: string;
|
|
353
|
-
disabled: boolean;
|
|
354
|
-
};
|
|
355
|
-
};
|
|
356
|
-
export declare const PrimaryDisabledInProgress: {
|
|
357
|
-
parameters: {
|
|
358
|
-
docs: {
|
|
359
|
-
description: {
|
|
360
|
-
story: string;
|
|
361
|
-
};
|
|
362
|
-
};
|
|
363
|
-
};
|
|
364
|
-
args: {
|
|
365
|
-
progress: boolean;
|
|
366
|
-
progressLabel: string;
|
|
367
|
-
label: string;
|
|
368
|
-
disabled: boolean;
|
|
369
|
-
variant: string;
|
|
370
|
-
};
|
|
371
|
-
};
|
|
372
|
-
export declare const PrimaryDangerDisabledInProgress: {
|
|
373
|
-
parameters: {
|
|
374
|
-
docs: {
|
|
375
|
-
description: {
|
|
376
|
-
story: string;
|
|
377
|
-
};
|
|
378
|
-
};
|
|
379
|
-
};
|
|
380
|
-
args: {
|
|
381
|
-
progress: boolean;
|
|
382
|
-
progressLabel: string;
|
|
383
|
-
disabled: boolean;
|
|
384
|
-
variant: string;
|
|
385
|
-
label: string;
|
|
386
|
-
};
|
|
387
|
-
};
|
|
388
|
-
export declare const SmallInProgress: {
|
|
389
|
-
parameters: {
|
|
390
|
-
docs: {
|
|
391
|
-
description: {
|
|
392
|
-
story: string;
|
|
393
|
-
};
|
|
394
|
-
};
|
|
395
|
-
};
|
|
396
|
-
args: {
|
|
397
|
-
progress: boolean;
|
|
398
|
-
progressLabel: string;
|
|
399
|
-
size: string;
|
|
400
|
-
label: string;
|
|
401
|
-
};
|
|
402
|
-
};
|
|
2
|
+
import { Button } from './index';
|
|
3
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
4
|
+
type ButtonProps = React.ComponentProps<typeof Button>;
|
|
5
|
+
type ButtonStory = StoryObj<ButtonProps>;
|
|
6
|
+
declare const meta: Meta<ButtonProps>;
|
|
7
|
+
export default meta;
|
|
8
|
+
export declare const Default: ButtonStory;
|
|
9
|
+
export declare const Subdued: ButtonStory;
|
|
10
|
+
export declare const Primary: ButtonStory;
|
|
11
|
+
export declare const PrimaryDanger: ButtonStory;
|
|
12
|
+
export declare const DefaultSize: ButtonStory;
|
|
13
|
+
export declare const Small: ButtonStory;
|
|
14
|
+
export declare const Disabled: ButtonStory;
|
|
15
|
+
export declare const SubduedDisabled: ButtonStory;
|
|
16
|
+
export declare const PrimaryDisabled: ButtonStory;
|
|
17
|
+
export declare const PrimaryDangerDisabled: ButtonStory;
|
|
18
|
+
export declare const DefaultWithIcon: ButtonStory;
|
|
19
|
+
export declare const SubduedWithIcon: ButtonStory;
|
|
20
|
+
export declare const SmallWithIcon: ButtonStory;
|
|
21
|
+
export declare const IconOnlyButton: ButtonStory;
|
|
22
|
+
export declare const IconOnlyAsChild: ButtonStory;
|
|
23
|
+
export declare const LinkAsButton: ButtonStory;
|
|
24
|
+
export declare const LinkAsButtonWithIcon: ButtonStory;
|
|
25
|
+
export declare const DefaultButtonInProgress: ButtonStory;
|
|
26
|
+
export declare const IconButtonInProgress: ButtonStory;
|
|
27
|
+
export declare const DefaultButtonInProgressWithProgressLabel: ButtonStory;
|
|
28
|
+
export declare const SubduedButtonInProgress: ButtonStory;
|
|
29
|
+
export declare const PrimaryButtonWithIconInProgress: ButtonStory;
|
|
30
|
+
export declare const PrimaryDangerButtonInProgress: ButtonStory;
|
|
31
|
+
export declare const LinkAsButtonInProgress: ButtonStory;
|
|
32
|
+
export declare const LinkAsButtonWithIconInProgress: ButtonStory;
|
|
33
|
+
export declare const DisabledInProgress: ButtonStory;
|
|
34
|
+
export declare const PrimaryDisabledInProgress: ButtonStory;
|
|
35
|
+
export declare const PrimaryDangerDisabledInProgress: ButtonStory;
|
|
36
|
+
export declare const SmallInProgress: ButtonStory;
|
|
403
37
|
//# sourceMappingURL=Button.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA
|
|
1
|
+
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAGhC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGtD,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;AACtD,KAAK,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAuB3B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO,EAAE,WAYrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,WAcrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,WAarB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,WAa3B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,WAIzB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,WAKnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,WAYtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,WAY7B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,WAY7B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,WAanC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,WAc7B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,WAc7B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,WAa3B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,WAW5B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,WAY7B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,WAe1B,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,WAelC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,WAarC,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,WAelC,CAAA;AAED,eAAO,MAAM,wCAAwC,EAAE,WAgBtD,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,WAcrC,CAAA;AAED,eAAO,MAAM,+BAA+B,EAAE,WAc7C,CAAA;AAED,eAAO,MAAM,6BAA6B,EAAE,WAc3C,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,WAcpC,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,WAe5C,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,WAahC,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,WAcvC,CAAA;AAED,eAAO,MAAM,+BAA+B,EAAE,WAc7C,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,WAc7B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboBox.component.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/ComboBox.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,MAAM,OAAO,CAAA;AAwI5F,KAAK,8BAA8B,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAA;AAEjG,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,OAAO,CAAA;IACxB,sBAAsB,EAAE,8BAA8B,CAAA;CACvD,CAAA;AAED,eAAO,MAAM,eAAe,gDAA4D,CAAA;AASxF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"ComboBox.component.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/ComboBox.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,MAAM,OAAO,CAAA;AAwI5F,KAAK,8BAA8B,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAA;AAEjG,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,OAAO,CAAA;IACxB,sBAAsB,EAAE,8BAA8B,CAAA;CACvD,CAAA;AAED,eAAO,MAAM,eAAe,gDAA4D,CAAA;AASxF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqV5C,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAA;AAC3C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IACjH,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oGAAoG;IACpG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uKAAuK;IACvK,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iGAAiG;IACjG,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,oIAAoI;IACpI,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0DAA0D;IAC1D,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAClD,qEAAqE;IAErE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,kEAAkE;IAClE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IACnD,oEAAoE;IACpE,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC1D,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uHAAuH;IACvH,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,kJAAkJ;IAClJ,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,sDAAsD;IACtD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sUAAsU;IACtU,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,sEAAsE;IACtE,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,mLAAmL;IACnL,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
|
|
@@ -1,213 +1,28 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { ComboBox } from './index';
|
|
2
3
|
import { ComboBoxProps } from './ComboBox.component';
|
|
3
|
-
|
|
4
|
-
declare const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
control: boolean;
|
|
26
|
-
table: {
|
|
27
|
-
type: {
|
|
28
|
-
summary: string;
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
successtext: {
|
|
33
|
-
control: boolean;
|
|
34
|
-
table: {
|
|
35
|
-
type: {
|
|
36
|
-
summary: string;
|
|
37
|
-
};
|
|
38
|
-
};
|
|
39
|
-
};
|
|
40
|
-
onBlur: {
|
|
41
|
-
control: boolean;
|
|
42
|
-
};
|
|
43
|
-
onChange: {
|
|
44
|
-
control: boolean;
|
|
45
|
-
};
|
|
46
|
-
onFocus: {
|
|
47
|
-
control: boolean;
|
|
48
|
-
};
|
|
49
|
-
onInputChange: {
|
|
50
|
-
control: boolean;
|
|
51
|
-
};
|
|
52
|
-
};
|
|
53
|
-
decorators: ((story: StoryFunction) => React.JSX.Element)[];
|
|
54
|
-
};
|
|
55
|
-
export default _default;
|
|
56
|
-
interface ControlledTemplateProps extends ComboBoxProps {
|
|
57
|
-
value: string;
|
|
58
|
-
}
|
|
59
|
-
export declare const Default: {
|
|
60
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
61
|
-
args: {
|
|
62
|
-
children: React.JSX.Element[];
|
|
63
|
-
};
|
|
64
|
-
};
|
|
65
|
-
export declare const ControlledComboBox: {
|
|
66
|
-
render: ({ value, children }: ControlledTemplateProps) => React.JSX.Element;
|
|
67
|
-
args: {
|
|
68
|
-
value: string;
|
|
69
|
-
label: string;
|
|
70
|
-
children: React.JSX.Element[];
|
|
71
|
-
};
|
|
72
|
-
};
|
|
73
|
-
export declare const UncontrolledComboBox: {
|
|
74
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
75
|
-
args: {
|
|
76
|
-
defaultValue: string;
|
|
77
|
-
label: string;
|
|
78
|
-
children: React.JSX.Element[];
|
|
79
|
-
};
|
|
80
|
-
};
|
|
81
|
-
export declare const WithLabel: {
|
|
82
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
83
|
-
args: {
|
|
84
|
-
label: string;
|
|
85
|
-
placeholder: string;
|
|
86
|
-
children: React.JSX.Element[];
|
|
87
|
-
};
|
|
88
|
-
};
|
|
89
|
-
export declare const WithLabelAndPlaceholder: {
|
|
90
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
91
|
-
args: {
|
|
92
|
-
label: string;
|
|
93
|
-
placeholder: string;
|
|
94
|
-
children: React.JSX.Element[];
|
|
95
|
-
};
|
|
96
|
-
};
|
|
97
|
-
export declare const Required: {
|
|
98
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
99
|
-
args: {
|
|
100
|
-
label: string;
|
|
101
|
-
required: boolean;
|
|
102
|
-
children: React.JSX.Element[];
|
|
103
|
-
};
|
|
104
|
-
};
|
|
105
|
-
export declare const Valid: {
|
|
106
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
107
|
-
args: {
|
|
108
|
-
label: string;
|
|
109
|
-
valid: boolean;
|
|
110
|
-
children: React.JSX.Element[];
|
|
111
|
-
};
|
|
112
|
-
};
|
|
113
|
-
export declare const Invalid: {
|
|
114
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
115
|
-
args: {
|
|
116
|
-
label: string;
|
|
117
|
-
invalid: boolean;
|
|
118
|
-
children: React.JSX.Element[];
|
|
119
|
-
};
|
|
120
|
-
};
|
|
121
|
-
export declare const Disabled: {
|
|
122
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
123
|
-
args: {
|
|
124
|
-
label: string;
|
|
125
|
-
disabled: boolean;
|
|
126
|
-
children: React.JSX.Element[];
|
|
127
|
-
};
|
|
128
|
-
};
|
|
129
|
-
export declare const DisabledOption: {
|
|
130
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
131
|
-
args: {
|
|
132
|
-
label: string;
|
|
133
|
-
helptext: string;
|
|
134
|
-
children: React.JSX.Element[];
|
|
135
|
-
};
|
|
136
|
-
};
|
|
137
|
-
export declare const WithHelpText: {
|
|
138
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
139
|
-
args: {
|
|
140
|
-
label: string;
|
|
141
|
-
helptext: string;
|
|
142
|
-
children: React.JSX.Element[];
|
|
143
|
-
};
|
|
144
|
-
};
|
|
145
|
-
export declare const WithHelpTextAsNode: {
|
|
146
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
147
|
-
args: {
|
|
148
|
-
label: string;
|
|
149
|
-
helptext: React.JSX.Element;
|
|
150
|
-
children: React.JSX.Element[];
|
|
151
|
-
};
|
|
152
|
-
};
|
|
153
|
-
export declare const WithErrorText: {
|
|
154
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
155
|
-
args: {
|
|
156
|
-
label: string;
|
|
157
|
-
errortext: string;
|
|
158
|
-
children: React.JSX.Element[];
|
|
159
|
-
};
|
|
160
|
-
};
|
|
161
|
-
export declare const WithSuccessText: {
|
|
162
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
163
|
-
args: {
|
|
164
|
-
label: string;
|
|
165
|
-
successtext: string;
|
|
166
|
-
children: React.JSX.Element[];
|
|
167
|
-
};
|
|
168
|
-
};
|
|
169
|
-
export declare const NonNullable: {
|
|
170
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
171
|
-
args: {
|
|
172
|
-
nullable: boolean;
|
|
173
|
-
label: string;
|
|
174
|
-
helptext: string;
|
|
175
|
-
children: React.JSX.Element[];
|
|
176
|
-
};
|
|
177
|
-
};
|
|
178
|
-
export declare const NonTruncatedOptions: {
|
|
179
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
180
|
-
args: {
|
|
181
|
-
children: React.JSX.Element[];
|
|
182
|
-
};
|
|
183
|
-
};
|
|
184
|
-
export declare const TruncatedOptions: {
|
|
185
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
186
|
-
args: {
|
|
187
|
-
truncateOptions: boolean;
|
|
188
|
-
children: React.JSX.Element[];
|
|
189
|
-
};
|
|
190
|
-
};
|
|
191
|
-
export declare const OptionsWithLabels: {
|
|
192
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
193
|
-
parameters: {
|
|
194
|
-
docs: {
|
|
195
|
-
description: {
|
|
196
|
-
story: string;
|
|
197
|
-
};
|
|
198
|
-
};
|
|
199
|
-
};
|
|
200
|
-
args: {
|
|
201
|
-
children: React.JSX.Element[];
|
|
202
|
-
};
|
|
203
|
-
};
|
|
204
|
-
export declare const Loading: {
|
|
205
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
206
|
-
args: {
|
|
207
|
-
loading: boolean;
|
|
208
|
-
helptext: string;
|
|
209
|
-
};
|
|
210
|
-
};
|
|
4
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
5
|
+
declare const meta: Meta<typeof ComboBox>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: StoryObj<typeof ComboBox>;
|
|
8
|
+
export declare const ControlledComboBox: StoryObj<typeof ComboBox>;
|
|
9
|
+
export declare const UncontrolledComboBox: StoryObj<typeof ComboBox>;
|
|
10
|
+
export declare const WithLabel: StoryObj<typeof ComboBox>;
|
|
11
|
+
export declare const WithLabelAndPlaceholder: StoryObj<typeof ComboBox>;
|
|
12
|
+
export declare const Required: StoryObj<typeof ComboBox>;
|
|
13
|
+
export declare const Valid: StoryObj<typeof ComboBox>;
|
|
14
|
+
export declare const Invalid: StoryObj<typeof ComboBox>;
|
|
15
|
+
export declare const Disabled: StoryObj<typeof ComboBox>;
|
|
16
|
+
export declare const DisabledOption: StoryObj<typeof ComboBox>;
|
|
17
|
+
export declare const WithHelpText: StoryObj<typeof ComboBox>;
|
|
18
|
+
export declare const WithHelpTextAsNode: StoryObj<typeof ComboBox>;
|
|
19
|
+
export declare const WithErrorText: StoryObj<typeof ComboBox>;
|
|
20
|
+
export declare const WithSuccessText: StoryObj<typeof ComboBox>;
|
|
21
|
+
export declare const NonNullable: StoryObj<typeof ComboBox>;
|
|
22
|
+
export declare const NonTruncatedOptions: StoryObj<typeof ComboBox>;
|
|
23
|
+
export declare const TruncatedOptions: StoryObj<typeof ComboBox>;
|
|
24
|
+
export declare const OptionsWithLabels: StoryObj<typeof ComboBox>;
|
|
25
|
+
export declare const Loading: StoryObj<typeof ComboBox>;
|
|
211
26
|
export declare const Error: {
|
|
212
27
|
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
213
28
|
args: {
|
|
@@ -215,12 +30,5 @@ export declare const Error: {
|
|
|
215
30
|
errortext: string;
|
|
216
31
|
};
|
|
217
32
|
};
|
|
218
|
-
export declare const ValueAndDefaultValue:
|
|
219
|
-
render: ({ children, ...args }: ComboBoxProps) => React.JSX.Element;
|
|
220
|
-
args: {
|
|
221
|
-
value: string;
|
|
222
|
-
defaultValue: string;
|
|
223
|
-
children: React.JSX.Element[];
|
|
224
|
-
};
|
|
225
|
-
};
|
|
33
|
+
export declare const ValueAndDefaultValue: StoryObj<typeof ComboBox>;
|
|
226
34
|
//# sourceMappingURL=ComboBox.stories.d.ts.map
|