@ironsource/shared-ui 2.1.8-rc.8 → 2.1.8-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/components/chart/consts.d.ts +6 -0
- package/components/chart/consts.js +14 -15
- package/components/chart/index.d.ts +21 -20
- package/index.js +11 -9
- package/package.json +1 -1
|
@@ -7,6 +7,12 @@ export declare const TICK_LABEL_FONT: {
|
|
|
7
7
|
weight: number;
|
|
8
8
|
family: string;
|
|
9
9
|
};
|
|
10
|
+
export declare enum ChartType {
|
|
11
|
+
Line = "line",
|
|
12
|
+
Bar = "bar",
|
|
13
|
+
StackedLine = "stackedLine",
|
|
14
|
+
StackedBar = "stackedBar"
|
|
15
|
+
}
|
|
10
16
|
export declare const COLOR_PALETTE: string[];
|
|
11
17
|
export declare const DEFAULT_TICK_COUNT = 4;
|
|
12
18
|
export declare const DEFAULT_MIN_VISIBLE = 1;
|
|
@@ -1,27 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
const _ = "#fcfcfc", n = "#E4E4E4", t = "#646464", O = {
|
|
1
|
+
const E = "#fcfcfc", L = "#E4E4E4", _ = "#646464", n = {
|
|
3
2
|
size: 12,
|
|
4
3
|
weight: 400,
|
|
5
4
|
family: "Inter"
|
|
6
|
-
},
|
|
5
|
+
}, O = [
|
|
7
6
|
"#80BCFE",
|
|
8
7
|
"#9999FF",
|
|
9
8
|
"#5883E4",
|
|
10
9
|
"#80CBC4",
|
|
11
10
|
"#FFC670"
|
|
12
|
-
],
|
|
13
|
-
{ id:
|
|
14
|
-
{ id:
|
|
15
|
-
{ id:
|
|
11
|
+
], c = 4, t = 1, I = 5, T = [
|
|
12
|
+
{ id: "line", name: "Line" },
|
|
13
|
+
{ id: "stackedLine", name: "Stack" },
|
|
14
|
+
{ id: "bar", name: "Bar" }
|
|
16
15
|
];
|
|
17
16
|
export {
|
|
18
|
-
|
|
17
|
+
O as COLOR_PALETTE,
|
|
19
18
|
I as DEFAULT_MAX_VISIBLE,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
19
|
+
t as DEFAULT_MIN_VISIBLE,
|
|
20
|
+
c as DEFAULT_TICK_COUNT,
|
|
21
|
+
T as DROPDOWN_TYPE_OPTIONS,
|
|
22
|
+
L as GRID_LINE_COLOR,
|
|
23
|
+
E as POINT_BORDER_COLOR,
|
|
24
|
+
_ as TICK_LABEL_COLOR,
|
|
25
|
+
n as TICK_LABEL_FONT
|
|
27
26
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import Chart from './Chart.vue';
|
|
2
|
+
import { ChartType } from './types';
|
|
2
3
|
declare const ChartTypes: () => ({
|
|
3
4
|
new (...args: any[]): {
|
|
4
5
|
$: import("vue").ComponentInternalInstance;
|
|
@@ -12,7 +13,7 @@ declare const ChartTypes: () => ({
|
|
|
12
13
|
visibleIds: unknown[];
|
|
13
14
|
minVisible: number;
|
|
14
15
|
maxVisible: number;
|
|
15
|
-
chartType:
|
|
16
|
+
chartType: ChartType;
|
|
16
17
|
withSettingsHeader: boolean;
|
|
17
18
|
subheader: string;
|
|
18
19
|
dataSets: import("./types").ChartDataSet[];
|
|
@@ -56,8 +57,8 @@ declare const ChartTypes: () => ({
|
|
|
56
57
|
default: number;
|
|
57
58
|
};
|
|
58
59
|
chartType: {
|
|
59
|
-
type: import("vue").PropType<
|
|
60
|
-
default:
|
|
60
|
+
type: import("vue").PropType<ChartType>;
|
|
61
|
+
default: ChartType;
|
|
61
62
|
};
|
|
62
63
|
withSettingsHeader: {
|
|
63
64
|
type: import("vue").PropType<boolean>;
|
|
@@ -94,7 +95,7 @@ declare const ChartTypes: () => ({
|
|
|
94
95
|
};
|
|
95
96
|
}>> & {
|
|
96
97
|
"onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
|
|
97
|
-
"onUpdate:chartType"?: (chartType:
|
|
98
|
+
"onUpdate:chartType"?: (chartType: ChartType) => any;
|
|
98
99
|
} & 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">;
|
|
99
100
|
$attrs: {
|
|
100
101
|
[x: string]: unknown;
|
|
@@ -107,7 +108,7 @@ declare const ChartTypes: () => ({
|
|
|
107
108
|
}>;
|
|
108
109
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
109
110
|
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
110
|
-
$emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:chartType", chartType:
|
|
111
|
+
$emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:chartType", chartType: ChartType) => void);
|
|
111
112
|
$el: any;
|
|
112
113
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
113
114
|
header: {
|
|
@@ -144,8 +145,8 @@ declare const ChartTypes: () => ({
|
|
|
144
145
|
default: number;
|
|
145
146
|
};
|
|
146
147
|
chartType: {
|
|
147
|
-
type: import("vue").PropType<
|
|
148
|
-
default:
|
|
148
|
+
type: import("vue").PropType<ChartType>;
|
|
149
|
+
default: ChartType;
|
|
149
150
|
};
|
|
150
151
|
withSettingsHeader: {
|
|
151
152
|
type: import("vue").PropType<boolean>;
|
|
@@ -182,9 +183,9 @@ declare const ChartTypes: () => ({
|
|
|
182
183
|
};
|
|
183
184
|
}>> & {
|
|
184
185
|
"onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
|
|
185
|
-
"onUpdate:chartType"?: (chartType:
|
|
186
|
+
"onUpdate:chartType"?: (chartType: ChartType) => any;
|
|
186
187
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
187
|
-
"update:chartType": (chartType:
|
|
188
|
+
"update:chartType": (chartType: ChartType) => void;
|
|
188
189
|
"update:visibleIds": (visibleIds: unknown[]) => void;
|
|
189
190
|
}, string, {
|
|
190
191
|
header: string;
|
|
@@ -195,7 +196,7 @@ declare const ChartTypes: () => ({
|
|
|
195
196
|
visibleIds: unknown[];
|
|
196
197
|
minVisible: number;
|
|
197
198
|
maxVisible: number;
|
|
198
|
-
chartType:
|
|
199
|
+
chartType: ChartType;
|
|
199
200
|
withSettingsHeader: boolean;
|
|
200
201
|
subheader: string;
|
|
201
202
|
dataSets: import("./types").ChartDataSet[];
|
|
@@ -259,8 +260,8 @@ declare const ChartTypes: () => ({
|
|
|
259
260
|
default: number;
|
|
260
261
|
};
|
|
261
262
|
chartType: {
|
|
262
|
-
type: import("vue").PropType<
|
|
263
|
-
default:
|
|
263
|
+
type: import("vue").PropType<ChartType>;
|
|
264
|
+
default: ChartType;
|
|
264
265
|
};
|
|
265
266
|
withSettingsHeader: {
|
|
266
267
|
type: import("vue").PropType<boolean>;
|
|
@@ -297,7 +298,7 @@ declare const ChartTypes: () => ({
|
|
|
297
298
|
};
|
|
298
299
|
}>> & {
|
|
299
300
|
"onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
|
|
300
|
-
"onUpdate:chartType"?: (chartType:
|
|
301
|
+
"onUpdate:chartType"?: (chartType: ChartType) => any;
|
|
301
302
|
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
302
303
|
__isFragment?: never;
|
|
303
304
|
__isTeleport?: never;
|
|
@@ -337,8 +338,8 @@ declare const ChartTypes: () => ({
|
|
|
337
338
|
default: number;
|
|
338
339
|
};
|
|
339
340
|
chartType: {
|
|
340
|
-
type: import("vue").PropType<
|
|
341
|
-
default:
|
|
341
|
+
type: import("vue").PropType<ChartType>;
|
|
342
|
+
default: ChartType;
|
|
342
343
|
};
|
|
343
344
|
withSettingsHeader: {
|
|
344
345
|
type: import("vue").PropType<boolean>;
|
|
@@ -375,9 +376,9 @@ declare const ChartTypes: () => ({
|
|
|
375
376
|
};
|
|
376
377
|
}>> & {
|
|
377
378
|
"onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
|
|
378
|
-
"onUpdate:chartType"?: (chartType:
|
|
379
|
+
"onUpdate:chartType"?: (chartType: ChartType) => any;
|
|
379
380
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
380
|
-
"update:chartType": (chartType:
|
|
381
|
+
"update:chartType": (chartType: ChartType) => void;
|
|
381
382
|
"update:visibleIds": (visibleIds: unknown[]) => void;
|
|
382
383
|
}, string, {
|
|
383
384
|
header: string;
|
|
@@ -388,7 +389,7 @@ declare const ChartTypes: () => ({
|
|
|
388
389
|
visibleIds: unknown[];
|
|
389
390
|
minVisible: number;
|
|
390
391
|
maxVisible: number;
|
|
391
|
-
chartType:
|
|
392
|
+
chartType: ChartType;
|
|
392
393
|
withSettingsHeader: boolean;
|
|
393
394
|
subheader: string;
|
|
394
395
|
dataSets: import("./types").ChartDataSet[];
|
|
@@ -403,5 +404,5 @@ declare const ChartTypes: () => ({
|
|
|
403
404
|
breakdowns?(_: {}): any;
|
|
404
405
|
};
|
|
405
406
|
}))[];
|
|
406
|
-
export type {
|
|
407
|
-
export { Chart, ChartTypes };
|
|
407
|
+
export type { ChartDataRecord, ChartDataSet, ChartParsingConfig, } from './types';
|
|
408
|
+
export { Chart, ChartTypes, ChartType };
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css';
|
|
2
2
|
import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
|
|
3
3
|
import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
|
|
4
4
|
import { MenuItemTypes as po } from "./components/menuItem/index.js";
|
|
@@ -10,7 +10,7 @@ import { ID_INJECTION_KEY as To, useId as co } from "./composables/useId.js";
|
|
|
10
10
|
import { FilterDropdownTypes as go } from "./components/filterDropdown/index.js";
|
|
11
11
|
import { TypographyTypes as Io } from "./components/typography/index.js";
|
|
12
12
|
import { TypographyTypesV4 as Eo } from "./components/typography/v4/index.js";
|
|
13
|
-
import { MultiBarTypes as
|
|
13
|
+
import { MultiBarTypes as ho } from "./components/multibar/index.js";
|
|
14
14
|
import { FoldableSectionTypes as Bo } from "./components/layout/index.js";
|
|
15
15
|
import { FormCardTypes as bo, FormFieldTypes as wo } from "./components/forms/index.js";
|
|
16
16
|
import * as o from "./components/button/v3/index.js";
|
|
@@ -38,8 +38,8 @@ import * as I from "./components/dialog/v4/index.js";
|
|
|
38
38
|
import * as A from "./components/toggle/v3/index.js";
|
|
39
39
|
import * as E from "./components/toggle/v4/index.js";
|
|
40
40
|
import * as C from "./components/tooltip/v3/index.js";
|
|
41
|
-
import * as
|
|
42
|
-
import * as
|
|
41
|
+
import * as h from "./components/tooltip/v4/index.js";
|
|
42
|
+
import * as D from "./components/table/v3/index.js";
|
|
43
43
|
import * as B from "./components/table/v4/index.js";
|
|
44
44
|
import * as M from "./components/table-cells/v3/index.js";
|
|
45
45
|
import * as b from "./components/table-cells/v4/index.js";
|
|
@@ -87,7 +87,7 @@ import { default as cr } from "./components/includeExclude/IncludeExcludeAppHead
|
|
|
87
87
|
import { default as gr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
|
|
88
88
|
import { default as Ir } from "./components/filterDropdown/FilterDropdown.vue.js";
|
|
89
89
|
import { default as Er } from "./components/filterDropdown/AddFilterButton.vue.js";
|
|
90
|
-
import { default as
|
|
90
|
+
import { default as hr } from "./components/typography/Heading.vue.js";
|
|
91
91
|
import { default as Br } from "./components/typography/Text.vue.js";
|
|
92
92
|
import { default as br } from "./components/typography/v4/Typography.vue.js";
|
|
93
93
|
import { default as Or } from "./components/multibar/MultiBar.vue.js";
|
|
@@ -100,6 +100,7 @@ import { default as qr } from "./components/banner/Banner.vue.js";
|
|
|
100
100
|
import { default as Gr } from "./components/alert/Alert.vue.js";
|
|
101
101
|
import { default as Qr } from "./components/autocomplete/Autocomplete.vue.js";
|
|
102
102
|
import { default as Yr } from "./components/chart/Chart.vue.js";
|
|
103
|
+
import { ChartType as Wr } from "./components/chart/types.js";
|
|
103
104
|
const X = {
|
|
104
105
|
...e,
|
|
105
106
|
...m,
|
|
@@ -122,10 +123,10 @@ const X = {
|
|
|
122
123
|
...F,
|
|
123
124
|
...I,
|
|
124
125
|
...C,
|
|
125
|
-
...
|
|
126
|
+
...h,
|
|
126
127
|
...A,
|
|
127
128
|
...E,
|
|
128
|
-
...
|
|
129
|
+
...D,
|
|
129
130
|
...B,
|
|
130
131
|
...M,
|
|
131
132
|
...b,
|
|
@@ -170,6 +171,7 @@ export {
|
|
|
170
171
|
jo as BannerTypes,
|
|
171
172
|
Pr as CardPanel,
|
|
172
173
|
Yr as Chart,
|
|
174
|
+
Wr as ChartType,
|
|
173
175
|
Qo as ChartTypes,
|
|
174
176
|
Ir as FilterDropdown,
|
|
175
177
|
go as FilterDropdownTypes,
|
|
@@ -182,7 +184,7 @@ export {
|
|
|
182
184
|
jr as FormField,
|
|
183
185
|
wo as FormFieldTypes,
|
|
184
186
|
Vr as FormRow,
|
|
185
|
-
|
|
187
|
+
hr as Heading,
|
|
186
188
|
To as ID_INJECTION_KEY,
|
|
187
189
|
fr as IncludeExclude,
|
|
188
190
|
cr as IncludeExcludeAppHeader,
|
|
@@ -197,7 +199,7 @@ export {
|
|
|
197
199
|
po as MenuItemTypes,
|
|
198
200
|
fo as MenuTypes,
|
|
199
201
|
Or as MultiBar,
|
|
200
|
-
|
|
202
|
+
ho as MultiBarTypes,
|
|
201
203
|
Br as Text,
|
|
202
204
|
br as Typography,
|
|
203
205
|
Io as TypographyTypes,
|