@dpa-id-components/dpa-shared-components 0.10.0 → 0.11.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.
Files changed (31) hide show
  1. package/dist/components/UiAutocomplete/UiAutocomplete.vue.d.ts +472 -14
  2. package/dist/components/UiBadge/UiBadge.vue.d.ts +22 -20
  3. package/dist/components/UiButton/UiButton.vue.d.ts +65 -20
  4. package/dist/components/UiCheckBox/UiCheckBox.vue.d.ts +24 -20
  5. package/dist/components/UiChip/UiChip.vue.d.ts +13 -11
  6. package/dist/components/UiDialog/UiDialog.vue.d.ts +23 -20
  7. package/dist/components/UiFilterBadge/UiFilterBadge.vue.d.ts +61 -11
  8. package/dist/components/UiFilterButton/UiFilterButton.vue.d.ts +76 -20
  9. package/dist/components/UiIcon/UiIcon.vue.d.ts +14 -10
  10. package/dist/components/UiIconButton/UiIconButton.vue.d.ts +90 -19
  11. package/dist/components/UiInfoContent/UiInfoContent.vue.d.ts +49 -8
  12. package/dist/components/UiInput/UiInput.vue.d.ts +68 -52
  13. package/dist/components/UiListItem/UiListItem.vue.d.ts +145 -25
  14. package/dist/components/UiMenu/UiMenu.vue.d.ts +378 -30
  15. package/dist/components/UiOverlayMenu/UiOverlayMenu.vue.d.ts +11 -7
  16. package/dist/components/UiRadioInputGroup/UiRadioInputGroup.vue.d.ts +29 -26
  17. package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts +228 -0
  18. package/dist/components/UiSearchInput/UiSearchInput.vue.d.ts +182 -19
  19. package/dist/components/UiSection/UiSection.vue.d.ts +18 -14
  20. package/dist/components/UiSectionDivider/UiSectionDivider.vue.d.ts +11 -8
  21. package/dist/components/UiSkeletonBox/UiSkeletonBox.vue.d.ts +13 -11
  22. package/dist/components/UiSnackbar/UiSnackbar.vue.d.ts +52 -11
  23. package/dist/components/UiSpinner/UiSpinner.vue.d.ts +49 -8
  24. package/dist/components/UiToggleButton/UiToggleButton.vue.d.ts +18 -14
  25. package/dist/components/index.d.ts +3 -2
  26. package/dist/dpa-shared-components.d.ts +52 -1
  27. package/dist/dpa-shared-components.mjs +1804 -1661
  28. package/dist/dpa-shared-components.umd.js +3 -3
  29. package/dist/shims-vue.d.ts +6 -0
  30. package/dist/style.css +1 -1
  31. package/package.json +3 -2
@@ -1,43 +1,501 @@
1
- import type { PropType as __PropType } from 'vue';
2
1
  declare const _sfc_main: import("vue").DefineComponent<{
3
2
  label: {
4
- type: __PropType<string | undefined>;
3
+ type: StringConstructor;
5
4
  required: false;
6
5
  default: string;
7
6
  };
8
7
  placeholder: {
9
- type: __PropType<string | undefined>;
8
+ type: StringConstructor;
10
9
  required: false;
11
10
  default: string;
12
11
  };
13
12
  value: {
14
- type: __PropType<string | undefined>;
13
+ type: StringConstructor;
15
14
  required: false;
16
15
  default: string;
17
16
  };
18
17
  options: {
19
- type: __PropType<string[] | undefined>;
18
+ type: ArrayConstructor;
20
19
  required: false;
21
20
  default: () => never[];
22
21
  };
23
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "input")[], "select" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
22
+ }, {
23
+ emits: (event: "select" | "input", ...args: any[]) => void;
24
+ props: any;
25
+ inputRef: import("vue").Ref<{
26
+ inputRef: HTMLInputElement;
27
+ } | null>;
28
+ dropdownRef: import("vue").Ref<HTMLElement | undefined>;
29
+ dropdownWidth: import("vue").Ref<number>;
30
+ areOptionsVisible: import("vue").Ref<boolean>;
31
+ activeDescendant: import("vue").Ref<number | undefined>;
32
+ resizeObserver: import("vue").Ref<{
33
+ disconnect: () => void;
34
+ observe: (target: Element, options?: ResizeObserverOptions | undefined) => void;
35
+ unobserve: (target: Element) => void;
36
+ } | undefined>;
37
+ dropdownStyle: import("vue").ComputedRef<{
38
+ width: string;
39
+ }>;
40
+ onEnterKey: () => void;
41
+ hideOptions: () => void;
42
+ showOptions: () => void;
43
+ setDropdownWidth: (width?: number) => void;
44
+ onArrowDownKey: () => void;
45
+ onArrowUpKey: () => void;
46
+ readonly vClickAway: {
47
+ mounted(el: HTMLElement, binding: import("vue").DirectiveBinding<any>): void;
48
+ unmounted(): void;
49
+ };
50
+ UiInput: import("vue").DefineComponent<{
51
+ value: {
52
+ type: StringConstructor;
53
+ required: false;
54
+ default: string;
55
+ };
56
+ type: {
57
+ type: StringConstructor;
58
+ required: false;
59
+ default: string;
60
+ };
61
+ label: {
62
+ type: StringConstructor;
63
+ required: false;
64
+ default: string;
65
+ };
66
+ placeholder: {
67
+ type: StringConstructor;
68
+ required: false;
69
+ default: string;
70
+ };
71
+ autofocus: {
72
+ type: BooleanConstructor;
73
+ required: false;
74
+ default: boolean;
75
+ };
76
+ chevron: {
77
+ type: BooleanConstructor;
78
+ required: false;
79
+ default: boolean;
80
+ };
81
+ readonly: {
82
+ type: BooleanConstructor;
83
+ required: false;
84
+ default: boolean;
85
+ };
86
+ disabled: {
87
+ type: BooleanConstructor;
88
+ required: false;
89
+ default: boolean;
90
+ };
91
+ isDateTimePicker: {
92
+ type: BooleanConstructor;
93
+ required: false;
94
+ default: boolean;
95
+ };
96
+ autocomplete: {
97
+ type: BooleanConstructor;
98
+ required: false;
99
+ default: boolean;
100
+ };
101
+ isInvalid: {
102
+ type: BooleanConstructor;
103
+ required: false;
104
+ default: boolean;
105
+ };
106
+ errorMessage: {
107
+ type: StringConstructor;
108
+ required: false;
109
+ default: string;
110
+ };
111
+ showWarning: {
112
+ type: BooleanConstructor;
113
+ required: false;
114
+ default: boolean;
115
+ };
116
+ warningMessage: {
117
+ type: StringConstructor;
118
+ required: false;
119
+ default: string;
120
+ };
121
+ isTextarea: {
122
+ type: BooleanConstructor;
123
+ required: false;
124
+ default: boolean;
125
+ };
126
+ hasInfo: {
127
+ type: BooleanConstructor;
128
+ required: false;
129
+ default: boolean;
130
+ };
131
+ infoText: {
132
+ type: StringConstructor;
133
+ required: false;
134
+ default: string;
135
+ };
136
+ }, {
137
+ emits: (event: "input" | "focus" | "blur" | "keyup", ...args: any[]) => void;
138
+ props: any;
139
+ isFocused: import("vue").Ref<boolean>;
140
+ id: import("vue").Ref<string>;
141
+ inputRef: import("vue").Ref<HTMLInputElement | undefined>;
142
+ disabledTime: import("vue").ComputedRef<boolean>;
143
+ isFilled: import("vue").ComputedRef<boolean>;
144
+ addonText: import("vue").ComputedRef<string>;
145
+ addonClass: import("vue").ComputedRef<string>;
146
+ componentClass: import("vue").ComputedRef<string>;
147
+ isLabelRaised: import("vue").ComputedRef<boolean>;
148
+ isBlueLabelText: import("vue").ComputedRef<boolean>;
149
+ updateValue: ({ target }: {
150
+ target: HTMLInputElement;
151
+ }) => void;
152
+ handleFocus: (event: FocusEvent) => void;
153
+ handleBlur: (event: FocusEvent) => void;
154
+ handleKeyUp: (event: KeyboardEvent) => void;
155
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "keyup")[], "input" | "focus" | "blur" | "keyup", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
156
+ value: {
157
+ type: StringConstructor;
158
+ required: false;
159
+ default: string;
160
+ };
161
+ type: {
162
+ type: StringConstructor;
163
+ required: false;
164
+ default: string;
165
+ };
166
+ label: {
167
+ type: StringConstructor;
168
+ required: false;
169
+ default: string;
170
+ };
171
+ placeholder: {
172
+ type: StringConstructor;
173
+ required: false;
174
+ default: string;
175
+ };
176
+ autofocus: {
177
+ type: BooleanConstructor;
178
+ required: false;
179
+ default: boolean;
180
+ };
181
+ chevron: {
182
+ type: BooleanConstructor;
183
+ required: false;
184
+ default: boolean;
185
+ };
186
+ readonly: {
187
+ type: BooleanConstructor;
188
+ required: false;
189
+ default: boolean;
190
+ };
191
+ disabled: {
192
+ type: BooleanConstructor;
193
+ required: false;
194
+ default: boolean;
195
+ };
196
+ isDateTimePicker: {
197
+ type: BooleanConstructor;
198
+ required: false;
199
+ default: boolean;
200
+ };
201
+ autocomplete: {
202
+ type: BooleanConstructor;
203
+ required: false;
204
+ default: boolean;
205
+ };
206
+ isInvalid: {
207
+ type: BooleanConstructor;
208
+ required: false;
209
+ default: boolean;
210
+ };
211
+ errorMessage: {
212
+ type: StringConstructor;
213
+ required: false;
214
+ default: string;
215
+ };
216
+ showWarning: {
217
+ type: BooleanConstructor;
218
+ required: false;
219
+ default: boolean;
220
+ };
221
+ warningMessage: {
222
+ type: StringConstructor;
223
+ required: false;
224
+ default: string;
225
+ };
226
+ isTextarea: {
227
+ type: BooleanConstructor;
228
+ required: false;
229
+ default: boolean;
230
+ };
231
+ hasInfo: {
232
+ type: BooleanConstructor;
233
+ required: false;
234
+ default: boolean;
235
+ };
236
+ infoText: {
237
+ type: StringConstructor;
238
+ required: false;
239
+ default: string;
240
+ };
241
+ }>> & {
242
+ onInput?: ((...args: any[]) => any) | undefined;
243
+ onFocus?: ((...args: any[]) => any) | undefined;
244
+ onBlur?: ((...args: any[]) => any) | undefined;
245
+ onKeyup?: ((...args: any[]) => any) | undefined;
246
+ }, {
247
+ label: string;
248
+ placeholder: string;
249
+ value: string;
250
+ type: string;
251
+ autofocus: boolean;
252
+ chevron: boolean;
253
+ readonly: boolean;
254
+ disabled: boolean;
255
+ isDateTimePicker: boolean;
256
+ autocomplete: boolean;
257
+ isInvalid: boolean;
258
+ errorMessage: string;
259
+ showWarning: boolean;
260
+ warningMessage: string;
261
+ isTextarea: boolean;
262
+ hasInfo: boolean;
263
+ infoText: string;
264
+ }>;
265
+ UiList: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
266
+ UiListItem: import("vue").DefineComponent<{
267
+ value: {
268
+ type: null;
269
+ required: false;
270
+ default: string;
271
+ };
272
+ checkBoxMenu: {
273
+ type: BooleanConstructor;
274
+ required: false;
275
+ default: boolean;
276
+ };
277
+ isChecked: {
278
+ type: BooleanConstructor;
279
+ required: false;
280
+ default: boolean;
281
+ };
282
+ selected: {
283
+ type: BooleanConstructor;
284
+ required: false;
285
+ default: boolean;
286
+ };
287
+ selectable: {
288
+ type: BooleanConstructor;
289
+ required: false;
290
+ default: boolean;
291
+ };
292
+ overrideClasses: {
293
+ type: StringConstructor;
294
+ required: false;
295
+ default: string;
296
+ };
297
+ iconName: {
298
+ type: null;
299
+ required: false;
300
+ default: null;
301
+ };
302
+ disabled: {
303
+ type: BooleanConstructor;
304
+ required: false;
305
+ default: boolean;
306
+ };
307
+ }, {
308
+ props: any;
309
+ emits: (event: "list-item-click", ...args: any[]) => void;
310
+ itemClasses: import("vue").ComputedRef<string[]>;
311
+ handleClick: () => void;
312
+ UiCheckBox: import("vue").DefineComponent<{
313
+ color: {
314
+ type: StringConstructor;
315
+ required: false;
316
+ default: string;
317
+ };
318
+ size: {
319
+ type: StringConstructor;
320
+ required: false;
321
+ default: string;
322
+ };
323
+ disabled: {
324
+ type: BooleanConstructor;
325
+ required: false;
326
+ default: boolean;
327
+ };
328
+ checked: {
329
+ type: BooleanConstructor;
330
+ required: false;
331
+ default: boolean;
332
+ };
333
+ showError: {
334
+ type: BooleanConstructor;
335
+ required: false;
336
+ default: boolean;
337
+ };
338
+ errorMessage: {
339
+ type: StringConstructor;
340
+ required: false;
341
+ default: string;
342
+ };
343
+ }, {
344
+ emit: (event: "change", ...args: any[]) => void;
345
+ props: any;
346
+ variantClassName: import("vue").ComputedRef<string>;
347
+ handleChange: (e: Event) => void;
348
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
349
+ color: {
350
+ type: StringConstructor;
351
+ required: false;
352
+ default: string;
353
+ };
354
+ size: {
355
+ type: StringConstructor;
356
+ required: false;
357
+ default: string;
358
+ };
359
+ disabled: {
360
+ type: BooleanConstructor;
361
+ required: false;
362
+ default: boolean;
363
+ };
364
+ checked: {
365
+ type: BooleanConstructor;
366
+ required: false;
367
+ default: boolean;
368
+ };
369
+ showError: {
370
+ type: BooleanConstructor;
371
+ required: false;
372
+ default: boolean;
373
+ };
374
+ errorMessage: {
375
+ type: StringConstructor;
376
+ required: false;
377
+ default: string;
378
+ };
379
+ }>> & {
380
+ onChange?: ((...args: any[]) => any) | undefined;
381
+ }, {
382
+ disabled: boolean;
383
+ errorMessage: string;
384
+ color: string;
385
+ size: string;
386
+ checked: boolean;
387
+ showError: boolean;
388
+ }>;
389
+ UiIcon: import("vue").DefineComponent<{
390
+ name: {
391
+ type: null;
392
+ required: true;
393
+ };
394
+ size: {
395
+ type: StringConstructor;
396
+ required: false;
397
+ default: string;
398
+ };
399
+ sizeClasses: {
400
+ type: StringConstructor;
401
+ required: false;
402
+ default: string;
403
+ };
404
+ }, {
405
+ props: any;
406
+ dynamicSvg: import("vue").Ref<null>;
407
+ importSvg: (name: string) => Promise<any>;
408
+ sizeClass: import("vue").ComputedRef<string>;
409
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
410
+ name: {
411
+ type: null;
412
+ required: true;
413
+ };
414
+ size: {
415
+ type: StringConstructor;
416
+ required: false;
417
+ default: string;
418
+ };
419
+ sizeClasses: {
420
+ type: StringConstructor;
421
+ required: false;
422
+ default: string;
423
+ };
424
+ }>>, {
425
+ size: string;
426
+ sizeClasses: string;
427
+ }>;
428
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "list-item-click"[], "list-item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
429
+ value: {
430
+ type: null;
431
+ required: false;
432
+ default: string;
433
+ };
434
+ checkBoxMenu: {
435
+ type: BooleanConstructor;
436
+ required: false;
437
+ default: boolean;
438
+ };
439
+ isChecked: {
440
+ type: BooleanConstructor;
441
+ required: false;
442
+ default: boolean;
443
+ };
444
+ selected: {
445
+ type: BooleanConstructor;
446
+ required: false;
447
+ default: boolean;
448
+ };
449
+ selectable: {
450
+ type: BooleanConstructor;
451
+ required: false;
452
+ default: boolean;
453
+ };
454
+ overrideClasses: {
455
+ type: StringConstructor;
456
+ required: false;
457
+ default: string;
458
+ };
459
+ iconName: {
460
+ type: null;
461
+ required: false;
462
+ default: null;
463
+ };
464
+ disabled: {
465
+ type: BooleanConstructor;
466
+ required: false;
467
+ default: boolean;
468
+ };
469
+ }>> & {
470
+ "onList-item-click"?: ((...args: any[]) => any) | undefined;
471
+ }, {
472
+ value: any;
473
+ disabled: boolean;
474
+ checkBoxMenu: boolean;
475
+ isChecked: boolean;
476
+ selected: boolean;
477
+ selectable: boolean;
478
+ overrideClasses: string;
479
+ iconName: any;
480
+ }>;
481
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "input")[], "select" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
24
482
  label: {
25
- type: __PropType<string | undefined>;
483
+ type: StringConstructor;
26
484
  required: false;
27
485
  default: string;
28
486
  };
29
487
  placeholder: {
30
- type: __PropType<string | undefined>;
488
+ type: StringConstructor;
31
489
  required: false;
32
490
  default: string;
33
491
  };
34
492
  value: {
35
- type: __PropType<string | undefined>;
493
+ type: StringConstructor;
36
494
  required: false;
37
495
  default: string;
38
496
  };
39
497
  options: {
40
- type: __PropType<string[] | undefined>;
498
+ type: ArrayConstructor;
41
499
  required: false;
42
500
  default: () => never[];
43
501
  };
@@ -45,9 +503,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
45
503
  onSelect?: ((...args: any[]) => any) | undefined;
46
504
  onInput?: ((...args: any[]) => any) | undefined;
47
505
  }, {
48
- label: string | undefined;
49
- placeholder: string | undefined;
50
- value: string | undefined;
51
- options: string[] | undefined;
506
+ label: string;
507
+ placeholder: string;
508
+ value: string;
509
+ options: unknown[];
52
510
  }>;
53
511
  export default _sfc_main;
@@ -1,72 +1,74 @@
1
- import type { PropType as __PropType } from 'vue';
2
1
  declare const _sfc_main: import("vue").DefineComponent<{
3
2
  text: {
4
- type: __PropType<string | undefined>;
3
+ type: StringConstructor;
5
4
  required: false;
6
5
  default: undefined;
7
6
  };
8
7
  color: {
9
- type: __PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray" | "black" | undefined>;
8
+ type: StringConstructor;
10
9
  required: false;
11
10
  default: string;
12
11
  };
13
12
  icon: {
14
- type: __PropType<boolean | undefined>;
13
+ type: BooleanConstructor;
15
14
  required: false;
16
15
  default: boolean;
17
16
  };
18
17
  mobileTrim: {
19
- type: __PropType<boolean | undefined>;
18
+ type: BooleanConstructor;
20
19
  required: false;
21
20
  default: boolean;
22
21
  };
23
22
  trim: {
24
- type: __PropType<boolean | undefined>;
23
+ type: BooleanConstructor;
25
24
  required: false;
26
25
  default: boolean;
27
26
  };
28
27
  small: {
29
- type: __PropType<boolean | undefined>;
28
+ type: BooleanConstructor;
30
29
  required: false;
31
30
  default: boolean;
32
31
  };
33
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
32
+ }, {
33
+ props: any;
34
+ colorClass: import("vue").ComputedRef<string>;
35
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
34
36
  text: {
35
- type: __PropType<string | undefined>;
37
+ type: StringConstructor;
36
38
  required: false;
37
39
  default: undefined;
38
40
  };
39
41
  color: {
40
- type: __PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray" | "black" | undefined>;
42
+ type: StringConstructor;
41
43
  required: false;
42
44
  default: string;
43
45
  };
44
46
  icon: {
45
- type: __PropType<boolean | undefined>;
47
+ type: BooleanConstructor;
46
48
  required: false;
47
49
  default: boolean;
48
50
  };
49
51
  mobileTrim: {
50
- type: __PropType<boolean | undefined>;
52
+ type: BooleanConstructor;
51
53
  required: false;
52
54
  default: boolean;
53
55
  };
54
56
  trim: {
55
- type: __PropType<boolean | undefined>;
57
+ type: BooleanConstructor;
56
58
  required: false;
57
59
  default: boolean;
58
60
  };
59
61
  small: {
60
- type: __PropType<boolean | undefined>;
62
+ type: BooleanConstructor;
61
63
  required: false;
62
64
  default: boolean;
63
65
  };
64
66
  }>>, {
65
- text: string | undefined;
66
- color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray" | "black" | undefined;
67
- icon: boolean | undefined;
68
- mobileTrim: boolean | undefined;
69
- trim: boolean | undefined;
70
- small: boolean | undefined;
67
+ text: string;
68
+ color: string;
69
+ small: boolean;
70
+ icon: boolean;
71
+ mobileTrim: boolean;
72
+ trim: boolean;
71
73
  }>;
72
74
  export default _sfc_main;