@ironsource/shared-ui 2.1.12-rc.8 → 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 (67) 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/TreeDropdown.vue_vue_type_style_index_0_scoped_4ba9e4bd_lang.css +1 -0
  11. package/components/chart/Chart.vue.d.ts +56 -2
  12. package/components/chart/Chart.vue.js +4 -4
  13. package/components/chart/Chart.vue2.js +93 -60
  14. package/components/chart/ChartHeader.vue.d.ts +25 -0
  15. package/components/chart/ChartHeader.vue.js +2 -2
  16. package/components/chart/ChartHeader.vue2.js +75 -50
  17. package/components/chart/ChartHeaderTrend.vue.d.ts +15 -0
  18. package/components/chart/ChartHeaderTrend.vue.js +3 -3
  19. package/components/chart/ChartHeaderTrend.vue2.js +83 -19
  20. package/components/chart/ChartLegend.vue.d.ts +17 -0
  21. package/components/chart/ChartLegend.vue.js +3 -3
  22. package/components/chart/ChartLegend.vue2.js +78 -67
  23. package/components/chart/ChartPlane.vue.d.ts +43 -4
  24. package/components/chart/ChartPlane.vue.js +3 -3
  25. package/components/chart/ChartPlane.vue2.js +137 -118
  26. package/components/chart/LegendSorting.vue.d.ts +37 -0
  27. package/components/chart/LegendSorting.vue.js +45 -0
  28. package/components/chart/LegendSorting.vue2.js +4 -0
  29. package/components/chart/SettingsHeader.vue.d.ts +1 -0
  30. package/components/chart/SettingsHeader.vue.js +3 -3
  31. package/components/chart/SettingsHeader.vue2.js +17 -16
  32. package/components/chart/colorPalette.d.ts +4 -0
  33. package/components/chart/colorPalette.js +54 -0
  34. package/components/chart/composables/useColorsMap.d.ts +2 -2
  35. package/components/chart/composables/useColorsMap.js +41 -12
  36. package/components/chart/consts.d.ts +12 -1
  37. package/components/chart/consts.js +31 -26
  38. package/components/chart/index.d.ts +237 -40
  39. package/components/chart/mockData.d.ts +8 -14
  40. package/components/chart/types.d.ts +2 -1
  41. package/components/dropdown/common/Dropdown.common.js +81 -74
  42. package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +2 -2
  43. package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +1 -1
  44. package/components/dropdown/v4/IconButtonDropdownTrigger.vue.d.ts +11 -0
  45. package/components/dropdown/v4/IconButtonDropdownTrigger.vue.js +4 -4
  46. package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +12 -10
  47. package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
  48. package/components/dropdown/v4/TreeDropdown.vue2.js +68 -73
  49. package/components/dropdown/v4/index.d.ts +18 -0
  50. package/components/table/v4/DataGrid.vue.js +3 -3
  51. package/components/table/v4/DataGrid.vue2.js +35 -35
  52. package/index.d.ts +37 -1
  53. package/package.json +1 -1
  54. package/utils/formatNumbers.d.ts +1 -1
  55. package/utils/formatNumbers.js +14 -14
  56. package/utils/totals.d.ts +5 -0
  57. package/utils/totals.js +9 -0
  58. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css +0 -1
  59. package/Chart.vue_vue_type_style_index_0_scoped_78d3f5a8_lang.css +0 -1
  60. package/ChartHeader.vue_vue_type_style_index_0_scoped_32001725_lang.css +0 -1
  61. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_e4c673e7_lang.css +0 -1
  62. package/ChartLegend.vue_vue_type_style_index_0_scoped_532f23bc_lang.css +0 -1
  63. package/ChartPlane.vue_vue_type_style_index_0_scoped_4396faf6_lang.css +0 -1
  64. package/DataGrid.vue_vue_type_style_index_0_scoped_6b54ac22_lang.css +0 -1
  65. package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css +0 -1
  66. package/SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css +0 -1
  67. package/TreeDropdown.vue_vue_type_style_index_0_scoped_b883d1fa_lang.css +0 -1
@@ -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)}
@@ -1 +0,0 @@
1
- .child-options[data-v-b883d1fa]{padding-left:1rem}.tree-search[data-v-b883d1fa]{width:100%}