@embeddable.com/remarkable-pro 0.0.20 → 0.0.21
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-D_A88_bS.js +116 -0
- package/dist/ChartCard-D_A88_bS.js.map +1 -0
- package/dist/{Color.type.emb-C4VcPjfM.js → Color.type.emb-Dkh_ZrO6.js} +914 -918
- package/dist/{Color.type.emb-C4VcPjfM.js.map → Color.type.emb-Dkh_ZrO6.js.map} +1 -1
- package/dist/ColorEditor.js +1 -1
- package/dist/ComparisonPeriodSelectFieldPro.js +3 -3
- package/dist/DateRangePickerCustomPro.js +3 -3
- package/dist/DateRangeSelectFieldPro.js +3 -3
- package/dist/DonutChartPro.js +3 -3
- package/dist/DonutLabelChartPro.js +3 -3
- package/dist/{EditorCard-CcsUaHcd.js → EditorCard-1Z3UFd1D.js} +3 -3
- package/dist/{EditorCard-CcsUaHcd.js.map → EditorCard-1Z3UFd1D.js.map} +1 -1
- package/dist/GranularitySelectFieldPro.js +46 -39
- package/dist/GranularitySelectFieldPro.js.map +1 -1
- package/dist/HeatMapPro.js +3 -3
- package/dist/KpiChartNumberComparisonPro.js +3 -3
- package/dist/KpiChartNumberPro.js +3 -3
- package/dist/LineChartComparisonDefaultPro.js +3 -3
- package/dist/LineChartDefaultPro.js +3 -3
- 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 +3 -3
- package/dist/TableScrollable.js +4 -4
- package/dist/{bars.utils-Ck1w7NOo.js → bars.utils-CsJD9MNL.js} +4 -4
- package/dist/{bars.utils-Ck1w7NOo.js.map → bars.utils-CsJD9MNL.js.map} +1 -1
- package/dist/{charts.utils-g6NE_Jo3.js → charts.utils-CUPowt7F.js} +13 -13
- package/dist/charts.utils-CUPowt7F.js.map +1 -0
- package/dist/{component.inputs.constants-DN1efWXx.js → component.inputs.constants-CNdmawDt.js} +2 -2
- package/dist/{component.inputs.constants-DN1efWXx.js.map → component.inputs.constants-CNdmawDt.js.map} +1 -1
- package/dist/components/charts/shared/ChartCard/ChartCard.d.ts +6 -5
- package/dist/components/charts/shared/ChartCard/ChartCard.d.ts.map +1 -1
- package/dist/components/editors/GranularitySelectFieldPro/GranularitySelectFieldPro.utils.d.ts +2 -10
- package/dist/components/editors/GranularitySelectFieldPro/GranularitySelectFieldPro.utils.d.ts.map +1 -1
- package/dist/components/editors/GranularitySelectFieldPro/index.d.ts.map +1 -1
- package/dist/embeddable-components.json +15 -15
- package/dist/embeddable-theme-0137e.js +191 -191
- package/dist/{formatter.utils-pzrkapRL.js → formatter.utils-BiWZBhcE.js} +2 -2
- package/dist/{formatter.utils-pzrkapRL.js.map → formatter.utils-BiWZBhcE.js.map} +1 -1
- package/dist/{index-53w_cRnE.js → index-1vsLONt_.js} +5 -5
- package/dist/{index-53w_cRnE.js.map → index-1vsLONt_.js.map} +1 -1
- package/dist/{index-4mTCN1nI.js → index-8PpbF7SA.js} +5 -5
- package/dist/{index-4mTCN1nI.js.map → index-8PpbF7SA.js.map} +1 -1
- package/dist/{index-7Vgn0Xsn.js → index-B3m93Z4r.js} +5 -5
- package/dist/{index-7Vgn0Xsn.js.map → index-B3m93Z4r.js.map} +1 -1
- package/dist/{index-Cr68Ha2O.js → index-BBcQWvRk.js} +5 -5
- package/dist/{index-Cr68Ha2O.js.map → index-BBcQWvRk.js.map} +1 -1
- package/dist/{index-JiDnk-OU.js → index-BOI6FOwo.js} +5 -5
- package/dist/{index-JiDnk-OU.js.map → index-BOI6FOwo.js.map} +1 -1
- package/dist/{index-DCVqVqS5.js → index-Boogtc12.js} +6 -6
- package/dist/{index-DCVqVqS5.js.map → index-Boogtc12.js.map} +1 -1
- package/dist/{index-Brl5KgVS.js → index-BuBn1ktN.js} +5 -5
- package/dist/{index-Brl5KgVS.js.map → index-BuBn1ktN.js.map} +1 -1
- package/dist/{index-DXkwaXvx.js → index-CQ_mo5Eg.js} +6 -6
- package/dist/{index-DXkwaXvx.js.map → index-CQ_mo5Eg.js.map} +1 -1
- package/dist/{index-t3j3ZF8E.js → index-CSoASUv1.js} +5 -5
- package/dist/{index-t3j3ZF8E.js.map → index-CSoASUv1.js.map} +1 -1
- package/dist/{index-Dy4jGo4x.js → index-CVJKjJGv.js} +5 -5
- package/dist/{index-Dy4jGo4x.js.map → index-CVJKjJGv.js.map} +1 -1
- package/dist/{index-BUWTt_8s.js → index-Cv4JGkHO.js} +5 -5
- package/dist/{index-BUWTt_8s.js.map → index-Cv4JGkHO.js.map} +1 -1
- package/dist/{index-Cdu6WHsa.js → index-D5CZAWnJ.js} +4 -4
- package/dist/{index-Cdu6WHsa.js.map → index-D5CZAWnJ.js.map} +1 -1
- package/dist/{index-DHYMtecu.js → index-DVUJikiN.js} +5 -5
- package/dist/{index-DHYMtecu.js.map → index-DVUJikiN.js.map} +1 -1
- package/dist/{index-DG77FUkS.js → index-Dhzhtagm.js} +5 -5
- package/dist/{index-DG77FUkS.js.map → index-Dhzhtagm.js.map} +1 -1
- package/dist/{index-T15Mxwpw.js → index-DkmPuuV8.js} +6 -6
- package/dist/{index-T15Mxwpw.js.map → index-DkmPuuV8.js.map} +1 -1
- package/dist/{index-BEYR5f2d.js → index-DoFkdyxp.js} +5 -5
- package/dist/{index-BEYR5f2d.js.map → index-DoFkdyxp.js.map} +1 -1
- package/dist/{index-1mMgdK6h.js → index-Dp7Av-Oy.js} +5 -5
- package/dist/{index-1mMgdK6h.js.map → index-Dp7Av-Oy.js.map} +1 -1
- package/dist/{index-B6z6eyJE.js → index-Du2TCRQq.js} +5 -5
- package/dist/{index-B6z6eyJE.js.map → index-Du2TCRQq.js.map} +1 -1
- package/dist/{index-C_ExmNre.js → index-XTTodJI4.js} +5 -5
- package/dist/{index-C_ExmNre.js.map → index-XTTodJI4.js.map} +1 -1
- package/dist/{index-BjuvAqGb.js → index-tjFCL7Y-.js} +4 -4
- package/dist/{index-BjuvAqGb.js.map → index-tjFCL7Y-.js.map} +1 -1
- package/dist/{index-DXVl7yqM.js → index-yOOAOJHG.js} +5 -5
- package/dist/{index-DXVl7yqM.js.map → index-yOOAOJHG.js.map} +1 -1
- package/dist/index.js +29 -29
- package/dist/{pies.utils-dB2uJu3l.js → pies.utils-DCy5LWcY.js} +5 -5
- package/dist/{pies.utils-dB2uJu3l.js.map → pies.utils-DCy5LWcY.js.map} +1 -1
- package/dist/remarkable-pro.css +1 -1
- package/dist/{tables.utils-B8IT-c8T.js → tables.utils-8OmfcPmH.js} +4 -4
- package/dist/{tables.utils-B8IT-c8T.js.map → tables.utils-8OmfcPmH.js.map} +1 -1
- package/dist/{timeRange.utils-DIFMUM1C.js → timeRange.utils-81KUBS9O.js} +2 -2
- package/dist/{timeRange.utils-DIFMUM1C.js.map → timeRange.utils-81KUBS9O.js.map} +1 -1
- package/package.json +2 -2
- package/dist/ChartCard-B5IaBBTs.js +0 -124
- package/dist/ChartCard-B5IaBBTs.js.map +0 -1
- package/dist/charts.utils-g6NE_Jo3.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { V as s, l as i } from "./Color.type.emb-
|
|
1
|
+
import { V as s, l as i } from "./Color.type.emb-Dkh_ZrO6.js";
|
|
2
2
|
import { defineComponent as o } from "@embeddable.com/react";
|
|
3
|
-
import { B as r } from "./index-
|
|
4
|
-
import { b as e } from "./component.inputs.constants-
|
|
3
|
+
import { B as r } from "./index-DVUJikiN.js";
|
|
4
|
+
import { b as e } from "./component.inputs.constants-CNdmawDt.js";
|
|
5
5
|
const t = {
|
|
6
6
|
name: "BarChartDefaultHorizontalPro",
|
|
7
7
|
label: "Bar Chart - Default Horizontal",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { V as s, l as i } from "./Color.type.emb-
|
|
1
|
+
import { V as s, l as i } from "./Color.type.emb-Dkh_ZrO6.js";
|
|
2
2
|
import { defineComponent as r } from "@embeddable.com/react";
|
|
3
|
-
import { B as t } from "./index-
|
|
4
|
-
import { b as e } from "./component.inputs.constants-
|
|
3
|
+
import { B as t } from "./index-CVJKjJGv.js";
|
|
4
|
+
import { b as e } from "./component.inputs.constants-CNdmawDt.js";
|
|
5
5
|
const o = {
|
|
6
6
|
name: "BarChartDefaultPro",
|
|
7
7
|
label: "Bar Chart - Default",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { V as i, l as o } from "./Color.type.emb-
|
|
1
|
+
import { V as i, l as o } from "./Color.type.emb-Dkh_ZrO6.js";
|
|
2
2
|
import { defineComponent as r } from "@embeddable.com/react";
|
|
3
|
-
import { B as s } from "./index-
|
|
4
|
-
import { b as e } from "./component.inputs.constants-
|
|
3
|
+
import { B as s } from "./index-yOOAOJHG.js";
|
|
4
|
+
import { b as e } from "./component.inputs.constants-CNdmawDt.js";
|
|
5
5
|
const n = {
|
|
6
6
|
name: "BarChartGroupedHorizontalPro",
|
|
7
7
|
label: "Bar Chart - Grouped Horizontal",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { V as i, l as r } from "./Color.type.emb-
|
|
1
|
+
import { V as i, l as r } from "./Color.type.emb-Dkh_ZrO6.js";
|
|
2
2
|
import { defineComponent as s } from "@embeddable.com/react";
|
|
3
|
-
import { B as o } from "./index-
|
|
4
|
-
import { b as e } from "./component.inputs.constants-
|
|
3
|
+
import { B as o } from "./index-B3m93Z4r.js";
|
|
4
|
+
import { b as e } from "./component.inputs.constants-CNdmawDt.js";
|
|
5
5
|
const n = {
|
|
6
6
|
name: "BarChartGroupedPro",
|
|
7
7
|
label: "Bar Chart - Grouped",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { V as i, l as o } from "./Color.type.emb-
|
|
1
|
+
import { V as i, l as o } from "./Color.type.emb-Dkh_ZrO6.js";
|
|
2
2
|
import { defineComponent as s } from "@embeddable.com/react";
|
|
3
|
-
import { B as r } from "./index-
|
|
4
|
-
import { b as e } from "./component.inputs.constants-
|
|
3
|
+
import { B as r } from "./index-BuBn1ktN.js";
|
|
4
|
+
import { b as e } from "./component.inputs.constants-CNdmawDt.js";
|
|
5
5
|
const t = {
|
|
6
6
|
name: "BarChartStackedHorizontalPro",
|
|
7
7
|
label: "Bar Chart - Stacked Horizontal",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { V as i, l as s } from "./Color.type.emb-
|
|
1
|
+
import { V as i, l as s } from "./Color.type.emb-Dkh_ZrO6.js";
|
|
2
2
|
import { defineComponent as o } from "@embeddable.com/react";
|
|
3
|
-
import { B as r } from "./index-
|
|
4
|
-
import { b as e } from "./component.inputs.constants-
|
|
3
|
+
import { B as r } from "./index-8PpbF7SA.js";
|
|
4
|
+
import { b as e } from "./component.inputs.constants-CNdmawDt.js";
|
|
5
5
|
const t = {
|
|
6
6
|
name: "BarChartStackedPro",
|
|
7
7
|
label: "Bar Chart - Stacked",
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { s as I, j as e, Q as N, x as S, y as L, z as k, A as D, n as M, o as H, R as _, p as F, U as T, q as f } from "./Color.type.emb-Dkh_ZrO6.js";
|
|
2
|
+
import j, { useRef as b } from "react";
|
|
3
|
+
import { useTheme as p } from "@embeddable.com/react";
|
|
4
|
+
import { a as v, i as d, I as w } from "./component.inputs.constants-CNdmawDt.js";
|
|
5
|
+
/**
|
|
6
|
+
* @license @tabler/icons-react v3.36.1 - MIT
|
|
7
|
+
*
|
|
8
|
+
* This source code is licensed under the MIT license.
|
|
9
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
10
|
+
*/
|
|
11
|
+
const A = [["path", { d: "M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0" }], ["path", { d: "M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-1" }], ["path", { d: "M11 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-2" }]], E = I("outline", "dots-vertical", "DotsVertical", A), O = "_chartCard_1c8il_1", P = "_chartCardHeader_1c8il_6", U = "_hidden_1c8il_10", V = "_chartCardRightContent_1c8il_14", i = {
|
|
12
|
+
chartCard: O,
|
|
13
|
+
chartCardHeader: P,
|
|
14
|
+
hidden: U,
|
|
15
|
+
chartCardRightContent: V
|
|
16
|
+
}, $ = "_loading_1hx4f_7", q = {
|
|
17
|
+
loading: $
|
|
18
|
+
}, y = () => /* @__PURE__ */ e.jsx(N, { className: q.loading }), z = "_list_mwshn_1", B = {
|
|
19
|
+
list: z
|
|
20
|
+
};
|
|
21
|
+
function K({ src: n, className: a, ...r }) {
|
|
22
|
+
const t = decodeURIComponent(n.replace(/^data:image\/svg\+xml,/, ""));
|
|
23
|
+
return /* @__PURE__ */ e.jsx("div", { className: a, ...r, dangerouslySetInnerHTML: { __html: t } });
|
|
24
|
+
}
|
|
25
|
+
const Q = (n) => {
|
|
26
|
+
const a = p();
|
|
27
|
+
v(a);
|
|
28
|
+
const [r, t] = j.useState(!1), o = a.defaults.chartMenuOptions ?? [];
|
|
29
|
+
if (o.length === 0)
|
|
30
|
+
return null;
|
|
31
|
+
const l = (s) => {
|
|
32
|
+
setTimeout(() => {
|
|
33
|
+
Promise.resolve(s()).finally(() => t(!1));
|
|
34
|
+
}, 100);
|
|
35
|
+
}, h = (s) => {
|
|
36
|
+
if (t(!0), n.onCustomDownload) {
|
|
37
|
+
n.onCustomDownload((c) => l(() => s(c)));
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
l(() => s({ ...n, theme: a }));
|
|
41
|
+
};
|
|
42
|
+
return /* @__PURE__ */ e.jsx(
|
|
43
|
+
S,
|
|
44
|
+
{
|
|
45
|
+
side: "bottom",
|
|
46
|
+
align: "end",
|
|
47
|
+
triggerComponent: r ? /* @__PURE__ */ e.jsx(y, {}) : /* @__PURE__ */ e.jsx(D, { icon: E }),
|
|
48
|
+
children: /* @__PURE__ */ e.jsx(L, { className: B.list, autoFocus: !0, children: o.map((s, c) => {
|
|
49
|
+
const m = d.t(s.labelKey);
|
|
50
|
+
return /* @__PURE__ */ e.jsx(
|
|
51
|
+
k,
|
|
52
|
+
{
|
|
53
|
+
label: m,
|
|
54
|
+
onClick: () => h(s.onClick),
|
|
55
|
+
startIcon: s.iconSrc ? /* @__PURE__ */ e.jsx(K, { src: s.iconSrc }) : void 0
|
|
56
|
+
},
|
|
57
|
+
c
|
|
58
|
+
);
|
|
59
|
+
}) })
|
|
60
|
+
}
|
|
61
|
+
);
|
|
62
|
+
}, G = j.forwardRef(
|
|
63
|
+
({
|
|
64
|
+
title: n,
|
|
65
|
+
subtitle: a,
|
|
66
|
+
children: r,
|
|
67
|
+
data: t,
|
|
68
|
+
errorMessage: o,
|
|
69
|
+
dimensionsAndMeasures: l = [],
|
|
70
|
+
hideMenu: h = !1,
|
|
71
|
+
onCustomDownload: s
|
|
72
|
+
}, c) => {
|
|
73
|
+
var x;
|
|
74
|
+
const m = p();
|
|
75
|
+
v(m);
|
|
76
|
+
const u = b(null), g = !!(t != null && t.data && ((x = t.data) == null ? void 0 : x.length) > 0), C = !t || (t == null ? void 0 : t.isLoading), R = () => C && !g ? /* @__PURE__ */ e.jsx(T, {}) : o ? /* @__PURE__ */ e.jsx(
|
|
77
|
+
f,
|
|
78
|
+
{
|
|
79
|
+
variant: "error",
|
|
80
|
+
icon: w,
|
|
81
|
+
title: d.t("charts.errorTitle"),
|
|
82
|
+
message: o
|
|
83
|
+
}
|
|
84
|
+
) : g ? r : /* @__PURE__ */ e.jsx(
|
|
85
|
+
f,
|
|
86
|
+
{
|
|
87
|
+
title: d.t("charts.emptyTitle"),
|
|
88
|
+
message: d.t("charts.emptyMessage")
|
|
89
|
+
}
|
|
90
|
+
);
|
|
91
|
+
return /* @__PURE__ */ e.jsxs(M, { className: i.chartCard, children: [
|
|
92
|
+
h ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
93
|
+
/* @__PURE__ */ e.jsx("div", { className: i.chartCardHeader, children: /* @__PURE__ */ e.jsx(H, { title: n, subtitle: a }) }),
|
|
94
|
+
/* @__PURE__ */ e.jsxs("div", { className: i.chartCardRightContent, children: [
|
|
95
|
+
/* @__PURE__ */ e.jsx("div", { className: _(!C && i.hidden), children: /* @__PURE__ */ e.jsx(y, {}) }),
|
|
96
|
+
/* @__PURE__ */ e.jsx("div", { className: _(C && i.hidden), children: /* @__PURE__ */ e.jsx(
|
|
97
|
+
Q,
|
|
98
|
+
{
|
|
99
|
+
title: n,
|
|
100
|
+
containerRef: u,
|
|
101
|
+
data: t == null ? void 0 : t.data,
|
|
102
|
+
dimensionsAndMeasures: l,
|
|
103
|
+
onCustomDownload: s
|
|
104
|
+
}
|
|
105
|
+
) })
|
|
106
|
+
] })
|
|
107
|
+
] }),
|
|
108
|
+
/* @__PURE__ */ e.jsx(F, { ref: s ? c : u, children: R() })
|
|
109
|
+
] });
|
|
110
|
+
}
|
|
111
|
+
);
|
|
112
|
+
G.displayName = "ChartCard";
|
|
113
|
+
export {
|
|
114
|
+
G as C
|
|
115
|
+
};
|
|
116
|
+
//# sourceMappingURL=ChartCard-D_A88_bS.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChartCard-D_A88_bS.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.36.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M11 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-2\" }]];\nconst IconDotsVertical = createReactComponent(\"outline\", \"dots-vertical\", \"DotsVertical\", __iconNode);\n\nexport { __iconNode, IconDotsVertical as default };\n//# sourceMappingURL=IconDotsVertical.mjs.map\n","import { IconLoader2 } from '@tabler/icons-react';\nimport styles from './ChartCardLoading.module.css';\n\nexport const ChartCardLoading = () => <IconLoader2 className={styles.loading} />;\n","import { IconDotsVertical } from '@tabler/icons-react';\nimport React from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from '../ChartCardLoading/ChartCardLoading';\nimport { i18n, i18nSetup } from '../../../../../theme/i18n/i18n';\nimport { Theme } from '../../../../../theme/theme.types';\nimport {\n Dropdown,\n ActionIcon,\n SelectFieldContent,\n SelectListOption,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCardMenuPro.module.css';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype InlineSvgFromDataProps = React.HTMLAttributes<HTMLSpanElement> & {\n src: string;\n};\n\nexport function InlineSvgFromData({ src, className, ...rest }: InlineSvgFromDataProps) {\n // Remove prefix and URL-decode the SVG markup\n const svgMarkup = decodeURIComponent(src.replace(/^data:image\\/svg\\+xml,/, ''));\n\n return <div className={className} {...rest} dangerouslySetInnerHTML={{ __html: svgMarkup }} />;\n}\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuOptionOnClickProps, 'theme'>;\n\nexport const ChartCardMenuPro: React.FC<ChartCardMenuProProps> = (props) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const [isLoading, setIsLoading] = React.useState(false);\n\n const options = theme.defaults.chartMenuOptions ?? [];\n\n if (options.length === 0) {\n return null;\n }\n\n const startAction = (onClick: () => void | Promise<void>) => {\n setTimeout(() => {\n Promise.resolve(onClick()).finally(() => setIsLoading(false));\n }, 100);\n };\n\n const handleExport = (onClick: (props: ChartCardMenuOptionOnClickProps) => void) => {\n setIsLoading(true);\n if (props.onCustomDownload) {\n props.onCustomDownload((args) => startAction(() => onClick(args)));\n return;\n }\n startAction(() => onClick({ ...props, theme }));\n };\n\n return (\n <Dropdown\n side=\"bottom\"\n align=\"end\"\n triggerComponent={isLoading ? <ChartCardLoading /> : <ActionIcon icon={IconDotsVertical} />}\n >\n <SelectFieldContent className={styles.list} autoFocus>\n {options.map((option, index) => {\n const label = i18n.t(option.labelKey);\n\n return (\n <SelectListOption\n key={index}\n label={label}\n onClick={() => handleExport(option.onClick)}\n startIcon={option.iconSrc ? <InlineSvgFromData src={option.iconSrc} /> : undefined}\n />\n );\n })}\n </SelectFieldContent>\n </Dropdown>\n );\n};\n","import React, { CSSProperties, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n Card,\n CardContent,\n CardFeedback,\n CardHeader,\n Skeleton,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCard.module.css';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from './ChartCardLoading/ChartCardLoading';\nimport { ChartCardMenuPro } from './ChartCardMenuPro/ChartCardMenuPro';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport clsx from 'clsx';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\nexport type ChartCardHeaderProps = {\n title?: string;\n subtitle?: string;\n hideMenu?: boolean;\n};\n\ntype ChartCardProps = {\n children: React.ReactNode;\n data: DataResponse;\n errorMessage?: string;\n style?: CSSProperties;\n dimensionsAndMeasures?: (Dimension | Measure)[];\n onCustomDownload?: (props: (props: ChartCardMenuOptionOnClickProps) => void) => void;\n} & ChartCardHeaderProps;\n\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n (\n {\n title,\n subtitle,\n children,\n data,\n errorMessage,\n dimensionsAndMeasures = [],\n hideMenu = false,\n onCustomDownload,\n },\n ref,\n ) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const chartRef = useRef<HTMLDivElement>(null);\n\n const hasData = Boolean(data?.data && data.data?.length > 0);\n\n const isLoading = !data || data?.isLoading;\n\n const getDisplay = () => {\n if (isLoading && !hasData) {\n return <Skeleton />;\n }\n\n if (errorMessage) {\n return (\n <CardFeedback\n variant=\"error\"\n icon={IconAlertCircle}\n title={i18n.t('charts.errorTitle')}\n message={errorMessage}\n />\n );\n }\n\n if (!hasData) {\n return (\n <CardFeedback\n title={i18n.t('charts.emptyTitle')}\n message={i18n.t('charts.emptyMessage')}\n />\n );\n }\n\n return children;\n };\n\n return (\n <Card className={styles.chartCard}>\n {hideMenu ? null : (\n <>\n <div className={styles.chartCardHeader}>\n <CardHeader title={title} subtitle={subtitle} />\n </div>\n <div className={styles.chartCardRightContent}>\n <div className={clsx(!isLoading && styles.hidden)}>\n <ChartCardLoading />\n </div>\n <div className={clsx(isLoading && styles.hidden)}>\n <ChartCardMenuPro\n title={title}\n containerRef={chartRef}\n data={data?.data}\n dimensionsAndMeasures={dimensionsAndMeasures}\n onCustomDownload={onCustomDownload}\n />\n </div>\n </div>\n </>\n )}\n\n <CardContent ref={onCustomDownload ? ref : chartRef}>{getDisplay()}</CardContent>\n </Card>\n );\n },\n);\n\nChartCard.displayName = 'ChartCard';\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","ChartCardLoading","jsx","IconLoader2","styles","InlineSvgFromData","src","className","rest","svgMarkup","ChartCardMenuPro","props","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","options","startAction","onClick","handleExport","args","Dropdown","ActionIcon","SelectFieldContent","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","hideMenu","onCustomDownload","ref","chartRef","useRef","hasData","_a","getDisplay","Skeleton","CardFeedback","IconAlertCircle","jsxs","Card","Fragment","CardHeader","clsx","CardContent"],"mappings":"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","x_google_ignoreList":[0]}
|