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

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 (36) hide show
  1. package/DataGrid.vue_vue_type_style_index_0_scoped_057abdf5_lang.css +1 -0
  2. package/DropdownV4.vue_vue_type_style_index_0_scoped_b484da34_lang.css +1 -0
  3. package/OptionV4.vue_vue_type_style_index_0_scoped_9db0f796_lang.css +1 -0
  4. package/TreeDropdown.vue_vue_type_style_index_0_scoped_4492426c_lang.css +1 -0
  5. package/components/autocomplete/Autocomplete.vue.d.ts +1 -0
  6. package/components/autocomplete/Autocomplete.vue2.js +6 -5
  7. package/components/autocomplete/index.d.ts +1 -0
  8. package/components/dropdown/common/Dropdown.common.js +22 -22
  9. package/components/dropdown/common/Option.common.d.ts +1 -1
  10. package/components/dropdown/common/Option.common.js +9 -9
  11. package/components/dropdown/composables/useChildOptions.d.ts +7 -0
  12. package/components/dropdown/composables/useChildOptions.js +14 -0
  13. package/components/dropdown/v4/DropdownV4.vue.d.ts +6 -0
  14. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  15. package/components/dropdown/v4/DropdownV4.vue2.js +43 -40
  16. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  17. package/components/dropdown/v4/OptionV4.vue2.js +21 -22
  18. package/components/dropdown/v4/TreeDropdown.vue.d.ts +97 -0
  19. package/components/dropdown/v4/TreeDropdown.vue.js +7 -0
  20. package/components/dropdown/v4/TreeDropdown.vue2.js +115 -0
  21. package/components/dropdown/v4/index.d.ts +162 -2
  22. package/components/dropdown/v4/index.js +7 -4
  23. package/components/multibar/MultiBarMenu.vue2.js +12 -11
  24. package/components/table/common/Table.common.d.ts +1 -0
  25. package/components/table/common/Table.common.js +65 -61
  26. package/components/table/v4/DataGrid.vue.d.ts +3 -1
  27. package/components/table/v4/DataGrid.vue.js +2 -2
  28. package/components/table/v4/DataGrid.vue2.js +169 -166
  29. package/components/table/v4/DataGridMenu.vue2.js +3 -2
  30. package/components/table/v4/index.d.ts +9 -3
  31. package/index.d.ts +339 -8
  32. package/mocks/options.d.ts +12 -0
  33. package/package.json +1 -1
  34. package/DataGrid.vue_vue_type_style_index_0_scoped_ac14037f_lang.css +0 -1
  35. package/DropdownV4.vue_vue_type_style_index_0_scoped_2e7a89bc_lang.css +0 -1
  36. package/OptionV4.vue_vue_type_style_index_0_scoped_69abfd4a_lang.css +0 -1
package/index.d.ts CHANGED
@@ -3020,7 +3020,9 @@ declare const _default: {
3020
3020
  onOnClearSearch?: () => any;
3021
3021
  onSelectRow?: (value: boolean) => any;
3022
3022
  onClickRow?: (rowIndex: number) => any;
3023
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3023
+ }, {
3024
+ scrollTo: (index: number) => void;
3025
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3024
3026
  "update:sort": (newSort: tableV3.Sort) => void;
3025
3027
  "update:search": (query: string) => void;
3026
3028
  "update:selection": (selection: unknown[]) => void;
@@ -3197,7 +3199,9 @@ declare const _default: {
3197
3199
  onOnClearSearch?: () => any;
3198
3200
  onSelectRow?: (value: boolean) => any;
3199
3201
  onClickRow?: (rowIndex: number) => any;
3200
- } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
3202
+ } & import("vue").ShallowUnwrapRef<{
3203
+ scrollTo: (index: number) => void;
3204
+ }> & {} & import("vue").ComponentCustomProperties & {};
3201
3205
  __isFragment?: never;
3202
3206
  __isTeleport?: never;
3203
3207
  __isSuspense?: never;
@@ -3318,7 +3322,9 @@ declare const _default: {
3318
3322
  onOnClearSearch?: () => any;
3319
3323
  onSelectRow?: (value: boolean) => any;
3320
3324
  onClickRow?: (rowIndex: number) => any;
3321
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3325
+ }, {
3326
+ scrollTo: (index: number) => void;
3327
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3322
3328
  "update:sort": (newSort: tableV3.Sort) => void;
3323
3329
  "update:search": (query: string) => void;
3324
3330
  "update:selection": (selection: unknown[]) => void;
@@ -3739,7 +3745,9 @@ declare const _default: {
3739
3745
  onOnClearSearch?: () => any;
3740
3746
  onSelectRow?: (value: boolean) => any;
3741
3747
  onClickRow?: (rowIndex: number) => any;
3742
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3748
+ }, {
3749
+ scrollTo: (index: number) => void;
3750
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3743
3751
  "update:sort": (newSort: tableV3.Sort) => void;
3744
3752
  "update:search": (query: string) => void;
3745
3753
  "update:selection": (selection: unknown[]) => void;
@@ -3916,7 +3924,9 @@ declare const _default: {
3916
3924
  onOnClearSearch?: () => any;
3917
3925
  onSelectRow?: (value: boolean) => any;
3918
3926
  onClickRow?: (rowIndex: number) => any;
3919
- } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
3927
+ } & import("vue").ShallowUnwrapRef<{
3928
+ scrollTo: (index: number) => void;
3929
+ }> & {} & import("vue").ComponentCustomProperties & {};
3920
3930
  __isFragment?: never;
3921
3931
  __isTeleport?: never;
3922
3932
  __isSuspense?: never;
@@ -4037,7 +4047,9 @@ declare const _default: {
4037
4047
  onOnClearSearch?: () => any;
4038
4048
  onSelectRow?: (value: boolean) => any;
4039
4049
  onClickRow?: (rowIndex: number) => any;
4040
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
4050
+ }, {
4051
+ scrollTo: (index: number) => void;
4052
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
4041
4053
  "update:sort": (newSort: tableV3.Sort) => void;
4042
4054
  "update:search": (query: string) => void;
4043
4055
  "update:selection": (selection: unknown[]) => void;
@@ -11809,6 +11821,7 @@ declare const _default: {
11809
11821
  fullWidth: boolean;
11810
11822
  optionsListWidth: string;
11811
11823
  statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
11824
+ disableVirtualScroll: boolean;
11812
11825
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
11813
11826
  theme: {
11814
11827
  type: import("vue").PropType<string>;
@@ -12000,6 +12013,10 @@ declare const _default: {
12000
12013
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
12001
12014
  default: any;
12002
12015
  };
12016
+ disableVirtualScroll: {
12017
+ type: import("vue").PropType<boolean>;
12018
+ default: boolean;
12019
+ };
12003
12020
  }>> & {
12004
12021
  onCopyToClipboard?: () => any;
12005
12022
  onClear?: () => any;
@@ -12009,7 +12026,7 @@ declare const _default: {
12009
12026
  "onUpdate:isOpen"?: (value: unknown) => any;
12010
12027
  onOpened?: () => any;
12011
12028
  onClosed?: () => any;
12012
- } & 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">;
12029
+ } & 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">;
12013
12030
  $attrs: {
12014
12031
  [x: string]: unknown;
12015
12032
  };
@@ -12214,6 +12231,10 @@ declare const _default: {
12214
12231
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
12215
12232
  default: any;
12216
12233
  };
12234
+ disableVirtualScroll: {
12235
+ type: import("vue").PropType<boolean>;
12236
+ default: boolean;
12237
+ };
12217
12238
  }>> & {
12218
12239
  onCopyToClipboard?: () => any;
12219
12240
  onClear?: () => any;
@@ -12280,6 +12301,7 @@ declare const _default: {
12280
12301
  fullWidth: boolean;
12281
12302
  optionsListWidth: string;
12282
12303
  statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
12304
+ disableVirtualScroll: boolean;
12283
12305
  }, {}, string> & {
12284
12306
  beforeCreate?: (() => void) | (() => void)[];
12285
12307
  created?: (() => void) | (() => void)[];
@@ -12491,6 +12513,10 @@ declare const _default: {
12491
12513
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
12492
12514
  default: any;
12493
12515
  };
12516
+ disableVirtualScroll: {
12517
+ type: import("vue").PropType<boolean>;
12518
+ default: boolean;
12519
+ };
12494
12520
  }>> & {
12495
12521
  onCopyToClipboard?: () => any;
12496
12522
  onClear?: () => any;
@@ -12698,6 +12724,10 @@ declare const _default: {
12698
12724
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
12699
12725
  default: any;
12700
12726
  };
12727
+ disableVirtualScroll: {
12728
+ type: import("vue").PropType<boolean>;
12729
+ default: boolean;
12730
+ };
12701
12731
  }>> & {
12702
12732
  onCopyToClipboard?: () => any;
12703
12733
  onClear?: () => any;
@@ -12764,6 +12794,7 @@ declare const _default: {
12764
12794
  fullWidth: boolean;
12765
12795
  optionsListWidth: string;
12766
12796
  statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
12797
+ disableVirtualScroll: boolean;
12767
12798
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
12768
12799
  $slots: {
12769
12800
  label?(_: {}): any;
@@ -12780,6 +12811,7 @@ declare const _default: {
12780
12811
  }): any;
12781
12812
  default?(_: {
12782
12813
  option: unknown;
12814
+ index: number;
12783
12815
  selected: boolean;
12784
12816
  active: boolean;
12785
12817
  disabled: any;
@@ -15551,6 +15583,7 @@ declare const _default: {
15551
15583
  fullWidth: boolean;
15552
15584
  optionsListWidth: string;
15553
15585
  statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
15586
+ disableVirtualScroll: boolean;
15554
15587
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
15555
15588
  theme: {
15556
15589
  type: import("vue").PropType<string>;
@@ -15742,6 +15775,10 @@ declare const _default: {
15742
15775
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
15743
15776
  default: any;
15744
15777
  };
15778
+ disableVirtualScroll: {
15779
+ type: import("vue").PropType<boolean>;
15780
+ default: boolean;
15781
+ };
15745
15782
  }>> & {
15746
15783
  onCopyToClipboard?: () => any;
15747
15784
  onClear?: () => any;
@@ -15751,7 +15788,7 @@ declare const _default: {
15751
15788
  "onUpdate:isOpen"?: (value: unknown) => any;
15752
15789
  onOpened?: () => any;
15753
15790
  onClosed?: () => any;
15754
- } & 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">;
15791
+ } & 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">;
15755
15792
  $attrs: {
15756
15793
  [x: string]: unknown;
15757
15794
  };
@@ -15956,6 +15993,10 @@ declare const _default: {
15956
15993
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
15957
15994
  default: any;
15958
15995
  };
15996
+ disableVirtualScroll: {
15997
+ type: import("vue").PropType<boolean>;
15998
+ default: boolean;
15999
+ };
15959
16000
  }>> & {
15960
16001
  onCopyToClipboard?: () => any;
15961
16002
  onClear?: () => any;
@@ -16022,6 +16063,7 @@ declare const _default: {
16022
16063
  fullWidth: boolean;
16023
16064
  optionsListWidth: string;
16024
16065
  statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
16066
+ disableVirtualScroll: boolean;
16025
16067
  }, {}, string> & {
16026
16068
  beforeCreate?: (() => void) | (() => void)[];
16027
16069
  created?: (() => void) | (() => void)[];
@@ -16233,6 +16275,10 @@ declare const _default: {
16233
16275
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
16234
16276
  default: any;
16235
16277
  };
16278
+ disableVirtualScroll: {
16279
+ type: import("vue").PropType<boolean>;
16280
+ default: boolean;
16281
+ };
16236
16282
  }>> & {
16237
16283
  onCopyToClipboard?: () => any;
16238
16284
  onClear?: () => any;
@@ -16440,6 +16486,10 @@ declare const _default: {
16440
16486
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
16441
16487
  default: any;
16442
16488
  };
16489
+ disableVirtualScroll: {
16490
+ type: import("vue").PropType<boolean>;
16491
+ default: boolean;
16492
+ };
16443
16493
  }>> & {
16444
16494
  onCopyToClipboard?: () => any;
16445
16495
  onClear?: () => any;
@@ -16506,6 +16556,7 @@ declare const _default: {
16506
16556
  fullWidth: boolean;
16507
16557
  optionsListWidth: string;
16508
16558
  statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
16559
+ disableVirtualScroll: boolean;
16509
16560
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
16510
16561
  $slots: {
16511
16562
  label?(_: {}): any;
@@ -16522,6 +16573,7 @@ declare const _default: {
16522
16573
  }): any;
16523
16574
  default?(_: {
16524
16575
  option: unknown;
16576
+ index: number;
16525
16577
  selected: boolean;
16526
16578
  active: boolean;
16527
16579
  disabled: any;
@@ -16605,6 +16657,145 @@ declare const _default: {
16605
16657
  startIconName: string;
16606
16658
  startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
16607
16659
  hideEndIcon: boolean;
16660
+ }> | import("vue").DefineComponent<{
16661
+ selected: {
16662
+ type: import("vue").PropType<unknown[]>;
16663
+ default: any;
16664
+ };
16665
+ options: {
16666
+ type: import("vue").PropType<unknown[]>;
16667
+ required: true;
16668
+ };
16669
+ placeholder: {
16670
+ type: import("vue").PropType<string>;
16671
+ default: string;
16672
+ };
16673
+ isOpen: {
16674
+ type: import("vue").PropType<boolean>;
16675
+ };
16676
+ inlineSearchPlaceholder: {
16677
+ type: import("vue").PropType<string>;
16678
+ default: string;
16679
+ };
16680
+ displayValue: {
16681
+ type: import("vue").PropType<(option: unknown) => string>;
16682
+ required: true;
16683
+ };
16684
+ optionNameKey: {
16685
+ type: import("vue").PropType<string>;
16686
+ default: string;
16687
+ };
16688
+ optionIconKey: {
16689
+ type: import("vue").PropType<string>;
16690
+ default: string;
16691
+ };
16692
+ optionImageKey: {
16693
+ type: import("vue").PropType<string>;
16694
+ default: string;
16695
+ };
16696
+ optionIconType: {
16697
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
16698
+ default: any;
16699
+ };
16700
+ optionEndIconKey: {
16701
+ type: import("vue").PropType<string>;
16702
+ default: string;
16703
+ };
16704
+ optionEndIconType: {
16705
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
16706
+ default: any;
16707
+ };
16708
+ valueToCopy: {
16709
+ type: import("vue").PropType<string>;
16710
+ default: any;
16711
+ };
16712
+ disabledOptionKey: {
16713
+ type: import("vue").PropType<string>;
16714
+ default: string;
16715
+ };
16716
+ optionChildrenKey: {
16717
+ type: import("vue").PropType<string>;
16718
+ default: string;
16719
+ };
16720
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
16721
+ "update:selected": (value: unknown) => void;
16722
+ "update:isOpen": (value: unknown) => void;
16723
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
16724
+ selected: {
16725
+ type: import("vue").PropType<unknown[]>;
16726
+ default: any;
16727
+ };
16728
+ options: {
16729
+ type: import("vue").PropType<unknown[]>;
16730
+ required: true;
16731
+ };
16732
+ placeholder: {
16733
+ type: import("vue").PropType<string>;
16734
+ default: string;
16735
+ };
16736
+ isOpen: {
16737
+ type: import("vue").PropType<boolean>;
16738
+ };
16739
+ inlineSearchPlaceholder: {
16740
+ type: import("vue").PropType<string>;
16741
+ default: string;
16742
+ };
16743
+ displayValue: {
16744
+ type: import("vue").PropType<(option: unknown) => string>;
16745
+ required: true;
16746
+ };
16747
+ optionNameKey: {
16748
+ type: import("vue").PropType<string>;
16749
+ default: string;
16750
+ };
16751
+ optionIconKey: {
16752
+ type: import("vue").PropType<string>;
16753
+ default: string;
16754
+ };
16755
+ optionImageKey: {
16756
+ type: import("vue").PropType<string>;
16757
+ default: string;
16758
+ };
16759
+ optionIconType: {
16760
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
16761
+ default: any;
16762
+ };
16763
+ optionEndIconKey: {
16764
+ type: import("vue").PropType<string>;
16765
+ default: string;
16766
+ };
16767
+ optionEndIconType: {
16768
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
16769
+ default: any;
16770
+ };
16771
+ valueToCopy: {
16772
+ type: import("vue").PropType<string>;
16773
+ default: any;
16774
+ };
16775
+ disabledOptionKey: {
16776
+ type: import("vue").PropType<string>;
16777
+ default: string;
16778
+ };
16779
+ optionChildrenKey: {
16780
+ type: import("vue").PropType<string>;
16781
+ default: string;
16782
+ };
16783
+ }>> & {
16784
+ "onUpdate:selected"?: (value: unknown) => any;
16785
+ "onUpdate:isOpen"?: (value: unknown) => any;
16786
+ }, {
16787
+ selected: unknown[];
16788
+ placeholder: string;
16789
+ inlineSearchPlaceholder: string;
16790
+ optionNameKey: string;
16791
+ optionIconKey: string;
16792
+ optionImageKey: string;
16793
+ optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
16794
+ optionEndIconKey: string;
16795
+ optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
16796
+ valueToCopy: string;
16797
+ disabledOptionKey: string;
16798
+ optionChildrenKey: string;
16608
16799
  }>)[];
16609
16800
  Option: {
16610
16801
  new (...args: any[]): {
@@ -16922,6 +17113,146 @@ declare const _default: {
16922
17113
  "icon-end"?(_: {}): any;
16923
17114
  };
16924
17115
  });
17116
+ TreeDropdown: import("vue").DefineComponent<{
17117
+ selected: {
17118
+ type: import("vue").PropType<unknown[]>;
17119
+ default: any;
17120
+ };
17121
+ options: {
17122
+ type: import("vue").PropType<unknown[]>;
17123
+ required: true;
17124
+ };
17125
+ placeholder: {
17126
+ type: import("vue").PropType<string>;
17127
+ default: string;
17128
+ };
17129
+ isOpen: {
17130
+ type: import("vue").PropType<boolean>;
17131
+ };
17132
+ inlineSearchPlaceholder: {
17133
+ type: import("vue").PropType<string>;
17134
+ default: string;
17135
+ };
17136
+ displayValue: {
17137
+ type: import("vue").PropType<(option: unknown) => string>;
17138
+ required: true;
17139
+ };
17140
+ optionNameKey: {
17141
+ type: import("vue").PropType<string>;
17142
+ default: string;
17143
+ };
17144
+ optionIconKey: {
17145
+ type: import("vue").PropType<string>;
17146
+ default: string;
17147
+ };
17148
+ optionImageKey: {
17149
+ type: import("vue").PropType<string>;
17150
+ default: string;
17151
+ };
17152
+ optionIconType: {
17153
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
17154
+ default: any;
17155
+ };
17156
+ optionEndIconKey: {
17157
+ type: import("vue").PropType<string>;
17158
+ default: string;
17159
+ };
17160
+ optionEndIconType: {
17161
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
17162
+ default: any;
17163
+ };
17164
+ valueToCopy: {
17165
+ type: import("vue").PropType<string>;
17166
+ default: any;
17167
+ };
17168
+ disabledOptionKey: {
17169
+ type: import("vue").PropType<string>;
17170
+ default: string;
17171
+ };
17172
+ optionChildrenKey: {
17173
+ type: import("vue").PropType<string>;
17174
+ default: string;
17175
+ };
17176
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
17177
+ "update:selected": (value: unknown) => void;
17178
+ "update:isOpen": (value: unknown) => void;
17179
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
17180
+ selected: {
17181
+ type: import("vue").PropType<unknown[]>;
17182
+ default: any;
17183
+ };
17184
+ options: {
17185
+ type: import("vue").PropType<unknown[]>;
17186
+ required: true;
17187
+ };
17188
+ placeholder: {
17189
+ type: import("vue").PropType<string>;
17190
+ default: string;
17191
+ };
17192
+ isOpen: {
17193
+ type: import("vue").PropType<boolean>;
17194
+ };
17195
+ inlineSearchPlaceholder: {
17196
+ type: import("vue").PropType<string>;
17197
+ default: string;
17198
+ };
17199
+ displayValue: {
17200
+ type: import("vue").PropType<(option: unknown) => string>;
17201
+ required: true;
17202
+ };
17203
+ optionNameKey: {
17204
+ type: import("vue").PropType<string>;
17205
+ default: string;
17206
+ };
17207
+ optionIconKey: {
17208
+ type: import("vue").PropType<string>;
17209
+ default: string;
17210
+ };
17211
+ optionImageKey: {
17212
+ type: import("vue").PropType<string>;
17213
+ default: string;
17214
+ };
17215
+ optionIconType: {
17216
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
17217
+ default: any;
17218
+ };
17219
+ optionEndIconKey: {
17220
+ type: import("vue").PropType<string>;
17221
+ default: string;
17222
+ };
17223
+ optionEndIconType: {
17224
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
17225
+ default: any;
17226
+ };
17227
+ valueToCopy: {
17228
+ type: import("vue").PropType<string>;
17229
+ default: any;
17230
+ };
17231
+ disabledOptionKey: {
17232
+ type: import("vue").PropType<string>;
17233
+ default: string;
17234
+ };
17235
+ optionChildrenKey: {
17236
+ type: import("vue").PropType<string>;
17237
+ default: string;
17238
+ };
17239
+ }>> & {
17240
+ "onUpdate:selected"?: (value: unknown) => any;
17241
+ "onUpdate:isOpen"?: (value: unknown) => any;
17242
+ }, {
17243
+ selected: unknown[];
17244
+ placeholder: string;
17245
+ inlineSearchPlaceholder: string;
17246
+ optionNameKey: string;
17247
+ optionIconKey: string;
17248
+ optionImageKey: string;
17249
+ optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
17250
+ optionEndIconKey: string;
17251
+ optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
17252
+ valueToCopy: string;
17253
+ disabledOptionKey: string;
17254
+ optionChildrenKey: string;
17255
+ }>;
16925
17256
  Label: {
16926
17257
  new (...args: any[]): {
16927
17258
  $: import("vue").ComponentInternalInstance;
@@ -0,0 +1,12 @@
1
+ export declare const NESTED_OPTIONS: ({
2
+ text: string;
3
+ id: number;
4
+ children?: undefined;
5
+ } | {
6
+ text: string;
7
+ id: number;
8
+ children: {
9
+ text: string;
10
+ id: number;
11
+ }[];
12
+ })[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.36",
3
+ "version": "2.1.6-rc.37",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -1 +0,0 @@
1
- .sticky[data-v-ac14037f]{position:sticky}.table-container[data-v-ac14037f]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-ac14037f]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-ac14037f]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-ac14037f]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-ac14037f]{width:13.75rem}.table-header.isStickyHeader[data-v-ac14037f]{z-index:calc(var(--27aa1cb6) + 3);top:0}.table-head-container[data-v-ac14037f]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-ac14037f]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-ac14037f]{display:inline-table}.table-header-actions[data-v-ac14037f]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-ac14037f]{position:relative}.table-row.loading[data-v-ac14037f]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-ac14037f]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-ac14037f]{border-bottom:none}.expanded-row[data-v-ac14037f]{grid-column:var(--db2e22ac);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-ac14037f]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-ac14037f]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-ac14037f],table th[data-v-ac14037f]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-ac14037f]:first-of-type,table th[data-v-ac14037f]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-ac14037f]:last-of-type,table th[data-v-ac14037f]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-ac14037f],table th.expand-toggle-cell[data-v-ac14037f]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-ac14037f]{border-bottom:none;z-index:calc(var(--27aa1cb6) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-ac14037f]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--63b3ff23)}table>thead>tr>th[data-v-ac14037f]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-ac14037f]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-ac14037f]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-ac14037f]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-ac14037f]{cursor:pointer}table>thead.sticky[data-v-ac14037f]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-ac14037f]{z-index:calc(var(--27aa1cb6) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-ac14037f]{display:block}table>tbody>*>tr[data-v-ac14037f]{background-color:var(--background-default);min-height:var(--41c9b22a);height:auto;display:grid;align-items:center;grid-template-columns:var(--63b3ff23)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-ac14037f]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-ac14037f],table>tbody>*>tr.activeMenu>td[data-v-ac14037f]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-ac14037f]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--41c9b22a);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-ac14037f]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-ac14037f]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-ac14037f]{justify-content:flex-end;text-align:right}.section-container[data-v-ac14037f]{left:0}.sections[data-v-ac14037f]{display:flex}.section[data-v-ac14037f]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-ac14037f]{width:100%}.empty-state[data-v-ac14037f]{min-height:250px}
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-2e7a89bc],.v-leave-active[data-v-2e7a89bc]{transition:opacity .25s ease}ol[data-v-2e7a89bc],ul[data-v-2e7a89bc],menu[data-v-2e7a89bc]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-2e7a89bc],.dropdown.full-width .button__container[data-v-2e7a89bc]{width:100%}.dropdown-list-wrapper[data-v-2e7a89bc]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-2e7a89bc]{padding:.5rem}.list-container--multi[data-v-2e7a89bc]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-2e7a89bc]{padding-bottom:.25rem}.inline-search .list-container[data-v-2e7a89bc]{padding-top:0}.no-result-container[data-v-2e7a89bc]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-2e7a89bc]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-2e7a89bc]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-2e7a89bc]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-2e7a89bc]{margin-right:.5rem}.actions-wrapper[data-v-2e7a89bc]{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-2e7a89bc]{margin-left:.5rem}
@@ -1 +0,0 @@
1
- .label[data-v-69abfd4a]{color:#41454d}.item-container[data-v-69abfd4a]{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-69abfd4a]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-69abfd4a]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-69abfd4a],.item-container[data-v-69abfd4a]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-69abfd4a]{background-color:var(--action-selected)}.subtitle[data-v-69abfd4a]{color:#7b838c;line-height:1rem}.clear-button[data-v-69abfd4a]{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-69abfd4a]:hover{color:#3083ff}.item[data-v-69abfd4a]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-69abfd4a],.item--multi[data-v-69abfd4a]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-69abfd4a]{width:20px;height:20px;flex:none}.item .image img[data-v-69abfd4a]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-69abfd4a],.item .end-icon[data-v-69abfd4a]{display:flex;color:var(--action-active)}.item .option-text[data-v-69abfd4a]{line-height:1.1875rem}.text-container[data-v-69abfd4a]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-69abfd4a]{display:block}.tooltip-option[data-v-69abfd4a] .container{width:100%}