@embeddable.com/remarkable-pro 0.1.2 → 0.1.4
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 +9 -8
- package/dist/BarChartDefaultHorizontalPro.js.map +1 -1
- package/dist/BarChartDefaultPro.js +5 -4
- package/dist/BarChartDefaultPro.js.map +1 -1
- package/dist/BarChartGroupedHorizontalPro.js +5 -4
- package/dist/BarChartGroupedHorizontalPro.js.map +1 -1
- package/dist/BarChartGroupedPro.js +7 -6
- package/dist/BarChartGroupedPro.js.map +1 -1
- package/dist/BarChartStackedHorizontalPro.js +10 -9
- package/dist/BarChartStackedHorizontalPro.js.map +1 -1
- package/dist/BarChartStackedPro.js +13 -12
- package/dist/BarChartStackedPro.js.map +1 -1
- package/dist/ChartCard-Be7mHyBp.js +117 -0
- package/dist/ChartCard-Be7mHyBp.js.map +1 -0
- package/dist/{ChartGranularitySelectField-C_6Mugcw.js → ChartGranularitySelectField-D-H0yKZH.js} +3 -3
- package/dist/{ChartGranularitySelectField-C_6Mugcw.js.map → ChartGranularitySelectField-D-H0yKZH.js.map} +1 -1
- package/dist/{Color.type.emb-De2K8PVb.js → Color.type.emb-CGyFSpIN.js} +11697 -11296
- package/dist/Color.type.emb-CGyFSpIN.js.map +1 -0
- package/dist/ColorEditor.js +1 -1
- package/dist/ComparisonPeriodSelectFieldPro.js +9 -8
- package/dist/ComparisonPeriodSelectFieldPro.js.map +1 -1
- package/dist/DateRangePickerCustomPro.js +42 -41
- package/dist/DateRangePickerCustomPro.js.map +1 -1
- package/dist/DateRangeSelectFieldPro.js +6 -5
- package/dist/DateRangeSelectFieldPro.js.map +1 -1
- package/dist/{DimensionAndMeasureSingleSelectField-CJ1yAcRd.js → DimensionAndMeasureSingleSelectField-BOWAqIok.js} +3 -3
- package/dist/{DimensionAndMeasureSingleSelectField-CJ1yAcRd.js.map → DimensionAndMeasureSingleSelectField-BOWAqIok.js.map} +1 -1
- package/dist/DimensionSingleSelectFieldPro.js +32 -31
- package/dist/DimensionSingleSelectFieldPro.js.map +1 -1
- package/dist/DonutChartPro.js +16 -15
- package/dist/DonutChartPro.js.map +1 -1
- package/dist/DonutLabelChartPro.js +10 -9
- package/dist/DonutLabelChartPro.js.map +1 -1
- package/dist/EditorCard-C8PKNLWT.js +33 -0
- package/dist/EditorCard-C8PKNLWT.js.map +1 -0
- package/dist/{GranularitySelectField-DuRk6qY8.js → GranularitySelectField-DUbr0dRq.js} +3 -3
- package/dist/{GranularitySelectField-DuRk6qY8.js.map → GranularitySelectField-DUbr0dRq.js.map} +1 -1
- package/dist/GranularitySelectFieldPro.js +18 -17
- package/dist/GranularitySelectFieldPro.js.map +1 -1
- package/dist/HeatMapPro.js +5 -4
- package/dist/HeatMapPro.js.map +1 -1
- package/dist/{IconCalendarFilled-CYiLMPm9.js → IconCalendarFilled-BOHNn82C.js} +2 -2
- package/dist/{IconCalendarFilled-CYiLMPm9.js.map → IconCalendarFilled-BOHNn82C.js.map} +1 -1
- package/dist/KpiChartNumberComparisonPro.js +5 -4
- package/dist/KpiChartNumberComparisonPro.js.map +1 -1
- package/dist/KpiChartNumberPro.js +12 -5
- package/dist/KpiChartNumberPro.js.map +1 -1
- package/dist/LineChartComparisonDefaultPro.js +8 -7
- package/dist/LineChartComparisonDefaultPro.js.map +1 -1
- package/dist/LineChartDefaultPro.js +5 -4
- package/dist/LineChartDefaultPro.js.map +1 -1
- package/dist/LineChartGroupedPro.js +5 -4
- package/dist/LineChartGroupedPro.js.map +1 -1
- package/dist/MeasureSingleSelectFieldPro.js +32 -31
- package/dist/MeasureSingleSelectFieldPro.js.map +1 -1
- package/dist/MultiSelectFieldPro.js +9 -8
- package/dist/MultiSelectFieldPro.js.map +1 -1
- package/dist/PieChartPro.js +9 -8
- package/dist/PieChartPro.js.map +1 -1
- package/dist/PivotTablePro.js +5 -4
- package/dist/PivotTablePro.js.map +1 -1
- package/dist/SingleSelectFieldPro.js +23 -22
- package/dist/SingleSelectFieldPro.js.map +1 -1
- package/dist/TableChartPaginated.js +10 -9
- package/dist/TableChartPaginated.js.map +1 -1
- package/dist/TableScrollable.js +244 -242
- package/dist/TableScrollable.js.map +1 -1
- package/dist/{bars.utils-7WiIKMS8.js → bars.utils-Ccwx-tAf.js} +7 -7
- package/dist/{bars.utils-7WiIKMS8.js.map → bars.utils-Ccwx-tAf.js.map} +1 -1
- package/dist/{charts.utils-CeUb1OP-.js → charts.utils-ypZsf-22.js} +725 -688
- package/dist/charts.utils-ypZsf-22.js.map +1 -0
- package/dist/{component.inputs.constants-DzpzJ9Na.js → component.inputs.constants-MAjey7Me.js} +92 -86
- package/dist/component.inputs.constants-MAjey7Me.js.map +1 -0
- package/dist/components/charts/bars/BarChartDefaultHorizontalPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartDefaultPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartGroupedHorizontalPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartGroupedPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartStackedHorizontalPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartStackedPro/index.d.ts.map +1 -1
- package/dist/components/charts/kpis/KpiChartNumberComparisonPro/index.d.ts.map +1 -1
- package/dist/components/charts/kpis/KpiChartNumberPro/index.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartComparisonDefaultPro/index.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartDefaultPro/index.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartGroupedPro/index.d.ts.map +1 -1
- package/dist/components/charts/shared/ChartCard/ChartCard.d.ts +1 -0
- package/dist/components/charts/shared/ChartCard/ChartCard.d.ts.map +1 -1
- package/dist/components/charts/tables/HeatMapPro/index.d.ts.map +1 -1
- package/dist/components/charts/tables/PivotTablePro/index.d.ts.map +1 -1
- package/dist/components/charts/tables/TableChartPaginated/index.d.ts.map +1 -1
- package/dist/components/charts/tables/TableScrollable/index.d.ts.map +1 -1
- package/dist/components/component.inputs.constants.d.ts +6 -0
- package/dist/components/component.inputs.constants.d.ts.map +1 -1
- package/dist/components/editors/ComparisonPeriodSelectFieldPro/index.d.ts +2 -2
- package/dist/components/editors/ComparisonPeriodSelectFieldPro/index.d.ts.map +1 -1
- package/dist/components/editors/GranularitySelectFieldPro/index.d.ts +2 -2
- package/dist/components/editors/GranularitySelectFieldPro/index.d.ts.map +1 -1
- package/dist/components/editors/MultiSelectFieldPro/index.d.ts +2 -2
- package/dist/components/editors/MultiSelectFieldPro/index.d.ts.map +1 -1
- package/dist/components/editors/SingleSelectFieldPro/index.d.ts +2 -2
- package/dist/components/editors/SingleSelectFieldPro/index.d.ts.map +1 -1
- package/dist/components/editors/dates/DateRangePickerCustomPro/index.d.ts +2 -2
- package/dist/components/editors/dates/DateRangePickerCustomPro/index.d.ts.map +1 -1
- package/dist/components/editors/dates/DateRangePickerPresetsPro/index.d.ts +2 -2
- package/dist/components/editors/dates/DateRangePickerPresetsPro/index.d.ts.map +1 -1
- package/dist/components/editors/shared/EditorCard/EditorCard.d.ts +6 -3
- package/dist/components/editors/shared/EditorCard/EditorCard.d.ts.map +1 -1
- package/dist/embeddable-components.json +28 -28
- package/dist/embeddable-theme-0137e.js +1090 -1053
- package/dist/{formatter.utils-CiN6axbW.js → formatter.utils-BeLScsYW.js} +2 -2
- package/dist/{formatter.utils-CiN6axbW.js.map → formatter.utils-BeLScsYW.js.map} +1 -1
- package/dist/index-B4AV2TSq.js +346 -0
- package/dist/{index-BEckqi71.js.map → index-B4AV2TSq.js.map} +1 -1
- package/dist/{index-Cd59K5g3.js → index-BWJHhuBQ.js} +6 -6
- package/dist/{index-Cd59K5g3.js.map → index-BWJHhuBQ.js.map} +1 -1
- package/dist/index-BZ2MzjOb.js +83 -0
- package/dist/index-BZ2MzjOb.js.map +1 -0
- package/dist/index-Bg7ZniJ2.js +37 -0
- package/dist/index-Bg7ZniJ2.js.map +1 -0
- package/dist/index-BlaQtlpt.js +114 -0
- package/dist/index-BlaQtlpt.js.map +1 -0
- package/dist/index-CRxhm_xI.js +99 -0
- package/dist/index-CRxhm_xI.js.map +1 -0
- package/dist/index-CzJiHUjz.js +93 -0
- package/dist/index-CzJiHUjz.js.map +1 -0
- package/dist/index-D4RtNAm0.js +60 -0
- package/dist/index-D4RtNAm0.js.map +1 -0
- package/dist/index-DH1xtNOE.js +37 -0
- package/dist/index-DH1xtNOE.js.map +1 -0
- package/dist/index-DHVSgVH0.js +32 -0
- package/dist/index-DHVSgVH0.js.map +1 -0
- package/dist/{index-BCVHDZZk.js → index-DHWLaRmn.js} +51 -51
- package/dist/index-DHWLaRmn.js.map +1 -0
- package/dist/{index-APJ7mYHR.js → index-DPF51yD5.js} +5 -5
- package/dist/{index-APJ7mYHR.js.map → index-DPF51yD5.js.map} +1 -1
- package/dist/index-DiU1B7O9.js +91 -0
- package/dist/index-DiU1B7O9.js.map +1 -0
- package/dist/index-DjdyOpZx.js +98 -0
- package/dist/index-DjdyOpZx.js.map +1 -0
- package/dist/index-KyBmwDIm.js +88 -0
- package/dist/index-KyBmwDIm.js.map +1 -0
- package/dist/index-SaoYT_gT.js +178 -0
- package/dist/index-SaoYT_gT.js.map +1 -0
- package/dist/index-bJoBwWW3.js +94 -0
- package/dist/index-bJoBwWW3.js.map +1 -0
- package/dist/index-eVkC4ywY.js +92 -0
- package/dist/index-eVkC4ywY.js.map +1 -0
- package/dist/index-g8MvTSdJ.js +84 -0
- package/dist/index-g8MvTSdJ.js.map +1 -0
- package/dist/index-rMR9Yklq.js +183 -0
- package/dist/index-rMR9Yklq.js.map +1 -0
- package/dist/{index-CTds3eHF.js → index-y6eDhxWa.js} +5 -5
- package/dist/{index-CTds3eHF.js.map → index-y6eDhxWa.js.map} +1 -1
- package/dist/index.js +29 -29
- package/dist/{pies.utils-MOzFigDD.js → pies.utils-5-O3kg-9.js} +5 -5
- package/dist/{pies.utils-MOzFigDD.js.map → pies.utils-5-O3kg-9.js.map} +1 -1
- package/dist/{preview.data.constants-BBIMPXYy.js → preview.data.constants-Cdk-GUa5.js} +2 -2
- package/dist/{preview.data.constants-BBIMPXYy.js.map → preview.data.constants-Cdk-GUa5.js.map} +1 -1
- package/dist/remarkable-pro.css +1 -1
- package/dist/{tables.utils-C7MWIQsp.js → tables.utils-CG1MXpGj.js} +4 -4
- package/dist/tables.utils-CG1MXpGj.js.map +1 -0
- package/dist/{timeRange.utils-LHM3sXwE.js → timeRange.utils-Rkw2u-vc.js} +2 -2
- package/dist/{timeRange.utils-LHM3sXwE.js.map → timeRange.utils-Rkw2u-vc.js.map} +1 -1
- package/package.json +4 -3
- package/dist/ChartCard-CfVMn37p.js +0 -116
- package/dist/ChartCard-CfVMn37p.js.map +0 -1
- package/dist/Color.type.emb-De2K8PVb.js.map +0 -1
- package/dist/EditorCard-B9UFM_uA.js +0 -32
- package/dist/EditorCard-B9UFM_uA.js.map +0 -1
- package/dist/charts.utils-CeUb1OP-.js.map +0 -1
- package/dist/component.inputs.constants-DzpzJ9Na.js.map +0 -1
- package/dist/index-387srVl0.js +0 -93
- package/dist/index-387srVl0.js.map +0 -1
- package/dist/index-3xjxWqDJ.js +0 -90
- package/dist/index-3xjxWqDJ.js.map +0 -1
- package/dist/index-7JWw7tI5.js +0 -47
- package/dist/index-7JWw7tI5.js.map +0 -1
- package/dist/index-BCVHDZZk.js.map +0 -1
- package/dist/index-BEckqi71.js +0 -346
- package/dist/index-BYB6yWhD.js +0 -92
- package/dist/index-BYB6yWhD.js.map +0 -1
- package/dist/index-BnOZcps-.js +0 -98
- package/dist/index-BnOZcps-.js.map +0 -1
- package/dist/index-Bv9-6Ht7.js +0 -113
- package/dist/index-Bv9-6Ht7.js.map +0 -1
- package/dist/index-C26JokZs.js +0 -91
- package/dist/index-C26JokZs.js.map +0 -1
- package/dist/index-CEDNCQK8.js +0 -31
- package/dist/index-CEDNCQK8.js.map +0 -1
- package/dist/index-ClEmYHgx.js +0 -60
- package/dist/index-ClEmYHgx.js.map +0 -1
- package/dist/index-Cp90DbOu.js +0 -83
- package/dist/index-Cp90DbOu.js.map +0 -1
- package/dist/index-Crpz4FA4.js +0 -87
- package/dist/index-Crpz4FA4.js.map +0 -1
- package/dist/index-D37a5H7U.js +0 -182
- package/dist/index-D37a5H7U.js.map +0 -1
- package/dist/index-DADSJYlJ.js +0 -177
- package/dist/index-DADSJYlJ.js.map +0 -1
- package/dist/index-DeWASjPW.js +0 -97
- package/dist/index-DeWASjPW.js.map +0 -1
- package/dist/index-DffpQwrs.js +0 -82
- package/dist/index-DffpQwrs.js.map +0 -1
- package/dist/index-mtJHlsB1.js +0 -47
- package/dist/index-mtJHlsB1.js.map +0 -1
- package/dist/tables.utils-C7MWIQsp.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { e as i } from "./component.inputs.constants-
|
|
1
|
+
import { e as i } from "./component.inputs.constants-MAjey7Me.js";
|
|
2
2
|
const f = (o, t, s) => {
|
|
3
3
|
var d;
|
|
4
4
|
if (!o || !t)
|
|
@@ -17,4 +17,4 @@ export {
|
|
|
17
17
|
v as a,
|
|
18
18
|
f as g
|
|
19
19
|
};
|
|
20
|
-
//# sourceMappingURL=timeRange.utils-
|
|
20
|
+
//# sourceMappingURL=timeRange.utils-Rkw2u-vc.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timeRange.utils-
|
|
1
|
+
{"version":3,"file":"timeRange.utils-Rkw2u-vc.js","sources":["../src/components/utils/timeRange.utils.ts"],"sourcesContent":["import { TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../theme/theme.types';\nimport { resolveI18nString } from '../component.utils';\n\nexport const getComparisonPeriodDateRange = (\n primaryDateRange: TimeRange,\n comparisonPeriod: string | undefined,\n theme: Theme,\n): TimeRange => {\n if (!primaryDateRange || !comparisonPeriod) {\n return undefined;\n }\n\n const primaryDateRangeRange = primaryDateRange?.relativeTimeString\n ? theme.defaults.dateRangesOptions\n .find((option) => option.value === primaryDateRange?.relativeTimeString)\n ?.getRange()\n : primaryDateRange;\n\n const comparisonPeriodOption = theme.defaults.comparisonPeriodsOptions.find(\n (option) => option.value === comparisonPeriod,\n );\n\n return comparisonPeriodOption?.getRange(primaryDateRangeRange);\n};\n\nexport const getComparisonPeriodLabel = (\n comparisonPeriod: string | undefined,\n theme: Theme,\n): string => {\n const option = theme.defaults.comparisonPeriodsOptions.find(\n (option) => option.value === comparisonPeriod,\n );\n return option ? resolveI18nString(option.label) : '';\n};\n"],"names":["getComparisonPeriodDateRange","primaryDateRange","comparisonPeriod","theme","primaryDateRangeRange","_a","option","comparisonPeriodOption","getComparisonPeriodLabel","resolveI18nString"],"mappings":";AAIO,MAAMA,IAA+B,CAC1CC,GACAC,GACAC,MACc;;AACd,MAAI,CAACF,KAAoB,CAACC;AACxB;AAGF,QAAME,IAAwBH,KAAA,QAAAA,EAAkB,sBAC5CI,IAAAF,EAAM,SAAS,kBACZ,KAAK,CAACG,MAAWA,EAAO,WAAUL,KAAA,gBAAAA,EAAkB,mBAAkB,MADzE,gBAAAI,EAEI,aACJJ,GAEEM,IAAyBJ,EAAM,SAAS,yBAAyB;AAAA,IACrE,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAG/B,SAAOK,KAAA,gBAAAA,EAAwB,SAASH;AAC1C,GAEaI,IAA2B,CACtCN,GACAC,MACW;AACX,QAAMG,IAASH,EAAM,SAAS,yBAAyB;AAAA,IACrD,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAE/B,SAAOI,IAASG,EAAkBH,EAAO,KAAK,IAAI;AACpD;"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@embeddable.com/remarkable-pro",
|
|
3
3
|
"author": "embeddable (https://embeddable.com)",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.4",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/embeddable-hq/remarkable-pro"
|
|
@@ -34,7 +34,8 @@
|
|
|
34
34
|
"prettier:write": "prettier . --write",
|
|
35
35
|
"release": "npm run embeddable:package && changeset publish",
|
|
36
36
|
"storybook": "storybook dev -p 6006",
|
|
37
|
-
"types:check": "tsc --noEmit --incremental false"
|
|
37
|
+
"types:check": "tsc --noEmit --incremental false",
|
|
38
|
+
"reinstall": "rm -rf node_modules package-lock.json && npm install"
|
|
38
39
|
},
|
|
39
40
|
"keywords": [
|
|
40
41
|
"embeddable",
|
|
@@ -59,7 +60,7 @@
|
|
|
59
60
|
"@changesets/cli": "^2.29.6",
|
|
60
61
|
"@embeddable.com/core": "^2.13.5",
|
|
61
62
|
"@embeddable.com/react": "^2.13.2",
|
|
62
|
-
"@embeddable.com/remarkable-ui": "^2.0.
|
|
63
|
+
"@embeddable.com/remarkable-ui": "^2.0.36",
|
|
63
64
|
"@tabler/icons-react": "^3.34.1",
|
|
64
65
|
"chart.js": "^4.5.0",
|
|
65
66
|
"chartjs-plugin-datalabels": "^2.2.0",
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
import { i as I, j as t, W as N, z as S, E as L, F as k, A as D, r as M, s as F, p as _, t as H, X as b, v as f } from "./Color.type.emb-De2K8PVb.js";
|
|
2
|
-
import j, { useRef as T } 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-DzpzJ9Na.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", V = "_hidden_1c8il_10", $ = "_chartCardRightContent_1c8il_14", i = {
|
|
12
|
-
chartCard: O,
|
|
13
|
-
chartCardHeader: P,
|
|
14
|
-
hidden: V,
|
|
15
|
-
chartCardRightContent: $
|
|
16
|
-
}, z = "_loading_1hx4f_7", B = {
|
|
17
|
-
loading: z
|
|
18
|
-
}, y = () => /* @__PURE__ */ t.jsx(N, { className: B.loading }), K = "_list_mwshn_1", U = {
|
|
19
|
-
list: K
|
|
20
|
-
};
|
|
21
|
-
function W({ src: n, className: a, ...r }) {
|
|
22
|
-
const e = decodeURIComponent(n.replace(/^data:image\/svg\+xml,/, ""));
|
|
23
|
-
return /* @__PURE__ */ t.jsx("div", { className: a, ...r, dangerouslySetInnerHTML: { __html: e } });
|
|
24
|
-
}
|
|
25
|
-
const X = (n) => {
|
|
26
|
-
const a = p();
|
|
27
|
-
v(a);
|
|
28
|
-
const [r, e] = 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(() => e(!1));
|
|
34
|
-
}, 100);
|
|
35
|
-
}, h = (s) => {
|
|
36
|
-
if (e(!0), n.onCustomDownload) {
|
|
37
|
-
n.onCustomDownload((c) => l(() => s(c)));
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
l(() => s({ ...n, theme: a }));
|
|
41
|
-
};
|
|
42
|
-
return /* @__PURE__ */ t.jsx(
|
|
43
|
-
S,
|
|
44
|
-
{
|
|
45
|
-
side: "bottom",
|
|
46
|
-
align: "end",
|
|
47
|
-
triggerComponent: r ? /* @__PURE__ */ t.jsx(y, {}) : /* @__PURE__ */ t.jsx(D, { icon: E }),
|
|
48
|
-
children: /* @__PURE__ */ t.jsx(L, { className: U.list, autoFocus: !0, children: o.map((s, c) => {
|
|
49
|
-
const m = d.t(s.labelKey);
|
|
50
|
-
return /* @__PURE__ */ t.jsx(
|
|
51
|
-
k,
|
|
52
|
-
{
|
|
53
|
-
label: m,
|
|
54
|
-
onClick: () => h(s.onClick),
|
|
55
|
-
startIcon: s.iconSrc ? /* @__PURE__ */ t.jsx(W, { src: s.iconSrc }) : void 0
|
|
56
|
-
},
|
|
57
|
-
c
|
|
58
|
-
);
|
|
59
|
-
}) })
|
|
60
|
-
}
|
|
61
|
-
);
|
|
62
|
-
}, q = j.forwardRef(
|
|
63
|
-
({
|
|
64
|
-
title: n,
|
|
65
|
-
description: a,
|
|
66
|
-
children: r,
|
|
67
|
-
data: e,
|
|
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 = T(null), g = !!(e != null && e.data && ((x = e.data) == null ? void 0 : x.length) > 0), C = !e || (e == null ? void 0 : e.isLoading), R = () => C && !g ? /* @__PURE__ */ t.jsx(b, {}) : o ? /* @__PURE__ */ t.jsx(
|
|
77
|
-
f,
|
|
78
|
-
{
|
|
79
|
-
variant: "error",
|
|
80
|
-
icon: w,
|
|
81
|
-
title: d.t("charts.errorTitle"),
|
|
82
|
-
message: o
|
|
83
|
-
}
|
|
84
|
-
) : g ? r : /* @__PURE__ */ t.jsx(
|
|
85
|
-
f,
|
|
86
|
-
{
|
|
87
|
-
title: d.t("charts.emptyTitle"),
|
|
88
|
-
message: d.t("charts.emptyMessage")
|
|
89
|
-
}
|
|
90
|
-
);
|
|
91
|
-
return /* @__PURE__ */ t.jsxs(M, { className: i.chartCard, children: [
|
|
92
|
-
h ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
93
|
-
/* @__PURE__ */ t.jsx("div", { className: i.chartCardHeader, children: /* @__PURE__ */ t.jsx(F, { title: n, subtitle: a }) }),
|
|
94
|
-
/* @__PURE__ */ t.jsxs("div", { className: i.chartCardRightContent, children: [
|
|
95
|
-
/* @__PURE__ */ t.jsx("div", { className: _(!C && i.hidden), children: /* @__PURE__ */ t.jsx(y, {}) }),
|
|
96
|
-
/* @__PURE__ */ t.jsx("div", { className: _(C && i.hidden), children: /* @__PURE__ */ t.jsx(
|
|
97
|
-
X,
|
|
98
|
-
{
|
|
99
|
-
title: n,
|
|
100
|
-
containerRef: u,
|
|
101
|
-
data: e == null ? void 0 : e.data,
|
|
102
|
-
dimensionsAndMeasures: l,
|
|
103
|
-
onCustomDownload: s
|
|
104
|
-
}
|
|
105
|
-
) })
|
|
106
|
-
] })
|
|
107
|
-
] }),
|
|
108
|
-
/* @__PURE__ */ t.jsx(H, { ref: s ? c : u, children: R() })
|
|
109
|
-
] });
|
|
110
|
-
}
|
|
111
|
-
);
|
|
112
|
-
q.displayName = "ChartCard";
|
|
113
|
-
export {
|
|
114
|
-
q as C
|
|
115
|
-
};
|
|
116
|
-
//# sourceMappingURL=ChartCard-CfVMn37p.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChartCard-CfVMn37p.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 description?: 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 description,\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={description} />\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","description","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]}
|