@ironsource/shared-ui 2.1.6-rc.37 → 2.1.6-rc.39

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 (20) hide show
  1. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_0345d6b1_lang.css +1 -0
  2. package/DropdownV4.vue_vue_type_style_index_0_scoped_7af4f288_lang.css +1 -0
  3. package/TreeDropdown.vue_vue_type_style_index_0_scoped_142eab98_lang.css +1 -0
  4. package/components/dropdown/common/Dropdown.common.js +54 -51
  5. package/components/dropdown/composables/useChildOptions.js +5 -5
  6. package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +5 -0
  7. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
  8. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +22 -21
  9. package/components/dropdown/v4/DropdownV4.vue.d.ts +10 -0
  10. package/components/dropdown/v4/DropdownV4.vue.js +2 -2
  11. package/components/dropdown/v4/DropdownV4.vue2.js +45 -42
  12. package/components/dropdown/v4/TreeDropdown.vue.d.ts +15 -0
  13. package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
  14. package/components/dropdown/v4/TreeDropdown.vue2.js +53 -46
  15. package/components/dropdown/v4/index.d.ts +86 -2
  16. package/index.d.ts +172 -4
  17. package/package.json +1 -1
  18. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css +0 -1
  19. package/DropdownV4.vue_vue_type_style_index_0_scoped_b484da34_lang.css +0 -1
  20. package/TreeDropdown.vue_vue_type_style_index_0_scoped_4492426c_lang.css +0 -1
package/components/dropdown/v4/index.d.ts CHANGED
@@ -34,6 +34,7 @@ declare const DropdownTypes: () => (({
34
34
  selectedOption: any;
35
35
  showFeedbackIcon: boolean;
36
36
  brandIconType: "android" | "ios";
37
+ showAllSelectedText: boolean;
37
38
  statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
38
39
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
39
40
  label: {
@@ -130,13 +131,17 @@ declare const DropdownTypes: () => (({
130
131
  type: import("vue").PropType<"android" | "ios">;
131
132
  default: any;
132
133
  };
134
+ showAllSelectedText: {
135
+ type: import("vue").PropType<boolean>;
136
+ default: boolean;
137
+ };
133
138
  statusDotType: {
134
139
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
135
140
  default: any;
136
141
  };
137
142
  }>> & {
138
143
  onClick?: () => any;
139
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "statusDotType">;
144
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "showAllSelectedText" | "statusDotType">;
140
145
  $attrs: {
141
146
  [x: string]: unknown;
142
147
  };
@@ -245,6 +250,10 @@ declare const DropdownTypes: () => (({
245
250
  type: import("vue").PropType<"android" | "ios">;
246
251
  default: any;
247
252
  };
253
+ showAllSelectedText: {
254
+ type: import("vue").PropType<boolean>;
255
+ default: boolean;
256
+ };
248
257
  statusDotType: {
249
258
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
250
259
  default: any;
@@ -276,6 +285,7 @@ declare const DropdownTypes: () => (({
276
285
  selectedOption: any;
277
286
  showFeedbackIcon: boolean;
278
287
  brandIconType: "android" | "ios";
288
+ showAllSelectedText: boolean;
279
289
  statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
280
290
  }, {}, string> & {
281
291
  beforeCreate?: (() => void) | (() => void)[];
@@ -392,6 +402,10 @@ declare const DropdownTypes: () => (({
392
402
  type: import("vue").PropType<"android" | "ios">;
393
403
  default: any;
394
404
  };
405
+ showAllSelectedText: {
406
+ type: import("vue").PropType<boolean>;
407
+ default: boolean;
408
+ };
395
409
  statusDotType: {
396
410
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
397
411
  default: any;
@@ -497,6 +511,10 @@ declare const DropdownTypes: () => (({
497
511
  type: import("vue").PropType<"android" | "ios">;
498
512
  default: any;
499
513
  };
514
+ showAllSelectedText: {
515
+ type: import("vue").PropType<boolean>;
516
+ default: boolean;
517
+ };
500
518
  statusDotType: {
501
519
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
502
520
  default: any;
@@ -528,6 +546,7 @@ declare const DropdownTypes: () => (({
528
546
  selectedOption: any;
529
547
  showFeedbackIcon: boolean;
530
548
  brandIconType: "android" | "ios";
549
+ showAllSelectedText: boolean;
531
550
  statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
532
551
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
533
552
  $slots: {
@@ -1469,6 +1488,7 @@ declare const DropdownTypes: () => (({
1469
1488
  triggerFeedbackText: string;
1470
1489
  triggerFeedbackVariant: "success" | "warning" | "error";
1471
1490
  triggerFeedbackShowIcon: boolean;
1491
+ triggerShowAllSelectedText: boolean;
1472
1492
  predefinedTrigger: "default" | "icon-button" | "chip" | "app";
1473
1493
  inlineSearch: boolean;
1474
1494
  inlineSearchPlaceholder: string;
@@ -1487,6 +1507,7 @@ declare const DropdownTypes: () => (({
1487
1507
  optionsListWidth: string;
1488
1508
  statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
1489
1509
  disableVirtualScroll: boolean;
1510
+ overrideOptionCountCalculation: (option: unknown) => number;
1490
1511
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
1491
1512
  theme: {
1492
1513
  type: import("vue").PropType<string>;
@@ -1606,6 +1627,10 @@ declare const DropdownTypes: () => (({
1606
1627
  type: import("vue").PropType<boolean>;
1607
1628
  default: boolean;
1608
1629
  };
1630
+ triggerShowAllSelectedText: {
1631
+ type: import("vue").PropType<boolean>;
1632
+ default: boolean;
1633
+ };
1609
1634
  predefinedTrigger: {
1610
1635
  type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
1611
1636
  default: "default" | "icon-button" | "chip" | "app";
@@ -1682,6 +1707,10 @@ declare const DropdownTypes: () => (({
1682
1707
  type: import("vue").PropType<boolean>;
1683
1708
  default: boolean;
1684
1709
  };
1710
+ overrideOptionCountCalculation: {
1711
+ type: import("vue").PropType<(option: unknown) => number>;
1712
+ default: any;
1713
+ };
1685
1714
  }>> & {
1686
1715
  onCopyToClipboard?: () => any;
1687
1716
  onClear?: () => any;
@@ -1691,7 +1720,7 @@ declare const DropdownTypes: () => (({
1691
1720
  "onUpdate:isOpen"?: (value: unknown) => any;
1692
1721
  onOpened?: () => any;
1693
1722
  onClosed?: () => any;
1694
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll">;
1723
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
1695
1724
  $attrs: {
1696
1725
  [x: string]: unknown;
1697
1726
  };
@@ -1824,6 +1853,10 @@ declare const DropdownTypes: () => (({
1824
1853
  type: import("vue").PropType<boolean>;
1825
1854
  default: boolean;
1826
1855
  };
1856
+ triggerShowAllSelectedText: {
1857
+ type: import("vue").PropType<boolean>;
1858
+ default: boolean;
1859
+ };
1827
1860
  predefinedTrigger: {
1828
1861
  type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
1829
1862
  default: "default" | "icon-button" | "chip" | "app";
@@ -1900,6 +1933,10 @@ declare const DropdownTypes: () => (({
1900
1933
  type: import("vue").PropType<boolean>;
1901
1934
  default: boolean;
1902
1935
  };
1936
+ overrideOptionCountCalculation: {
1937
+ type: import("vue").PropType<(option: unknown) => number>;
1938
+ default: any;
1939
+ };
1903
1940
  }>> & {
1904
1941
  onCopyToClipboard?: () => any;
1905
1942
  onClear?: () => any;
@@ -1949,6 +1986,7 @@ declare const DropdownTypes: () => (({
1949
1986
  triggerFeedbackText: string;
1950
1987
  triggerFeedbackVariant: "success" | "warning" | "error";
1951
1988
  triggerFeedbackShowIcon: boolean;
1989
+ triggerShowAllSelectedText: boolean;
1952
1990
  predefinedTrigger: "default" | "icon-button" | "chip" | "app";
1953
1991
  inlineSearch: boolean;
1954
1992
  inlineSearchPlaceholder: string;
@@ -1967,6 +2005,7 @@ declare const DropdownTypes: () => (({
1967
2005
  optionsListWidth: string;
1968
2006
  statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
1969
2007
  disableVirtualScroll: boolean;
2008
+ overrideOptionCountCalculation: (option: unknown) => number;
1970
2009
  }, {}, string> & {
1971
2010
  beforeCreate?: (() => void) | (() => void)[];
1972
2011
  created?: (() => void) | (() => void)[];
@@ -2106,6 +2145,10 @@ declare const DropdownTypes: () => (({
2106
2145
  type: import("vue").PropType<boolean>;
2107
2146
  default: boolean;
2108
2147
  };
2148
+ triggerShowAllSelectedText: {
2149
+ type: import("vue").PropType<boolean>;
2150
+ default: boolean;
2151
+ };
2109
2152
  predefinedTrigger: {
2110
2153
  type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
2111
2154
  default: "default" | "icon-button" | "chip" | "app";
@@ -2182,6 +2225,10 @@ declare const DropdownTypes: () => (({
2182
2225
  type: import("vue").PropType<boolean>;
2183
2226
  default: boolean;
2184
2227
  };
2228
+ overrideOptionCountCalculation: {
2229
+ type: import("vue").PropType<(option: unknown) => number>;
2230
+ default: any;
2231
+ };
2185
2232
  }>> & {
2186
2233
  onCopyToClipboard?: () => any;
2187
2234
  onClear?: () => any;
@@ -2317,6 +2364,10 @@ declare const DropdownTypes: () => (({
2317
2364
  type: import("vue").PropType<boolean>;
2318
2365
  default: boolean;
2319
2366
  };
2367
+ triggerShowAllSelectedText: {
2368
+ type: import("vue").PropType<boolean>;
2369
+ default: boolean;
2370
+ };
2320
2371
  predefinedTrigger: {
2321
2372
  type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
2322
2373
  default: "default" | "icon-button" | "chip" | "app";
@@ -2393,6 +2444,10 @@ declare const DropdownTypes: () => (({
2393
2444
  type: import("vue").PropType<boolean>;
2394
2445
  default: boolean;
2395
2446
  };
2447
+ overrideOptionCountCalculation: {
2448
+ type: import("vue").PropType<(option: unknown) => number>;
2449
+ default: any;
2450
+ };
2396
2451
  }>> & {
2397
2452
  onCopyToClipboard?: () => any;
2398
2453
  onClear?: () => any;
@@ -2442,6 +2497,7 @@ declare const DropdownTypes: () => (({
2442
2497
  triggerFeedbackText: string;
2443
2498
  triggerFeedbackVariant: "success" | "warning" | "error";
2444
2499
  triggerFeedbackShowIcon: boolean;
2500
+ triggerShowAllSelectedText: boolean;
2445
2501
  predefinedTrigger: "default" | "icon-button" | "chip" | "app";
2446
2502
  inlineSearch: boolean;
2447
2503
  inlineSearchPlaceholder: string;
@@ -2460,6 +2516,7 @@ declare const DropdownTypes: () => (({
2460
2516
  optionsListWidth: string;
2461
2517
  statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
2462
2518
  disableVirtualScroll: boolean;
2519
+ overrideOptionCountCalculation: (option: unknown) => number;
2463
2520
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
2464
2521
  $slots: {
2465
2522
  label?(_: {}): any;
@@ -2561,6 +2618,18 @@ declare const DropdownTypes: () => (({
2561
2618
  startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
2562
2619
  hideEndIcon: boolean;
2563
2620
  }> | import("vue").DefineComponent<{
2621
+ disabled: {
2622
+ type: import("vue").PropType<boolean>;
2623
+ default: boolean;
2624
+ };
2625
+ size: {
2626
+ type: import("vue").PropType<"small" | "medium" | "large">;
2627
+ default: string;
2628
+ };
2629
+ testId: {
2630
+ type: import("vue").PropType<string>;
2631
+ default: string;
2632
+ };
2564
2633
  selected: {
2565
2634
  type: import("vue").PropType<unknown[]>;
2566
2635
  default: any;
@@ -2624,6 +2693,18 @@ declare const DropdownTypes: () => (({
2624
2693
  "update:selected": (value: unknown) => void;
2625
2694
  "update:isOpen": (value: unknown) => void;
2626
2695
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
2696
+ disabled: {
2697
+ type: import("vue").PropType<boolean>;
2698
+ default: boolean;
2699
+ };
2700
+ size: {
2701
+ type: import("vue").PropType<"small" | "medium" | "large">;
2702
+ default: string;
2703
+ };
2704
+ testId: {
2705
+ type: import("vue").PropType<string>;
2706
+ default: string;
2707
+ };
2627
2708
  selected: {
2628
2709
  type: import("vue").PropType<unknown[]>;
2629
2710
  default: any;
@@ -2687,6 +2768,9 @@ declare const DropdownTypes: () => (({
2687
2768
  "onUpdate:selected"?: (value: unknown) => any;
2688
2769
  "onUpdate:isOpen"?: (value: unknown) => any;
2689
2770
  }, {
2771
+ disabled: boolean;
2772
+ size: "small" | "medium" | "large";
2773
+ testId: string;
2690
2774
  selected: unknown[];
2691
2775
  placeholder: string;
2692
2776
  inlineSearchPlaceholder: string;