@ironsource/shared-ui 2.1.2-rc.0 → 2.1.3-rc.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 (27) hide show
  1. package/AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css +1 -0
  2. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_f0c4710f_lang.css +1 -0
  3. package/DropdownV4.vue_vue_type_style_index_0_scoped_78c1497e_lang.css +1 -0
  4. package/InlineCopy.vue_vue_type_style_index_0_scoped_117ac157_lang.css +1 -0
  5. package/README.md +1 -1
  6. package/components/appHeader/AppHeader.vue.d.ts +5 -0
  7. package/components/appHeader/AppHeader.vue.js +2 -2
  8. package/components/appHeader/AppHeader.vue2.js +33 -29
  9. package/components/appHeader/index.d.ts +9 -0
  10. package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +5 -0
  11. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
  12. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +15 -13
  13. package/components/dropdown/v4/DropdownV4.vue.d.ts +5 -0
  14. package/components/dropdown/v4/DropdownV4.vue.js +2 -2
  15. package/components/dropdown/v4/DropdownV4.vue2.js +60 -58
  16. package/components/dropdown/v4/dropdownStoryArgs.d.ts +8 -0
  17. package/components/dropdown/v4/index.d.ts +40 -2
  18. package/components/inlineCopy/InlineCopy.vue.d.ts +5 -0
  19. package/components/inlineCopy/InlineCopy.vue.js +2 -2
  20. package/components/inlineCopy/InlineCopy.vue2.js +29 -27
  21. package/components/inlineCopy/index.d.ts +11 -0
  22. package/index.d.ts +120 -4
  23. package/package.json +6 -2
  24. package/AppHeader.vue_vue_type_style_index_0_scoped_5afbd3dd_lang.css +0 -1
  25. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_5fa01c78_lang.css +0 -1
  26. package/DropdownV4.vue_vue_type_style_index_0_scoped_258b9f7e_lang.css +0 -1
  27. package/InlineCopy.vue_vue_type_style_index_0_scoped_39577dfc_lang.css +0 -1
package/index.d.ts CHANGED
@@ -67,6 +67,11 @@ declare const _default: {
67
67
  required: true;
68
68
  default: string;
69
69
  };
70
+ hideTextValue: {
71
+ type: import("vue").PropType<boolean>;
72
+ required: true;
73
+ default: boolean;
74
+ };
70
75
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
71
76
  text: {
72
77
  type: import("vue").PropType<string>;
@@ -83,10 +88,16 @@ declare const _default: {
83
88
  required: true;
84
89
  default: string;
85
90
  };
91
+ hideTextValue: {
92
+ type: import("vue").PropType<boolean>;
93
+ required: true;
94
+ default: boolean;
95
+ };
86
96
  }>>, {
87
97
  text: string;
88
98
  size: "small" | "medium";
89
99
  testId: string;
100
+ hideTextValue: boolean;
90
101
  }>;
91
102
  InlineCopyTypes: () => import("vue").DefineComponent<{
92
103
  text: {
@@ -104,6 +115,11 @@ declare const _default: {
104
115
  required: true;
105
116
  default: string;
106
117
  };
118
+ hideTextValue: {
119
+ type: import("vue").PropType<boolean>;
120
+ required: true;
121
+ default: boolean;
122
+ };
107
123
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
108
124
  text: {
109
125
  type: import("vue").PropType<string>;
@@ -120,10 +136,16 @@ declare const _default: {
120
136
  required: true;
121
137
  default: string;
122
138
  };
139
+ hideTextValue: {
140
+ type: import("vue").PropType<boolean>;
141
+ required: true;
142
+ default: boolean;
143
+ };
123
144
  }>>, {
124
145
  text: string;
125
146
  size: "small" | "medium";
126
147
  testId: string;
148
+ hideTextValue: boolean;
127
149
  }>[];
128
150
  AppHeader: import("vue").DefineComponent<{
129
151
  name: {
@@ -131,6 +153,10 @@ declare const _default: {
131
153
  required: true;
132
154
  default: string;
133
155
  };
156
+ type: {
157
+ type: import("vue").PropType<"small" | "normal">;
158
+ default: string;
159
+ };
134
160
  image: {
135
161
  type: import("vue").PropType<string>;
136
162
  required: true;
@@ -157,6 +183,10 @@ declare const _default: {
157
183
  required: true;
158
184
  default: string;
159
185
  };
186
+ type: {
187
+ type: import("vue").PropType<"small" | "normal">;
188
+ default: string;
189
+ };
160
190
  image: {
161
191
  type: import("vue").PropType<string>;
162
192
  required: true;
@@ -179,6 +209,7 @@ declare const _default: {
179
209
  };
180
210
  }>>, {
181
211
  name: string;
212
+ type: "small" | "normal";
182
213
  image: string;
183
214
  testId: string;
184
215
  platform: "android" | "ios";
@@ -190,6 +221,10 @@ declare const _default: {
190
221
  required: true;
191
222
  default: string;
192
223
  };
224
+ type: {
225
+ type: import("vue").PropType<"small" | "normal">;
226
+ default: string;
227
+ };
193
228
  image: {
194
229
  type: import("vue").PropType<string>;
195
230
  required: true;
@@ -216,6 +251,10 @@ declare const _default: {
216
251
  required: true;
217
252
  default: string;
218
253
  };
254
+ type: {
255
+ type: import("vue").PropType<"small" | "normal">;
256
+ default: string;
257
+ };
219
258
  image: {
220
259
  type: import("vue").PropType<string>;
221
260
  required: true;
@@ -238,6 +277,7 @@ declare const _default: {
238
277
  };
239
278
  }>>, {
240
279
  name: string;
280
+ type: "small" | "normal";
241
281
  image: string;
242
282
  testId: string;
243
283
  platform: "android" | "ios";
@@ -10868,6 +10908,7 @@ declare const _default: {
10868
10908
  triggerHelperText: string;
10869
10909
  triggerFeedbackText: string;
10870
10910
  triggerFeedbackVariant: "success" | "warning" | "error";
10911
+ triggerFeedbackShowIcon: boolean;
10871
10912
  searchAutoFocus: boolean;
10872
10913
  predefinedTrigger: "default" | "icon-button" | "chip" | "app";
10873
10914
  fullWidth: boolean;
@@ -11031,6 +11072,10 @@ declare const _default: {
11031
11072
  type: import("vue").PropType<"success" | "warning" | "error">;
11032
11073
  default: any;
11033
11074
  };
11075
+ triggerFeedbackShowIcon: {
11076
+ type: import("vue").PropType<boolean>;
11077
+ default: boolean;
11078
+ };
11034
11079
  searchAutoFocus: {
11035
11080
  type: import("vue").PropType<boolean>;
11036
11081
  default: boolean;
@@ -11057,7 +11102,7 @@ declare const _default: {
11057
11102
  "onUpdate:isOpen"?: (value: unknown) => any;
11058
11103
  onOpened?: () => any;
11059
11104
  onClosed?: () => any;
11060
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "showSelectAll" | "defaultOpen" | "skidding" | "onSearch" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth" | "statusType">;
11105
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "showSelectAll" | "defaultOpen" | "skidding" | "onSearch" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth" | "statusType">;
11061
11106
  $attrs: {
11062
11107
  [x: string]: unknown;
11063
11108
  };
@@ -11229,6 +11274,10 @@ declare const _default: {
11229
11274
  type: import("vue").PropType<"success" | "warning" | "error">;
11230
11275
  default: any;
11231
11276
  };
11277
+ triggerFeedbackShowIcon: {
11278
+ type: import("vue").PropType<boolean>;
11279
+ default: boolean;
11280
+ };
11232
11281
  searchAutoFocus: {
11233
11282
  type: import("vue").PropType<boolean>;
11234
11283
  default: boolean;
@@ -11300,6 +11349,7 @@ declare const _default: {
11300
11349
  triggerHelperText: string;
11301
11350
  triggerFeedbackText: string;
11302
11351
  triggerFeedbackVariant: "success" | "warning" | "error";
11352
+ triggerFeedbackShowIcon: boolean;
11303
11353
  searchAutoFocus: boolean;
11304
11354
  predefinedTrigger: "default" | "icon-button" | "chip" | "app";
11305
11355
  fullWidth: boolean;
@@ -11483,6 +11533,10 @@ declare const _default: {
11483
11533
  type: import("vue").PropType<"success" | "warning" | "error">;
11484
11534
  default: any;
11485
11535
  };
11536
+ triggerFeedbackShowIcon: {
11537
+ type: import("vue").PropType<boolean>;
11538
+ default: boolean;
11539
+ };
11486
11540
  searchAutoFocus: {
11487
11541
  type: import("vue").PropType<boolean>;
11488
11542
  default: boolean;
@@ -11674,6 +11728,10 @@ declare const _default: {
11674
11728
  type: import("vue").PropType<"success" | "warning" | "error">;
11675
11729
  default: any;
11676
11730
  };
11731
+ triggerFeedbackShowIcon: {
11732
+ type: import("vue").PropType<boolean>;
11733
+ default: boolean;
11734
+ };
11677
11735
  searchAutoFocus: {
11678
11736
  type: import("vue").PropType<boolean>;
11679
11737
  default: boolean;
@@ -11745,6 +11803,7 @@ declare const _default: {
11745
11803
  triggerHelperText: string;
11746
11804
  triggerFeedbackText: string;
11747
11805
  triggerFeedbackVariant: "success" | "warning" | "error";
11806
+ triggerFeedbackShowIcon: boolean;
11748
11807
  searchAutoFocus: boolean;
11749
11808
  predefinedTrigger: "default" | "icon-button" | "chip" | "app";
11750
11809
  fullWidth: boolean;
@@ -11790,6 +11849,7 @@ declare const _default: {
11790
11849
  hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
11791
11850
  feedbackText: string;
11792
11851
  feedbackVariant: "success" | "warning" | "error";
11852
+ showFeedbackIcon: boolean;
11793
11853
  statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
11794
11854
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
11795
11855
  label: {
@@ -11882,13 +11942,17 @@ declare const _default: {
11882
11942
  type: import("vue").PropType<"success" | "warning" | "error">;
11883
11943
  default: any;
11884
11944
  };
11945
+ showFeedbackIcon: {
11946
+ type: import("vue").PropType<boolean>;
11947
+ default: boolean;
11948
+ };
11885
11949
  statusDotType: {
11886
11950
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
11887
11951
  default: any;
11888
11952
  };
11889
11953
  }>> & {
11890
11954
  onClick?: () => any;
11891
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "statusDotType">;
11955
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackIcon" | "statusDotType">;
11892
11956
  $attrs: {
11893
11957
  [x: string]: unknown;
11894
11958
  };
@@ -11993,6 +12057,10 @@ declare const _default: {
11993
12057
  type: import("vue").PropType<"success" | "warning" | "error">;
11994
12058
  default: any;
11995
12059
  };
12060
+ showFeedbackIcon: {
12061
+ type: import("vue").PropType<boolean>;
12062
+ default: boolean;
12063
+ };
11996
12064
  statusDotType: {
11997
12065
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
11998
12066
  default: any;
@@ -12023,6 +12091,7 @@ declare const _default: {
12023
12091
  hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
12024
12092
  feedbackText: string;
12025
12093
  feedbackVariant: "success" | "warning" | "error";
12094
+ showFeedbackIcon: boolean;
12026
12095
  statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
12027
12096
  }, {}, string> & {
12028
12097
  beforeCreate?: (() => void) | (() => void)[];
@@ -12135,6 +12204,10 @@ declare const _default: {
12135
12204
  type: import("vue").PropType<"success" | "warning" | "error">;
12136
12205
  default: any;
12137
12206
  };
12207
+ showFeedbackIcon: {
12208
+ type: import("vue").PropType<boolean>;
12209
+ default: boolean;
12210
+ };
12138
12211
  statusDotType: {
12139
12212
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
12140
12213
  default: any;
@@ -12236,6 +12309,10 @@ declare const _default: {
12236
12309
  type: import("vue").PropType<"success" | "warning" | "error">;
12237
12310
  default: any;
12238
12311
  };
12312
+ showFeedbackIcon: {
12313
+ type: import("vue").PropType<boolean>;
12314
+ default: boolean;
12315
+ };
12239
12316
  statusDotType: {
12240
12317
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
12241
12318
  default: any;
@@ -12266,6 +12343,7 @@ declare const _default: {
12266
12343
  hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
12267
12344
  feedbackText: string;
12268
12345
  feedbackVariant: "success" | "warning" | "error";
12346
+ showFeedbackIcon: boolean;
12269
12347
  statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
12270
12348
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
12271
12349
  $slots: {
@@ -13376,6 +13454,7 @@ declare const _default: {
13376
13454
  hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
13377
13455
  feedbackText: string;
13378
13456
  feedbackVariant: "success" | "warning" | "error";
13457
+ showFeedbackIcon: boolean;
13379
13458
  statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
13380
13459
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
13381
13460
  label: {
@@ -13468,13 +13547,17 @@ declare const _default: {
13468
13547
  type: import("vue").PropType<"success" | "warning" | "error">;
13469
13548
  default: any;
13470
13549
  };
13550
+ showFeedbackIcon: {
13551
+ type: import("vue").PropType<boolean>;
13552
+ default: boolean;
13553
+ };
13471
13554
  statusDotType: {
13472
13555
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
13473
13556
  default: any;
13474
13557
  };
13475
13558
  }>> & {
13476
13559
  onClick?: () => any;
13477
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "statusDotType">;
13560
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackIcon" | "statusDotType">;
13478
13561
  $attrs: {
13479
13562
  [x: string]: unknown;
13480
13563
  };
@@ -13579,6 +13662,10 @@ declare const _default: {
13579
13662
  type: import("vue").PropType<"success" | "warning" | "error">;
13580
13663
  default: any;
13581
13664
  };
13665
+ showFeedbackIcon: {
13666
+ type: import("vue").PropType<boolean>;
13667
+ default: boolean;
13668
+ };
13582
13669
  statusDotType: {
13583
13670
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
13584
13671
  default: any;
@@ -13609,6 +13696,7 @@ declare const _default: {
13609
13696
  hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
13610
13697
  feedbackText: string;
13611
13698
  feedbackVariant: "success" | "warning" | "error";
13699
+ showFeedbackIcon: boolean;
13612
13700
  statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
13613
13701
  }, {}, string> & {
13614
13702
  beforeCreate?: (() => void) | (() => void)[];
@@ -13721,6 +13809,10 @@ declare const _default: {
13721
13809
  type: import("vue").PropType<"success" | "warning" | "error">;
13722
13810
  default: any;
13723
13811
  };
13812
+ showFeedbackIcon: {
13813
+ type: import("vue").PropType<boolean>;
13814
+ default: boolean;
13815
+ };
13724
13816
  statusDotType: {
13725
13817
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
13726
13818
  default: any;
@@ -13822,6 +13914,10 @@ declare const _default: {
13822
13914
  type: import("vue").PropType<"success" | "warning" | "error">;
13823
13915
  default: any;
13824
13916
  };
13917
+ showFeedbackIcon: {
13918
+ type: import("vue").PropType<boolean>;
13919
+ default: boolean;
13920
+ };
13825
13921
  statusDotType: {
13826
13922
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
13827
13923
  default: any;
@@ -13852,6 +13948,7 @@ declare const _default: {
13852
13948
  hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
13853
13949
  feedbackText: string;
13854
13950
  feedbackVariant: "success" | "warning" | "error";
13951
+ showFeedbackIcon: boolean;
13855
13952
  statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
13856
13953
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
13857
13954
  $slots: {
@@ -14167,6 +14264,7 @@ declare const _default: {
14167
14264
  triggerHelperText: string;
14168
14265
  triggerFeedbackText: string;
14169
14266
  triggerFeedbackVariant: "success" | "warning" | "error";
14267
+ triggerFeedbackShowIcon: boolean;
14170
14268
  searchAutoFocus: boolean;
14171
14269
  predefinedTrigger: "default" | "icon-button" | "chip" | "app";
14172
14270
  fullWidth: boolean;
@@ -14330,6 +14428,10 @@ declare const _default: {
14330
14428
  type: import("vue").PropType<"success" | "warning" | "error">;
14331
14429
  default: any;
14332
14430
  };
14431
+ triggerFeedbackShowIcon: {
14432
+ type: import("vue").PropType<boolean>;
14433
+ default: boolean;
14434
+ };
14333
14435
  searchAutoFocus: {
14334
14436
  type: import("vue").PropType<boolean>;
14335
14437
  default: boolean;
@@ -14356,7 +14458,7 @@ declare const _default: {
14356
14458
  "onUpdate:isOpen"?: (value: unknown) => any;
14357
14459
  onOpened?: () => any;
14358
14460
  onClosed?: () => any;
14359
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "showSelectAll" | "defaultOpen" | "skidding" | "onSearch" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth" | "statusType">;
14461
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "showSelectAll" | "defaultOpen" | "skidding" | "onSearch" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth" | "statusType">;
14360
14462
  $attrs: {
14361
14463
  [x: string]: unknown;
14362
14464
  };
@@ -14528,6 +14630,10 @@ declare const _default: {
14528
14630
  type: import("vue").PropType<"success" | "warning" | "error">;
14529
14631
  default: any;
14530
14632
  };
14633
+ triggerFeedbackShowIcon: {
14634
+ type: import("vue").PropType<boolean>;
14635
+ default: boolean;
14636
+ };
14531
14637
  searchAutoFocus: {
14532
14638
  type: import("vue").PropType<boolean>;
14533
14639
  default: boolean;
@@ -14599,6 +14705,7 @@ declare const _default: {
14599
14705
  triggerHelperText: string;
14600
14706
  triggerFeedbackText: string;
14601
14707
  triggerFeedbackVariant: "success" | "warning" | "error";
14708
+ triggerFeedbackShowIcon: boolean;
14602
14709
  searchAutoFocus: boolean;
14603
14710
  predefinedTrigger: "default" | "icon-button" | "chip" | "app";
14604
14711
  fullWidth: boolean;
@@ -14782,6 +14889,10 @@ declare const _default: {
14782
14889
  type: import("vue").PropType<"success" | "warning" | "error">;
14783
14890
  default: any;
14784
14891
  };
14892
+ triggerFeedbackShowIcon: {
14893
+ type: import("vue").PropType<boolean>;
14894
+ default: boolean;
14895
+ };
14785
14896
  searchAutoFocus: {
14786
14897
  type: import("vue").PropType<boolean>;
14787
14898
  default: boolean;
@@ -14973,6 +15084,10 @@ declare const _default: {
14973
15084
  type: import("vue").PropType<"success" | "warning" | "error">;
14974
15085
  default: any;
14975
15086
  };
15087
+ triggerFeedbackShowIcon: {
15088
+ type: import("vue").PropType<boolean>;
15089
+ default: boolean;
15090
+ };
14976
15091
  searchAutoFocus: {
14977
15092
  type: import("vue").PropType<boolean>;
14978
15093
  default: boolean;
@@ -15044,6 +15159,7 @@ declare const _default: {
15044
15159
  triggerHelperText: string;
15045
15160
  triggerFeedbackText: string;
15046
15161
  triggerFeedbackVariant: "success" | "warning" | "error";
15162
+ triggerFeedbackShowIcon: boolean;
15047
15163
  searchAutoFocus: boolean;
15048
15164
  predefinedTrigger: "default" | "icon-button" | "chip" | "app";
15049
15165
  fullWidth: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.2-rc.0",
3
+ "version": "2.1.3-rc.0",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -220,7 +220,8 @@
220
220
  "./inlineCopy": "./components/inlineCopy/index.js",
221
221
  "./appHeader": "./components/appHeader/index.js",
222
222
  "./forms": "./components/forms/index.js",
223
- "./statusDot": "./components/statusDot/index.js"
223
+ "./statusDot": "./components/statusDot/index.js",
224
+ "./composables/useFormValidation": "./composables/useFormValidation.js"
224
225
  },
225
226
  "typesVersions": {
226
227
  "*": {
@@ -433,6 +434,9 @@
433
434
  ],
434
435
  "statusDot": [
435
436
  "./components/statusDot/index.d.ts"
437
+ ],
438
+ "composables/useFormValidation": [
439
+ "./composables/useFormValidation.d.ts"
436
440
  ]
437
441
  }
438
442
  },
package/AppHeader.vue_vue_type_style_index_0_scoped_5afbd3dd_lang.css DELETED
@@ -1 +0,0 @@
1
- .app-header[data-v-5afbd3dd]{display:flex}.app-header .image-container[data-v-5afbd3dd]{height:48px;width:48px;border-radius:4px}.app-header .image-container img[data-v-5afbd3dd]{min-width:100%;object-fit:cover;border-radius:4px}.app-header .icon-container[data-v-5afbd3dd]{color:var(--action-active);display:flex;align-items:center;padding:0 8px}.app-header .name-container .title[data-v-5afbd3dd]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-5afbd3dd]{color:var(--text-secondary)}
package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_5fa01c78_lang.css DELETED
@@ -1 +0,0 @@
1
- .default-dropdown-wrapper[data-v-5fa01c78]{position:relative}.dropdown-trigger[data-v-5fa01c78]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.5rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-5fa01c78]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-5fa01c78]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-5fa01c78]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-5fa01c78]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.open[data-v-5fa01c78]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-5fa01c78]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-5fa01c78]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-5fa01c78]{padding:4px 6px;border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-5fa01c78]{padding:4px 6px;border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-5fa01c78]{padding:4px 6px;border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-5fa01c78]{color:var(--action-active)}.content[data-v-5fa01c78]{width:calc(100% - 28px);display:flex;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-5fa01c78]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-5fa01c78]{width:20px;height:20px;flex:none}.content .image img[data-v-5fa01c78]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-5fa01c78]{display:flex;color:var(--action-active)}.content .status-dot[data-v-5fa01c78]{padding-right:.25rem}.content .status-dot>div[data-v-5fa01c78]{position:relative;top:-1px}.dropdown-field-label[data-v-5fa01c78]{color:var(--text-primary)}.dropdown-field-help-text[data-v-5fa01c78]{margin-top:4px;position:absolute}
package/DropdownV4.vue_vue_type_style_index_0_scoped_258b9f7e_lang.css DELETED
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-258b9f7e],.v-leave-active[data-v-258b9f7e]{transition:opacity .25s ease}ol[data-v-258b9f7e],ul[data-v-258b9f7e],menu[data-v-258b9f7e]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-258b9f7e],.dropdown.full-width .button__container[data-v-258b9f7e]{width:100%}.dropdown-list-wrapper[data-v-258b9f7e]{display:flex;flex-direction:column;padding:.5rem}.list-container--multi[data-v-258b9f7e]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-258b9f7e]{padding-bottom:.25rem}.inline-search .list-container[data-v-258b9f7e]{padding-top:0}.no-result-container[data-v-258b9f7e]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-258b9f7e]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-258b9f7e]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-258b9f7e]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list li[data-v-258b9f7e]:last-child .item-container{margin-bottom:0}.image-slot[data-v-258b9f7e]{margin-right:.5rem}.actions-wrapper[data-v-258b9f7e]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between}.apply-button[data-v-258b9f7e]{margin-left:.5rem}
package/InlineCopy.vue_vue_type_style_index_0_scoped_39577dfc_lang.css DELETED
@@ -1 +0,0 @@
1
- .inline-copy[data-v-39577dfc]{display:inline-flex;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-39577dfc]{padding:0 4px;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-39577dfc]:hover{color:var(--action-primary)}