@embeddable.com/remarkable-pro 0.1.32 → 0.2.0
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 +1 -1
- package/dist/BarChartDefaultPro.js +1 -1
- package/dist/BarChartGroupedHorizontalPro.js +1 -1
- package/dist/BarChartGroupedPro.js +1 -1
- package/dist/BarChartStackedHorizontalPro.js +1 -1
- package/dist/BarChartStackedPro.js +1 -1
- package/dist/ComparisonPeriodSelectFieldPro.js +1 -1
- package/dist/DateRangePickerCustomPro.js +1 -1
- package/dist/DateRangeSelectFieldPro.js +1 -1
- package/dist/DonutChartPro.js +1 -1
- package/dist/DonutLabelChartPro.js +1 -1
- package/dist/HeatMapPro.js +1 -1
- package/dist/KpiChartNumberComparisonPro.js +1 -1
- package/dist/LineChartComparisonDefaultPro.js +1 -1
- package/dist/LineChartDefaultPro.js +1 -1
- package/dist/LineChartGroupedPro.js +1 -1
- package/dist/PieChartPro.js +1 -1
- package/dist/PivotTablePro.js +1 -1
- package/dist/bars.loadData.utils-3BlUREY3.js +126 -0
- package/dist/bars.loadData.utils-3BlUREY3.js.map +1 -0
- package/dist/{bars.utils-jD7h2lii.js → bars.utils-CG7i6UTJ.js} +2 -2
- package/dist/{bars.utils-jD7h2lii.js.map → bars.utils-CG7i6UTJ.js.map} +1 -1
- package/dist/charts.fillGaps.hooks-B6T9882L.js +70 -0
- package/dist/charts.fillGaps.hooks-B6T9882L.js.map +1 -0
- package/dist/{charts.utils-N3kN-XFw.js → charts.utils-BMX0edl3.js} +3480 -3511
- package/dist/charts.utils-BMX0edl3.js.map +1 -0
- package/dist/clientContext.utils-DpB5KsfX.js +15 -0
- package/dist/clientContext.utils-DpB5KsfX.js.map +1 -0
- package/dist/components/charts/bars/BarChartDefaultHorizontalPro/definition.d.ts +4 -3
- package/dist/components/charts/bars/BarChartDefaultHorizontalPro/definition.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartDefaultPro/definition.d.ts +4 -3
- package/dist/components/charts/bars/BarChartDefaultPro/definition.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartGroupedHorizontalPro/definition.d.ts +2 -1
- package/dist/components/charts/bars/BarChartGroupedHorizontalPro/definition.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartGroupedPro/definition.d.ts +2 -1
- package/dist/components/charts/bars/BarChartGroupedPro/definition.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartStackedHorizontalPro/definition.d.ts +2 -1
- package/dist/components/charts/bars/BarChartStackedHorizontalPro/definition.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartStackedPro/definition.d.ts +2 -1
- package/dist/components/charts/bars/BarChartStackedPro/definition.d.ts.map +1 -1
- package/dist/components/charts/bars/bars.loadData.utils.d.ts +9 -5
- package/dist/components/charts/bars/bars.loadData.utils.d.ts.map +1 -1
- package/dist/components/charts/kpis/KpiChartNumberComparisonPro/definition.d.ts +6 -5
- package/dist/components/charts/kpis/KpiChartNumberComparisonPro/definition.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartComparisonDefaultPro/definition.d.ts +6 -5
- package/dist/components/charts/lines/LineChartComparisonDefaultPro/definition.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartDefaultPro/definition.d.ts +4 -3
- package/dist/components/charts/lines/LineChartDefaultPro/definition.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartGroupedPro/definition.d.ts +4 -3
- package/dist/components/charts/lines/LineChartGroupedPro/definition.d.ts.map +1 -1
- package/dist/components/charts/tables/HeatMapPro/definition.d.ts +4 -3
- package/dist/components/charts/tables/HeatMapPro/definition.d.ts.map +1 -1
- package/dist/components/charts/tables/PivotTablePro/definition.d.ts +6 -5
- package/dist/components/charts/tables/PivotTablePro/definition.d.ts.map +1 -1
- package/dist/components/editors/ComparisonPeriodSelectFieldPro/index.d.ts.map +1 -1
- package/dist/components/editors/dates/DateRangePickerCustomPro/index.d.ts.map +1 -1
- package/dist/components/editors/dates/DateRangePickerPresetsPro/DateRangePickerPresetsPro.types.d.ts +1 -1
- package/dist/components/editors/dates/DateRangePickerPresetsPro/DateRangePickerPresetsPro.types.d.ts.map +1 -1
- package/dist/components/editors/dates/DateRangePickerPresetsPro/DateRangePickerPresetsPro.utils.d.ts +1 -1
- package/dist/components/editors/dates/DateRangePickerPresetsPro/DateRangePickerPresetsPro.utils.d.ts.map +1 -1
- package/dist/components/editors/dates/DateRangePickerPresetsPro/index.d.ts.map +1 -1
- package/dist/components/editors/dates/dates.utils.d.ts +3 -3
- package/dist/components/editors/dates/dates.utils.d.ts.map +1 -1
- package/dist/{dates.utils-C3LPV893.js → dates.utils-D44sdrNs.js} +36 -36
- package/dist/{dates.utils-C3LPV893.js.map → dates.utils-D44sdrNs.js.map} +1 -1
- package/dist/definition-B1B71Q9P.js +164 -0
- package/dist/definition-B1B71Q9P.js.map +1 -0
- package/dist/{definition-B2mKjUhy.js → definition-B1t6-ToS.js} +87 -84
- package/dist/definition-B1t6-ToS.js.map +1 -0
- package/dist/{definition-Dizabfqb.js → definition-BejgCcXe.js} +94 -92
- package/dist/{definition-Dizabfqb.js.map → definition-BejgCcXe.js.map} +1 -1
- package/dist/definition-Bg3R-QHm.js +206 -0
- package/dist/definition-Bg3R-QHm.js.map +1 -0
- package/dist/{definition-Bdwvh471.js → definition-BomoMNHu.js} +19 -18
- package/dist/definition-BomoMNHu.js.map +1 -0
- package/dist/{definition-CN6Ieeer.js → definition-BxDRujfc.js} +65 -63
- package/dist/{definition-CN6Ieeer.js.map → definition-BxDRujfc.js.map} +1 -1
- package/dist/{definition-B5l2-yZu.js → definition-Bx_a3I-X.js} +66 -62
- package/dist/definition-Bx_a3I-X.js.map +1 -0
- package/dist/{definition-bvWr0LdF.js → definition-CLDcybuA.js} +56 -51
- package/dist/definition-CLDcybuA.js.map +1 -0
- package/dist/{definition-C8DCZNOR.js → definition-C_wdRHYX.js} +2 -2
- package/dist/{definition-C8DCZNOR.js.map → definition-C_wdRHYX.js.map} +1 -1
- package/dist/{definition-B9bfDi7Q.js → definition-DFEQMSrJ.js} +2 -2
- package/dist/{definition-B9bfDi7Q.js.map → definition-DFEQMSrJ.js.map} +1 -1
- package/dist/{definition-Dh9UNSfZ.js → definition-DqtPYFiz.js} +39 -30
- package/dist/definition-DqtPYFiz.js.map +1 -0
- package/dist/{definition-CkVv7VMQ.js → definition-MdprJNc9.js} +2 -2
- package/dist/{definition-CkVv7VMQ.js.map → definition-MdprJNc9.js.map} +1 -1
- package/dist/{definition-DnWIyPun.js → definition-NQQg5mwf.js} +80 -76
- package/dist/definition-NQQg5mwf.js.map +1 -0
- package/dist/{definition-SCQMKDEM.js → definition-OA_X18FK.js} +46 -44
- package/dist/definition-OA_X18FK.js.map +1 -0
- package/dist/definition-nSxl9weT.js +525 -0
- package/dist/definition-nSxl9weT.js.map +1 -0
- package/dist/definition-poLEt7kb.js +210 -0
- package/dist/definition-poLEt7kb.js.map +1 -0
- package/dist/{definition-DynupxEC.js → definition-uj4b0NtW.js} +82 -78
- package/dist/definition-uj4b0NtW.js.map +1 -0
- package/dist/definition-xkAbcSB6.js +166 -0
- package/dist/definition-xkAbcSB6.js.map +1 -0
- package/dist/embeddable-components.json +42 -42
- package/dist/embeddable-theme-0137e.js +4437 -4455
- package/dist/index.js +24 -24
- package/dist/{pies.utils-BlPQ76Jf.js → pies.utils-DvbvSz5H.js} +2 -2
- package/dist/{pies.utils-BlPQ76Jf.js.map → pies.utils-DvbvSz5H.js.map} +1 -1
- package/dist/theme/defaults/defaults.ComparisonPeriods.constants.d.ts.map +1 -1
- package/dist/theme/defaults/defaults.DateRanges.constants.d.ts +1 -1
- package/dist/theme/defaults/defaults.DateRanges.constants.d.ts.map +1 -1
- package/dist/theme/theme.constants.d.ts.map +1 -1
- package/dist/theme/theme.types.d.ts +4 -0
- package/dist/theme/theme.types.d.ts.map +1 -1
- package/dist/theme/utils/clientContext.utils.d.ts +2 -0
- package/dist/theme/utils/clientContext.utils.d.ts.map +1 -0
- package/dist/timeRange.utils-CcP33PfM.js +20 -0
- package/dist/timeRange.utils-CcP33PfM.js.map +1 -0
- package/package.json +1 -1
- package/dist/bars.loadData.utils-FxKnljYM.js +0 -116
- package/dist/bars.loadData.utils-FxKnljYM.js.map +0 -1
- package/dist/charts.fillGaps.hooks-CvKhAwUj.js +0 -70
- package/dist/charts.fillGaps.hooks-CvKhAwUj.js.map +0 -1
- package/dist/charts.utils-N3kN-XFw.js.map +0 -1
- package/dist/definition-2JaSZCXp.js +0 -206
- package/dist/definition-2JaSZCXp.js.map +0 -1
- package/dist/definition-B2mKjUhy.js.map +0 -1
- package/dist/definition-B5l2-yZu.js.map +0 -1
- package/dist/definition-Bdwvh471.js.map +0 -1
- package/dist/definition-Bn3Fi9C4.js +0 -515
- package/dist/definition-Bn3Fi9C4.js.map +0 -1
- package/dist/definition-BrVG5pTw.js +0 -162
- package/dist/definition-BrVG5pTw.js.map +0 -1
- package/dist/definition-Dh9UNSfZ.js.map +0 -1
- package/dist/definition-DnWIyPun.js.map +0 -1
- package/dist/definition-DynupxEC.js.map +0 -1
- package/dist/definition-EqCeNipq.js +0 -201
- package/dist/definition-EqCeNipq.js.map +0 -1
- package/dist/definition-SCQMKDEM.js.map +0 -1
- package/dist/definition-bvWr0LdF.js.map +0 -1
- package/dist/definition-pNCrIBqW.js +0 -164
- package/dist/definition-pNCrIBqW.js.map +0 -1
- package/dist/timeRange.utils-D1hjtzlU.js +0 -20
- package/dist/timeRange.utils-D1hjtzlU.js.map +0 -1
|
@@ -1,92 +1,93 @@
|
|
|
1
|
-
import { m as k, j as
|
|
2
|
-
import { useTheme as
|
|
3
|
-
import { a as
|
|
1
|
+
import { m as k, j as h, B as K, V as D } from "./index-CJYh9LRs.js";
|
|
2
|
+
import { useTheme as z, definePreview as F } from "@embeddable.com/react";
|
|
3
|
+
import { a as _, r as W } from "./component.utils-Dua9clQJ.js";
|
|
4
4
|
import { C as E } from "./ChartCard-Cqhxv7xl.js";
|
|
5
|
-
import { b as H, a as I } from "./bars.utils-
|
|
6
|
-
import { u as U } from "./charts.fillGaps.hooks-
|
|
5
|
+
import { b as H, a as I } from "./bars.utils-CG7i6UTJ.js";
|
|
6
|
+
import { u as U } from "./charts.fillGaps.hooks-B6T9882L.js";
|
|
7
7
|
import { C as q, g as J } from "./granularity.utils-Hj10GihD.js";
|
|
8
|
-
import { u as N, g as Q, a as Y, l as Z, b as $ } from "./bars.loadData.utils-
|
|
8
|
+
import { u as N, g as Q, a as Y, l as Z, b as $ } from "./bars.loadData.utils-3BlUREY3.js";
|
|
9
9
|
import { i as a } from "./component.inputs.constants-C7tJAhsQ.js";
|
|
10
|
-
import { p
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
import { p } from "./preview.data.constants--FLtEcg5.js";
|
|
11
|
+
import { g as ee } from "./clientContext.utils-DpB5KsfX.js";
|
|
12
|
+
const A = (e) => {
|
|
13
|
+
var b, f;
|
|
14
|
+
const r = z();
|
|
15
|
+
_(r);
|
|
16
|
+
const { tooltip: l, description: t, title: s, xAxisLabel: m, yAxisLabel: d } = W(e), {
|
|
17
|
+
hideMenu: u,
|
|
17
18
|
groupBy: x,
|
|
18
|
-
measure:
|
|
19
|
-
reverseXAxis:
|
|
19
|
+
measure: i,
|
|
20
|
+
reverseXAxis: g,
|
|
20
21
|
showLegend: O,
|
|
21
22
|
showLogarithmicScale: T,
|
|
22
23
|
showTooltips: w,
|
|
23
24
|
showTotalLabels: G,
|
|
24
25
|
showValueLabels: M,
|
|
25
|
-
xAxis:
|
|
26
|
+
xAxis: n,
|
|
26
27
|
yAxisRangeMax: v,
|
|
27
28
|
yAxisRangeMin: L,
|
|
28
|
-
setGranularity:
|
|
29
|
+
setGranularity: y,
|
|
29
30
|
onBarClicked: V,
|
|
30
31
|
axisOrder: R,
|
|
31
|
-
resultsAxisOrder:
|
|
32
|
+
resultsAxisOrder: c,
|
|
32
33
|
axisOrderCacheKey: P,
|
|
33
34
|
setAxisOrderAndCacheKey: X
|
|
34
35
|
} = e;
|
|
35
36
|
N({
|
|
36
|
-
resultsAxisOrder:
|
|
37
|
-
axisDimension:
|
|
37
|
+
resultsAxisOrder: c,
|
|
38
|
+
axisDimension: n,
|
|
38
39
|
setAxisOrderAndCacheKey: X,
|
|
39
40
|
axisOrderCacheKey: P
|
|
40
41
|
});
|
|
41
|
-
const
|
|
42
|
+
const o = U({
|
|
42
43
|
results: e.results,
|
|
43
|
-
dimension:
|
|
44
|
-
}),
|
|
44
|
+
dimension: n
|
|
45
|
+
}), C = H(
|
|
45
46
|
{
|
|
46
|
-
data:
|
|
47
|
-
dimension:
|
|
47
|
+
data: o == null ? void 0 : o.data,
|
|
48
|
+
dimension: n,
|
|
48
49
|
groupDimension: x,
|
|
49
|
-
measure:
|
|
50
|
+
measure: i,
|
|
50
51
|
axisOrder: R
|
|
51
52
|
},
|
|
52
53
|
r
|
|
53
54
|
), S = k(
|
|
54
55
|
I(
|
|
55
|
-
{ measures: [
|
|
56
|
+
{ measures: [i], horizontal: !1, onBarClicked: V, data: C, dimension: n },
|
|
56
57
|
r
|
|
57
58
|
),
|
|
58
|
-
((
|
|
59
|
-
), j = !
|
|
60
|
-
return /* @__PURE__ */
|
|
59
|
+
((f = (b = r.charts) == null ? void 0 : b.barChartGroupedPro) == null ? void 0 : f.options) ?? {}
|
|
60
|
+
), j = !s && !t && !l;
|
|
61
|
+
return /* @__PURE__ */ h.jsxs(
|
|
61
62
|
E,
|
|
62
63
|
{
|
|
63
|
-
data:
|
|
64
|
-
dimensionsAndMeasures: [
|
|
65
|
-
errorMessage: (
|
|
66
|
-
description:
|
|
67
|
-
title:
|
|
68
|
-
tooltip:
|
|
69
|
-
hideMenu:
|
|
64
|
+
data: o,
|
|
65
|
+
dimensionsAndMeasures: [i, n, x],
|
|
66
|
+
errorMessage: (o == null ? void 0 : o.error) || (c == null ? void 0 : c.error),
|
|
67
|
+
description: t,
|
|
68
|
+
title: s,
|
|
69
|
+
tooltip: l,
|
|
70
|
+
hideMenu: u,
|
|
70
71
|
children: [
|
|
71
|
-
|
|
72
|
+
y && /* @__PURE__ */ h.jsx(
|
|
72
73
|
q,
|
|
73
74
|
{
|
|
74
75
|
hasMarginTop: j,
|
|
75
|
-
dimension:
|
|
76
|
-
onChange:
|
|
76
|
+
dimension: n,
|
|
77
|
+
onChange: y
|
|
77
78
|
}
|
|
78
79
|
),
|
|
79
|
-
/* @__PURE__ */
|
|
80
|
+
/* @__PURE__ */ h.jsx(
|
|
80
81
|
K,
|
|
81
82
|
{
|
|
82
|
-
data:
|
|
83
|
+
data: C,
|
|
83
84
|
showLegend: O,
|
|
84
85
|
showTooltips: w,
|
|
85
86
|
showValueLabels: M,
|
|
86
87
|
showLogarithmicScale: T,
|
|
87
88
|
xAxisLabel: m,
|
|
88
89
|
yAxisLabel: d,
|
|
89
|
-
reverseXAxis:
|
|
90
|
+
reverseXAxis: g,
|
|
90
91
|
yAxisRangeMin: L,
|
|
91
92
|
yAxisRangeMax: v,
|
|
92
93
|
showTotalLabels: G,
|
|
@@ -96,10 +97,10 @@ const h = (e) => {
|
|
|
96
97
|
]
|
|
97
98
|
}
|
|
98
99
|
);
|
|
99
|
-
},
|
|
100
|
+
}, he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
100
101
|
__proto__: null,
|
|
101
|
-
default:
|
|
102
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
102
|
+
default: A
|
|
103
|
+
}, Symbol.toStringTag, { value: "Module" })), ae = {
|
|
103
104
|
name: "BarChartGroupedPro",
|
|
104
105
|
label: "Bar Chart - Grouped",
|
|
105
106
|
category: "Bar Charts",
|
|
@@ -142,62 +143,65 @@ const h = (e) => {
|
|
|
142
143
|
]
|
|
143
144
|
}
|
|
144
145
|
]
|
|
145
|
-
},
|
|
146
|
-
xAxis:
|
|
147
|
-
groupBy:
|
|
148
|
-
measure:
|
|
149
|
-
results:
|
|
146
|
+
}, B = {
|
|
147
|
+
xAxis: p.dimension,
|
|
148
|
+
groupBy: p.dimensionGroup,
|
|
149
|
+
measure: p.measure,
|
|
150
|
+
results: p.results1Measure2Dimensions,
|
|
150
151
|
hideMenu: !0
|
|
151
|
-
},
|
|
152
|
+
}, re = F(A, B), se = {
|
|
152
153
|
onBarClicked: (e) => ({
|
|
153
|
-
axisDimensionValue: e.axisDimensionValue ??
|
|
154
|
-
groupingDimensionValue: e.groupingDimensionValue ??
|
|
154
|
+
axisDimensionValue: e.axisDimensionValue ?? D.noFilter(),
|
|
155
|
+
groupingDimensionValue: e.groupingDimensionValue ?? D.noFilter()
|
|
155
156
|
})
|
|
156
|
-
},
|
|
157
|
-
const s = J(e.xAxis, r == null ? void 0 : r.granularity),
|
|
157
|
+
}, ie = (e, [r, l], t) => {
|
|
158
|
+
const s = J(e.xAxis, r == null ? void 0 : r.granularity), m = e.sortDirectionTopXAxis, d = ee(t == null ? void 0 : t.timezone), u = Q({
|
|
158
159
|
dataset: e.dataset,
|
|
159
160
|
axis: s,
|
|
160
161
|
measure: e.measure,
|
|
161
|
-
sortDirection:
|
|
162
|
-
limit: e.limitTopXAxis
|
|
163
|
-
|
|
162
|
+
sortDirection: m,
|
|
163
|
+
limit: e.limitTopXAxis,
|
|
164
|
+
timezone: d
|
|
165
|
+
}), x = Y(u, r);
|
|
164
166
|
return {
|
|
165
167
|
...e,
|
|
166
168
|
xAxis: s,
|
|
167
|
-
axisOrder:
|
|
168
|
-
axisOrderCacheKey:
|
|
169
|
-
setGranularity: (
|
|
170
|
-
setAxisOrderAndCacheKey: (
|
|
169
|
+
axisOrder: x,
|
|
170
|
+
axisOrderCacheKey: u,
|
|
171
|
+
setGranularity: (i) => l({ ...r, granularity: i }),
|
|
172
|
+
setAxisOrderAndCacheKey: (i, g) => l({ ...r, axisOrder: i, axisOrderCacheKey: g }),
|
|
171
173
|
resultsAxisOrder: $({
|
|
172
174
|
dataset: e.dataset,
|
|
173
175
|
limitTopAxis: e.limitTopXAxis,
|
|
174
176
|
axis: s,
|
|
175
177
|
measure: e.measure,
|
|
176
|
-
sortDirection:
|
|
178
|
+
sortDirection: m,
|
|
179
|
+
timezone: d
|
|
177
180
|
}),
|
|
178
181
|
results: Z({
|
|
179
182
|
dataset: e.dataset,
|
|
180
183
|
axis: s,
|
|
181
184
|
groupBy: e.groupBy,
|
|
182
185
|
measure: e.measure,
|
|
183
|
-
sortDirection:
|
|
186
|
+
sortDirection: m,
|
|
184
187
|
limitTopAxis: e.limitTopXAxis,
|
|
185
188
|
maxResults: e.maxResults,
|
|
186
|
-
axisOrder:
|
|
189
|
+
axisOrder: x,
|
|
190
|
+
timezone: d
|
|
187
191
|
})
|
|
188
192
|
};
|
|
189
|
-
},
|
|
190
|
-
Component:
|
|
191
|
-
meta:
|
|
192
|
-
preview:
|
|
193
|
-
previewConfig:
|
|
193
|
+
}, Ae = {
|
|
194
|
+
Component: A,
|
|
195
|
+
meta: ae,
|
|
196
|
+
preview: re,
|
|
197
|
+
previewConfig: B,
|
|
194
198
|
config: {
|
|
195
|
-
props:
|
|
196
|
-
events:
|
|
199
|
+
props: ie,
|
|
200
|
+
events: se
|
|
197
201
|
}
|
|
198
202
|
};
|
|
199
203
|
export {
|
|
200
|
-
|
|
201
|
-
|
|
204
|
+
Ae as b,
|
|
205
|
+
he as i
|
|
202
206
|
};
|
|
203
|
-
//# sourceMappingURL=definition-
|
|
207
|
+
//# sourceMappingURL=definition-NQQg5mwf.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"definition-NQQg5mwf.js","sources":["../src/components/charts/bars/BarChartGroupedPro/index.tsx","../src/components/charts/bars/BarChartGroupedPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } 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, Granularity, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { useUpdateAxisOrderAndCacheKey } from '../bars.hooks';\n\nexport type BarChartGroupedProProps = {\n groupBy: Dimension;\n measure: Measure;\n results?: DataResponse;\n resultsAxisOrder?: DataResponse;\n axisOrder?: string[];\n axisOrderCacheKey?: string;\n setAxisOrderAndCacheKey?: (values: string[], cacheKey: string) => void;\n reverseXAxis?: boolean;\n showLegend?: boolean;\n showLogarithmicScale?: boolean;\n showTooltips?: boolean;\n showTotalLabels?: boolean;\n showValueLabels?: boolean;\n xAxis: Dimension;\n xAxisLabel?: string;\n yAxisLabel?: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n setGranularity?: (granularity: Granularity) => void;\n onBarClicked?: (args: {\n axisDimensionValue: string | null;\n groupingDimensionValue: string | null;\n }) => void;\n} & ChartCardHeaderProps;\n\nconst BarChartGroupedPro = (props: BarChartGroupedProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n const {\n hideMenu,\n groupBy,\n measure,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showTotalLabels,\n showValueLabels,\n xAxis,\n yAxisRangeMax,\n yAxisRangeMin,\n setGranularity,\n onBarClicked,\n axisOrder,\n resultsAxisOrder,\n axisOrderCacheKey,\n setAxisOrderAndCacheKey,\n } = props;\n\n useUpdateAxisOrderAndCacheKey({\n resultsAxisOrder,\n axisDimension: xAxis,\n setAxisOrderAndCacheKey,\n axisOrderCacheKey,\n });\n\n const results = useFillGaps({\n results: props.results,\n dimension: xAxis,\n });\n\n const data = getBarStackedChartProData(\n {\n data: results?.data,\n dimension: xAxis,\n groupDimension: groupBy,\n measure,\n axisOrder,\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 const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[measure, xAxis, groupBy]}\n errorMessage={results?.error || resultsAxisOrder?.error}\n description={description}\n title={title}\n tooltip={tooltip}\n hideMenu={hideMenu}\n >\n {setGranularity && (\n <ChartGranularitySelectField\n hasMarginTop={granularitySelectorHasMarginTop}\n dimension={xAxis}\n onChange={setGranularity}\n />\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","import { Granularity, OrderDirection, Value } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport {\n getAxisOrderCacheKey,\n getCachedAxisOrder,\n loadDataResultsAxisOrder,\n loadDataResults,\n} from '../bars.loadData.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n name: 'BarChartGroupedPro',\n label: 'Bar Chart - Grouped',\n category: 'Bar Charts',\n inputs: [\n inputs.dataset,\n inputs.measure,\n { ...inputs.dimensionWithGranularitySelectField, name: 'xAxis', label: 'X-axis' },\n inputs.groupBy,\n inputs.title,\n inputs.description,\n inputs.tooltip,\n inputs.maxResults,\n inputs.showLegend,\n inputs.showTooltips,\n { ...inputs.showValueLabels, defaultValue: false },\n inputs.showLogarithmicScale,\n inputs.sortDirectionTopXAxis,\n inputs.limitTopXAxis,\n inputs.xAxisLabel,\n inputs.yAxisLabel,\n inputs.reverseXAxis,\n inputs.yAxisRangeMin,\n inputs.yAxisRangeMax,\n ],\n events: [\n {\n name: 'onBarClicked',\n label: 'A bar is clicked',\n properties: [\n {\n name: 'axisDimensionValue',\n label: 'Clicked axis dimension value',\n type: 'string',\n },\n {\n name: 'groupingDimensionValue',\n label: 'Clicked grouping dimension value',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarChartGroupedProState = {\n granularity?: Granularity;\n axisOrder?: string[];\n axisOrderCacheKey?: string;\n};\n\nconst previewConfig = {\n xAxis: previewData.dimension,\n groupBy: previewData.dimensionGroup,\n measure: previewData.measure,\n results: previewData.results1Measure2Dimensions,\n hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst events = {\n onBarClicked: (value: { axisDimensionValue?: string; groupingDimensionValue?: string }) => ({\n axisDimensionValue: value.axisDimensionValue ?? Value.noFilter(),\n groupingDimensionValue: value.groupingDimensionValue ?? Value.noFilter(),\n }),\n};\n\nconst props = (\n inputs: Inputs<typeof meta>,\n [state, setState]: [BarChartGroupedProState, (state: BarChartGroupedProState) => void],\n clientContext: ThemeClientContext,\n) => {\n const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n const sortDirection = inputs.sortDirectionTopXAxis as OrderDirection | undefined;\n const timezone = getClientContextTimezone(clientContext?.timezone);\n\n const axisOrderCacheKey = getAxisOrderCacheKey({\n dataset: inputs.dataset,\n axis: xAxisWithGranularity,\n measure: inputs.measure,\n sortDirection,\n limit: inputs.limitTopXAxis,\n timezone,\n });\n\n const cachedAxisOrder = getCachedAxisOrder(axisOrderCacheKey, state);\n\n return {\n ...inputs,\n xAxis: xAxisWithGranularity,\n axisOrder: cachedAxisOrder,\n axisOrderCacheKey,\n setGranularity: (granularity: Granularity) => setState({ ...state, granularity }),\n setAxisOrderAndCacheKey: (axisOrder: string[], cacheKey: string) =>\n setState({ ...state, axisOrder, axisOrderCacheKey: cacheKey }),\n resultsAxisOrder: loadDataResultsAxisOrder({\n dataset: inputs.dataset,\n limitTopAxis: inputs.limitTopXAxis,\n axis: xAxisWithGranularity,\n measure: inputs.measure,\n sortDirection,\n timezone,\n }),\n results: loadDataResults({\n dataset: inputs.dataset,\n axis: xAxisWithGranularity,\n groupBy: inputs.groupBy,\n measure: inputs.measure,\n sortDirection,\n limitTopAxis: inputs.limitTopXAxis,\n maxResults: inputs.maxResults,\n axisOrder: cachedAxisOrder,\n timezone,\n }),\n };\n};\n\nexport const barChartGroupedPro = {\n Component,\n meta,\n preview,\n previewConfig,\n config: {\n props,\n events,\n },\n} as const;\n"],"names":["BarChartGroupedPro","props","theme","useTheme","i18nSetup","tooltip","description","title","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","xAxis","yAxisRangeMax","yAxisRangeMin","setGranularity","onBarClicked","axisOrder","resultsAxisOrder","axisOrderCacheKey","setAxisOrderAndCacheKey","useUpdateAxisOrderAndCacheKey","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","events","value","Value","state","setState","clientContext","xAxisWithGranularity","getDimensionWithGranularity","sortDirection","timezone","getClientContextTimezone","getAxisOrderCacheKey","cachedAxisOrder","getCachedAxisOrder","granularity","cacheKey","loadDataResultsAxisOrder","loadDataResults","barChartGroupedPro"],"mappings":"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"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { j as p, H as
|
|
2
|
-
import { useTheme as
|
|
1
|
+
import { j as p, H as E, J as V, l as k } from "./index-CJYh9LRs.js";
|
|
2
|
+
import { useTheme as N, definePreview as I } from "@embeddable.com/react";
|
|
3
3
|
import { a as J, r as q } from "./component.utils-Dua9clQJ.js";
|
|
4
4
|
import { C as K } from "./ChartCard-Cqhxv7xl.js";
|
|
5
5
|
import { g } from "./formatter.utils-BLaKKpAa.js";
|
|
6
|
-
import { u as h } from "./charts.fillGaps.hooks-
|
|
6
|
+
import { u as h } from "./charts.fillGaps.hooks-B6T9882L.js";
|
|
7
7
|
import { u as L } from "./tables.hooks-fVC_4V5K.js";
|
|
8
8
|
import { i as o } from "./component.inputs.constants-C7tJAhsQ.js";
|
|
9
|
-
import { p as
|
|
9
|
+
import { p as i } from "./preview.data.constants--FLtEcg5.js";
|
|
10
|
+
import { g as Q } from "./clientContext.utils-DpB5KsfX.js";
|
|
10
11
|
const f = (e, t) => {
|
|
11
12
|
const n = g(t);
|
|
12
13
|
return {
|
|
@@ -23,16 +24,16 @@ const f = (e, t) => {
|
|
|
23
24
|
};
|
|
24
25
|
}, d = (e) => {
|
|
25
26
|
var c;
|
|
26
|
-
const t =
|
|
27
|
+
const t = N();
|
|
27
28
|
J(t);
|
|
28
|
-
const { title: n, description: a, tooltip:
|
|
29
|
+
const { title: n, description: a, tooltip: C } = q(e), {
|
|
29
30
|
hideMenu: M,
|
|
30
31
|
measure: m,
|
|
31
32
|
rowDimension: s,
|
|
32
|
-
columnDimension:
|
|
33
|
-
maxColor:
|
|
34
|
-
midColor:
|
|
35
|
-
minColor:
|
|
33
|
+
columnDimension: r,
|
|
34
|
+
maxColor: y,
|
|
35
|
+
midColor: S,
|
|
36
|
+
minColor: x,
|
|
36
37
|
displayNullAs: v,
|
|
37
38
|
columnWidth: T,
|
|
38
39
|
firstColumnWidth: R,
|
|
@@ -40,12 +41,12 @@ const f = (e, t) => {
|
|
|
40
41
|
minThreshold: A,
|
|
41
42
|
maxThreshold: H
|
|
42
43
|
} = e, j = Array.from(
|
|
43
|
-
new Set((e.results.data ?? []).filter(Boolean).map((l) => l[
|
|
44
|
+
new Set((e.results.data ?? []).filter(Boolean).map((l) => l[r.name]))
|
|
44
45
|
), O = Array.from(
|
|
45
46
|
new Set((e.results.data ?? []).filter(Boolean).map((l) => l[s.name]))
|
|
46
47
|
), P = h({
|
|
47
48
|
results: e.results,
|
|
48
|
-
dimension:
|
|
49
|
+
dimension: r
|
|
49
50
|
}), W = h({
|
|
50
51
|
results: P,
|
|
51
52
|
dimension: s
|
|
@@ -53,30 +54,30 @@ const f = (e, t) => {
|
|
|
53
54
|
results: W,
|
|
54
55
|
columnOrder: j,
|
|
55
56
|
rowOrder: O,
|
|
56
|
-
columnDimension:
|
|
57
|
+
columnDimension: r,
|
|
57
58
|
rowDimension: s,
|
|
58
59
|
measures: [m]
|
|
59
|
-
}),
|
|
60
|
+
}), _ = f({ measure: m }, t), z = u({ dimension: s }, t), B = u({ dimension: r }, t);
|
|
60
61
|
return /* @__PURE__ */ p.jsx(
|
|
61
62
|
K,
|
|
62
63
|
{
|
|
63
64
|
title: n,
|
|
64
65
|
description: a,
|
|
65
|
-
tooltip:
|
|
66
|
+
tooltip: C,
|
|
66
67
|
data: e.results,
|
|
67
|
-
dimensionsAndMeasures: [s,
|
|
68
|
+
dimensionsAndMeasures: [s, r, m],
|
|
68
69
|
errorMessage: (c = e.results) == null ? void 0 : c.error,
|
|
69
70
|
hideMenu: M,
|
|
70
71
|
children: /* @__PURE__ */ p.jsx(
|
|
71
|
-
|
|
72
|
+
E,
|
|
72
73
|
{
|
|
73
74
|
data: G,
|
|
74
|
-
measure:
|
|
75
|
-
rowDimension:
|
|
76
|
-
columnDimension:
|
|
77
|
-
maxColor:
|
|
78
|
-
midColor:
|
|
79
|
-
minColor:
|
|
75
|
+
measure: _,
|
|
76
|
+
rowDimension: z,
|
|
77
|
+
columnDimension: B,
|
|
78
|
+
maxColor: y,
|
|
79
|
+
midColor: S ?? V("--em-tablechart-heatmap-color", "#FF5400"),
|
|
80
|
+
minColor: x,
|
|
80
81
|
showValues: F,
|
|
81
82
|
minThreshold: A,
|
|
82
83
|
maxThreshold: H,
|
|
@@ -87,12 +88,12 @@ const f = (e, t) => {
|
|
|
87
88
|
)
|
|
88
89
|
}
|
|
89
90
|
);
|
|
90
|
-
},
|
|
91
|
+
}, me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
91
92
|
__proto__: null,
|
|
92
93
|
default: d,
|
|
93
94
|
getHeatDimension: u,
|
|
94
95
|
getHeatMeasure: f
|
|
95
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
96
|
+
}, Symbol.toStringTag, { value: "Module" })), U = {
|
|
96
97
|
name: "HeatMapPro",
|
|
97
98
|
label: "Heat Map",
|
|
98
99
|
category: "Table Charts",
|
|
@@ -165,35 +166,36 @@ const f = (e, t) => {
|
|
|
165
166
|
},
|
|
166
167
|
o.maxResults
|
|
167
168
|
]
|
|
168
|
-
},
|
|
169
|
-
rowDimension:
|
|
170
|
-
columnDimension:
|
|
171
|
-
measure:
|
|
172
|
-
results:
|
|
169
|
+
}, b = {
|
|
170
|
+
rowDimension: i.dimension,
|
|
171
|
+
columnDimension: i.dimensionGroup,
|
|
172
|
+
measure: i.measure,
|
|
173
|
+
results: i.results1Measure2Dimensions,
|
|
173
174
|
hideMenu: !0
|
|
174
|
-
},
|
|
175
|
+
}, X = I(d, b), w = (e, t) => ({
|
|
175
176
|
from: e.dataset,
|
|
176
177
|
select: [e.rowDimension, e.columnDimension, e.measure],
|
|
177
178
|
limit: e.maxResults,
|
|
178
|
-
countRows: !0
|
|
179
|
-
|
|
179
|
+
countRows: !0,
|
|
180
|
+
timezone: Q(t == null ? void 0 : t.timezone)
|
|
181
|
+
}), D = (e, t) => k(w(e, t)), Y = (e, t, n) => ({
|
|
180
182
|
...e,
|
|
181
|
-
results:
|
|
182
|
-
}),
|
|
183
|
+
results: D(e, n)
|
|
184
|
+
}), le = {
|
|
183
185
|
Component: d,
|
|
184
|
-
meta:
|
|
185
|
-
preview:
|
|
186
|
-
previewConfig:
|
|
186
|
+
meta: U,
|
|
187
|
+
preview: X,
|
|
188
|
+
previewConfig: b,
|
|
187
189
|
config: {
|
|
188
|
-
props:
|
|
190
|
+
props: Y
|
|
189
191
|
},
|
|
190
192
|
results: {
|
|
191
|
-
loadDataArgs:
|
|
192
|
-
loadData:
|
|
193
|
+
loadDataArgs: w,
|
|
194
|
+
loadData: D
|
|
193
195
|
}
|
|
194
196
|
};
|
|
195
197
|
export {
|
|
196
|
-
|
|
197
|
-
|
|
198
|
+
le as h,
|
|
199
|
+
me as i
|
|
198
200
|
};
|
|
199
|
-
//# sourceMappingURL=definition-
|
|
201
|
+
//# sourceMappingURL=definition-OA_X18FK.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"definition-OA_X18FK.js","sources":["../src/components/charts/tables/HeatMapPro/index.tsx","../src/components/charts/tables/HeatMapPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport {\n getStyle,\n HeatMap,\n HeatMapPropsDimension,\n HeatMapPropsMeasure,\n} from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { useGetTableSortedResults } from '../tables.hooks';\n\nexport type HeatMapProProps = {\n columnDimension: Dimension;\n columnWidth?: number;\n\n displayNullAs?: string;\n firstColumnWidth?: number;\n maxColor?: string;\n maxThreshold?: string;\n measure: Measure;\n midColor?: string;\n minColor?: string;\n minThreshold?: string;\n results: DataResponse;\n rowDimension: Dimension;\n showValues?: boolean;\n} & ChartCardHeaderProps;\n\nexport const getHeatMeasure = (\n props: { measure: Measure },\n theme: Theme,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsMeasure<any> => {\n const themeFormatter = getThemeFormatter(theme);\n\n return {\n key: props.measure.name,\n label: themeFormatter.dimensionOrMeasureTitle(props.measure),\n format: (value) => {\n return themeFormatter.data(props.measure, value);\n },\n };\n};\n\nexport const getHeatDimension = (\n props: { dimension: Dimension },\n theme: Theme,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsDimension<any> => {\n const themeFormatter = getThemeFormatter(theme);\n\n return {\n key: props.dimension.name,\n label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n format: (value: string) => themeFormatter.data(props.dimension, value),\n };\n};\n\nconst HeatMapPro = (props: HeatMapProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { title, description, tooltip } = resolveI18nProps(props);\n const {\n hideMenu,\n measure,\n rowDimension,\n columnDimension,\n maxColor,\n midColor,\n minColor,\n displayNullAs,\n columnWidth,\n firstColumnWidth,\n showValues,\n minThreshold,\n maxThreshold,\n } = props;\n\n const columnOrder = Array.from(\n new Set((props.results.data ?? []).filter(Boolean).map((d) => d[columnDimension.name])),\n );\n\n const rowOrder = Array.from(\n new Set((props.results.data ?? []).filter(Boolean).map((d) => d[rowDimension.name])),\n );\n\n // Fill gaps for the column dimension\n const resultsColumnDimensionFillGaps = useFillGaps({\n results: props.results,\n dimension: columnDimension,\n });\n\n // Fill gaps for the row dimension\n const resultsRowColumnDimensionFillGaps = useFillGaps({\n results: resultsColumnDimensionFillGaps,\n dimension: rowDimension,\n });\n\n const results = useGetTableSortedResults({\n results: resultsRowColumnDimensionFillGaps,\n columnOrder,\n rowOrder,\n columnDimension,\n rowDimension,\n measures: [measure],\n });\n\n const pivotMeasures = getHeatMeasure({ measure }, theme);\n const pivotRowDimension = getHeatDimension({ dimension: rowDimension }, theme);\n const pivotColumnDimension = getHeatDimension({ dimension: columnDimension }, theme);\n\n return (\n <ChartCard\n title={title}\n description={description}\n tooltip={tooltip}\n data={props.results}\n dimensionsAndMeasures={[rowDimension, columnDimension, measure]}\n errorMessage={props.results?.error}\n hideMenu={hideMenu}\n >\n <HeatMap\n data={results}\n measure={pivotMeasures}\n rowDimension={pivotRowDimension}\n columnDimension={pivotColumnDimension}\n maxColor={maxColor}\n midColor={midColor ?? getStyle('--em-tablechart-heatmap-color', '#FF5400')}\n minColor={minColor}\n showValues={showValues}\n minThreshold={minThreshold}\n maxThreshold={maxThreshold}\n columnWidth={columnWidth}\n firstColumnWidth={firstColumnWidth}\n displayNullAs={displayNullAs}\n />\n </ChartCard>\n );\n};\n\nexport default HeatMapPro;\n","import { DataResponse, LoadDataRequest, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n name: 'HeatMapPro',\n label: 'Heat Map',\n category: 'Table Charts',\n inputs: [\n inputs.dataset,\n inputs.measure,\n {\n ...inputs.dimensionWithDateBounds,\n label: 'Row dimension',\n name: 'rowDimension',\n },\n {\n ...inputs.dimensionWithDateBounds,\n label: 'Column dimension',\n name: 'columnDimension',\n },\n inputs.title,\n inputs.description,\n inputs.tooltip,\n inputs.displayNullAs,\n {\n ...inputs.color,\n name: 'midColor',\n label: 'Mid-point color (optional)',\n },\n {\n ...inputs.color,\n name: 'maxColor',\n label: 'Max-point color (optional)',\n },\n {\n ...inputs.color,\n name: 'minColor',\n label: 'Min-point color (optional)',\n },\n {\n ...inputs.string,\n name: 'minThreshold',\n label: 'Max-point range lower limit',\n description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n category: 'Component Settings',\n },\n {\n ...inputs.string,\n name: 'maxThreshold',\n label: 'Min-point range upper limit',\n description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n category: 'Component Settings',\n },\n {\n ...inputs.boolean,\n name: 'showValues',\n label: 'Show values',\n defaultValue: true,\n category: 'Component Settings',\n },\n {\n ...inputs.number,\n name: 'firstColumnWidth',\n label: 'First column width',\n description: 'Set the width in px (e.g. 200)',\n category: 'Component Settings',\n },\n {\n ...inputs.number,\n name: 'columnWidth',\n label: 'Column width',\n description: 'Set the width in px (e.g. 200)',\n category: 'Component Settings',\n },\n inputs.maxResults,\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n rowDimension: previewData.dimension,\n columnDimension: previewData.dimensionGroup,\n measure: previewData.measure,\n results: previewData.results1Measure2Dimensions,\n hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n inputs: Inputs<typeof meta>,\n clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n from: inputs.dataset,\n select: [inputs.rowDimension, inputs.columnDimension, inputs.measure],\n limit: inputs.maxResults,\n countRows: true,\n timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n inputs: Inputs<typeof meta>,\n clientContext?: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, clientContext));\n\nconst props = (\n inputs: Inputs<typeof meta>,\n _state: unknown,\n clientContext?: ThemeClientContext,\n) => ({\n ...inputs,\n results: loadDataResults(inputs, clientContext),\n});\n\nexport const heatMapPro = {\n Component,\n meta,\n preview,\n previewConfig,\n config: {\n props,\n },\n results: {\n loadDataArgs: loadDataResultsArgs,\n loadData: loadDataResults,\n },\n} as const;\n"],"names":["getHeatMeasure","props","theme","themeFormatter","getThemeFormatter","value","getHeatDimension","HeatMapPro","useTheme","i18nSetup","title","description","tooltip","resolveI18nProps","hideMenu","measure","rowDimension","columnDimension","maxColor","midColor","minColor","displayNullAs","columnWidth","firstColumnWidth","showValues","minThreshold","maxThreshold","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","pivotMeasures","pivotRowDimension","pivotColumnDimension","jsx","ChartCard","_a","HeatMap","getStyle","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","_state","heatMapPro"],"mappings":"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"}
|