@ironsource/shared-ui 2.0.0-rc.7 → 2.0.0-rc.8

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 (84) hide show
  1. package/Button.vue_vue_type_style_index_0_scoped_bfe31a93_lang.css +1 -0
  2. package/ButtonBase.vue_vue_type_style_index_0_scoped_9021cac4_lang.css +1 -0
  3. package/ButtonV4.vue_vue_type_style_index_0_scoped_31e553e8_lang.css +1 -0
  4. package/Dropdown.vue_vue_type_style_index_0_scoped_d4f8e790_lang.css +1 -0
  5. package/FilterDropdown.vue_vue_type_style_index_0_scoped_b42d8b45_lang.css +1 -0
  6. package/IconButton.vue_vue_type_style_index_0_scoped_6dffd3f6_lang.css +1 -0
  7. package/Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css +1 -0
  8. package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts +1 -1
  9. package/components/autocompleteDropdown/index.d.ts +1 -1
  10. package/components/button/v3/Button.vue.d.ts +4 -27
  11. package/components/button/v3/Button.vue.js +3 -3
  12. package/components/button/v3/Button.vue2.js +43 -75
  13. package/components/button/{common → v3}/ButtonBase.vue.d.ts +9 -9
  14. package/components/button/{common → v3}/ButtonBase.vue.js +3 -3
  15. package/components/button/{common → v3}/ButtonBase.vue2.js +3 -3
  16. package/components/button/v3/IconButton.vue.js +2 -2
  17. package/components/button/v3/IconButton.vue2.js +4 -4
  18. package/components/button/v3/LoaderCircleIcon.vue2.js +0 -0
  19. package/components/button/v3/LoaderDotsIcon.vue2.js +0 -0
  20. package/components/button/v3/index.d.ts +130 -0
  21. package/components/button/v4/ButtonV4.vue.d.ts +16 -6
  22. package/components/button/v4/ButtonV4.vue.js +3 -3
  23. package/components/button/v4/ButtonV4.vue2.js +41 -38
  24. package/components/button/v4/index.d.ts +53 -15
  25. package/components/chip/v3/Chip.vue.d.ts +1 -1
  26. package/components/chip/v3/index.d.ts +20 -20
  27. package/components/chip/v4/ChipV4.vue.d.ts +1 -1
  28. package/components/chip/v4/index.d.ts +20 -20
  29. package/components/dialog/v3/Dialog.vue.d.ts +1 -1
  30. package/components/dialog/v3/index.d.ts +4 -4
  31. package/components/dialog/v4/DialogV4.vue.d.ts +1 -1
  32. package/components/dialog/v4/index.d.ts +4 -4
  33. package/components/dropdown/v3/Dropdown.vue.d.ts +5 -5
  34. package/components/dropdown/v3/Dropdown.vue.js +2 -2
  35. package/components/dropdown/v3/Dropdown.vue2.js +4 -4
  36. package/components/dropdown/v3/index.d.ts +59 -59
  37. package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +1 -1
  38. package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +3 -3
  39. package/components/dropdown/v4/DropdownV4.vue.d.ts +2 -2
  40. package/components/dropdown/v4/index.d.ts +111 -111
  41. package/components/filterDropdown/FilterDropdown.vue.js +2 -2
  42. package/components/filterDropdown/FilterDropdown.vue2.js +4 -4
  43. package/components/includeExclude/IncludeExclude.vue.d.ts +2 -2
  44. package/components/includeExclude/IncludeExclude.vue2.js +22 -23
  45. package/components/includeExclude/IncludeExcludeAppHeader.vue.d.ts +2 -2
  46. package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +2 -2
  47. package/components/includeExclude/IncludeExcludeDragDrop.vue.d.ts +2 -2
  48. package/components/includeExclude/IncludeExcludeDragDrop.vue2.js +31 -32
  49. package/components/includeExclude/index.d.ts +135 -135
  50. package/components/input/v3/Input.vue.d.ts +3 -3
  51. package/components/input/v3/index.d.ts +82 -82
  52. package/components/input/v4/TextField.vue.d.ts +6 -6
  53. package/components/input/v4/index.d.ts +103 -103
  54. package/components/menu/Menu.vue.d.ts +1 -1
  55. package/components/menu/index.d.ts +20 -20
  56. package/components/multibar/MultiBar.vue.d.ts +1 -1
  57. package/components/multibar/index.d.ts +1 -1
  58. package/components/popover/Popover.vue.js +6 -36
  59. package/components/popover/Popover.vue2.js +36 -3
  60. package/components/popover/index.d.ts +16 -16
  61. package/components/popover/index.js +2 -3
  62. package/components/snackbar/v4/SnackbarV4.vue.d.ts +30 -10
  63. package/components/table/v3/index.d.ts +16 -16
  64. package/components/table/v4/DataGrid.vue.d.ts +1 -1
  65. package/components/table/v4/index.d.ts +20 -20
  66. package/components/toggle/v3/Toggle.vue.d.ts +1 -1
  67. package/components/toggle/v3/index.d.ts +17 -17
  68. package/components/toggle/v4/ToggleV4.vue.d.ts +2 -2
  69. package/index.d.ts +874 -798
  70. package/package.json +1 -1
  71. package/Button.vue_vue_type_style_index_0_scoped_d92097c8_lang.css +0 -1
  72. package/ButtonBase.vue_vue_type_style_index_0_scoped_70baba59_lang.css +0 -1
  73. package/ButtonV4.vue_vue_type_style_index_0_scoped_3fd2281b_lang.css +0 -1
  74. package/Dropdown.vue_vue_type_style_index_0_scoped_e8324d12_lang.css +0 -1
  75. package/FilterDropdown.vue_vue_type_style_index_0_scoped_1320b13b_lang.css +0 -1
  76. package/IconButton.vue_vue_type_style_index_0_scoped_2fe9bc4c_lang.css +0 -1
  77. package/components/button/common/ButtonSuper.vue.d.ts +0 -52
  78. /package/{Popover.vue_vue_type_style_index_0_lang.css → Popover.vue_vue_type_style_index_1_lang.css} +0 -0
  79. /package/components/button/{consts.d.ts → common/consts.d.ts} +0 -0
  80. /package/components/button/{consts.js → common/consts.js} +0 -0
  81. /package/components/button/{icon → v3}/LoaderCircleIcon.vue.d.ts +0 -0
  82. /package/components/button/{icon → v3}/LoaderCircleIcon.vue.js +0 -0
  83. /package/components/button/{icon → v3}/LoaderDotsIcon.vue.d.ts +0 -0
  84. /package/components/button/{icon → v3}/LoaderDotsIcon.vue.js +0 -0
package/components/input/v3/index.d.ts CHANGED
@@ -12,14 +12,14 @@ declare const InputTypes: () => (({
12
12
  size: "sm" | "lg";
13
13
  testId: string;
14
14
  disabled: boolean;
15
+ modelValue: string | number;
16
+ placeholder: string;
15
17
  mandatory: boolean;
18
+ autoFocus: boolean;
16
19
  hoverHelpText: string;
17
20
  hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
18
- modelValue: string | number;
19
- placeholder: string;
20
21
  viewOnly: boolean;
21
22
  labelDirection: "top" | "left" | "inside";
22
- autoFocus: boolean;
23
23
  hideNumberArrows: boolean;
24
24
  step: number;
25
25
  onlyDigits: boolean;
@@ -46,10 +46,22 @@ declare const InputTypes: () => (({
46
46
  type: import("vue").PropType<boolean>;
47
47
  default: boolean;
48
48
  };
49
+ modelValue: {
50
+ type: import("vue").PropType<string | number>;
51
+ default: string;
52
+ };
53
+ placeholder: {
54
+ type: import("vue").PropType<string>;
55
+ default: string;
56
+ };
49
57
  mandatory: {
50
58
  type: import("vue").PropType<boolean>;
51
59
  default: boolean;
52
60
  };
61
+ autoFocus: {
62
+ type: import("vue").PropType<boolean>;
63
+ default: boolean;
64
+ };
53
65
  hoverHelpText: {
54
66
  type: import("vue").PropType<string>;
55
67
  default: string;
@@ -58,14 +70,6 @@ declare const InputTypes: () => (({
58
70
  type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
59
71
  default: string;
60
72
  };
61
- modelValue: {
62
- type: import("vue").PropType<string | number>;
63
- default: string;
64
- };
65
- placeholder: {
66
- type: import("vue").PropType<string>;
67
- default: string;
68
- };
69
73
  viewOnly: {
70
74
  type: import("vue").PropType<boolean>;
71
75
  default: boolean;
@@ -74,10 +78,6 @@ declare const InputTypes: () => (({
74
78
  type: import("vue").PropType<"top" | "left" | "inside">;
75
79
  default: string;
76
80
  };
77
- autoFocus: {
78
- type: import("vue").PropType<boolean>;
79
- default: boolean;
80
- };
81
81
  hideNumberArrows: {
82
82
  type: import("vue").PropType<boolean>;
83
83
  default: boolean;
@@ -100,7 +100,7 @@ declare const InputTypes: () => (({
100
100
  };
101
101
  }>> & {
102
102
  "onUpdate:modelValue"?: (value: string | number) => any;
103
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "feedbackHelpText" | "feedbackErrorText">;
103
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "modelValue" | "placeholder" | "mandatory" | "autoFocus" | "hoverHelpText" | "hoverHelpTextPlacement" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "feedbackHelpText" | "feedbackErrorText">;
104
104
  $attrs: {
105
105
  [x: string]: unknown;
106
106
  };
@@ -135,10 +135,22 @@ declare const InputTypes: () => (({
135
135
  type: import("vue").PropType<boolean>;
136
136
  default: boolean;
137
137
  };
138
+ modelValue: {
139
+ type: import("vue").PropType<string | number>;
140
+ default: string;
141
+ };
142
+ placeholder: {
143
+ type: import("vue").PropType<string>;
144
+ default: string;
145
+ };
138
146
  mandatory: {
139
147
  type: import("vue").PropType<boolean>;
140
148
  default: boolean;
141
149
  };
150
+ autoFocus: {
151
+ type: import("vue").PropType<boolean>;
152
+ default: boolean;
153
+ };
142
154
  hoverHelpText: {
143
155
  type: import("vue").PropType<string>;
144
156
  default: string;
@@ -147,14 +159,6 @@ declare const InputTypes: () => (({
147
159
  type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
148
160
  default: string;
149
161
  };
150
- modelValue: {
151
- type: import("vue").PropType<string | number>;
152
- default: string;
153
- };
154
- placeholder: {
155
- type: import("vue").PropType<string>;
156
- default: string;
157
- };
158
162
  viewOnly: {
159
163
  type: import("vue").PropType<boolean>;
160
164
  default: boolean;
@@ -163,10 +167,6 @@ declare const InputTypes: () => (({
163
167
  type: import("vue").PropType<"top" | "left" | "inside">;
164
168
  default: string;
165
169
  };
166
- autoFocus: {
167
- type: import("vue").PropType<boolean>;
168
- default: boolean;
169
- };
170
170
  hideNumberArrows: {
171
171
  type: import("vue").PropType<boolean>;
172
172
  default: boolean;
@@ -197,14 +197,14 @@ declare const InputTypes: () => (({
197
197
  size: "sm" | "lg";
198
198
  testId: string;
199
199
  disabled: boolean;
200
+ modelValue: string | number;
201
+ placeholder: string;
200
202
  mandatory: boolean;
203
+ autoFocus: boolean;
201
204
  hoverHelpText: string;
202
205
  hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
203
- modelValue: string | number;
204
- placeholder: string;
205
206
  viewOnly: boolean;
206
207
  labelDirection: "top" | "left" | "inside";
207
- autoFocus: boolean;
208
208
  hideNumberArrows: boolean;
209
209
  step: number;
210
210
  onlyDigits: boolean;
@@ -251,10 +251,22 @@ declare const InputTypes: () => (({
251
251
  type: import("vue").PropType<boolean>;
252
252
  default: boolean;
253
253
  };
254
+ modelValue: {
255
+ type: import("vue").PropType<string | number>;
256
+ default: string;
257
+ };
258
+ placeholder: {
259
+ type: import("vue").PropType<string>;
260
+ default: string;
261
+ };
254
262
  mandatory: {
255
263
  type: import("vue").PropType<boolean>;
256
264
  default: boolean;
257
265
  };
266
+ autoFocus: {
267
+ type: import("vue").PropType<boolean>;
268
+ default: boolean;
269
+ };
258
270
  hoverHelpText: {
259
271
  type: import("vue").PropType<string>;
260
272
  default: string;
@@ -263,14 +275,6 @@ declare const InputTypes: () => (({
263
275
  type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
264
276
  default: string;
265
277
  };
266
- modelValue: {
267
- type: import("vue").PropType<string | number>;
268
- default: string;
269
- };
270
- placeholder: {
271
- type: import("vue").PropType<string>;
272
- default: string;
273
- };
274
278
  viewOnly: {
275
279
  type: import("vue").PropType<boolean>;
276
280
  default: boolean;
@@ -279,10 +283,6 @@ declare const InputTypes: () => (({
279
283
  type: import("vue").PropType<"top" | "left" | "inside">;
280
284
  default: string;
281
285
  };
282
- autoFocus: {
283
- type: import("vue").PropType<boolean>;
284
- default: boolean;
285
- };
286
286
  hideNumberArrows: {
287
287
  type: import("vue").PropType<boolean>;
288
288
  default: boolean;
@@ -330,10 +330,22 @@ declare const InputTypes: () => (({
330
330
  type: import("vue").PropType<boolean>;
331
331
  default: boolean;
332
332
  };
333
+ modelValue: {
334
+ type: import("vue").PropType<string | number>;
335
+ default: string;
336
+ };
337
+ placeholder: {
338
+ type: import("vue").PropType<string>;
339
+ default: string;
340
+ };
333
341
  mandatory: {
334
342
  type: import("vue").PropType<boolean>;
335
343
  default: boolean;
336
344
  };
345
+ autoFocus: {
346
+ type: import("vue").PropType<boolean>;
347
+ default: boolean;
348
+ };
337
349
  hoverHelpText: {
338
350
  type: import("vue").PropType<string>;
339
351
  default: string;
@@ -342,14 +354,6 @@ declare const InputTypes: () => (({
342
354
  type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
343
355
  default: string;
344
356
  };
345
- modelValue: {
346
- type: import("vue").PropType<string | number>;
347
- default: string;
348
- };
349
- placeholder: {
350
- type: import("vue").PropType<string>;
351
- default: string;
352
- };
353
357
  viewOnly: {
354
358
  type: import("vue").PropType<boolean>;
355
359
  default: boolean;
@@ -358,10 +362,6 @@ declare const InputTypes: () => (({
358
362
  type: import("vue").PropType<"top" | "left" | "inside">;
359
363
  default: string;
360
364
  };
361
- autoFocus: {
362
- type: import("vue").PropType<boolean>;
363
- default: boolean;
364
- };
365
365
  hideNumberArrows: {
366
366
  type: import("vue").PropType<boolean>;
367
367
  default: boolean;
@@ -392,14 +392,14 @@ declare const InputTypes: () => (({
392
392
  size: "sm" | "lg";
393
393
  testId: string;
394
394
  disabled: boolean;
395
+ modelValue: string | number;
396
+ placeholder: string;
395
397
  mandatory: boolean;
398
+ autoFocus: boolean;
396
399
  hoverHelpText: string;
397
400
  hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
398
- modelValue: string | number;
399
- placeholder: string;
400
401
  viewOnly: boolean;
401
402
  labelDirection: "top" | "left" | "inside";
402
- autoFocus: boolean;
403
403
  hideNumberArrows: boolean;
404
404
  step: number;
405
405
  onlyDigits: boolean;
@@ -491,36 +491,36 @@ declare const InputTypes: () => (({
491
491
  disabled: {
492
492
  type: import("vue").PropType<boolean>;
493
493
  };
494
+ modelValue: {
495
+ type: import("vue").PropType<string | number>;
496
+ };
497
+ placeholder: {
498
+ type: import("vue").PropType<string>;
499
+ };
500
+ "onUpdate:modelValue": {
501
+ type: import("vue").PropType<(value: string | number) => any>;
502
+ };
494
503
  mandatory: {
495
504
  type: import("vue").PropType<boolean>;
496
505
  };
506
+ autoFocus: {
507
+ type: import("vue").PropType<boolean>;
508
+ };
497
509
  hoverHelpText: {
498
510
  type: import("vue").PropType<string>;
499
511
  };
500
512
  hoverHelpTextPlacement: {
501
513
  type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
502
514
  };
503
- modelValue: {
504
- type: import("vue").PropType<string | number>;
505
- };
506
- placeholder: {
507
- type: import("vue").PropType<string>;
508
- };
509
515
  viewOnly: {
510
516
  type: import("vue").PropType<boolean>;
511
517
  };
512
518
  labelDirection: {
513
519
  type: import("vue").PropType<"top" | "left" | "inside">;
514
520
  };
515
- autoFocus: {
516
- type: import("vue").PropType<boolean>;
517
- };
518
521
  onlyDigits: {
519
522
  type: import("vue").PropType<boolean>;
520
523
  };
521
- "onUpdate:modelValue": {
522
- type: import("vue").PropType<(value: string | number) => any>;
523
- };
524
524
  feedbackHelpText: {
525
525
  type: import("vue").PropType<string>;
526
526
  };
@@ -610,36 +610,36 @@ declare const InputTypes: () => (({
610
610
  disabled: {
611
611
  type: import("vue").PropType<boolean>;
612
612
  };
613
+ modelValue: {
614
+ type: import("vue").PropType<string | number>;
615
+ };
616
+ placeholder: {
617
+ type: import("vue").PropType<string>;
618
+ };
619
+ "onUpdate:modelValue": {
620
+ type: import("vue").PropType<(value: string | number) => any>;
621
+ };
613
622
  mandatory: {
614
623
  type: import("vue").PropType<boolean>;
615
624
  };
625
+ autoFocus: {
626
+ type: import("vue").PropType<boolean>;
627
+ };
616
628
  hoverHelpText: {
617
629
  type: import("vue").PropType<string>;
618
630
  };
619
631
  hoverHelpTextPlacement: {
620
632
  type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
621
633
  };
622
- modelValue: {
623
- type: import("vue").PropType<string | number>;
624
- };
625
- placeholder: {
626
- type: import("vue").PropType<string>;
627
- };
628
634
  viewOnly: {
629
635
  type: import("vue").PropType<boolean>;
630
636
  };
631
637
  labelDirection: {
632
638
  type: import("vue").PropType<"top" | "left" | "inside">;
633
639
  };
634
- autoFocus: {
635
- type: import("vue").PropType<boolean>;
636
- };
637
640
  onlyDigits: {
638
641
  type: import("vue").PropType<boolean>;
639
642
  };
640
- "onUpdate:modelValue": {
641
- type: import("vue").PropType<(value: string | number) => any>;
642
- };
643
643
  feedbackHelpText: {
644
644
  type: import("vue").PropType<string>;
645
645
  };
package/components/input/v4/TextField.vue.d.ts CHANGED
@@ -119,25 +119,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
119
119
  size: FieldSize;
120
120
  testId: string;
121
121
  disabled: boolean;
122
+ modelValue: string | number;
123
+ placeholder: string;
122
124
  mandatory: boolean;
125
+ autoFocus: boolean;
126
+ prefix: string;
127
+ feedbackVariant: FeedbackVariant;
123
128
  hoverHelpText: string;
124
129
  hoverHelpTextPlacement: TooltipPositions;
125
- modelValue: string | number;
126
- placeholder: string;
130
+ feedbackText: string;
127
131
  viewOnly: boolean;
128
132
  labelDirection: LabelDirection;
129
- autoFocus: boolean;
130
133
  hideNumberArrows: boolean;
131
134
  step: number;
132
135
  onlyDigits: boolean;
133
- prefix: string;
134
136
  suffix: string;
135
137
  maxLength: number;
136
138
  showApply: boolean;
137
139
  inlineError: boolean;
138
140
  inlineErrorText: string;
139
- feedbackText: string;
140
- feedbackVariant: FeedbackVariant;
141
141
  showFeedbackTextIcon: boolean;
142
142
  }>, {
143
143
  iconBefore?(_: {}): any;