@ironsource/shared-ui 2.1.8 → 2.1.9-test.0
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_ea1e5c3e_lang.css +1 -0
- package/ChartHeader.vue_vue_type_style_index_0_scoped_4c37736e_lang.css +1 -0
- package/ChartLegend.vue_vue_type_style_index_0_scoped_c0f71a49_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_119e4bc3_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css +1 -0
- package/Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css +1 -0
- package/components/chart/Chart.vue.d.ts +5 -0
- package/components/chart/Chart.vue.js +4 -4
- package/components/chart/Chart.vue2.js +51 -49
- package/components/chart/ChartHeader.vue.d.ts +5 -0
- package/components/chart/ChartHeader.vue.js +2 -2
- package/components/chart/ChartHeader.vue2.js +35 -22
- package/components/chart/ChartLegend.vue.js +3 -3
- package/components/chart/ChartLegend.vue2.js +35 -28
- package/components/chart/SettingsHeader.vue.js +3 -3
- package/components/chart/SettingsHeader.vue2.js +33 -26
- package/components/chart/index.d.ts +20 -1
- package/components/dropdown/v4/DropdownV4.vue.d.ts +6 -0
- package/components/dropdown/v4/DropdownV4.vue.js +2 -2
- package/components/dropdown/v4/DropdownV4.vue2.js +118 -107
- package/components/dropdown/v4/index.d.ts +25 -1
- package/components/typography/v4/Typography.vue.js +2 -2
- package/components/typography/v4/Typography.vue2.js +1 -1
- package/index.d.ts +50 -2
- package/index.js +1 -1
- package/package.json +1 -1
- package/Chart.vue_vue_type_style_index_0_scoped_df85e0af_lang.css +0 -1
- package/ChartHeader.vue_vue_type_style_index_0_scoped_2e3de9c5_lang.css +0 -1
- package/ChartLegend.vue_vue_type_style_index_0_scoped_efc608f9_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_62a620ee_lang.css +0 -1
- package/SettingsHeader.vue_vue_type_style_index_0_scoped_1791e4fe_lang.css +0 -1
- package/Typography.vue_vue_type_style_index_0_scoped_b00956b7_lang.css +0 -1
|
@@ -1,57 +1,64 @@
|
|
|
1
|
-
import "../../SettingsHeader.
|
|
2
|
-
import
|
|
1
|
+
import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css"; import { defineComponent as h, computed as g, openBlock as y, createElementBlock as f, createElementVNode as r, normalizeClass as a, createVNode as l, unref as t, isRef as v, withCtx as T, mergeProps as w, renderSlot as p } from "vue";
|
|
2
|
+
import b from "../dropdown/v4/DropdownV4.vue.js";
|
|
3
3
|
import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
|
|
4
4
|
import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
|
|
5
5
|
import "../dropdown/v4/ChipDropdownTrigger.vue.js";
|
|
6
6
|
import "../dropdown/v4/AppDropdownTrigger.vue.js";
|
|
7
|
-
import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
|
|
7
|
+
import k from "../dropdown/v4/ButtonDropdownTrigger.vue.js";
|
|
8
8
|
import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
|
|
9
9
|
import "../dropdown/v4/TreeDropdown.vue.js";
|
|
10
10
|
import "../dropdown/v4/OptionV4.vue.js";
|
|
11
|
-
import { DROPDOWN_TYPE_OPTIONS as
|
|
12
|
-
const
|
|
11
|
+
import { DROPDOWN_TYPE_OPTIONS as c } from "./consts.js";
|
|
12
|
+
const _ = { class: "settings-header-container" }, B = { class: "chart-type-selection" }, R = /* @__PURE__ */ h({
|
|
13
13
|
__name: "SettingsHeader",
|
|
14
14
|
props: {
|
|
15
15
|
chartType: null,
|
|
16
16
|
hideLegend: { type: Boolean }
|
|
17
17
|
},
|
|
18
18
|
emits: ["update:chartType"],
|
|
19
|
-
setup(
|
|
20
|
-
const
|
|
19
|
+
setup(s, { emit: m }) {
|
|
20
|
+
const u = s, o = g({
|
|
21
21
|
get() {
|
|
22
|
-
return
|
|
22
|
+
return c.find(({ id: e }) => e === u.chartType);
|
|
23
23
|
},
|
|
24
24
|
set(e) {
|
|
25
|
-
|
|
25
|
+
m("update:chartType", e.id);
|
|
26
26
|
}
|
|
27
|
-
}),
|
|
28
|
-
return (e,
|
|
29
|
-
|
|
30
|
-
class:
|
|
27
|
+
}), i = (e) => `Chart: ${e.name}`;
|
|
28
|
+
return (e, d) => (y(), f("div", _, [
|
|
29
|
+
r("div", {
|
|
30
|
+
class: a(["settings", { "settings-spacer": !s.hideLegend }])
|
|
31
31
|
}, [
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
selected:
|
|
35
|
-
"onUpdate:selected":
|
|
36
|
-
options:
|
|
32
|
+
r("div", B, [
|
|
33
|
+
l(t(b), {
|
|
34
|
+
selected: t(o),
|
|
35
|
+
"onUpdate:selected": d[0] || (d[0] = (n) => v(o) ? o.value = n : null),
|
|
36
|
+
options: t(c),
|
|
37
37
|
"option-name-key": "name",
|
|
38
|
-
"display-value":
|
|
38
|
+
"display-value": i,
|
|
39
39
|
placeholder: "Select chart type",
|
|
40
40
|
size: "small"
|
|
41
|
-
},
|
|
41
|
+
}, {
|
|
42
|
+
"dropdown-trigger": T(({ buttonTriggerProps: n }) => [
|
|
43
|
+
l(t(k), w(n, {
|
|
44
|
+
label: i(t(o))
|
|
45
|
+
}), null, 16, ["label"])
|
|
46
|
+
]),
|
|
47
|
+
_: 1
|
|
48
|
+
}, 8, ["selected", "options"])
|
|
42
49
|
]),
|
|
43
|
-
|
|
44
|
-
|
|
50
|
+
r("div", null, [
|
|
51
|
+
p(e.$slots, "metric", {}, void 0, !0)
|
|
45
52
|
])
|
|
46
53
|
], 2),
|
|
47
|
-
|
|
48
|
-
class:
|
|
54
|
+
r("div", {
|
|
55
|
+
class: a(["breakdowns", { "breakdowns-border": !s.hideLegend }])
|
|
49
56
|
}, [
|
|
50
|
-
|
|
57
|
+
p(e.$slots, "breakdowns", {}, void 0, !0)
|
|
51
58
|
], 2)
|
|
52
59
|
]));
|
|
53
60
|
}
|
|
54
61
|
});
|
|
55
62
|
export {
|
|
56
|
-
|
|
63
|
+
R as default
|
|
57
64
|
};
|
|
@@ -15,6 +15,7 @@ declare const ChartTypes: () => ({
|
|
|
15
15
|
chartType: import("./types").ChartType;
|
|
16
16
|
withSettingsHeader: boolean;
|
|
17
17
|
subheader: string;
|
|
18
|
+
subheaderTooltip: string;
|
|
18
19
|
dataSets: import("./types").ChartDataSet[];
|
|
19
20
|
hideLegend: boolean;
|
|
20
21
|
tickCount: number;
|
|
@@ -67,6 +68,10 @@ declare const ChartTypes: () => ({
|
|
|
67
68
|
type: import("vue").PropType<string>;
|
|
68
69
|
default: string;
|
|
69
70
|
};
|
|
71
|
+
subheaderTooltip: {
|
|
72
|
+
type: import("vue").PropType<string>;
|
|
73
|
+
default: string;
|
|
74
|
+
};
|
|
70
75
|
dataSets: {
|
|
71
76
|
type: import("vue").PropType<import("./types").ChartDataSet[]>;
|
|
72
77
|
required: true;
|
|
@@ -95,7 +100,7 @@ declare const ChartTypes: () => ({
|
|
|
95
100
|
}>> & {
|
|
96
101
|
"onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
|
|
97
102
|
"onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
|
|
98
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "xAxisFormat" | "yAxisFormat" | "parsing" | "visibleIds" | "minVisible" | "maxVisible" | "chartType" | "withSettingsHeader" | "subheader" | "dataSets" | "hideLegend" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle">;
|
|
103
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "xAxisFormat" | "yAxisFormat" | "parsing" | "visibleIds" | "minVisible" | "maxVisible" | "chartType" | "withSettingsHeader" | "subheader" | "subheaderTooltip" | "dataSets" | "hideLegend" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle">;
|
|
99
104
|
$attrs: {
|
|
100
105
|
[x: string]: unknown;
|
|
101
106
|
};
|
|
@@ -155,6 +160,10 @@ declare const ChartTypes: () => ({
|
|
|
155
160
|
type: import("vue").PropType<string>;
|
|
156
161
|
default: string;
|
|
157
162
|
};
|
|
163
|
+
subheaderTooltip: {
|
|
164
|
+
type: import("vue").PropType<string>;
|
|
165
|
+
default: string;
|
|
166
|
+
};
|
|
158
167
|
dataSets: {
|
|
159
168
|
type: import("vue").PropType<import("./types").ChartDataSet[]>;
|
|
160
169
|
required: true;
|
|
@@ -198,6 +207,7 @@ declare const ChartTypes: () => ({
|
|
|
198
207
|
chartType: import("./types").ChartType;
|
|
199
208
|
withSettingsHeader: boolean;
|
|
200
209
|
subheader: string;
|
|
210
|
+
subheaderTooltip: string;
|
|
201
211
|
dataSets: import("./types").ChartDataSet[];
|
|
202
212
|
hideLegend: boolean;
|
|
203
213
|
tickCount: number;
|
|
@@ -270,6 +280,10 @@ declare const ChartTypes: () => ({
|
|
|
270
280
|
type: import("vue").PropType<string>;
|
|
271
281
|
default: string;
|
|
272
282
|
};
|
|
283
|
+
subheaderTooltip: {
|
|
284
|
+
type: import("vue").PropType<string>;
|
|
285
|
+
default: string;
|
|
286
|
+
};
|
|
273
287
|
dataSets: {
|
|
274
288
|
type: import("vue").PropType<import("./types").ChartDataSet[]>;
|
|
275
289
|
required: true;
|
|
@@ -348,6 +362,10 @@ declare const ChartTypes: () => ({
|
|
|
348
362
|
type: import("vue").PropType<string>;
|
|
349
363
|
default: string;
|
|
350
364
|
};
|
|
365
|
+
subheaderTooltip: {
|
|
366
|
+
type: import("vue").PropType<string>;
|
|
367
|
+
default: string;
|
|
368
|
+
};
|
|
351
369
|
dataSets: {
|
|
352
370
|
type: import("vue").PropType<import("./types").ChartDataSet[]>;
|
|
353
371
|
required: true;
|
|
@@ -391,6 +409,7 @@ declare const ChartTypes: () => ({
|
|
|
391
409
|
chartType: import("./types").ChartType;
|
|
392
410
|
withSettingsHeader: boolean;
|
|
393
411
|
subheader: string;
|
|
412
|
+
subheaderTooltip: string;
|
|
394
413
|
dataSets: import("./types").ChartDataSet[];
|
|
395
414
|
hideLegend: boolean;
|
|
396
415
|
tickCount: number;
|
|
@@ -54,6 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
54
54
|
statusType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
55
55
|
disableVirtualScroll?: boolean;
|
|
56
56
|
overrideOptionCountCalculation?: (option: unknown) => number;
|
|
57
|
+
withConditions: boolean;
|
|
57
58
|
}>, {
|
|
58
59
|
multi: boolean;
|
|
59
60
|
inlineSearchPlaceholder: string;
|
|
@@ -106,6 +107,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
106
107
|
statusType: any;
|
|
107
108
|
disableVirtualScroll: boolean;
|
|
108
109
|
overrideOptionCountCalculation: any;
|
|
110
|
+
withConditions: boolean;
|
|
109
111
|
}>, {
|
|
110
112
|
selectItem: (option: any, index?: number) => void;
|
|
111
113
|
scrollTo: (index: number) => void;
|
|
@@ -174,6 +176,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
174
176
|
statusType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
175
177
|
disableVirtualScroll?: boolean;
|
|
176
178
|
overrideOptionCountCalculation?: (option: unknown) => number;
|
|
179
|
+
withConditions: boolean;
|
|
177
180
|
}>, {
|
|
178
181
|
multi: boolean;
|
|
179
182
|
inlineSearchPlaceholder: string;
|
|
@@ -226,6 +229,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
226
229
|
statusType: any;
|
|
227
230
|
disableVirtualScroll: boolean;
|
|
228
231
|
overrideOptionCountCalculation: any;
|
|
232
|
+
withConditions: boolean;
|
|
229
233
|
}>>> & {
|
|
230
234
|
onCopyToClipboard?: () => any;
|
|
231
235
|
onClear?: () => any;
|
|
@@ -287,6 +291,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
287
291
|
statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
288
292
|
disableVirtualScroll: boolean;
|
|
289
293
|
overrideOptionCountCalculation: (option: unknown) => number;
|
|
294
|
+
withConditions: boolean;
|
|
290
295
|
}>, {
|
|
291
296
|
label?(_: {}): any;
|
|
292
297
|
"dropdown-trigger"?(_: {
|
|
@@ -323,6 +328,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
323
328
|
onClick: () => void;
|
|
324
329
|
};
|
|
325
330
|
}): any;
|
|
331
|
+
"dropdown-conditions"?(_: {}): any;
|
|
326
332
|
"inline-search"?(_: {}): any;
|
|
327
333
|
"input-list"?(_: {
|
|
328
334
|
open: true;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./DropdownV4.vue2.js";
|
|
2
2
|
/* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../DropdownV4.
|
|
3
|
+
// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_119e4bc3_lang.css"; //*');
|
|
4
4
|
// import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
|
|
5
|
-
const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
5
|
+
const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-119e4bc3"]]);
|
|
6
6
|
export {
|
|
7
7
|
r as default
|
|
8
8
|
};
|