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

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 (46) hide show
  1. package/Chart.vue_vue_type_style_index_0_scoped_82f5b24e_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_5c80d8cd_lang.css +1 -0
  5. package/ChartTooltip.vue_vue_type_style_index_0_scoped_9e521454_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_9f6cf389_lang.css +1 -0
  8. package/components/chart/Chart.vue.d.ts +16 -6
  9. package/components/chart/Chart.vue.js +5 -5
  10. package/components/chart/Chart.vue2.js +76 -72
  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 +17 -7
  18. package/components/chart/ChartPlane.vue.js +3 -3
  19. package/components/chart/ChartPlane.vue2.js +270 -258
  20. package/components/chart/ChartStoryArgs.d.ts +21 -2
  21. package/components/chart/ChartTooltip.vue.js +2 -2
  22. package/components/chart/ChartTooltip.vue2.js +2 -2
  23. package/components/chart/SubHeader.vue.d.ts +52 -0
  24. package/components/chart/SubHeader.vue.js +7 -0
  25. package/components/chart/SubHeader.vue2.js +61 -0
  26. package/components/chart/TooltipHeader.vue.js +7 -0
  27. package/components/chart/{components/TooltipHeader.vue2.js → TooltipHeader.vue2.js} +5 -5
  28. package/components/chart/colorPalette.d.ts +1 -1
  29. package/components/chart/colorPalette.js +23 -23
  30. package/components/chart/composables/useChartHeight.d.ts +1 -1
  31. package/components/chart/consts.d.ts +10 -11
  32. package/components/chart/consts.js +29 -30
  33. package/components/chart/index.d.ts +71 -32
  34. package/components/chart/types.d.ts +9 -0
  35. package/components/chart/types.js +4 -2
  36. package/components/chart/utils/highlightUtils.d.ts +1 -1
  37. package/index.js +12 -8
  38. package/package.json +1 -1
  39. package/Chart.vue_vue_type_style_index_0_scoped_4e9ce62f_lang.css +0 -1
  40. package/ChartHeader.vue_vue_type_style_index_0_scoped_1ff0e54f_lang.css +0 -1
  41. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_21ce0774_lang.css +0 -1
  42. package/ChartPlane.vue_vue_type_style_index_0_scoped_64dcfb5d_lang.css +0 -1
  43. package/ChartTooltip.vue_vue_type_style_index_0_scoped_81cdfd5e_lang.css +0 -1
  44. package/TooltipHeader.vue_vue_type_style_index_0_scoped_40d98a66_lang.css +0 -1
  45. package/components/chart/components/TooltipHeader.vue.js +0 -7
  46. /package/components/chart/{components/TooltipHeader.vue.d.ts → TooltipHeader.vue.d.ts} +0 -0
@@ -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, 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[];
@@ -16,6 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
16
16
  header?: string;
17
17
  text?: string;
18
18
  };
19
+ keepSubheaderVisible?: boolean;
19
20
  loading?: boolean;
20
21
  noDataIcon?: string;
21
22
  noDataTitle?: string;
@@ -27,8 +28,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
27
28
  tooltipRespectsTopEdge?: boolean;
28
29
  tooltipTotalType?: TotalType;
29
30
  tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
31
+ tooltipOrder?: TooltipOrder;
30
32
  trendValue?: string | number;
31
- trendDirection?: "up" | "down";
33
+ trendDirection?: TrendDirection;
32
34
  trendTooltip?: {
33
35
  header?: string;
34
36
  rangeCurrent?: string;
@@ -49,6 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
49
51
  header: string;
50
52
  subheader: string;
51
53
  subheaderTooltip: any;
54
+ keepSubheaderVisible: boolean;
52
55
  loading: boolean;
53
56
  noDataIcon: string;
54
57
  noDataTitle: string;
@@ -60,8 +63,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
60
63
  tooltipRespectsTopEdge: boolean;
61
64
  tooltipTotalType: TotalType;
62
65
  tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
66
+ tooltipOrder: TooltipOrder;
63
67
  trendValue: any;
64
- trendDirection: string;
68
+ trendDirection: TrendDirection;
65
69
  trendTooltip: any;
66
70
  totalsChart: boolean;
67
71
  colorsMap: () => {};
@@ -83,6 +87,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
83
87
  header?: string;
84
88
  text?: string;
85
89
  };
90
+ keepSubheaderVisible?: boolean;
86
91
  loading?: boolean;
87
92
  noDataIcon?: string;
88
93
  noDataTitle?: string;
@@ -94,8 +99,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
94
99
  tooltipRespectsTopEdge?: boolean;
95
100
  tooltipTotalType?: TotalType;
96
101
  tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
102
+ tooltipOrder?: TooltipOrder;
97
103
  trendValue?: string | number;
98
- trendDirection?: "up" | "down";
104
+ trendDirection?: TrendDirection;
99
105
  trendTooltip?: {
100
106
  header?: string;
101
107
  rangeCurrent?: string;
@@ -116,6 +122,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
116
122
  header: string;
117
123
  subheader: string;
118
124
  subheaderTooltip: any;
125
+ keepSubheaderVisible: boolean;
119
126
  loading: boolean;
120
127
  noDataIcon: string;
121
128
  noDataTitle: string;
@@ -127,8 +134,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
127
134
  tooltipRespectsTopEdge: boolean;
128
135
  tooltipTotalType: TotalType;
129
136
  tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
137
+ tooltipOrder: TooltipOrder;
130
138
  trendValue: any;
131
- trendDirection: string;
139
+ trendDirection: TrendDirection;
132
140
  trendTooltip: any;
133
141
  totalsChart: boolean;
134
142
  colorsMap: () => {};
@@ -147,13 +155,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
147
155
  yAxisFormat: ValueFormat;
148
156
  dataSets: ChartDataSet[];
149
157
  trendTooltip: any;
150
- typeSwitcher: boolean;
151
158
  subheader: string;
152
159
  subheaderTooltip: any;
160
+ typeSwitcher: boolean;
153
161
  trendValue: string | number;
154
- trendDirection: "up" | "down";
162
+ trendDirection: TrendDirection;
155
163
  tickCount: number;
156
164
  truncateTickLabels: boolean;
165
+ keepSubheaderVisible: boolean;
157
166
  noDataIcon: string;
158
167
  noDataTitle: string;
159
168
  noDataSubtitle: string;
@@ -162,6 +171,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
162
171
  tooltipRespectsTopEdge: boolean;
163
172
  tooltipTotalType: TotalType;
164
173
  tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
174
+ tooltipOrder: TooltipOrder;
165
175
  colorsMap: Record<string, string>;
166
176
  }>, {
167
177
  "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_5c80d8cd_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5c80d8cd"]]);
5
5
  export {
6
- a as default
6
+ s as default
7
7
  };