@ironsource/shared-ui 2.1.12-test.62 → 2.1.12-test.64
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/colorPalette.js +4 -4
- package/components/chart/index.d.ts +42 -42
- package/index.js +6 -6
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BIDDING_PREFIX as F, NETWORK_ID_UNITY_ADS as N, NETWORK_ID_AD_MOB as R, NETWORK_ID_IRON_SOURCE as $, NON_BIDDING_PREFIX as E, NETWORK_ID_MINTEGRAL as B, NETWORK_ID_APPLOVIN as _, NETWORK_ID_FACEBOOK_META as D, NETWORK_ID_LIFTOFF as A, NETWORK_ID_PANGLE as O, NETWORK_ID_INMOBI as I, NETWORK_ID_DT_EXCHANGE as C } from "./consts.js";
|
|
2
|
-
const
|
|
2
|
+
const K = "#c9c9c9", t = [
|
|
3
3
|
"#80BCFE",
|
|
4
4
|
"#9999FF",
|
|
5
5
|
"#5883E4",
|
|
@@ -11,7 +11,7 @@ const t = "#c9c9c9", K = [
|
|
|
11
11
|
"#CA80DC",
|
|
12
12
|
"#FEBBB2"
|
|
13
13
|
], W = {
|
|
14
|
-
|
|
14
|
+
Total: "#646464",
|
|
15
15
|
// AB tests
|
|
16
16
|
A: "#FFC134",
|
|
17
17
|
B: "#4F4FF5",
|
|
@@ -48,7 +48,7 @@ const t = "#c9c9c9", K = [
|
|
|
48
48
|
[`${E}-${C}`]: "#DD8094"
|
|
49
49
|
};
|
|
50
50
|
export {
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
t as COLOR_PALETTE,
|
|
52
|
+
K as DEFAULT_CHART_COLOR,
|
|
53
53
|
W as RESERVED_COLORS_MAP
|
|
54
54
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import Chart from './Chart.vue';
|
|
2
|
+
import { ChartType, TooltipOrder, TrendDirection } from './types';
|
|
2
3
|
declare const ChartTypes: () => ({
|
|
3
4
|
new (...args: any[]): {
|
|
4
5
|
$: import("vue").ComponentInternalInstance;
|
|
@@ -13,7 +14,7 @@ declare const ChartTypes: () => ({
|
|
|
13
14
|
sortSelected: any;
|
|
14
15
|
sortOptions: unknown[];
|
|
15
16
|
sortOptionNameKey: string;
|
|
16
|
-
chartType:
|
|
17
|
+
chartType: ChartType;
|
|
17
18
|
hideLegend: boolean;
|
|
18
19
|
xAxisFormat: import("./types").ValueFormat;
|
|
19
20
|
totalsChart: boolean;
|
|
@@ -24,7 +25,7 @@ declare const ChartTypes: () => ({
|
|
|
24
25
|
subheader: string;
|
|
25
26
|
subheaderTooltip: any;
|
|
26
27
|
trendValue: string | number;
|
|
27
|
-
trendDirection:
|
|
28
|
+
trendDirection: TrendDirection;
|
|
28
29
|
tickCount: number;
|
|
29
30
|
truncateTickLabels: boolean;
|
|
30
31
|
keepSubheaderVisible: boolean;
|
|
@@ -34,7 +35,7 @@ declare const ChartTypes: () => ({
|
|
|
34
35
|
withAnimation: boolean;
|
|
35
36
|
tooltipTotalType: import("../../utils/totals").TotalType;
|
|
36
37
|
tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
|
|
37
|
-
tooltipOrder:
|
|
38
|
+
tooltipOrder: TooltipOrder;
|
|
38
39
|
fullHeight: boolean;
|
|
39
40
|
withSettingsHeader: boolean;
|
|
40
41
|
extraCharts: Record<string, unknown>[];
|
|
@@ -77,8 +78,8 @@ declare const ChartTypes: () => ({
|
|
|
77
78
|
default: string;
|
|
78
79
|
};
|
|
79
80
|
chartType: {
|
|
80
|
-
type: import("vue").PropType<
|
|
81
|
-
default:
|
|
81
|
+
type: import("vue").PropType<ChartType>;
|
|
82
|
+
default: ChartType;
|
|
82
83
|
};
|
|
83
84
|
hideLegend: {
|
|
84
85
|
type: import("vue").PropType<boolean>;
|
|
@@ -129,8 +130,8 @@ declare const ChartTypes: () => ({
|
|
|
129
130
|
default: any;
|
|
130
131
|
};
|
|
131
132
|
trendDirection: {
|
|
132
|
-
type: import("vue").PropType<
|
|
133
|
-
default:
|
|
133
|
+
type: import("vue").PropType<TrendDirection>;
|
|
134
|
+
default: TrendDirection;
|
|
134
135
|
};
|
|
135
136
|
tickCount: {
|
|
136
137
|
type: import("vue").PropType<number>;
|
|
@@ -169,8 +170,8 @@ declare const ChartTypes: () => ({
|
|
|
169
170
|
default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
|
|
170
171
|
};
|
|
171
172
|
tooltipOrder: {
|
|
172
|
-
type: import("vue").PropType<
|
|
173
|
-
default:
|
|
173
|
+
type: import("vue").PropType<TooltipOrder>;
|
|
174
|
+
default: TooltipOrder;
|
|
174
175
|
};
|
|
175
176
|
fullHeight: {
|
|
176
177
|
type: import("vue").PropType<boolean>;
|
|
@@ -187,7 +188,7 @@ declare const ChartTypes: () => ({
|
|
|
187
188
|
}>> & {
|
|
188
189
|
"onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
|
|
189
190
|
"onUpdate:sortSelected"?: (sortOption: unknown) => any;
|
|
190
|
-
"onUpdate:chartType"?: (chartType:
|
|
191
|
+
"onUpdate:chartType"?: (chartType: ChartType) => any;
|
|
191
192
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "totalsChart" | "parsing" | "yAxisFormat" | "dataSets" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
|
|
192
193
|
$attrs: {
|
|
193
194
|
[x: string]: unknown;
|
|
@@ -200,7 +201,7 @@ declare const ChartTypes: () => ({
|
|
|
200
201
|
}>;
|
|
201
202
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
202
203
|
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
203
|
-
$emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:sortSelected", sortOption: unknown) => void) & ((event: "update:chartType", chartType:
|
|
204
|
+
$emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:sortSelected", sortOption: unknown) => void) & ((event: "update:chartType", chartType: ChartType) => void);
|
|
204
205
|
$el: any;
|
|
205
206
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
206
207
|
header: {
|
|
@@ -241,8 +242,8 @@ declare const ChartTypes: () => ({
|
|
|
241
242
|
default: string;
|
|
242
243
|
};
|
|
243
244
|
chartType: {
|
|
244
|
-
type: import("vue").PropType<
|
|
245
|
-
default:
|
|
245
|
+
type: import("vue").PropType<ChartType>;
|
|
246
|
+
default: ChartType;
|
|
246
247
|
};
|
|
247
248
|
hideLegend: {
|
|
248
249
|
type: import("vue").PropType<boolean>;
|
|
@@ -293,8 +294,8 @@ declare const ChartTypes: () => ({
|
|
|
293
294
|
default: any;
|
|
294
295
|
};
|
|
295
296
|
trendDirection: {
|
|
296
|
-
type: import("vue").PropType<
|
|
297
|
-
default:
|
|
297
|
+
type: import("vue").PropType<TrendDirection>;
|
|
298
|
+
default: TrendDirection;
|
|
298
299
|
};
|
|
299
300
|
tickCount: {
|
|
300
301
|
type: import("vue").PropType<number>;
|
|
@@ -333,8 +334,8 @@ declare const ChartTypes: () => ({
|
|
|
333
334
|
default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
|
|
334
335
|
};
|
|
335
336
|
tooltipOrder: {
|
|
336
|
-
type: import("vue").PropType<
|
|
337
|
-
default:
|
|
337
|
+
type: import("vue").PropType<TooltipOrder>;
|
|
338
|
+
default: TooltipOrder;
|
|
338
339
|
};
|
|
339
340
|
fullHeight: {
|
|
340
341
|
type: import("vue").PropType<boolean>;
|
|
@@ -351,9 +352,9 @@ declare const ChartTypes: () => ({
|
|
|
351
352
|
}>> & {
|
|
352
353
|
"onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
|
|
353
354
|
"onUpdate:sortSelected"?: (sortOption: unknown) => any;
|
|
354
|
-
"onUpdate:chartType"?: (chartType:
|
|
355
|
+
"onUpdate:chartType"?: (chartType: ChartType) => any;
|
|
355
356
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
356
|
-
"update:chartType": (chartType:
|
|
357
|
+
"update:chartType": (chartType: ChartType) => void;
|
|
357
358
|
"update:visibleIds": (visibleIds: unknown[]) => void;
|
|
358
359
|
"update:sortSelected": (sortOption: unknown) => void;
|
|
359
360
|
}, string, {
|
|
@@ -366,7 +367,7 @@ declare const ChartTypes: () => ({
|
|
|
366
367
|
sortSelected: any;
|
|
367
368
|
sortOptions: unknown[];
|
|
368
369
|
sortOptionNameKey: string;
|
|
369
|
-
chartType:
|
|
370
|
+
chartType: ChartType;
|
|
370
371
|
hideLegend: boolean;
|
|
371
372
|
xAxisFormat: import("./types").ValueFormat;
|
|
372
373
|
totalsChart: boolean;
|
|
@@ -377,7 +378,7 @@ declare const ChartTypes: () => ({
|
|
|
377
378
|
subheader: string;
|
|
378
379
|
subheaderTooltip: any;
|
|
379
380
|
trendValue: string | number;
|
|
380
|
-
trendDirection:
|
|
381
|
+
trendDirection: TrendDirection;
|
|
381
382
|
tickCount: number;
|
|
382
383
|
truncateTickLabels: boolean;
|
|
383
384
|
keepSubheaderVisible: boolean;
|
|
@@ -387,7 +388,7 @@ declare const ChartTypes: () => ({
|
|
|
387
388
|
withAnimation: boolean;
|
|
388
389
|
tooltipTotalType: import("../../utils/totals").TotalType;
|
|
389
390
|
tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
|
|
390
|
-
tooltipOrder:
|
|
391
|
+
tooltipOrder: TooltipOrder;
|
|
391
392
|
fullHeight: boolean;
|
|
392
393
|
withSettingsHeader: boolean;
|
|
393
394
|
extraCharts: Record<string, unknown>[];
|
|
@@ -450,8 +451,8 @@ declare const ChartTypes: () => ({
|
|
|
450
451
|
default: string;
|
|
451
452
|
};
|
|
452
453
|
chartType: {
|
|
453
|
-
type: import("vue").PropType<
|
|
454
|
-
default:
|
|
454
|
+
type: import("vue").PropType<ChartType>;
|
|
455
|
+
default: ChartType;
|
|
455
456
|
};
|
|
456
457
|
hideLegend: {
|
|
457
458
|
type: import("vue").PropType<boolean>;
|
|
@@ -502,8 +503,8 @@ declare const ChartTypes: () => ({
|
|
|
502
503
|
default: any;
|
|
503
504
|
};
|
|
504
505
|
trendDirection: {
|
|
505
|
-
type: import("vue").PropType<
|
|
506
|
-
default:
|
|
506
|
+
type: import("vue").PropType<TrendDirection>;
|
|
507
|
+
default: TrendDirection;
|
|
507
508
|
};
|
|
508
509
|
tickCount: {
|
|
509
510
|
type: import("vue").PropType<number>;
|
|
@@ -542,8 +543,8 @@ declare const ChartTypes: () => ({
|
|
|
542
543
|
default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
|
|
543
544
|
};
|
|
544
545
|
tooltipOrder: {
|
|
545
|
-
type: import("vue").PropType<
|
|
546
|
-
default:
|
|
546
|
+
type: import("vue").PropType<TooltipOrder>;
|
|
547
|
+
default: TooltipOrder;
|
|
547
548
|
};
|
|
548
549
|
fullHeight: {
|
|
549
550
|
type: import("vue").PropType<boolean>;
|
|
@@ -560,7 +561,7 @@ declare const ChartTypes: () => ({
|
|
|
560
561
|
}>> & {
|
|
561
562
|
"onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
|
|
562
563
|
"onUpdate:sortSelected"?: (sortOption: unknown) => any;
|
|
563
|
-
"onUpdate:chartType"?: (chartType:
|
|
564
|
+
"onUpdate:chartType"?: (chartType: ChartType) => any;
|
|
564
565
|
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
565
566
|
__isFragment?: never;
|
|
566
567
|
__isTeleport?: never;
|
|
@@ -604,8 +605,8 @@ declare const ChartTypes: () => ({
|
|
|
604
605
|
default: string;
|
|
605
606
|
};
|
|
606
607
|
chartType: {
|
|
607
|
-
type: import("vue").PropType<
|
|
608
|
-
default:
|
|
608
|
+
type: import("vue").PropType<ChartType>;
|
|
609
|
+
default: ChartType;
|
|
609
610
|
};
|
|
610
611
|
hideLegend: {
|
|
611
612
|
type: import("vue").PropType<boolean>;
|
|
@@ -656,8 +657,8 @@ declare const ChartTypes: () => ({
|
|
|
656
657
|
default: any;
|
|
657
658
|
};
|
|
658
659
|
trendDirection: {
|
|
659
|
-
type: import("vue").PropType<
|
|
660
|
-
default:
|
|
660
|
+
type: import("vue").PropType<TrendDirection>;
|
|
661
|
+
default: TrendDirection;
|
|
661
662
|
};
|
|
662
663
|
tickCount: {
|
|
663
664
|
type: import("vue").PropType<number>;
|
|
@@ -696,8 +697,8 @@ declare const ChartTypes: () => ({
|
|
|
696
697
|
default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
|
|
697
698
|
};
|
|
698
699
|
tooltipOrder: {
|
|
699
|
-
type: import("vue").PropType<
|
|
700
|
-
default:
|
|
700
|
+
type: import("vue").PropType<TooltipOrder>;
|
|
701
|
+
default: TooltipOrder;
|
|
701
702
|
};
|
|
702
703
|
fullHeight: {
|
|
703
704
|
type: import("vue").PropType<boolean>;
|
|
@@ -714,9 +715,9 @@ declare const ChartTypes: () => ({
|
|
|
714
715
|
}>> & {
|
|
715
716
|
"onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
|
|
716
717
|
"onUpdate:sortSelected"?: (sortOption: unknown) => any;
|
|
717
|
-
"onUpdate:chartType"?: (chartType:
|
|
718
|
+
"onUpdate:chartType"?: (chartType: ChartType) => any;
|
|
718
719
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
719
|
-
"update:chartType": (chartType:
|
|
720
|
+
"update:chartType": (chartType: ChartType) => void;
|
|
720
721
|
"update:visibleIds": (visibleIds: unknown[]) => void;
|
|
721
722
|
"update:sortSelected": (sortOption: unknown) => void;
|
|
722
723
|
}, string, {
|
|
@@ -729,7 +730,7 @@ declare const ChartTypes: () => ({
|
|
|
729
730
|
sortSelected: any;
|
|
730
731
|
sortOptions: unknown[];
|
|
731
732
|
sortOptionNameKey: string;
|
|
732
|
-
chartType:
|
|
733
|
+
chartType: ChartType;
|
|
733
734
|
hideLegend: boolean;
|
|
734
735
|
xAxisFormat: import("./types").ValueFormat;
|
|
735
736
|
totalsChart: boolean;
|
|
@@ -740,7 +741,7 @@ declare const ChartTypes: () => ({
|
|
|
740
741
|
subheader: string;
|
|
741
742
|
subheaderTooltip: any;
|
|
742
743
|
trendValue: string | number;
|
|
743
|
-
trendDirection:
|
|
744
|
+
trendDirection: TrendDirection;
|
|
744
745
|
tickCount: number;
|
|
745
746
|
truncateTickLabels: boolean;
|
|
746
747
|
keepSubheaderVisible: boolean;
|
|
@@ -750,7 +751,7 @@ declare const ChartTypes: () => ({
|
|
|
750
751
|
withAnimation: boolean;
|
|
751
752
|
tooltipTotalType: import("../../utils/totals").TotalType;
|
|
752
753
|
tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
|
|
753
|
-
tooltipOrder:
|
|
754
|
+
tooltipOrder: TooltipOrder;
|
|
754
755
|
fullHeight: boolean;
|
|
755
756
|
withSettingsHeader: boolean;
|
|
756
757
|
extraCharts: Record<string, unknown>[];
|
|
@@ -763,5 +764,4 @@ declare const ChartTypes: () => ({
|
|
|
763
764
|
};
|
|
764
765
|
}))[];
|
|
765
766
|
export type { ChartDataRecord, ChartDataSet, ChartParsingConfig, } from './types';
|
|
766
|
-
export { ChartType, TooltipOrder, TrendDirection }
|
|
767
|
-
export { Chart, ChartTypes };
|
|
767
|
+
export { Chart, ChartTypes, ChartType, TooltipOrder, TrendDirection };
|
package/index.js
CHANGED
|
@@ -100,8 +100,8 @@ import { default as jr } from "./components/forms/FormField.vue.js";
|
|
|
100
100
|
import { default as qr } from "./components/banner/Banner.vue.js";
|
|
101
101
|
import { default as Gr } from "./components/alert/Alert.vue.js";
|
|
102
102
|
import { default as Qr } from "./components/autocomplete/Autocomplete.vue.js";
|
|
103
|
-
import {
|
|
104
|
-
import {
|
|
103
|
+
import { default as Ur } from "./components/chart/Chart.vue.js";
|
|
104
|
+
import { ChartType as Xr, TooltipOrder as Zr, TrendDirection as oe } from "./components/chart/types.js";
|
|
105
105
|
const Z = {
|
|
106
106
|
...e,
|
|
107
107
|
...t,
|
|
@@ -172,8 +172,8 @@ export {
|
|
|
172
172
|
qr as Banner,
|
|
173
173
|
jo as BannerTypes,
|
|
174
174
|
Rr as CardPanel,
|
|
175
|
-
|
|
176
|
-
|
|
175
|
+
Ur as Chart,
|
|
176
|
+
Xr as ChartType,
|
|
177
177
|
Qo as ChartTypes,
|
|
178
178
|
Ar as FilterDropdown,
|
|
179
179
|
Fo as FilterDropdownTypes,
|
|
@@ -203,8 +203,8 @@ export {
|
|
|
203
203
|
Hr as MultiBar,
|
|
204
204
|
ho as MultiBarTypes,
|
|
205
205
|
Mr as Text,
|
|
206
|
-
|
|
207
|
-
|
|
206
|
+
Zr as TooltipOrder,
|
|
207
|
+
oe as TrendDirection,
|
|
208
208
|
wr as Typography,
|
|
209
209
|
Ao as TypographyTypes,
|
|
210
210
|
Co as TypographyTypesV4,
|