@embeddable.com/remarkable-pro 0.0.21 → 0.0.22
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 +17 -10
- package/dist/BarChartDefaultHorizontalPro.js.map +1 -1
- package/dist/BarChartDefaultPro.js +17 -10
- package/dist/BarChartDefaultPro.js.map +1 -1
- package/dist/BarChartGroupedHorizontalPro.js +19 -11
- package/dist/BarChartGroupedHorizontalPro.js.map +1 -1
- package/dist/BarChartGroupedPro.js +19 -11
- package/dist/BarChartGroupedPro.js.map +1 -1
- package/dist/BarChartStackedHorizontalPro.js +18 -10
- package/dist/BarChartStackedHorizontalPro.js.map +1 -1
- package/dist/BarChartStackedPro.js +19 -11
- package/dist/BarChartStackedPro.js.map +1 -1
- package/dist/ChartCard-B3B1rFYh.js +116 -0
- package/dist/ChartCard-B3B1rFYh.js.map +1 -0
- package/dist/{Color.type.emb-Dkh_ZrO6.js → Color.type.emb-sebikYGW.js} +8424 -8398
- package/dist/{Color.type.emb-Dkh_ZrO6.js.map → Color.type.emb-sebikYGW.js.map} +1 -1
- package/dist/ColorEditor.js +1 -1
- package/dist/ComparisonPeriodSelectFieldPro.js +11 -8
- package/dist/ComparisonPeriodSelectFieldPro.js.map +1 -1
- package/dist/DateRangePickerCustomPro.js +33 -28
- package/dist/DateRangePickerCustomPro.js.map +1 -1
- package/dist/DateRangeSelectFieldPro.js +12 -8
- package/dist/DateRangeSelectFieldPro.js.map +1 -1
- package/dist/DonutChartPro.js +23 -15
- package/dist/DonutChartPro.js.map +1 -1
- package/dist/DonutLabelChartPro.js +31 -11
- package/dist/DonutLabelChartPro.js.map +1 -1
- package/dist/{EditorCard-1Z3UFd1D.js → EditorCard-DpSCsmZJ.js} +3 -3
- package/dist/{EditorCard-1Z3UFd1D.js.map → EditorCard-DpSCsmZJ.js.map} +1 -1
- package/dist/GranularitySelectFieldPro.js +97 -81
- package/dist/GranularitySelectFieldPro.js.map +1 -1
- package/dist/HeatMapPro.js +18 -10
- package/dist/HeatMapPro.js.map +1 -1
- package/dist/IconCalendarFilled-Bfm3jkzE.js +12 -0
- package/dist/IconCalendarFilled-Bfm3jkzE.js.map +1 -0
- package/dist/KpiChartNumberComparisonPro.js +25 -14
- package/dist/KpiChartNumberComparisonPro.js.map +1 -1
- package/dist/KpiChartNumberPro.js +23 -14
- package/dist/KpiChartNumberPro.js.map +1 -1
- package/dist/LineChartComparisonDefaultPro.js +37 -19
- package/dist/LineChartComparisonDefaultPro.js.map +1 -1
- package/dist/LineChartDefaultPro.js +21 -14
- package/dist/LineChartDefaultPro.js.map +1 -1
- package/dist/LineChartGroupedPro.js +25 -17
- package/dist/LineChartGroupedPro.js.map +1 -1
- package/dist/MultiSelectFieldPro.js +22 -16
- package/dist/MultiSelectFieldPro.js.map +1 -1
- package/dist/PieChartPro.js +23 -15
- package/dist/PieChartPro.js.map +1 -1
- package/dist/PivotTablePro.js +19 -11
- package/dist/PivotTablePro.js.map +1 -1
- package/dist/SingleSelectFieldPro.js +22 -16
- package/dist/SingleSelectFieldPro.js.map +1 -1
- package/dist/TableChartPaginated.js +62 -43
- package/dist/TableChartPaginated.js.map +1 -1
- package/dist/TableScrollable.js +324 -315
- package/dist/TableScrollable.js.map +1 -1
- package/dist/{bars.utils-CsJD9MNL.js → bars.utils-jvwOEGnf.js} +10 -9
- package/dist/bars.utils-jvwOEGnf.js.map +1 -0
- package/dist/{charts.utils-CUPowt7F.js → charts.utils-Q9qc_Fq5.js} +4 -4
- package/dist/{charts.utils-CUPowt7F.js.map → charts.utils-Q9qc_Fq5.js.map} +1 -1
- package/dist/{component.inputs.constants-CNdmawDt.js → component.inputs.constants-Ds7YpNhT.js} +35 -35
- package/dist/{component.inputs.constants-CNdmawDt.js.map → component.inputs.constants-Ds7YpNhT.js.map} +1 -1
- package/dist/components/charts/bars/BarChartDefaultHorizontalPro/index.d.ts +11 -12
- package/dist/components/charts/bars/BarChartDefaultHorizontalPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartDefaultPro/index.d.ts +11 -12
- package/dist/components/charts/bars/BarChartDefaultPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartGroupedHorizontalPro/index.d.ts +10 -11
- package/dist/components/charts/bars/BarChartGroupedHorizontalPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartGroupedPro/index.d.ts +10 -11
- package/dist/components/charts/bars/BarChartGroupedPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartStackedHorizontalPro/index.d.ts +10 -11
- package/dist/components/charts/bars/BarChartStackedHorizontalPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartStackedPro/index.d.ts +10 -11
- package/dist/components/charts/bars/BarChartStackedPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/bars.utils.d.ts +1 -1
- package/dist/components/charts/bars/bars.utils.d.ts.map +1 -1
- package/dist/components/charts/kpis/KpiChartNumberComparisonPro/index.d.ts +6 -7
- package/dist/components/charts/kpis/KpiChartNumberComparisonPro/index.d.ts.map +1 -1
- package/dist/components/charts/kpis/KpiChartNumberPro/index.d.ts +3 -4
- package/dist/components/charts/kpis/KpiChartNumberPro/index.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.d.ts +3 -3
- package/dist/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartComparisonDefaultPro/index.d.ts +12 -13
- package/dist/components/charts/lines/LineChartComparisonDefaultPro/index.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.d.ts +1 -1
- package/dist/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartDefaultPro/index.d.ts +10 -11
- package/dist/components/charts/lines/LineChartDefaultPro/index.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartGroupedPro/LineChartGroupedPro.utils.d.ts +1 -1
- package/dist/components/charts/lines/LineChartGroupedPro/LineChartGroupedPro.utils.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartGroupedPro/index.d.ts +10 -11
- package/dist/components/charts/lines/LineChartGroupedPro/index.d.ts.map +1 -1
- package/dist/components/charts/lines/lines.utils.d.ts +1 -1
- package/dist/components/charts/lines/lines.utils.d.ts.map +1 -1
- package/dist/components/charts/pies/DonutChartPro/index.d.ts.map +1 -1
- package/dist/components/charts/pies/DonutLabelChartPro/index.d.ts +1 -1
- package/dist/components/charts/pies/DonutLabelChartPro/index.d.ts.map +1 -1
- package/dist/components/charts/pies/PieChartPro/index.d.ts.map +1 -1
- package/dist/components/charts/pies/pies.types.d.ts +7 -8
- package/dist/components/charts/pies/pies.types.d.ts.map +1 -1
- package/dist/components/charts/shared/ChartCard/ChartCard.d.ts +1 -1
- package/dist/components/charts/shared/ChartCard/ChartCard.d.ts.map +1 -1
- package/dist/components/charts/tables/HeatMapPro/index.d.ts +3 -4
- package/dist/components/charts/tables/HeatMapPro/index.d.ts.map +1 -1
- package/dist/components/charts/tables/PivotTablePro/index.d.ts +2 -3
- package/dist/components/charts/tables/PivotTablePro/index.d.ts.map +1 -1
- package/dist/components/charts/tables/TableChartPaginated/index.d.ts +6 -8
- package/dist/components/charts/tables/TableChartPaginated/index.d.ts.map +1 -1
- package/dist/components/charts/tables/TableScrollable/index.d.ts +6 -8
- package/dist/components/charts/tables/TableScrollable/index.d.ts.map +1 -1
- package/dist/components/editors/ComparisonPeriodSelectFieldPro/index.d.ts +2 -3
- package/dist/components/editors/ComparisonPeriodSelectFieldPro/index.d.ts.map +1 -1
- package/dist/components/editors/GranularitySelectFieldPro/GranularitySelectFieldPro.utils.d.ts.map +1 -1
- package/dist/components/editors/GranularitySelectFieldPro/index.d.ts +6 -6
- package/dist/components/editors/GranularitySelectFieldPro/index.d.ts.map +1 -1
- package/dist/components/editors/MultiSelectFieldPro/index.d.ts +4 -5
- package/dist/components/editors/MultiSelectFieldPro/index.d.ts.map +1 -1
- package/dist/components/editors/SingleSelectFieldPro/index.d.ts +4 -5
- package/dist/components/editors/SingleSelectFieldPro/index.d.ts.map +1 -1
- package/dist/components/editors/dates/DateRangePickerCustomPro/index.d.ts +3 -4
- package/dist/components/editors/dates/DateRangePickerCustomPro/index.d.ts.map +1 -1
- package/dist/components/editors/dates/DateRangePickerPresetsPro/index.d.ts +3 -4
- package/dist/components/editors/dates/DateRangePickerPresetsPro/index.d.ts.map +1 -1
- package/dist/components/preview.data.constants.d.ts +18 -0
- package/dist/components/preview.data.constants.d.ts.map +1 -0
- package/dist/embeddable-components.json +37 -12
- package/dist/{formatter.utils-BiWZBhcE.js → formatter.utils-tS15PLXn.js} +2 -2
- package/dist/{formatter.utils-BiWZBhcE.js.map → formatter.utils-tS15PLXn.js.map} +1 -1
- package/dist/index--Dbq1zrZ.js +31 -0
- package/dist/index--Dbq1zrZ.js.map +1 -0
- package/dist/index-9_2gSWFU.js +83 -0
- package/dist/index-9_2gSWFU.js.map +1 -0
- package/dist/index-APU1GD5M.js +166 -0
- package/dist/index-APU1GD5M.js.map +1 -0
- package/dist/index-BDRs__KW.js +113 -0
- package/dist/index-BDRs__KW.js.map +1 -0
- package/dist/index-BNZ1R6AK.js +84 -0
- package/dist/index-BNZ1R6AK.js.map +1 -0
- package/dist/index-BUk63KEk.js +87 -0
- package/dist/index-BUk63KEk.js.map +1 -0
- package/dist/index-BsWftigv.js +123 -0
- package/dist/index-BsWftigv.js.map +1 -0
- package/dist/index-C0pj3lvE.js +73 -0
- package/dist/index-C0pj3lvE.js.map +1 -0
- package/dist/{index-CSoASUv1.js → index-CBgU-nlM.js} +5 -5
- package/dist/index-CBgU-nlM.js.map +1 -0
- package/dist/{index-tjFCL7Y-.js → index-CCdQwMMN.js} +6 -6
- package/dist/index-CCdQwMMN.js.map +1 -0
- package/dist/{index-DoFkdyxp.js → index-CDtF3MO_.js} +45 -36
- package/dist/index-CDtF3MO_.js.map +1 -0
- package/dist/{index-Du2TCRQq.js → index-CTC3YNmw.js} +5 -5
- package/dist/index-CTC3YNmw.js.map +1 -0
- package/dist/index-ClKPfSrQ.js +63 -0
- package/dist/index-ClKPfSrQ.js.map +1 -0
- package/dist/index-DbizaE6y.js +72 -0
- package/dist/index-DbizaE6y.js.map +1 -0
- package/dist/index-KxvT6RdK.js +63 -0
- package/dist/index-KxvT6RdK.js.map +1 -0
- package/dist/index-Nj7bJ8tg.js +161 -0
- package/dist/index-Nj7bJ8tg.js.map +1 -0
- package/dist/index-Y3ALLAIp.js +82 -0
- package/dist/index-Y3ALLAIp.js.map +1 -0
- package/dist/index-dv4kCcao.js +75 -0
- package/dist/index-dv4kCcao.js.map +1 -0
- package/dist/index-h3GKi8po.js +332 -0
- package/dist/index-h3GKi8po.js.map +1 -0
- package/dist/{index-yOOAOJHG.js → index-t4O5NpPA.js} +32 -31
- package/dist/index-t4O5NpPA.js.map +1 -0
- package/dist/index-t7YCtFvf.js +97 -0
- package/dist/index-t7YCtFvf.js.map +1 -0
- package/dist/index.js +29 -29
- package/dist/lines.utils-COGf_F0b.js +40 -0
- package/dist/lines.utils-COGf_F0b.js.map +1 -0
- package/dist/{pies.utils-DCy5LWcY.js → pies.utils-LUs6Ak8R.js} +12 -12
- package/dist/{pies.utils-DCy5LWcY.js.map → pies.utils-LUs6Ak8R.js.map} +1 -1
- package/dist/preview.data.constants-tDMYNi0n.js +71 -0
- package/dist/preview.data.constants-tDMYNi0n.js.map +1 -0
- package/dist/{tables.utils-8OmfcPmH.js → tables.utils-DzHoBZUS.js} +4 -4
- package/dist/{tables.utils-8OmfcPmH.js.map → tables.utils-DzHoBZUS.js.map} +1 -1
- package/dist/{timeRange.utils-81KUBS9O.js → timeRange.utils-Dz0fdD_b.js} +2 -2
- package/dist/{timeRange.utils-81KUBS9O.js.map → timeRange.utils-Dz0fdD_b.js.map} +1 -1
- package/package.json +5 -5
- package/dist/ChartCard-D_A88_bS.js +0 -116
- package/dist/ChartCard-D_A88_bS.js.map +0 -1
- package/dist/bars.utils-CsJD9MNL.js.map +0 -1
- package/dist/index-1vsLONt_.js +0 -111
- package/dist/index-1vsLONt_.js.map +0 -1
- package/dist/index-8PpbF7SA.js +0 -82
- package/dist/index-8PpbF7SA.js.map +0 -1
- package/dist/index-B3m93Z4r.js +0 -81
- package/dist/index-B3m93Z4r.js.map +0 -1
- package/dist/index-BBcQWvRk.js +0 -159
- package/dist/index-BBcQWvRk.js.map +0 -1
- package/dist/index-BOI6FOwo.js +0 -62
- package/dist/index-BOI6FOwo.js.map +0 -1
- package/dist/index-Boogtc12.js +0 -71
- package/dist/index-Boogtc12.js.map +0 -1
- package/dist/index-BuBn1ktN.js +0 -83
- package/dist/index-BuBn1ktN.js.map +0 -1
- package/dist/index-CQ_mo5Eg.js +0 -330
- package/dist/index-CQ_mo5Eg.js.map +0 -1
- package/dist/index-CSoASUv1.js.map +0 -1
- package/dist/index-CVJKjJGv.js +0 -72
- package/dist/index-CVJKjJGv.js.map +0 -1
- package/dist/index-Cv4JGkHO.js +0 -95
- package/dist/index-Cv4JGkHO.js.map +0 -1
- package/dist/index-D5CZAWnJ.js +0 -128
- package/dist/index-D5CZAWnJ.js.map +0 -1
- package/dist/index-DVUJikiN.js +0 -73
- package/dist/index-DVUJikiN.js.map +0 -1
- package/dist/index-Dhzhtagm.js +0 -30
- package/dist/index-Dhzhtagm.js.map +0 -1
- package/dist/index-DkmPuuV8.js +0 -84
- package/dist/index-DkmPuuV8.js.map +0 -1
- package/dist/index-DoFkdyxp.js.map +0 -1
- package/dist/index-Dp7Av-Oy.js +0 -62
- package/dist/index-Dp7Av-Oy.js.map +0 -1
- package/dist/index-Du2TCRQq.js.map +0 -1
- package/dist/index-XTTodJI4.js +0 -163
- package/dist/index-XTTodJI4.js.map +0 -1
- package/dist/index-tjFCL7Y-.js.map +0 -1
- package/dist/index-yOOAOJHG.js.map +0 -1
- package/dist/lines.utils-CFEUUo4k.js +0 -40
- package/dist/lines.utils-CFEUUo4k.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as i } from "./component.inputs.constants-
|
|
1
|
+
import { c as i } from "./component.inputs.constants-Ds7YpNhT.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-Dz0fdD_b.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timeRange.utils-
|
|
1
|
+
{"version":3,"file":"timeRange.utils-Dz0fdD_b.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.0.
|
|
4
|
+
"version": "0.0.22",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/embeddable-hq/remarkable-pro"
|
|
@@ -57,8 +57,8 @@
|
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"@changesets/cli": "^2.29.6",
|
|
60
|
-
"@embeddable.com/core": "^2.13.
|
|
61
|
-
"@embeddable.com/react": "^2.
|
|
60
|
+
"@embeddable.com/core": "^2.13.4",
|
|
61
|
+
"@embeddable.com/react": "^2.13.0",
|
|
62
62
|
"@embeddable.com/remarkable-ui": "^2.0.28",
|
|
63
63
|
"@tabler/icons-react": "^3.34.1",
|
|
64
64
|
"chart.js": "^4.5.0",
|
|
@@ -75,8 +75,8 @@
|
|
|
75
75
|
"xlsx": "^0.18.5"
|
|
76
76
|
},
|
|
77
77
|
"devDependencies": {
|
|
78
|
-
"@embeddable.com/sdk-core": "^4.1.
|
|
79
|
-
"@embeddable.com/sdk-react": "^4.0
|
|
78
|
+
"@embeddable.com/sdk-core": "^4.1.7",
|
|
79
|
+
"@embeddable.com/sdk-react": "^4.1.0",
|
|
80
80
|
"@eslint/css": "^0.13.0",
|
|
81
81
|
"@types/chroma-js": "^3.1.1",
|
|
82
82
|
"@types/react": "^19.1.9",
|
|
@@ -1,116 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"bars.utils-CsJD9MNL.js","sources":["../src/components/charts/bars/bars.utils.ts"],"sourcesContent":["import { CUBE_DIMENSION_TYPE_TIME, DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { groupTailAsOther } from '../charts.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { getChartColors, getChartContrastColors } from '@embeddable.com/remarkable-ui';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\nimport { Context } from 'chartjs-plugin-datalabels';\n\nexport const getBarStackedChartProData = (\n props: {\n data: DataResponse['data'];\n dimension: Dimension;\n groupDimension: Dimension;\n measure: Measure;\n },\n theme: Theme,\n): ChartData<'bar'> => {\n const themeFormatter = getThemeFormatter(theme);\n const { data = [], dimension, groupDimension, measure } = props;\n\n const axis = [...new Set(data.map((d) => d[dimension.name]).filter((d) => d != null))].sort();\n const groupDimensionName = `${groupDimension.name}${groupDimension.nativeType === CUBE_DIMENSION_TYPE_TIME && groupDimension.inputs?.granularity ? `.${groupDimension.inputs.granularity}` : ''}`;\n const groupBy = [...new Set(data.map((d) => d[groupDimensionName]))].filter((d) => d != null);\n\n const themeKey = getObjectStableKey(theme);\n const chartContrastColors = getChartContrastColors();\n const datasets = groupBy.map((groupByItem, index) => {\n const backgroundColor = getColor(\n `${themeKey}.charts.backgroundColors`,\n `${groupDimension.name}.${groupByItem}`,\n theme.charts.backgroundColors ?? chartContrastColors,\n index,\n );\n\n const borderColor = getColor(\n `${themeKey}.charts.borderColors`,\n `${groupDimension.name}.${groupByItem}`,\n theme.charts.borderColors ?? chartContrastColors,\n index,\n );\n\n return {\n label: themeFormatter.data(groupDimension, groupByItem),\n rawLabel: groupByItem,\n backgroundColor,\n borderColor,\n data: axis.map((axisItem) => {\n const record = data.find(\n (d) => d[groupDimensionName] === groupByItem && d[dimension.name] === axisItem,\n );\n return record ? Number(record[measure.name]) : 0;\n }),\n };\n });\n\n return {\n labels: axis,\n datasets,\n };\n};\n\nexport const getBarChartProData = (\n props: {\n data: DataResponse['data'];\n dimension: Dimension;\n measures: Measure[];\n maxItems?: number;\n },\n theme: Theme = remarkableTheme,\n): ChartData<'bar'> => {\n if (!props.data) {\n return {\n labels: [],\n datasets: [{ data: [] }],\n };\n }\n\n const themeFormatter = getThemeFormatter(theme);\n const themeKey = getObjectStableKey(theme);\n const groupedData = groupTailAsOther(props.data, props.dimension, props.measures, props.maxItems);\n const chartColors = getChartColors();\n\n return {\n labels: groupedData.map((item) => {\n return item[props.dimension.name];\n }),\n datasets: props.measures.map((measure, index) => {\n const backgroundColor = getColor(\n `${themeKey}.charts.backgroundColors`,\n measure.name,\n theme.charts.backgroundColors ?? chartColors,\n index,\n );\n\n const borderColor = getColor(\n `${themeKey}.charts.borderColors`,\n measure.name,\n theme.charts.borderColors ?? chartColors,\n index,\n );\n\n return {\n label: themeFormatter.dimensionOrMeasureTitle(measure),\n data: groupedData.map((item) => item[measure.name] ?? 0),\n backgroundColor,\n borderColor,\n };\n }),\n };\n};\n\nconst getBarChartProDatalabelTotalFormatter = (\n context: Context,\n formatter: (value: number) => string,\n) => {\n const { datasets } = context.chart.data;\n const i = context.dataIndex;\n\n const total = datasets.reduce((sum, ds) => {\n const val = ds.data[i] as number;\n return sum + (val || 0);\n }, 0);\n\n return formatter(total);\n};\n\nexport const getBarChartProOptions = (\n options: {\n onBarClicked: (args: {\n axisDimensionValue: string | null;\n groupingDimensionValue: string | null;\n }) => void;\n measures: Measure[];\n dimension: Dimension;\n horizontal: boolean;\n data: ChartData<'bar'>;\n },\n theme: Theme,\n): Partial<ChartOptions<'bar'>> => {\n const { onBarClicked, measures, dimension, horizontal, data } = options;\n\n const themeFormatter = getThemeFormatter(theme);\n return {\n plugins: {\n legend: { position: theme.charts.legendPosition ?? 'bottom' },\n datalabels: {\n labels: {\n total: {\n formatter: (_value: string | number, context: Context) =>\n getBarChartProDatalabelTotalFormatter(context, (value: number) =>\n themeFormatter.data(measures[0]!, value),\n ),\n },\n value: {\n formatter: (value: string | number, context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n return themeFormatter.data(measure, value);\n },\n },\n },\n },\n tooltip: {\n callbacks: {\n title: (context) => {\n const label = context[0]?.label;\n return themeFormatter.data(dimension, label);\n },\n label: (context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n const raw = context.raw as number;\n return `${themeFormatter.data(dimension, context.dataset.label) || ''}: ${themeFormatter.data(measure, raw)}`;\n },\n },\n },\n },\n scales: {\n x: {\n ticks: {\n callback: (value) => {\n if (horizontal) {\n return themeFormatter.data(measures[0]!, value);\n }\n\n if (!data || !data.labels) return undefined;\n\n const label = data.labels[Number(value)] as string;\n\n return themeFormatter.data(dimension, label);\n },\n },\n },\n y: {\n ticks: {\n callback: (value) => {\n if (!horizontal) {\n return themeFormatter.data(measures[0]!, value);\n }\n if (!data || !data.labels) return undefined;\n const label = data.labels[Number(value)] as string;\n return themeFormatter.data(dimension, label);\n },\n },\n },\n },\n onClick: (_event, elements, chart) => {\n const element = elements[0];\n const axisDimensionValue = (element ? chart.data.labels![element.index] : null) as\n | string\n | null;\n const groupingDimensionValue = (\n element\n ? (chart.data.datasets[element.datasetIndex] as { rawLabel?: string | null })?.rawLabel\n : null\n ) as string | null;\n\n onBarClicked({\n axisDimensionValue,\n groupingDimensionValue,\n });\n },\n };\n};\n"],"names":["getBarStackedChartProData","props","theme","themeFormatter","getThemeFormatter","data","dimension","groupDimension","measure","axis","d","groupDimensionName","CUBE_DIMENSION_TYPE_TIME","_a","groupBy","themeKey","getObjectStableKey","chartContrastColors","getChartContrastColors","datasets","groupByItem","index","backgroundColor","getColor","borderColor","axisItem","record","getBarChartProData","remarkableTheme","groupedData","groupTailAsOther","chartColors","getChartColors","item","getBarChartProDatalabelTotalFormatter","context","formatter","i","total","sum","ds","val","getBarChartProOptions","options","onBarClicked","measures","horizontal","_value","value","label","raw","_event","elements","chart","element","axisDimensionValue","groupingDimensionValue"],"mappings":"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"}
|
package/dist/index-1vsLONt_.js
DELETED
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
import { c as f, u as _, d as z, j as T, T as E, e as M } from "./Color.type.emb-Dkh_ZrO6.js";
|
|
2
|
-
import { useTheme as O } from "@embeddable.com/react";
|
|
3
|
-
import { a as A, r as N, i as G } from "./component.inputs.constants-CNdmawDt.js";
|
|
4
|
-
import { C as U } from "./ChartCard-D_A88_bS.js";
|
|
5
|
-
import { useState as V, useRef as q, useCallback as B, useEffect as d } from "react";
|
|
6
|
-
import { b as F, c as J } from "./tables.utils-8OmfcPmH.js";
|
|
7
|
-
const K = f("--em-tablechart-cell-height", "2.5rem"), Q = f("--em-tablechart-cell-height", "2.5rem"), W = f("--em-tablechart-pagination-height", "3rem");
|
|
8
|
-
let P;
|
|
9
|
-
const X = (b) => {
|
|
10
|
-
const c = O();
|
|
11
|
-
A(c);
|
|
12
|
-
const [u, p] = V(!1), { description: S, title: w } = N(b), {
|
|
13
|
-
totalResults: a,
|
|
14
|
-
results: t,
|
|
15
|
-
allResults: r,
|
|
16
|
-
dimensionsAndMeasures: i,
|
|
17
|
-
displayNullAs: x,
|
|
18
|
-
showIndex: R,
|
|
19
|
-
clickDimension: g,
|
|
20
|
-
state: h,
|
|
21
|
-
setState: l,
|
|
22
|
-
onRowClicked: j
|
|
23
|
-
} = b, k = F({ dimensionsAndMeasures: i, displayNullAs: x }, c), C = (t == null ? void 0 : t.data) || [], H = J({ rows: C, clickDimension: g }), m = q(null), { height: I } = _(m), n = z({
|
|
24
|
-
availableHeight: I,
|
|
25
|
-
headerHeight: K,
|
|
26
|
-
rowHeight: Q,
|
|
27
|
-
footerHeight: W
|
|
28
|
-
}), o = B(
|
|
29
|
-
(e) => {
|
|
30
|
-
l((s) => ({
|
|
31
|
-
...s,
|
|
32
|
-
...e
|
|
33
|
-
}));
|
|
34
|
-
},
|
|
35
|
-
[l]
|
|
36
|
-
), v = (e) => {
|
|
37
|
-
p(!0), o({ isLoadingDownloadData: !0 }), P = (s) => e({
|
|
38
|
-
title: w,
|
|
39
|
-
data: s,
|
|
40
|
-
dimensionsAndMeasures: i,
|
|
41
|
-
containerRef: m,
|
|
42
|
-
theme: c
|
|
43
|
-
});
|
|
44
|
-
}, y = (e) => {
|
|
45
|
-
var D;
|
|
46
|
-
if (!g) return;
|
|
47
|
-
const s = (D = C[e]) == null ? void 0 : D[g.name];
|
|
48
|
-
j(s);
|
|
49
|
-
};
|
|
50
|
-
d(() => {
|
|
51
|
-
n && o({ pageSize: n });
|
|
52
|
-
}, [n, o]), d(() => {
|
|
53
|
-
l((e) => ({
|
|
54
|
-
...e,
|
|
55
|
-
hasTotalResults: !1
|
|
56
|
-
}));
|
|
57
|
-
}, [i, n]), d(() => {
|
|
58
|
-
a != null && a.total && l((e) => ({
|
|
59
|
-
...e,
|
|
60
|
-
hasTotalResults: !0
|
|
61
|
-
}));
|
|
62
|
-
}, [a]), d(() => {
|
|
63
|
-
if (u) {
|
|
64
|
-
if (!r || r.isLoading)
|
|
65
|
-
return;
|
|
66
|
-
P(r.data), p(!1), o({ isLoadingDownloadData: !1 });
|
|
67
|
-
}
|
|
68
|
-
}, [u, r, o]);
|
|
69
|
-
const L = (e) => {
|
|
70
|
-
o({ sort: e });
|
|
71
|
-
};
|
|
72
|
-
return /* @__PURE__ */ T.jsx(
|
|
73
|
-
U,
|
|
74
|
-
{
|
|
75
|
-
ref: m,
|
|
76
|
-
title: w,
|
|
77
|
-
subtitle: S,
|
|
78
|
-
data: t,
|
|
79
|
-
dimensionsAndMeasures: i,
|
|
80
|
-
errorMessage: t == null ? void 0 : t.error,
|
|
81
|
-
onCustomDownload: v,
|
|
82
|
-
children: /* @__PURE__ */ T.jsx(
|
|
83
|
-
E,
|
|
84
|
-
{
|
|
85
|
-
onRowIndexClick: y,
|
|
86
|
-
headers: k,
|
|
87
|
-
rows: H,
|
|
88
|
-
showIndex: R,
|
|
89
|
-
page: h.page,
|
|
90
|
-
pageSize: n,
|
|
91
|
-
paginationLabel: G.t("charts.tablePaginated.pagination", {
|
|
92
|
-
page: h.page + 1,
|
|
93
|
-
totalPages: M(a == null ? void 0 : a.total, n) ?? "?"
|
|
94
|
-
}),
|
|
95
|
-
total: a == null ? void 0 : a.total,
|
|
96
|
-
sort: h.sort,
|
|
97
|
-
onSortChange: L,
|
|
98
|
-
onPageChange: (e) => o({ page: e })
|
|
99
|
-
}
|
|
100
|
-
)
|
|
101
|
-
}
|
|
102
|
-
);
|
|
103
|
-
}, oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
104
|
-
__proto__: null,
|
|
105
|
-
default: X
|
|
106
|
-
}, Symbol.toStringTag, { value: "Module" }));
|
|
107
|
-
export {
|
|
108
|
-
X as T,
|
|
109
|
-
oe as i
|
|
110
|
-
};
|
|
111
|
-
//# sourceMappingURL=index-1vsLONt_.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index-1vsLONt_.js","sources":["../src/components/charts/tables/TableChartPaginated/index.tsx"],"sourcesContent":["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 useResizeObserver,\n TableSort,\n} from '@embeddable.com/remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\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 hasTotalResults: boolean;\n};\n\ntype TableChartPaginatedProProps = {\n allResults?: DataResponse;\n clickDimension?: Dimension;\n description: string;\n dimensionsAndMeasures: DimensionOrMeasure[];\n displayNullAs?: string;\n embeddableState: TableChartPaginatedProState;\n results: DataResponse;\n showIndex: boolean;\n state: TableChartPaginatedProState;\n title: string;\n totalResults?: DataResponse;\n onRowClicked: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => void;\n setState: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;\n};\n\nconst TableChartPaginatedPro = (props: TableChartPaginatedProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const [isDownloadingData, setIsDownloadingData] = useState(false);\n\n const { description, title } = resolveI18nProps(props);\n const {\n totalResults,\n results,\n allResults,\n dimensionsAndMeasures,\n displayNullAs,\n showIndex,\n clickDimension,\n state,\n setState,\n onRowClicked,\n } = props;\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 { height } = useResizeObserver(cardContentRef);\n const pageSize = useTableGetRowsPerPage({\n availableHeight: height,\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 // 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 setState((prevState) => ({\n ...prevState,\n hasTotalResults: false,\n }));\n }, [dimensionsAndMeasures, pageSize]);\n\n useEffect(() => {\n if (totalResults?.total) {\n setState((prevState) => ({\n ...prevState,\n hasTotalResults: true,\n }));\n }\n }, [totalResults]);\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 const handleSortChange = (newSort: TableSort<any> | undefined) => {\n handleUpdateEmbeddableState({ sort: newSort as TableChartPaginatedProState['sort'] });\n };\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(totalResults?.total, pageSize) ?? '?',\n })}\n total={totalResults?.total}\n sort={state.sort}\n onSortChange={handleSortChange}\n onPageChange={(newPage) => handleUpdateEmbeddableState({ page: newPage })}\n />\n </ChartCard>\n );\n};\n\nexport default TableChartPaginatedPro;\n"],"names":["headerHeight","getStyleNumber","rowHeight","footerHeight","downloadData","TableChartPaginatedPro","props","theme","useTheme","i18nSetup","isDownloadingData","setIsDownloadingData","useState","description","title","resolveI18nProps","totalResults","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","headers","getTableHeaders","rows","tableRows","getTableRows","cardContentRef","useRef","height","useResizeObserver","pageSize","useTableGetRowsPerPage","handleUpdateEmbeddableState","useCallback","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","rowDimensionValue","_a","useEffect","handleSortChange","newSort","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newPage"],"mappings":"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"}
|
package/dist/index-8PpbF7SA.js
DELETED
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { m as y, j as m, B as L } from "./Color.type.emb-Dkh_ZrO6.js";
|
|
2
|
-
import { useTheme as P } from "@embeddable.com/react";
|
|
3
|
-
import { a as k, r as w } from "./component.inputs.constants-CNdmawDt.js";
|
|
4
|
-
import { C as M } from "./ChartCard-D_A88_bS.js";
|
|
5
|
-
import { g as T, b as _ } from "./bars.utils-CsJD9MNL.js";
|
|
6
|
-
import { u as v } from "./charts.fillGaps.hooks-C7KsWcZb.js";
|
|
7
|
-
const O = (s) => {
|
|
8
|
-
var n, l;
|
|
9
|
-
const e = P();
|
|
10
|
-
k(e);
|
|
11
|
-
const {
|
|
12
|
-
description: d,
|
|
13
|
-
groupBy: o,
|
|
14
|
-
measure: a,
|
|
15
|
-
reverseXAxis: u,
|
|
16
|
-
showLegend: c,
|
|
17
|
-
showLogarithmicScale: h,
|
|
18
|
-
showTooltips: x,
|
|
19
|
-
showTotalLabels: p,
|
|
20
|
-
showValueLabels: g,
|
|
21
|
-
title: b,
|
|
22
|
-
xAxis: r,
|
|
23
|
-
xAxisLabel: f,
|
|
24
|
-
yAxisLabel: C,
|
|
25
|
-
yAxisRangeMax: A,
|
|
26
|
-
yAxisRangeMin: B,
|
|
27
|
-
onBarClicked: S
|
|
28
|
-
} = w(s), t = v({
|
|
29
|
-
results: s.results,
|
|
30
|
-
dimension: s.xAxis
|
|
31
|
-
}), i = T(
|
|
32
|
-
{
|
|
33
|
-
data: t.data,
|
|
34
|
-
dimension: r,
|
|
35
|
-
groupDimension: o,
|
|
36
|
-
measure: a
|
|
37
|
-
},
|
|
38
|
-
e
|
|
39
|
-
), j = y(
|
|
40
|
-
_(
|
|
41
|
-
{ measures: [a], horizontal: !1, onBarClicked: S, data: i, dimension: r },
|
|
42
|
-
e
|
|
43
|
-
),
|
|
44
|
-
((l = (n = e.charts) == null ? void 0 : n.barChartStackedPro) == null ? void 0 : l.options) || {}
|
|
45
|
-
);
|
|
46
|
-
return /* @__PURE__ */ m.jsx(
|
|
47
|
-
M,
|
|
48
|
-
{
|
|
49
|
-
data: t,
|
|
50
|
-
dimensionsAndMeasures: [a, r, o],
|
|
51
|
-
errorMessage: t.error,
|
|
52
|
-
subtitle: d,
|
|
53
|
-
title: b,
|
|
54
|
-
children: /* @__PURE__ */ m.jsx(
|
|
55
|
-
L,
|
|
56
|
-
{
|
|
57
|
-
data: i,
|
|
58
|
-
showLegend: c,
|
|
59
|
-
showTooltips: x,
|
|
60
|
-
showValueLabels: g,
|
|
61
|
-
showLogarithmicScale: h,
|
|
62
|
-
xAxisLabel: f,
|
|
63
|
-
yAxisLabel: C,
|
|
64
|
-
reverseXAxis: u,
|
|
65
|
-
yAxisRangeMin: B,
|
|
66
|
-
yAxisRangeMax: A,
|
|
67
|
-
showTotalLabels: p,
|
|
68
|
-
options: j,
|
|
69
|
-
stacked: !0
|
|
70
|
-
}
|
|
71
|
-
)
|
|
72
|
-
}
|
|
73
|
-
);
|
|
74
|
-
}, I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
75
|
-
__proto__: null,
|
|
76
|
-
default: O
|
|
77
|
-
}, Symbol.toStringTag, { value: "Module" }));
|
|
78
|
-
export {
|
|
79
|
-
O as B,
|
|
80
|
-
I as i
|
|
81
|
-
};
|
|
82
|
-
//# sourceMappingURL=index-8PpbF7SA.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index-8PpbF7SA.js","sources":["../src/components/charts/bars/BarChartStackedPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartStackedProProps = {\n description: string;\n groupBy: Dimension;\n maxLegendItems?: number;\n measure: Measure;\n results: DataResponse;\n reverseXAxis: boolean;\n showLegend: boolean;\n showLogarithmicScale: boolean;\n showTotalLabels?: boolean;\n showTooltips: boolean;\n showValueLabels: boolean;\n title: string;\n xAxis: Dimension;\n xAxisLabel: string;\n yAxisLabel: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n onBarClicked: (args: {\n axisDimensionValue: string | null;\n groupingDimensionValue: string | null;\n }) => void;\n};\n\nconst BarChartStackedPro = (props: BarChartStackedProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n const {\n description,\n groupBy,\n measure,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showTotalLabels,\n showValueLabels,\n title,\n xAxis,\n xAxisLabel,\n yAxisLabel,\n yAxisRangeMax,\n yAxisRangeMin,\n onBarClicked,\n } = resolveI18nProps(props);\n\n const results = useFillGaps({\n results: props.results,\n dimension: props.xAxis,\n });\n\n const data = getBarStackedChartProData(\n {\n data: results.data,\n dimension: xAxis,\n groupDimension: groupBy,\n measure,\n },\n theme,\n );\n\n const options = mergician(\n getBarChartProOptions(\n { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n theme,\n ),\n theme.charts?.barChartStackedPro?.options || {},\n );\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[measure, xAxis, groupBy]}\n errorMessage={results.error}\n subtitle={description}\n title={title}\n >\n <BarChart\n data={data}\n showLegend={showLegend}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n showLogarithmicScale={showLogarithmicScale}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n reverseXAxis={reverseXAxis}\n yAxisRangeMin={yAxisRangeMin}\n yAxisRangeMax={yAxisRangeMax}\n showTotalLabels={showTotalLabels}\n options={options}\n stacked\n />\n </ChartCard>\n );\n};\n\nexport default BarChartStackedPro;\n"],"names":["BarChartStackedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","xAxis","xAxisLabel","yAxisLabel","yAxisRangeMax","yAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart"],"mappings":";;;;;;AAmCA,MAAMA,IAAqB,CAACC,MAAmC;;AAC7D,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AACf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAiBpB,CAAK,GAEpBqB,IAAUC,EAAY;AAAA,IAC1B,SAAStB,EAAM;AAAA,IACf,WAAWA,EAAM;AAAA,EAAA,CAClB,GAEKuB,IAAOC;AAAA,IACX;AAAA,MACE,MAAMH,EAAQ;AAAA,MACd,WAAWP;AAAA,MACX,gBAAgBT;AAAA,MAChB,SAAAC;AAAA,IAAA;AAAA,IAEFL;AAAA,EAAA,GAGIwB,IAAUC;AAAA,IACdC;AAAA,MACE,EAAE,UAAU,CAACrB,CAAO,GAAG,YAAY,IAAO,cAAAa,GAAc,MAAAI,GAAM,WAAWT,EAAA;AAAA,MACzEb;AAAA,IAAA;AAAA,MAEF2B,KAAAC,IAAA5B,EAAM,WAAN,gBAAA4B,EAAc,uBAAd,gBAAAD,EAAkC,YAAW,CAAA;AAAA,EAAC;AAGhD,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAACf,GAASQ,GAAOT,CAAO;AAAA,MAC/C,cAAcgB,EAAQ;AAAA,MACtB,UAAUjB;AAAA,MACV,OAAAS;AAAA,MAEA,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAT;AAAA,UACA,YAAAf;AAAA,UACA,cAAAE;AAAA,UACA,iBAAAE;AAAA,UACA,sBAAAH;AAAA,UACA,YAAAM;AAAA,UACA,YAAAC;AAAA,UACA,cAAAT;AAAA,UACA,eAAAW;AAAA,UACA,eAAAD;AAAA,UACA,iBAAAN;AAAA,UACA,SAAAc;AAAA,UACA,SAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;;;;"}
|
package/dist/index-B3m93Z4r.js
DELETED
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import { m as L, j as m, B as P } from "./Color.type.emb-Dkh_ZrO6.js";
|
|
2
|
-
import { useTheme as w } from "@embeddable.com/react";
|
|
3
|
-
import { a as M, r as S } from "./component.inputs.constants-CNdmawDt.js";
|
|
4
|
-
import { C as T } from "./ChartCard-D_A88_bS.js";
|
|
5
|
-
import { g as _, b as v } from "./bars.utils-CsJD9MNL.js";
|
|
6
|
-
import { u as G } from "./charts.fillGaps.hooks-C7KsWcZb.js";
|
|
7
|
-
const O = (s) => {
|
|
8
|
-
var n, l;
|
|
9
|
-
const e = w();
|
|
10
|
-
M(e);
|
|
11
|
-
const {
|
|
12
|
-
description: u,
|
|
13
|
-
groupBy: t,
|
|
14
|
-
measure: r,
|
|
15
|
-
reverseXAxis: d,
|
|
16
|
-
showLegend: p,
|
|
17
|
-
showLogarithmicScale: c,
|
|
18
|
-
showTooltips: h,
|
|
19
|
-
showTotalLabels: x,
|
|
20
|
-
showValueLabels: g,
|
|
21
|
-
title: b,
|
|
22
|
-
xAxis: o,
|
|
23
|
-
xAxisLabel: f,
|
|
24
|
-
yAxisLabel: C,
|
|
25
|
-
yAxisRangeMax: A,
|
|
26
|
-
yAxisRangeMin: B,
|
|
27
|
-
onBarClicked: j
|
|
28
|
-
} = S(s), a = G({
|
|
29
|
-
results: s.results,
|
|
30
|
-
dimension: s.xAxis
|
|
31
|
-
}), i = _(
|
|
32
|
-
{
|
|
33
|
-
data: a.data,
|
|
34
|
-
dimension: o,
|
|
35
|
-
groupDimension: t,
|
|
36
|
-
measure: r
|
|
37
|
-
},
|
|
38
|
-
e
|
|
39
|
-
), y = L(
|
|
40
|
-
v(
|
|
41
|
-
{ measures: [r], horizontal: !1, onBarClicked: j, data: i, dimension: o },
|
|
42
|
-
e
|
|
43
|
-
),
|
|
44
|
-
((l = (n = e.charts) == null ? void 0 : n.barChartGroupedPro) == null ? void 0 : l.options) || {}
|
|
45
|
-
);
|
|
46
|
-
return /* @__PURE__ */ m.jsx(
|
|
47
|
-
T,
|
|
48
|
-
{
|
|
49
|
-
data: a,
|
|
50
|
-
dimensionsAndMeasures: [r, o, t],
|
|
51
|
-
errorMessage: a.error,
|
|
52
|
-
subtitle: u,
|
|
53
|
-
title: b,
|
|
54
|
-
children: /* @__PURE__ */ m.jsx(
|
|
55
|
-
P,
|
|
56
|
-
{
|
|
57
|
-
data: i,
|
|
58
|
-
showLegend: p,
|
|
59
|
-
showTooltips: h,
|
|
60
|
-
showValueLabels: g,
|
|
61
|
-
showLogarithmicScale: c,
|
|
62
|
-
xAxisLabel: f,
|
|
63
|
-
yAxisLabel: C,
|
|
64
|
-
reverseXAxis: d,
|
|
65
|
-
yAxisRangeMin: B,
|
|
66
|
-
yAxisRangeMax: A,
|
|
67
|
-
showTotalLabels: x,
|
|
68
|
-
options: y
|
|
69
|
-
}
|
|
70
|
-
)
|
|
71
|
-
}
|
|
72
|
-
);
|
|
73
|
-
}, I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
74
|
-
__proto__: null,
|
|
75
|
-
default: O
|
|
76
|
-
}, Symbol.toStringTag, { value: "Module" }));
|
|
77
|
-
export {
|
|
78
|
-
O as B,
|
|
79
|
-
I as i
|
|
80
|
-
};
|
|
81
|
-
//# sourceMappingURL=index-B3m93Z4r.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index-B3m93Z4r.js","sources":["../src/components/charts/bars/BarChartGroupedPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartGroupedProProps = {\n description: string;\n groupBy: Dimension;\n measure: Measure;\n results: DataResponse;\n reverseXAxis: boolean;\n showLegend: boolean;\n showLogarithmicScale: boolean;\n showTooltips: boolean;\n showTotalLabels?: boolean;\n showValueLabels: boolean;\n title: string;\n xAxis: Dimension;\n xAxisLabel: string;\n yAxisLabel: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n onBarClicked: (args: {\n axisDimensionValue: string | null;\n groupingDimensionValue: string | null;\n }) => void;\n};\n\nconst BarChartGroupedPro = (props: BarChartGroupedProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const {\n description,\n groupBy,\n measure,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showTotalLabels,\n showValueLabels,\n title,\n xAxis,\n xAxisLabel,\n yAxisLabel,\n yAxisRangeMax,\n yAxisRangeMin,\n onBarClicked,\n } = resolveI18nProps(props);\n\n const results = useFillGaps({\n results: props.results,\n dimension: props.xAxis,\n });\n\n const data = getBarStackedChartProData(\n {\n data: results.data,\n dimension: xAxis,\n groupDimension: groupBy,\n measure,\n },\n theme,\n );\n\n const options = mergician(\n getBarChartProOptions(\n { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n theme,\n ),\n theme.charts?.barChartGroupedPro?.options || {},\n );\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[measure, xAxis, groupBy]}\n errorMessage={results.error}\n subtitle={description}\n title={title}\n >\n <BarChart\n data={data}\n showLegend={showLegend}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n showLogarithmicScale={showLogarithmicScale}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n reverseXAxis={reverseXAxis}\n yAxisRangeMin={yAxisRangeMin}\n yAxisRangeMax={yAxisRangeMax}\n showTotalLabels={showTotalLabels}\n options={options}\n />\n </ChartCard>\n );\n};\n\nexport default BarChartGroupedPro;\n"],"names":["BarChartGroupedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","xAxis","xAxisLabel","yAxisLabel","yAxisRangeMax","yAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart"],"mappings":";;;;;;AAkCA,MAAMA,IAAqB,CAACC,MAAmC;;AAC7D,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAiBpB,CAAK,GAEpBqB,IAAUC,EAAY;AAAA,IAC1B,SAAStB,EAAM;AAAA,IACf,WAAWA,EAAM;AAAA,EAAA,CAClB,GAEKuB,IAAOC;AAAA,IACX;AAAA,MACE,MAAMH,EAAQ;AAAA,MACd,WAAWP;AAAA,MACX,gBAAgBT;AAAA,MAChB,SAAAC;AAAA,IAAA;AAAA,IAEFL;AAAA,EAAA,GAGIwB,IAAUC;AAAA,IACdC;AAAA,MACE,EAAE,UAAU,CAACrB,CAAO,GAAG,YAAY,IAAO,cAAAa,GAAc,MAAAI,GAAM,WAAWT,EAAA;AAAA,MACzEb;AAAA,IAAA;AAAA,MAEF2B,KAAAC,IAAA5B,EAAM,WAAN,gBAAA4B,EAAc,uBAAd,gBAAAD,EAAkC,YAAW,CAAA;AAAA,EAAC;AAGhD,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAACf,GAASQ,GAAOT,CAAO;AAAA,MAC/C,cAAcgB,EAAQ;AAAA,MACtB,UAAUjB;AAAA,MACV,OAAAS;AAAA,MAEA,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAT;AAAA,UACA,YAAAf;AAAA,UACA,cAAAE;AAAA,UACA,iBAAAE;AAAA,UACA,sBAAAH;AAAA,UACA,YAAAM;AAAA,UACA,YAAAC;AAAA,UACA,cAAAT;AAAA,UACA,eAAAW;AAAA,UACA,eAAAD;AAAA,UACA,iBAAAN;AAAA,UACA,SAAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;;;"}
|