@ironsource/shared-ui 2.1.12-rc.14 → 2.1.12-rc.16

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 (57) hide show
  1. package/Chart.vue_vue_type_style_index_0_scoped_4e9ce62f_lang.css +1 -0
  2. package/ChartLegend.vue_vue_type_style_index_0_scoped_fd9e4ea2_lang.css +1 -0
  3. package/ChartPlane.vue_vue_type_style_index_0_scoped_64dcfb5d_lang.css +1 -0
  4. package/ChartTooltip.vue_vue_type_style_index_0_scoped_81cdfd5e_lang.css +1 -0
  5. package/DropdownV4.vue_vue_type_style_index_0_scoped_08cb822e_lang.css +1 -0
  6. package/OptionV4.vue_vue_type_style_index_0_scoped_9cdf3a94_lang.css +1 -0
  7. package/TooltipHeader.vue_vue_type_style_index_0_scoped_40d98a66_lang.css +1 -0
  8. package/components/chart/Chart.vue.d.ts +7 -2
  9. package/components/chart/Chart.vue.js +3 -3
  10. package/components/chart/Chart.vue2.js +64 -59
  11. package/components/chart/ChartLegend.vue.d.ts +7 -0
  12. package/components/chart/ChartLegend.vue.js +3 -3
  13. package/components/chart/ChartLegend.vue2.js +75 -68
  14. package/components/chart/ChartPlane.vue.d.ts +12 -2
  15. package/components/chart/ChartPlane.vue.js +5 -5
  16. package/components/chart/ChartPlane.vue2.js +182 -156
  17. package/components/chart/ChartStoryArgs.d.ts +6 -0
  18. package/components/chart/ChartTooltip.vue.d.ts +6 -1
  19. package/components/chart/ChartTooltip.vue.js +2 -2
  20. package/components/chart/ChartTooltip.vue2.js +48 -58
  21. package/components/chart/components/TooltipHeader.vue.d.ts +45 -0
  22. package/components/chart/components/TooltipHeader.vue.js +7 -0
  23. package/components/chart/components/TooltipHeader.vue2.js +59 -0
  24. package/components/chart/consts.d.ts +12 -6
  25. package/components/chart/consts.js +31 -21
  26. package/components/chart/index.d.ts +54 -35
  27. package/components/chart/mockData.d.ts +11 -0
  28. package/components/chart/types.d.ts +16 -5
  29. package/components/chart/utils/highlightUtils.d.ts +3 -0
  30. package/components/chart/utils/highlightUtils.js +18 -0
  31. package/components/chart/utils/utils.d.ts +2 -1
  32. package/components/chart/utils/utils.js +23 -8
  33. package/components/dropdown/v4/DropdownV4.vue.d.ts +8 -0
  34. package/components/dropdown/v4/DropdownV4.vue.js +4 -4
  35. package/components/dropdown/v4/DropdownV4.vue2.js +105 -95
  36. package/components/dropdown/v4/OptionV4.vue.d.ts +8 -0
  37. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  38. package/components/dropdown/v4/OptionV4.vue2.js +91 -69
  39. package/components/dropdown/v4/index.d.ts +46 -2
  40. package/composables/useFormValidation.js +21 -19
  41. package/consts/common.d.ts +1 -0
  42. package/consts/common.js +4 -0
  43. package/consts/regex.d.ts +1 -0
  44. package/consts/regex.js +2 -1
  45. package/index.d.ts +92 -4
  46. package/index.js +1 -1
  47. package/package.json +1 -1
  48. package/utils/text.d.ts +3 -0
  49. package/utils/text.js +24 -5
  50. package/utils/utils.d.ts +1 -0
  51. package/utils/utils.js +4 -0
  52. package/Chart.vue_vue_type_style_index_0_scoped_de950ffe_lang.css +0 -1
  53. package/ChartLegend.vue_vue_type_style_index_0_scoped_da487aba_lang.css +0 -1
  54. package/ChartPlane.vue_vue_type_style_index_0_scoped_ae87f435_lang.css +0 -1
  55. package/ChartTooltip.vue_vue_type_style_index_0_scoped_25d0e129_lang.css +0 -1
  56. package/DropdownV4.vue_vue_type_style_index_0_scoped_d154c5da_lang.css +0 -1
  57. package/OptionV4.vue_vue_type_style_index_0_scoped_1e8837dc_lang.css +0 -1
package/index.d.ts CHANGED
@@ -16329,6 +16329,7 @@ declare const _default: {
16329
16329
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
16330
16330
  optionsEndTextIconKey: string;
16331
16331
  optionFlagKey: string;
16332
+ optionWarningKey: string;
16332
16333
  disabledOptionKey: string;
16333
16334
  optionTwoLinesVariant: "horizontal" | "vertical";
16334
16335
  optionTwoLinesKey: string;
@@ -16539,6 +16540,10 @@ declare const _default: {
16539
16540
  type: import("vue").PropType<string>;
16540
16541
  default: any;
16541
16542
  };
16543
+ optionWarningKey: {
16544
+ type: import("vue").PropType<string>;
16545
+ default: any;
16546
+ };
16542
16547
  disabledOptionKey: {
16543
16548
  type: import("vue").PropType<string>;
16544
16549
  default: string;
@@ -16600,7 +16605,7 @@ declare const _default: {
16600
16605
  onUnsavedSelectionUpdate?: (value: unknown[]) => any;
16601
16606
  onOpened?: () => any;
16602
16607
  onClosed?: () => any;
16603
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "valueToCopy" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
16608
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "valueToCopy" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "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">;
16604
16609
  $attrs: {
16605
16610
  [x: string]: unknown;
16606
16611
  };
@@ -16812,6 +16817,10 @@ declare const _default: {
16812
16817
  type: import("vue").PropType<string>;
16813
16818
  default: any;
16814
16819
  };
16820
+ optionWarningKey: {
16821
+ type: import("vue").PropType<string>;
16822
+ default: any;
16823
+ };
16815
16824
  disabledOptionKey: {
16816
16825
  type: import("vue").PropType<string>;
16817
16826
  default: string;
@@ -16935,6 +16944,7 @@ declare const _default: {
16935
16944
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
16936
16945
  optionsEndTextIconKey: string;
16937
16946
  optionFlagKey: string;
16947
+ optionWarningKey: string;
16938
16948
  disabledOptionKey: string;
16939
16949
  optionTwoLinesVariant: "horizontal" | "vertical";
16940
16950
  optionTwoLinesKey: string;
@@ -17165,6 +17175,10 @@ declare const _default: {
17165
17175
  type: import("vue").PropType<string>;
17166
17176
  default: any;
17167
17177
  };
17178
+ optionWarningKey: {
17179
+ type: import("vue").PropType<string>;
17180
+ default: any;
17181
+ };
17168
17182
  disabledOptionKey: {
17169
17183
  type: import("vue").PropType<string>;
17170
17184
  default: string;
@@ -17431,6 +17445,10 @@ declare const _default: {
17431
17445
  type: import("vue").PropType<string>;
17432
17446
  default: any;
17433
17447
  };
17448
+ optionWarningKey: {
17449
+ type: import("vue").PropType<string>;
17450
+ default: any;
17451
+ };
17434
17452
  disabledOptionKey: {
17435
17453
  type: import("vue").PropType<string>;
17436
17454
  default: string;
@@ -17554,6 +17572,7 @@ declare const _default: {
17554
17572
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
17555
17573
  optionsEndTextIconKey: string;
17556
17574
  optionFlagKey: string;
17575
+ optionWarningKey: string;
17557
17576
  disabledOptionKey: string;
17558
17577
  optionTwoLinesVariant: "horizontal" | "vertical";
17559
17578
  optionTwoLinesKey: string;
@@ -17621,6 +17640,9 @@ declare const _default: {
17621
17640
  active: boolean;
17622
17641
  disabled: any;
17623
17642
  }): any;
17643
+ "option-end"?(_: {
17644
+ option: any;
17645
+ }): any;
17624
17646
  };
17625
17647
  });
17626
17648
  DefaultDropdownTrigger: {
@@ -20299,6 +20321,7 @@ declare const _default: {
20299
20321
  nameKey: string;
20300
20322
  imageKey: string;
20301
20323
  iconKey: string;
20324
+ warningKey: string;
20302
20325
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20303
20326
  endIconKey: string;
20304
20327
  endTextIconKey: string;
@@ -20361,6 +20384,10 @@ declare const _default: {
20361
20384
  type: import("vue").PropType<string>;
20362
20385
  default: any;
20363
20386
  };
20387
+ warningKey: {
20388
+ type: import("vue").PropType<string>;
20389
+ default: any;
20390
+ };
20364
20391
  iconType: {
20365
20392
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
20366
20393
  default: string;
@@ -20402,7 +20429,7 @@ declare const _default: {
20402
20429
  };
20403
20430
  }>> & {
20404
20431
  onToggleTreeCollapse?: (option: unknown) => any;
20405
- } & 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" | "isMulti">;
20432
+ } & 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">;
20406
20433
  $attrs: {
20407
20434
  [x: string]: unknown;
20408
20435
  };
@@ -20469,6 +20496,10 @@ declare const _default: {
20469
20496
  type: import("vue").PropType<string>;
20470
20497
  default: any;
20471
20498
  };
20499
+ warningKey: {
20500
+ type: import("vue").PropType<string>;
20501
+ default: any;
20502
+ };
20472
20503
  iconType: {
20473
20504
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
20474
20505
  default: string;
@@ -20526,6 +20557,7 @@ declare const _default: {
20526
20557
  nameKey: string;
20527
20558
  imageKey: string;
20528
20559
  iconKey: string;
20560
+ warningKey: string;
20529
20561
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20530
20562
  endIconKey: string;
20531
20563
  endTextIconKey: string;
@@ -20608,6 +20640,10 @@ declare const _default: {
20608
20640
  type: import("vue").PropType<string>;
20609
20641
  default: any;
20610
20642
  };
20643
+ warningKey: {
20644
+ type: import("vue").PropType<string>;
20645
+ default: any;
20646
+ };
20611
20647
  iconType: {
20612
20648
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
20613
20649
  default: string;
@@ -20706,6 +20742,10 @@ declare const _default: {
20706
20742
  type: import("vue").PropType<string>;
20707
20743
  default: any;
20708
20744
  };
20745
+ warningKey: {
20746
+ type: import("vue").PropType<string>;
20747
+ default: any;
20748
+ };
20709
20749
  iconType: {
20710
20750
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
20711
20751
  default: string;
@@ -20763,6 +20803,7 @@ declare const _default: {
20763
20803
  nameKey: string;
20764
20804
  imageKey: string;
20765
20805
  iconKey: string;
20806
+ warningKey: string;
20766
20807
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20767
20808
  endIconKey: string;
20768
20809
  endTextIconKey: string;
@@ -20779,6 +20820,9 @@ declare const _default: {
20779
20820
  "icon-start"?(_: {}): any;
20780
20821
  default?(_: {}): any;
20781
20822
  "icon-end"?(_: {}): any;
20823
+ "option-end"?(_: {
20824
+ option: any;
20825
+ }): any;
20782
20826
  };
20783
20827
  })) | import("vue").DefineComponent<{
20784
20828
  testId: {
@@ -20986,6 +21030,7 @@ declare const _default: {
20986
21030
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20987
21031
  optionsEndTextIconKey: string;
20988
21032
  optionFlagKey: string;
21033
+ optionWarningKey: string;
20989
21034
  disabledOptionKey: string;
20990
21035
  optionTwoLinesVariant: "horizontal" | "vertical";
20991
21036
  optionTwoLinesKey: string;
@@ -21196,6 +21241,10 @@ declare const _default: {
21196
21241
  type: import("vue").PropType<string>;
21197
21242
  default: any;
21198
21243
  };
21244
+ optionWarningKey: {
21245
+ type: import("vue").PropType<string>;
21246
+ default: any;
21247
+ };
21199
21248
  disabledOptionKey: {
21200
21249
  type: import("vue").PropType<string>;
21201
21250
  default: string;
@@ -21257,7 +21306,7 @@ declare const _default: {
21257
21306
  onUnsavedSelectionUpdate?: (value: unknown[]) => any;
21258
21307
  onOpened?: () => any;
21259
21308
  onClosed?: () => any;
21260
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "valueToCopy" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
21309
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "valueToCopy" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "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">;
21261
21310
  $attrs: {
21262
21311
  [x: string]: unknown;
21263
21312
  };
@@ -21469,6 +21518,10 @@ declare const _default: {
21469
21518
  type: import("vue").PropType<string>;
21470
21519
  default: any;
21471
21520
  };
21521
+ optionWarningKey: {
21522
+ type: import("vue").PropType<string>;
21523
+ default: any;
21524
+ };
21472
21525
  disabledOptionKey: {
21473
21526
  type: import("vue").PropType<string>;
21474
21527
  default: string;
@@ -21592,6 +21645,7 @@ declare const _default: {
21592
21645
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
21593
21646
  optionsEndTextIconKey: string;
21594
21647
  optionFlagKey: string;
21648
+ optionWarningKey: string;
21595
21649
  disabledOptionKey: string;
21596
21650
  optionTwoLinesVariant: "horizontal" | "vertical";
21597
21651
  optionTwoLinesKey: string;
@@ -21822,6 +21876,10 @@ declare const _default: {
21822
21876
  type: import("vue").PropType<string>;
21823
21877
  default: any;
21824
21878
  };
21879
+ optionWarningKey: {
21880
+ type: import("vue").PropType<string>;
21881
+ default: any;
21882
+ };
21825
21883
  disabledOptionKey: {
21826
21884
  type: import("vue").PropType<string>;
21827
21885
  default: string;
@@ -22088,6 +22146,10 @@ declare const _default: {
22088
22146
  type: import("vue").PropType<string>;
22089
22147
  default: any;
22090
22148
  };
22149
+ optionWarningKey: {
22150
+ type: import("vue").PropType<string>;
22151
+ default: any;
22152
+ };
22091
22153
  disabledOptionKey: {
22092
22154
  type: import("vue").PropType<string>;
22093
22155
  default: string;
@@ -22211,6 +22273,7 @@ declare const _default: {
22211
22273
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
22212
22274
  optionsEndTextIconKey: string;
22213
22275
  optionFlagKey: string;
22276
+ optionWarningKey: string;
22214
22277
  disabledOptionKey: string;
22215
22278
  optionTwoLinesVariant: "horizontal" | "vertical";
22216
22279
  optionTwoLinesKey: string;
@@ -22278,6 +22341,9 @@ declare const _default: {
22278
22341
  active: boolean;
22279
22342
  disabled: any;
22280
22343
  }): any;
22344
+ "option-end"?(_: {
22345
+ option: any;
22346
+ }): any;
22281
22347
  };
22282
22348
  })) | import("vue").DefineComponent<{
22283
22349
  label: {
@@ -23052,6 +23118,7 @@ declare const _default: {
23052
23118
  nameKey: string;
23053
23119
  imageKey: string;
23054
23120
  iconKey: string;
23121
+ warningKey: string;
23055
23122
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
23056
23123
  endIconKey: string;
23057
23124
  endTextIconKey: string;
@@ -23114,6 +23181,10 @@ declare const _default: {
23114
23181
  type: import("vue").PropType<string>;
23115
23182
  default: any;
23116
23183
  };
23184
+ warningKey: {
23185
+ type: import("vue").PropType<string>;
23186
+ default: any;
23187
+ };
23117
23188
  iconType: {
23118
23189
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
23119
23190
  default: string;
@@ -23155,7 +23226,7 @@ declare const _default: {
23155
23226
  };
23156
23227
  }>> & {
23157
23228
  onToggleTreeCollapse?: (option: unknown) => any;
23158
- } & 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" | "isMulti">;
23229
+ } & 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">;
23159
23230
  $attrs: {
23160
23231
  [x: string]: unknown;
23161
23232
  };
@@ -23222,6 +23293,10 @@ declare const _default: {
23222
23293
  type: import("vue").PropType<string>;
23223
23294
  default: any;
23224
23295
  };
23296
+ warningKey: {
23297
+ type: import("vue").PropType<string>;
23298
+ default: any;
23299
+ };
23225
23300
  iconType: {
23226
23301
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
23227
23302
  default: string;
@@ -23279,6 +23354,7 @@ declare const _default: {
23279
23354
  nameKey: string;
23280
23355
  imageKey: string;
23281
23356
  iconKey: string;
23357
+ warningKey: string;
23282
23358
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
23283
23359
  endIconKey: string;
23284
23360
  endTextIconKey: string;
@@ -23361,6 +23437,10 @@ declare const _default: {
23361
23437
  type: import("vue").PropType<string>;
23362
23438
  default: any;
23363
23439
  };
23440
+ warningKey: {
23441
+ type: import("vue").PropType<string>;
23442
+ default: any;
23443
+ };
23364
23444
  iconType: {
23365
23445
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
23366
23446
  default: string;
@@ -23459,6 +23539,10 @@ declare const _default: {
23459
23539
  type: import("vue").PropType<string>;
23460
23540
  default: any;
23461
23541
  };
23542
+ warningKey: {
23543
+ type: import("vue").PropType<string>;
23544
+ default: any;
23545
+ };
23462
23546
  iconType: {
23463
23547
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
23464
23548
  default: string;
@@ -23516,6 +23600,7 @@ declare const _default: {
23516
23600
  nameKey: string;
23517
23601
  imageKey: string;
23518
23602
  iconKey: string;
23603
+ warningKey: string;
23519
23604
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
23520
23605
  endIconKey: string;
23521
23606
  endTextIconKey: string;
@@ -23532,6 +23617,9 @@ declare const _default: {
23532
23617
  "icon-start"?(_: {}): any;
23533
23618
  default?(_: {}): any;
23534
23619
  "icon-end"?(_: {}): any;
23620
+ "option-end"?(_: {
23621
+ option: any;
23622
+ }): any;
23535
23623
  };
23536
23624
  });
23537
23625
  TreeDropdown: {
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './IncludeExcludeChipFilter.vue_vue_type_style_index_0_scoped_198d2d73_lang.css';
1
+ import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
2
2
  import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as to } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as ao } from "./components/menuItem/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.12-rc.14",
3
+ "version": "2.1.12-rc.16",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/utils/text.d.ts CHANGED
@@ -1 +1,4 @@
1
+ import { Font } from '@/components/chart/types';
1
2
  export declare const isElementTruncated: (el: HTMLElement) => boolean;
3
+ export declare function measureTextWidth(text: string, font: Font): number;
4
+ export declare const truncateTextToFit: (text: string, font: Font, availableSpace: number) => string;
package/utils/text.js CHANGED
@@ -1,9 +1,28 @@
1
- const o = (t) => {
1
+ import { ELLIPSIS as a } from "../consts/common.js";
2
+ const u = (t) => {
2
3
  const e = new Range();
3
4
  e.selectNodeContents(t);
4
- const n = e.getBoundingClientRect(), c = t.getBoundingClientRect();
5
- return n.right > c.right;
6
- }, r = (t) => t ? t.scrollWidth !== t.offsetWidth ? t.scrollWidth > t.offsetWidth : o(t) : !1;
5
+ const n = e.getBoundingClientRect(), s = t.getBoundingClientRect();
6
+ return n.right > s.right;
7
+ }, w = (t) => t ? t.scrollWidth !== t.offsetWidth ? t.scrollWidth > t.offsetWidth : u(t) : !1, g = document.createElement("canvas"), o = g.getContext("2d");
8
+ function h(t, e) {
9
+ if (!o)
10
+ throw new Error("missing canvas context");
11
+ return o.font = `${e.weight} ${e.size}px ${e.family}`, o.measureText(t).width;
12
+ }
13
+ const W = (t, e, n) => {
14
+ const s = h(a, e);
15
+ if (h(t, e) <= n)
16
+ return t;
17
+ let r = 0, i = t.length, l = t;
18
+ for (; r <= i; ) {
19
+ const c = Math.floor((r + i) / 2), d = t.slice(0, c);
20
+ h(d, e) + s <= n ? (l = d, r = c + 1) : i = c - 1;
21
+ }
22
+ return l + a;
23
+ };
7
24
  export {
8
- r as isElementTruncated
25
+ w as isElementTruncated,
26
+ h as measureTextWidth,
27
+ W as truncateTextToFit
9
28
  };
@@ -0,0 +1 @@
1
+ export declare const isNullOrUndefined: (object: unknown) => boolean;
package/utils/utils.js ADDED
@@ -0,0 +1,4 @@
1
+ const l = (n) => n == null;
2
+ export {
3
+ l as isNullOrUndefined
4
+ };
@@ -1 +0,0 @@
1
- .chart-container[data-v-de950ffe]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-de950ffe]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-de950ffe]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-de950ffe]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-de950ffe]{border-left:1px solid var(--common-divider)}
@@ -1 +0,0 @@
1
- .disabled-tooltip[data-v-da487aba],.disabled-tooltip[data-v-da487aba] .container{width:100%}.chart-legend[data-v-da487aba]{display:flex;flex-direction:column;width:240px;height:100%;padding:0 8px 8px 12px}.search-box[data-v-da487aba]{padding:12px 0 4px;display:flex;align-items:center;gap:4px}.legend[data-v-da487aba]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-da487aba]{list-style:none;padding:0}.legend__list>li[data-v-da487aba]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-da487aba]:hover{background-color:var(--action-hover);border-radius:8px;cursor:pointer}.legend__list>li.disabled-item[data-v-da487aba]{cursor:not-allowed!important;opacity:.5;background:var(--background-paper)}.legend__list>li.empty-list[data-v-da487aba]{display:flex;align-items:center;justify-content:flex-start;height:32px;color:var(--text-disabled)}.legend__list>li.empty-list[data-v-da487aba]:hover{background-color:transparent;cursor:default}.legend__list>li .item-wrapper[data-v-da487aba]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-da487aba]{width:80%}.legend__list>li .item-wrapper .icon-color[data-v-da487aba]{color:var(--action-active)}.legend__list>li .item-wrapper .label-container[data-v-da487aba]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-da487aba]{display:flex;color:var(--text-secondary)}
@@ -1 +0,0 @@
1
- .chart-plane[data-v-ae87f435]{--headerHeight: var(--4640c185);width:100%}.chart-plane[data-v-ae87f435],.chart-loading[data-v-ae87f435],.chart-empty[data-v-ae87f435]{height:var(--07515470)}.header-wrapper[data-v-ae87f435]{height:var(--headerHeight)}.chart[data-v-ae87f435]{width:100%;height:calc(100% - var(--headerHeight));position:relative}.chart__canvas[data-v-ae87f435]{width:100%;height:100%}.chart__tooltip[data-v-ae87f435]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}
@@ -1 +0,0 @@
1
- .chart-tooltip[data-v-25d0e129]{color:var(--text-primary);background:var(--common-white);box-shadow:0 4px 8px -2px #1018281f;border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-md);width:280px;padding:calc(var(--spacing-100) - 1px)}.tooltip-title-wrapper[data-v-25d0e129]{display:flex;flex-direction:column;color:var(--text-primary);margin-bottom:var(--spacing-100)}.tooltip-title-wrapper .tooltip-sub-title[data-v-25d0e129]{color:var(--text-secondary)}.color-box[data-v-25d0e129]{width:12px;height:12px;border-radius:2px;display:inline-block;margin-right:var(--spacing-100)}.color-box+.platform-icon[data-v-25d0e129]{margin-left:calc(var(--spacing-50) - var(--spacing-100))}.list[data-v-25d0e129]{list-style:none;margin:0;padding:0}.list__item[data-v-25d0e129]{display:flex;align-items:center;margin-bottom:var(--spacing-50);color:var(--text-secondary)}.list__item[data-v-25d0e129]:last-child{margin-bottom:0}.platform-icon[data-v-25d0e129]{color:var(--action-active);margin-right:var(--spacing-50)}.popover-label-wrapper[data-v-25d0e129]{display:flex;width:200px;flex-grow:1}.truncated-label[data-v-25d0e129]{max-width:90%}.tooltip-footer[data-v-25d0e129]{display:flex;align-items:center;margin-top:var(--spacing-100);color:var(--text-primary)}.flex-grow[data-v-25d0e129]{flex-grow:1}
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-d154c5da],.v-leave-active[data-v-d154c5da]{transition:opacity .25s ease}ol[data-v-d154c5da],ul[data-v-d154c5da],menu[data-v-d154c5da]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-d154c5da],.dropdown.full-width .button__container[data-v-d154c5da]{width:100%}.dropdown-list-wrapper[data-v-d154c5da]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-d154c5da]{padding:.5rem}.list-container--multi[data-v-d154c5da]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-d154c5da]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-d154c5da]{width:100%}.inline-search .list-container[data-v-d154c5da]{padding-top:0}.no-result-container[data-v-d154c5da]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-d154c5da]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-d154c5da]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-d154c5da]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-d154c5da]{min-height:0;margin-bottom:0}.image-slot[data-v-d154c5da]{margin-right:.5rem}.actions-wrapper[data-v-d154c5da]{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-d154c5da]{margin-left:.5rem}
@@ -1 +0,0 @@
1
- .label[data-v-1e8837dc]{color:#41454d}.item-container[data-v-1e8837dc]{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-1e8837dc]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-1e8837dc]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-1e8837dc],.item-container[data-v-1e8837dc]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-1e8837dc]{background-color:var(--action-selected)}.subtitle[data-v-1e8837dc]{color:#7b838c;line-height:1rem}.clear-button[data-v-1e8837dc]{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-1e8837dc]:hover{color:#3083ff}.item[data-v-1e8837dc]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-1e8837dc],.item--multi[data-v-1e8837dc]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-1e8837dc]{width:20px;height:20px;flex:none}.item .image img[data-v-1e8837dc]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-1e8837dc]{width:16px;height:16px}.item .flag img[data-v-1e8837dc]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-1e8837dc],.item .end-icon[data-v-1e8837dc]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-1e8837dc]{display:inline-flex}.item .option-text[data-v-1e8837dc]{line-height:1.1875rem}.text-container[data-v-1e8837dc]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-1e8837dc]{display:block}.tooltip-option[data-v-1e8837dc] .container{width:100%}.app-trigger--icon[data-v-1e8837dc]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-1e8837dc]{transform:rotate(0)}.option-content[data-v-1e8837dc]{display:flex}.option-content[data-v-1e8837dc]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-1e8837dc]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-1e8837dc]{flex-direction:column}.option-text .main-text[data-v-1e8837dc]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-1e8837dc]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-1e8837dc]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-1e8837dc]{color:var(--text-secondary)}.multiline-tooltip[data-v-1e8837dc]{display:flex;flex-direction:column}