@ironsource/shared-ui 2.1.12-rc.9 → 2.1.12-test.57

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 (63) hide show
  1. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_0123c361_lang.css +1 -0
  2. package/Chart.vue_vue_type_style_index_0_scoped_757e7752_lang.css +1 -0
  3. package/ChartHeader.vue_vue_type_style_index_0_scoped_92052479_lang.css +1 -0
  4. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_d61ed404_lang.css +1 -0
  5. package/ChartLegend.vue_vue_type_style_index_0_scoped_da487aba_lang.css +1 -0
  6. package/ChartPlane.vue_vue_type_style_index_0_scoped_bb382dc4_lang.css +1 -0
  7. package/DataGrid.vue_vue_type_style_index_0_scoped_86ea5d2a_lang.css +1 -0
  8. package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css +1 -0
  9. package/SettingsHeader.vue_vue_type_style_index_0_scoped_fba2eaa4_lang.css +1 -0
  10. package/components/chart/Chart.vue.d.ts +56 -2
  11. package/components/chart/Chart.vue.js +4 -4
  12. package/components/chart/Chart.vue2.js +93 -60
  13. package/components/chart/ChartHeader.vue.d.ts +25 -0
  14. package/components/chart/ChartHeader.vue.js +2 -2
  15. package/components/chart/ChartHeader.vue2.js +75 -50
  16. package/components/chart/ChartHeaderTrend.vue.d.ts +15 -0
  17. package/components/chart/ChartHeaderTrend.vue.js +3 -3
  18. package/components/chart/ChartHeaderTrend.vue2.js +83 -19
  19. package/components/chart/ChartLegend.vue.d.ts +17 -0
  20. package/components/chart/ChartLegend.vue.js +3 -3
  21. package/components/chart/ChartLegend.vue2.js +78 -67
  22. package/components/chart/ChartPlane.vue.d.ts +43 -4
  23. package/components/chart/ChartPlane.vue.js +3 -3
  24. package/components/chart/ChartPlane.vue2.js +137 -118
  25. package/components/chart/LegendSorting.vue.d.ts +37 -0
  26. package/components/chart/LegendSorting.vue.js +45 -0
  27. package/components/chart/LegendSorting.vue2.js +4 -0
  28. package/components/chart/SettingsHeader.vue.d.ts +1 -0
  29. package/components/chart/SettingsHeader.vue.js +3 -3
  30. package/components/chart/SettingsHeader.vue2.js +17 -16
  31. package/components/chart/colorPalette.d.ts +4 -0
  32. package/components/chart/colorPalette.js +54 -0
  33. package/components/chart/composables/useColorsMap.d.ts +2 -2
  34. package/components/chart/composables/useColorsMap.js +41 -12
  35. package/components/chart/consts.d.ts +12 -1
  36. package/components/chart/consts.js +31 -26
  37. package/components/chart/index.d.ts +237 -40
  38. package/components/chart/mockData.d.ts +8 -14
  39. package/components/chart/types.d.ts +2 -1
  40. package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +2 -2
  41. package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +1 -1
  42. package/components/dropdown/v4/IconButtonDropdownTrigger.vue.d.ts +11 -0
  43. package/components/dropdown/v4/IconButtonDropdownTrigger.vue.js +4 -4
  44. package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +12 -10
  45. package/components/dropdown/v4/index.d.ts +18 -0
  46. package/components/table/v4/DataGrid.vue.js +3 -3
  47. package/components/table/v4/DataGrid.vue2.js +35 -35
  48. package/index.d.ts +37 -1
  49. package/index.js +1 -1
  50. package/package.json +1 -1
  51. package/utils/formatNumbers.d.ts +1 -1
  52. package/utils/formatNumbers.js +14 -14
  53. package/utils/totals.d.ts +5 -0
  54. package/utils/totals.js +9 -0
  55. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css +0 -1
  56. package/Chart.vue_vue_type_style_index_0_scoped_78d3f5a8_lang.css +0 -1
  57. package/ChartHeader.vue_vue_type_style_index_0_scoped_32001725_lang.css +0 -1
  58. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_e4c673e7_lang.css +0 -1
  59. package/ChartLegend.vue_vue_type_style_index_0_scoped_532f23bc_lang.css +0 -1
  60. package/ChartPlane.vue_vue_type_style_index_0_scoped_4396faf6_lang.css +0 -1
  61. package/DataGrid.vue_vue_type_style_index_0_scoped_6b54ac22_lang.css +0 -1
  62. package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css +0 -1
  63. package/SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css +0 -1
@@ -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>;
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGrid.vue2.js";
2
- /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_6b54ac22_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6b54ac22"]]);
2
+ /* empty css */import a from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_86ea5d2a_lang.css"; //*');
4
+ const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-86ea5d2a"]]);
5
5
  export {
6
6
  s as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_6b54ac22_lang.css"; import { defineComponent as ce, useCssVars as re, unref as t, useSlots as ue, computed as m, openBlock as i, createElementBlock as o, createElementVNode as u, normalizeStyle as T, normalizeClass as S, renderSlot as c, createVNode as h, withCtx as w, createTextVNode as E, toDisplayString as B, createCommentVNode as r, isRef as he, Fragment as p, renderList as I, mergeProps as M, createBlock as z } from "vue";
1
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_86ea5d2a_lang.css"; import { defineComponent as ce, useCssVars as re, unref as t, useSlots as ue, computed as m, openBlock as i, createElementBlock as d, createElementVNode as u, normalizeStyle as T, normalizeClass as S, renderSlot as c, createVNode as h, withCtx as w, createTextVNode as E, toDisplayString as B, createCommentVNode as r, isRef as he, Fragment as p, renderList as I, mergeProps as M, createBlock as z } from "vue";
2
2
  import A from "../../typography/v4/Typography.vue.js";
3
3
  import ye from "../../skeleton/v4/SkeletonV4.vue.js";
4
4
  import fe from "../../emptyState/v4/EmptyStateV4.vue.js";
@@ -64,10 +64,10 @@ const Re = ["data-testid"], Ce = ["data-testid"], xe = ["data-testid"], Te = ["d
64
64
  setup(s, { expose: k, emit: f }) {
65
65
  const l = s;
66
66
  re((a) => ({
67
- "3041fee8": s.zIndexBase,
68
- "8ac5cc00": t(_),
69
- "4f8aacf9": t(N),
70
- "65a66d41": t(Z)
67
+ "1d1d1477": s.zIndexBase,
68
+ "2f1951ab": t(_),
69
+ d450b438: t(N),
70
+ "43af326c": t(Z)
71
71
  }));
72
72
  const g = ue(), Y = (a) => l.rowCustomClassKey && l.rows[a] ? l.rows[a][l.rowCustomClassKey] : "", {
73
73
  list: V,
@@ -90,26 +90,26 @@ const Re = ["data-testid"], Ce = ["data-testid"], xe = ["data-testid"], Te = ["d
90
90
  activeMenuRow: ee,
91
91
  scrollTo: te
92
92
  } = Se(l, f), K = m(() => !!g.footer), se = m(
93
- () => l.title || g.title || j || g["table-header-actions"] || g["table-header-pre-search"]
93
+ () => l.title || g.title || j.value || g["table-header-actions"] || g["table-header-pre-search"]
94
94
  ), b = be(l, "search", f), ae = m(() => l.selection.length || 0), L = m(() => {
95
- const a = l.rows.map((d, e) => l.getRowId(d, e));
96
- return !!a.length && a.every((d) => C(d));
97
- }), C = (a) => l.selection.findIndex((d) => l.selectedMatcher(a, d)) !== -1, le = (a) => {
95
+ const a = l.rows.map((o, e) => l.getRowId(o, e));
96
+ return !!a.length && a.every((o) => C(o));
97
+ }), C = (a) => l.selection.findIndex((o) => l.selectedMatcher(a, o)) !== -1, le = (a) => {
98
98
  C(a) ? (x(
99
99
  l.selection.filter(
100
- (d) => !l.selectedMatcher(a, d)
100
+ (o) => !l.selectedMatcher(a, o)
101
101
  )
102
102
  ), f("selectRow", !1)) : (x([...l.selection, a]), f("selectRow", !0));
103
103
  }, ie = () => {
104
104
  if (L.value)
105
105
  x([]), f("selectAll", !1);
106
106
  else {
107
- const a = l.rows.map((d, e) => l.getRowId(d, e)).filter((d) => !C(d));
107
+ const a = l.rows.map((o, e) => l.getRowId(o, e)).filter((o) => !C(o));
108
108
  x([...l.selection, ...a]), f("selectAll", !0);
109
109
  }
110
110
  }, x = (a) => {
111
111
  f("update:selection", a);
112
- }, oe = (a) => !l.isLoading && $.value === a, de = m(
112
+ }, de = (a) => !l.isLoading && $.value === a, oe = m(
113
113
  () => l.emptyStateVariant ?? (b.value ? "no-results" : "no-data")
114
114
  ), ne = m(
115
115
  () => l.emptyStateSubtitle ? l.emptyStateSubtitle : b.value ? "Search again with different filters" : void 0
@@ -122,10 +122,10 @@ const Re = ["data-testid"], Ce = ["data-testid"], xe = ["data-testid"], Te = ["d
122
122
  }));
123
123
  return k({
124
124
  scrollTo: te
125
- }), (a, d) => (i(), o("div", {
125
+ }), (a, o) => (i(), d("div", {
126
126
  class: "table-container",
127
127
  "data-testid": `${s.testId}-${t(y).CONTAINER}`,
128
- onMouseleave: d[3] || (d[3] = (e) => $.value = null)
128
+ onMouseleave: o[3] || (o[3] = (e) => $.value = null)
129
129
  }, [
130
130
  u("table", {
131
131
  ref: t(Q).ref,
@@ -134,10 +134,10 @@ const Re = ["data-testid"], Ce = ["data-testid"], xe = ["data-testid"], Te = ["d
134
134
  hasFooter: t(K)
135
135
  }),
136
136
  "data-testid": `${s.testId}-${t(y).TABLE}`,
137
- onScrollPassive: d[2] || (d[2] = //@ts-ignore
137
+ onScrollPassive: o[2] || (o[2] = //@ts-ignore
138
138
  (...e) => t(F) && t(F)(...e))
139
139
  }, [
140
- t(se) ? (i(), o("div", {
140
+ t(se) ? (i(), d("div", {
141
141
  key: 0,
142
142
  class: S(["table-header", { isStickyHeader: s.isStickyHeader }]),
143
143
  "data-testid": `${s.testId}-${t(y).HEADER}`
@@ -155,7 +155,7 @@ const Re = ["data-testid"], Ce = ["data-testid"], xe = ["data-testid"], Te = ["d
155
155
  })
156
156
  ])
157
157
  ], 8, Te),
158
- t(g)["table-header-pre-search"] ? (i(), o("div", {
158
+ t(g)["table-header-pre-search"] ? (i(), d("div", {
159
159
  key: 0,
160
160
  class: "table-header-pre-search-content",
161
161
  "data-testid": `${s.testId}-${t(y).PRE_SEARCH_HEADER}`
@@ -170,16 +170,16 @@ const Re = ["data-testid"], Ce = ["data-testid"], xe = ["data-testid"], Te = ["d
170
170
  u("div", Be, [
171
171
  h(t(ve), {
172
172
  modelValue: t(b),
173
- "onUpdate:modelValue": d[0] || (d[0] = (e) => he(b) ? b.value = e : null),
173
+ "onUpdate:modelValue": o[0] || (o[0] = (e) => he(b) ? b.value = e : null),
174
174
  placeholder: s.searchPlaceholder,
175
175
  "auto-focus": s.searchAutoFocus,
176
176
  "test-id": s.testId,
177
- onOnClear: d[1] || (d[1] = (e) => f("onClearSearch"))
177
+ onOnClear: o[1] || (o[1] = (e) => f("onClearSearch"))
178
178
  }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
179
179
  ])
180
180
  ]) : r("", !0)
181
181
  ], 8, Ee),
182
- t(g)["table-header-actions"] ? (i(), o("div", {
182
+ t(g)["table-header-actions"] ? (i(), d("div", {
183
183
  key: 1,
184
184
  class: "table-header-actions",
185
185
  "data-testid": `${s.testId}-${t(y).ACTIONS}`
@@ -194,7 +194,7 @@ const Re = ["data-testid"], Ce = ["data-testid"], xe = ["data-testid"], Te = ["d
194
194
  class: "sections",
195
195
  "data-testid": `${s.testId}-${t(y).SECTIONS}`
196
196
  }, [
197
- (i(!0), o(p, null, I(s.sections, (e) => (i(), o("div", {
197
+ (i(!0), d(p, null, I(s.sections, (e) => (i(), d("div", {
198
198
  key: e.id,
199
199
  class: S(["section-container", { sticky: e.isSticky }])
200
200
  }, [
@@ -214,7 +214,7 @@ const Re = ["data-testid"], Ce = ["data-testid"], xe = ["data-testid"], Te = ["d
214
214
  ], 2))), 128))
215
215
  ], 8, Ie),
216
216
  u("tr", null, [
217
- t(D) ? (i(), o("th", M({
217
+ t(D) ? (i(), d("th", M({
218
218
  key: 0,
219
219
  class: "checkbox-cell"
220
220
  }, t(U)), [
@@ -227,8 +227,8 @@ const Re = ["data-testid"], Ce = ["data-testid"], xe = ["data-testid"], Te = ["d
227
227
  }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
228
228
  ])
229
229
  ], 16)) : r("", !0),
230
- t(R) ? (i(), o("th", Ae)) : r("", !0),
231
- (i(!0), o(p, null, I(s.columns, (e) => (i(), o("th", {
230
+ t(R) ? (i(), d("th", Ae)) : r("", !0),
231
+ (i(!0), d(p, null, I(s.columns, (e) => (i(), d("th", {
232
232
  key: e.id,
233
233
  class: S({
234
234
  sticky: e.isSticky,
@@ -264,12 +264,12 @@ const Re = ["data-testid"], Ce = ["data-testid"], xe = ["data-testid"], Te = ["d
264
264
  ])
265
265
  ], 2),
266
266
  u("tbody", null, [
267
- t(V).length > 0 ? (i(), o("div", M({
267
+ t(V).length > 0 ? (i(), d("div", M({
268
268
  key: 0,
269
269
  class: "table-body-wrapper",
270
270
  "data-testid": `${s.testId}-${t(y).BODY_WRAPPER}`
271
271
  }, t(W)), [
272
- (i(!0), o(p, null, I(t(V), (e) => (i(), o("tr", {
272
+ (i(!0), d(p, null, I(t(V), (e) => (i(), d("tr", {
273
273
  key: s.getRowKey(e.data, e.index),
274
274
  class: S(["table-row", {
275
275
  loading: s.isLoading || s.isLoading && !e.data || t(O).includes(e.index),
@@ -281,7 +281,7 @@ const Re = ["data-testid"], Ce = ["data-testid"], xe = ["data-testid"], Te = ["d
281
281
  onMouseenter: (v) => $.value = e.index,
282
282
  onClick: (v) => f("clickRow", e.index)
283
283
  }, [
284
- t(D) ? (i(), o("td", M({
284
+ t(D) ? (i(), d("td", M({
285
285
  key: 0,
286
286
  class: "checkbox-cell"
287
287
  }, t(U)), [
@@ -290,13 +290,13 @@ const Re = ["data-testid"], Ce = ["data-testid"], xe = ["data-testid"], Te = ["d
290
290
  "onUpdate:isChecked": (v) => le(s.getRowId(e.data, e.index))
291
291
  }, null, 8, ["is-checked", "onUpdate:isChecked"])
292
292
  ], 16)) : r("", !0),
293
- t(R) ? (i(), o("td", Ve, [
293
+ t(R) ? (i(), d("td", Ve, [
294
294
  h(ge, {
295
295
  expanded: t(P)(e.index),
296
296
  onClick: (v) => t(J)(e.index, v)
297
297
  }, null, 8, ["expanded", "onClick"])
298
298
  ])) : r("", !0),
299
- (i(!0), o(p, null, I(s.columns, (v, n) => (i(), o("td", {
299
+ (i(!0), d(p, null, I(s.columns, (v, n) => (i(), d("td", {
300
300
  key: n,
301
301
  class: S({
302
302
  sticky: s.columns[n].isSticky,
@@ -309,7 +309,7 @@ const Re = ["data-testid"], Ce = ["data-testid"], xe = ["data-testid"], Te = ["d
309
309
  s.columns[n].isSticky ? t(H)[s.columns[n].id] : null
310
310
  )
311
311
  }, [
312
- !s.isLoading || s.isLoading && e.data[n] ? (i(), o("div", {
312
+ !s.isLoading || s.isLoading && e.data[n] ? (i(), d("div", {
313
313
  key: 0,
314
314
  class: S(["table-cell", { last: n === e.data.length - 1 }])
315
315
  }, [
@@ -331,26 +331,26 @@ const Re = ["data-testid"], Ce = ["data-testid"], xe = ["data-testid"], Te = ["d
331
331
  h(t(ye), { round: "" })
332
332
  ])
333
333
  ], 6))), 128)),
334
- t(R) && t(P)(e.index) ? (i(), o("div", Ne, [
334
+ t(R) && t(P)(e.index) ? (i(), d("div", Ne, [
335
335
  c(a.$slots, "expanded", {
336
336
  row: e,
337
337
  gridColumnTemplate: t(N)
338
338
  })
339
339
  ])) : r("", !0),
340
- oe(e.index) ? (i(), o("div", Fe, [
340
+ de(e.index) ? (i(), d("div", Fe, [
341
341
  c(a.$slots, "floating-row", {
342
342
  row: e,
343
343
  rowIndex: e.index
344
344
  })
345
345
  ])) : r("", !0)
346
346
  ], 42, Me))), 128))
347
- ], 16, Le)) : (i(), o("div", Oe, [
347
+ ], 16, Le)) : (i(), d("div", Oe, [
348
348
  c(a.$slots, "empty-state", {}, () => [
349
349
  h(t(fe), {
350
350
  class: "empty-state",
351
351
  title: s.emptyStateTitle,
352
352
  subtitle: t(ne),
353
- variant: t(de),
353
+ variant: t(oe),
354
354
  "icon-name": "file-search",
355
355
  "test-id": `${s.testId}-${t(y).EMPTY_STATE}`
356
356
  }, null, 8, ["title", "subtitle", "variant", "test-id"])
@@ -358,7 +358,7 @@ const Re = ["data-testid"], Ce = ["data-testid"], xe = ["data-testid"], Te = ["d
358
358
  ]))
359
359
  ])
360
360
  ], 46, Ce),
361
- t(K) ? (i(), o("div", De, [
361
+ t(K) ? (i(), d("div", De, [
362
362
  c(a.$slots, "footer")
363
363
  ])) : r("", !0)
364
364
  ], 40, Re));
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 './Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css';
1
+ import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
2
2
  import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as 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.9",
3
+ "version": "2.1.12-test.57",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -1,4 +1,4 @@
1
1
  export declare const DEFAULT_FALLBACK = "N/A";
2
- export declare function nFormatter(num: number): string;
2
+ export declare function nFormatter(num: number, formatLowDigits?: boolean): string;
3
3
  export declare const diffInPersentage: (valueA: number | string, valueB: number | string, fallback?: string | null) => string | number;
4
4
  export declare const formatNumberWithCommas: (num: number | string, fallback?: string | null) => string;
@@ -1,20 +1,20 @@
1
- const s = "N/A", f = (e, i, t) => e.toLocaleString("en", {
2
- minimumFractionDigits: i,
3
- maximumFractionDigits: t
1
+ const s = "N/A", f = (e, t, i) => e.toLocaleString("en", {
2
+ minimumFractionDigits: t,
3
+ maximumFractionDigits: i
4
4
  });
5
- function u(e) {
6
- return e >= 1e12 ? "∞" : e >= 1e9 ? n(e, 1e9, "B") : e >= 1e6 ? n(e, 1e6, "M") : e >= 1e3 ? n(e, 1e3, "K") : (e >= 100 || e >= 10, e.toFixed(0));
5
+ function u(e, t = !1) {
6
+ return e >= 1e12 ? "∞" : e >= 1e9 ? o(e, 1e9, "B") : e >= 1e6 ? o(e, 1e6, "M") : e >= 1e3 ? o(e, 1e3, "K") : e >= 100 ? e.toFixed(0) : e >= 10 ? e.toFixed(t ? 1 : 0) : e.toFixed(t ? 2 : 0);
7
7
  }
8
- function n(e, i, t) {
9
- const r = e / i;
10
- return r >= 100 ? r.toFixed(0) + t : r >= 10 ? r.toFixed(1) + t : r.toFixed(2) + t;
8
+ function o(e, t, i) {
9
+ const r = e / t;
10
+ return r >= 100 ? r.toFixed(0) + i : r >= 10 ? r.toFixed(1) + i : r.toFixed(2) + i;
11
11
  }
12
- const N = (e, i, t = s) => {
13
- const r = Number(e), o = Number(i);
14
- return t && (isNaN(r) || isNaN(o)) ? t : r >= o ? (o - r) / r * 100 : (r - o) / r * -100;
15
- }, c = (e, i = s) => {
16
- const t = Number(e);
17
- return isNaN(t) && i ? i : f(t, 0, 2);
12
+ const N = (e, t, i = s) => {
13
+ const r = Number(e), n = Number(t);
14
+ return i && (isNaN(r) || isNaN(n)) ? i : r >= n ? (n - r) / r * 100 : (r - n) / r * -100;
15
+ }, c = (e, t = s) => {
16
+ const i = Number(e);
17
+ return isNaN(i) && t ? t : f(i, 0, 2);
18
18
  };
19
19
  export {
20
20
  s as DEFAULT_FALLBACK,
@@ -0,0 +1,5 @@
1
+ export declare enum TotalType {
2
+ Total = "total",
3
+ Mean = "mean"
4
+ }
5
+ export declare const calculateTotal: (values: number[], totalType: TotalType) => number;
@@ -0,0 +1,9 @@
1
+ var c = /* @__PURE__ */ ((t) => (t.Total = "total", t.Mean = "mean", t))(c || {});
2
+ const l = (t, a) => {
3
+ const n = t.reduce((o, r) => o + r, 0), e = t.length ? n / t.length : 0;
4
+ return a === "total" ? n : e;
5
+ };
6
+ export {
7
+ c as TotalType,
8
+ l as calculateTotal
9
+ };
@@ -1 +0,0 @@
1
- .button-trigger.open[data-v-604dfc6f]{background:var(--action-selected);outline:2px solid var(--action-active);outline-offset:-2px;transition:outline 0s}.button-trigger.open[data-v-604dfc6f]:hover{background:var(--action-selected)}.button-trigger .label-wrapper[data-v-604dfc6f]{display:block;width:100%}.button-trigger .label-wrapper .label-text[data-v-604dfc6f]{white-space:nowrap}
@@ -1 +0,0 @@
1
- .chart-container[data-v-78d3f5a8]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-78d3f5a8]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-78d3f5a8]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-78d3f5a8]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-78d3f5a8]{border-left:1px solid var(--common-divider)}
@@ -1 +0,0 @@
1
- .chart-header[data-v-32001725]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header .subheader[data-v-32001725]{color:var(--text-secondary)}.chart-header--compact[data-v-32001725]{padding-top:22px}.chart-header--compact .header-texts[data-v-32001725]{flex-direction:row}.chart-header--compact .header-text[data-v-32001725]{color:var(--text-secondary)}.header-row[data-v-32001725]{display:flex;align-items:flex-end;gap:4px}.header-texts[data-v-32001725]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}.type-switch[data-v-32001725]{display:flex;align-items:center;gap:4px}
@@ -1 +0,0 @@
1
- .chart-trend[data-v-e4c673e7]{display:flex}.chart-trend--up[data-v-e4c673e7]{color:var(--success-contrast-text)}.chart-trend--up .trend-icon[data-v-e4c673e7]{color:var(--success-darker)}.chart-trend--down[data-v-e4c673e7]{color:var(--error-contrast-text)}.chart-trend--down .trend-icon[data-v-e4c673e7]{color:var(--error-dark)}
@@ -1 +0,0 @@
1
- .disabled-tooltip[data-v-532f23bc],.disabled-tooltip[data-v-532f23bc] .container{width:100%}.chart-legend[data-v-532f23bc]{display:flex;flex-direction:column;width:220px;height:100%;padding:0 8px 8px}.search-box[data-v-532f23bc]{padding:12px 0 4px}.legend[data-v-532f23bc]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-532f23bc]{list-style:none;padding:0}.legend__list>li[data-v-532f23bc]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-532f23bc]:hover{background-color:var(--action-hover);border-radius:8px;cursor:pointer}.legend__list>li.disabled-item[data-v-532f23bc]{cursor:not-allowed!important;opacity:.5;background:var(--background-paper)}.legend__list>li.empty-list[data-v-532f23bc]{display:flex;align-items:center;justify-content:flex-start;height:32px;color:var(--text-disabled)}.legend__list>li.empty-list[data-v-532f23bc]:hover{background-color:transparent;cursor:default}.legend__list>li .item-wrapper[data-v-532f23bc]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-532f23bc]{width:80%}.legend__list>li .item-wrapper .icon-color[data-v-532f23bc]{color:var(--action-active)}.legend__list>li .item-wrapper .label-container[data-v-532f23bc]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-532f23bc]{color:var(--text-secondary)}
@@ -1 +0,0 @@
1
- .chart-plane[data-v-4396faf6]{--headerHeight: var(--86c5ce4e);width:100%}.chart-plane[data-v-4396faf6],.chart-loading[data-v-4396faf6],.chart-empty[data-v-4396faf6]{height:var(--27543fc4)}.header-wrapper[data-v-4396faf6]{height:var(--headerHeight)}.chart[data-v-4396faf6]{width:100%;height:calc(100% - var(--headerHeight));position:relative}.chart__canvas[data-v-4396faf6]{width:100%;height:100%}.chart__tooltip[data-v-4396faf6]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}
@@ -1 +0,0 @@
1
- .sticky[data-v-6b54ac22]{position:sticky}.table-container[data-v-6b54ac22]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-6b54ac22]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-6b54ac22]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-6b54ac22]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-6b54ac22]{width:13.75rem}.table-header.isStickyHeader[data-v-6b54ac22]{z-index:calc(var(--3041fee8) + 3);top:0}.table-head-container[data-v-6b54ac22]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-6b54ac22]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-6b54ac22]{display:inline-table}.table-header-pre-search-content[data-v-6b54ac22]{margin-right:var(--spacing-100);display:flex;align-items:center}.table-header-actions[data-v-6b54ac22]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-6b54ac22]{position:relative}.table-row.loading[data-v-6b54ac22]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-6b54ac22]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-6b54ac22]{border-bottom:none}.expanded-row[data-v-6b54ac22]{grid-column:var(--8ac5cc00);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-6b54ac22]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-6b54ac22]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-6b54ac22],table th[data-v-6b54ac22]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-6b54ac22]:first-of-type,table th[data-v-6b54ac22]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-6b54ac22]:last-of-type,table th[data-v-6b54ac22]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-6b54ac22],table th.expand-toggle-cell[data-v-6b54ac22]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-6b54ac22]{border-bottom:none;z-index:calc(var(--3041fee8) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-6b54ac22]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--4f8aacf9)}table>thead>tr>th[data-v-6b54ac22]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-6b54ac22]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-6b54ac22]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-6b54ac22]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-6b54ac22]{cursor:pointer}table>thead.sticky[data-v-6b54ac22]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-6b54ac22]{z-index:calc(var(--3041fee8) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-6b54ac22]{display:block}table>tbody>*>tr[data-v-6b54ac22]{background-color:var(--background-default);min-height:var(--65a66d41);height:auto;display:grid;align-items:center;grid-template-columns:var(--4f8aacf9)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-6b54ac22]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-6b54ac22],table>tbody>*>tr.activeMenu>td[data-v-6b54ac22]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-6b54ac22]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--65a66d41);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-6b54ac22]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-6b54ac22]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-6b54ac22]{justify-content:flex-end;text-align:right}.section-container[data-v-6b54ac22]{left:0}.sections[data-v-6b54ac22]{display:flex}.section[data-v-6b54ac22]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-6b54ac22]{width:100%}.empty-state[data-v-6b54ac22]{min-height:250px}.floating-row[data-v-6b54ac22]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--3041fee8) + 1)}.floating-row *[data-v-6b54ac22-s]{pointer-events:auto}
@@ -1 +0,0 @@
1
- div[data-v-59fb505a]{display:block}
@@ -1 +0,0 @@
1
- .settings-header-container[data-v-9b6cd9d9]{display:flex;border:.0625rem solid var(--common-divider);border-radius:.375rem .375rem 0 0;border-bottom:none;background-color:var(--background-paper-elevation-0, #f9f9f9);justify-content:space-between}.settings-header-container .settings[data-v-9b6cd9d9]{display:flex;flex-direction:row;justify-content:space-between;height:4rem;padding:.75rem 0 .75rem 1.5rem;align-items:center;gap:.75rem;flex:1}.settings-header-container .settings .chart-type-selection[data-v-9b6cd9d9]{display:flex;height:1.75rem;max-width:8.125rem}.settings-header-container .settings-spacer[data-v-9b6cd9d9]{padding:.75rem 1.5rem}.settings-header-container .breakdowns[data-v-9b6cd9d9]{display:flex;width:13.8125rem;height:4rem;padding:0 .75rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.75rem}.settings-header-container .breakdowns-border[data-v-9b6cd9d9]{border-left:.0625rem solid var(--common-divider)}