@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.
- package/Chart.vue_vue_type_style_index_0_scoped_a0b89669_lang.css +1 -0
- package/ChartLegend.vue_vue_type_style_index_0_scoped_da487aba_lang.css +1 -0
- package/ChartPlane.vue_vue_type_style_index_0_scoped_0f3a67d5_lang.css +1 -0
- package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css +1 -0
- package/SettingsHeader.vue_vue_type_style_index_0_scoped_0875167b_lang.css +1 -0
- package/components/chart/Chart.vue.d.ts +19 -2
- package/components/chart/Chart.vue.js +2 -2
- package/components/chart/Chart.vue2.js +69 -57
- package/components/chart/ChartLegend.vue.d.ts +17 -0
- package/components/chart/ChartLegend.vue.js +3 -3
- package/components/chart/ChartLegend.vue2.js +78 -67
- package/components/chart/ChartPlane.vue.d.ts +7 -2
- package/components/chart/ChartPlane.vue.js +2 -2
- package/components/chart/ChartPlane.vue2.js +128 -127
- package/components/chart/LegendSorting.vue.d.ts +37 -0
- package/components/chart/LegendSorting.vue.js +45 -0
- package/components/chart/LegendSorting.vue2.js +4 -0
- package/components/chart/SettingsHeader.vue.js +3 -3
- package/components/chart/SettingsHeader.vue2.js +1 -1
- package/components/chart/colorPalette.d.ts +4 -0
- package/components/chart/colorPalette.js +54 -0
- package/components/chart/composables/useColorsMap.d.ts +2 -2
- package/components/chart/composables/useColorsMap.js +41 -12
- package/components/chart/consts.d.ts +12 -1
- package/components/chart/consts.js +31 -26
- package/components/chart/index.d.ts +103 -40
- package/components/chart/mockData.d.ts +8 -14
- package/components/chart/types.d.ts +2 -1
- package/components/dropdown/v4/IconButtonDropdownTrigger.vue.d.ts +11 -0
- package/components/dropdown/v4/IconButtonDropdownTrigger.vue.js +4 -4
- package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +12 -10
- package/components/dropdown/v4/index.d.ts +18 -0
- package/index.d.ts +37 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/utils/formatNumbers.d.ts +1 -1
- package/utils/formatNumbers.js +14 -14
- package/Chart.vue_vue_type_style_index_0_scoped_78d3f5a8_lang.css +0 -1
- package/ChartLegend.vue_vue_type_style_index_0_scoped_532f23bc_lang.css +0 -1
- package/ChartPlane.vue_vue_type_style_index_0_scoped_4396faf6_lang.css +0 -1
- package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css +0 -1
- package/SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css +0 -1
package/utils/formatNumbers.d.ts
CHANGED
|
@@ -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;
|
package/utils/formatNumbers.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
const s = "N/A", f = (e,
|
|
2
|
-
minimumFractionDigits:
|
|
3
|
-
maximumFractionDigits:
|
|
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 ?
|
|
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
|
|
9
|
-
const r = e /
|
|
10
|
-
return r >= 100 ? r.toFixed(0) +
|
|
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,
|
|
13
|
-
const r = Number(e),
|
|
14
|
-
return
|
|
15
|
-
}, c = (e,
|
|
16
|
-
const
|
|
17
|
-
return isNaN(
|
|
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)}
|