@ironsource/shared-ui 2.1.12-rc.11 → 2.1.12-rc.13

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 (42) hide show
  1. package/Chart.vue_vue_type_style_index_0_scoped_a0b89669_lang.css +1 -0
  2. package/ChartLegend.vue_vue_type_style_index_0_scoped_da487aba_lang.css +1 -0
  3. package/ChartPlane.vue_vue_type_style_index_0_scoped_0f3a67d5_lang.css +1 -0
  4. package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css +1 -0
  5. package/SettingsHeader.vue_vue_type_style_index_0_scoped_0875167b_lang.css +1 -0
  6. package/components/chart/Chart.vue.d.ts +19 -2
  7. package/components/chart/Chart.vue.js +2 -2
  8. package/components/chart/Chart.vue2.js +69 -57
  9. package/components/chart/ChartLegend.vue.d.ts +17 -0
  10. package/components/chart/ChartLegend.vue.js +3 -3
  11. package/components/chart/ChartLegend.vue2.js +78 -67
  12. package/components/chart/ChartPlane.vue.d.ts +7 -2
  13. package/components/chart/ChartPlane.vue.js +2 -2
  14. package/components/chart/ChartPlane.vue2.js +128 -127
  15. package/components/chart/LegendSorting.vue.d.ts +37 -0
  16. package/components/chart/LegendSorting.vue.js +45 -0
  17. package/components/chart/LegendSorting.vue2.js +4 -0
  18. package/components/chart/SettingsHeader.vue.js +3 -3
  19. package/components/chart/SettingsHeader.vue2.js +1 -1
  20. package/components/chart/colorPalette.d.ts +4 -0
  21. package/components/chart/colorPalette.js +54 -0
  22. package/components/chart/composables/useColorsMap.d.ts +2 -2
  23. package/components/chart/composables/useColorsMap.js +41 -12
  24. package/components/chart/consts.d.ts +12 -1
  25. package/components/chart/consts.js +31 -26
  26. package/components/chart/index.d.ts +103 -40
  27. package/components/chart/mockData.d.ts +8 -14
  28. package/components/chart/types.d.ts +2 -1
  29. package/components/dropdown/v4/IconButtonDropdownTrigger.vue.d.ts +11 -0
  30. package/components/dropdown/v4/IconButtonDropdownTrigger.vue.js +4 -4
  31. package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +12 -10
  32. package/components/dropdown/v4/index.d.ts +18 -0
  33. package/index.d.ts +37 -1
  34. package/index.js +1 -1
  35. package/package.json +1 -1
  36. package/utils/formatNumbers.d.ts +1 -1
  37. package/utils/formatNumbers.js +14 -14
  38. package/Chart.vue_vue_type_style_index_0_scoped_78d3f5a8_lang.css +0 -1
  39. package/ChartLegend.vue_vue_type_style_index_0_scoped_532f23bc_lang.css +0 -1
  40. package/ChartPlane.vue_vue_type_style_index_0_scoped_4396faf6_lang.css +0 -1
  41. package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css +0 -1
  42. package/SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css +0 -1
@@ -7,7 +7,6 @@ export declare const TICK_LABEL_FONT: {
7
7
  weight: number;
8
8
  family: string;
9
9
  };
10
- export declare const COLOR_PALETTE: string[];
11
10
  export declare const DEFAULT_TICK_COUNT = 4;
12
11
  export declare const DEFAULT_MIN_VISIBLE = 1;
13
12
  export declare const DEFAULT_MAX_VISIBLE = 5;
@@ -17,3 +16,15 @@ export declare const COMPACT_HEADER_HEIGHT = 43;
17
16
  export declare const DEFAULT_CHART_PLANE_HEIGHT = 312;
18
17
  export declare const MIN_PLANE_HEIGHT = 187;
19
18
  export declare const TOTALS_HELPER_KEY = "__TOTALS_HELPER_KEY__";
19
+ export declare const BIDDING_PREFIX = "Bidding";
20
+ export declare const NON_BIDDING_PREFIX = "Non-bidding";
21
+ export declare const NETWORK_ID_IRON_SOURCE = 9899;
22
+ export declare const NETWORK_ID_UNITY_ADS = 9917;
23
+ export declare const NETWORK_ID_FACEBOOK_META = 9939;
24
+ export declare const NETWORK_ID_AD_MOB = 9942;
25
+ export declare const NETWORK_ID_MINTEGRAL = 9953;
26
+ export declare const NETWORK_ID_APPLOVIN = 9935;
27
+ export declare const NETWORK_ID_INMOBI = 9938;
28
+ export declare const NETWORK_ID_DT_EXCHANGE = 9950;
29
+ export declare const NETWORK_ID_PANGLE = 9952;
30
+ export declare const NETWORK_ID_LIFTOFF = 9962;
@@ -1,32 +1,37 @@
1
- import { ChartType as E } from "./types.js";
2
- const L = "#fcfcfc", T = "#E4E4E4", n = "#646464", t = {
1
+ import { ChartType as _ } from "./types.js";
2
+ const I = "#fcfcfc", T = "#E4E4E4", O = "#646464", n = {
3
3
  size: 12,
4
4
  weight: 400,
5
5
  family: "Inter"
6
- }, c = [
7
- "#80BCFE",
8
- "#9999FF",
9
- "#5883E4",
10
- "#80CBC4",
11
- "#FFC670"
12
- ], O = 4, I = 1, o = 5, A = [
13
- { id: E.Line, name: "Line" },
14
- { id: E.StackedLine, name: "Stack" },
15
- { id: E.Bar, name: "Bar" }
16
- ], C = 76, s = 43, H = 312, R = 187, e = "__TOTALS_HELPER_KEY__";
6
+ }, t = 4, N = 1, c = 5, o = [
7
+ { id: _.Line, name: "Line" },
8
+ { id: _.StackedLine, name: "Stack" },
9
+ { id: _.Bar, name: "Bar" }
10
+ ], D = 76, L = 43, R = 312, s = 187, A = "__TOTALS_HELPER_KEY__", K = "Bidding", i = "Non-bidding", C = 9899, H = 9917, P = 9939, B = 9942, e = 9953, F = 9935, W = 9938, G = 9950, a = 9952, S = 9962;
17
11
  export {
18
- c as COLOR_PALETTE,
19
- s as COMPACT_HEADER_HEIGHT,
20
- H as DEFAULT_CHART_PLANE_HEIGHT,
21
- o as DEFAULT_MAX_VISIBLE,
22
- I as DEFAULT_MIN_VISIBLE,
23
- O as DEFAULT_TICK_COUNT,
24
- A as DROPDOWN_TYPE_OPTIONS,
12
+ K as BIDDING_PREFIX,
13
+ L as COMPACT_HEADER_HEIGHT,
14
+ R as DEFAULT_CHART_PLANE_HEIGHT,
15
+ c as DEFAULT_MAX_VISIBLE,
16
+ N as DEFAULT_MIN_VISIBLE,
17
+ t as DEFAULT_TICK_COUNT,
18
+ o as DROPDOWN_TYPE_OPTIONS,
25
19
  T as GRID_LINE_COLOR,
26
- C as HEADER_HEIGHT,
27
- R as MIN_PLANE_HEIGHT,
28
- L as POINT_BORDER_COLOR,
29
- n as TICK_LABEL_COLOR,
30
- t as TICK_LABEL_FONT,
31
- e as TOTALS_HELPER_KEY
20
+ D as HEADER_HEIGHT,
21
+ s as MIN_PLANE_HEIGHT,
22
+ B as NETWORK_ID_AD_MOB,
23
+ F as NETWORK_ID_APPLOVIN,
24
+ G as NETWORK_ID_DT_EXCHANGE,
25
+ P as NETWORK_ID_FACEBOOK_META,
26
+ W as NETWORK_ID_INMOBI,
27
+ C as NETWORK_ID_IRON_SOURCE,
28
+ S as NETWORK_ID_LIFTOFF,
29
+ e as NETWORK_ID_MINTEGRAL,
30
+ a as NETWORK_ID_PANGLE,
31
+ H as NETWORK_ID_UNITY_ADS,
32
+ i as NON_BIDDING_PREFIX,
33
+ I as POINT_BORDER_COLOR,
34
+ O as TICK_LABEL_COLOR,
35
+ n as TICK_LABEL_FONT,
36
+ A as TOTALS_HELPER_KEY
32
37
  };
@@ -10,6 +10,9 @@ declare const ChartTypes: () => ({
10
10
  minVisible: number;
11
11
  maxVisible: number;
12
12
  maxLimitTooltipText: string;
13
+ sortSelected: any;
14
+ sortOptions: unknown[];
15
+ sortOptionNameKey: string;
13
16
  chartType: import("./types").ChartType;
14
17
  hideLegend: boolean;
15
18
  xAxisFormat: import("./types").ValueFormat;
@@ -20,11 +23,11 @@ declare const ChartTypes: () => ({
20
23
  trendValue: string | number;
21
24
  trendDirection: "up" | "down";
22
25
  tickCount: number;
23
- withAnimation: boolean;
24
- totalsChart: boolean;
25
26
  noDataIcon: string;
26
27
  noDataTitle: string;
27
28
  noDataSubtitle: string;
29
+ withAnimation: boolean;
30
+ totalsChart: boolean;
28
31
  fullHeight: boolean;
29
32
  withSettingsHeader: boolean;
30
33
  extraCharts: Record<string, unknown>[];
@@ -54,6 +57,18 @@ declare const ChartTypes: () => ({
54
57
  type: import("vue").PropType<string>;
55
58
  default: string;
56
59
  };
60
+ sortSelected: {
61
+ type: import("vue").PropType<unknown>;
62
+ default: any;
63
+ };
64
+ sortOptions: {
65
+ type: import("vue").PropType<unknown[]>;
66
+ default: () => any[];
67
+ };
68
+ sortOptionNameKey: {
69
+ type: import("vue").PropType<string>;
70
+ default: string;
71
+ };
57
72
  chartType: {
58
73
  type: import("vue").PropType<import("./types").ChartType>;
59
74
  default: import("./types").ChartType;
@@ -95,14 +110,6 @@ declare const ChartTypes: () => ({
95
110
  type: import("vue").PropType<number>;
96
111
  default: number;
97
112
  };
98
- withAnimation: {
99
- type: import("vue").PropType<boolean>;
100
- default: boolean;
101
- };
102
- totalsChart: {
103
- type: import("vue").PropType<boolean>;
104
- default: boolean;
105
- };
106
113
  noDataIcon: {
107
114
  type: import("vue").PropType<string>;
108
115
  default: string;
@@ -115,6 +122,14 @@ declare const ChartTypes: () => ({
115
122
  type: import("vue").PropType<string>;
116
123
  default: string;
117
124
  };
125
+ withAnimation: {
126
+ type: import("vue").PropType<boolean>;
127
+ default: boolean;
128
+ };
129
+ totalsChart: {
130
+ type: import("vue").PropType<boolean>;
131
+ default: boolean;
132
+ };
118
133
  fullHeight: {
119
134
  type: import("vue").PropType<boolean>;
120
135
  default: boolean;
@@ -129,8 +144,9 @@ declare const ChartTypes: () => ({
129
144
  };
130
145
  }>> & {
131
146
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
147
+ "onUpdate:sortSelected"?: (sortOption: unknown) => any;
132
148
  "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
133
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "chartType" | "hideLegend" | "xAxisFormat" | "yAxisFormat" | "parsing" | "dataSets" | "subheader" | "trendValue" | "trendDirection" | "tickCount" | "withAnimation" | "totalsChart" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
149
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "yAxisFormat" | "parsing" | "dataSets" | "subheader" | "trendValue" | "trendDirection" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "totalsChart" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
134
150
  $attrs: {
135
151
  [x: string]: unknown;
136
152
  };
@@ -142,7 +158,7 @@ declare const ChartTypes: () => ({
142
158
  }>;
143
159
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
144
160
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
145
- $emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:chartType", chartType: import("./types").ChartType) => void);
161
+ $emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:sortSelected", sortOption: unknown) => void) & ((event: "update:chartType", chartType: import("./types").ChartType) => void);
146
162
  $el: any;
147
163
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
148
164
  header: {
@@ -170,6 +186,18 @@ declare const ChartTypes: () => ({
170
186
  type: import("vue").PropType<string>;
171
187
  default: string;
172
188
  };
189
+ sortSelected: {
190
+ type: import("vue").PropType<unknown>;
191
+ default: any;
192
+ };
193
+ sortOptions: {
194
+ type: import("vue").PropType<unknown[]>;
195
+ default: () => any[];
196
+ };
197
+ sortOptionNameKey: {
198
+ type: import("vue").PropType<string>;
199
+ default: string;
200
+ };
173
201
  chartType: {
174
202
  type: import("vue").PropType<import("./types").ChartType>;
175
203
  default: import("./types").ChartType;
@@ -211,14 +239,6 @@ declare const ChartTypes: () => ({
211
239
  type: import("vue").PropType<number>;
212
240
  default: number;
213
241
  };
214
- withAnimation: {
215
- type: import("vue").PropType<boolean>;
216
- default: boolean;
217
- };
218
- totalsChart: {
219
- type: import("vue").PropType<boolean>;
220
- default: boolean;
221
- };
222
242
  noDataIcon: {
223
243
  type: import("vue").PropType<string>;
224
244
  default: string;
@@ -231,6 +251,14 @@ declare const ChartTypes: () => ({
231
251
  type: import("vue").PropType<string>;
232
252
  default: string;
233
253
  };
254
+ withAnimation: {
255
+ type: import("vue").PropType<boolean>;
256
+ default: boolean;
257
+ };
258
+ totalsChart: {
259
+ type: import("vue").PropType<boolean>;
260
+ default: boolean;
261
+ };
234
262
  fullHeight: {
235
263
  type: import("vue").PropType<boolean>;
236
264
  default: boolean;
@@ -245,10 +273,12 @@ declare const ChartTypes: () => ({
245
273
  };
246
274
  }>> & {
247
275
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
276
+ "onUpdate:sortSelected"?: (sortOption: unknown) => any;
248
277
  "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
249
278
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
250
279
  "update:chartType": (chartType: import("./types").ChartType) => void;
251
280
  "update:visibleIds": (visibleIds: unknown[]) => void;
281
+ "update:sortSelected": (sortOption: unknown) => void;
252
282
  }, string, {
253
283
  header: string;
254
284
  loading: boolean;
@@ -256,6 +286,9 @@ declare const ChartTypes: () => ({
256
286
  minVisible: number;
257
287
  maxVisible: number;
258
288
  maxLimitTooltipText: string;
289
+ sortSelected: any;
290
+ sortOptions: unknown[];
291
+ sortOptionNameKey: string;
259
292
  chartType: import("./types").ChartType;
260
293
  hideLegend: boolean;
261
294
  xAxisFormat: import("./types").ValueFormat;
@@ -266,11 +299,11 @@ declare const ChartTypes: () => ({
266
299
  trendValue: string | number;
267
300
  trendDirection: "up" | "down";
268
301
  tickCount: number;
269
- withAnimation: boolean;
270
- totalsChart: boolean;
271
302
  noDataIcon: string;
272
303
  noDataTitle: string;
273
304
  noDataSubtitle: string;
305
+ withAnimation: boolean;
306
+ totalsChart: boolean;
274
307
  fullHeight: boolean;
275
308
  withSettingsHeader: boolean;
276
309
  extraCharts: Record<string, unknown>[];
@@ -320,6 +353,18 @@ declare const ChartTypes: () => ({
320
353
  type: import("vue").PropType<string>;
321
354
  default: string;
322
355
  };
356
+ sortSelected: {
357
+ type: import("vue").PropType<unknown>;
358
+ default: any;
359
+ };
360
+ sortOptions: {
361
+ type: import("vue").PropType<unknown[]>;
362
+ default: () => any[];
363
+ };
364
+ sortOptionNameKey: {
365
+ type: import("vue").PropType<string>;
366
+ default: string;
367
+ };
323
368
  chartType: {
324
369
  type: import("vue").PropType<import("./types").ChartType>;
325
370
  default: import("./types").ChartType;
@@ -361,14 +406,6 @@ declare const ChartTypes: () => ({
361
406
  type: import("vue").PropType<number>;
362
407
  default: number;
363
408
  };
364
- withAnimation: {
365
- type: import("vue").PropType<boolean>;
366
- default: boolean;
367
- };
368
- totalsChart: {
369
- type: import("vue").PropType<boolean>;
370
- default: boolean;
371
- };
372
409
  noDataIcon: {
373
410
  type: import("vue").PropType<string>;
374
411
  default: string;
@@ -381,6 +418,14 @@ declare const ChartTypes: () => ({
381
418
  type: import("vue").PropType<string>;
382
419
  default: string;
383
420
  };
421
+ withAnimation: {
422
+ type: import("vue").PropType<boolean>;
423
+ default: boolean;
424
+ };
425
+ totalsChart: {
426
+ type: import("vue").PropType<boolean>;
427
+ default: boolean;
428
+ };
384
429
  fullHeight: {
385
430
  type: import("vue").PropType<boolean>;
386
431
  default: boolean;
@@ -395,6 +440,7 @@ declare const ChartTypes: () => ({
395
440
  };
396
441
  }>> & {
397
442
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
443
+ "onUpdate:sortSelected"?: (sortOption: unknown) => any;
398
444
  "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
399
445
  } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
400
446
  __isFragment?: never;
@@ -426,6 +472,18 @@ declare const ChartTypes: () => ({
426
472
  type: import("vue").PropType<string>;
427
473
  default: string;
428
474
  };
475
+ sortSelected: {
476
+ type: import("vue").PropType<unknown>;
477
+ default: any;
478
+ };
479
+ sortOptions: {
480
+ type: import("vue").PropType<unknown[]>;
481
+ default: () => any[];
482
+ };
483
+ sortOptionNameKey: {
484
+ type: import("vue").PropType<string>;
485
+ default: string;
486
+ };
429
487
  chartType: {
430
488
  type: import("vue").PropType<import("./types").ChartType>;
431
489
  default: import("./types").ChartType;
@@ -467,14 +525,6 @@ declare const ChartTypes: () => ({
467
525
  type: import("vue").PropType<number>;
468
526
  default: number;
469
527
  };
470
- withAnimation: {
471
- type: import("vue").PropType<boolean>;
472
- default: boolean;
473
- };
474
- totalsChart: {
475
- type: import("vue").PropType<boolean>;
476
- default: boolean;
477
- };
478
528
  noDataIcon: {
479
529
  type: import("vue").PropType<string>;
480
530
  default: string;
@@ -487,6 +537,14 @@ declare const ChartTypes: () => ({
487
537
  type: import("vue").PropType<string>;
488
538
  default: string;
489
539
  };
540
+ withAnimation: {
541
+ type: import("vue").PropType<boolean>;
542
+ default: boolean;
543
+ };
544
+ totalsChart: {
545
+ type: import("vue").PropType<boolean>;
546
+ default: boolean;
547
+ };
490
548
  fullHeight: {
491
549
  type: import("vue").PropType<boolean>;
492
550
  default: boolean;
@@ -501,10 +559,12 @@ declare const ChartTypes: () => ({
501
559
  };
502
560
  }>> & {
503
561
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
562
+ "onUpdate:sortSelected"?: (sortOption: unknown) => any;
504
563
  "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
505
564
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
506
565
  "update:chartType": (chartType: import("./types").ChartType) => void;
507
566
  "update:visibleIds": (visibleIds: unknown[]) => void;
567
+ "update:sortSelected": (sortOption: unknown) => void;
508
568
  }, string, {
509
569
  header: string;
510
570
  loading: boolean;
@@ -512,6 +572,9 @@ declare const ChartTypes: () => ({
512
572
  minVisible: number;
513
573
  maxVisible: number;
514
574
  maxLimitTooltipText: string;
575
+ sortSelected: any;
576
+ sortOptions: unknown[];
577
+ sortOptionNameKey: string;
515
578
  chartType: import("./types").ChartType;
516
579
  hideLegend: boolean;
517
580
  xAxisFormat: import("./types").ValueFormat;
@@ -522,11 +585,11 @@ declare const ChartTypes: () => ({
522
585
  trendValue: string | number;
523
586
  trendDirection: "up" | "down";
524
587
  tickCount: number;
525
- withAnimation: boolean;
526
- totalsChart: boolean;
527
588
  noDataIcon: string;
528
589
  noDataTitle: string;
529
590
  noDataSubtitle: string;
591
+ withAnimation: boolean;
592
+ totalsChart: boolean;
530
593
  fullHeight: boolean;
531
594
  withSettingsHeader: boolean;
532
595
  extraCharts: Record<string, unknown>[];
@@ -1,10 +1,10 @@
1
1
  export declare const SINGLE_DATASET_DATE: {
2
+ id: string;
2
3
  label: string;
3
4
  data: {
4
5
  date: string;
5
6
  value: number;
6
7
  }[];
7
- color: string;
8
8
  }[];
9
9
  export declare const SINGLE_DATASET_COUNTRY: {
10
10
  id: string;
@@ -16,7 +16,7 @@ export declare const SINGLE_DATASET_COUNTRY: {
16
16
  }[];
17
17
  }[];
18
18
  export declare const MULTIPLE_DATASETS_DATE: ({
19
- id: string;
19
+ id: number;
20
20
  label: string;
21
21
  caption: string;
22
22
  icon: string;
@@ -28,7 +28,7 @@ export declare const MULTIPLE_DATASETS_DATE: ({
28
28
  }[];
29
29
  iconType?: undefined;
30
30
  } | {
31
- id: string;
31
+ id: number;
32
32
  label: string;
33
33
  caption: string;
34
34
  icon: string;
@@ -39,19 +39,9 @@ export declare const MULTIPLE_DATASETS_DATE: ({
39
39
  value2: number;
40
40
  value3: number;
41
41
  }[];
42
- } | {
43
- id: string;
44
- label: string;
45
- caption: string;
46
- icon: string;
47
- data: {
48
- date: string;
49
- value: number;
50
- }[];
51
- iconType?: undefined;
52
42
  })[];
53
43
  export declare const MULTIPLE_DATASETS_SINGLE_DATE: {
54
- id: string;
44
+ id: number;
55
45
  label: string;
56
46
  data: {
57
47
  date: string;
@@ -69,3 +59,7 @@ export declare const breakdownsOptions: {
69
59
  id: string;
70
60
  label: string;
71
61
  }[];
62
+ export declare const LEGEND_SORTING_OPTIONS: {
63
+ id: string;
64
+ label: string;
65
+ }[];
@@ -14,7 +14,7 @@ export type ChartDataSet = {
14
14
  label: string;
15
15
  data: ChartDataRecord[];
16
16
  caption?: string;
17
- color?: string;
17
+ color?: HexColor;
18
18
  icon?: string;
19
19
  iconType?: IconTypes;
20
20
  };
@@ -59,3 +59,4 @@ export type UseChartHeightArgs = {
59
59
  chartPlanesCount: Ref<number>;
60
60
  useFullHeight: boolean;
61
61
  };
62
+ export type HexColor = `#${string}`;
@@ -1,13 +1,24 @@
1
+ import { IconTypes } from '@is-ssp/icon/v4/Icon.types';
1
2
  declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ iconName?: string;
4
+ iconType?: IconTypes;
2
5
  testId?: string;
3
6
  }>, {
7
+ iconName: string;
8
+ iconType: string;
4
9
  testId: string;
5
10
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
11
+ iconName?: string;
12
+ iconType?: IconTypes;
6
13
  testId?: string;
7
14
  }>, {
15
+ iconName: string;
16
+ iconType: string;
8
17
  testId: string;
9
18
  }>>>, {
10
19
  testId: string;
20
+ iconName: string;
21
+ iconType: IconTypes;
11
22
  }>;
12
23
  export default _default;
13
24
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,7 +1,7 @@
1
1
  import o from "./IconButtonDropdownTrigger.vue2.js";
2
- /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css"; //*');
4
- const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-59fb505a"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css"; //*');
4
+ const _ = /* @__PURE__ */ e(o, [["__scopeId", "data-v-99e51ecc"]]);
5
5
  export {
6
- p as default
6
+ _ as default
7
7
  };
@@ -1,21 +1,23 @@
1
- import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css"; import { defineComponent as e, openBlock as r, createBlock as n, unref as p, mergeProps as c } from "vue";
1
+ import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css"; import { defineComponent as t, openBlock as n, createBlock as r, unref as c, mergeProps as m } from "vue";
2
2
  import "../../button/v4/ButtonV4.vue.js";
3
- import m from "../../button/v4/IconButtonV4.vue.js";
3
+ import p from "../../button/v4/IconButtonV4.vue.js";
4
4
  import "../../button/v4/ButtonGroup.vue.js";
5
5
  import "../../button/v4/ToggleButtonGroupAB.vue.js";
6
- const _ = /* @__PURE__ */ e({
6
+ const y = /* @__PURE__ */ t({
7
7
  __name: "IconButtonDropdownTrigger",
8
8
  props: {
9
+ iconName: { default: "dots-three" },
10
+ iconType: { default: "bold" },
9
11
  testId: { default: "" }
10
12
  },
11
- setup(o) {
12
- const t = o;
13
- return (s, i) => (r(), n(p(m), c({
14
- "icon-name": "dots-three",
15
- type: "bold"
16
- }, t), null, 16));
13
+ setup(e) {
14
+ const o = e;
15
+ return (i, a) => (n(), r(c(p), m({
16
+ "icon-name": e.iconName,
17
+ type: e.iconType
18
+ }, o), null, 16, ["icon-name", "type"]));
17
19
  }
18
20
  });
19
21
  export {
20
- _ as default
22
+ y as default
21
23
  };
@@ -1576,13 +1576,31 @@ declare const DropdownTypes: () => (({
1576
1576
  type: import("vue").PropType<string>;
1577
1577
  default: string;
1578
1578
  };
1579
+ iconName: {
1580
+ type: import("vue").PropType<string>;
1581
+ default: string;
1582
+ };
1583
+ iconType: {
1584
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
1585
+ default: string;
1586
+ };
1579
1587
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1580
1588
  testId: {
1581
1589
  type: import("vue").PropType<string>;
1582
1590
  default: string;
1583
1591
  };
1592
+ iconName: {
1593
+ type: import("vue").PropType<string>;
1594
+ default: string;
1595
+ };
1596
+ iconType: {
1597
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
1598
+ default: string;
1599
+ };
1584
1600
  }>>, {
1585
1601
  testId: string;
1602
+ iconName: string;
1603
+ iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
1586
1604
  }> | import("vue").DefineComponent<{
1587
1605
  label: {
1588
1606
  type: import("vue").PropType<string>;
package/index.d.ts CHANGED
@@ -19,7 +19,7 @@ import * as tableV4 from '@/components/table/v4';
19
19
  import * as tableCellsV3 from '@/components/table-cells/v3';
20
20
  import * as snackbarV3 from '@/components/snackbar/v3';
21
21
  declare const _default: {
22
- nFormatter(num: number): string;
22
+ nFormatter(num: number, formatLowDigits?: boolean): string;
23
23
  DEFAULT_FALLBACK: "N/A";
24
24
  diffInPersentage: (valueA: string | number, valueB: string | number, fallback?: string) => string | number;
25
25
  formatNumberWithCommas: (num: string | number, fallback?: string) => string;
@@ -18216,13 +18216,31 @@ declare const _default: {
18216
18216
  type: import("vue").PropType<string>;
18217
18217
  default: string;
18218
18218
  };
18219
+ iconName: {
18220
+ type: import("vue").PropType<string>;
18221
+ default: string;
18222
+ };
18223
+ iconType: {
18224
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
18225
+ default: string;
18226
+ };
18219
18227
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
18220
18228
  testId: {
18221
18229
  type: import("vue").PropType<string>;
18222
18230
  default: string;
18223
18231
  };
18232
+ iconName: {
18233
+ type: import("vue").PropType<string>;
18234
+ default: string;
18235
+ };
18236
+ iconType: {
18237
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
18238
+ default: string;
18239
+ };
18224
18240
  }>>, {
18225
18241
  testId: string;
18242
+ iconName: string;
18243
+ iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
18226
18244
  }>;
18227
18245
  ChipDropdownTrigger: import("vue").DefineComponent<{
18228
18246
  label: {
@@ -20767,13 +20785,31 @@ declare const _default: {
20767
20785
  type: import("vue").PropType<string>;
20768
20786
  default: string;
20769
20787
  };
20788
+ iconName: {
20789
+ type: import("vue").PropType<string>;
20790
+ default: string;
20791
+ };
20792
+ iconType: {
20793
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
20794
+ default: string;
20795
+ };
20770
20796
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
20771
20797
  testId: {
20772
20798
  type: import("vue").PropType<string>;
20773
20799
  default: string;
20774
20800
  };
20801
+ iconName: {
20802
+ type: import("vue").PropType<string>;
20803
+ default: string;
20804
+ };
20805
+ iconType: {
20806
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
20807
+ default: string;
20808
+ };
20775
20809
  }>>, {
20776
20810
  testId: string;
20811
+ iconName: string;
20812
+ iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
20777
20813
  }> | import("vue").DefineComponent<{
20778
20814
  label: {
20779
20815
  type: import("vue").PropType<string>;
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.11",
3
+ "version": "2.1.12-rc.13",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"