@embeddable.com/remarkable-ui 0.1.23 → 0.1.25
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/dist/BarChartDefaultHorizontalPro.js +1 -1
- package/dist/BarChartDefaultPro.js +1 -1
- package/dist/BarChartGroupedHorizontalPro.js +1 -1
- package/dist/BarChartGroupedPro.js +1 -1
- package/dist/BarChartStackedHorizontalPro.js +1 -1
- package/dist/BarChartStackedPro.js +1 -1
- package/dist/LineChartComparisonDefaultPro.js +205 -188
- package/dist/LineChartComparisonDefaultPro.js.map +1 -1
- package/dist/LineChartDefaultPro.js +1 -1
- package/dist/LineChartGroupedPro.js +1 -1
- package/dist/charts.newFillGaps.hooks-CJLaShd4.js +64 -0
- package/dist/charts.newFillGaps.hooks-CJLaShd4.js.map +1 -0
- package/dist/embeddable-components.json +12 -12
- package/dist/remarkable-pro/components/charts/charts.newFillGaps.hooks.d.ts.map +1 -1
- package/dist/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.d.ts.map +1 -1
- package/dist/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/charts.newFillGaps.hooks-D6mnKJwQ.js +0 -63
- package/dist/charts.newFillGaps.hooks-D6mnKJwQ.js.map +0 -1
|
@@ -2,7 +2,7 @@ import { i as L, r as w, m as M, j as l, d as V, a as y, b as z, t as P, c as k,
|
|
|
2
2
|
import { useTheme as W, defineComponent as _ } from "@embeddable.com/react";
|
|
3
3
|
import { C as q } from "./ChartCard-DunjH70y.js";
|
|
4
4
|
import { g as J, a as K, B as N } from "./bars.utils-BAkV6I3P.js";
|
|
5
|
-
import { u as Q } from "./charts.newFillGaps.hooks-
|
|
5
|
+
import { u as Q } from "./charts.newFillGaps.hooks-CJLaShd4.js";
|
|
6
6
|
const U = (a) => {
|
|
7
7
|
var i, n;
|
|
8
8
|
const s = W();
|
|
@@ -2,7 +2,7 @@ import { i as L, r as y, m as w, j as l, d as M, a as V, b as P, t as v, c as k,
|
|
|
2
2
|
import { useTheme as W, defineComponent as _ } from "@embeddable.com/react";
|
|
3
3
|
import { C as H } from "./ChartCard-DunjH70y.js";
|
|
4
4
|
import { g as J, a as K, B as N } from "./bars.utils-BAkV6I3P.js";
|
|
5
|
-
import { u as Q } from "./charts.newFillGaps.hooks-
|
|
5
|
+
import { u as Q } from "./charts.newFillGaps.hooks-CJLaShd4.js";
|
|
6
6
|
const U = (a) => {
|
|
7
7
|
var o, n;
|
|
8
8
|
const s = W();
|
|
@@ -2,7 +2,7 @@ import { i as L, r as w, m as k, j as m, d as z, w as G, b as P, z as R, t as M,
|
|
|
2
2
|
import { useTheme as q, defineComponent as J } from "@embeddable.com/react";
|
|
3
3
|
import { C as K } from "./ChartCard-DunjH70y.js";
|
|
4
4
|
import { b as N, a as Q, B as U } from "./bars.utils-BAkV6I3P.js";
|
|
5
|
-
import { u as X } from "./charts.newFillGaps.hooks-
|
|
5
|
+
import { u as X } from "./charts.newFillGaps.hooks-CJLaShd4.js";
|
|
6
6
|
const Z = (e) => {
|
|
7
7
|
var n, l;
|
|
8
8
|
const a = q();
|
|
@@ -2,7 +2,7 @@ import { i as L, r as w, m as G, j as m, d as k, w as P, b as R, z as M, t as j,
|
|
|
2
2
|
import { useTheme as H, defineComponent as J } from "@embeddable.com/react";
|
|
3
3
|
import { C as K } from "./ChartCard-DunjH70y.js";
|
|
4
4
|
import { b as N, a as Q, B as U } from "./bars.utils-BAkV6I3P.js";
|
|
5
|
-
import { u as Y } from "./charts.newFillGaps.hooks-
|
|
5
|
+
import { u as Y } from "./charts.newFillGaps.hooks-CJLaShd4.js";
|
|
6
6
|
const Z = (e) => {
|
|
7
7
|
var n, l;
|
|
8
8
|
const a = H();
|
|
@@ -2,7 +2,7 @@ import { i as L, r as f, m as w, j as m, d as S, w as z, b as P, z as R, t as M,
|
|
|
2
2
|
import { useTheme as J, defineComponent as K } from "@embeddable.com/react";
|
|
3
3
|
import { C as N } from "./ChartCard-DunjH70y.js";
|
|
4
4
|
import { b as Q, a as U, B as X } from "./bars.utils-BAkV6I3P.js";
|
|
5
|
-
import { u as Z } from "./charts.newFillGaps.hooks-
|
|
5
|
+
import { u as Z } from "./charts.newFillGaps.hooks-CJLaShd4.js";
|
|
6
6
|
const $ = (a) => {
|
|
7
7
|
var n, l;
|
|
8
8
|
const e = J();
|
|
@@ -2,7 +2,7 @@ import { i as D, r as L, m as w, j as m, d as S, w as P, b as R, z as M, t as T,
|
|
|
2
2
|
import { useTheme as J, defineComponent as K } from "@embeddable.com/react";
|
|
3
3
|
import { C as N } from "./ChartCard-DunjH70y.js";
|
|
4
4
|
import { b as Q, a as U, B as Y } from "./bars.utils-BAkV6I3P.js";
|
|
5
|
-
import { u as Z } from "./charts.newFillGaps.hooks-
|
|
5
|
+
import { u as Z } from "./charts.newFillGaps.hooks-CJLaShd4.js";
|
|
6
6
|
const $ = (a) => {
|
|
7
7
|
var n, l;
|
|
8
8
|
const e = J();
|
|
@@ -1,100 +1,109 @@
|
|
|
1
|
-
import { useTheme as
|
|
2
|
-
import { m as
|
|
3
|
-
import { C as
|
|
4
|
-
import { useEffect as
|
|
5
|
-
import { g as
|
|
1
|
+
import { useTheme as X, defineComponent as _ } from "@embeddable.com/react";
|
|
2
|
+
import { m as Y, E, C as w, Z as G, _ as k, $ as I, i as U, r as q, j as O, a0 as z, d as K, a as S, X as A, a1 as B, z as J, W, U as Z, t as H, c as Q, s as aa, e as ea, f as sa, g as ta, x as oa, y as na, p as ia, q as ra, u as la, o as F } from "./component.constants-D7F6GsHW.js";
|
|
3
|
+
import { C as ma } from "./ChartCard-DunjH70y.js";
|
|
4
|
+
import { useEffect as da } from "react";
|
|
5
|
+
import { g as ca } from "./timeRange.utils-KDn6xcVP.js";
|
|
6
6
|
import { g as M } from "./formatter.utils--2w1e7GE.js";
|
|
7
|
-
import { g as
|
|
8
|
-
import { i as
|
|
9
|
-
import { u as N } from "./charts.newFillGaps.hooks-
|
|
10
|
-
import { C as
|
|
11
|
-
const
|
|
12
|
-
var
|
|
13
|
-
const { data:
|
|
14
|
-
const
|
|
15
|
-
return (
|
|
16
|
-
}) :
|
|
7
|
+
import { g as pa, a as ua } from "./object.utils-BNKDL7Y9.js";
|
|
8
|
+
import { i as ga, s as ha } from "./color.utils-CVyp-fGP.js";
|
|
9
|
+
import { u as N } from "./charts.newFillGaps.hooks-CJLaShd4.js";
|
|
10
|
+
import { C as xa } from "./ComparisonPeriod.type.emb-CARBg093.js";
|
|
11
|
+
const R = "mainAxis", P = "comparisonAxis", $ = (s, t) => {
|
|
12
|
+
var L, v, C, b;
|
|
13
|
+
const { data: o, measure: n, dimension: a, index: d, isPreviousPeriod: l, hasMinMaxYAxisRange: p, labels: e } = s, r = o == null ? void 0 : o.map((f) => f[a.name]), u = !!((L = n.inputs) != null && L.connectGaps), c = e ? e.map((f) => {
|
|
14
|
+
const y = o == null ? void 0 : o.find((T) => T[a.name] === f);
|
|
15
|
+
return (y == null ? void 0 : y[n.name]) ?? (u ? 0 : null);
|
|
16
|
+
}) : o == null ? void 0 : o.map((f) => f[n.name] ?? (u ? 0 : null)), h = M(t), i = pa(t), m = !!((v = n.inputs) != null && v[l ? "previousLineDashed" : "lineDashed"]), g = (C = n.inputs) == null ? void 0 : C[l ? "previousLineColor" : "lineColor"], x = ga(g) ? g : ua(
|
|
17
17
|
`${i}.charts.backgroundColors`,
|
|
18
18
|
n.name,
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
t.charts.backgroundColors ?? E,
|
|
20
|
+
d
|
|
21
21
|
);
|
|
22
22
|
return {
|
|
23
|
-
xAxisID:
|
|
24
|
-
labels:
|
|
25
|
-
label: (
|
|
26
|
-
data:
|
|
27
|
-
backgroundColor:
|
|
23
|
+
xAxisID: l ? P : R,
|
|
24
|
+
labels: r,
|
|
25
|
+
label: (l ? `${G.t("common.compared")} ` : "") + h.dimensionOrMeasureTitle(n),
|
|
26
|
+
data: c,
|
|
27
|
+
backgroundColor: ha(
|
|
28
28
|
x,
|
|
29
29
|
w("--em-line-chart-line-fill-opacity")
|
|
30
30
|
),
|
|
31
31
|
pointBackgroundColor: x,
|
|
32
|
-
borderDash:
|
|
32
|
+
borderDash: m ? [
|
|
33
33
|
w("--em-line-chart-line-dash-length"),
|
|
34
34
|
w("--em-line-chart-line-gap-length")
|
|
35
35
|
] : void 0,
|
|
36
36
|
borderColor: x,
|
|
37
|
-
fill: (
|
|
38
|
-
clip:
|
|
37
|
+
fill: (b = n.inputs) == null ? void 0 : b.fillUnderLine,
|
|
38
|
+
clip: p
|
|
39
39
|
};
|
|
40
|
-
},
|
|
41
|
-
if (!
|
|
40
|
+
}, ba = (s, t) => {
|
|
41
|
+
if (!s.data)
|
|
42
42
|
return { labels: [], datasets: [{ data: [] }] };
|
|
43
|
-
const { data:
|
|
43
|
+
const { data: o, dataComparison: n, dimension: a, measures: d, hasMinMaxYAxisRange: l } = s, e = a.nativeType === "time" ? void 0 : n ? Array.from(
|
|
44
44
|
/* @__PURE__ */ new Set([
|
|
45
|
-
...
|
|
46
|
-
...(n == null ? void 0 : n.map((
|
|
45
|
+
...o.map((c) => c[a.name]),
|
|
46
|
+
...(n == null ? void 0 : n.map((c) => c[a.name])) ?? []
|
|
47
47
|
])
|
|
48
|
-
),
|
|
49
|
-
(
|
|
48
|
+
) : void 0, r = d.map(
|
|
49
|
+
(c, h) => $(
|
|
50
50
|
{
|
|
51
|
-
data:
|
|
52
|
-
measure:
|
|
53
|
-
dimension:
|
|
54
|
-
labels:
|
|
55
|
-
hasMinMaxYAxisRange:
|
|
51
|
+
data: o,
|
|
52
|
+
measure: c,
|
|
53
|
+
dimension: a,
|
|
54
|
+
labels: e,
|
|
55
|
+
hasMinMaxYAxisRange: l,
|
|
56
56
|
index: h
|
|
57
57
|
},
|
|
58
|
-
|
|
58
|
+
t
|
|
59
59
|
)
|
|
60
|
-
),
|
|
61
|
-
(
|
|
60
|
+
), u = d.map(
|
|
61
|
+
(c, h) => $(
|
|
62
62
|
{
|
|
63
63
|
data: n,
|
|
64
|
-
measure:
|
|
65
|
-
dimension:
|
|
66
|
-
labels:
|
|
67
|
-
hasMinMaxYAxisRange:
|
|
64
|
+
measure: c,
|
|
65
|
+
dimension: a,
|
|
66
|
+
labels: e,
|
|
67
|
+
hasMinMaxYAxisRange: l,
|
|
68
68
|
index: h,
|
|
69
69
|
isPreviousPeriod: !0
|
|
70
70
|
},
|
|
71
|
-
|
|
71
|
+
t
|
|
72
72
|
)
|
|
73
73
|
);
|
|
74
74
|
return {
|
|
75
|
-
labels:
|
|
76
|
-
datasets: [...
|
|
75
|
+
labels: e ?? o.map((c) => c[a.name]),
|
|
76
|
+
datasets: [...r, ...u]
|
|
77
77
|
};
|
|
78
|
-
},
|
|
79
|
-
const { dimension:
|
|
78
|
+
}, Ca = (s, t) => {
|
|
79
|
+
const { dimension: o, data: n, measures: a, xAxisLabel: d } = s, l = M(t);
|
|
80
80
|
return {
|
|
81
81
|
plugins: {
|
|
82
|
+
legend: {
|
|
83
|
+
labels: {
|
|
84
|
+
filter: (e, r) => {
|
|
85
|
+
if (!e) return !1;
|
|
86
|
+
const u = r.datasets[e.datasetIndex];
|
|
87
|
+
return Array.isArray(u.data) && u.data.length > 0;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
},
|
|
82
91
|
datalabels: {
|
|
83
92
|
labels: {
|
|
84
93
|
value: {
|
|
85
|
-
formatter: (
|
|
86
|
-
const
|
|
87
|
-
return
|
|
94
|
+
formatter: (e, r) => {
|
|
95
|
+
const u = a[r.datasetIndex % a.length];
|
|
96
|
+
return l.data(u, e);
|
|
88
97
|
}
|
|
89
98
|
}
|
|
90
99
|
}
|
|
91
100
|
},
|
|
92
101
|
tooltip: {
|
|
93
102
|
callbacks: {
|
|
94
|
-
title: (
|
|
95
|
-
label: (
|
|
96
|
-
const
|
|
97
|
-
return `${
|
|
103
|
+
title: (e) => e[0] ? l.data(o, e[0].label) : "",
|
|
104
|
+
label: (e) => {
|
|
105
|
+
const r = a[e.datasetIndex % a.length], u = e.raw;
|
|
106
|
+
return `${e.dataset.label}: ${l.data(r, u)}`;
|
|
98
107
|
}
|
|
99
108
|
}
|
|
100
109
|
}
|
|
@@ -103,18 +112,18 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
|
|
|
103
112
|
x: {
|
|
104
113
|
display: !1
|
|
105
114
|
},
|
|
106
|
-
[
|
|
115
|
+
[R]: {
|
|
107
116
|
title: {
|
|
108
117
|
...I,
|
|
109
|
-
text:
|
|
110
|
-
display: !!
|
|
118
|
+
text: d,
|
|
119
|
+
display: !!d
|
|
111
120
|
},
|
|
112
121
|
grid: { display: !1 },
|
|
113
122
|
ticks: {
|
|
114
123
|
...k,
|
|
115
|
-
callback(
|
|
116
|
-
var
|
|
117
|
-
return
|
|
124
|
+
callback(e) {
|
|
125
|
+
var r;
|
|
126
|
+
return l.data(o, (r = n.labels) == null ? void 0 : r[e]);
|
|
118
127
|
}
|
|
119
128
|
}
|
|
120
129
|
},
|
|
@@ -123,31 +132,31 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
|
|
|
123
132
|
},
|
|
124
133
|
y: {
|
|
125
134
|
ticks: {
|
|
126
|
-
callback: (
|
|
135
|
+
callback: (e) => l.data(a[0], e)
|
|
127
136
|
}
|
|
128
137
|
}
|
|
129
138
|
}
|
|
130
139
|
};
|
|
131
|
-
},
|
|
132
|
-
var
|
|
133
|
-
const { dimension:
|
|
140
|
+
}, fa = (s, t) => {
|
|
141
|
+
var c, h;
|
|
142
|
+
const { dimension: o, data: n, measures: a, xAxisLabel: d, showComparisonAxis: l } = s, p = M(t), e = ((c = n.datasets.find((i) => i.xAxisID === R)) == null ? void 0 : c.labels) ?? [], r = ((h = n.datasets.find((i) => i.xAxisID === P)) == null ? void 0 : h.labels) ?? [];
|
|
134
143
|
return {
|
|
135
144
|
plugins: {
|
|
136
145
|
legend: {
|
|
137
146
|
labels: {
|
|
138
|
-
filter: (i,
|
|
147
|
+
filter: (i, m) => {
|
|
139
148
|
if (!i) return !1;
|
|
140
|
-
const
|
|
141
|
-
return Array.isArray(
|
|
149
|
+
const g = m.datasets[i.datasetIndex];
|
|
150
|
+
return Array.isArray(g.data) && g.data.length > 0;
|
|
142
151
|
}
|
|
143
152
|
}
|
|
144
153
|
},
|
|
145
154
|
datalabels: {
|
|
146
155
|
labels: {
|
|
147
156
|
value: {
|
|
148
|
-
formatter: (i,
|
|
149
|
-
const
|
|
150
|
-
return
|
|
157
|
+
formatter: (i, m) => {
|
|
158
|
+
const g = a[m.datasetIndex % a.length];
|
|
159
|
+
return p.data(g, i);
|
|
151
160
|
}
|
|
152
161
|
}
|
|
153
162
|
}
|
|
@@ -155,147 +164,155 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
|
|
|
155
164
|
tooltip: {
|
|
156
165
|
callbacks: {
|
|
157
166
|
title: (i) => {
|
|
158
|
-
var
|
|
159
|
-
const
|
|
160
|
-
if (
|
|
161
|
-
const
|
|
162
|
-
return `${
|
|
167
|
+
var D;
|
|
168
|
+
const m = (D = i[0]) == null ? void 0 : D.dataIndex;
|
|
169
|
+
if (m === void 0) return "";
|
|
170
|
+
const g = e[m] && p.data(o, e[m]), x = r[m] && p.data(o, r[m]);
|
|
171
|
+
return `${g ?? "-"} vs ${x ?? "-"}`;
|
|
163
172
|
},
|
|
164
173
|
label: (i) => {
|
|
165
|
-
const
|
|
166
|
-
return `${i.dataset.label}: ${
|
|
174
|
+
const m = a[i.datasetIndex % a.length], g = i.raw;
|
|
175
|
+
return `${i.dataset.label}: ${p.data(m, g)}`;
|
|
167
176
|
}
|
|
168
177
|
}
|
|
169
178
|
}
|
|
170
179
|
},
|
|
171
180
|
scales: {
|
|
172
181
|
x: { display: !1 },
|
|
173
|
-
[
|
|
182
|
+
[R]: {
|
|
174
183
|
title: {
|
|
175
184
|
...I,
|
|
176
|
-
text:
|
|
177
|
-
display: !!((!
|
|
185
|
+
text: d,
|
|
186
|
+
display: !!((!l || r.length === 0) && d)
|
|
178
187
|
},
|
|
179
188
|
grid: { display: !1 },
|
|
180
189
|
ticks: {
|
|
181
190
|
...k,
|
|
182
|
-
callback: (i) =>
|
|
191
|
+
callback: (i) => p.data(o, e[Number(i)])
|
|
183
192
|
}
|
|
184
193
|
},
|
|
185
194
|
[P]: {
|
|
186
195
|
title: {
|
|
187
196
|
...I,
|
|
188
|
-
text:
|
|
189
|
-
display: !!
|
|
197
|
+
text: d,
|
|
198
|
+
display: !!d
|
|
190
199
|
},
|
|
191
200
|
grid: { display: !1 },
|
|
192
|
-
display:
|
|
201
|
+
display: l && r.length > 0,
|
|
193
202
|
ticks: {
|
|
194
203
|
...k,
|
|
195
|
-
callback: (i) =>
|
|
204
|
+
callback: (i) => {
|
|
205
|
+
if (r.length === 0)
|
|
206
|
+
return "";
|
|
207
|
+
const m = r[Number(i)];
|
|
208
|
+
return m ? p.data(o, m) : "";
|
|
209
|
+
}
|
|
196
210
|
}
|
|
197
211
|
},
|
|
198
212
|
y: {
|
|
199
213
|
ticks: {
|
|
200
|
-
callback: (i) =>
|
|
214
|
+
callback: (i) => p.data(a[0], i)
|
|
201
215
|
}
|
|
202
216
|
}
|
|
203
217
|
}
|
|
204
218
|
};
|
|
205
|
-
},
|
|
206
|
-
var n,
|
|
207
|
-
const
|
|
208
|
-
return
|
|
209
|
-
|
|
210
|
-
((
|
|
219
|
+
}, ya = (s, t) => {
|
|
220
|
+
var n, a;
|
|
221
|
+
const o = s.dimension.nativeType === "time" ? fa : Ca;
|
|
222
|
+
return Y(
|
|
223
|
+
o(s, t),
|
|
224
|
+
((a = (n = t.charts) == null ? void 0 : n.lineChartComparisonDefaultPro) == null ? void 0 : a.options) || {}
|
|
211
225
|
);
|
|
212
|
-
},
|
|
213
|
-
const
|
|
214
|
-
|
|
215
|
-
const { title:
|
|
216
|
-
comparisonPeriod:
|
|
217
|
-
measures:
|
|
218
|
-
xAxis:
|
|
219
|
-
reverseXAxis:
|
|
220
|
-
showLegend:
|
|
221
|
-
showLogarithmicScale:
|
|
226
|
+
}, Da = (s) => {
|
|
227
|
+
const t = X();
|
|
228
|
+
U(t);
|
|
229
|
+
const { title: o, description: n, xAxisLabel: a, yAxisLabel: d } = q(s), {
|
|
230
|
+
comparisonPeriod: l,
|
|
231
|
+
measures: p,
|
|
232
|
+
xAxis: e,
|
|
233
|
+
reverseXAxis: r,
|
|
234
|
+
showLegend: u,
|
|
235
|
+
showLogarithmicScale: c,
|
|
222
236
|
showTooltips: h,
|
|
223
237
|
showValueLabels: i,
|
|
224
|
-
yAxisRangeMax:
|
|
225
|
-
yAxisRangeMin:
|
|
238
|
+
yAxisRangeMax: m,
|
|
239
|
+
yAxisRangeMin: g,
|
|
226
240
|
primaryDateRange: x,
|
|
227
|
-
comparisonDateRange:
|
|
228
|
-
showComparisonAxis:
|
|
229
|
-
setComparisonDateRange:
|
|
230
|
-
} =
|
|
231
|
-
|
|
232
|
-
const
|
|
241
|
+
comparisonDateRange: D,
|
|
242
|
+
showComparisonAxis: L,
|
|
243
|
+
setComparisonDateRange: v
|
|
244
|
+
} = s;
|
|
245
|
+
da(() => {
|
|
246
|
+
const V = ca(
|
|
233
247
|
x,
|
|
234
|
-
|
|
235
|
-
|
|
248
|
+
l,
|
|
249
|
+
t
|
|
236
250
|
);
|
|
237
|
-
|
|
238
|
-
}, [
|
|
239
|
-
const
|
|
240
|
-
results:
|
|
241
|
-
dimension:
|
|
242
|
-
externalDateBounds:
|
|
243
|
-
}),
|
|
251
|
+
v(V);
|
|
252
|
+
}, [l, JSON.stringify(x), t]);
|
|
253
|
+
const C = N({ results: s.results, dimension: e }), b = N({
|
|
254
|
+
results: s.resultsComparison,
|
|
255
|
+
dimension: e,
|
|
256
|
+
externalDateBounds: D
|
|
257
|
+
}), f = !!(x && l), y = ba(
|
|
244
258
|
{
|
|
245
|
-
data:
|
|
246
|
-
dataComparison:
|
|
247
|
-
dimension:
|
|
248
|
-
measures:
|
|
249
|
-
hasMinMaxYAxisRange: !!(
|
|
259
|
+
data: C.data,
|
|
260
|
+
dataComparison: f ? (b == null ? void 0 : b.data) ?? [] : void 0,
|
|
261
|
+
dimension: e,
|
|
262
|
+
measures: p,
|
|
263
|
+
hasMinMaxYAxisRange: !!(g || m)
|
|
250
264
|
},
|
|
251
|
-
|
|
252
|
-
), T =
|
|
265
|
+
t
|
|
266
|
+
), T = ya(
|
|
253
267
|
{
|
|
254
|
-
data:
|
|
255
|
-
dimension:
|
|
256
|
-
measures:
|
|
257
|
-
xAxisLabel:
|
|
258
|
-
showComparisonAxis:
|
|
268
|
+
data: y,
|
|
269
|
+
dimension: e,
|
|
270
|
+
measures: p,
|
|
271
|
+
xAxisLabel: a,
|
|
272
|
+
showComparisonAxis: L
|
|
259
273
|
},
|
|
260
|
-
|
|
261
|
-
)
|
|
274
|
+
t
|
|
275
|
+
), j = {
|
|
276
|
+
...C,
|
|
277
|
+
data: [...C.data ?? [], ...(b == null ? void 0 : b.data) ?? []]
|
|
278
|
+
};
|
|
262
279
|
return /* @__PURE__ */ O.jsx(
|
|
263
|
-
|
|
280
|
+
ma,
|
|
264
281
|
{
|
|
265
|
-
data:
|
|
266
|
-
dimensionsAndMeasures: [...
|
|
267
|
-
errorMessage:
|
|
282
|
+
data: j,
|
|
283
|
+
dimensionsAndMeasures: [...p, e],
|
|
284
|
+
errorMessage: C.error,
|
|
268
285
|
subtitle: n,
|
|
269
|
-
title:
|
|
286
|
+
title: o,
|
|
270
287
|
children: /* @__PURE__ */ O.jsx(
|
|
271
|
-
|
|
288
|
+
z,
|
|
272
289
|
{
|
|
273
|
-
data:
|
|
274
|
-
reverseXAxis:
|
|
275
|
-
showLegend:
|
|
276
|
-
showLogarithmicScale:
|
|
290
|
+
data: y,
|
|
291
|
+
reverseXAxis: r,
|
|
292
|
+
showLegend: u,
|
|
293
|
+
showLogarithmicScale: c,
|
|
277
294
|
showTooltips: h,
|
|
278
295
|
showValueLabels: i,
|
|
279
|
-
xAxisLabel:
|
|
280
|
-
yAxisLabel:
|
|
281
|
-
yAxisRangeMax:
|
|
282
|
-
yAxisRangeMin:
|
|
296
|
+
xAxisLabel: a,
|
|
297
|
+
yAxisLabel: d,
|
|
298
|
+
yAxisRangeMax: m,
|
|
299
|
+
yAxisRangeMin: g,
|
|
283
300
|
options: T
|
|
284
301
|
}
|
|
285
302
|
)
|
|
286
303
|
}
|
|
287
304
|
);
|
|
288
|
-
},
|
|
305
|
+
}, Aa = {
|
|
289
306
|
name: "LineChartComparisonDefaultPro",
|
|
290
307
|
label: "Line Chart Comparison - Default",
|
|
291
308
|
category: "Line Charts",
|
|
292
309
|
inputs: [
|
|
293
|
-
|
|
310
|
+
K,
|
|
294
311
|
{
|
|
295
312
|
...S,
|
|
296
313
|
inputs: [
|
|
297
314
|
...S.inputs,
|
|
298
|
-
{ ...
|
|
315
|
+
{ ...A, name: "fillUnderLine", label: "Fill under line" },
|
|
299
316
|
{
|
|
300
317
|
...B,
|
|
301
318
|
name: "lineColor",
|
|
@@ -303,23 +320,23 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
|
|
|
303
320
|
},
|
|
304
321
|
{ ...B, name: "previousLineColor", label: "Previous line color" },
|
|
305
322
|
{
|
|
306
|
-
...
|
|
323
|
+
...A,
|
|
307
324
|
name: "lineDashed",
|
|
308
325
|
label: "Primary line dashed",
|
|
309
326
|
defaultValue: !1
|
|
310
327
|
},
|
|
311
328
|
{
|
|
312
|
-
...
|
|
329
|
+
...A,
|
|
313
330
|
name: "previousLineDashed",
|
|
314
331
|
label: "Compared line dashed",
|
|
315
332
|
defaultValue: !0
|
|
316
333
|
},
|
|
317
|
-
{ ...
|
|
334
|
+
{ ...A, name: "connectGaps", label: "Connect gaps", defaultValue: !0 }
|
|
318
335
|
]
|
|
319
336
|
},
|
|
320
|
-
{ ...
|
|
337
|
+
{ ...J, label: "X-axis", name: "xAxis" },
|
|
321
338
|
{
|
|
322
|
-
...
|
|
339
|
+
...W,
|
|
323
340
|
name: "primaryDateRange",
|
|
324
341
|
label: "Primary Date Range",
|
|
325
342
|
description: "You can also connect this to a date range selector using its variable",
|
|
@@ -327,70 +344,70 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
|
|
|
327
344
|
},
|
|
328
345
|
{
|
|
329
346
|
name: "comparisonPeriod",
|
|
330
|
-
type:
|
|
347
|
+
type: xa,
|
|
331
348
|
label: "Comparison Period",
|
|
332
349
|
description: "You can also connect this to a comparison period selector using its variable",
|
|
333
350
|
category: "Component Data"
|
|
334
351
|
},
|
|
335
352
|
{
|
|
336
|
-
...
|
|
353
|
+
...Z,
|
|
337
354
|
name: "timePropertyForNonTimeDimensions",
|
|
338
355
|
label: "Time property for non time dimensions",
|
|
339
356
|
description: "Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.",
|
|
340
357
|
required: !1
|
|
341
358
|
},
|
|
342
|
-
Z,
|
|
343
359
|
H,
|
|
344
360
|
Q,
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
361
|
+
aa,
|
|
362
|
+
ea,
|
|
363
|
+
sa,
|
|
364
|
+
ta,
|
|
365
|
+
oa,
|
|
366
|
+
na,
|
|
367
|
+
ia,
|
|
368
|
+
ra,
|
|
369
|
+
la,
|
|
353
370
|
{
|
|
354
|
-
...
|
|
371
|
+
...A,
|
|
355
372
|
name: "showComparisonAxis",
|
|
356
373
|
label: "Display a comparison X-axis",
|
|
357
374
|
defaultValue: !0
|
|
358
375
|
}
|
|
359
376
|
]
|
|
360
|
-
},
|
|
377
|
+
}, Sa = _(Da, Aa, {
|
|
361
378
|
/* @ts-expect-error - to be fixed in @embeddable.com/react */
|
|
362
|
-
props: (
|
|
379
|
+
props: (s, [t, o]) => {
|
|
363
380
|
const n = [
|
|
364
381
|
{
|
|
365
|
-
property:
|
|
382
|
+
property: s.xAxis,
|
|
366
383
|
direction: "asc"
|
|
367
384
|
}
|
|
368
|
-
],
|
|
385
|
+
], a = s.xAxis.nativeType === "time" ? s.xAxis : s.timePropertyForNonTimeDimensions;
|
|
369
386
|
return {
|
|
370
|
-
...
|
|
371
|
-
comparisonDateRange:
|
|
372
|
-
setComparisonDateRange: (
|
|
387
|
+
...s,
|
|
388
|
+
comparisonDateRange: t == null ? void 0 : t.comparisonDateRange,
|
|
389
|
+
setComparisonDateRange: (d) => o({ comparisonDateRange: d }),
|
|
373
390
|
results: F({
|
|
374
|
-
from:
|
|
375
|
-
select: [...
|
|
391
|
+
from: s.dataset,
|
|
392
|
+
select: [...s.measures, s.xAxis],
|
|
376
393
|
orderBy: n,
|
|
377
|
-
filters:
|
|
394
|
+
filters: s.primaryDateRange && a ? [
|
|
378
395
|
{
|
|
379
|
-
property:
|
|
396
|
+
property: a,
|
|
380
397
|
operator: "inDateRange",
|
|
381
|
-
value:
|
|
398
|
+
value: s.primaryDateRange
|
|
382
399
|
}
|
|
383
400
|
] : void 0
|
|
384
401
|
}),
|
|
385
|
-
resultsComparison:
|
|
386
|
-
from:
|
|
387
|
-
select: [...
|
|
402
|
+
resultsComparison: s.primaryDateRange && a && (t != null && t.comparisonDateRange) ? F({
|
|
403
|
+
from: s.dataset,
|
|
404
|
+
select: [...s.measures, s.xAxis],
|
|
388
405
|
orderBy: n,
|
|
389
406
|
filters: [
|
|
390
407
|
{
|
|
391
|
-
property:
|
|
408
|
+
property: a,
|
|
392
409
|
operator: "inDateRange",
|
|
393
|
-
value:
|
|
410
|
+
value: t.comparisonDateRange
|
|
394
411
|
}
|
|
395
412
|
]
|
|
396
413
|
}) : void 0
|
|
@@ -398,7 +415,7 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
|
|
|
398
415
|
}
|
|
399
416
|
});
|
|
400
417
|
export {
|
|
401
|
-
|
|
402
|
-
|
|
418
|
+
Sa as default,
|
|
419
|
+
Aa as meta
|
|
403
420
|
};
|
|
404
421
|
//# sourceMappingURL=LineChartComparisonDefaultPro.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineChartComparisonDefaultPro.js","sources":["../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/index.tsx","../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getStyleNumber } from '../../../../../remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { chartContrastColors } from '../../../../../remarkable-ui/charts/charts.constants';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport {\n chartjsAxisOptionsScalesTicksDefault,\n chartjsAxisOptionsScalesTitle,\n} from '../../../../../remarkable-ui/charts/chartjs.cartesian.constants';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\n\nconst AXIS_ID_MAIN = 'mainAxis';\nconst AXIS_ID_COMPARISON = 'comparisonAxis';\n\nconst getLineChartComparisonDataset = (\n props: {\n data: DataResponse['data'];\n measure: Measure;\n dimension: Dimension;\n labels?: string[];\n hasMinMaxYAxisRange: boolean;\n isPreviousPeriod?: boolean;\n index: number;\n },\n theme: Theme,\n): ChartData<'line'>['datasets'][number] => {\n const { data, measure, dimension, index, isPreviousPeriod, hasMinMaxYAxisRange, labels } = props;\n\n const datasetLabels = data?.map((item) => item[dimension.name]);\n\n const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n const processedData = labels\n ? labels.map((label) => {\n const found = data?.find((item) => item[dimension.name] === label);\n return found?.[measure.name] ?? (zeroFill ? 0 : null);\n })\n : data?.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n const themeFormatter = getThemeFormatter(theme);\n const themeKey = getObjectStableKey(theme);\n\n const isLineDashed = Boolean(\n measure.inputs?.[isPreviousPeriod ? 'previousLineDashed' : 'lineDashed'],\n );\n\n const lineColorTemp = measure.inputs?.[isPreviousPeriod ? 'previousLineColor' : 'lineColor'];\n const lineColor = isColorValid(lineColorTemp)\n ? lineColorTemp\n : getColor(\n `${themeKey}.charts.backgroundColors`,\n measure.name,\n theme.charts.backgroundColors ?? chartContrastColors,\n index,\n );\n\n const dataset = {\n xAxisID: isPreviousPeriod ? AXIS_ID_COMPARISON : AXIS_ID_MAIN,\n labels: datasetLabels,\n label:\n (isPreviousPeriod ? `${i18n.t('common.compared')} ` : '') +\n themeFormatter.dimensionOrMeasureTitle(measure),\n data: processedData,\n backgroundColor: setColorAlpha(\n lineColor,\n getStyleNumber('--em-line-chart-line-fill-opacity') as number,\n ),\n pointBackgroundColor: lineColor,\n borderDash: isLineDashed\n ? [\n getStyleNumber('--em-line-chart-line-dash-length'),\n getStyleNumber('--em-line-chart-line-gap-length'),\n ]\n : undefined,\n borderColor: lineColor,\n fill: measure.inputs?.['fillUnderLine'],\n clip: hasMinMaxYAxisRange,\n } as ChartData<'line'>['datasets'][number];\n\n return dataset;\n};\n\nexport const getLineChartComparisonProData = (\n props: {\n data: DataResponse['data'];\n dataComparison: DataResponse['data'] | undefined;\n dimension: Dimension;\n measures: Measure[];\n hasMinMaxYAxisRange: boolean;\n },\n theme: Theme,\n): ChartData<'line'> => {\n if (!props.data) {\n return { labels: [], datasets: [{ data: [] }] };\n }\n\n const { data, dataComparison, dimension, measures, hasMinMaxYAxisRange } = props;\n\n // Get all the available labels from both datasets if the dimension is not a time type (E.g. join United States with United Kindom and Germany)\n const isTimeDimension = dimension.nativeType === 'time';\n const labels = isTimeDimension\n ? undefined\n : Array.from(\n new Set([\n ...data.map((item) => item[dimension.name]),\n ...(dataComparison?.map((item) => item[dimension.name]) ?? []),\n ]),\n );\n\n const originalDatasets = measures.map((measure, index) =>\n getLineChartComparisonDataset(\n {\n data,\n measure,\n dimension,\n labels,\n hasMinMaxYAxisRange,\n index,\n },\n theme,\n ),\n );\n\n const comparisonDatasets = measures.map((measure, index) =>\n getLineChartComparisonDataset(\n {\n data: dataComparison,\n measure,\n dimension,\n labels,\n hasMinMaxYAxisRange,\n index,\n isPreviousPeriod: true,\n },\n theme,\n ),\n );\n\n return {\n labels: isTimeDimension ? data.map((item) => item[dimension.name]) : labels,\n datasets: [...originalDatasets, ...comparisonDatasets],\n };\n};\n\ntype LineChartComparisonProOptionsProps = {\n dimension: Dimension;\n measures: Measure[];\n data: ChartData<'line'>;\n xAxisLabel?: string;\n showComparisonAxis: boolean;\n};\n\nconst getLineChartComparisonNonTimeOptions = (\n options: LineChartComparisonProOptionsProps,\n theme: Theme,\n): ChartOptions<'line'> => {\n const { dimension, data, measures, xAxisLabel } = options;\n const themeFormatter = getThemeFormatter(theme);\n\n const lineChartOptions: ChartOptions<'line'> = {\n plugins: {\n datalabels: {\n labels: {\n value: {\n formatter: (value: string | number, context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n return themeFormatter.data(measure, value);\n },\n },\n },\n },\n tooltip: {\n callbacks: {\n title: (context) => {\n if (!context[0]) return '';\n\n return themeFormatter.data(dimension, context[0].label);\n },\n label: (context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n const raw = context.raw as number;\n return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n },\n },\n },\n },\n scales: {\n x: {\n display: false,\n },\n [AXIS_ID_MAIN]: {\n title: {\n ...chartjsAxisOptionsScalesTitle,\n text: xAxisLabel,\n display: Boolean(xAxisLabel),\n },\n grid: { display: false },\n ticks: {\n ...chartjsAxisOptionsScalesTicksDefault,\n callback(index) {\n return themeFormatter.data(dimension, data.labels?.[index as number]);\n },\n },\n },\n [AXIS_ID_COMPARISON]: {\n display: false,\n },\n y: {\n ticks: {\n callback: (value) => {\n return themeFormatter.data(measures[0]!, value);\n },\n },\n },\n },\n };\n\n return lineChartOptions;\n};\n\nconst getLineChartComparisonTimeOptions = (\n options: {\n dimension: Dimension;\n measures: Measure[];\n data: ChartData<'line'>;\n xAxisLabel?: string;\n showComparisonAxis: boolean;\n },\n theme: Theme,\n): ChartOptions<'line'> => {\n const { dimension, data, measures, xAxisLabel, showComparisonAxis } = options;\n const themeFormatter = getThemeFormatter(theme);\n\n const mainDimensionLabels: string[] =\n (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_MAIN) as { labels?: string[] })?.labels ??\n [];\n const comparisonDimensionLabels: string[] =\n (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_COMPARISON) as { labels?: string[] })\n ?.labels ?? [];\n\n const lineChartOptions: ChartOptions<'line'> = {\n plugins: {\n legend: {\n labels: {\n filter: (legendItem, chartData) => {\n if (!legendItem) return false;\n const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n // Only show legend if dataset has at least one data point\n return Array.isArray(dataset.data) && dataset.data.length > 0;\n },\n },\n },\n datalabels: {\n labels: {\n value: {\n formatter: (value: string | number, context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n return themeFormatter.data(measure, value);\n },\n },\n },\n },\n tooltip: {\n callbacks: {\n title: (context) => {\n const dataIndex = context[0]?.dataIndex;\n\n if (dataIndex === undefined) return '';\n\n const main =\n mainDimensionLabels[dataIndex] &&\n themeFormatter.data(dimension, mainDimensionLabels[dataIndex]);\n const comparison =\n comparisonDimensionLabels[dataIndex] &&\n themeFormatter.data(dimension, comparisonDimensionLabels[dataIndex]);\n\n return `${main ?? '-'} vs ${comparison ?? '-'}`;\n },\n label: (context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n const raw = context.raw as number;\n return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n },\n },\n },\n },\n scales: {\n x: { display: false },\n [AXIS_ID_MAIN]: {\n title: {\n ...chartjsAxisOptionsScalesTitle,\n text: xAxisLabel,\n display: Boolean(\n (!showComparisonAxis || comparisonDimensionLabels.length === 0) && xAxisLabel,\n ),\n },\n grid: { display: false },\n ticks: {\n ...chartjsAxisOptionsScalesTicksDefault,\n callback: (index) => {\n return themeFormatter.data(dimension, mainDimensionLabels[Number(index)]);\n },\n },\n },\n [AXIS_ID_COMPARISON]: {\n title: {\n ...chartjsAxisOptionsScalesTitle,\n text: xAxisLabel,\n display: Boolean(xAxisLabel),\n },\n grid: { display: false },\n display: showComparisonAxis && comparisonDimensionLabels.length > 0,\n ticks: {\n ...chartjsAxisOptionsScalesTicksDefault,\n callback: (index) => {\n if (comparisonDimensionLabels.length === 0) {\n return '';\n }\n return themeFormatter.data(dimension, comparisonDimensionLabels[Number(index)]);\n },\n },\n },\n y: {\n ticks: {\n callback: (value) => {\n return themeFormatter.data(measures[0]!, value);\n },\n },\n },\n },\n };\n\n return lineChartOptions;\n};\n\nexport const getLineChartComparisonProOptions = (\n options: LineChartComparisonProOptionsProps,\n theme: Theme,\n): ChartOptions<'line'> => {\n const getOptions =\n options.dimension.nativeType === 'time'\n ? getLineChartComparisonTimeOptions\n : getLineChartComparisonNonTimeOptions;\n return mergician(\n getOptions(options, theme),\n theme.charts?.lineChartComparisonDefaultPro?.options || {},\n );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { LineChart } from '../../../../../remarkable-ui/charts/lines/LineChart';\nimport { useEffect } from 'react';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\nimport {\n getLineChartComparisonProData,\n getLineChartComparisonProOptions,\n} from './LineChartComparisonDefaultPro.utils';\nimport { useFillGaps } from '../../charts.newFillGaps.hooks';\n\ntype LineChartComparisonDefaultProProps = {\n description: string;\n xAxis: Dimension;\n measures: Measure[];\n results: DataResponse;\n resultsComparison: DataResponse | undefined;\n reverseXAxis: boolean;\n showLegend: boolean;\n showLogarithmicScale: boolean;\n showTooltips: boolean;\n showValueLabels: boolean;\n title: string;\n xAxisLabel: string;\n yAxisLabel: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n comparisonPeriod?: string;\n comparisonDateRange: TimeRange;\n showComparisonAxis: boolean;\n primaryDateRange: TimeRange;\n setComparisonDateRange: (dateRange: TimeRange) => void;\n};\n\nconst LineChartComparisonDefaultPro = (props: LineChartComparisonDefaultProProps) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n const {\n comparisonPeriod,\n measures,\n xAxis,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showValueLabels,\n yAxisRangeMax,\n yAxisRangeMin,\n primaryDateRange,\n comparisonDateRange,\n showComparisonAxis,\n setComparisonDateRange,\n } = props;\n\n useEffect(() => {\n const newComparisonDateRange = getComparisonPeriodDateRange(\n primaryDateRange,\n comparisonPeriod,\n theme,\n );\n setComparisonDateRange(newComparisonDateRange);\n }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n const results = useFillGaps({ results: props.results, dimension: xAxis });\n\n const resultsComparison = useFillGaps({\n results: props.resultsComparison,\n dimension: xAxis,\n externalDateBounds: comparisonDateRange,\n });\n\n const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n const data = getLineChartComparisonProData(\n {\n data: results.data,\n dataComparison: showDataComparison ? resultsComparison.data : undefined,\n dimension: xAxis,\n measures,\n hasMinMaxYAxisRange: Boolean(yAxisRangeMin || yAxisRangeMax),\n },\n theme,\n );\n\n const options = getLineChartComparisonProOptions(\n {\n data: data,\n dimension: xAxis,\n measures,\n xAxisLabel,\n showComparisonAxis,\n },\n theme,\n );\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[...measures, xAxis]}\n errorMessage={results.error}\n subtitle={description}\n title={title}\n >\n <LineChart\n data={data}\n reverseXAxis={reverseXAxis}\n showLegend={showLegend}\n showLogarithmicScale={showLogarithmicScale}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n yAxisRangeMax={yAxisRangeMax}\n yAxisRangeMin={yAxisRangeMin}\n options={options}\n />\n </ChartCard>\n );\n};\n\nexport default LineChartComparisonDefaultPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n dataset,\n description,\n dimension,\n dimensionTime,\n genericBoolean,\n genericTimeRange,\n measures,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showValueLabels,\n subInputColor,\n title,\n xAxisLabel,\n yAxisLabel,\n yAxisRangeMax,\n yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartComparisonDefaultPro from './index';\nimport { loadData, OrderBy, TimeRange } from '@embeddable.com/core';\nimport ComparisonPeriodType from '../../../types/ComparisonPeriod.type.emb';\n\nexport const meta = {\n name: 'LineChartComparisonDefaultPro',\n label: 'Line Chart Comparison - Default',\n category: 'Line Charts',\n inputs: [\n dataset,\n {\n ...measures,\n inputs: [\n ...measures.inputs,\n { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n {\n ...subInputColor,\n name: 'lineColor',\n label: 'Line color',\n },\n { ...subInputColor, name: 'previousLineColor', label: 'Previous line color' },\n {\n ...genericBoolean,\n name: 'lineDashed',\n label: 'Primary line dashed',\n defaultValue: false,\n },\n {\n ...genericBoolean,\n name: 'previousLineDashed',\n label: 'Compared line dashed',\n defaultValue: true,\n },\n { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n ],\n },\n { ...dimension, label: 'X-axis', name: 'xAxis' },\n {\n ...genericTimeRange,\n name: 'primaryDateRange',\n label: 'Primary Date Range',\n description: 'You can also connect this to a date range selector using its variable',\n category: 'Component Data',\n },\n {\n name: 'comparisonPeriod',\n type: ComparisonPeriodType,\n label: 'Comparison Period',\n description: 'You can also connect this to a comparison period selector using its variable',\n category: 'Component Data',\n },\n {\n ...dimensionTime,\n name: 'timePropertyForNonTimeDimensions',\n label: 'Time property for non time dimensions',\n description:\n 'Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.',\n required: false,\n },\n\n title,\n description,\n showLegend,\n showTooltips,\n showValueLabels,\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n reverseXAxis,\n yAxisRangeMin,\n yAxisRangeMax,\n {\n ...genericBoolean,\n name: 'showComparisonAxis',\n label: 'Display a comparison X-axis',\n defaultValue: true,\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype LineChartComparisonDefaultProState = {\n comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(LineChartComparisonDefaultPro, meta, {\n /* @ts-expect-error - to be fixed in @embeddable.com/react */\n\n props: (\n inputs: Inputs<typeof meta>,\n [state, setState]: [\n LineChartComparisonDefaultProState,\n (state: LineChartComparisonDefaultProState) => void,\n ],\n ) => {\n const orderBy: OrderBy[] = [\n {\n property: inputs.xAxis,\n direction: 'asc',\n },\n ];\n\n const timeProperty =\n inputs.xAxis.nativeType === 'time' ? inputs.xAxis : inputs.timePropertyForNonTimeDimensions;\n\n return {\n ...inputs,\n comparisonDateRange: state?.comparisonDateRange,\n setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n results: loadData({\n from: inputs.dataset,\n select: [...inputs.measures, inputs.xAxis],\n orderBy,\n filters:\n inputs.primaryDateRange && timeProperty\n ? [\n {\n property: timeProperty,\n operator: 'inDateRange',\n value: inputs.primaryDateRange,\n },\n ]\n : undefined,\n }),\n resultsComparison:\n inputs.primaryDateRange && timeProperty && state?.comparisonDateRange\n ? loadData({\n from: inputs.dataset,\n select: [...inputs.measures, inputs.xAxis],\n orderBy,\n filters: [\n {\n property: timeProperty,\n operator: 'inDateRange',\n value: state.comparisonDateRange,\n },\n ],\n })\n : undefined,\n };\n },\n});\n"],"names":["AXIS_ID_MAIN","AXIS_ID_COMPARISON","getLineChartComparisonDataset","props","theme","data","measure","dimension","index","isPreviousPeriod","hasMinMaxYAxisRange","labels","datasetLabels","item","zeroFill","_a","processedData","label","found","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","isLineDashed","_b","lineColorTemp","_c","lineColor","isColorValid","getColor","chartContrastColors","i18n","setColorAlpha","getStyleNumber","_d","getLineChartComparisonProData","dataComparison","measures","isTimeDimension","originalDatasets","comparisonDatasets","getLineChartComparisonNonTimeOptions","options","xAxisLabel","value","context","raw","chartjsAxisOptionsScalesTitle","chartjsAxisOptionsScalesTicksDefault","getLineChartComparisonTimeOptions","showComparisonAxis","mainDimensionLabels","ds","comparisonDimensionLabels","legendItem","chartData","dataset","dataIndex","main","comparison","getLineChartComparisonProOptions","getOptions","mergician","LineChartComparisonDefaultPro","useTheme","i18nSetup","title","description","yAxisLabel","resolveI18nProps","comparisonPeriod","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","primaryDateRange","comparisonDateRange","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","showDataComparison","jsx","ChartCard","LineChart","meta","genericBoolean","subInputColor","genericTimeRange","ComparisonPeriodType","dimensionTime","LineChartComparisonDefaultPro_emb","defineComponent","inputs","state","setState","orderBy","timeProperty","loadData"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"LineChartComparisonDefaultPro.js","sources":["../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/index.tsx","../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getStyleNumber } from '../../../../../remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { chartContrastColors } from '../../../../../remarkable-ui/charts/charts.constants';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport {\n chartjsAxisOptionsScalesTicksDefault,\n chartjsAxisOptionsScalesTitle,\n} from '../../../../../remarkable-ui/charts/chartjs.cartesian.constants';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\n\nconst AXIS_ID_MAIN = 'mainAxis';\nconst AXIS_ID_COMPARISON = 'comparisonAxis';\n\nconst getLineChartComparisonDataset = (\n props: {\n data: DataResponse['data'];\n measure: Measure;\n dimension: Dimension;\n labels?: string[];\n hasMinMaxYAxisRange: boolean;\n isPreviousPeriod?: boolean;\n index: number;\n },\n theme: Theme,\n): ChartData<'line'>['datasets'][number] => {\n const { data, measure, dimension, index, isPreviousPeriod, hasMinMaxYAxisRange, labels } = props;\n const datasetLabels = data?.map((item) => item[dimension.name]);\n\n const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n const processedData = labels\n ? labels.map((label) => {\n const found = data?.find((item) => item[dimension.name] === label);\n return found?.[measure.name] ?? (zeroFill ? 0 : null);\n })\n : data?.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n const themeFormatter = getThemeFormatter(theme);\n const themeKey = getObjectStableKey(theme);\n\n const isLineDashed = Boolean(\n measure.inputs?.[isPreviousPeriod ? 'previousLineDashed' : 'lineDashed'],\n );\n\n const lineColorTemp = measure.inputs?.[isPreviousPeriod ? 'previousLineColor' : 'lineColor'];\n const lineColor = isColorValid(lineColorTemp)\n ? lineColorTemp\n : getColor(\n `${themeKey}.charts.backgroundColors`,\n measure.name,\n theme.charts.backgroundColors ?? chartContrastColors,\n index,\n );\n\n const dataset = {\n xAxisID: isPreviousPeriod ? AXIS_ID_COMPARISON : AXIS_ID_MAIN,\n labels: datasetLabels,\n label:\n (isPreviousPeriod ? `${i18n.t('common.compared')} ` : '') +\n themeFormatter.dimensionOrMeasureTitle(measure),\n data: processedData,\n backgroundColor: setColorAlpha(\n lineColor,\n getStyleNumber('--em-line-chart-line-fill-opacity') as number,\n ),\n pointBackgroundColor: lineColor,\n borderDash: isLineDashed\n ? [\n getStyleNumber('--em-line-chart-line-dash-length'),\n getStyleNumber('--em-line-chart-line-gap-length'),\n ]\n : undefined,\n borderColor: lineColor,\n fill: measure.inputs?.['fillUnderLine'],\n clip: hasMinMaxYAxisRange,\n } as ChartData<'line'>['datasets'][number];\n\n return dataset;\n};\n\nexport const getLineChartComparisonProData = (\n props: {\n data: DataResponse['data'];\n dataComparison: DataResponse['data'] | undefined;\n dimension: Dimension;\n measures: Measure[];\n hasMinMaxYAxisRange: boolean;\n },\n theme: Theme,\n): ChartData<'line'> => {\n if (!props.data) {\n return { labels: [], datasets: [{ data: [] }] };\n }\n\n const { data, dataComparison, dimension, measures, hasMinMaxYAxisRange } = props;\n\n // Get all the available labels from both datasets if the dimension is not a time type (E.g. join United States with United Kindom and Germany)\n const isTimeDimension = dimension.nativeType === 'time';\n const labels = isTimeDimension\n ? undefined\n : dataComparison\n ? Array.from(\n new Set([\n ...data.map((item) => item[dimension.name]),\n ...(dataComparison?.map((item) => item[dimension.name]) ?? []),\n ]),\n )\n : undefined;\n\n const originalDatasets = measures.map((measure, index) =>\n getLineChartComparisonDataset(\n {\n data,\n measure,\n dimension,\n labels,\n hasMinMaxYAxisRange,\n index,\n },\n theme,\n ),\n );\n\n const comparisonDatasets = measures.map((measure, index) =>\n getLineChartComparisonDataset(\n {\n data: dataComparison,\n measure,\n dimension,\n labels,\n hasMinMaxYAxisRange,\n index,\n isPreviousPeriod: true,\n },\n theme,\n ),\n );\n\n return {\n labels: labels ?? data.map((item) => item[dimension.name]),\n datasets: [...originalDatasets, ...comparisonDatasets],\n };\n};\n\ntype LineChartComparisonProOptionsProps = {\n dimension: Dimension;\n measures: Measure[];\n data: ChartData<'line'>;\n xAxisLabel?: string;\n showComparisonAxis: boolean;\n};\n\nconst getLineChartComparisonNonTimeOptions = (\n options: LineChartComparisonProOptionsProps,\n theme: Theme,\n): ChartOptions<'line'> => {\n const { dimension, data, measures, xAxisLabel } = options;\n const themeFormatter = getThemeFormatter(theme);\n\n const lineChartOptions: ChartOptions<'line'> = {\n plugins: {\n legend: {\n labels: {\n filter: (legendItem, chartData) => {\n if (!legendItem) return false;\n const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n // Only show legend if dataset has at least one data point\n return Array.isArray(dataset.data) && dataset.data.length > 0;\n },\n },\n },\n datalabels: {\n labels: {\n value: {\n formatter: (value: string | number, context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n return themeFormatter.data(measure, value);\n },\n },\n },\n },\n tooltip: {\n callbacks: {\n title: (context) => {\n if (!context[0]) return '';\n\n return themeFormatter.data(dimension, context[0].label);\n },\n label: (context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n const raw = context.raw as number;\n return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n },\n },\n },\n },\n scales: {\n x: {\n display: false,\n },\n [AXIS_ID_MAIN]: {\n title: {\n ...chartjsAxisOptionsScalesTitle,\n text: xAxisLabel,\n display: Boolean(xAxisLabel),\n },\n grid: { display: false },\n ticks: {\n ...chartjsAxisOptionsScalesTicksDefault,\n callback(index) {\n return themeFormatter.data(dimension, data.labels?.[index as number]);\n },\n },\n },\n [AXIS_ID_COMPARISON]: {\n display: false,\n },\n y: {\n ticks: {\n callback: (value) => {\n return themeFormatter.data(measures[0]!, value);\n },\n },\n },\n },\n };\n\n return lineChartOptions;\n};\n\nconst getLineChartComparisonTimeOptions = (\n options: {\n dimension: Dimension;\n measures: Measure[];\n data: ChartData<'line'>;\n xAxisLabel?: string;\n showComparisonAxis: boolean;\n },\n theme: Theme,\n): ChartOptions<'line'> => {\n const { dimension, data, measures, xAxisLabel, showComparisonAxis } = options;\n const themeFormatter = getThemeFormatter(theme);\n\n const mainDimensionLabels: string[] =\n (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_MAIN) as { labels?: string[] })?.labels ??\n [];\n const comparisonDimensionLabels: string[] =\n (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_COMPARISON) as { labels?: string[] })\n ?.labels ?? [];\n\n const lineChartOptions: ChartOptions<'line'> = {\n plugins: {\n legend: {\n labels: {\n filter: (legendItem, chartData) => {\n if (!legendItem) return false;\n const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n // Only show legend if dataset has at least one data point\n return Array.isArray(dataset.data) && dataset.data.length > 0;\n },\n },\n },\n datalabels: {\n labels: {\n value: {\n formatter: (value: string | number, context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n return themeFormatter.data(measure, value);\n },\n },\n },\n },\n tooltip: {\n callbacks: {\n title: (context) => {\n const dataIndex = context[0]?.dataIndex;\n\n if (dataIndex === undefined) return '';\n\n const main =\n mainDimensionLabels[dataIndex] &&\n themeFormatter.data(dimension, mainDimensionLabels[dataIndex]);\n const comparison =\n comparisonDimensionLabels[dataIndex] &&\n themeFormatter.data(dimension, comparisonDimensionLabels[dataIndex]);\n\n return `${main ?? '-'} vs ${comparison ?? '-'}`;\n },\n label: (context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n const raw = context.raw as number;\n return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n },\n },\n },\n },\n scales: {\n x: { display: false },\n [AXIS_ID_MAIN]: {\n title: {\n ...chartjsAxisOptionsScalesTitle,\n text: xAxisLabel,\n display: Boolean(\n (!showComparisonAxis || comparisonDimensionLabels.length === 0) && xAxisLabel,\n ),\n },\n grid: { display: false },\n ticks: {\n ...chartjsAxisOptionsScalesTicksDefault,\n callback: (index) => {\n return themeFormatter.data(dimension, mainDimensionLabels[Number(index)]);\n },\n },\n },\n [AXIS_ID_COMPARISON]: {\n title: {\n ...chartjsAxisOptionsScalesTitle,\n text: xAxisLabel,\n display: Boolean(xAxisLabel),\n },\n grid: { display: false },\n display: showComparisonAxis && comparisonDimensionLabels.length > 0,\n ticks: {\n ...chartjsAxisOptionsScalesTicksDefault,\n callback: (index) => {\n if (comparisonDimensionLabels.length === 0) {\n return '';\n }\n\n const comparisonLabel = comparisonDimensionLabels[Number(index)];\n return comparisonLabel ? themeFormatter.data(dimension, comparisonLabel) : '';\n },\n },\n },\n y: {\n ticks: {\n callback: (value) => {\n return themeFormatter.data(measures[0]!, value);\n },\n },\n },\n },\n };\n\n return lineChartOptions;\n};\n\nexport const getLineChartComparisonProOptions = (\n options: LineChartComparisonProOptionsProps,\n theme: Theme,\n): ChartOptions<'line'> => {\n const getOptions =\n options.dimension.nativeType === 'time'\n ? getLineChartComparisonTimeOptions\n : getLineChartComparisonNonTimeOptions;\n return mergician(\n getOptions(options, theme),\n theme.charts?.lineChartComparisonDefaultPro?.options || {},\n );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { LineChart } from '../../../../../remarkable-ui/charts/lines/LineChart';\nimport { useEffect } from 'react';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\nimport {\n getLineChartComparisonProData,\n getLineChartComparisonProOptions,\n} from './LineChartComparisonDefaultPro.utils';\nimport { useFillGaps } from '../../charts.newFillGaps.hooks';\n\ntype LineChartComparisonDefaultProProps = {\n description: string;\n xAxis: Dimension;\n measures: Measure[];\n results: DataResponse;\n resultsComparison: DataResponse | undefined;\n reverseXAxis: boolean;\n showLegend: boolean;\n showLogarithmicScale: boolean;\n showTooltips: boolean;\n showValueLabels: boolean;\n title: string;\n xAxisLabel: string;\n yAxisLabel: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n comparisonPeriod?: string;\n comparisonDateRange: TimeRange;\n showComparisonAxis: boolean;\n primaryDateRange: TimeRange;\n setComparisonDateRange: (dateRange: TimeRange) => void;\n};\n\nconst LineChartComparisonDefaultPro = (props: LineChartComparisonDefaultProProps) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n const {\n comparisonPeriod,\n measures,\n xAxis,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showValueLabels,\n yAxisRangeMax,\n yAxisRangeMin,\n primaryDateRange,\n comparisonDateRange,\n showComparisonAxis,\n setComparisonDateRange,\n } = props;\n\n useEffect(() => {\n const newComparisonDateRange = getComparisonPeriodDateRange(\n primaryDateRange,\n comparisonPeriod,\n theme,\n );\n setComparisonDateRange(newComparisonDateRange);\n }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n const results = useFillGaps({ results: props.results, dimension: xAxis });\n\n const resultsComparison = useFillGaps({\n results: props.resultsComparison,\n dimension: xAxis,\n externalDateBounds: comparisonDateRange,\n });\n\n const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n const data = getLineChartComparisonProData(\n {\n data: results.data,\n dataComparison: showDataComparison ? (resultsComparison?.data ?? []) : undefined,\n dimension: xAxis,\n measures,\n hasMinMaxYAxisRange: Boolean(yAxisRangeMin || yAxisRangeMax),\n },\n theme,\n );\n\n const options = getLineChartComparisonProOptions(\n {\n data: data,\n dimension: xAxis,\n measures,\n xAxisLabel,\n showComparisonAxis,\n },\n theme,\n );\n\n const resultsCombined = {\n ...results,\n data: [...(results.data ?? []), ...(resultsComparison?.data ?? [])],\n };\n\n return (\n <ChartCard\n data={resultsCombined}\n dimensionsAndMeasures={[...measures, xAxis]}\n errorMessage={results.error}\n subtitle={description}\n title={title}\n >\n <LineChart\n data={data}\n reverseXAxis={reverseXAxis}\n showLegend={showLegend}\n showLogarithmicScale={showLogarithmicScale}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n yAxisRangeMax={yAxisRangeMax}\n yAxisRangeMin={yAxisRangeMin}\n options={options}\n />\n </ChartCard>\n );\n};\n\nexport default LineChartComparisonDefaultPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n dataset,\n description,\n dimension,\n dimensionTime,\n genericBoolean,\n genericTimeRange,\n measures,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showValueLabels,\n subInputColor,\n title,\n xAxisLabel,\n yAxisLabel,\n yAxisRangeMax,\n yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartComparisonDefaultPro from './index';\nimport { loadData, OrderBy, TimeRange } from '@embeddable.com/core';\nimport ComparisonPeriodType from '../../../types/ComparisonPeriod.type.emb';\n\nexport const meta = {\n name: 'LineChartComparisonDefaultPro',\n label: 'Line Chart Comparison - Default',\n category: 'Line Charts',\n inputs: [\n dataset,\n {\n ...measures,\n inputs: [\n ...measures.inputs,\n { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n {\n ...subInputColor,\n name: 'lineColor',\n label: 'Line color',\n },\n { ...subInputColor, name: 'previousLineColor', label: 'Previous line color' },\n {\n ...genericBoolean,\n name: 'lineDashed',\n label: 'Primary line dashed',\n defaultValue: false,\n },\n {\n ...genericBoolean,\n name: 'previousLineDashed',\n label: 'Compared line dashed',\n defaultValue: true,\n },\n { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n ],\n },\n { ...dimension, label: 'X-axis', name: 'xAxis' },\n {\n ...genericTimeRange,\n name: 'primaryDateRange',\n label: 'Primary Date Range',\n description: 'You can also connect this to a date range selector using its variable',\n category: 'Component Data',\n },\n {\n name: 'comparisonPeriod',\n type: ComparisonPeriodType,\n label: 'Comparison Period',\n description: 'You can also connect this to a comparison period selector using its variable',\n category: 'Component Data',\n },\n {\n ...dimensionTime,\n name: 'timePropertyForNonTimeDimensions',\n label: 'Time property for non time dimensions',\n description:\n 'Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.',\n required: false,\n },\n\n title,\n description,\n showLegend,\n showTooltips,\n showValueLabels,\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n reverseXAxis,\n yAxisRangeMin,\n yAxisRangeMax,\n {\n ...genericBoolean,\n name: 'showComparisonAxis',\n label: 'Display a comparison X-axis',\n defaultValue: true,\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype LineChartComparisonDefaultProState = {\n comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(LineChartComparisonDefaultPro, meta, {\n /* @ts-expect-error - to be fixed in @embeddable.com/react */\n\n props: (\n inputs: Inputs<typeof meta>,\n [state, setState]: [\n LineChartComparisonDefaultProState,\n (state: LineChartComparisonDefaultProState) => void,\n ],\n ) => {\n const orderBy: OrderBy[] = [\n {\n property: inputs.xAxis,\n direction: 'asc',\n },\n ];\n\n const timeProperty =\n inputs.xAxis.nativeType === 'time' ? inputs.xAxis : inputs.timePropertyForNonTimeDimensions;\n\n return {\n ...inputs,\n comparisonDateRange: state?.comparisonDateRange,\n setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n results: loadData({\n from: inputs.dataset,\n select: [...inputs.measures, inputs.xAxis],\n orderBy,\n filters:\n inputs.primaryDateRange && timeProperty\n ? [\n {\n property: timeProperty,\n operator: 'inDateRange',\n value: inputs.primaryDateRange,\n },\n ]\n : undefined,\n }),\n resultsComparison:\n inputs.primaryDateRange && timeProperty && state?.comparisonDateRange\n ? loadData({\n from: inputs.dataset,\n select: [...inputs.measures, inputs.xAxis],\n orderBy,\n filters: [\n {\n property: timeProperty,\n operator: 'inDateRange',\n value: state.comparisonDateRange,\n },\n ],\n })\n : undefined,\n };\n },\n});\n"],"names":["AXIS_ID_MAIN","AXIS_ID_COMPARISON","getLineChartComparisonDataset","props","theme","data","measure","dimension","index","isPreviousPeriod","hasMinMaxYAxisRange","labels","datasetLabels","item","zeroFill","_a","processedData","label","found","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","isLineDashed","_b","lineColorTemp","_c","lineColor","isColorValid","getColor","chartContrastColors","i18n","setColorAlpha","getStyleNumber","_d","getLineChartComparisonProData","dataComparison","measures","originalDatasets","comparisonDatasets","getLineChartComparisonNonTimeOptions","options","xAxisLabel","legendItem","chartData","dataset","value","context","raw","chartjsAxisOptionsScalesTitle","chartjsAxisOptionsScalesTicksDefault","getLineChartComparisonTimeOptions","showComparisonAxis","mainDimensionLabels","ds","comparisonDimensionLabels","dataIndex","main","comparison","comparisonLabel","getLineChartComparisonProOptions","getOptions","mergician","LineChartComparisonDefaultPro","useTheme","i18nSetup","title","description","yAxisLabel","resolveI18nProps","comparisonPeriod","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","primaryDateRange","comparisonDateRange","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","showDataComparison","resultsCombined","jsx","ChartCard","LineChart","meta","genericBoolean","subInputColor","genericTimeRange","ComparisonPeriodType","dimensionTime","LineChartComparisonDefaultPro_emb","defineComponent","inputs","state","setState","orderBy","timeProperty","loadData"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import { g as w } from "./formatter.utils--2w1e7GE.js";
|
|
|
5
5
|
import { g as _, a as y } from "./object.utils-BNKDL7Y9.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import { i as k, s as H } from "./color.utils-CVyp-fGP.js";
|
|
8
|
-
import { u as J } from "./charts.newFillGaps.hooks-
|
|
8
|
+
import { u as J } from "./charts.newFillGaps.hooks-CJLaShd4.js";
|
|
9
9
|
const Q = (s, o) => {
|
|
10
10
|
if (!s.data)
|
|
11
11
|
return {
|
|
@@ -5,7 +5,7 @@ import { g as k } from "./formatter.utils--2w1e7GE.js";
|
|
|
5
5
|
import { g as Q, a as G } from "./object.utils-BNKDL7Y9.js";
|
|
6
6
|
import { s as Y } from "./color.utils-CVyp-fGP.js";
|
|
7
7
|
import "react";
|
|
8
|
-
import { u as Z } from "./charts.newFillGaps.hooks-
|
|
8
|
+
import { u as Z } from "./charts.newFillGaps.hooks-CJLaShd4.js";
|
|
9
9
|
const I = (a, o) => {
|
|
10
10
|
const u = k(o), { data: r = [], dimension: i, groupDimension: t, measure: c } = a, n = [...new Set(r.map((s) => s[i.name]).filter(Boolean))].sort(), m = [...new Set(r.map((s) => s[t.name]))].filter(Boolean), e = Q(o), l = m.map((s, b) => {
|
|
11
11
|
var x;
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { g as q, d as i, u as B } from "./utc-B2gCnkBk.js";
|
|
2
|
+
import { i as E } from "./object.utils-BNKDL7Y9.js";
|
|
3
|
+
import { useTheme as F } from "@embeddable.com/react";
|
|
4
|
+
import { useMemo as M } from "react";
|
|
5
|
+
var S = { exports: {} }, W = S.exports, j;
|
|
6
|
+
function Z() {
|
|
7
|
+
return j || (j = 1, (function(O, h) {
|
|
8
|
+
(function(e, t) {
|
|
9
|
+
O.exports = t();
|
|
10
|
+
})(W, (function() {
|
|
11
|
+
return function(e, t) {
|
|
12
|
+
t.prototype.isSameOrBefore = function(f, r) {
|
|
13
|
+
return this.isSame(f, r) || this.isBefore(f, r);
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
}));
|
|
17
|
+
})(S)), S.exports;
|
|
18
|
+
}
|
|
19
|
+
var $ = Z();
|
|
20
|
+
const b = /* @__PURE__ */ q($);
|
|
21
|
+
i.extend(B);
|
|
22
|
+
i.extend(E);
|
|
23
|
+
i.extend(b);
|
|
24
|
+
function A(O) {
|
|
25
|
+
const h = F(), { results: e, dimension: t, orderDirection: f = "asc", externalDateBounds: r } = O;
|
|
26
|
+
return M(() => {
|
|
27
|
+
var k, I, R, V, w;
|
|
28
|
+
const l = (k = t.inputs) == null ? void 0 : k.granularity, n = t.name, c = (I = t.inputs) == null ? void 0 : I.dateBounds;
|
|
29
|
+
if (!l || !n) return e;
|
|
30
|
+
const a = c != null && c.relativeTimeString ? (R = h.defaults.dateRangesOptions.find((o) => o.value === (c == null ? void 0 : c.relativeTimeString))) == null ? void 0 : R.getRange() : c;
|
|
31
|
+
if (t.nativeType !== "time") return e;
|
|
32
|
+
const p = [...(e == null ? void 0 : e.data) ?? []].sort((o, s) => {
|
|
33
|
+
const u = o[n], m = s[n];
|
|
34
|
+
return u == null ? 1 : m == null ? -1 : i.utc(u).diff(i.utc(m));
|
|
35
|
+
}), x = i.utc(
|
|
36
|
+
(r == null ? void 0 : r.from) ?? (a == null ? void 0 : a.from) ?? ((V = p[0]) == null ? void 0 : V[n])
|
|
37
|
+
), y = i.utc(
|
|
38
|
+
(r == null ? void 0 : r.to) ?? (a == null ? void 0 : a.to) ?? ((w = p[p.length - 1]) == null ? void 0 : w[n])
|
|
39
|
+
);
|
|
40
|
+
if (!x.isValid() || !y.isValid())
|
|
41
|
+
return { ...e, data: [] };
|
|
42
|
+
const v = /* @__PURE__ */ new Map();
|
|
43
|
+
for (const o of p) {
|
|
44
|
+
const s = o[n];
|
|
45
|
+
if (s == null) continue;
|
|
46
|
+
const u = i.utc(s).toISOString().split("Z")[0], m = v.get(u) ?? [];
|
|
47
|
+
m.push(o), v.set(u, m);
|
|
48
|
+
}
|
|
49
|
+
const d = [];
|
|
50
|
+
let g = x.startOf(l === "week" ? "isoWeek" : l);
|
|
51
|
+
for (; g.isSameOrBefore(y); ) {
|
|
52
|
+
const o = g.toISOString().split("Z")[0], s = v.get(o);
|
|
53
|
+
s && s.length > 0 ? d.push(...s) : d.push({ [n]: o }), g = g.add(1, l);
|
|
54
|
+
}
|
|
55
|
+
return f === "desc" && d.reverse(), {
|
|
56
|
+
...e,
|
|
57
|
+
data: d
|
|
58
|
+
};
|
|
59
|
+
}, [e, t, f, h]);
|
|
60
|
+
}
|
|
61
|
+
export {
|
|
62
|
+
A as u
|
|
63
|
+
};
|
|
64
|
+
//# sourceMappingURL=charts.newFillGaps.hooks-CJLaShd4.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"charts.newFillGaps.hooks-CJLaShd4.js","sources":["../node_modules/dayjs/plugin/isSameOrBefore.js","../src/remarkable-pro/components/charts/charts.newFillGaps.hooks.ts"],"sourcesContent":["!function(e,i){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=i():\"function\"==typeof define&&define.amd?define(i):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_isSameOrBefore=i()}(this,(function(){\"use strict\";return function(e,i){i.prototype.isSameOrBefore=function(e,i){return this.isSame(e,i)||this.isBefore(e,i)}}}));","import { DataResponse, Dimension, TimeRange } from '@embeddable.com/core';\nimport dayjs, { QUnitType } from 'dayjs';\nimport isoWeek from 'dayjs/plugin/isoWeek.js';\nimport utc from 'dayjs/plugin/utc.js';\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore.js';\nimport { Theme } from '../../theme/theme.types';\nimport { useTheme } from '@embeddable.com/react';\nimport { useMemo } from 'react';\n\ndayjs.extend(utc);\ndayjs.extend(isoWeek);\ndayjs.extend(isSameOrBefore);\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DataRecord = { [key: string]: any };\n\ntype UseFillGapsProps = {\n results: DataResponse | undefined;\n dimension: Dimension;\n orderDirection?: 'asc' | 'desc';\n externalDateBounds?: TimeRange;\n};\n\nexport function useFillGaps(props: UseFillGapsProps): DataResponse {\n const theme = useTheme() as Theme;\n const { results, dimension, orderDirection = 'asc', externalDateBounds } = props;\n\n const processed = useMemo(() => {\n const granularity = dimension.inputs?.granularity;\n const dimensionName = dimension.name;\n const dateBoundsTmp: TimeRange = dimension.inputs?.dateBounds;\n\n if (!granularity || !dimensionName) return results;\n\n const dateBounds = dateBoundsTmp?.relativeTimeString\n ? theme.defaults.dateRangesOptions\n .find((option) => option.value === dateBoundsTmp?.relativeTimeString)\n ?.getRange()\n : dateBoundsTmp;\n\n if (dimension.nativeType !== 'time') return results;\n\n const sortedResults = [...(results?.data ?? [])].sort((a, b) => {\n const aVal = a[dimensionName];\n const bVal = b[dimensionName];\n if (aVal == null) return 1;\n if (bVal == null) return -1;\n return dayjs.utc(aVal).diff(dayjs.utc(bVal));\n });\n\n // Determine the full date range even if data is empty\n const from = dayjs.utc(\n externalDateBounds?.from ?? dateBounds?.from ?? sortedResults[0]?.[dimensionName],\n );\n const to = dayjs.utc(\n externalDateBounds?.to ??\n dateBounds?.to ??\n sortedResults[sortedResults.length - 1]?.[dimensionName],\n );\n\n // If we *still* don’t have valid date bounds, bail out safely\n if (!from.isValid() || !to.isValid()) {\n return { ...results, data: [] };\n }\n\n const recordsByDate = new Map<string, DataRecord[]>();\n for (const record of sortedResults) {\n const value = record[dimensionName];\n if (value == null) continue;\n const key = dayjs.utc(value).toISOString().split('Z')[0]!;\n const arr = recordsByDate.get(key) ?? [];\n arr.push(record);\n recordsByDate.set(key, arr);\n }\n\n const filled: DataRecord[] = [];\n let current = from.startOf((granularity === 'week' ? 'isoWeek' : granularity) as QUnitType);\n\n while (current.isSameOrBefore(to)) {\n const key = current.toISOString().split('Z')[0]!;\n const records = recordsByDate.get(key);\n\n if (records && records.length > 0) {\n filled.push(...records);\n } else {\n filled.push({ [dimensionName]: key });\n }\n\n current = current.add(1, granularity as QUnitType);\n }\n\n if (orderDirection === 'desc') {\n filled.reverse();\n }\n\n return {\n ...results,\n data: filled,\n };\n }, [results, dimension, orderDirection, theme]);\n\n return processed as DataResponse;\n}\n"],"names":["i","module","this","e","dayjs","utc","isoWeek","isSameOrBefore","useFillGaps","props","theme","useTheme","results","dimension","orderDirection","externalDateBounds","useMemo","granularity","_a","dimensionName","dateBoundsTmp","_b","dateBounds","_c","option","sortedResults","a","b","aVal","bVal","from","_d","to","_e","recordsByDate","record","value","key","arr","filled","current","records"],"mappings":";;;;;;;AAAA,KAAC,SAAS,GAAEA,GAAE;AAAsD,MAAAC,EAAA,UAAeD,EAAC;AAAA,IAAwI,GAAEE,IAAM,WAAU;AAAc,aAAO,SAAS,GAAEF,GAAE;AAAC,QAAAA,EAAE,UAAU,iBAAe,SAASG,GAAEH,GAAE;AAAC,iBAAO,KAAK,OAAOG,GAAEH,CAAC,KAAG,KAAK,SAASG,GAAEH,CAAC;AAAA,QAAC;AAAA,MAAC;AAAA,IAAC,EAAC;AAAA;;;;ACSxWI,EAAM,OAAOC,CAAG;AAChBD,EAAM,OAAOE,CAAO;AACpBF,EAAM,OAAOG,CAAc;AAYpB,SAASC,EAAYC,GAAuC;AACjE,QAAMC,IAAQC,EAAA,GACR,EAAE,SAAAC,GAAS,WAAAC,GAAW,gBAAAC,IAAiB,OAAO,oBAAAC,MAAuBN;AA4E3E,SA1EkBO,EAAQ,MAAM;;AAC9B,UAAMC,KAAcC,IAAAL,EAAU,WAAV,gBAAAK,EAAkB,aAChCC,IAAgBN,EAAU,MAC1BO,KAA2BC,IAAAR,EAAU,WAAV,gBAAAQ,EAAkB;AAEnD,QAAI,CAACJ,KAAe,CAACE,EAAe,QAAOP;AAE3C,UAAMU,IAAaF,KAAA,QAAAA,EAAe,sBAC9BG,IAAAb,EAAM,SAAS,kBACZ,KAAK,CAACc,MAAWA,EAAO,WAAUJ,KAAA,gBAAAA,EAAe,mBAAkB,MADtE,gBAAAG,EAEI,aACJH;AAEJ,QAAIP,EAAU,eAAe,OAAQ,QAAOD;AAE5C,UAAMa,IAAgB,CAAC,IAAIb,KAAA,gBAAAA,EAAS,SAAQ,CAAA,CAAG,EAAE,KAAK,CAACc,GAAGC,MAAM;AAC9D,YAAMC,IAAOF,EAAEP,CAAa,GACtBU,IAAOF,EAAER,CAAa;AAC5B,aAAIS,KAAQ,OAAa,IACrBC,KAAQ,OAAa,KAClBzB,EAAM,IAAIwB,CAAI,EAAE,KAAKxB,EAAM,IAAIyB,CAAI,CAAC;AAAA,IAC7C,CAAC,GAGKC,IAAO1B,EAAM;AAAA,OACjBW,KAAA,gBAAAA,EAAoB,UAAQO,KAAA,gBAAAA,EAAY,WAAQS,IAAAN,EAAc,CAAC,MAAf,gBAAAM,EAAmBZ;AAAA,IAAa,GAE5Ea,IAAK5B,EAAM;AAAA,OACfW,KAAA,gBAAAA,EAAoB,QAClBO,KAAA,gBAAAA,EAAY,SACZW,IAAAR,EAAcA,EAAc,SAAS,CAAC,MAAtC,gBAAAQ,EAA0Cd;AAAA,IAAa;AAI3D,QAAI,CAACW,EAAK,QAAA,KAAa,CAACE,EAAG;AACzB,aAAO,EAAE,GAAGpB,GAAS,MAAM,GAAC;AAG9B,UAAMsB,wBAAoB,IAAA;AAC1B,eAAWC,KAAUV,GAAe;AAClC,YAAMW,IAAQD,EAAOhB,CAAa;AAClC,UAAIiB,KAAS,KAAM;AACnB,YAAMC,IAAMjC,EAAM,IAAIgC,CAAK,EAAE,cAAc,MAAM,GAAG,EAAE,CAAC,GACjDE,IAAMJ,EAAc,IAAIG,CAAG,KAAK,CAAA;AACtC,MAAAC,EAAI,KAAKH,CAAM,GACfD,EAAc,IAAIG,GAAKC,CAAG;AAAA,IAC5B;AAEA,UAAMC,IAAuB,CAAA;AAC7B,QAAIC,IAAUV,EAAK,QAASb,MAAgB,SAAS,YAAYA,CAAyB;AAE1F,WAAOuB,EAAQ,eAAeR,CAAE,KAAG;AACjC,YAAMK,IAAMG,EAAQ,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC,GACxCC,IAAUP,EAAc,IAAIG,CAAG;AAErC,MAAII,KAAWA,EAAQ,SAAS,IAC9BF,EAAO,KAAK,GAAGE,CAAO,IAEtBF,EAAO,KAAK,EAAE,CAACpB,CAAa,GAAGkB,GAAK,GAGtCG,IAAUA,EAAQ,IAAI,GAAGvB,CAAwB;AAAA,IACnD;AAEA,WAAIH,MAAmB,UACrByB,EAAO,QAAA,GAGF;AAAA,MACL,GAAG3B;AAAA,MACH,MAAM2B;AAAA,IAAA;AAAA,EAEV,GAAG,CAAC3B,GAASC,GAAWC,GAAgBJ,CAAK,CAAC;AAGhD;","x_google_ignoreList":[0]}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"components": [
|
|
3
|
-
"DateRangeSelectFieldPro",
|
|
4
3
|
"ComparisonPeriodSelectFieldPro",
|
|
5
|
-
"
|
|
6
|
-
"
|
|
4
|
+
"DateRangeSelectFieldPro",
|
|
5
|
+
"BarChartGroupedHorizontalPro",
|
|
6
|
+
"BarChartStackedPro",
|
|
7
|
+
"KpiChartNumberComparisonPro",
|
|
8
|
+
"BarChartGroupedPro",
|
|
7
9
|
"BarChartDefaultHorizontalPro",
|
|
8
|
-
"SingleSelectFieldPro",
|
|
9
10
|
"BarChartStackedHorizontalPro",
|
|
10
|
-
"
|
|
11
|
-
"LineChartComparisonDefaultPro",
|
|
11
|
+
"LineChartGroupedPro",
|
|
12
12
|
"KpiChartNumberPro",
|
|
13
|
-
"
|
|
13
|
+
"MultiSelectFieldPro",
|
|
14
|
+
"SingleSelectFieldPro",
|
|
14
15
|
"LineChartDefaultPro",
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
16
|
+
"LineChartComparisonDefaultPro",
|
|
17
|
+
"DonutChartPro",
|
|
18
|
+
"BarChartDefaultPro",
|
|
18
19
|
"PieChartPro",
|
|
19
|
-
"
|
|
20
|
-
"DonutChartPro"
|
|
20
|
+
"DonutLabelChartPro"
|
|
21
21
|
],
|
|
22
22
|
"editors": [],
|
|
23
23
|
"plugin": "react"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"charts.newFillGaps.hooks.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-pro/components/charts/charts.newFillGaps.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAgB1E,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,YAAY,GAAG,SAAS,CAAC;IAClC,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAChC,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"charts.newFillGaps.hooks.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-pro/components/charts/charts.newFillGaps.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAgB1E,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,YAAY,GAAG,SAAS,CAAC;IAClC,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAChC,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CA+EjE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineChartComparisonDefaultPro.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAInD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"LineChartComparisonDefaultPro.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAInD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAiFtD,eAAO,MAAM,6BAA6B,GACxC,OAAO;IACL,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC3B,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACjD,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,EACD,OAAO,KAAK,KACX,SAAS,CAAC,MAAM,CAqDlB,CAAC;AAEF,KAAK,kCAAkC,GAAG;IACxC,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAqMF,eAAO,MAAM,gCAAgC,GAC3C,SAAS,kCAAkC,EAC3C,OAAO,KAAK,KACX,YAAY,CAAC,MAAM,CASrB,CAAC"}
|
package/dist/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAanF,KAAK,kCAAkC,GAAG;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB,iBAAiB,EAAE,YAAY,GAAG,SAAS,CAAC;IAC5C,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,SAAS,CAAC;IAC/B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,SAAS,CAAC;IAC5B,sBAAsB,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,QAAA,MAAM,6BAA6B,GAAI,OAAO,kCAAkC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAanF,KAAK,kCAAkC,GAAG;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB,iBAAiB,EAAE,YAAY,GAAG,SAAS,CAAC;IAC5C,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,SAAS,CAAC;IAC/B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,SAAS,CAAC;IAC5B,sBAAsB,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,QAAA,MAAM,6BAA6B,GAAI,OAAO,kCAAkC,4CA0F/E,CAAC;AAEF,eAAe,6BAA6B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { g as E, d as n, u as F } from "./utc-B2gCnkBk.js";
|
|
2
|
-
import { i as M } from "./object.utils-BNKDL7Y9.js";
|
|
3
|
-
import { useTheme as V } from "@embeddable.com/react";
|
|
4
|
-
import { useMemo as W } from "react";
|
|
5
|
-
var S = { exports: {} }, Z = S.exports, j;
|
|
6
|
-
function $() {
|
|
7
|
-
return j || (j = 1, (function(h, O) {
|
|
8
|
-
(function(e, t) {
|
|
9
|
-
h.exports = t();
|
|
10
|
-
})(Z, (function() {
|
|
11
|
-
return function(e, t) {
|
|
12
|
-
t.prototype.isSameOrBefore = function(u, r) {
|
|
13
|
-
return this.isSame(u, r) || this.isBefore(u, r);
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
}));
|
|
17
|
-
})(S)), S.exports;
|
|
18
|
-
}
|
|
19
|
-
var b = $();
|
|
20
|
-
const C = /* @__PURE__ */ E(b);
|
|
21
|
-
n.extend(F);
|
|
22
|
-
n.extend(M);
|
|
23
|
-
n.extend(C);
|
|
24
|
-
function D(h) {
|
|
25
|
-
const O = V(), { results: e, dimension: t, orderDirection: u = "asc", externalDateBounds: r } = h;
|
|
26
|
-
return W(() => {
|
|
27
|
-
var x, y, k, I, R, w;
|
|
28
|
-
const m = (x = t.inputs) == null ? void 0 : x.granularity, i = t.name, a = (y = t.inputs) == null ? void 0 : y.dateBounds;
|
|
29
|
-
if (!e || !e.data || e.data.length === 0)
|
|
30
|
-
return { ...e, data: [] };
|
|
31
|
-
if (!m || !i) return e;
|
|
32
|
-
const c = a != null && a.relativeTimeString ? (k = O.defaults.dateRangesOptions.find((s) => s.value === (a == null ? void 0 : a.relativeTimeString))) == null ? void 0 : k.getRange() : a;
|
|
33
|
-
if (t.nativeType !== "time" || !((I = e.data) != null && I.length)) return e;
|
|
34
|
-
const p = [...e.data ?? []].sort((s, o) => {
|
|
35
|
-
const f = s[i], l = o[i];
|
|
36
|
-
return f == null ? 1 : l == null ? -1 : n.utc(f).diff(n.utc(l));
|
|
37
|
-
}), q = n.utc(
|
|
38
|
-
(r == null ? void 0 : r.from) ?? (c == null ? void 0 : c.from) ?? ((R = p[0]) == null ? void 0 : R[i])
|
|
39
|
-
), B = n.utc(
|
|
40
|
-
(r == null ? void 0 : r.to) ?? (c == null ? void 0 : c.to) ?? ((w = p[p.length - 1]) == null ? void 0 : w[i])
|
|
41
|
-
), v = /* @__PURE__ */ new Map();
|
|
42
|
-
for (const s of p) {
|
|
43
|
-
const o = s[i];
|
|
44
|
-
if (o == null) continue;
|
|
45
|
-
const f = n.utc(o).toISOString().split("Z")[0], l = v.get(f) ?? [];
|
|
46
|
-
l.push(s), v.set(f, l);
|
|
47
|
-
}
|
|
48
|
-
const g = [];
|
|
49
|
-
let d = q.startOf(m === "week" ? "isoWeek" : m);
|
|
50
|
-
for (; d.isSameOrBefore(B); ) {
|
|
51
|
-
const s = d.toISOString().split("Z")[0], o = v.get(s);
|
|
52
|
-
o && o.length > 0 ? g.push(...o) : g.push({ [i]: s }), d = d.add(1, m);
|
|
53
|
-
}
|
|
54
|
-
return u === "desc" && g.reverse(), {
|
|
55
|
-
...e,
|
|
56
|
-
data: g
|
|
57
|
-
};
|
|
58
|
-
}, [e, t, u, O]);
|
|
59
|
-
}
|
|
60
|
-
export {
|
|
61
|
-
D as u
|
|
62
|
-
};
|
|
63
|
-
//# sourceMappingURL=charts.newFillGaps.hooks-D6mnKJwQ.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"charts.newFillGaps.hooks-D6mnKJwQ.js","sources":["../node_modules/dayjs/plugin/isSameOrBefore.js","../src/remarkable-pro/components/charts/charts.newFillGaps.hooks.ts"],"sourcesContent":["!function(e,i){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=i():\"function\"==typeof define&&define.amd?define(i):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_isSameOrBefore=i()}(this,(function(){\"use strict\";return function(e,i){i.prototype.isSameOrBefore=function(e,i){return this.isSame(e,i)||this.isBefore(e,i)}}}));","import { DataResponse, Dimension, TimeRange } from '@embeddable.com/core';\nimport dayjs, { QUnitType } from 'dayjs';\nimport isoWeek from 'dayjs/plugin/isoWeek.js';\nimport utc from 'dayjs/plugin/utc.js';\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore.js';\nimport { Theme } from '../../theme/theme.types';\nimport { useTheme } from '@embeddable.com/react';\nimport { useMemo } from 'react';\n\ndayjs.extend(utc);\ndayjs.extend(isoWeek);\ndayjs.extend(isSameOrBefore);\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DataRecord = { [key: string]: any };\n\ntype UseFillGapsProps = {\n results: DataResponse | undefined;\n dimension: Dimension;\n orderDirection?: 'asc' | 'desc';\n externalDateBounds?: TimeRange;\n};\n\nexport function useFillGaps(props: UseFillGapsProps): DataResponse {\n const theme = useTheme() as Theme;\n const { results, dimension, orderDirection = 'asc', externalDateBounds } = props;\n\n const processed = useMemo(() => {\n const granularity = dimension.inputs?.granularity;\n const dimensionName = dimension.name;\n const dateBoundsTmp: TimeRange = dimension.inputs?.dateBounds;\n\n if (!results || !results.data || results.data.length === 0) {\n return { ...results, data: [] };\n }\n\n if (!granularity || !dimensionName) return results;\n\n const dateBounds = dateBoundsTmp?.relativeTimeString\n ? theme.defaults.dateRangesOptions\n .find((option) => option.value === dateBoundsTmp?.relativeTimeString)\n ?.getRange()\n : dateBoundsTmp;\n\n if (dimension.nativeType !== 'time' || !results.data?.length) return results;\n\n const sortedResults = [...(results.data ?? [])].sort((a, b) => {\n const aVal = a[dimensionName];\n const bVal = b[dimensionName];\n if (aVal == null) return 1;\n if (bVal == null) return -1;\n return dayjs.utc(aVal).diff(dayjs.utc(bVal));\n });\n\n const from = dayjs.utc(\n externalDateBounds?.from ?? dateBounds?.from ?? sortedResults[0]?.[dimensionName],\n );\n const to = dayjs.utc(\n externalDateBounds?.to ??\n dateBounds?.to ??\n sortedResults[sortedResults.length - 1]?.[dimensionName],\n );\n\n const recordsByDate = new Map<string, DataRecord[]>();\n for (const record of sortedResults) {\n const value = record[dimensionName];\n if (value == null) continue;\n const key = dayjs.utc(value).toISOString().split('Z')[0]!;\n const arr = recordsByDate.get(key) ?? [];\n arr.push(record);\n recordsByDate.set(key, arr);\n }\n\n const filled: DataRecord[] = [];\n let current = from.startOf((granularity === 'week' ? 'isoWeek' : granularity) as QUnitType);\n\n while (current.isSameOrBefore(to)) {\n const key = current.toISOString().split('Z')[0]!;\n const records = recordsByDate.get(key);\n\n if (records && records.length > 0) {\n filled.push(...records);\n } else {\n filled.push({ [dimensionName]: key });\n }\n\n current = current.add(1, granularity as QUnitType);\n }\n\n if (orderDirection === 'desc') {\n filled.reverse();\n }\n\n return {\n ...results,\n data: filled,\n };\n }, [results, dimension, orderDirection, theme]);\n\n return processed as DataResponse;\n}\n"],"names":["i","module","this","e","dayjs","utc","isoWeek","isSameOrBefore","useFillGaps","props","theme","useTheme","results","dimension","orderDirection","externalDateBounds","useMemo","granularity","_a","dimensionName","dateBoundsTmp","_b","dateBounds","_c","option","_d","sortedResults","a","b","aVal","bVal","from","_e","to","_f","recordsByDate","record","value","key","arr","filled","current","records"],"mappings":"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","x_google_ignoreList":[0]}
|