@ironsource/shared-ui 2.1.12-rc.16 → 2.1.12-rc.18

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.
Files changed (50) hide show
  1. package/Chart.vue_vue_type_style_index_0_scoped_5525b3bc_lang.css +1 -0
  2. package/ChartHeader.vue_vue_type_style_index_0_scoped_da34b108_lang.css +1 -0
  3. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_79dc2883_lang.css +1 -0
  4. package/ChartPlane.vue_vue_type_style_index_0_scoped_fc79a730_lang.css +1 -0
  5. package/ChartTooltip.vue_vue_type_style_index_0_scoped_cb98e9e3_lang.css +1 -0
  6. package/SubHeader.vue_vue_type_style_index_0_scoped_e6008b6c_lang.css +1 -0
  7. package/TooltipHeader.vue_vue_type_style_index_0_scoped_3b15c693_lang.css +1 -0
  8. package/components/chart/Chart.vue.d.ts +26 -6
  9. package/components/chart/Chart.vue.js +4 -4
  10. package/components/chart/Chart.vue2.js +84 -76
  11. package/components/chart/ChartHeader.vue.d.ts +7 -7
  12. package/components/chart/ChartHeader.vue.js +3 -3
  13. package/components/chart/ChartHeader.vue2.js +48 -79
  14. package/components/chart/ChartHeaderTrend.vue.d.ts +6 -5
  15. package/components/chart/ChartHeaderTrend.vue.js +3 -3
  16. package/components/chart/ChartHeaderTrend.vue2.js +15 -14
  17. package/components/chart/ChartPlane.vue.d.ts +27 -7
  18. package/components/chart/ChartPlane.vue.js +3 -3
  19. package/components/chart/ChartPlane.vue2.js +282 -267
  20. package/components/chart/ChartStoryArgs.d.ts +31 -2
  21. package/components/chart/ChartTooltip.vue.d.ts +6 -1
  22. package/components/chart/ChartTooltip.vue.js +3 -3
  23. package/components/chart/ChartTooltip.vue2.js +26 -24
  24. package/components/chart/SubHeader.vue.d.ts +52 -0
  25. package/components/chart/SubHeader.vue.js +7 -0
  26. package/components/chart/SubHeader.vue2.js +61 -0
  27. package/components/chart/{components/TooltipHeader.vue.d.ts → TooltipHeader.vue.d.ts} +6 -1
  28. package/components/chart/TooltipHeader.vue.js +7 -0
  29. package/components/chart/TooltipHeader.vue2.js +69 -0
  30. package/components/chart/colorPalette.d.ts +1 -1
  31. package/components/chart/colorPalette.js +23 -23
  32. package/components/chart/composables/useChartHeight.d.ts +1 -1
  33. package/components/chart/consts.d.ts +12 -12
  34. package/components/chart/consts.js +32 -32
  35. package/components/chart/index.d.ts +109 -32
  36. package/components/chart/mockData.d.ts +8 -0
  37. package/components/chart/types.d.ts +14 -0
  38. package/components/chart/types.js +5 -2
  39. package/components/chart/utils/highlightUtils.d.ts +1 -1
  40. package/components/chart/utils/utils.d.ts +1 -1
  41. package/index.js +12 -8
  42. package/package.json +1 -1
  43. package/Chart.vue_vue_type_style_index_0_scoped_4e9ce62f_lang.css +0 -1
  44. package/ChartHeader.vue_vue_type_style_index_0_scoped_1ff0e54f_lang.css +0 -1
  45. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_21ce0774_lang.css +0 -1
  46. package/ChartPlane.vue_vue_type_style_index_0_scoped_64dcfb5d_lang.css +0 -1
  47. package/ChartTooltip.vue_vue_type_style_index_0_scoped_81cdfd5e_lang.css +0 -1
  48. package/TooltipHeader.vue_vue_type_style_index_0_scoped_40d98a66_lang.css +0 -1
  49. package/components/chart/components/TooltipHeader.vue.js +0 -7
  50. package/components/chart/components/TooltipHeader.vue2.js +0 -59
@@ -1,6 +1,7 @@
1
+ import { TrendDirection } from '@/components/chart/types';
1
2
  declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
3
  value?: number | string;
3
- direction?: 'up' | 'down';
4
+ direction?: TrendDirection;
4
5
  trendTooltip?: {
5
6
  header?: string;
6
7
  rangeCurrent?: string;
@@ -8,11 +9,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
8
9
  };
9
10
  }>, {
10
11
  value: any;
11
- direction: string;
12
+ direction: TrendDirection;
12
13
  trendTooltip: any;
13
14
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
14
15
  value?: number | string;
15
- direction?: 'up' | 'down';
16
+ direction?: TrendDirection;
16
17
  trendTooltip?: {
17
18
  header?: string;
18
19
  rangeCurrent?: string;
@@ -20,11 +21,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
20
21
  };
21
22
  }>, {
22
23
  value: any;
23
- direction: string;
24
+ direction: TrendDirection;
24
25
  trendTooltip: any;
25
26
  }>>>, {
26
27
  value: number | string;
27
- direction: 'up' | 'down';
28
+ direction: TrendDirection;
28
29
  trendTooltip: any;
29
30
  }>;
30
31
  export default _default;
@@ -1,7 +1,7 @@
1
1
  import e from "./ChartHeaderTrend.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_21ce0774_lang.css"; //*');
4
- const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-21ce0774"]]);
3
+ // import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_79dc2883_lang.css"; //*');
4
+ const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-79dc2883"]]);
5
5
  export {
6
- s as default
6
+ d as default
7
7
  };
@@ -1,31 +1,32 @@
1
- import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_21ce0774_lang.css"; import { defineComponent as f, computed as T, openBlock as r, createElementBlock as p, normalizeClass as v, createVNode as l, unref as t, withCtx as o, createElementVNode as s, createBlock as u, createTextVNode as a, toDisplayString as d, createCommentVNode as i, pushScopeId as g, popScopeId as y } from "vue";
1
+ import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_79dc2883_lang.css"; import { defineComponent as f, computed as T, openBlock as r, createElementBlock as p, normalizeClass as v, createVNode as l, unref as t, withCtx as o, createElementVNode as u, createBlock as s, createTextVNode as a, toDisplayString as d, createCommentVNode as i, pushScopeId as g, popScopeId as y } from "vue";
2
2
  import n from "../typography/v4/Typography.vue.js";
3
3
  import C from "../icon/v4/IconV4.vue.js";
4
4
  import "../icon/v4/IconFlag.vue.js";
5
5
  import x from "../tooltip/v4/TooltipV4.vue.js";
6
- const h = (e) => (g("data-v-21ce0774"), e = e(), y(), e), b = { class: "trend-tooltip" }, k = {
6
+ import { TrendDirection as b } from "./types.js";
7
+ const m = (e) => (g("data-v-79dc2883"), e = e(), y(), e), k = { class: "trend-tooltip" }, _ = {
7
8
  key: 2,
8
9
  class: "separator"
9
- }, _ = /* @__PURE__ */ h(() => /* @__PURE__ */ s("hr", null, null, -1)), I = /* @__PURE__ */ h(() => /* @__PURE__ */ s("hr", null, null, -1)), E = /* @__PURE__ */ f({
10
+ }, P = /* @__PURE__ */ m(() => /* @__PURE__ */ u("hr", null, null, -1)), I = /* @__PURE__ */ m(() => /* @__PURE__ */ u("hr", null, null, -1)), $ = /* @__PURE__ */ f({
10
11
  __name: "ChartHeaderTrend",
11
12
  props: {
12
13
  value: { default: null },
13
- direction: { default: "up" },
14
+ direction: { default: b.UP },
14
15
  trendTooltip: { default: null }
15
16
  },
16
17
  setup(e) {
17
- const c = e, m = T(
18
+ const c = e, h = T(
18
19
  () => c.trendTooltip?.header || c.trendTooltip?.rangeCurrent || c.trendTooltip?.rangePrevious
19
20
  );
20
- return (N, P) => (r(), p("div", {
21
+ return (N, S) => (r(), p("div", {
21
22
  class: v(["chart-trend", [`chart-trend--${e.direction}`]])
22
23
  }, [
23
24
  l(t(x), {
24
- disabled: !t(m)
25
+ disabled: !t(h)
25
26
  }, {
26
27
  tooltip: o(() => [
27
- s("div", b, [
28
- e.trendTooltip?.header ? (r(), u(t(n), {
28
+ u("div", k, [
29
+ e.trendTooltip?.header ? (r(), s(t(n), {
29
30
  key: 0,
30
31
  class: "trend-tooltip__header",
31
32
  variant: "subtitle2"
@@ -35,7 +36,7 @@ const h = (e) => (g("data-v-21ce0774"), e = e(), y(), e), b = { class: "trend-to
35
36
  ]),
36
37
  _: 1
37
38
  })) : i("", !0),
38
- e.trendTooltip?.rangeCurrent ? (r(), u(t(n), {
39
+ e.trendTooltip?.rangeCurrent ? (r(), s(t(n), {
39
40
  key: 1,
40
41
  variant: "body2",
41
42
  class: "trend-tooltip__text"
@@ -45,8 +46,8 @@ const h = (e) => (g("data-v-21ce0774"), e = e(), y(), e), b = { class: "trend-to
45
46
  ]),
46
47
  _: 1
47
48
  })) : i("", !0),
48
- e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (r(), p("div", k, [
49
- _,
49
+ e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (r(), p("div", _, [
50
+ P,
50
51
  l(t(n), {
51
52
  class: "separator__text",
52
53
  variant: "caption"
@@ -58,7 +59,7 @@ const h = (e) => (g("data-v-21ce0774"), e = e(), y(), e), b = { class: "trend-to
58
59
  }),
59
60
  I
60
61
  ])) : i("", !0),
61
- e.trendTooltip?.rangePrevious ? (r(), u(t(n), {
62
+ e.trendTooltip?.rangePrevious ? (r(), s(t(n), {
62
63
  key: 3,
63
64
  variant: "body2",
64
65
  class: "trend-tooltip__text"
@@ -90,5 +91,5 @@ const h = (e) => (g("data-v-21ce0774"), e = e(), y(), e), b = { class: "trend-to
90
91
  }
91
92
  });
92
93
  export {
93
- E as default
94
+ $ as default
94
95
  };
@@ -1,4 +1,4 @@
1
- import { ChartDataSet, ChartParsingConfig, ChartType, ValueFormat } from './types';
1
+ import { ChartDataSet, ChartParsingConfig, ChartType, DateInterval, TooltipOrder, TrendDirection, ValueFormat } from './types';
2
2
  import { TotalType } from '@/utils/totals';
3
3
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
4
4
  dataSets: ChartDataSet[];
@@ -8,6 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
8
8
  parsing?: ChartParsingConfig;
9
9
  xAxisFormat?: ValueFormat;
10
10
  yAxisFormat?: ValueFormat;
11
+ xAxisDateInterval?: DateInterval;
11
12
  tickCount?: number;
12
13
  truncateTickLabels?: boolean;
13
14
  header?: string;
@@ -16,7 +17,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
16
17
  header?: string;
17
18
  text?: string;
18
19
  };
20
+ keepSubheaderVisible?: boolean;
19
21
  loading?: boolean;
22
+ empty?: boolean;
20
23
  noDataIcon?: string;
21
24
  noDataTitle?: string;
22
25
  noDataSubtitle?: string;
@@ -27,8 +30,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
27
30
  tooltipRespectsTopEdge?: boolean;
28
31
  tooltipTotalType?: TotalType;
29
32
  tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
33
+ tooltipOrder?: TooltipOrder;
30
34
  trendValue?: string | number;
31
- trendDirection?: "up" | "down";
35
+ trendDirection?: TrendDirection;
32
36
  trendTooltip?: {
33
37
  header?: string;
34
38
  rangeCurrent?: string;
@@ -43,13 +47,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
43
47
  highlightedId: any;
44
48
  xAxisFormat: string;
45
49
  yAxisFormat: string;
50
+ xAxisDateInterval: DateInterval;
46
51
  parsing: any;
47
52
  tickCount: number;
48
53
  truncateTickLabels: boolean;
49
54
  header: string;
50
55
  subheader: string;
51
56
  subheaderTooltip: any;
57
+ keepSubheaderVisible: boolean;
52
58
  loading: boolean;
59
+ empty: boolean;
53
60
  noDataIcon: string;
54
61
  noDataTitle: string;
55
62
  noDataSubtitle: string;
@@ -60,8 +67,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
60
67
  tooltipRespectsTopEdge: boolean;
61
68
  tooltipTotalType: TotalType;
62
69
  tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
70
+ tooltipOrder: TooltipOrder;
63
71
  trendValue: any;
64
- trendDirection: string;
72
+ trendDirection: TrendDirection;
65
73
  trendTooltip: any;
66
74
  totalsChart: boolean;
67
75
  colorsMap: () => {};
@@ -75,6 +83,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
75
83
  parsing?: ChartParsingConfig;
76
84
  xAxisFormat?: ValueFormat;
77
85
  yAxisFormat?: ValueFormat;
86
+ xAxisDateInterval?: DateInterval;
78
87
  tickCount?: number;
79
88
  truncateTickLabels?: boolean;
80
89
  header?: string;
@@ -83,7 +92,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
83
92
  header?: string;
84
93
  text?: string;
85
94
  };
95
+ keepSubheaderVisible?: boolean;
86
96
  loading?: boolean;
97
+ empty?: boolean;
87
98
  noDataIcon?: string;
88
99
  noDataTitle?: string;
89
100
  noDataSubtitle?: string;
@@ -94,8 +105,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
94
105
  tooltipRespectsTopEdge?: boolean;
95
106
  tooltipTotalType?: TotalType;
96
107
  tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
108
+ tooltipOrder?: TooltipOrder;
97
109
  trendValue?: string | number;
98
- trendDirection?: "up" | "down";
110
+ trendDirection?: TrendDirection;
99
111
  trendTooltip?: {
100
112
  header?: string;
101
113
  rangeCurrent?: string;
@@ -110,13 +122,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
110
122
  highlightedId: any;
111
123
  xAxisFormat: string;
112
124
  yAxisFormat: string;
125
+ xAxisDateInterval: DateInterval;
113
126
  parsing: any;
114
127
  tickCount: number;
115
128
  truncateTickLabels: boolean;
116
129
  header: string;
117
130
  subheader: string;
118
131
  subheaderTooltip: any;
132
+ keepSubheaderVisible: boolean;
119
133
  loading: boolean;
134
+ empty: boolean;
120
135
  noDataIcon: string;
121
136
  noDataTitle: string;
122
137
  noDataSubtitle: string;
@@ -127,8 +142,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
127
142
  tooltipRespectsTopEdge: boolean;
128
143
  tooltipTotalType: TotalType;
129
144
  tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
145
+ tooltipOrder: TooltipOrder;
130
146
  trendValue: any;
131
- trendDirection: string;
147
+ trendDirection: TrendDirection;
132
148
  trendTooltip: any;
133
149
  totalsChart: boolean;
134
150
  colorsMap: () => {};
@@ -142,18 +158,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
142
158
  highlightedId: string | number;
143
159
  chartType: ChartType;
144
160
  xAxisFormat: ValueFormat;
161
+ xAxisDateInterval: DateInterval;
145
162
  totalsChart: boolean;
146
163
  parsing: ChartParsingConfig;
147
164
  yAxisFormat: ValueFormat;
148
165
  dataSets: ChartDataSet[];
149
166
  trendTooltip: any;
150
- typeSwitcher: boolean;
151
167
  subheader: string;
152
168
  subheaderTooltip: any;
169
+ typeSwitcher: boolean;
153
170
  trendValue: string | number;
154
- trendDirection: "up" | "down";
171
+ trendDirection: TrendDirection;
155
172
  tickCount: number;
156
173
  truncateTickLabels: boolean;
174
+ keepSubheaderVisible: boolean;
175
+ empty: boolean;
157
176
  noDataIcon: string;
158
177
  noDataTitle: string;
159
178
  noDataSubtitle: string;
@@ -162,6 +181,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
162
181
  tooltipRespectsTopEdge: boolean;
163
182
  tooltipTotalType: TotalType;
164
183
  tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
184
+ tooltipOrder: TooltipOrder;
165
185
  colorsMap: Record<string, string>;
166
186
  }>, {
167
187
  "subheader-tooltip"?(_: {}): any;
@@ -1,7 +1,7 @@
1
1
  import o from "./ChartPlane.vue2.js";
2
2
  /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../ChartPlane.vue_vue_type_style_index_0_scoped_64dcfb5d_lang.css"; //*');
4
- const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-64dcfb5d"]]);
3
+ // import "../../ChartPlane.vue_vue_type_style_index_0_scoped_fc79a730_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-fc79a730"]]);
5
5
  export {
6
- a as default
6
+ s as default
7
7
  };