@ironsource/shared-ui 2.1.12-rc.9 → 2.1.12-test.58
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/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_0123c361_lang.css +1 -0
- package/Chart.vue_vue_type_style_index_0_scoped_757e7752_lang.css +1 -0
- package/ChartHeader.vue_vue_type_style_index_0_scoped_92052479_lang.css +1 -0
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_d61ed404_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_bb382dc4_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_86ea5d2a_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_01f78cd7_lang.css +1 -0
- package/components/chart/Chart.vue.d.ts +56 -2
- package/components/chart/Chart.vue.js +4 -4
- package/components/chart/Chart.vue2.js +93 -60
- package/components/chart/ChartHeader.vue.d.ts +25 -0
- package/components/chart/ChartHeader.vue.js +2 -2
- package/components/chart/ChartHeader.vue2.js +75 -50
- package/components/chart/ChartHeaderTrend.vue.d.ts +15 -0
- package/components/chart/ChartHeaderTrend.vue.js +3 -3
- package/components/chart/ChartHeaderTrend.vue2.js +83 -19
- 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 +43 -4
- package/components/chart/ChartPlane.vue.js +3 -3
- package/components/chart/ChartPlane.vue2.js +137 -118
- 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.d.ts +1 -0
- package/components/chart/SettingsHeader.vue.js +3 -3
- package/components/chart/SettingsHeader.vue2.js +17 -16
- 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 +237 -40
- package/components/chart/mockData.d.ts +8 -14
- package/components/chart/types.d.ts +2 -1
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +1 -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/components/table/v4/DataGrid.vue.js +3 -3
- package/components/table/v4/DataGrid.vue2.js +35 -35
- 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/utils/totals.d.ts +5 -0
- package/utils/totals.js +9 -0
- package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css +0 -1
- package/Chart.vue_vue_type_style_index_0_scoped_78d3f5a8_lang.css +0 -1
- package/ChartHeader.vue_vue_type_style_index_0_scoped_32001725_lang.css +0 -1
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_e4c673e7_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/DataGrid.vue_vue_type_style_index_0_scoped_6b54ac22_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
|
@@ -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
|
|
3
|
-
// import "../../../DataGrid.
|
|
4
|
-
const s = /* @__PURE__ */
|
|
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.
|
|
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
|
-
"
|
|
68
|
-
"
|
|
69
|
-
|
|
70
|
-
"
|
|
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((
|
|
96
|
-
return !!a.length && a.every((
|
|
97
|
-
}), C = (a) => l.selection.findIndex((
|
|
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
|
-
(
|
|
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((
|
|
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
|
-
},
|
|
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,
|
|
125
|
+
}), (a, o) => (i(), d("div", {
|
|
126
126
|
class: "table-container",
|
|
127
127
|
"data-testid": `${s.testId}-${t(y).CONTAINER}`,
|
|
128
|
-
onMouseleave:
|
|
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:
|
|
137
|
+
onScrollPassive: o[2] || (o[2] = //@ts-ignore
|
|
138
138
|
(...e) => t(F) && t(F)(...e))
|
|
139
139
|
}, [
|
|
140
|
-
t(se) ? (i(),
|
|
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(),
|
|
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":
|
|
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:
|
|
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(),
|
|
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),
|
|
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(),
|
|
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(),
|
|
231
|
-
(i(!0),
|
|
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(),
|
|
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),
|
|
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(),
|
|
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(),
|
|
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),
|
|
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(),
|
|
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(),
|
|
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
|
-
|
|
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(),
|
|
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(
|
|
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(),
|
|
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 './
|
|
1
|
+
import './Heading.vue_vue_type_style_index_0_scoped_19878c4b_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
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,
|
package/utils/totals.js
ADDED
|
@@ -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)}
|