@ironsource/shared-ui 2.1.12-test.84 → 2.1.12-test.85

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.
package/index.d.ts CHANGED
@@ -16410,6 +16410,7 @@ declare const _default: {
16410
16410
  groupedOptions: boolean;
16411
16411
  comparingKey: string;
16412
16412
  customNumberOfDisplayedOptions: number;
16413
+ optionTooltipPosition: "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";
16413
16414
  fullWidth: boolean;
16414
16415
  optionsListWidth: string;
16415
16416
  statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -16658,6 +16659,10 @@ declare const _default: {
16658
16659
  type: import("vue").PropType<number>;
16659
16660
  default: any;
16660
16661
  };
16662
+ optionTooltipPosition: {
16663
+ 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">;
16664
+ default: string;
16665
+ };
16661
16666
  fullWidth: {
16662
16667
  type: import("vue").PropType<boolean>;
16663
16668
  default: boolean;
@@ -16695,7 +16700,7 @@ declare const _default: {
16695
16700
  onUnsavedSelectionUpdate?: (value: unknown[]) => any;
16696
16701
  onOpened?: () => any;
16697
16702
  onClosed?: () => any;
16698
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
16703
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
16699
16704
  $attrs: {
16700
16705
  [x: string]: unknown;
16701
16706
  };
@@ -16951,6 +16956,10 @@ declare const _default: {
16951
16956
  type: import("vue").PropType<number>;
16952
16957
  default: any;
16953
16958
  };
16959
+ optionTooltipPosition: {
16960
+ 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">;
16961
+ default: string;
16962
+ };
16954
16963
  fullWidth: {
16955
16964
  type: import("vue").PropType<boolean>;
16956
16965
  default: boolean;
@@ -17061,6 +17070,7 @@ declare const _default: {
17061
17070
  groupedOptions: boolean;
17062
17071
  comparingKey: string;
17063
17072
  customNumberOfDisplayedOptions: number;
17073
+ optionTooltipPosition: "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";
17064
17074
  fullWidth: boolean;
17065
17075
  optionsListWidth: string;
17066
17076
  statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -17329,6 +17339,10 @@ declare const _default: {
17329
17339
  type: import("vue").PropType<number>;
17330
17340
  default: any;
17331
17341
  };
17342
+ optionTooltipPosition: {
17343
+ 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">;
17344
+ default: string;
17345
+ };
17332
17346
  fullWidth: {
17333
17347
  type: import("vue").PropType<boolean>;
17334
17348
  default: boolean;
@@ -17615,6 +17629,10 @@ declare const _default: {
17615
17629
  type: import("vue").PropType<number>;
17616
17630
  default: any;
17617
17631
  };
17632
+ optionTooltipPosition: {
17633
+ 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">;
17634
+ default: string;
17635
+ };
17618
17636
  fullWidth: {
17619
17637
  type: import("vue").PropType<boolean>;
17620
17638
  default: boolean;
@@ -17725,6 +17743,7 @@ declare const _default: {
17725
17743
  groupedOptions: boolean;
17726
17744
  comparingKey: string;
17727
17745
  customNumberOfDisplayedOptions: number;
17746
+ optionTooltipPosition: "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";
17728
17747
  fullWidth: boolean;
17729
17748
  optionsListWidth: string;
17730
17749
  statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -20464,6 +20483,7 @@ declare const _default: {
20464
20483
  $data: {};
20465
20484
  $props: Partial<{
20466
20485
  option: any;
20486
+ 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";
20467
20487
  disabled: boolean;
20468
20488
  active: boolean;
20469
20489
  endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -20480,7 +20500,6 @@ declare const _default: {
20480
20500
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20481
20501
  endIconKey: string;
20482
20502
  endTextIconKey: string;
20483
- 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";
20484
20503
  treeMainOption: boolean;
20485
20504
  treeMainOptionExpanded: boolean;
20486
20505
  stopOptionClickEventPropagation: boolean;
@@ -20492,6 +20511,10 @@ declare const _default: {
20492
20511
  type: import("vue").PropType<unknown>;
20493
20512
  default: any;
20494
20513
  };
20514
+ tooltipPlacement: {
20515
+ 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">;
20516
+ default: string;
20517
+ };
20495
20518
  disabled: {
20496
20519
  type: import("vue").PropType<boolean>;
20497
20520
  default: boolean;
@@ -20556,10 +20579,6 @@ declare const _default: {
20556
20579
  type: import("vue").PropType<string>;
20557
20580
  default: any;
20558
20581
  };
20559
- toolTipPlacement: {
20560
- 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">;
20561
- default: string;
20562
- };
20563
20582
  treeMainOption: {
20564
20583
  type: import("vue").PropType<boolean>;
20565
20584
  default: boolean;
@@ -20589,7 +20608,7 @@ declare const _default: {
20589
20608
  };
20590
20609
  }>> & {
20591
20610
  onToggleTreeCollapse?: (option: unknown) => any;
20592
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "warningKey" | "iconType" | "endIconKey" | "endTextIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti" | "minMaxSelectionTooltipMessage">;
20611
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "tooltipPlacement" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "warningKey" | "iconType" | "endIconKey" | "endTextIconKey" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti" | "minMaxSelectionTooltipMessage">;
20593
20612
  $attrs: {
20594
20613
  [x: string]: unknown;
20595
20614
  };
@@ -20608,6 +20627,10 @@ declare const _default: {
20608
20627
  type: import("vue").PropType<unknown>;
20609
20628
  default: any;
20610
20629
  };
20630
+ tooltipPlacement: {
20631
+ 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">;
20632
+ default: string;
20633
+ };
20611
20634
  disabled: {
20612
20635
  type: import("vue").PropType<boolean>;
20613
20636
  default: boolean;
@@ -20672,10 +20695,6 @@ declare const _default: {
20672
20695
  type: import("vue").PropType<string>;
20673
20696
  default: any;
20674
20697
  };
20675
- toolTipPlacement: {
20676
- 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">;
20677
- default: string;
20678
- };
20679
20698
  treeMainOption: {
20680
20699
  type: import("vue").PropType<boolean>;
20681
20700
  default: boolean;
@@ -20709,6 +20728,7 @@ declare const _default: {
20709
20728
  toggleTreeCollapse: (option: unknown) => void;
20710
20729
  }, string, {
20711
20730
  option: any;
20731
+ 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";
20712
20732
  disabled: boolean;
20713
20733
  active: boolean;
20714
20734
  endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -20725,7 +20745,6 @@ declare const _default: {
20725
20745
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20726
20746
  endIconKey: string;
20727
20747
  endTextIconKey: string;
20728
- 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";
20729
20748
  treeMainOption: boolean;
20730
20749
  treeMainOptionExpanded: boolean;
20731
20750
  stopOptionClickEventPropagation: boolean;
@@ -20757,6 +20776,10 @@ declare const _default: {
20757
20776
  type: import("vue").PropType<unknown>;
20758
20777
  default: any;
20759
20778
  };
20779
+ tooltipPlacement: {
20780
+ 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">;
20781
+ default: string;
20782
+ };
20760
20783
  disabled: {
20761
20784
  type: import("vue").PropType<boolean>;
20762
20785
  default: boolean;
@@ -20821,10 +20844,6 @@ declare const _default: {
20821
20844
  type: import("vue").PropType<string>;
20822
20845
  default: any;
20823
20846
  };
20824
- toolTipPlacement: {
20825
- 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">;
20826
- default: string;
20827
- };
20828
20847
  treeMainOption: {
20829
20848
  type: import("vue").PropType<boolean>;
20830
20849
  default: boolean;
@@ -20863,6 +20882,10 @@ declare const _default: {
20863
20882
  type: import("vue").PropType<unknown>;
20864
20883
  default: any;
20865
20884
  };
20885
+ tooltipPlacement: {
20886
+ 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">;
20887
+ default: string;
20888
+ };
20866
20889
  disabled: {
20867
20890
  type: import("vue").PropType<boolean>;
20868
20891
  default: boolean;
@@ -20927,10 +20950,6 @@ declare const _default: {
20927
20950
  type: import("vue").PropType<string>;
20928
20951
  default: any;
20929
20952
  };
20930
- toolTipPlacement: {
20931
- 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">;
20932
- default: string;
20933
- };
20934
20953
  treeMainOption: {
20935
20954
  type: import("vue").PropType<boolean>;
20936
20955
  default: boolean;
@@ -20964,6 +20983,7 @@ declare const _default: {
20964
20983
  toggleTreeCollapse: (option: unknown) => void;
20965
20984
  }, string, {
20966
20985
  option: any;
20986
+ 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";
20967
20987
  disabled: boolean;
20968
20988
  active: boolean;
20969
20989
  endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -20980,7 +21000,6 @@ declare const _default: {
20980
21000
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20981
21001
  endIconKey: string;
20982
21002
  endTextIconKey: string;
20983
- 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";
20984
21003
  treeMainOption: boolean;
20985
21004
  treeMainOptionExpanded: boolean;
20986
21005
  stopOptionClickEventPropagation: boolean;
@@ -21224,6 +21243,7 @@ declare const _default: {
21224
21243
  groupedOptions: boolean;
21225
21244
  comparingKey: string;
21226
21245
  customNumberOfDisplayedOptions: number;
21246
+ optionTooltipPosition: "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";
21227
21247
  fullWidth: boolean;
21228
21248
  optionsListWidth: string;
21229
21249
  statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -21472,6 +21492,10 @@ declare const _default: {
21472
21492
  type: import("vue").PropType<number>;
21473
21493
  default: any;
21474
21494
  };
21495
+ optionTooltipPosition: {
21496
+ 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">;
21497
+ default: string;
21498
+ };
21475
21499
  fullWidth: {
21476
21500
  type: import("vue").PropType<boolean>;
21477
21501
  default: boolean;
@@ -21509,7 +21533,7 @@ declare const _default: {
21509
21533
  onUnsavedSelectionUpdate?: (value: unknown[]) => any;
21510
21534
  onOpened?: () => any;
21511
21535
  onClosed?: () => any;
21512
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
21536
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
21513
21537
  $attrs: {
21514
21538
  [x: string]: unknown;
21515
21539
  };
@@ -21765,6 +21789,10 @@ declare const _default: {
21765
21789
  type: import("vue").PropType<number>;
21766
21790
  default: any;
21767
21791
  };
21792
+ optionTooltipPosition: {
21793
+ 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">;
21794
+ default: string;
21795
+ };
21768
21796
  fullWidth: {
21769
21797
  type: import("vue").PropType<boolean>;
21770
21798
  default: boolean;
@@ -21875,6 +21903,7 @@ declare const _default: {
21875
21903
  groupedOptions: boolean;
21876
21904
  comparingKey: string;
21877
21905
  customNumberOfDisplayedOptions: number;
21906
+ optionTooltipPosition: "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";
21878
21907
  fullWidth: boolean;
21879
21908
  optionsListWidth: string;
21880
21909
  statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -22143,6 +22172,10 @@ declare const _default: {
22143
22172
  type: import("vue").PropType<number>;
22144
22173
  default: any;
22145
22174
  };
22175
+ optionTooltipPosition: {
22176
+ 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">;
22177
+ default: string;
22178
+ };
22146
22179
  fullWidth: {
22147
22180
  type: import("vue").PropType<boolean>;
22148
22181
  default: boolean;
@@ -22429,6 +22462,10 @@ declare const _default: {
22429
22462
  type: import("vue").PropType<number>;
22430
22463
  default: any;
22431
22464
  };
22465
+ optionTooltipPosition: {
22466
+ 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">;
22467
+ default: string;
22468
+ };
22432
22469
  fullWidth: {
22433
22470
  type: import("vue").PropType<boolean>;
22434
22471
  default: boolean;
@@ -22539,6 +22576,7 @@ declare const _default: {
22539
22576
  groupedOptions: boolean;
22540
22577
  comparingKey: string;
22541
22578
  customNumberOfDisplayedOptions: number;
22579
+ optionTooltipPosition: "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";
22542
22580
  fullWidth: boolean;
22543
22581
  optionsListWidth: string;
22544
22582
  statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -23700,6 +23738,7 @@ declare const _default: {
23700
23738
  $data: {};
23701
23739
  $props: Partial<{
23702
23740
  option: any;
23741
+ 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";
23703
23742
  disabled: boolean;
23704
23743
  active: boolean;
23705
23744
  endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -23716,7 +23755,6 @@ declare const _default: {
23716
23755
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
23717
23756
  endIconKey: string;
23718
23757
  endTextIconKey: string;
23719
- 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";
23720
23758
  treeMainOption: boolean;
23721
23759
  treeMainOptionExpanded: boolean;
23722
23760
  stopOptionClickEventPropagation: boolean;
@@ -23728,6 +23766,10 @@ declare const _default: {
23728
23766
  type: import("vue").PropType<unknown>;
23729
23767
  default: any;
23730
23768
  };
23769
+ tooltipPlacement: {
23770
+ 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">;
23771
+ default: string;
23772
+ };
23731
23773
  disabled: {
23732
23774
  type: import("vue").PropType<boolean>;
23733
23775
  default: boolean;
@@ -23792,10 +23834,6 @@ declare const _default: {
23792
23834
  type: import("vue").PropType<string>;
23793
23835
  default: any;
23794
23836
  };
23795
- toolTipPlacement: {
23796
- 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">;
23797
- default: string;
23798
- };
23799
23837
  treeMainOption: {
23800
23838
  type: import("vue").PropType<boolean>;
23801
23839
  default: boolean;
@@ -23825,7 +23863,7 @@ declare const _default: {
23825
23863
  };
23826
23864
  }>> & {
23827
23865
  onToggleTreeCollapse?: (option: unknown) => any;
23828
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "warningKey" | "iconType" | "endIconKey" | "endTextIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti" | "minMaxSelectionTooltipMessage">;
23866
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "tooltipPlacement" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "warningKey" | "iconType" | "endIconKey" | "endTextIconKey" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti" | "minMaxSelectionTooltipMessage">;
23829
23867
  $attrs: {
23830
23868
  [x: string]: unknown;
23831
23869
  };
@@ -23844,6 +23882,10 @@ declare const _default: {
23844
23882
  type: import("vue").PropType<unknown>;
23845
23883
  default: any;
23846
23884
  };
23885
+ tooltipPlacement: {
23886
+ 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">;
23887
+ default: string;
23888
+ };
23847
23889
  disabled: {
23848
23890
  type: import("vue").PropType<boolean>;
23849
23891
  default: boolean;
@@ -23908,10 +23950,6 @@ declare const _default: {
23908
23950
  type: import("vue").PropType<string>;
23909
23951
  default: any;
23910
23952
  };
23911
- toolTipPlacement: {
23912
- 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">;
23913
- default: string;
23914
- };
23915
23953
  treeMainOption: {
23916
23954
  type: import("vue").PropType<boolean>;
23917
23955
  default: boolean;
@@ -23945,6 +23983,7 @@ declare const _default: {
23945
23983
  toggleTreeCollapse: (option: unknown) => void;
23946
23984
  }, string, {
23947
23985
  option: any;
23986
+ 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";
23948
23987
  disabled: boolean;
23949
23988
  active: boolean;
23950
23989
  endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -23961,7 +24000,6 @@ declare const _default: {
23961
24000
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
23962
24001
  endIconKey: string;
23963
24002
  endTextIconKey: string;
23964
- 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";
23965
24003
  treeMainOption: boolean;
23966
24004
  treeMainOptionExpanded: boolean;
23967
24005
  stopOptionClickEventPropagation: boolean;
@@ -23993,6 +24031,10 @@ declare const _default: {
23993
24031
  type: import("vue").PropType<unknown>;
23994
24032
  default: any;
23995
24033
  };
24034
+ tooltipPlacement: {
24035
+ 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">;
24036
+ default: string;
24037
+ };
23996
24038
  disabled: {
23997
24039
  type: import("vue").PropType<boolean>;
23998
24040
  default: boolean;
@@ -24057,10 +24099,6 @@ declare const _default: {
24057
24099
  type: import("vue").PropType<string>;
24058
24100
  default: any;
24059
24101
  };
24060
- toolTipPlacement: {
24061
- 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">;
24062
- default: string;
24063
- };
24064
24102
  treeMainOption: {
24065
24103
  type: import("vue").PropType<boolean>;
24066
24104
  default: boolean;
@@ -24099,6 +24137,10 @@ declare const _default: {
24099
24137
  type: import("vue").PropType<unknown>;
24100
24138
  default: any;
24101
24139
  };
24140
+ tooltipPlacement: {
24141
+ 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">;
24142
+ default: string;
24143
+ };
24102
24144
  disabled: {
24103
24145
  type: import("vue").PropType<boolean>;
24104
24146
  default: boolean;
@@ -24163,10 +24205,6 @@ declare const _default: {
24163
24205
  type: import("vue").PropType<string>;
24164
24206
  default: any;
24165
24207
  };
24166
- toolTipPlacement: {
24167
- 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">;
24168
- default: string;
24169
- };
24170
24208
  treeMainOption: {
24171
24209
  type: import("vue").PropType<boolean>;
24172
24210
  default: boolean;
@@ -24200,6 +24238,7 @@ declare const _default: {
24200
24238
  toggleTreeCollapse: (option: unknown) => void;
24201
24239
  }, string, {
24202
24240
  option: any;
24241
+ 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";
24203
24242
  disabled: boolean;
24204
24243
  active: boolean;
24205
24244
  endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -24216,7 +24255,6 @@ declare const _default: {
24216
24255
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
24217
24256
  endIconKey: string;
24218
24257
  endTextIconKey: string;
24219
- 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";
24220
24258
  treeMainOption: boolean;
24221
24259
  treeMainOptionExpanded: boolean;
24222
24260
  stopOptionClickEventPropagation: boolean;
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './FilterDropdown.vue_vue_type_style_index_0_scoped_b42d8b45_lang.css';
1
+ import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
2
2
  import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as ao } from "./components/menuItem/index.js";
@@ -2,5 +2,6 @@ export type OptionWithIcon = {
2
2
  icon: string;
3
3
  name: string;
4
4
  disabled?: boolean;
5
+ optionTooltipText?: string;
5
6
  };
6
7
  export declare const optionWithIconMocks: OptionWithIcon[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.12-test.84",
3
+ "version": "2.1.12-test.85",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-dd86e387],.v-leave-active[data-v-dd86e387]{transition:opacity .25s ease}ol[data-v-dd86e387],ul[data-v-dd86e387],menu[data-v-dd86e387]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-dd86e387],.dropdown.full-width .button__container[data-v-dd86e387]{width:100%}.dropdown-list-wrapper[data-v-dd86e387]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-dd86e387]{padding:.5rem}.list-container--multi[data-v-dd86e387]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-dd86e387]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-dd86e387]{width:100%}.inline-search .list-container[data-v-dd86e387]{padding-top:0}.no-result-container[data-v-dd86e387]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-dd86e387]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-dd86e387]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-dd86e387]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-dd86e387]{min-height:0;margin-bottom:0}.image-slot[data-v-dd86e387]{margin-right:.5rem}.actions-wrapper[data-v-dd86e387]{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-dd86e387]{margin-left:.5rem}
@@ -1 +0,0 @@
1
- .label[data-v-8e88292f]{color:#41454d}.item-container[data-v-8e88292f]{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-8e88292f]{cursor:not-allowed;color:var(--text-disabled)}.item-container--disabled .item .start-icon[data-v-8e88292f],.item-container--disabled .item .end-icon[data-v-8e88292f],.item-container--disabled .item .end-text-icon[data-v-8e88292f]{color:var(--text-disabled)}.item-container--disabled .item .image img[data-v-8e88292f]{opacity:.5}.item-container[data-v-8e88292f]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-8e88292f],.item-container[data-v-8e88292f]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-8e88292f]{background-color:var(--action-selected)}.subtitle[data-v-8e88292f]{color:#7b838c;line-height:1rem}.clear-button[data-v-8e88292f]{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-8e88292f]:hover{color:#3083ff}.item[data-v-8e88292f]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-8e88292f],.item--multi[data-v-8e88292f]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-8e88292f]{width:20px;height:20px;flex:none}.item .image img[data-v-8e88292f]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-8e88292f]{width:16px;height:16px}.item .flag img[data-v-8e88292f]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-8e88292f],.item .end-icon[data-v-8e88292f]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-8e88292f]{display:inline-flex}.item .option-text[data-v-8e88292f]{line-height:1.1875rem}.text-container[data-v-8e88292f]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-8e88292f]{display:block}.tooltip-option[data-v-8e88292f] .container{width:100%}.app-trigger--icon[data-v-8e88292f]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-8e88292f]{transform:rotate(0)}.option-warning[data-v-8e88292f]{display:flex}.option-warning__icon[data-v-8e88292f]{color:var(--warning-main)}.option-content[data-v-8e88292f]{display:flex}.option-content[data-v-8e88292f]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-8e88292f]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-8e88292f]{flex-direction:column}.option-text .main-text[data-v-8e88292f]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-8e88292f]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-8e88292f]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-8e88292f]{color:var(--text-secondary)}.multiline-tooltip[data-v-8e88292f]{display:flex;flex-direction:column}