@embeddable.com/remarkable-pro 0.0.7 → 0.0.10
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 +3 -3
- package/dist/BarChartDefaultPro.js +3 -3
- package/dist/BarChartGroupedHorizontalPro.js +3 -3
- package/dist/BarChartGroupedPro.js +3 -3
- package/dist/BarChartStackedHorizontalPro.js +3 -3
- package/dist/BarChartStackedPro.js +3 -3
- package/dist/ChartCard-CVL4wTx4.js +124 -0
- package/dist/ChartCard-CVL4wTx4.js.map +1 -0
- package/dist/{Color.type.emb-CWTlQmpX.js → Color.type.emb-2eHKigos.js} +2 -2
- package/dist/{Color.type.emb-CWTlQmpX.js.map → Color.type.emb-2eHKigos.js.map} +1 -1
- package/dist/ColorEditor.js +2 -2
- package/dist/{ComparisonPeriod.type.emb-A4w1cgoZ.js → ComparisonPeriod.type.emb-0_NLUHUG.js} +2 -2
- package/dist/{ComparisonPeriod.type.emb-A4w1cgoZ.js.map → ComparisonPeriod.type.emb-0_NLUHUG.js.map} +1 -1
- package/dist/ComparisonPeriodSelectFieldPro.js +4 -4
- package/dist/DateRangeSelectFieldPro.js +3 -3
- package/dist/DonutChartPro.js +3 -3
- package/dist/DonutLabelChartPro.js +3 -3
- package/dist/{EditorCard-BZ9OPW3m.js → EditorCard-CBM5lBf4.js} +3 -3
- package/dist/{EditorCard-BZ9OPW3m.js.map → EditorCard-CBM5lBf4.js.map} +1 -1
- package/dist/HeatMapPro.js +4 -4
- package/dist/KpiChartNumberComparisonPro.js +14 -14
- package/dist/KpiChartNumberComparisonPro.js.map +1 -1
- package/dist/KpiChartNumberPro.js +3 -3
- package/dist/LineChartComparisonDefaultPro.js +5 -5
- package/dist/LineChartDefaultPro.js +4 -4
- package/dist/LineChartGroupedPro.js +3 -3
- package/dist/MultiSelectFieldPro.js +3 -3
- package/dist/PieChartPro.js +3 -3
- package/dist/PivotTablePro.js +3 -3
- package/dist/SingleSelectFieldPro.js +3 -3
- package/dist/TableChartPaginated.js +50 -43
- package/dist/TableChartPaginated.js.map +1 -1
- package/dist/{bars.utils-wDaeYsgx.js → bars.utils-B1Hz3hDV.js} +4 -4
- package/dist/{bars.utils-wDaeYsgx.js.map → bars.utils-B1Hz3hDV.js.map} +1 -1
- package/dist/{charts.utils-DvG9esg1.js → charts.utils-Iko6Kzy0.js} +23 -15
- package/dist/charts.utils-Iko6Kzy0.js.map +1 -0
- package/dist/{component.constants-Dhb2rtRh.js → component.constants-DgkJze23.js} +77 -77
- package/dist/component.constants-DgkJze23.js.map +1 -0
- package/dist/components/charts/kpis/KpiChartNumberComparisonPro/index.d.ts.map +1 -1
- package/dist/components/charts/shared/ChartCard/ChartCard.d.ts +0 -1
- package/dist/components/charts/shared/ChartCard/ChartCard.d.ts.map +1 -1
- package/dist/components/charts/tables/TableChartPaginated/index.d.ts +8 -6
- package/dist/components/charts/tables/TableChartPaginated/index.d.ts.map +1 -1
- package/dist/embeddable-components.json +12 -12
- package/dist/embeddable-theme-0137e.js +20 -12
- package/dist/embeddable-types.js.map +1 -1
- package/dist/{formatter.utils-Bdp9Y-Lv.js → formatter.utils-XQ213825.js} +2 -2
- package/dist/{formatter.utils-Bdp9Y-Lv.js.map → formatter.utils-XQ213825.js.map} +1 -1
- package/dist/index-B6pLTirY.js +161 -0
- package/dist/index-B6pLTirY.js.map +1 -0
- package/dist/{index-lk-Z0NGN.js → index-B_h9tbkR.js} +5 -5
- package/dist/{index-lk-Z0NGN.js.map → index-B_h9tbkR.js.map} +1 -1
- package/dist/{index-CIrFPmqW.js → index-Btb4t3Wv.js} +5 -5
- package/dist/{index-CIrFPmqW.js.map → index-Btb4t3Wv.js.map} +1 -1
- package/dist/{index-D4L5OYNQ.js → index-BvcyKJye.js} +5 -5
- package/dist/{index-D4L5OYNQ.js.map → index-BvcyKJye.js.map} +1 -1
- package/dist/{index-B7H0xf_l.js → index-CEnzeG60.js} +4 -4
- package/dist/{index-B7H0xf_l.js.map → index-CEnzeG60.js.map} +1 -1
- package/dist/{index-xD9YxZRB.js → index-CQjWaAI1.js} +5 -5
- package/dist/{index-xD9YxZRB.js.map → index-CQjWaAI1.js.map} +1 -1
- package/dist/{index-DsuuGokg.js → index-CUL62EI3.js} +5 -5
- package/dist/{index-DsuuGokg.js.map → index-CUL62EI3.js.map} +1 -1
- package/dist/{index-DyLLyX5j.js → index-D-uIQw1c.js} +4 -4
- package/dist/{index-DyLLyX5j.js.map → index-D-uIQw1c.js.map} +1 -1
- package/dist/{index-BANAOc5o.js → index-D1f77vvz.js} +5 -5
- package/dist/{index-BANAOc5o.js.map → index-D1f77vvz.js.map} +1 -1
- package/dist/{index-CK9V-wz1.js → index-D9A89MpZ.js} +3803 -3570
- package/dist/index-D9A89MpZ.js.map +1 -0
- package/dist/index-D9xys6rW.js +84 -0
- package/dist/{index-Dj2GCs_C.js.map → index-D9xys6rW.js.map} +1 -1
- package/dist/{index-Ci7quilT.js → index-DQy1VR_1.js} +6 -6
- package/dist/{index-Ci7quilT.js.map → index-DQy1VR_1.js.map} +1 -1
- package/dist/{index-BzzDZ7Wg.js → index-DYXWHe8m.js} +5 -5
- package/dist/{index-BzzDZ7Wg.js.map → index-DYXWHe8m.js.map} +1 -1
- package/dist/{index-CC_OkY5h.js → index-Djb7UU1L.js} +5 -5
- package/dist/{index-CC_OkY5h.js.map → index-Djb7UU1L.js.map} +1 -1
- package/dist/{index-cy3SJfGM.js → index-DxyqvM1n.js} +5 -5
- package/dist/{index-cy3SJfGM.js.map → index-DxyqvM1n.js.map} +1 -1
- package/dist/{index-BSWbd7z_.js → index-Dz2RZAKI.js} +5 -5
- package/dist/{index-BSWbd7z_.js.map → index-Dz2RZAKI.js.map} +1 -1
- package/dist/{index-YDGm7Lqn.js → index-ExZUonHQ.js} +5 -5
- package/dist/{index-YDGm7Lqn.js.map → index-ExZUonHQ.js.map} +1 -1
- package/dist/{index-CVTxkwt-.js → index-IIIoCbBX.js} +5 -5
- package/dist/{index-CVTxkwt-.js.map → index-IIIoCbBX.js.map} +1 -1
- package/dist/{index-DfMuZY6D.js → index-KmzIpbK7.js} +5 -5
- package/dist/{index-DfMuZY6D.js.map → index-KmzIpbK7.js.map} +1 -1
- package/dist/{index-CGOYyhMg.js → index-SXB_nz9V.js} +6 -6
- package/dist/{index-CGOYyhMg.js.map → index-SXB_nz9V.js.map} +1 -1
- package/dist/{index-BFslD2mO.js → index-gNSOwkrE.js} +5 -5
- package/dist/{index-BFslD2mO.js.map → index-gNSOwkrE.js.map} +1 -1
- package/dist/{index-BNMJTgo_.js → index-lWf11Upm.js} +5 -5
- package/dist/{index-BNMJTgo_.js.map → index-lWf11Upm.js.map} +1 -1
- package/dist/index.js +29 -29
- package/dist/{pies.utils-eND-eqpj.js → pies.utils-4gWRjv-L.js} +5 -5
- package/dist/{pies.utils-eND-eqpj.js.map → pies.utils-4gWRjv-L.js.map} +1 -1
- package/dist/remarkable-pro.css +1 -1
- package/dist/theme/i18n/translations/de.d.ts.map +1 -1
- package/dist/theme/i18n/translations/en.d.ts.map +1 -1
- package/dist/{timeRange.utils-DLTzyLvc.js → timeRange.utils-CgoON1yQ.js} +2 -2
- package/dist/{timeRange.utils-DLTzyLvc.js.map → timeRange.utils-CgoON1yQ.js.map} +1 -1
- package/package.json +10 -6
- package/dist/ChartCard-DbWy6Y6D.js +0 -127
- package/dist/ChartCard-DbWy6Y6D.js.map +0 -1
- package/dist/charts.utils-DvG9esg1.js.map +0 -1
- package/dist/component.constants-Dhb2rtRh.js.map +0 -1
- package/dist/index-CK9V-wz1.js.map +0 -1
- package/dist/index-Dj2GCs_C.js +0 -82
- package/dist/index-zt-UY8xi.js +0 -152
- package/dist/index-zt-UY8xi.js.map +0 -1
package/dist/index-Dj2GCs_C.js
DELETED
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { j as v, K } from "./index-CK9V-wz1.js";
|
|
2
|
-
import { useTheme as T } from "@embeddable.com/react";
|
|
3
|
-
import { a as w, r as A, i } from "./component.constants-Dhb2rtRh.js";
|
|
4
|
-
import { C as M } from "./ChartCard-DbWy6Y6D.js";
|
|
5
|
-
import { g as N } from "./formatter.utils-Bdp9Y-Lv.js";
|
|
6
|
-
import { useEffect as O } from "react";
|
|
7
|
-
import { g as E, a as V } from "./timeRange.utils-DLTzyLvc.js";
|
|
8
|
-
const B = (s) => {
|
|
9
|
-
var c, g, l, p, h, f;
|
|
10
|
-
const t = T();
|
|
11
|
-
w(t);
|
|
12
|
-
const { title: b, description: P } = A(s), {
|
|
13
|
-
changeFontSize: u,
|
|
14
|
-
comparisonPeriod: r,
|
|
15
|
-
comparisonDateRange: C,
|
|
16
|
-
displayChangeAsPercentage: y,
|
|
17
|
-
fontSize: _,
|
|
18
|
-
measure: o,
|
|
19
|
-
primaryDateRange: m,
|
|
20
|
-
results: a,
|
|
21
|
-
resultsComparison: e,
|
|
22
|
-
reversePositiveNegativeColors: L,
|
|
23
|
-
percentageDecimalPlaces: S,
|
|
24
|
-
setComparisonDateRange: j
|
|
25
|
-
} = s;
|
|
26
|
-
O(() => {
|
|
27
|
-
const n = E(
|
|
28
|
-
m,
|
|
29
|
-
r,
|
|
30
|
-
t
|
|
31
|
-
);
|
|
32
|
-
j(n);
|
|
33
|
-
}, [r, JSON.stringify(m), t]);
|
|
34
|
-
const x = (g = (c = a.data) == null ? void 0 : c[0]) == null ? void 0 : g[o.name], D = C ? (p = (l = e == null ? void 0 : e.data) == null ? void 0 : l[0]) == null ? void 0 : p[o.name] : void 0, R = N(t), F = (n) => R.data(o, n), z = `vs ${V(r, t).toLowerCase()}`, d = {
|
|
35
|
-
isLoading: !!(a.isLoading || e != null && e.isLoading),
|
|
36
|
-
data: !(a != null && a.data) && !(e != null && e.data) ? void 0 : [
|
|
37
|
-
...(h = a.data) != null && h.length ? [{ label: i.t("charts.primaryPeriod"), ...a.data[0] }] : [],
|
|
38
|
-
...(f = e == null ? void 0 : e.data) != null && f.length ? [{ label: i.t("charts.comparisonPeriod"), ...e.data[0] }] : []
|
|
39
|
-
]
|
|
40
|
-
};
|
|
41
|
-
return /* @__PURE__ */ v.jsx(
|
|
42
|
-
M,
|
|
43
|
-
{
|
|
44
|
-
data: d,
|
|
45
|
-
dimensionsAndMeasures: [
|
|
46
|
-
// Add a label dimension to distinguish primary and comparison periods in exports
|
|
47
|
-
{
|
|
48
|
-
name: "label",
|
|
49
|
-
title: i.t("charts.label"),
|
|
50
|
-
nativeType: "string",
|
|
51
|
-
__type__: "dimension"
|
|
52
|
-
},
|
|
53
|
-
o
|
|
54
|
-
],
|
|
55
|
-
errorMessage: a.error,
|
|
56
|
-
subtitle: P,
|
|
57
|
-
title: b,
|
|
58
|
-
children: /* @__PURE__ */ v.jsx(
|
|
59
|
-
K,
|
|
60
|
-
{
|
|
61
|
-
value: x,
|
|
62
|
-
comparisonValue: d.isLoading ? void 0 : D,
|
|
63
|
-
valueFormatter: F,
|
|
64
|
-
valueFontSize: _,
|
|
65
|
-
changeFontSize: u,
|
|
66
|
-
invertChangeColors: L,
|
|
67
|
-
showChangeAsPercentage: y,
|
|
68
|
-
comparisonLabel: z,
|
|
69
|
-
percentageDecimalPlaces: S
|
|
70
|
-
}
|
|
71
|
-
)
|
|
72
|
-
}
|
|
73
|
-
);
|
|
74
|
-
}, Q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
75
|
-
__proto__: null,
|
|
76
|
-
default: B
|
|
77
|
-
}, Symbol.toStringTag, { value: "Module" }));
|
|
78
|
-
export {
|
|
79
|
-
B as K,
|
|
80
|
-
Q as i
|
|
81
|
-
};
|
|
82
|
-
//# sourceMappingURL=index-Dj2GCs_C.js.map
|
package/dist/index-zt-UY8xi.js
DELETED
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
import { T as x, c, u as W, i as z, k as G, j as y, n as U, o as V } from "./index-CK9V-wz1.js";
|
|
2
|
-
import { useTheme as q } from "@embeddable.com/react";
|
|
3
|
-
import { a as B, r as J, i as K } from "./component.constants-Dhb2rtRh.js";
|
|
4
|
-
import { C as Q } from "./ChartCard-DbWy6Y6D.js";
|
|
5
|
-
import { useState as D, useRef as X, useCallback as Y, useEffect as g } from "react";
|
|
6
|
-
import { g as Z } from "./formatter.utils-Bdp9Y-Lv.js";
|
|
7
|
-
const $ = (e) => {
|
|
8
|
-
var a;
|
|
9
|
-
const t = (a = e.inputs) == null ? void 0 : a.align;
|
|
10
|
-
if (t) return t;
|
|
11
|
-
switch (e.nativeType) {
|
|
12
|
-
case "number":
|
|
13
|
-
case "boolean":
|
|
14
|
-
case "time":
|
|
15
|
-
return x.RIGHT;
|
|
16
|
-
default:
|
|
17
|
-
return x.LEFT;
|
|
18
|
-
}
|
|
19
|
-
}, M = (e) => {
|
|
20
|
-
var a;
|
|
21
|
-
const t = (a = e.inputs) == null ? void 0 : a.width;
|
|
22
|
-
if (t) return t;
|
|
23
|
-
switch (e.nativeType) {
|
|
24
|
-
case "string":
|
|
25
|
-
return c("--em-tablechart-min-width--string", "8.75rem");
|
|
26
|
-
case "number":
|
|
27
|
-
return c("--em-tablechart-min-width--number", "5.625rem");
|
|
28
|
-
case "time":
|
|
29
|
-
return c("--em-tablechart-min-width--time", "8.75rem");
|
|
30
|
-
case "boolean":
|
|
31
|
-
default:
|
|
32
|
-
return c("--em-tablechart-min-width--boolean", "5.625rem");
|
|
33
|
-
}
|
|
34
|
-
}, O = (e, t) => {
|
|
35
|
-
const a = Z(t);
|
|
36
|
-
return e.dimensionsAndMeasures.map((i) => ({
|
|
37
|
-
id: i.name,
|
|
38
|
-
title: a.dimensionOrMeasureTitle(i),
|
|
39
|
-
accessor: (o) => o[i.name] == null ? e.displayNullAs ?? "" : a.data(i, o[i.name]),
|
|
40
|
-
minWidth: M(i),
|
|
41
|
-
align: $(i)
|
|
42
|
-
}));
|
|
43
|
-
}, ee = (e) => {
|
|
44
|
-
var a;
|
|
45
|
-
if (!e.rows || e.rows.length === 0)
|
|
46
|
-
return [];
|
|
47
|
-
const t = (a = e.clickDimension) == null ? void 0 : a.name;
|
|
48
|
-
return !t || Object.keys(e.rows[0]).includes(t) ? e.rows : e.rows.map(({ [t]: i, ...o }) => ({
|
|
49
|
-
...o
|
|
50
|
-
}));
|
|
51
|
-
}, te = (e, t) => (e == null ? void 0 : e.id) !== (t == null ? void 0 : t.id) || (e == null ? void 0 : e.direction) !== (t == null ? void 0 : t.direction) || !e && !!t || !!e && !t, ae = c("--em-tablechart-cell-height", "2.5rem"), ne = c("--em-tablechart-cell-height", "2.5rem"), ie = c("--em-tablechart-pagination-height", "3rem");
|
|
52
|
-
let I;
|
|
53
|
-
const se = (e) => {
|
|
54
|
-
const t = q();
|
|
55
|
-
B(t);
|
|
56
|
-
const [a, i] = D(void 0), [o, S] = D(!1), { description: j, title: R } = J(e), {
|
|
57
|
-
results: n,
|
|
58
|
-
allResults: h,
|
|
59
|
-
dimensionsAndMeasures: b,
|
|
60
|
-
displayNullAs: v,
|
|
61
|
-
showIndex: A,
|
|
62
|
-
clickDimension: f,
|
|
63
|
-
state: r,
|
|
64
|
-
setState: H,
|
|
65
|
-
onRowClicked: L
|
|
66
|
-
} = e, [m, P] = D(r.sort), _ = O({ dimensionsAndMeasures: b, displayNullAs: v }, t), T = (n == null ? void 0 : n.data) || [], E = ee({ rows: T, clickDimension: f }), w = X(null), N = W(w), d = z({
|
|
67
|
-
availableHeight: N,
|
|
68
|
-
headerHeight: ae,
|
|
69
|
-
rowHeight: ne,
|
|
70
|
-
footerHeight: ie
|
|
71
|
-
}), l = Y(
|
|
72
|
-
(s) => {
|
|
73
|
-
H((u) => ({
|
|
74
|
-
...u,
|
|
75
|
-
...s
|
|
76
|
-
}));
|
|
77
|
-
},
|
|
78
|
-
[H]
|
|
79
|
-
), C = (s) => {
|
|
80
|
-
S(!0), l({ isLoadingDownloadData: !0 }), I = (u) => s({
|
|
81
|
-
title: R,
|
|
82
|
-
data: u,
|
|
83
|
-
dimensionsAndMeasures: b,
|
|
84
|
-
containerRef: w,
|
|
85
|
-
theme: t
|
|
86
|
-
});
|
|
87
|
-
}, F = (s) => {
|
|
88
|
-
var p;
|
|
89
|
-
if (!f) return;
|
|
90
|
-
const u = (p = T[s]) == null ? void 0 : p[f.name];
|
|
91
|
-
L(u);
|
|
92
|
-
}, k = G(l);
|
|
93
|
-
return g(() => {
|
|
94
|
-
te(r.sort, m) && P(r.sort);
|
|
95
|
-
}, [r.sort]), g(() => {
|
|
96
|
-
k({ sort: m });
|
|
97
|
-
}, [m, k]), g(() => {
|
|
98
|
-
d && l({ pageSize: d });
|
|
99
|
-
}, [d, l]), g(() => {
|
|
100
|
-
n != null && n.total && n.total !== a && i(n.total);
|
|
101
|
-
}, [n, a]), g(() => {
|
|
102
|
-
if (o) {
|
|
103
|
-
if (!h || h.isLoading)
|
|
104
|
-
return;
|
|
105
|
-
I(h.data), S(!1), l({ isLoadingDownloadData: !1 });
|
|
106
|
-
}
|
|
107
|
-
}, [o, h, l]), /* @__PURE__ */ y.jsx(
|
|
108
|
-
Q,
|
|
109
|
-
{
|
|
110
|
-
ref: w,
|
|
111
|
-
title: R,
|
|
112
|
-
subtitle: j,
|
|
113
|
-
data: n,
|
|
114
|
-
dimensionsAndMeasures: b,
|
|
115
|
-
errorMessage: n == null ? void 0 : n.error,
|
|
116
|
-
onCustomDownload: C,
|
|
117
|
-
children: /* @__PURE__ */ y.jsx(
|
|
118
|
-
U,
|
|
119
|
-
{
|
|
120
|
-
onRowIndexClick: F,
|
|
121
|
-
headers: _,
|
|
122
|
-
rows: E,
|
|
123
|
-
showIndex: A,
|
|
124
|
-
page: r.page,
|
|
125
|
-
pageSize: d,
|
|
126
|
-
paginationLabel: K.t("charts.tablePaginated.pagination", {
|
|
127
|
-
page: r.page + 1,
|
|
128
|
-
totalPages: V(a, d) ?? "?"
|
|
129
|
-
}),
|
|
130
|
-
total: a,
|
|
131
|
-
sort: m,
|
|
132
|
-
onSortChange: (s) => {
|
|
133
|
-
P(s);
|
|
134
|
-
},
|
|
135
|
-
onPageChange: (s) => l({ page: s })
|
|
136
|
-
}
|
|
137
|
-
)
|
|
138
|
-
}
|
|
139
|
-
);
|
|
140
|
-
}, ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
141
|
-
__proto__: null,
|
|
142
|
-
default: se
|
|
143
|
-
}, Symbol.toStringTag, { value: "Module" }));
|
|
144
|
-
export {
|
|
145
|
-
se as T,
|
|
146
|
-
M as a,
|
|
147
|
-
O as b,
|
|
148
|
-
ee as c,
|
|
149
|
-
$ as g,
|
|
150
|
-
ge as i
|
|
151
|
-
};
|
|
152
|
-
//# sourceMappingURL=index-zt-UY8xi.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index-zt-UY8xi.js","sources":["../src/components/charts/tables/tables.utils.ts","../src/components/charts/tables/TableChartPaginated/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, DimensionOrMeasure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { CssSize } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport {\n getStyleNumber,\n TableHeaderAlign,\n TableHeaderItem,\n TableHeaderItemAlign,\n} from '@embeddable.com/remarkable-ui';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const getTableHeaderAlign = (dimOrMeas: DimensionOrMeasure): TableHeaderItemAlign => {\n const subInputAlign = dimOrMeas.inputs?.align;\n\n if (subInputAlign) return subInputAlign;\n\n // Get width by native type\n switch (dimOrMeas.nativeType) {\n case 'number':\n case 'boolean':\n case 'time':\n return TableHeaderAlign.RIGHT;\n default:\n return TableHeaderAlign.LEFT;\n }\n};\n\nexport const getTableHeaderMinWidth = (dimOrMeas: DimensionOrMeasure): CssSize => {\n const subInputWidth = dimOrMeas.inputs?.width;\n\n if (subInputWidth) return subInputWidth;\n\n // Get width by native type\n switch (dimOrMeas.nativeType) {\n case 'string':\n return getStyleNumber('--em-tablechart-min-width--string' as any, '8.75rem') as number;\n case 'number':\n return getStyleNumber('--em-tablechart-min-width--number' as any, '5.625rem') as number;\n case 'time':\n return getStyleNumber('--em-tablechart-min-width--time' as any, '8.75rem') as number;\n case 'boolean':\n default:\n return getStyleNumber('--em-tablechart-min-width--boolean' as any, '5.625rem') as number;\n }\n};\n\nexport const getTableHeaders = (\n props: {\n dimensionsAndMeasures: DimensionOrMeasure[];\n displayNullAs?: string;\n },\n theme: Theme,\n): TableHeaderItem<any>[] => {\n const themeFormatter = getThemeFormatter(theme);\n return props.dimensionsAndMeasures.map((dimOrMeas) => ({\n id: dimOrMeas.name,\n title: themeFormatter.dimensionOrMeasureTitle(dimOrMeas),\n accessor: (row: any) => {\n if (row[dimOrMeas.name] == null) {\n return props.displayNullAs ?? '';\n }\n return themeFormatter.data(dimOrMeas, row[dimOrMeas.name]);\n },\n minWidth: getTableHeaderMinWidth(dimOrMeas),\n align: getTableHeaderAlign(dimOrMeas),\n }));\n};\n\nexport const getTableRows = (props: { clickDimension?: Dimension; rows: DataResponse['data'] }) => {\n if (!props.rows || props.rows.length === 0) {\n return [];\n }\n\n const clickDimensionName = props.clickDimension?.name;\n\n if (!clickDimensionName || Object.keys(props.rows[0]!).includes(clickDimensionName)) {\n return props.rows;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n return props.rows.map(({ [clickDimensionName]: _, ...row }) => ({\n ...row,\n }));\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, DimensionOrMeasure, OrderDirection } from '@embeddable.com/core';\nimport {\n getStyleNumber,\n getTableTotalPages,\n TablePaginated,\n useTableGetRowsPerPage,\n useDebounce,\n} from '@embeddable.com/remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useObserverHeight } from '@embeddable.com/remarkable-ui';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\nconst hasSortChanges = (\n sort: TableChartPaginatedProState['sort'],\n sortToCompare: TableChartPaginatedProState['sort'],\n): boolean => {\n const changed =\n sort?.id !== sortToCompare?.id ||\n sort?.direction !== sortToCompare?.direction ||\n (!sort && !!sortToCompare) ||\n (!!sort && !sortToCompare);\n\n return changed;\n};\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst headerHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst rowHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst footerHeight = getStyleNumber('--em-tablechart-pagination-height', '3rem') as number;\n\nlet downloadData: (data: DataResponse['data']) => void;\n\nexport type TableChartPaginatedProOnRowClickArg = string | null;\nexport type TableChartPaginatedProState = {\n page: number;\n pageSize?: number;\n sort?: { id: string; direction: OrderDirection } | undefined;\n isLoadingDownloadData: boolean;\n};\n\ntype TableChartPaginatedProProps = {\n embeddableState: TableChartPaginatedProState;\n title: string;\n description: string;\n displayNullAs?: string;\n results: DataResponse;\n dimensionsAndMeasures: DimensionOrMeasure[];\n showIndex: boolean;\n allResults?: DataResponse;\n clickDimension?: Dimension;\n state: TableChartPaginatedProState;\n setState: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;\n onRowClicked: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => void;\n};\n\nconst TableChartPaginatedPro = (props: TableChartPaginatedProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const [total, setTotal] = useState<number | undefined>(undefined);\n const [isDownloadingData, setIsDownloadingData] = useState(false);\n\n const { description, title } = resolveI18nProps(props);\n const {\n results,\n allResults,\n dimensionsAndMeasures,\n displayNullAs,\n showIndex,\n clickDimension,\n state,\n setState,\n onRowClicked,\n } = props;\n\n const [localSort, setLocalSort] = useState(state.sort);\n\n const headers = getTableHeaders({ dimensionsAndMeasures, displayNullAs }, theme);\n const rows = results?.data || [];\n const tableRows = getTableRows({ rows, clickDimension });\n const cardContentRef = useRef<HTMLDivElement>(null);\n const chartHeight = useObserverHeight(cardContentRef);\n const pageSize = useTableGetRowsPerPage({\n availableHeight: chartHeight,\n headerHeight,\n rowHeight,\n footerHeight,\n });\n\n // Stable updater for embeddable state\n const handleUpdateEmbeddableState = useCallback(\n (newState: Partial<TableChartPaginatedProState>) => {\n setState((prevState) => ({\n ...prevState,\n ...newState,\n }));\n },\n [setState],\n );\n\n const handleCustomDownload = (onDownload: (props: ChartCardMenuOptionOnClickProps) => void) => {\n setIsDownloadingData(true);\n handleUpdateEmbeddableState({ isLoadingDownloadData: true });\n\n downloadData = (data: DataResponse['data']) =>\n onDownload({\n title,\n data,\n dimensionsAndMeasures,\n containerRef: cardContentRef,\n theme,\n });\n };\n\n const handleRowIndexClick = (rowIndex: number) => {\n if (!clickDimension) return;\n\n const rowDimensionValue = rows[rowIndex]?.[clickDimension.name];\n onRowClicked(rowDimensionValue);\n };\n\n const debouncedUpdateState = useDebounce(handleUpdateEmbeddableState);\n\n // Sync local sort with embeddable state\n useEffect(() => {\n if (hasSortChanges(state.sort, localSort)) setLocalSort(state.sort);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [state.sort]);\n\n // Debounce sort updates to embeddable state\n useEffect(() => {\n debouncedUpdateState({ sort: localSort });\n }, [localSort, debouncedUpdateState]);\n\n // Sync page size changes to embeddable state\n useEffect(() => {\n if (pageSize) {\n handleUpdateEmbeddableState({ pageSize });\n }\n }, [pageSize, handleUpdateEmbeddableState]);\n\n // Sync total from results\n useEffect(() => {\n if (results?.total && results.total !== total) {\n setTotal(results.total);\n }\n }, [results, total]);\n\n // Handle data download when allResults is ready\n useEffect(() => {\n if (isDownloadingData) {\n if (!allResults || allResults.isLoading) {\n // Loading data to download\n return;\n }\n\n downloadData(allResults.data);\n setIsDownloadingData(false);\n handleUpdateEmbeddableState({ isLoadingDownloadData: false });\n }\n }, [isDownloadingData, allResults, handleUpdateEmbeddableState]);\n\n return (\n <ChartCard\n ref={cardContentRef}\n title={title}\n subtitle={description}\n data={results}\n dimensionsAndMeasures={dimensionsAndMeasures}\n errorMessage={results?.error}\n onCustomDownload={handleCustomDownload}\n >\n <TablePaginated\n onRowIndexClick={handleRowIndexClick}\n headers={headers}\n rows={tableRows}\n showIndex={showIndex}\n page={state.page}\n pageSize={pageSize}\n paginationLabel={i18n.t('charts.tablePaginated.pagination', {\n page: state.page + 1,\n totalPages: getTableTotalPages(total, pageSize) ?? '?',\n })}\n total={total}\n sort={localSort}\n onSortChange={(newSort) => {\n setLocalSort(newSort as TableChartPaginatedProState['sort']);\n }}\n onPageChange={(newPage) => handleUpdateEmbeddableState({ page: newPage })}\n />\n </ChartCard>\n );\n};\n\nexport default TableChartPaginatedPro;\n"],"names":["getTableHeaderAlign","dimOrMeas","subInputAlign","_a","TableHeaderAlign","getTableHeaderMinWidth","subInputWidth","getStyleNumber","getTableHeaders","props","theme","themeFormatter","getThemeFormatter","row","getTableRows","clickDimensionName","_","hasSortChanges","sort","sortToCompare","headerHeight","rowHeight","footerHeight","downloadData","TableChartPaginatedPro","useTheme","i18nSetup","total","setTotal","useState","isDownloadingData","setIsDownloadingData","description","title","resolveI18nProps","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","localSort","setLocalSort","headers","rows","tableRows","cardContentRef","useRef","chartHeight","useObserverHeight","pageSize","useTableGetRowsPerPage","handleUpdateEmbeddableState","useCallback","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","rowDimensionValue","debouncedUpdateState","useDebounce","useEffect","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newSort","newPage"],"mappings":"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"}
|