@ironsource/shared-ui 2.1.11-rc.5 → 2.1.11-rc.7

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 (24) hide show
  1. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_9c711f2e_lang.css +1 -0
  2. package/DropdownV4.vue_vue_type_style_index_0_scoped_111642c6_lang.css +1 -0
  3. package/OptionV4.vue_vue_type_style_index_0_scoped_da829544_lang.css +1 -0
  4. package/TreeDropdown.vue_vue_type_style_index_0_scoped_985779f7_lang.css +1 -0
  5. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue.js +3 -3
  6. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue2.js +7 -7
  7. package/components/dropdown/v4/DropdownV4.vue.d.ts +7 -0
  8. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  9. package/components/dropdown/v4/DropdownV4.vue2.js +130 -124
  10. package/components/dropdown/v4/OptionV4.vue.d.ts +5 -0
  11. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  12. package/components/dropdown/v4/OptionV4.vue2.js +78 -67
  13. package/components/dropdown/v4/TreeDropdown.vue.d.ts +5 -0
  14. package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
  15. package/components/dropdown/v4/TreeDropdown.vue2.js +151 -116
  16. package/components/dropdown/v4/index.d.ts +62 -3
  17. package/index.d.ts +124 -6
  18. package/index.js +1 -1
  19. package/mocks/options.d.ts +29 -2
  20. package/package.json +1 -1
  21. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_7f750550_lang.css +0 -1
  22. package/DropdownV4.vue_vue_type_style_index_0_scoped_991a7aad_lang.css +0 -1
  23. package/OptionV4.vue_vue_type_style_index_0_scoped_4070942a_lang.css +0 -1
  24. package/TreeDropdown.vue_vue_type_style_index_0_scoped_6ac5f602_lang.css +0 -1
package/index.d.ts CHANGED
@@ -15804,6 +15804,7 @@ declare const _default: {
15804
15804
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
15805
15805
  optionEndIconKey: string;
15806
15806
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
15807
+ optionsEndTextIconKey: string;
15807
15808
  optionFlagKey: string;
15808
15809
  valueToCopy: string;
15809
15810
  disabledOptionKey: string;
@@ -15992,6 +15993,10 @@ declare const _default: {
15992
15993
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
15993
15994
  default: any;
15994
15995
  };
15996
+ optionsEndTextIconKey: {
15997
+ type: import("vue").PropType<string>;
15998
+ default: any;
15999
+ };
15995
16000
  optionFlagKey: {
15996
16001
  type: import("vue").PropType<string>;
15997
16002
  default: any;
@@ -16054,7 +16059,7 @@ declare const _default: {
16054
16059
  onOnsearch?: (value: string) => any;
16055
16060
  onOpened?: () => any;
16056
16061
  onClosed?: () => any;
16057
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
16062
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
16058
16063
  $attrs: {
16059
16064
  [x: string]: unknown;
16060
16065
  };
@@ -16243,6 +16248,10 @@ declare const _default: {
16243
16248
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
16244
16249
  default: any;
16245
16250
  };
16251
+ optionsEndTextIconKey: {
16252
+ type: import("vue").PropType<string>;
16253
+ default: any;
16254
+ };
16246
16255
  optionFlagKey: {
16247
16256
  type: import("vue").PropType<string>;
16248
16257
  default: any;
@@ -16359,6 +16368,7 @@ declare const _default: {
16359
16368
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
16360
16369
  optionEndIconKey: string;
16361
16370
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
16371
+ optionsEndTextIconKey: string;
16362
16372
  optionFlagKey: string;
16363
16373
  valueToCopy: string;
16364
16374
  disabledOptionKey: string;
@@ -16567,6 +16577,10 @@ declare const _default: {
16567
16577
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
16568
16578
  default: any;
16569
16579
  };
16580
+ optionsEndTextIconKey: {
16581
+ type: import("vue").PropType<string>;
16582
+ default: any;
16583
+ };
16570
16584
  optionFlagKey: {
16571
16585
  type: import("vue").PropType<string>;
16572
16586
  default: any;
@@ -16811,6 +16825,10 @@ declare const _default: {
16811
16825
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
16812
16826
  default: any;
16813
16827
  };
16828
+ optionsEndTextIconKey: {
16829
+ type: import("vue").PropType<string>;
16830
+ default: any;
16831
+ };
16814
16832
  optionFlagKey: {
16815
16833
  type: import("vue").PropType<string>;
16816
16834
  default: any;
@@ -16927,6 +16945,7 @@ declare const _default: {
16927
16945
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
16928
16946
  optionEndIconKey: string;
16929
16947
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
16948
+ optionsEndTextIconKey: string;
16930
16949
  optionFlagKey: string;
16931
16950
  valueToCopy: string;
16932
16951
  disabledOptionKey: string;
@@ -16968,6 +16987,7 @@ declare const _default: {
16968
16987
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
16969
16988
  optionAndIconKey: string;
16970
16989
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
16990
+ optionsEndTextIconKey: string;
16971
16991
  optionFlagKey: string;
16972
16992
  feedbackVariant: "success" | "warning" | "error";
16973
16993
  valueToCopy: string;
@@ -16983,6 +17003,7 @@ declare const _default: {
16983
17003
  "input-list"?(_: {
16984
17004
  open: true;
16985
17005
  }): any;
17006
+ "select-all"?(_: {}): any;
16986
17007
  "group-option"?(_: {}): any;
16987
17008
  default?(_: {
16988
17009
  option: unknown;
@@ -19578,6 +19599,7 @@ declare const _default: {
19578
19599
  iconKey: string;
19579
19600
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
19580
19601
  endIconKey: string;
19602
+ endTextIconKey: string;
19581
19603
  toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
19582
19604
  treeMainOption: boolean;
19583
19605
  treeMainOptionExpanded: boolean;
@@ -19644,6 +19666,10 @@ declare const _default: {
19644
19666
  type: import("vue").PropType<string>;
19645
19667
  default: any;
19646
19668
  };
19669
+ endTextIconKey: {
19670
+ type: import("vue").PropType<string>;
19671
+ default: any;
19672
+ };
19647
19673
  toolTipPlacement: {
19648
19674
  type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
19649
19675
  default: string;
@@ -19669,7 +19695,7 @@ declare const _default: {
19669
19695
  };
19670
19696
  }>> & {
19671
19697
  onToggleTreeCollapse?: (option: unknown) => any;
19672
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
19698
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "endTextIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
19673
19699
  $attrs: {
19674
19700
  [x: string]: unknown;
19675
19701
  };
@@ -19744,6 +19770,10 @@ declare const _default: {
19744
19770
  type: import("vue").PropType<string>;
19745
19771
  default: any;
19746
19772
  };
19773
+ endTextIconKey: {
19774
+ type: import("vue").PropType<string>;
19775
+ default: any;
19776
+ };
19747
19777
  toolTipPlacement: {
19748
19778
  type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
19749
19779
  default: string;
@@ -19787,6 +19817,7 @@ declare const _default: {
19787
19817
  iconKey: string;
19788
19818
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
19789
19819
  endIconKey: string;
19820
+ endTextIconKey: string;
19790
19821
  toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
19791
19822
  treeMainOption: boolean;
19792
19823
  treeMainOptionExpanded: boolean;
@@ -19873,6 +19904,10 @@ declare const _default: {
19873
19904
  type: import("vue").PropType<string>;
19874
19905
  default: any;
19875
19906
  };
19907
+ endTextIconKey: {
19908
+ type: import("vue").PropType<string>;
19909
+ default: any;
19910
+ };
19876
19911
  toolTipPlacement: {
19877
19912
  type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
19878
19913
  default: string;
@@ -19963,6 +19998,10 @@ declare const _default: {
19963
19998
  type: import("vue").PropType<string>;
19964
19999
  default: any;
19965
20000
  };
20001
+ endTextIconKey: {
20002
+ type: import("vue").PropType<string>;
20003
+ default: any;
20004
+ };
19966
20005
  toolTipPlacement: {
19967
20006
  type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
19968
20007
  default: string;
@@ -20006,6 +20045,7 @@ declare const _default: {
20006
20045
  iconKey: string;
20007
20046
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20008
20047
  endIconKey: string;
20048
+ endTextIconKey: string;
20009
20049
  toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
20010
20050
  treeMainOption: boolean;
20011
20051
  treeMainOptionExpanded: boolean;
@@ -20184,6 +20224,7 @@ declare const _default: {
20184
20224
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20185
20225
  optionEndIconKey: string;
20186
20226
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20227
+ optionsEndTextIconKey: string;
20187
20228
  optionFlagKey: string;
20188
20229
  valueToCopy: string;
20189
20230
  disabledOptionKey: string;
@@ -20372,6 +20413,10 @@ declare const _default: {
20372
20413
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
20373
20414
  default: any;
20374
20415
  };
20416
+ optionsEndTextIconKey: {
20417
+ type: import("vue").PropType<string>;
20418
+ default: any;
20419
+ };
20375
20420
  optionFlagKey: {
20376
20421
  type: import("vue").PropType<string>;
20377
20422
  default: any;
@@ -20434,7 +20479,7 @@ declare const _default: {
20434
20479
  onOnsearch?: (value: string) => any;
20435
20480
  onOpened?: () => any;
20436
20481
  onClosed?: () => any;
20437
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
20482
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
20438
20483
  $attrs: {
20439
20484
  [x: string]: unknown;
20440
20485
  };
@@ -20623,6 +20668,10 @@ declare const _default: {
20623
20668
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
20624
20669
  default: any;
20625
20670
  };
20671
+ optionsEndTextIconKey: {
20672
+ type: import("vue").PropType<string>;
20673
+ default: any;
20674
+ };
20626
20675
  optionFlagKey: {
20627
20676
  type: import("vue").PropType<string>;
20628
20677
  default: any;
@@ -20739,6 +20788,7 @@ declare const _default: {
20739
20788
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20740
20789
  optionEndIconKey: string;
20741
20790
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20791
+ optionsEndTextIconKey: string;
20742
20792
  optionFlagKey: string;
20743
20793
  valueToCopy: string;
20744
20794
  disabledOptionKey: string;
@@ -20947,6 +20997,10 @@ declare const _default: {
20947
20997
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
20948
20998
  default: any;
20949
20999
  };
21000
+ optionsEndTextIconKey: {
21001
+ type: import("vue").PropType<string>;
21002
+ default: any;
21003
+ };
20950
21004
  optionFlagKey: {
20951
21005
  type: import("vue").PropType<string>;
20952
21006
  default: any;
@@ -21191,6 +21245,10 @@ declare const _default: {
21191
21245
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
21192
21246
  default: any;
21193
21247
  };
21248
+ optionsEndTextIconKey: {
21249
+ type: import("vue").PropType<string>;
21250
+ default: any;
21251
+ };
21194
21252
  optionFlagKey: {
21195
21253
  type: import("vue").PropType<string>;
21196
21254
  default: any;
@@ -21307,6 +21365,7 @@ declare const _default: {
21307
21365
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
21308
21366
  optionEndIconKey: string;
21309
21367
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
21368
+ optionsEndTextIconKey: string;
21310
21369
  optionFlagKey: string;
21311
21370
  valueToCopy: string;
21312
21371
  disabledOptionKey: string;
@@ -21348,6 +21407,7 @@ declare const _default: {
21348
21407
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
21349
21408
  optionAndIconKey: string;
21350
21409
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
21410
+ optionsEndTextIconKey: string;
21351
21411
  optionFlagKey: string;
21352
21412
  feedbackVariant: "success" | "warning" | "error";
21353
21413
  valueToCopy: string;
@@ -21363,6 +21423,7 @@ declare const _default: {
21363
21423
  "input-list"?(_: {
21364
21424
  open: true;
21365
21425
  }): any;
21426
+ "select-all"?(_: {}): any;
21366
21427
  "group-option"?(_: {}): any;
21367
21428
  default?(_: {
21368
21429
  option: unknown;
@@ -21469,6 +21530,7 @@ declare const _default: {
21469
21530
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
21470
21531
  valueToCopy: string;
21471
21532
  disabledOptionKey: string;
21533
+ optionEndTextIconKey: string;
21472
21534
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
21473
21535
  testId: {
21474
21536
  type: import("vue").PropType<string>;
@@ -21537,6 +21599,10 @@ declare const _default: {
21537
21599
  type: import("vue").PropType<string>;
21538
21600
  default: string;
21539
21601
  };
21602
+ optionEndTextIconKey: {
21603
+ type: import("vue").PropType<string>;
21604
+ default: any;
21605
+ };
21540
21606
  optionChildrenKey: {
21541
21607
  type: import("vue").PropType<string>;
21542
21608
  required: true;
@@ -21552,7 +21618,7 @@ declare const _default: {
21552
21618
  }>> & {
21553
21619
  "onUpdate:selected"?: (value: unknown) => any;
21554
21620
  "onUpdate:isOpen"?: (value: unknown) => any;
21555
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey">;
21621
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionEndTextIconKey">;
21556
21622
  $attrs: {
21557
21623
  [x: string]: unknown;
21558
21624
  };
@@ -21634,6 +21700,10 @@ declare const _default: {
21634
21700
  type: import("vue").PropType<string>;
21635
21701
  default: string;
21636
21702
  };
21703
+ optionEndTextIconKey: {
21704
+ type: import("vue").PropType<string>;
21705
+ default: any;
21706
+ };
21637
21707
  optionChildrenKey: {
21638
21708
  type: import("vue").PropType<string>;
21639
21709
  required: true;
@@ -21667,6 +21737,7 @@ declare const _default: {
21667
21737
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
21668
21738
  valueToCopy: string;
21669
21739
  disabledOptionKey: string;
21740
+ optionEndTextIconKey: string;
21670
21741
  }, {}, string> & {
21671
21742
  beforeCreate?: (() => void) | (() => void)[];
21672
21743
  created?: (() => void) | (() => void)[];
@@ -21755,6 +21826,10 @@ declare const _default: {
21755
21826
  type: import("vue").PropType<string>;
21756
21827
  default: string;
21757
21828
  };
21829
+ optionEndTextIconKey: {
21830
+ type: import("vue").PropType<string>;
21831
+ default: any;
21832
+ };
21758
21833
  optionChildrenKey: {
21759
21834
  type: import("vue").PropType<string>;
21760
21835
  required: true;
@@ -21842,6 +21917,10 @@ declare const _default: {
21842
21917
  type: import("vue").PropType<string>;
21843
21918
  default: string;
21844
21919
  };
21920
+ optionEndTextIconKey: {
21921
+ type: import("vue").PropType<string>;
21922
+ default: any;
21923
+ };
21845
21924
  optionChildrenKey: {
21846
21925
  type: import("vue").PropType<string>;
21847
21926
  required: true;
@@ -21875,6 +21954,7 @@ declare const _default: {
21875
21954
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
21876
21955
  valueToCopy: string;
21877
21956
  disabledOptionKey: string;
21957
+ optionEndTextIconKey: string;
21878
21958
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
21879
21959
  $slots: {
21880
21960
  "trigger-end-icon"?(_: {}): any;
@@ -21900,6 +21980,7 @@ declare const _default: {
21900
21980
  iconKey: string;
21901
21981
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
21902
21982
  endIconKey: string;
21983
+ endTextIconKey: string;
21903
21984
  toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
21904
21985
  treeMainOption: boolean;
21905
21986
  treeMainOptionExpanded: boolean;
@@ -21966,6 +22047,10 @@ declare const _default: {
21966
22047
  type: import("vue").PropType<string>;
21967
22048
  default: any;
21968
22049
  };
22050
+ endTextIconKey: {
22051
+ type: import("vue").PropType<string>;
22052
+ default: any;
22053
+ };
21969
22054
  toolTipPlacement: {
21970
22055
  type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
21971
22056
  default: string;
@@ -21991,7 +22076,7 @@ declare const _default: {
21991
22076
  };
21992
22077
  }>> & {
21993
22078
  onToggleTreeCollapse?: (option: unknown) => any;
21994
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
22079
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "endTextIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
21995
22080
  $attrs: {
21996
22081
  [x: string]: unknown;
21997
22082
  };
@@ -22066,6 +22151,10 @@ declare const _default: {
22066
22151
  type: import("vue").PropType<string>;
22067
22152
  default: any;
22068
22153
  };
22154
+ endTextIconKey: {
22155
+ type: import("vue").PropType<string>;
22156
+ default: any;
22157
+ };
22069
22158
  toolTipPlacement: {
22070
22159
  type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
22071
22160
  default: string;
@@ -22109,6 +22198,7 @@ declare const _default: {
22109
22198
  iconKey: string;
22110
22199
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
22111
22200
  endIconKey: string;
22201
+ endTextIconKey: string;
22112
22202
  toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
22113
22203
  treeMainOption: boolean;
22114
22204
  treeMainOptionExpanded: boolean;
@@ -22195,6 +22285,10 @@ declare const _default: {
22195
22285
  type: import("vue").PropType<string>;
22196
22286
  default: any;
22197
22287
  };
22288
+ endTextIconKey: {
22289
+ type: import("vue").PropType<string>;
22290
+ default: any;
22291
+ };
22198
22292
  toolTipPlacement: {
22199
22293
  type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
22200
22294
  default: string;
@@ -22285,6 +22379,10 @@ declare const _default: {
22285
22379
  type: import("vue").PropType<string>;
22286
22380
  default: any;
22287
22381
  };
22382
+ endTextIconKey: {
22383
+ type: import("vue").PropType<string>;
22384
+ default: any;
22385
+ };
22288
22386
  toolTipPlacement: {
22289
22387
  type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
22290
22388
  default: string;
@@ -22328,6 +22426,7 @@ declare const _default: {
22328
22426
  iconKey: string;
22329
22427
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
22330
22428
  endIconKey: string;
22429
+ endTextIconKey: string;
22331
22430
  toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
22332
22431
  treeMainOption: boolean;
22333
22432
  treeMainOptionExpanded: boolean;
@@ -22361,6 +22460,7 @@ declare const _default: {
22361
22460
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
22362
22461
  valueToCopy: string;
22363
22462
  disabledOptionKey: string;
22463
+ optionEndTextIconKey: string;
22364
22464
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
22365
22465
  testId: {
22366
22466
  type: import("vue").PropType<string>;
@@ -22429,6 +22529,10 @@ declare const _default: {
22429
22529
  type: import("vue").PropType<string>;
22430
22530
  default: string;
22431
22531
  };
22532
+ optionEndTextIconKey: {
22533
+ type: import("vue").PropType<string>;
22534
+ default: any;
22535
+ };
22432
22536
  optionChildrenKey: {
22433
22537
  type: import("vue").PropType<string>;
22434
22538
  required: true;
@@ -22444,7 +22548,7 @@ declare const _default: {
22444
22548
  }>> & {
22445
22549
  "onUpdate:selected"?: (value: unknown) => any;
22446
22550
  "onUpdate:isOpen"?: (value: unknown) => any;
22447
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey">;
22551
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionEndTextIconKey">;
22448
22552
  $attrs: {
22449
22553
  [x: string]: unknown;
22450
22554
  };
@@ -22526,6 +22630,10 @@ declare const _default: {
22526
22630
  type: import("vue").PropType<string>;
22527
22631
  default: string;
22528
22632
  };
22633
+ optionEndTextIconKey: {
22634
+ type: import("vue").PropType<string>;
22635
+ default: any;
22636
+ };
22529
22637
  optionChildrenKey: {
22530
22638
  type: import("vue").PropType<string>;
22531
22639
  required: true;
@@ -22559,6 +22667,7 @@ declare const _default: {
22559
22667
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
22560
22668
  valueToCopy: string;
22561
22669
  disabledOptionKey: string;
22670
+ optionEndTextIconKey: string;
22562
22671
  }, {}, string> & {
22563
22672
  beforeCreate?: (() => void) | (() => void)[];
22564
22673
  created?: (() => void) | (() => void)[];
@@ -22647,6 +22756,10 @@ declare const _default: {
22647
22756
  type: import("vue").PropType<string>;
22648
22757
  default: string;
22649
22758
  };
22759
+ optionEndTextIconKey: {
22760
+ type: import("vue").PropType<string>;
22761
+ default: any;
22762
+ };
22650
22763
  optionChildrenKey: {
22651
22764
  type: import("vue").PropType<string>;
22652
22765
  required: true;
@@ -22734,6 +22847,10 @@ declare const _default: {
22734
22847
  type: import("vue").PropType<string>;
22735
22848
  default: string;
22736
22849
  };
22850
+ optionEndTextIconKey: {
22851
+ type: import("vue").PropType<string>;
22852
+ default: any;
22853
+ };
22737
22854
  optionChildrenKey: {
22738
22855
  type: import("vue").PropType<string>;
22739
22856
  required: true;
@@ -22767,6 +22884,7 @@ declare const _default: {
22767
22884
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
22768
22885
  valueToCopy: string;
22769
22886
  disabledOptionKey: string;
22887
+ optionEndTextIconKey: string;
22770
22888
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
22771
22889
  $slots: {
22772
22890
  "trigger-end-icon"?(_: {}): any;
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
1
+ import './Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css';
2
2
  import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as po } from "./components/menuItem/index.js";
package/mocks/options.d.ts CHANGED
@@ -2,19 +2,45 @@ import { Country } from '@is-ssp/includeExclude/includeExcludeMocks';
2
2
  export declare const NESTED_OPTIONS: ({
3
3
  text: string;
4
4
  id: number;
5
+ endIcon: string;
5
6
  children?: undefined;
6
7
  } | {
7
8
  text: string;
8
9
  id: number;
9
- children: {
10
+ endIcon: string;
11
+ children: ({
10
12
  text: string;
13
+ endIcon: string;
11
14
  id: number;
12
- }[];
15
+ } | {
16
+ text: string;
17
+ id: number;
18
+ endIcon?: undefined;
19
+ })[];
20
+ } | {
21
+ text: string;
22
+ id: number;
23
+ endIcon?: undefined;
24
+ children?: undefined;
13
25
  })[];
14
26
  export declare const NESTED_OPTIONS_TEXT: ({
15
27
  text: string;
28
+ endIcon: string;
16
29
  id: number;
17
30
  children?: undefined;
31
+ } | {
32
+ text: string;
33
+ endIcon: string;
34
+ id: number;
35
+ children: ({
36
+ text: string;
37
+ id: number;
38
+ endIcon?: undefined;
39
+ } | {
40
+ text: string;
41
+ id: number;
42
+ endIcon: string;
43
+ })[];
18
44
  } | {
19
45
  text: string;
20
46
  id: number;
@@ -22,5 +48,6 @@ export declare const NESTED_OPTIONS_TEXT: ({
22
48
  text: string;
23
49
  id: number;
24
50
  }[];
51
+ endIcon?: undefined;
25
52
  })[];
26
53
  export declare const countries: readonly Country[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.11-rc.5",
3
+ "version": "2.1.11-rc.7",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_7f750550_lang.css DELETED
@@ -1 +0,0 @@
1
- .button-filter-dropdown-trigger[data-v-7f750550]{border-radius:var(--border-radius-md);transition:all .2s ease;color:var(--text-primary);display:inline-flex;padding:5px 5.5px;align-items:center}.button-filter-dropdown-trigger[data-v-7f750550]:hover{cursor:pointer;background:var(--action-hover)}.button-filter-dropdown-trigger.outlined[data-v-7f750550]{border:1px solid var(--default-outlined-border)}.button-filter-dropdown-trigger.outlined[data-v-7f750550]:hover{border:1px solid var(--action-active)}.button-filter-dropdown-trigger.outlined.disabled[data-v-7f750550]{background:transparent;border:1px solid var(--default-outlined-border)}.button-filter-dropdown-trigger.open[data-v-7f750550]{background:var(--action-selected);outline:2px solid var(--action-active);outline-offset:-2px;transition:outline 0s}.button-filter-dropdown-trigger.open[data-v-7f750550]:hover{background:var(--action-selected)}.button-filter-dropdown-trigger.disabled[data-v-7f750550]{cursor:default;color:var(--text-disabled)}.button-filter-dropdown-trigger.disabled[data-v-7f750550]:hover{background:transparent}.start-icon[data-v-7f750550]{margin-right:var(--spacing-50)}.end-icon[data-v-7f750550]{margin-left:var(--spacing-50)}
package/DropdownV4.vue_vue_type_style_index_0_scoped_991a7aad_lang.css DELETED
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-991a7aad],.v-leave-active[data-v-991a7aad]{transition:opacity .25s ease}ol[data-v-991a7aad],ul[data-v-991a7aad],menu[data-v-991a7aad]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-991a7aad],.dropdown.full-width .button__container[data-v-991a7aad]{width:100%}.dropdown-list-wrapper[data-v-991a7aad]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-991a7aad]{padding:.5rem}.list-container--multi[data-v-991a7aad]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-991a7aad]{padding-bottom:.25rem}.inline-search .list-container[data-v-991a7aad]{padding-top:0}.no-result-container[data-v-991a7aad]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-991a7aad]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-991a7aad]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-991a7aad]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-991a7aad]{margin-right:.5rem}.actions-wrapper[data-v-991a7aad]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-991a7aad]{margin-left:.5rem}
package/OptionV4.vue_vue_type_style_index_0_scoped_4070942a_lang.css DELETED
@@ -1 +0,0 @@
1
- .label[data-v-4070942a]{color:#41454d}.item-container[data-v-4070942a]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-4070942a]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-4070942a]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-4070942a],.item-container[data-v-4070942a]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-4070942a]{background-color:var(--action-selected)}.subtitle[data-v-4070942a]{color:#7b838c;line-height:1rem}.clear-button[data-v-4070942a]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-4070942a]:hover{color:#3083ff}.item[data-v-4070942a]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-4070942a],.item--multi[data-v-4070942a]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-4070942a]{width:20px;height:20px;flex:none}.item .image img[data-v-4070942a]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-4070942a]{width:16px;height:16px}.item .flag img[data-v-4070942a]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-4070942a],.item .end-icon[data-v-4070942a]{display:flex;color:var(--action-active)}.item .option-text[data-v-4070942a]{line-height:1.1875rem}.text-container[data-v-4070942a]{width:100%;text-overflow:ellipsis;overflow:hidden}.tooltip-option[data-v-4070942a]{display:block}.tooltip-option[data-v-4070942a] .container{width:100%}.app-trigger--icon[data-v-4070942a]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-4070942a]{transform:rotate(0)}.option-content-horizontal[data-v-4070942a]{display:flex;justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-4070942a]{display:flex;flex-direction:column}.option-text .main-text[data-v-4070942a]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .caption-text[data-v-4070942a]{color:var(--text-secondary)}.multiline-tooltip[data-v-4070942a]{display:flex;flex-direction:column}
package/TreeDropdown.vue_vue_type_style_index_0_scoped_6ac5f602_lang.css DELETED
@@ -1 +0,0 @@
1
- .child-options[data-v-6ac5f602]{padding-left:1rem}