@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
@@ -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,
@@ -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
- .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
- 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)}