@embeddable.com/remarkable-ui 0.1.33 → 0.1.35
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-Cr2L2Uki.js +110 -0
- package/dist/ChartCard-Cr2L2Uki.js.map +1 -0
- package/dist/{ComparisonPeriod.type.emb-9nwxR9Tl.js → ComparisonPeriod.type.emb-C7ixEJKv.js} +2 -2
- package/dist/{ComparisonPeriod.type.emb-9nwxR9Tl.js.map → ComparisonPeriod.type.emb-C7ixEJKv.js.map} +1 -1
- package/dist/ComparisonPeriodSelectFieldPro.js +6 -6
- package/dist/ComparisonPeriodSelectFieldPro.js.map +1 -1
- package/dist/DateRangeSelectFieldPro.js +5 -5
- package/dist/DonutChartPro.js +2 -2
- package/dist/DonutLabelChartPro.js +2 -2
- package/dist/{EditorCard-tBhUO9qV.js → EditorCard-B7s7sQ-B.js} +12 -12
- package/dist/{EditorCard-tBhUO9qV.js.map → EditorCard-B7s7sQ-B.js.map} +1 -1
- package/dist/{KpiChart-CqS9-4MK.js → KpiChart-PRQV9-IW.js} +15 -15
- package/dist/{KpiChart-CqS9-4MK.js.map → KpiChart-PRQV9-IW.js.map} +1 -1
- package/dist/KpiChartNumberComparisonPro.js +6 -6
- package/dist/KpiChartNumberPro.js +4 -4
- package/dist/LineChartComparisonDefaultPro.js +36 -36
- package/dist/LineChartComparisonDefaultPro.js.map +1 -1
- package/dist/LineChartDefaultPro.js +3 -3
- package/dist/LineChartGroupedPro.js +3 -3
- package/dist/MultiSelectFieldPro.js +2 -2
- package/dist/PieChartPro.js +2 -2
- package/dist/{SingleSelectField-BwQahxL2.js → SingleSelectField-DXVRxF0n.js} +29 -29
- package/dist/{SingleSelectField-BwQahxL2.js.map → SingleSelectField-DXVRxF0n.js.map} +1 -1
- package/dist/SingleSelectFieldPro.js +2 -2
- package/dist/TableChartPaginated.js +281 -0
- package/dist/TableChartPaginated.js.map +1 -0
- package/dist/{bars.utils-BS6hyz6a.js → bars.utils-D2ZNn4I1.js} +4 -4
- package/dist/{bars.utils-BS6hyz6a.js.map → bars.utils-D2ZNn4I1.js.map} +1 -1
- package/dist/{charts.utils-CtjnpTZZ.js → charts.utils-BFYHGiMZ.js} +2350 -2320
- package/dist/charts.utils-BFYHGiMZ.js.map +1 -0
- package/dist/{component.constants-BtSbiLSA.js → component.constants-D59iJ42U.js} +3880 -3490
- package/dist/component.constants-D59iJ42U.js.map +1 -0
- package/dist/{editors.timeRange.utils-CteuBPel.js → editors.timeRange.utils-D9m6B3r1.js} +2 -2
- package/dist/{editors.timeRange.utils-CteuBPel.js.map → editors.timeRange.utils-D9m6B3r1.js.map} +1 -1
- package/dist/embeddable-components.json +11 -10
- package/dist/embeddable-theme-2b917.js +1310 -1275
- package/dist/{embeddable-types-4ace4.js → embeddable-types-363c8.js} +42 -35
- package/dist/embeddable-types.js.map +1 -1
- package/dist/{formatter.utils-DsSqaQLy.js → formatter.utils-DDLdrAl9.js} +2 -2
- package/dist/{formatter.utils-DsSqaQLy.js.map → formatter.utils-DDLdrAl9.js.map} +1 -1
- package/dist/{ga-DOnkmpCn.js → ga-BgTlCTPa.js} +5 -5
- package/dist/ga-BgTlCTPa.js.map +1 -0
- package/dist/{index-0EU9wBvd.js → index-Ba7NiFTr.js} +36 -37
- package/dist/index-Ba7NiFTr.js.map +1 -0
- package/dist/{index-CVNg2zPD.js → index-BsjrQxtw.js} +8 -8
- package/dist/{index-CVNg2zPD.js.map → index-BsjrQxtw.js.map} +1 -1
- package/dist/index-CWufi8Tg.js +56 -0
- package/dist/index-CWufi8Tg.js.map +1 -0
- package/dist/{index-CuyqPNAk.js → index-D10laZQ1.js} +5 -5
- package/dist/{index-CuyqPNAk.js.map → index-D10laZQ1.js.map} +1 -1
- package/dist/{index-BFMal406.js → index-DWhYhJ0M.js} +8 -8
- package/dist/{index-BFMal406.js.map → index-DWhYhJ0M.js.map} +1 -1
- package/dist/{index-Bgt_jnmA.js → index-fW1psiZu.js} +9 -9
- package/dist/{index-Bgt_jnmA.js.map → index-fW1psiZu.js.map} +1 -1
- package/dist/index.js +182 -175
- package/dist/index.js.map +1 -1
- package/dist/{pies.utils-DCRmuFgI.js → pies.utils-D6CRlUd4.js} +4 -4
- package/dist/{pies.utils-DCRmuFgI.js.map → pies.utils-D6CRlUd4.js.map} +1 -1
- package/dist/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/index.d.ts.map +1 -1
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.d.ts +4 -2
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.d.ts.map +1 -1
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.stories.d.ts +3 -2
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.stories.d.ts.map +1 -1
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.d.ts.map +1 -1
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.stories.d.ts +1 -0
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.stories.d.ts.map +1 -1
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.types.d.ts +1 -0
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.types.d.ts.map +1 -1
- package/dist/remarkable-pro/components/charts/tables/TableChartPaginated/index.d.ts +28 -0
- package/dist/remarkable-pro/components/charts/tables/TableChartPaginated/index.d.ts.map +1 -0
- package/dist/remarkable-pro/components/charts/tables/tables.utils.d.ts +17 -0
- package/dist/remarkable-pro/components/charts/tables/tables.utils.d.ts.map +1 -0
- package/dist/remarkable-pro/components/component.constants.d.ts +46 -0
- package/dist/remarkable-pro/components/component.constants.d.ts.map +1 -1
- package/dist/remarkable-pro/components/component.utils.d.ts +1 -1
- package/dist/remarkable-pro/components/component.utils.d.ts.map +1 -1
- package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.utils.d.ts.map +1 -1
- package/dist/remarkable-pro/theme/i18n/translations/de.d.ts.map +1 -1
- package/dist/remarkable-pro/theme/i18n/translations/en.d.ts.map +1 -1
- package/dist/remarkable-ui/charts/tables/Table.hooks.d.ts +9 -0
- package/dist/remarkable-ui/charts/tables/Table.hooks.d.ts.map +1 -0
- package/dist/remarkable-ui/charts/tables/TablePaginated.d.ts +4 -0
- package/dist/remarkable-ui/charts/tables/TablePaginated.d.ts.map +1 -0
- package/dist/remarkable-ui/charts/tables/TablePaginated.stories.d.ts +6 -0
- package/dist/remarkable-ui/charts/tables/TablePaginated.stories.d.ts.map +1 -0
- package/dist/remarkable-ui/charts/tables/components/TableBody/TableBody.d.ts +4 -0
- package/dist/remarkable-ui/charts/tables/components/TableBody/TableBody.d.ts.map +1 -0
- package/dist/remarkable-ui/charts/tables/components/TableHeader/TableHeader.d.ts +4 -0
- package/dist/remarkable-ui/charts/tables/components/TableHeader/TableHeader.d.ts.map +1 -0
- package/dist/remarkable-ui/charts/tables/components/TablePagination/TablePagination.d.ts +6 -0
- package/dist/remarkable-ui/charts/tables/components/TablePagination/TablePagination.d.ts.map +1 -0
- package/dist/remarkable-ui/charts/tables/components/TablePagination/TablePagination.stories.d.ts +10 -0
- package/dist/remarkable-ui/charts/tables/components/TablePagination/TablePagination.stories.d.ts.map +1 -0
- package/dist/remarkable-ui/charts/tables/tables.types.d.ts +44 -0
- package/dist/remarkable-ui/charts/tables/tables.types.d.ts.map +1 -0
- package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.d.ts +1 -0
- package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.d.ts.map +1 -1
- package/dist/remarkable-ui/hooks/useDebounce.hook.d.ts +2 -0
- package/dist/remarkable-ui/hooks/useDebounce.hook.d.ts.map +1 -0
- package/dist/remarkable-ui/hooks/useObserverHeight.hook.d.ts +2 -0
- package/dist/remarkable-ui/hooks/useObserverHeight.hook.d.ts.map +1 -0
- package/dist/remarkable-ui/index.d.ts +3 -0
- package/dist/remarkable-ui/index.d.ts.map +1 -1
- package/dist/remarkable-ui/styles/styles.utils.d.ts +1 -1
- package/dist/remarkable-ui/styles/styles.utils.d.ts.map +1 -1
- package/dist/remarkable-ui.css +1 -1
- package/dist/{timeRange.utils-CWIlCcfG.js → timeRange.utils-D6gvWIhx.js} +2 -2
- package/dist/{timeRange.utils-CWIlCcfG.js.map → timeRange.utils-D6gvWIhx.js.map} +1 -1
- package/package.json +10 -12
- package/dist/BaseButton-D3Nh2VwK.js +0 -24
- package/dist/BaseButton-D3Nh2VwK.js.map +0 -1
- package/dist/ChartCard-BMfUGlQC.js +0 -109
- package/dist/ChartCard-BMfUGlQC.js.map +0 -1
- package/dist/charts.utils-CtjnpTZZ.js.map +0 -1
- package/dist/component.constants-BtSbiLSA.js.map +0 -1
- package/dist/ga-DOnkmpCn.js.map +0 -1
- package/dist/index-0EU9wBvd.js.map +0 -1
- package/dist/index-Fhr_BPX0.js +0 -56
- package/dist/index-Fhr_BPX0.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@embeddable.com/remarkable-ui",
|
|
3
3
|
"author": "embeddable (https://embeddable.com)",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.35",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
@@ -32,7 +32,8 @@
|
|
|
32
32
|
"prettier:write": "prettier . --write",
|
|
33
33
|
"release": "npm run embeddable:package && changeset publish",
|
|
34
34
|
"storybook": "storybook dev -p 6006",
|
|
35
|
-
"types:check": "tsc --noEmit --incremental false"
|
|
35
|
+
"types:check": "tsc --noEmit --incremental false",
|
|
36
|
+
"postinstall": "node -e \"try{require('child_process').execSync('xattr -dr com.apple.quarantine node_modules/@swc || true',{stdio:'inherit'})}catch(e){}\""
|
|
36
37
|
},
|
|
37
38
|
"keywords": [
|
|
38
39
|
"embeddable",
|
|
@@ -55,8 +56,8 @@
|
|
|
55
56
|
},
|
|
56
57
|
"dependencies": {
|
|
57
58
|
"@changesets/cli": "^2.29.6",
|
|
58
|
-
"@embeddable.com/core": "^2.
|
|
59
|
-
"@embeddable.com/react": "^2.
|
|
59
|
+
"@embeddable.com/core": "^2.13.0",
|
|
60
|
+
"@embeddable.com/react": "^2.12.0",
|
|
60
61
|
"@radix-ui/react-dropdown-menu": "^2.1.15",
|
|
61
62
|
"@tabler/icons-react": "^3.34.1",
|
|
62
63
|
"chart.js": "^4.5.0",
|
|
@@ -72,15 +73,15 @@
|
|
|
72
73
|
"xlsx": "^0.18.5"
|
|
73
74
|
},
|
|
74
75
|
"devDependencies": {
|
|
75
|
-
"@embeddable.com/sdk-core": "^4.1.
|
|
76
|
-
"@embeddable.com/sdk-react": "^4.0.
|
|
77
|
-
"@eslint/css": "^0.
|
|
78
|
-
"@eslint/js": "^9.31.0",
|
|
76
|
+
"@embeddable.com/sdk-core": "^4.1.3",
|
|
77
|
+
"@embeddable.com/sdk-react": "^4.0.7",
|
|
78
|
+
"@eslint/css": "^0.13.0",
|
|
79
79
|
"@storybook/addon-webpack5-compiler-swc": "^3.0.0",
|
|
80
80
|
"@storybook/react": "^9.0.18",
|
|
81
81
|
"@storybook/react-webpack5": "^9.0.17",
|
|
82
|
+
"@swc-node/core": "1.14.1",
|
|
82
83
|
"@swc/cli": "^0.4.0",
|
|
83
|
-
"@swc/core": "
|
|
84
|
+
"@swc/core": "1.13.5",
|
|
84
85
|
"@types/chroma-js": "^3.1.1",
|
|
85
86
|
"@types/react": "^19.1.9",
|
|
86
87
|
"@types/react-dom": "^19.1.7",
|
|
@@ -105,8 +106,5 @@
|
|
|
105
106
|
"peerDependencies": {
|
|
106
107
|
"react": ">=19.1.1",
|
|
107
108
|
"react-dom": ">=19.1.1"
|
|
108
|
-
},
|
|
109
|
-
"optionalDependencies": {
|
|
110
|
-
"@swc/core-linux-x64-gnu": "^1.13.5"
|
|
111
109
|
}
|
|
112
110
|
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { j as c, a6 as e } from "./component.constants-BtSbiLSA.js";
|
|
2
|
-
const m = "_baseButton_zbrmc_1", _ = "_primary_zbrmc_15", i = "_secondary_zbrmc_34", b = "_icon_zbrmc_55", s = {
|
|
3
|
-
baseButton: m,
|
|
4
|
-
primary: _,
|
|
5
|
-
secondary: i,
|
|
6
|
-
icon: b
|
|
7
|
-
}, y = ({
|
|
8
|
-
variant: t = "primary",
|
|
9
|
-
size: o = "medium",
|
|
10
|
-
className: r,
|
|
11
|
-
children: n,
|
|
12
|
-
...a
|
|
13
|
-
}) => /* @__PURE__ */ c.jsx(
|
|
14
|
-
"button",
|
|
15
|
-
{
|
|
16
|
-
className: e(s.baseButton, s[t], s[o], r),
|
|
17
|
-
...a,
|
|
18
|
-
children: n
|
|
19
|
-
}
|
|
20
|
-
);
|
|
21
|
-
export {
|
|
22
|
-
y as B
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=BaseButton-D3Nh2VwK.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BaseButton-D3Nh2VwK.js","sources":["../src/remarkable-ui/shared/BaseButton/BaseButton.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React from 'react';\nimport styles from './BaseButton.module.css';\n\nexport type BaseButtonProps = {\n variant?: 'primary' | 'secondary';\n size?: 'small' | 'medium';\n ref?: React.Ref<HTMLButtonElement>;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const BaseButton: React.FC<BaseButtonProps> = ({\n variant = 'primary',\n size = 'medium',\n className,\n children,\n ...props\n}) => {\n return (\n <button\n className={clsx(styles.baseButton, styles[variant], styles[size], className)}\n {...props}\n >\n {children}\n </button>\n );\n};\n"],"names":["BaseButton","variant","size","className","children","props","jsx","clsx","styles"],"mappings":";;;;;;GAUaA,IAAwC,CAAC;AAAA,EACpD,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,YAAYA,EAAOP,CAAO,GAAGO,EAAON,CAAI,GAAGC,CAAS;AAAA,IAC1E,GAAGE;AAAA,IAEH,UAAAD;AAAA,EAAA;AAAA;"}
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
import { a4 as p, j as t, a6 as k, aC as y, i as x, ae as v, ah as N, U as l, af as B, a8 as I, a9 as L, ab as S, ac as g, aD as D } from "./component.constants-BtSbiLSA.js";
|
|
2
|
-
import R, { useRef as M } from "react";
|
|
3
|
-
import { useTheme as f } from "@embeddable.com/react";
|
|
4
|
-
import { B as $ } from "./BaseButton-D3Nh2VwK.js";
|
|
5
|
-
/**
|
|
6
|
-
* @license @tabler/icons-react v3.34.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 b = [["path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0" }], ["path", { d: "M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-1" }], ["path", { d: "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-2" }]], T = p("outline", "dots-vertical", "DotsVertical", b), z = "_skeleton_12e7h_10", P = {
|
|
12
|
-
skeleton: z
|
|
13
|
-
}, w = () => /* @__PURE__ */ t.jsx("div", { className: P.skeleton }), A = "_iconButton_134uf_1", E = "_icon_134uf_1", _ = {
|
|
14
|
-
iconButton: A,
|
|
15
|
-
icon: E
|
|
16
|
-
}, V = ({ icon: a, className: n, ...o }) => /* @__PURE__ */ t.jsx($, { variant: "secondary", className: k(_.iconButton, n), ...o, children: /* @__PURE__ */ t.jsx(a, { className: _.icon }) }), F = "_chartCard_zkf3k_1", H = "_error_zkf3k_6", K = "_rightContent_zkf3k_12", u = {
|
|
17
|
-
chartCard: F,
|
|
18
|
-
error: H,
|
|
19
|
-
rightContent: K
|
|
20
|
-
}, O = "_loading_7lgag_7", U = {
|
|
21
|
-
loading: O
|
|
22
|
-
}, j = () => /* @__PURE__ */ t.jsx(y, { className: U.loading }), q = "_list_mwshn_1", G = {
|
|
23
|
-
list: q
|
|
24
|
-
}, J = (a) => {
|
|
25
|
-
var i, c;
|
|
26
|
-
const n = f();
|
|
27
|
-
x(n);
|
|
28
|
-
const [o, e] = R.useState(!1), r = ((c = (i = n.charts) == null ? void 0 : i.chartCardMenuPro) == null ? void 0 : c.options) ?? [];
|
|
29
|
-
if (r.length === 0)
|
|
30
|
-
return null;
|
|
31
|
-
const d = (s) => {
|
|
32
|
-
e(!0), setTimeout(() => {
|
|
33
|
-
Promise.resolve(s()).finally(() => e(!1));
|
|
34
|
-
}, 100);
|
|
35
|
-
}, h = (s) => {
|
|
36
|
-
d(() => s({ ...a, theme: n }));
|
|
37
|
-
};
|
|
38
|
-
return /* @__PURE__ */ t.jsx(
|
|
39
|
-
v,
|
|
40
|
-
{
|
|
41
|
-
side: "bottom",
|
|
42
|
-
align: "end",
|
|
43
|
-
triggerComponent: o ? /* @__PURE__ */ t.jsx(j, {}) : /* @__PURE__ */ t.jsx(V, { icon: T }),
|
|
44
|
-
children: /* @__PURE__ */ t.jsx(N, { className: G.list, autoFocus: !0, children: r.map((s, m) => {
|
|
45
|
-
const C = l.t(s.labelKey);
|
|
46
|
-
return /* @__PURE__ */ t.jsx(
|
|
47
|
-
B,
|
|
48
|
-
{
|
|
49
|
-
label: C,
|
|
50
|
-
onClick: () => h(s.onClick),
|
|
51
|
-
startIcon: s.iconSrc ? /* @__PURE__ */ t.jsx("img", { src: s.iconSrc, alt: `${C} icon` }) : void 0
|
|
52
|
-
},
|
|
53
|
-
m
|
|
54
|
-
);
|
|
55
|
-
}) })
|
|
56
|
-
}
|
|
57
|
-
);
|
|
58
|
-
}, Z = ({
|
|
59
|
-
title: a,
|
|
60
|
-
subtitle: n,
|
|
61
|
-
children: o,
|
|
62
|
-
data: e,
|
|
63
|
-
errorMessage: r,
|
|
64
|
-
dimensionsAndMeasures: d = [],
|
|
65
|
-
...h
|
|
66
|
-
}) => {
|
|
67
|
-
const i = f();
|
|
68
|
-
x(i);
|
|
69
|
-
const c = M(null), s = e.data && e.data.length > 0, m = () => !s && e.isLoading ? /* @__PURE__ */ t.jsx(w, {}) : r ? /* @__PURE__ */ t.jsx(
|
|
70
|
-
g,
|
|
71
|
-
{
|
|
72
|
-
className: u.error,
|
|
73
|
-
icon: D,
|
|
74
|
-
title: l.t("charts.errorTitle"),
|
|
75
|
-
message: r
|
|
76
|
-
}
|
|
77
|
-
) : s ? o : /* @__PURE__ */ t.jsx(
|
|
78
|
-
g,
|
|
79
|
-
{
|
|
80
|
-
title: l.t("charts.emptyTitle"),
|
|
81
|
-
message: l.t("charts.emptyMessage")
|
|
82
|
-
}
|
|
83
|
-
);
|
|
84
|
-
return /* @__PURE__ */ t.jsxs(I, { ref: c, className: u.chartCard, ...h, children: [
|
|
85
|
-
/* @__PURE__ */ t.jsx(
|
|
86
|
-
L,
|
|
87
|
-
{
|
|
88
|
-
title: a,
|
|
89
|
-
subtitle: n,
|
|
90
|
-
rightContent: /* @__PURE__ */ t.jsx("div", { "data-no-export": !0, className: u.rightContent, children: e.isLoading ? /* @__PURE__ */ t.jsx(j, {}) : /* @__PURE__ */ t.jsx(
|
|
91
|
-
J,
|
|
92
|
-
{
|
|
93
|
-
title: a,
|
|
94
|
-
containerRef: c,
|
|
95
|
-
data: e.data,
|
|
96
|
-
dimensionsAndMeasures: d
|
|
97
|
-
}
|
|
98
|
-
) })
|
|
99
|
-
}
|
|
100
|
-
),
|
|
101
|
-
/* @__PURE__ */ t.jsx(S, { children: m() })
|
|
102
|
-
] });
|
|
103
|
-
};
|
|
104
|
-
export {
|
|
105
|
-
Z as C,
|
|
106
|
-
V as I,
|
|
107
|
-
w as S
|
|
108
|
-
};
|
|
109
|
-
//# sourceMappingURL=ChartCard-BMfUGlQC.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChartCard-BMfUGlQC.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/remarkable-ui/shared/Skeleton/Skeleton.tsx","../src/remarkable-ui/shared/IconButton/IconButton.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.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\": \"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M12 5m-1 0a1 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 styles from './Skeleton.module.css';\n\nexport const Skeleton = () => {\n return <div className={styles.skeleton} />;\n};\n","import clsx from 'clsx';\nimport React from 'react';\nimport styles from './IconButton.module.css';\nimport { TablerIcon } from '@tabler/icons-react';\nimport { BaseButton, type BaseButtonProps } from '../BaseButton';\n\ntype IconButtonProps = Omit<BaseButtonProps, 'variant'> & {\n className?: string;\n icon: TablerIcon;\n};\n\nexport const IconButton: React.FC<IconButtonProps> = ({ icon: Icon, className, ...props }) => {\n return (\n <BaseButton variant=\"secondary\" className={clsx(styles.iconButton, className)} {...props}>\n <Icon className={styles.icon} />\n </BaseButton>\n );\n};\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 IconButton,\n SelectList,\n SelectListOption,\n} from '../../../../../../remarkable-ui';\nimport { ChartCardMenuProOptionOnClickProps } from './ChartCardMenuPro.types';\nimport styles from './ChartCardMenuPro.module.css';\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuProOptionOnClickProps, '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.charts?.chartCardMenuPro?.options ?? [];\n\n if (options.length === 0) {\n return null;\n }\n\n const startAction = (onClick: () => void | Promise<void>) => {\n setIsLoading(true);\n setTimeout(() => {\n Promise.resolve(onClick()).finally(() => setIsLoading(false));\n }, 100);\n };\n\n const handleExport = (onClick: (props: ChartCardMenuProOptionOnClickProps) => void) => {\n startAction(() => onClick({ ...props, theme }));\n };\n\n return (\n <Dropdown\n side=\"bottom\"\n align=\"end\"\n triggerComponent={isLoading ? <ChartCardLoading /> : <IconButton icon={IconDotsVertical} />}\n >\n <SelectList 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={\n option.iconSrc ? <img src={option.iconSrc} alt={`${label} icon`} /> : undefined\n }\n />\n );\n })}\n </SelectList>\n </Dropdown>\n );\n};\n","import React, { CSSProperties, FC, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n Card,\n CardContent,\n CardContentInfo,\n CardHeader,\n Skeleton,\n} from '../../../../../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';\n\ntype ChartCardProps = {\n title: string;\n subtitle?: string;\n children: React.ReactNode;\n data: DataResponse;\n isLoading?: boolean;\n errorMessage?: string;\n style?: CSSProperties;\n dimensionsAndMeasures?: (Dimension | Measure)[];\n};\n\nexport const ChartCard: FC<ChartCardProps> = ({\n title,\n subtitle,\n children,\n data,\n errorMessage,\n dimensionsAndMeasures = [],\n ...props\n}) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const chartRef = useRef<HTMLDivElement>(null);\n\n const hasData = data.data && data.data.length > 0;\n\n const getDisplay = () => {\n if (!hasData && data.isLoading) {\n return <Skeleton />;\n }\n\n if (errorMessage) {\n return (\n <CardContentInfo\n className={styles.error}\n icon={IconAlertCircle}\n title={i18n.t('charts.errorTitle')}\n message={errorMessage}\n />\n );\n }\n\n if (!hasData) {\n return (\n <CardContentInfo\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 ref={chartRef} className={styles.chartCard} {...props}>\n <CardHeader\n title={title}\n subtitle={subtitle}\n rightContent={\n <div data-no-export className={styles.rightContent}>\n {data.isLoading ? (\n <ChartCardLoading />\n ) : (\n <ChartCardMenuPro\n title={title}\n containerRef={chartRef}\n data={data.data}\n dimensionsAndMeasures={dimensionsAndMeasures}\n />\n )}\n </div>\n }\n />\n\n <CardContent>{getDisplay()}</CardContent>\n </Card>\n );\n};\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","Skeleton","jsx","styles","IconButton","Icon","className","props","BaseButton","clsx","ChartCardLoading","IconLoader2","ChartCardMenuPro","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","options","_b","_a","startAction","onClick","handleExport","Dropdown","SelectList","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","chartRef","useRef","hasData","getDisplay","CardContentInfo","IconAlertCircle","jsxs","Card","CardHeader","CardContent"],"mappings":"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","x_google_ignoreList":[0]}
|