@ironsource/shared-ui 2.1.12-rc.15 → 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 +5 -0
  34. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  35. package/components/dropdown/v4/DropdownV4.vue2.js +102 -97
  36. package/components/dropdown/v4/OptionV4.vue.d.ts +5 -0
  37. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  38. package/components/dropdown/v4/OptionV4.vue2.js +83 -64
  39. package/components/dropdown/v4/index.d.ts +40 -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 +80 -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_4de6dfb8_lang.css +0 -1
  57. package/OptionV4.vue_vue_type_style_index_0_scoped_8ba7e191_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;
@@ -20302,6 +20321,7 @@ declare const _default: {
20302
20321
  nameKey: string;
20303
20322
  imageKey: string;
20304
20323
  iconKey: string;
20324
+ warningKey: string;
20305
20325
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20306
20326
  endIconKey: string;
20307
20327
  endTextIconKey: string;
@@ -20364,6 +20384,10 @@ declare const _default: {
20364
20384
  type: import("vue").PropType<string>;
20365
20385
  default: any;
20366
20386
  };
20387
+ warningKey: {
20388
+ type: import("vue").PropType<string>;
20389
+ default: any;
20390
+ };
20367
20391
  iconType: {
20368
20392
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
20369
20393
  default: string;
@@ -20405,7 +20429,7 @@ declare const _default: {
20405
20429
  };
20406
20430
  }>> & {
20407
20431
  onToggleTreeCollapse?: (option: unknown) => any;
20408
- } & 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">;
20409
20433
  $attrs: {
20410
20434
  [x: string]: unknown;
20411
20435
  };
@@ -20472,6 +20496,10 @@ declare const _default: {
20472
20496
  type: import("vue").PropType<string>;
20473
20497
  default: any;
20474
20498
  };
20499
+ warningKey: {
20500
+ type: import("vue").PropType<string>;
20501
+ default: any;
20502
+ };
20475
20503
  iconType: {
20476
20504
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
20477
20505
  default: string;
@@ -20529,6 +20557,7 @@ declare const _default: {
20529
20557
  nameKey: string;
20530
20558
  imageKey: string;
20531
20559
  iconKey: string;
20560
+ warningKey: string;
20532
20561
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20533
20562
  endIconKey: string;
20534
20563
  endTextIconKey: string;
@@ -20611,6 +20640,10 @@ declare const _default: {
20611
20640
  type: import("vue").PropType<string>;
20612
20641
  default: any;
20613
20642
  };
20643
+ warningKey: {
20644
+ type: import("vue").PropType<string>;
20645
+ default: any;
20646
+ };
20614
20647
  iconType: {
20615
20648
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
20616
20649
  default: string;
@@ -20709,6 +20742,10 @@ declare const _default: {
20709
20742
  type: import("vue").PropType<string>;
20710
20743
  default: any;
20711
20744
  };
20745
+ warningKey: {
20746
+ type: import("vue").PropType<string>;
20747
+ default: any;
20748
+ };
20712
20749
  iconType: {
20713
20750
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
20714
20751
  default: string;
@@ -20766,6 +20803,7 @@ declare const _default: {
20766
20803
  nameKey: string;
20767
20804
  imageKey: string;
20768
20805
  iconKey: string;
20806
+ warningKey: string;
20769
20807
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20770
20808
  endIconKey: string;
20771
20809
  endTextIconKey: string;
@@ -20992,6 +21030,7 @@ declare const _default: {
20992
21030
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20993
21031
  optionsEndTextIconKey: string;
20994
21032
  optionFlagKey: string;
21033
+ optionWarningKey: string;
20995
21034
  disabledOptionKey: string;
20996
21035
  optionTwoLinesVariant: "horizontal" | "vertical";
20997
21036
  optionTwoLinesKey: string;
@@ -21202,6 +21241,10 @@ declare const _default: {
21202
21241
  type: import("vue").PropType<string>;
21203
21242
  default: any;
21204
21243
  };
21244
+ optionWarningKey: {
21245
+ type: import("vue").PropType<string>;
21246
+ default: any;
21247
+ };
21205
21248
  disabledOptionKey: {
21206
21249
  type: import("vue").PropType<string>;
21207
21250
  default: string;
@@ -21263,7 +21306,7 @@ declare const _default: {
21263
21306
  onUnsavedSelectionUpdate?: (value: unknown[]) => any;
21264
21307
  onOpened?: () => any;
21265
21308
  onClosed?: () => any;
21266
- } & 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">;
21267
21310
  $attrs: {
21268
21311
  [x: string]: unknown;
21269
21312
  };
@@ -21475,6 +21518,10 @@ declare const _default: {
21475
21518
  type: import("vue").PropType<string>;
21476
21519
  default: any;
21477
21520
  };
21521
+ optionWarningKey: {
21522
+ type: import("vue").PropType<string>;
21523
+ default: any;
21524
+ };
21478
21525
  disabledOptionKey: {
21479
21526
  type: import("vue").PropType<string>;
21480
21527
  default: string;
@@ -21598,6 +21645,7 @@ declare const _default: {
21598
21645
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
21599
21646
  optionsEndTextIconKey: string;
21600
21647
  optionFlagKey: string;
21648
+ optionWarningKey: string;
21601
21649
  disabledOptionKey: string;
21602
21650
  optionTwoLinesVariant: "horizontal" | "vertical";
21603
21651
  optionTwoLinesKey: string;
@@ -21828,6 +21876,10 @@ declare const _default: {
21828
21876
  type: import("vue").PropType<string>;
21829
21877
  default: any;
21830
21878
  };
21879
+ optionWarningKey: {
21880
+ type: import("vue").PropType<string>;
21881
+ default: any;
21882
+ };
21831
21883
  disabledOptionKey: {
21832
21884
  type: import("vue").PropType<string>;
21833
21885
  default: string;
@@ -22094,6 +22146,10 @@ declare const _default: {
22094
22146
  type: import("vue").PropType<string>;
22095
22147
  default: any;
22096
22148
  };
22149
+ optionWarningKey: {
22150
+ type: import("vue").PropType<string>;
22151
+ default: any;
22152
+ };
22097
22153
  disabledOptionKey: {
22098
22154
  type: import("vue").PropType<string>;
22099
22155
  default: string;
@@ -22217,6 +22273,7 @@ declare const _default: {
22217
22273
  optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
22218
22274
  optionsEndTextIconKey: string;
22219
22275
  optionFlagKey: string;
22276
+ optionWarningKey: string;
22220
22277
  disabledOptionKey: string;
22221
22278
  optionTwoLinesVariant: "horizontal" | "vertical";
22222
22279
  optionTwoLinesKey: string;
@@ -23061,6 +23118,7 @@ declare const _default: {
23061
23118
  nameKey: string;
23062
23119
  imageKey: string;
23063
23120
  iconKey: string;
23121
+ warningKey: string;
23064
23122
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
23065
23123
  endIconKey: string;
23066
23124
  endTextIconKey: string;
@@ -23123,6 +23181,10 @@ declare const _default: {
23123
23181
  type: import("vue").PropType<string>;
23124
23182
  default: any;
23125
23183
  };
23184
+ warningKey: {
23185
+ type: import("vue").PropType<string>;
23186
+ default: any;
23187
+ };
23126
23188
  iconType: {
23127
23189
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
23128
23190
  default: string;
@@ -23164,7 +23226,7 @@ declare const _default: {
23164
23226
  };
23165
23227
  }>> & {
23166
23228
  onToggleTreeCollapse?: (option: unknown) => any;
23167
- } & 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">;
23168
23230
  $attrs: {
23169
23231
  [x: string]: unknown;
23170
23232
  };
@@ -23231,6 +23293,10 @@ declare const _default: {
23231
23293
  type: import("vue").PropType<string>;
23232
23294
  default: any;
23233
23295
  };
23296
+ warningKey: {
23297
+ type: import("vue").PropType<string>;
23298
+ default: any;
23299
+ };
23234
23300
  iconType: {
23235
23301
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
23236
23302
  default: string;
@@ -23288,6 +23354,7 @@ declare const _default: {
23288
23354
  nameKey: string;
23289
23355
  imageKey: string;
23290
23356
  iconKey: string;
23357
+ warningKey: string;
23291
23358
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
23292
23359
  endIconKey: string;
23293
23360
  endTextIconKey: string;
@@ -23370,6 +23437,10 @@ declare const _default: {
23370
23437
  type: import("vue").PropType<string>;
23371
23438
  default: any;
23372
23439
  };
23440
+ warningKey: {
23441
+ type: import("vue").PropType<string>;
23442
+ default: any;
23443
+ };
23373
23444
  iconType: {
23374
23445
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
23375
23446
  default: string;
@@ -23468,6 +23539,10 @@ declare const _default: {
23468
23539
  type: import("vue").PropType<string>;
23469
23540
  default: any;
23470
23541
  };
23542
+ warningKey: {
23543
+ type: import("vue").PropType<string>;
23544
+ default: any;
23545
+ };
23471
23546
  iconType: {
23472
23547
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
23473
23548
  default: string;
@@ -23525,6 +23600,7 @@ declare const _default: {
23525
23600
  nameKey: string;
23526
23601
  imageKey: string;
23527
23602
  iconKey: string;
23603
+ warningKey: string;
23528
23604
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
23529
23605
  endIconKey: string;
23530
23606
  endTextIconKey: string;
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_bd6145ce_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.15",
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-4de6dfb8],.v-leave-active[data-v-4de6dfb8]{transition:opacity .25s ease}ol[data-v-4de6dfb8],ul[data-v-4de6dfb8],menu[data-v-4de6dfb8]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-4de6dfb8],.dropdown.full-width .button__container[data-v-4de6dfb8]{width:100%}.dropdown-list-wrapper[data-v-4de6dfb8]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-4de6dfb8]{padding:.5rem}.list-container--multi[data-v-4de6dfb8]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-4de6dfb8]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-4de6dfb8]{width:100%}.inline-search .list-container[data-v-4de6dfb8]{padding-top:0}.no-result-container[data-v-4de6dfb8]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-4de6dfb8]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-4de6dfb8]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-4de6dfb8]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-4de6dfb8]{min-height:0;margin-bottom:0}.image-slot[data-v-4de6dfb8]{margin-right:.5rem}.actions-wrapper[data-v-4de6dfb8]{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-4de6dfb8]{margin-left:.5rem}
@@ -1 +0,0 @@
1
- .label[data-v-8ba7e191]{color:#41454d}.item-container[data-v-8ba7e191]{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-8ba7e191]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-8ba7e191]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-8ba7e191],.item-container[data-v-8ba7e191]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-8ba7e191]{background-color:var(--action-selected)}.subtitle[data-v-8ba7e191]{color:#7b838c;line-height:1rem}.clear-button[data-v-8ba7e191]{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-8ba7e191]:hover{color:#3083ff}.item[data-v-8ba7e191]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-8ba7e191],.item--multi[data-v-8ba7e191]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-8ba7e191]{width:20px;height:20px;flex:none}.item .image img[data-v-8ba7e191]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-8ba7e191]{width:16px;height:16px}.item .flag img[data-v-8ba7e191]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-8ba7e191],.item .end-icon[data-v-8ba7e191]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-8ba7e191]{display:inline-flex}.item .option-text[data-v-8ba7e191]{line-height:1.1875rem}.text-container[data-v-8ba7e191]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-8ba7e191]{display:block}.tooltip-option[data-v-8ba7e191] .container{width:100%}.app-trigger--icon[data-v-8ba7e191]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-8ba7e191]{transform:rotate(0)}.option-content[data-v-8ba7e191]{display:flex}.option-content[data-v-8ba7e191]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-8ba7e191]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-8ba7e191]{flex-direction:column}.option-text .main-text[data-v-8ba7e191]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-8ba7e191]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-8ba7e191]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-8ba7e191]{color:var(--text-secondary)}.multiline-tooltip[data-v-8ba7e191]{display:flex;flex-direction:column}