@carto/ps-react-ui 4.4.1 → 4.4.2
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/components.js.map +1 -1
- package/dist/error-CEkRPccv.js.map +1 -1
- package/dist/exports-Cr43OCul.js.map +1 -1
- package/dist/formatter-B1Xh8XDH.js +5 -0
- package/dist/formatter-B1Xh8XDH.js.map +1 -0
- package/dist/lasso-tool-BYbxrJ-7.js.map +1 -1
- package/dist/note-t51drNe0.js.map +1 -1
- package/dist/options-D9wflre6.js.map +1 -1
- package/dist/row-DTCV0Ocm.js.map +1 -1
- package/dist/series-CYNOu2Ju.js.map +1 -1
- package/dist/smart-tooltip-D4vwQpFf.js.map +1 -1
- package/dist/styles-C_8vOEep.js +167 -0
- package/dist/styles-C_8vOEep.js.map +1 -0
- package/dist/tooltip-BDnrRKrp.js.map +1 -1
- package/dist/types/components/basemaps/basemaps.d.ts +20 -0
- package/dist/types/components/geolocation-controls/geolocation-controls.d.ts +11 -0
- package/dist/types/components/lasso-tool/lasso-tool-inline.d.ts +17 -0
- package/dist/types/components/lasso-tool/lasso-tool.d.ts +21 -0
- package/dist/types/components/list-data/list-data.d.ts +16 -0
- package/dist/types/components/measurement-tools/measurement-tools.d.ts +20 -0
- package/dist/types/components/smart-tooltip/smart-tooltip.d.ts +17 -0
- package/dist/types/components/tooltip/tooltip.d.ts +13 -0
- package/dist/types/components/zoom-controls/zoom-controls.d.ts +16 -0
- package/dist/types/hooks/use-widget-ref.d.ts +4 -4
- package/dist/types/widgets/actions/download/download.d.ts +11 -0
- package/dist/types/widgets/actions/download/exports.d.ts +15 -0
- package/dist/types/widgets/actions/fullscreen/fullscreen.d.ts +13 -0
- package/dist/types/widgets/actions/index.d.ts +1 -1
- package/dist/types/widgets/actions/relative-data/relative-data.d.ts +1 -0
- package/dist/types/widgets/bar/config.d.ts +8 -4
- package/dist/types/widgets/category/category-ui.d.ts +3 -0
- package/dist/types/widgets/category/components/category-bar.d.ts +3 -0
- package/dist/types/widgets/category/components/category-legend.d.ts +3 -0
- package/dist/types/widgets/category/components/category-row-multi.d.ts +3 -0
- package/dist/types/widgets/category/components/category-row-other.d.ts +3 -0
- package/dist/types/widgets/category/components/category-row-single.d.ts +3 -0
- package/dist/types/widgets/category/config.d.ts +11 -0
- package/dist/types/widgets/echart/echart-ui.d.ts +7 -0
- package/dist/types/widgets/echart/echart.d.ts +6 -0
- package/dist/types/widgets/echart/options.d.ts +7 -0
- package/dist/types/widgets/echart/types.d.ts +1 -0
- package/dist/types/widgets/echart/utils.d.ts +41 -0
- package/dist/types/widgets/error/error.d.ts +10 -0
- package/dist/types/widgets/formula/components/item.d.ts +3 -0
- package/dist/types/widgets/formula/components/prefix.d.ts +3 -0
- package/dist/types/widgets/formula/components/row.d.ts +3 -0
- package/dist/types/widgets/formula/components/series.d.ts +3 -0
- package/dist/types/widgets/formula/components/suffix.d.ts +3 -0
- package/dist/types/widgets/formula/components/value.d.ts +3 -0
- package/dist/types/widgets/formula/config.d.ts +11 -0
- package/dist/types/widgets/formula/formula-ui.d.ts +3 -0
- package/dist/types/widgets/histogram/config.d.ts +8 -4
- package/dist/types/widgets/loader/loader.d.ts +22 -0
- package/dist/types/widgets/loader/utils.d.ts +26 -3
- package/dist/types/widgets/markdown/config.d.ts +10 -0
- package/dist/types/widgets/markdown/markdown-ui.d.ts +7 -0
- package/dist/types/widgets/markdown/markdown.d.ts +3 -0
- package/dist/types/widgets/note/note.d.ts +10 -0
- package/dist/types/widgets/pie/config.d.ts +8 -4
- package/dist/types/widgets/range/components/range-item.d.ts +3 -0
- package/dist/types/widgets/range/config.d.ts +5 -0
- package/dist/types/widgets/range/range-ui.d.ts +3 -0
- package/dist/types/widgets/scatterplot/config.d.ts +7 -3
- package/dist/types/widgets/selection-summary/selection-summary.d.ts +11 -0
- package/dist/types/widgets/skeleton-loader/skeleton-loader.d.ts +10 -0
- package/dist/types/widgets/spread/components/max-value.d.ts +3 -0
- package/dist/types/widgets/spread/components/min-value.d.ts +3 -0
- package/dist/types/widgets/spread/components/separator.d.ts +3 -0
- package/dist/types/widgets/spread/config.d.ts +11 -0
- package/dist/types/widgets/spread/spread-ui.d.ts +3 -0
- package/dist/types/widgets/subheader/subheader.d.ts +11 -0
- package/dist/types/widgets/table/config.d.ts +8 -3
- package/dist/types/widgets/table/hooks/use-pagination.d.ts +11 -3
- package/dist/types/widgets/table/hooks/use-selection.d.ts +11 -2
- package/dist/types/widgets/table/hooks/use-sort.d.ts +11 -3
- package/dist/types/widgets/timeseries/config.d.ts +8 -4
- package/dist/types/widgets/utils/chart-config/download-config.d.ts +3 -0
- package/dist/types/widgets/{_shared → utils}/chart-config/index.d.ts +2 -0
- package/dist/types/widgets/{_shared → utils}/chart-config/option-builders.d.ts +1 -1
- package/dist/types/widgets/utils/formatter.d.ts +1 -0
- package/dist/types/widgets/utils/index.d.ts +7 -0
- package/dist/types/widgets/wrapper/components/actions.d.ts +3 -0
- package/dist/types/widgets/wrapper/components/options.d.ts +3 -0
- package/dist/types/widgets/wrapper/components/title.d.ts +3 -0
- package/dist/types/widgets/wrapper/wrapper-ui.d.ts +14 -0
- package/dist/types/widgets/wrapper/wrapper.d.ts +14 -0
- package/dist/use-widget-ref-wtFLDFCD.js.map +1 -1
- package/dist/utils-BOhInag6.js.map +1 -1
- package/dist/widgets/actions.js +651 -628
- package/dist/widgets/actions.js.map +1 -1
- package/dist/widgets/bar.js +66 -86
- package/dist/widgets/bar.js.map +1 -1
- package/dist/widgets/category.js +21 -21
- package/dist/widgets/category.js.map +1 -1
- package/dist/widgets/echart.js.map +1 -1
- package/dist/widgets/formula.js +54 -54
- package/dist/widgets/formula.js.map +1 -1
- package/dist/widgets/histogram.js +45 -65
- package/dist/widgets/histogram.js.map +1 -1
- package/dist/widgets/loader.js.map +1 -1
- package/dist/widgets/markdown.js.map +1 -1
- package/dist/widgets/pie.js +122 -99
- package/dist/widgets/pie.js.map +1 -1
- package/dist/widgets/range.js +23 -22
- package/dist/widgets/range.js.map +1 -1
- package/dist/widgets/scatterplot.js +39 -59
- package/dist/widgets/scatterplot.js.map +1 -1
- package/dist/widgets/selection-summary.js.map +1 -1
- package/dist/widgets/skeleton-loader.js.map +1 -1
- package/dist/widgets/spread.js +40 -41
- package/dist/widgets/spread.js.map +1 -1
- package/dist/widgets/subheader.js.map +1 -1
- package/dist/widgets/table.js.map +1 -1
- package/dist/widgets/timeseries.js +39 -59
- package/dist/widgets/timeseries.js.map +1 -1
- package/dist/widgets/utils.js +31 -0
- package/dist/widgets/utils.js.map +1 -0
- package/dist/widgets/wrapper.js.map +1 -1
- package/package.json +5 -1
- package/src/components/basemaps/basemaps.tsx +20 -0
- package/src/components/geolocation-controls/geolocation-controls.tsx +11 -0
- package/src/components/lasso-tool/lasso-tool-inline.tsx +17 -0
- package/src/components/lasso-tool/lasso-tool.tsx +21 -0
- package/src/components/list-data/list-data.tsx +16 -0
- package/src/components/measurement-tools/measurement-tools.tsx +20 -0
- package/src/components/smart-tooltip/smart-tooltip.tsx +17 -0
- package/src/components/tooltip/tooltip.tsx +13 -0
- package/src/components/zoom-controls/zoom-controls.tsx +16 -0
- package/src/hooks/use-widget-ref.ts +4 -4
- package/src/widgets/README.md +10 -10
- package/src/widgets/actions/download/download.tsx +11 -0
- package/src/widgets/actions/download/exports.tsx +15 -0
- package/src/widgets/actions/fullscreen/fullscreen.tsx +13 -0
- package/src/widgets/actions/index.ts +1 -0
- package/src/widgets/actions/relative-data/relative-data.test.tsx +62 -1
- package/src/widgets/actions/relative-data/relative-data.tsx +62 -39
- package/src/widgets/bar/config.ts +12 -20
- package/src/widgets/bar/style.ts +1 -1
- package/src/widgets/category/category-ui.tsx +4 -2
- package/src/widgets/category/components/category-bar.tsx +3 -0
- package/src/widgets/category/components/category-legend.tsx +3 -0
- package/src/widgets/category/components/category-row-multi.tsx +3 -0
- package/src/widgets/category/components/category-row-other.tsx +3 -0
- package/src/widgets/category/components/category-row-single.tsx +3 -0
- package/src/widgets/category/config.ts +11 -0
- package/src/widgets/echart/echart-ui.tsx +7 -0
- package/src/widgets/echart/echart.tsx +6 -0
- package/src/widgets/echart/options.ts +7 -0
- package/src/widgets/echart/types.ts +1 -0
- package/src/widgets/echart/utils.ts +41 -0
- package/src/widgets/error/error.tsx +10 -0
- package/src/widgets/formula/components/item.tsx +3 -0
- package/src/widgets/formula/components/prefix.tsx +3 -0
- package/src/widgets/formula/components/row.tsx +3 -0
- package/src/widgets/formula/components/series.tsx +3 -0
- package/src/widgets/formula/components/suffix.tsx +3 -0
- package/src/widgets/formula/components/value.tsx +4 -2
- package/src/widgets/formula/config.ts +11 -0
- package/src/widgets/formula/formula-ui.tsx +3 -0
- package/src/widgets/histogram/config.ts +11 -20
- package/src/widgets/histogram/style.ts +1 -1
- package/src/widgets/loader/loader.tsx +22 -0
- package/src/widgets/loader/utils.ts +26 -3
- package/src/widgets/markdown/config.ts +10 -0
- package/src/widgets/markdown/markdown-ui.tsx +7 -0
- package/src/widgets/markdown/markdown.tsx +3 -0
- package/src/widgets/note/note.tsx +10 -0
- package/src/widgets/pie/config.ts +85 -30
- package/src/widgets/pie/style.ts +1 -1
- package/src/widgets/range/components/range-item.tsx +5 -2
- package/src/widgets/range/config.ts +5 -0
- package/src/widgets/range/range-ui.tsx +3 -0
- package/src/widgets/scatterplot/config.ts +11 -20
- package/src/widgets/scatterplot/style.ts +1 -1
- package/src/widgets/selection-summary/selection-summary.tsx +11 -0
- package/src/widgets/skeleton-loader/skeleton-loader.tsx +10 -0
- package/src/widgets/spread/components/max-value.tsx +4 -2
- package/src/widgets/spread/components/min-value.tsx +4 -2
- package/src/widgets/spread/components/separator.tsx +3 -0
- package/src/widgets/spread/config.ts +11 -0
- package/src/widgets/spread/spread-ui.tsx +3 -0
- package/src/widgets/subheader/subheader.tsx +11 -0
- package/src/widgets/table/config.ts +8 -3
- package/src/widgets/table/hooks/use-pagination.ts +11 -3
- package/src/widgets/table/hooks/use-selection.ts +11 -2
- package/src/widgets/table/hooks/use-sort.ts +11 -3
- package/src/widgets/timeseries/config.ts +11 -20
- package/src/widgets/timeseries/style.ts +1 -1
- package/src/widgets/utils/chart-config/download-config.ts +22 -0
- package/src/widgets/{_shared → utils}/chart-config/index.ts +4 -0
- package/src/widgets/{_shared → utils}/chart-config/option-builders.ts +1 -1
- package/src/widgets/utils/formatter.ts +1 -0
- package/src/widgets/utils/index.ts +26 -0
- package/src/widgets/wrapper/components/actions.tsx +3 -0
- package/src/widgets/wrapper/components/options.tsx +3 -0
- package/src/widgets/wrapper/components/title.tsx +3 -0
- package/src/widgets/wrapper/wrapper-ui.tsx +14 -0
- package/src/widgets/wrapper/wrapper.tsx +14 -0
- package/dist/styles-CAroD5Rc.js +0 -123
- package/dist/styles-CAroD5Rc.js.map +0 -1
- /package/dist/types/widgets/{_shared → utils}/chart-config/config-factory.d.ts +0 -0
- /package/dist/types/widgets/{_shared → utils}/chart-config/csv-modifiers.d.ts +0 -0
- /package/dist/types/widgets/{_shared → utils}/chart-config/option-builders.test.d.ts +0 -0
- /package/dist/types/widgets/{_shared → utils}/skeleton/index.d.ts +0 -0
- /package/dist/types/widgets/{_shared → utils}/skeleton/styles.d.ts +0 -0
- /package/src/widgets/{_shared → utils}/chart-config/config-factory.ts +0 -0
- /package/src/widgets/{_shared → utils}/chart-config/csv-modifiers.ts +0 -0
- /package/src/widgets/{_shared → utils}/chart-config/option-builders.test.ts +0 -0
- /package/src/widgets/{_shared → utils}/skeleton/index.ts +0 -0
- /package/src/widgets/{_shared → utils}/skeleton/styles.ts +0 -0
package/dist/widgets/pie.js
CHANGED
|
@@ -1,66 +1,88 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { c as
|
|
1
|
+
import { jsxs as h, jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import { c as I } from "react/compiler-runtime";
|
|
3
3
|
import "react";
|
|
4
4
|
import "echarts";
|
|
5
5
|
import "../widget-store-CzDt8oSK.js";
|
|
6
6
|
import "zustand/shallow";
|
|
7
|
-
import { g as
|
|
8
|
-
import { m as
|
|
9
|
-
import {
|
|
10
|
-
import { Box as
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
import { d as y, a as x } from "../exports-Cr43OCul.js";
|
|
14
|
-
import "../lasso-tool-BYbxrJ-7.js";
|
|
15
|
-
import "../cjs-D4KH3azB.js";
|
|
16
|
-
import "@dnd-kit/core";
|
|
17
|
-
import "@dnd-kit/sortable";
|
|
18
|
-
import "@dnd-kit/utilities";
|
|
19
|
-
function te({
|
|
20
|
-
refUI: e
|
|
21
|
-
}) {
|
|
22
|
-
return [{
|
|
23
|
-
...y,
|
|
24
|
-
modifier: () => y.modifier(e)
|
|
25
|
-
}, {
|
|
26
|
-
...x,
|
|
27
|
-
modifier: async (t) => {
|
|
28
|
-
const n = C(t);
|
|
29
|
-
return x.modifier(n);
|
|
30
|
-
}
|
|
31
|
-
}];
|
|
32
|
-
}
|
|
33
|
-
function oe(e) {
|
|
7
|
+
import { g as C } from "../options-D9wflre6.js";
|
|
8
|
+
import { m as N } from "../utils-BOhInag6.js";
|
|
9
|
+
import { g as j, h as y, i as L, n as b, d as v, e as _, j as A, c as O } from "../styles-C_8vOEep.js";
|
|
10
|
+
import { Box as m, Skeleton as u } from "@mui/material";
|
|
11
|
+
const K = j(A);
|
|
12
|
+
function Q(e) {
|
|
34
13
|
return {
|
|
35
14
|
type: "pie",
|
|
36
|
-
option:
|
|
15
|
+
option: N(C(e), T(e)),
|
|
16
|
+
formatter: e.formatter
|
|
37
17
|
};
|
|
38
18
|
}
|
|
39
|
-
function
|
|
19
|
+
function T({
|
|
40
20
|
data: e = [],
|
|
41
21
|
theme: t,
|
|
42
|
-
formatter:
|
|
22
|
+
formatter: o
|
|
43
23
|
}) {
|
|
44
|
-
if ((e?.length ?? 0) > 1)
|
|
24
|
+
if ((e?.length ?? 0) > 1) {
|
|
25
|
+
let i = 0, l = 1;
|
|
45
26
|
return {
|
|
27
|
+
legend: _(!0),
|
|
28
|
+
grid: {
|
|
29
|
+
...v(!0, t),
|
|
30
|
+
right: parseInt(t.spacing(4))
|
|
31
|
+
},
|
|
46
32
|
xAxis: {
|
|
47
33
|
type: "value",
|
|
48
|
-
|
|
34
|
+
min: (n) => (i = n.min < 0 ? b(n.min) : 0, i),
|
|
35
|
+
max: (n) => (l = n.max <= 0 ? 1 : b(n.max), l),
|
|
36
|
+
axisLabel: {
|
|
37
|
+
fontSize: t.typography.overlineDelicate.fontSize,
|
|
38
|
+
fontFamily: t.typography.overlineDelicate.fontFamily,
|
|
39
|
+
margin: parseInt(t.spacing(1)),
|
|
40
|
+
show: !0,
|
|
41
|
+
showMaxLabel: !0,
|
|
42
|
+
showMinLabel: !0,
|
|
43
|
+
verticalAlign: "bottom",
|
|
44
|
+
inside: !0,
|
|
45
|
+
formatter: (n) => n !== l && n !== i || n === 0 ? "" : o ? o(n) : String(n)
|
|
46
|
+
},
|
|
47
|
+
axisLine: {
|
|
48
|
+
show: !1
|
|
49
|
+
},
|
|
50
|
+
axisTick: {
|
|
51
|
+
show: !1
|
|
52
|
+
},
|
|
53
|
+
splitLine: {
|
|
54
|
+
show: !0,
|
|
55
|
+
lineStyle: {
|
|
56
|
+
color: t.palette.black[4]
|
|
57
|
+
}
|
|
58
|
+
}
|
|
49
59
|
},
|
|
50
60
|
yAxis: {
|
|
51
61
|
type: "category",
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
62
|
+
axisLine: {
|
|
63
|
+
show: !1
|
|
64
|
+
},
|
|
65
|
+
axisTick: {
|
|
66
|
+
show: !1
|
|
67
|
+
},
|
|
68
|
+
axisLabel: {
|
|
69
|
+
padding: [parseInt(t.spacing(0.5)), 0, 0, 0]
|
|
70
|
+
}
|
|
57
71
|
},
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
72
|
+
tooltip: {
|
|
73
|
+
position: L(t),
|
|
74
|
+
formatter: y((n) => {
|
|
75
|
+
const r = n.value, p = n.dimensionNames?.[n.encode?.x?.at(0) ?? 1], a = r[p ?? ""], g = typeof a == "number" && o ? o(a) : a ?? "", d = typeof n.marker == "string" ? n.marker : "", k = n.seriesName ? `${n.seriesName}: ` : "";
|
|
76
|
+
return {
|
|
77
|
+
name: n.name ?? "",
|
|
78
|
+
seriesName: k,
|
|
79
|
+
marker: d,
|
|
80
|
+
value: g
|
|
81
|
+
};
|
|
82
|
+
})
|
|
61
83
|
},
|
|
62
|
-
series: e.map((
|
|
63
|
-
datasetIndex:
|
|
84
|
+
series: e.map((n, r) => ({
|
|
85
|
+
datasetIndex: r,
|
|
64
86
|
type: "bar",
|
|
65
87
|
barMaxWidth: 100,
|
|
66
88
|
emphasis: {
|
|
@@ -68,11 +90,12 @@ function N({
|
|
|
68
90
|
}
|
|
69
91
|
}))
|
|
70
92
|
};
|
|
71
|
-
|
|
93
|
+
}
|
|
94
|
+
const s = !0;
|
|
72
95
|
return {
|
|
73
|
-
legend:
|
|
96
|
+
legend: _(s),
|
|
74
97
|
grid: {
|
|
75
|
-
...
|
|
98
|
+
...v(s, t),
|
|
76
99
|
left: 0,
|
|
77
100
|
top: 0,
|
|
78
101
|
right: 0
|
|
@@ -85,18 +108,18 @@ function N({
|
|
|
85
108
|
},
|
|
86
109
|
tooltip: {
|
|
87
110
|
trigger: "item",
|
|
88
|
-
formatter:
|
|
89
|
-
const l =
|
|
111
|
+
formatter: y((i) => {
|
|
112
|
+
const l = i.value && typeof i.value == "object" && !Array.isArray(i.value) ? Object.values(i.value) : [], n = i.encode?.value?.at(0), r = l[n ?? 0], p = typeof r == "number" && o ? o(r) : r ?? "", a = typeof i.marker == "string" ? i.marker : "", g = i.seriesName ? `${i.seriesName}: ` : "", d = i.name ?? "";
|
|
90
113
|
return {
|
|
91
|
-
name:
|
|
92
|
-
seriesName:
|
|
93
|
-
marker:
|
|
94
|
-
value:
|
|
114
|
+
name: g,
|
|
115
|
+
seriesName: d,
|
|
116
|
+
marker: a,
|
|
117
|
+
value: p
|
|
95
118
|
};
|
|
96
119
|
})
|
|
97
120
|
},
|
|
98
121
|
color: Object.values(t.palette.qualitative.bold),
|
|
99
|
-
series: e.map((
|
|
122
|
+
series: e.map((i, l) => ({
|
|
100
123
|
datasetIndex: l,
|
|
101
124
|
type: "pie",
|
|
102
125
|
colorBy: "data",
|
|
@@ -107,16 +130,16 @@ function N({
|
|
|
107
130
|
label: {
|
|
108
131
|
show: !0,
|
|
109
132
|
position: "center",
|
|
110
|
-
formatter: (
|
|
133
|
+
formatter: (n) => {
|
|
111
134
|
const {
|
|
112
|
-
name:
|
|
113
|
-
} =
|
|
114
|
-
if (
|
|
135
|
+
name: r
|
|
136
|
+
} = n, p = n.encode?.value?.[0];
|
|
137
|
+
if (p === void 0)
|
|
115
138
|
return "";
|
|
116
|
-
const
|
|
117
|
-
return `{c|${typeof
|
|
139
|
+
const a = Object.values(n.data ?? {}).at(p);
|
|
140
|
+
return `{c|${typeof a == "number" && o ? o(a) : a ?? ""}}
|
|
118
141
|
|
|
119
|
-
{b|${
|
|
142
|
+
{b|${r}}`;
|
|
120
143
|
},
|
|
121
144
|
rich: {
|
|
122
145
|
b: {
|
|
@@ -141,90 +164,90 @@ function N({
|
|
|
141
164
|
}))
|
|
142
165
|
};
|
|
143
166
|
}
|
|
144
|
-
const
|
|
167
|
+
const z = {
|
|
145
168
|
skeleton: {
|
|
146
169
|
graph: O.graph
|
|
147
170
|
}
|
|
148
|
-
},
|
|
149
|
-
function
|
|
150
|
-
const e =
|
|
151
|
-
let t,
|
|
171
|
+
}, w = 32, x = 294 - w, S = x - w;
|
|
172
|
+
function X() {
|
|
173
|
+
const e = I(5);
|
|
174
|
+
let t, o;
|
|
152
175
|
e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = {
|
|
153
176
|
display: "flex",
|
|
154
177
|
alignItems: "center",
|
|
155
178
|
justifyContent: "center",
|
|
156
179
|
position: "relative"
|
|
157
|
-
},
|
|
158
|
-
let
|
|
159
|
-
e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (
|
|
180
|
+
}, o = /* @__PURE__ */ c(u, { variant: "circular", width: x, height: x }), e[0] = t, e[1] = o) : (t = e[0], o = e[1]);
|
|
181
|
+
let f;
|
|
182
|
+
e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ c(u, { sx: {
|
|
160
183
|
position: "absolute",
|
|
161
184
|
zIndex: 1
|
|
162
|
-
}, variant: "circular", width:
|
|
163
|
-
let
|
|
164
|
-
e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
/* @__PURE__ */
|
|
185
|
+
}, variant: "circular", width: S, height: S }), e[2] = f) : f = e[2];
|
|
186
|
+
let s;
|
|
187
|
+
e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ h(m, { sx: t, children: [
|
|
188
|
+
o,
|
|
189
|
+
f,
|
|
190
|
+
/* @__PURE__ */ h(m, { sx: {
|
|
168
191
|
position: "absolute",
|
|
169
192
|
zIndex: 2,
|
|
170
193
|
display: "flex",
|
|
171
194
|
flexDirection: "column",
|
|
172
195
|
alignItems: "center",
|
|
173
196
|
justifyContent: "center",
|
|
174
|
-
gap:
|
|
197
|
+
gap: M
|
|
175
198
|
}, children: [
|
|
176
|
-
/* @__PURE__ */
|
|
177
|
-
/* @__PURE__ */
|
|
199
|
+
/* @__PURE__ */ c(u, { height: 24, width: 72 }),
|
|
200
|
+
/* @__PURE__ */ c(u, { height: 8, width: 48 })
|
|
178
201
|
] })
|
|
179
|
-
] }), e[3] =
|
|
180
|
-
let
|
|
181
|
-
return e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (
|
|
182
|
-
|
|
183
|
-
/* @__PURE__ */
|
|
202
|
+
] }), e[3] = s) : s = e[3];
|
|
203
|
+
let i;
|
|
204
|
+
return e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ h(m, { sx: z.skeleton.graph.container, children: [
|
|
205
|
+
s,
|
|
206
|
+
/* @__PURE__ */ c(m, { sx: {
|
|
184
207
|
display: "flex",
|
|
185
208
|
alignItems: "center",
|
|
186
|
-
gap:
|
|
187
|
-
height:
|
|
188
|
-
}, children: Array(2).fill(0).map(
|
|
189
|
-
] }), e[4] =
|
|
209
|
+
gap: F,
|
|
210
|
+
height: E
|
|
211
|
+
}, children: Array(2).fill(0).map($) })
|
|
212
|
+
] }), e[4] = i) : i = e[4], i;
|
|
190
213
|
}
|
|
191
|
-
function
|
|
192
|
-
return /* @__PURE__ */
|
|
214
|
+
function $(e, t) {
|
|
215
|
+
return /* @__PURE__ */ h(m, { sx: {
|
|
193
216
|
display: "flex",
|
|
194
217
|
alignItems: "center",
|
|
195
|
-
gap:
|
|
218
|
+
gap: D
|
|
196
219
|
}, children: [
|
|
197
|
-
/* @__PURE__ */
|
|
198
|
-
/* @__PURE__ */
|
|
220
|
+
/* @__PURE__ */ c(u, { variant: "circular", width: 8, height: 8 }),
|
|
221
|
+
/* @__PURE__ */ c(u, { width: 48, height: 8 })
|
|
199
222
|
] }, `skeleton-${t}`);
|
|
200
223
|
}
|
|
201
|
-
function
|
|
224
|
+
function D(e) {
|
|
202
225
|
const {
|
|
203
226
|
spacing: t
|
|
204
227
|
} = e;
|
|
205
228
|
return t(1.5);
|
|
206
229
|
}
|
|
207
|
-
function
|
|
230
|
+
function E(e) {
|
|
208
231
|
const {
|
|
209
232
|
spacing: t
|
|
210
233
|
} = e;
|
|
211
234
|
return t(5);
|
|
212
235
|
}
|
|
213
|
-
function
|
|
236
|
+
function F(e) {
|
|
214
237
|
const {
|
|
215
238
|
spacing: t
|
|
216
239
|
} = e;
|
|
217
240
|
return t(2);
|
|
218
241
|
}
|
|
219
|
-
function
|
|
242
|
+
function M(e) {
|
|
220
243
|
const {
|
|
221
244
|
spacing: t
|
|
222
245
|
} = e;
|
|
223
246
|
return t(1);
|
|
224
247
|
}
|
|
225
248
|
export {
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
249
|
+
X as PieSkeleton,
|
|
250
|
+
Q as pieConfig,
|
|
251
|
+
K as pieDownloadConfig
|
|
229
252
|
};
|
|
230
253
|
//# sourceMappingURL=pie.js.map
|
package/dist/widgets/pie.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pie.js","sources":["../../src/widgets/pie/config.ts","../../src/widgets/pie/style.ts","../../src/widgets/pie/skeleton.tsx"],"sourcesContent":["import {\n getCommonOptions,\n mergeEchartWidgetConfig,\n type EchartOptionsProps,\n} from '../echart'\nimport type { PieConfig, PieWidgetConfig, PieWidgetData } from './types'\nimport {\n buildGridConfig,\n buildLegendConfig,\n flattenObjectArrayToCSV,\n createTooltipFormatter,\n} from '../_shared/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../loader/types'\n\nexport function pieDownloadConfig({\n refUI,\n}: ConfigProps): DownloadItem<PieWidgetData>[] {\n return [\n {\n ...downloadToPNG,\n modifier: () => downloadToPNG.modifier(refUI),\n },\n {\n ...downloadToCSV,\n modifier: async (data) => {\n const rows = flattenObjectArrayToCSV(data)\n return downloadToCSV.modifier(rows)\n },\n },\n ]\n}\n\nexport function pieConfig(props: PieConfig): PieWidgetConfig {\n return {\n type: 'pie',\n option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n }\n}\n\nfunction getOption({\n data = [],\n theme,\n formatter,\n}: PieConfig): EchartOptionsProps {\n const multiSeries = (data?.length ?? 0) > 1\n\n if (multiSeries) {\n return {\n xAxis: {\n type: 'value',\n show: true,\n },\n yAxis: {\n type: 'category',\n show: true,\n },\n legend: {\n show: true,\n bottom: 0,\n },\n grid: {\n bottom: parseInt(theme.spacing(4)),\n right: parseInt(theme.spacing(4)),\n },\n series: data.map((_: unknown, index: number) => ({\n datasetIndex: index,\n type: 'bar',\n barMaxWidth: 100,\n emphasis: {\n focus: 'series',\n },\n })),\n }\n }\n\n const hasLegend = true\n\n return {\n legend: buildLegendConfig(hasLegend),\n grid: {\n ...buildGridConfig(hasLegend, theme),\n left: 0,\n top: 0,\n right: 0,\n },\n xAxis: {\n show: false,\n },\n yAxis: {\n show: false,\n },\n tooltip: {\n trigger: 'item',\n formatter: createTooltipFormatter((item) => {\n const value =\n item.value &&\n typeof item.value === 'object' &&\n !Array.isArray(item.value)\n ? (Object.values(item.value) as (string | number)[])\n : []\n const index = item.encode?.value?.at(0)\n const _value = value[index ?? 0]\n\n const formattedValue =\n typeof _value === 'number' && formatter\n ? formatter(_value)\n : (_value ?? '')\n\n const marker = typeof item.marker === 'string' ? item.marker : ''\n const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n const name = item.name ?? ''\n\n return {\n name: seriesName,\n seriesName: name,\n marker,\n value: formattedValue,\n }\n }),\n },\n color: Object.values(theme.palette.qualitative.bold),\n series: data.map((_: unknown, index: number) => ({\n datasetIndex: index,\n type: 'pie',\n colorBy: 'data',\n radius: ['74%', '90%'],\n avoidLabelOverlap: true,\n selectedOffset: 0,\n bottom: parseInt(theme.spacing(4)),\n\n label: {\n show: true,\n position: 'center',\n formatter: (params) => {\n const { name } = params\n const encodeIndex = params.encode?.value?.[0]\n if (encodeIndex === undefined) {\n return ''\n }\n\n const value = Object.values(params.data ?? {}).at(encodeIndex) as\n | number\n | string\n\n const formattedValue =\n typeof value === 'number' && formatter\n ? formatter(value)\n : (value ?? '')\n\n const nameFormatted = name\n\n return `{c|${formattedValue}}\\n\\n{b|${nameFormatted}}`\n },\n rich: {\n b: {\n fontSize: 16,\n fontWeight: 'normal',\n lineHeight: 20,\n },\n c: {\n fontSize: 28,\n fontWeight: 'bold',\n lineHeight: 27,\n },\n },\n },\n emphasis: {\n disabled: true,\n },\n itemStyle: {\n borderColor: theme.palette.background.paper,\n borderWidth: 1,\n },\n })),\n } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../_shared/skeleton'\n\nexport const styles = {\n skeleton: {\n graph: baseSkeletonStyles.graph,\n },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst GUTTER = 32\nconst SIZE = 294 - GUTTER\nconst INNER_SIZE = SIZE - GUTTER\n\nexport function PieSkeleton() {\n return (\n <Box sx={styles.skeleton.graph.container}>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n }}\n >\n <Skeleton variant='circular' width={SIZE} height={SIZE} />\n <Skeleton\n sx={{\n position: 'absolute',\n zIndex: 1,\n }}\n variant='circular'\n width={INNER_SIZE}\n height={INNER_SIZE}\n />\n <Box\n sx={{\n position: 'absolute',\n zIndex: 2,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n gap: ({ spacing }) => spacing(1),\n }}\n >\n <Skeleton height={24} width={72} />\n <Skeleton height={8} width={48} />\n </Box>\n </Box>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n gap: ({ spacing }) => spacing(2),\n height: ({ spacing }) => spacing(5),\n }}\n >\n {Array(2)\n .fill(0)\n .map((_, i) => (\n <Box\n key={`skeleton-${i}`}\n sx={{\n display: 'flex',\n alignItems: 'center',\n gap: ({ spacing }) => spacing(1.5),\n }}\n >\n <Skeleton variant='circular' width={8} height={8} />\n <Skeleton width={48} height={8} />\n </Box>\n ))}\n </Box>\n </Box>\n )\n}\n"],"names":["pieDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","data","rows","flattenObjectArrayToCSV","pieConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","theme","formatter","length","xAxis","show","yAxis","legend","bottom","grid","parseInt","spacing","right","series","map","_","index","datasetIndex","barMaxWidth","emphasis","focus","hasLegend","buildLegendConfig","buildGridConfig","left","top","tooltip","trigger","createTooltipFormatter","item","value","Array","isArray","Object","values","encode","at","_value","formattedValue","marker","seriesName","name","color","palette","qualitative","bold","colorBy","radius","avoidLabelOverlap","selectedOffset","label","position","params","encodeIndex","undefined","rich","b","fontSize","fontWeight","lineHeight","c","disabled","itemStyle","borderColor","background","paper","borderWidth","styles","skeleton","graph","baseSkeletonStyles","GUTTER","SIZE","INNER_SIZE","PieSkeleton","$","_c","t0","t1","Symbol","for","display","alignItems","justifyContent","Skeleton","t2","jsx","zIndex","t3","Box","jsxs","flexDirection","gap","_temp","t4","container","_temp2","height","_temp3","fill","_temp5","i","_temp4","spacing_2","spacing_1","spacing_0"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"pie.js","sources":["../../src/widgets/pie/config.ts","../../src/widgets/pie/style.ts","../../src/widgets/pie/skeleton.tsx"],"sourcesContent":["import {\n getCommonOptions,\n mergeEchartWidgetConfig,\n type EchartOptionsProps,\n} from '../echart'\nimport type { PieConfig, PieWidgetConfig, PieWidgetData } from './types'\nimport {\n buildGridConfig,\n buildLegendConfig,\n flattenObjectArrayToCSV,\n createTooltipPositioner,\n createTooltipFormatter,\n createChartDownloadConfig,\n niceNum,\n} from '../utils/chart-config'\n\nexport const pieDownloadConfig = createChartDownloadConfig<PieWidgetData>(\n flattenObjectArrayToCSV,\n)\n\n/**\n * Generates ECharts configuration for pie and donut chart widgets. Falls back to a horizontal bar layout when multiple data series are provided.\n *\n * @param props - Pie chart configuration including data and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function pieConfig(props: PieConfig): PieWidgetConfig {\n return {\n type: 'pie',\n option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n formatter: props.formatter,\n }\n}\n\nfunction getOption({\n data = [],\n theme,\n formatter,\n}: PieConfig): EchartOptionsProps {\n const multiSeries = (data?.length ?? 0) > 1\n\n if (multiSeries) {\n let niceMin = 0\n let niceMax = 1\n\n return {\n legend: buildLegendConfig(true),\n grid: {\n ...buildGridConfig(true, theme),\n right: parseInt(theme.spacing(4)),\n },\n xAxis: {\n type: 'value',\n min: (extent: { min: number }) => {\n niceMin = extent.min < 0 ? niceNum(extent.min) : 0\n return niceMin\n },\n max: (extent: { min: number; max: number }) => {\n niceMax = extent.max <= 0 ? 1 : niceNum(extent.max)\n return niceMax\n },\n axisLabel: {\n fontSize: theme.typography.overlineDelicate.fontSize,\n fontFamily: theme.typography.overlineDelicate.fontFamily,\n margin: parseInt(theme.spacing(1)),\n show: true,\n showMaxLabel: true,\n showMinLabel: true,\n verticalAlign: 'bottom' as const,\n inside: true,\n formatter: (value: number) => {\n if (value !== niceMax && value !== niceMin) return ''\n if (value === 0) return ''\n return formatter ? formatter(value) : String(value)\n },\n },\n axisLine: {\n show: false,\n },\n axisTick: {\n show: false,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: theme.palette.black[4],\n },\n },\n },\n yAxis: {\n type: 'category',\n axisLine: {\n show: false,\n },\n axisTick: {\n show: false,\n },\n axisLabel: {\n padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n },\n },\n tooltip: {\n position: createTooltipPositioner(theme),\n formatter: createTooltipFormatter((item) => {\n const value = item.value as Record<string, string | number>\n const index = item.dimensionNames?.[item.encode?.x?.at(0) ?? 1]\n const _value = value[index ?? '']\n\n const formattedValue =\n typeof _value === 'number' && formatter\n ? formatter(_value)\n : (_value ?? '')\n\n const marker = typeof item.marker === 'string' ? item.marker : ''\n const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n const name = item.name ?? ''\n\n return { name, seriesName, marker, value: formattedValue }\n }),\n },\n series: data.map((_: unknown, index: number) => ({\n datasetIndex: index,\n type: 'bar',\n barMaxWidth: 100,\n emphasis: {\n focus: 'series',\n },\n })),\n }\n }\n\n const hasLegend = true\n\n return {\n legend: buildLegendConfig(hasLegend),\n grid: {\n ...buildGridConfig(hasLegend, theme),\n left: 0,\n top: 0,\n right: 0,\n },\n xAxis: {\n show: false,\n },\n yAxis: {\n show: false,\n },\n tooltip: {\n trigger: 'item',\n formatter: createTooltipFormatter((item) => {\n const value =\n item.value &&\n typeof item.value === 'object' &&\n !Array.isArray(item.value)\n ? (Object.values(item.value) as (string | number)[])\n : []\n const index = item.encode?.value?.at(0)\n const _value = value[index ?? 0]\n\n const formattedValue =\n typeof _value === 'number' && formatter\n ? formatter(_value)\n : (_value ?? '')\n\n const marker = typeof item.marker === 'string' ? item.marker : ''\n const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n const name = item.name ?? ''\n\n return {\n name: seriesName,\n seriesName: name,\n marker,\n value: formattedValue,\n }\n }),\n },\n color: Object.values(theme.palette.qualitative.bold),\n series: data.map((_: unknown, index: number) => ({\n datasetIndex: index,\n type: 'pie',\n colorBy: 'data',\n radius: ['74%', '90%'],\n avoidLabelOverlap: true,\n selectedOffset: 0,\n bottom: parseInt(theme.spacing(4)),\n\n label: {\n show: true,\n position: 'center',\n formatter: (params) => {\n const { name } = params\n const encodeIndex = params.encode?.value?.[0]\n if (encodeIndex === undefined) {\n return ''\n }\n\n const value = Object.values(params.data ?? {}).at(encodeIndex) as\n | number\n | string\n\n const formattedValue =\n typeof value === 'number' && formatter\n ? formatter(value)\n : (value ?? '')\n\n const nameFormatted = name\n\n return `{c|${formattedValue}}\\n\\n{b|${nameFormatted}}`\n },\n rich: {\n b: {\n fontSize: 16,\n fontWeight: 'normal',\n lineHeight: 20,\n },\n c: {\n fontSize: 28,\n fontWeight: 'bold',\n lineHeight: 27,\n },\n },\n },\n emphasis: {\n disabled: true,\n },\n itemStyle: {\n borderColor: theme.palette.background.paper,\n borderWidth: 1,\n },\n })),\n } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../utils/skeleton'\n\nexport const styles = {\n skeleton: {\n graph: baseSkeletonStyles.graph,\n },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst GUTTER = 32\nconst SIZE = 294 - GUTTER\nconst INNER_SIZE = SIZE - GUTTER\n\nexport function PieSkeleton() {\n return (\n <Box sx={styles.skeleton.graph.container}>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n }}\n >\n <Skeleton variant='circular' width={SIZE} height={SIZE} />\n <Skeleton\n sx={{\n position: 'absolute',\n zIndex: 1,\n }}\n variant='circular'\n width={INNER_SIZE}\n height={INNER_SIZE}\n />\n <Box\n sx={{\n position: 'absolute',\n zIndex: 2,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n gap: ({ spacing }) => spacing(1),\n }}\n >\n <Skeleton height={24} width={72} />\n <Skeleton height={8} width={48} />\n </Box>\n </Box>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n gap: ({ spacing }) => spacing(2),\n height: ({ spacing }) => spacing(5),\n }}\n >\n {Array(2)\n .fill(0)\n .map((_, i) => (\n <Box\n key={`skeleton-${i}`}\n sx={{\n display: 'flex',\n alignItems: 'center',\n gap: ({ spacing }) => spacing(1.5),\n }}\n >\n <Skeleton variant='circular' width={8} height={8} />\n <Skeleton width={48} height={8} />\n </Box>\n ))}\n </Box>\n </Box>\n )\n}\n"],"names":["pieDownloadConfig","createChartDownloadConfig","flattenObjectArrayToCSV","pieConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","data","theme","length","niceMin","niceMax","legend","buildLegendConfig","grid","buildGridConfig","right","parseInt","spacing","xAxis","min","extent","niceNum","max","axisLabel","fontSize","typography","overlineDelicate","fontFamily","margin","show","showMaxLabel","showMinLabel","verticalAlign","inside","value","String","axisLine","axisTick","splitLine","lineStyle","color","palette","black","yAxis","padding","tooltip","position","createTooltipPositioner","createTooltipFormatter","item","index","dimensionNames","encode","x","at","_value","formattedValue","marker","seriesName","name","series","map","_","datasetIndex","barMaxWidth","emphasis","focus","hasLegend","left","top","trigger","Array","isArray","Object","values","qualitative","bold","colorBy","radius","avoidLabelOverlap","selectedOffset","bottom","label","params","encodeIndex","undefined","rich","b","fontWeight","lineHeight","c","disabled","itemStyle","borderColor","background","paper","borderWidth","styles","skeleton","graph","baseSkeletonStyles","GUTTER","SIZE","INNER_SIZE","PieSkeleton","$","_c","t0","t1","Symbol","for","display","alignItems","justifyContent","Skeleton","t2","jsx","zIndex","t3","Box","jsxs","flexDirection","gap","_temp","t4","container","_temp2","height","_temp3","fill","_temp5","i","_temp4","spacing_2","spacing_1","spacing_0"],"mappings":";;;;;;;;;;AAgBO,MAAMA,IAAoBC,EAC/BC,CACF;AAQO,SAASC,EAAUC,GAAmC;AAC3D,SAAO;AAAA,IACLC,MAAM;AAAA,IACNC,QAAQC,EAAwBC,EAAiBJ,CAAK,GAAGK,EAAUL,CAAK,CAAC;AAAA,IACzEM,WAAWN,EAAMM;AAAAA,EAAAA;AAErB;AAEA,SAASD,EAAU;AAAA,EACjBE,MAAAA,IAAO,CAAA;AAAA,EACPC,OAAAA;AAAAA,EACAF,WAAAA;AACS,GAAuB;AAGhC,OAFqBC,GAAME,UAAU,KAAK,GAEzB;AACf,QAAIC,IAAU,GACVC,IAAU;AAEd,WAAO;AAAA,MACLC,QAAQC,EAAkB,EAAI;AAAA,MAC9BC,MAAM;AAAA,QACJ,GAAGC,EAAgB,IAAMP,CAAK;AAAA,QAC9BQ,OAAOC,SAAST,EAAMU,QAAQ,CAAC,CAAC;AAAA,MAAA;AAAA,MAElCC,OAAO;AAAA,QACLlB,MAAM;AAAA,QACNmB,KAAKA,CAACC,OACJX,IAAUW,EAAOD,MAAM,IAAIE,EAAQD,EAAOD,GAAG,IAAI,GAC1CV;AAAAA,QAETa,KAAKA,CAACF,OACJV,IAAUU,EAAOE,OAAO,IAAI,IAAID,EAAQD,EAAOE,GAAG,GAC3CZ;AAAAA,QAETa,WAAW;AAAA,UACTC,UAAUjB,EAAMkB,WAAWC,iBAAiBF;AAAAA,UAC5CG,YAAYpB,EAAMkB,WAAWC,iBAAiBC;AAAAA,UAC9CC,QAAQZ,SAAST,EAAMU,QAAQ,CAAC,CAAC;AAAA,UACjCY,MAAM;AAAA,UACNC,cAAc;AAAA,UACdC,cAAc;AAAA,UACdC,eAAe;AAAA,UACfC,QAAQ;AAAA,UACR5B,WAAWA,CAAC6B,MACNA,MAAUxB,KAAWwB,MAAUzB,KAC/ByB,MAAU,IAAU,KACjB7B,IAAYA,EAAU6B,CAAK,IAAIC,OAAOD,CAAK;AAAA,QACpD;AAAA,QAEFE,UAAU;AAAA,UACRP,MAAM;AAAA,QAAA;AAAA,QAERQ,UAAU;AAAA,UACRR,MAAM;AAAA,QAAA;AAAA,QAERS,WAAW;AAAA,UACTT,MAAM;AAAA,UACNU,WAAW;AAAA,YACTC,OAAOjC,EAAMkC,QAAQC,MAAM,CAAC;AAAA,UAAA;AAAA,QAC9B;AAAA,MACF;AAAA,MAEFC,OAAO;AAAA,QACL3C,MAAM;AAAA,QACNoC,UAAU;AAAA,UACRP,MAAM;AAAA,QAAA;AAAA,QAERQ,UAAU;AAAA,UACRR,MAAM;AAAA,QAAA;AAAA,QAERN,WAAW;AAAA,UACTqB,SAAS,CAAC5B,SAAST,EAAMU,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,QAAA;AAAA,MACjD;AAAA,MAEF4B,SAAS;AAAA,QACPC,UAAUC,EAAwBxC,CAAK;AAAA,QACvCF,WAAW2C,EAAwBC,CAAAA,MAAS;AAC1C,gBAAMf,IAAQe,EAAKf,OACbgB,IAAQD,EAAKE,iBAAiBF,EAAKG,QAAQC,GAAGC,GAAG,CAAC,KAAK,CAAC,GACxDC,IAASrB,EAAMgB,KAAS,EAAE,GAE1BM,IACJ,OAAOD,KAAW,YAAYlD,IAC1BA,EAAUkD,CAAM,IACfA,KAAU,IAEXE,IAAS,OAAOR,EAAKQ,UAAW,WAAWR,EAAKQ,SAAS,IACzDC,IAAaT,EAAKS,aAAa,GAAGT,EAAKS,UAAU,OAAO;AAG9D,iBAAO;AAAA,YAAEC,MAFIV,EAAKU,QAAQ;AAAA,YAEXD,YAAAA;AAAAA,YAAYD,QAAAA;AAAAA,YAAQvB,OAAOsB;AAAAA,UAAAA;AAAAA,QAC5C,CAAC;AAAA,MAAA;AAAA,MAEHI,QAAQtD,EAAKuD,IAAI,CAACC,GAAYZ,OAAmB;AAAA,QAC/Ca,cAAcb;AAAAA,QACdlD,MAAM;AAAA,QACNgE,aAAa;AAAA,QACbC,UAAU;AAAA,UACRC,OAAO;AAAA,QAAA;AAAA,MACT,EACA;AAAA,IAAA;AAAA,EAEN;AAEA,QAAMC,IAAY;AAElB,SAAO;AAAA,IACLxD,QAAQC,EAAkBuD,CAAS;AAAA,IACnCtD,MAAM;AAAA,MACJ,GAAGC,EAAgBqD,GAAW5D,CAAK;AAAA,MACnC6D,MAAM;AAAA,MACNC,KAAK;AAAA,MACLtD,OAAO;AAAA,IAAA;AAAA,IAETG,OAAO;AAAA,MACLW,MAAM;AAAA,IAAA;AAAA,IAERc,OAAO;AAAA,MACLd,MAAM;AAAA,IAAA;AAAA,IAERgB,SAAS;AAAA,MACPyB,SAAS;AAAA,MACTjE,WAAW2C,EAAwBC,CAAAA,MAAS;AAC1C,cAAMf,IACJe,EAAKf,SACL,OAAOe,EAAKf,SAAU,YACtB,CAACqC,MAAMC,QAAQvB,EAAKf,KAAK,IACpBuC,OAAOC,OAAOzB,EAAKf,KAAK,IACzB,CAAA,GACAgB,IAAQD,EAAKG,QAAQlB,OAAOoB,GAAG,CAAC,GAChCC,IAASrB,EAAMgB,KAAS,CAAC,GAEzBM,IACJ,OAAOD,KAAW,YAAYlD,IAC1BA,EAAUkD,CAAM,IACfA,KAAU,IAEXE,IAAS,OAAOR,EAAKQ,UAAW,WAAWR,EAAKQ,SAAS,IACzDC,IAAaT,EAAKS,aAAa,GAAGT,EAAKS,UAAU,OAAO,IACxDC,IAAOV,EAAKU,QAAQ;AAE1B,eAAO;AAAA,UACLA,MAAMD;AAAAA,UACNA,YAAYC;AAAAA,UACZF,QAAAA;AAAAA,UACAvB,OAAOsB;AAAAA,QAAAA;AAAAA,MAEX,CAAC;AAAA,IAAA;AAAA,IAEHhB,OAAOiC,OAAOC,OAAOnE,EAAMkC,QAAQkC,YAAYC,IAAI;AAAA,IACnDhB,QAAQtD,EAAKuD,IAAI,CAACC,GAAYZ,OAAmB;AAAA,MAC/Ca,cAAcb;AAAAA,MACdlD,MAAM;AAAA,MACN6E,SAAS;AAAA,MACTC,QAAQ,CAAC,OAAO,KAAK;AAAA,MACrBC,mBAAmB;AAAA,MACnBC,gBAAgB;AAAA,MAChBC,QAAQjE,SAAST,EAAMU,QAAQ,CAAC,CAAC;AAAA,MAEjCiE,OAAO;AAAA,QACLrD,MAAM;AAAA,QACNiB,UAAU;AAAA,QACVzC,WAAY8E,CAAAA,MAAW;AACrB,gBAAM;AAAA,YAAExB,MAAAA;AAAAA,UAAAA,IAASwB,GACXC,IAAcD,EAAO/B,QAAQlB,QAAQ,CAAC;AAC5C,cAAIkD,MAAgBC;AAClB,mBAAO;AAGT,gBAAMnD,IAAQuC,OAAOC,OAAOS,EAAO7E,QAAQ,CAAA,CAAE,EAAEgD,GAAG8B,CAAW;AAW7D,iBAAO,MANL,OAAOlD,KAAU,YAAY7B,IACzBA,EAAU6B,CAAK,IACdA,KAAS,EAIW;AAAA;AAAA,KAFLyB,CAE6B;AAAA,QACrD;AAAA,QACA2B,MAAM;AAAA,UACJC,GAAG;AAAA,YACD/D,UAAU;AAAA,YACVgE,YAAY;AAAA,YACZC,YAAY;AAAA,UAAA;AAAA,UAEdC,GAAG;AAAA,YACDlE,UAAU;AAAA,YACVgE,YAAY;AAAA,YACZC,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MACF;AAAA,MAEFxB,UAAU;AAAA,QACR0B,UAAU;AAAA,MAAA;AAAA,MAEZC,WAAW;AAAA,QACTC,aAAatF,EAAMkC,QAAQqD,WAAWC;AAAAA,QACtCC,aAAa;AAAA,MAAA;AAAA,IACf,EACA;AAAA,EAAA;AAEN;ACpOO,MAAMC,IAAS;AAAA,EACpBC,UAAU;AAAA,IACRC,OAAOC,EAAmBD;AAAAA,EAAAA;AAE9B,GCJME,IAAS,IACTC,IAAO,MAAMD,GACbE,IAAaD,IAAOD;AAEnB,SAAAG,IAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC,GAAAC;AAAA,EAAAH,EAAA,CAAA,MAAAI,uBAAAC,IAAA,2BAAA,KAIKH,IAAA;AAAA,IAAAI,SACO;AAAA,IAAMC,YACH;AAAA,IAAQC,gBACJ;AAAA,IAAQnE,UACd;AAAA,EAAA,GAGZ8D,sBAACM,GAAA,EAAiB,SAAA,YAAkBZ,OAAAA,GAAcA,QAAAA,GAAI,GAAIG,OAAAE,GAAAF,OAAAG,MAAAD,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA;AAAA,MAAAU;AAAA,EAAAV,EAAA,CAAA,MAAAI,uBAAAC,IAAA,2BAAA,KAC1DK,IAAA,gBAAAC,EAACF,KACK,IAAA;AAAA,IAAApE,UACQ;AAAA,IAAUuE,QACZ;AAAA,EAAA,GAEF,SAAA,YACDd,OAAAA,GACCA,QAAAA,GAAU,GAClBE,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAa;AAAA,EAAAb,EAAA,CAAA,MAAAI,uBAAAC,IAAA,2BAAA,KAjBJQ,sBAACC,GAAA,EACK,IAAAZ,GAOJC,UAAAA;AAAAA,IAAAA;AAAAA,IACAO;AAAAA,IASA,gBAAAK,EAACD,KACK,IAAA;AAAA,MAAAzE,UACQ;AAAA,MAAUuE,QACZ;AAAA,MAACN,SACA;AAAA,MAAMU,eACA;AAAA,MAAQT,YACX;AAAA,MAAQC,gBACJ;AAAA,MAAQS,KACnBC;AAAAA,IAAAA,GAGP,UAAA;AAAA,MAAA,gBAAAP,EAACF,GAAA,EAAiB,QAAA,IAAW,OAAA,IAAE;AAAA,MAC/B,gBAAAE,EAACF,GAAA,EAAiB,QAAA,GAAU,OAAA,GAAA,CAAE;AAAA,IAAA,EAAA,CAChC;AAAA,EAAA,GACF,GAAMT,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAmB;AAAA,SAAAnB,EAAA,CAAA,MAAAI,uBAAAC,IAAA,2BAAA,KAjCRc,sBAACL,GAAA,EAAQ,IAAAtB,EAAMC,SAASC,MAAM0B,WAC5BP,UAAAA;AAAAA,IAAAA;AAAAA,IAiCA,gBAAAF,EAACG,KACK,IAAA;AAAA,MAAAR,SACO;AAAA,MAAMC,YACH;AAAA,MAAQU,KACfI;AAAAA,MAA2BC,QACxBC;AAAAA,IAAAA,GAGTzD,gBAAM,CAAC,EAAC0D,KACD,CAAC,EAACpE,IACHqE,CAYJ,EAAA,CACL;AAAA,EAAA,GACF,GAAMzB,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA,GA1DNmB;AA0DM;AA5DH,SAAAM,EAAApE,GAAAqE,GAAA;AAAA,SA+CK,gBAAAX,EAACD,KAEK,IAAA;AAAA,IAAAR,SACO;AAAA,IAAMC,YACH;AAAA,IAAQU,KACfU;AAAAA,EAAAA,GAGP,UAAA;AAAA,IAAA,gBAAAhB,EAACF,KAAiB,SAAA,YAAkB,OAAA,GAAW,QAAA,GAAC;AAAA,IAChD,gBAAAE,EAACF,GAAA,EAAgB,OAAA,IAAY,QAAA,EAAA,CAAC;AAAA,EAAA,EAAA,GARzB,YAAYiB,CAAC,EASpB;AAAM;AAzDX,SAAAC,EAAAzB,GAAA;AAoDe,QAAA;AAAA,IAAA1F,SAAAoH;AAAAA,EAAAA,IAAA1B;AAAW,SAAK1F,EAAQ,GAAG;AAAC;AApD3C,SAAA+G,EAAArB,GAAA;AAyCY,QAAA;AAAA,IAAA1F,SAAAqH;AAAAA,EAAAA,IAAA3B;AAAW,SAAK1F,EAAQ,CAAC;AAAC;AAzCtC,SAAA6G,EAAAnB,GAAA;AAwCS,QAAA;AAAA,IAAA1F,SAAAsH;AAAAA,EAAAA,IAAA5B;AAAW,SAAK1F,EAAQ,CAAC;AAAC;AAxCnC,SAAA0G,EAAAhB,GAAA;AA6BW,QAAA;AAAA,IAAA1F,SAAAA;AAAAA,EAAAA,IAAA0F;AAAW,SAAK1F,EAAQ,CAAC;AAAC;"}
|
package/dist/widgets/range.js
CHANGED
|
@@ -5,6 +5,7 @@ import { Box as E, Slider as te, TextField as ne, Skeleton as H } from "@mui/mat
|
|
|
5
5
|
import { useState as X } from "react";
|
|
6
6
|
import { u as $ } from "../widget-store-CzDt8oSK.js";
|
|
7
7
|
import { useShallow as J } from "zustand/shallow";
|
|
8
|
+
import { d as ie } from "../formatter-B1Xh8XDH.js";
|
|
8
9
|
const v = {
|
|
9
10
|
rangeItem: {
|
|
10
11
|
display: "flex",
|
|
@@ -34,7 +35,7 @@ const v = {
|
|
|
34
35
|
color: (n) => n.palette.text.disabled
|
|
35
36
|
}
|
|
36
37
|
}
|
|
37
|
-
}
|
|
38
|
+
};
|
|
38
39
|
function ae(n) {
|
|
39
40
|
const e = L(65), {
|
|
40
41
|
id: i,
|
|
@@ -52,12 +53,12 @@ function ae(n) {
|
|
|
52
53
|
if (!t)
|
|
53
54
|
return null;
|
|
54
55
|
let B;
|
|
55
|
-
e[7] !== c || e[8] !== i || e[9] !== a || e[10] !== t || e[11] !== m || e[12] !== d ? (B = (s,
|
|
56
|
-
if (Array.isArray(
|
|
57
|
-
const [G, P] =
|
|
56
|
+
e[7] !== c || e[8] !== i || e[9] !== a || e[10] !== t || e[11] !== m || e[12] !== d ? (B = (s, S) => {
|
|
57
|
+
if (Array.isArray(S)) {
|
|
58
|
+
const [G, P] = S, x = c(i)?.data ?? [];
|
|
58
59
|
x[a] = {
|
|
59
60
|
...t,
|
|
60
|
-
value:
|
|
61
|
+
value: S
|
|
61
62
|
}, d(i, {
|
|
62
63
|
data: x
|
|
63
64
|
}), m?.([G, P], a);
|
|
@@ -68,14 +69,14 @@ function ae(n) {
|
|
|
68
69
|
e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = (s) => {
|
|
69
70
|
y(s.target.name);
|
|
70
71
|
}, e[14] = g) : g = e[14];
|
|
71
|
-
const
|
|
72
|
+
const _ = g;
|
|
72
73
|
let w;
|
|
73
74
|
if (e[15] !== l[0] || e[16] !== l[1] || e[17] !== c || e[18] !== i || e[19] !== a || e[20] !== t.max || e[21] !== t.min || e[22] !== m || e[23] !== d) {
|
|
74
|
-
const s = (
|
|
75
|
+
const s = (S) => {
|
|
75
76
|
const {
|
|
76
77
|
name: G,
|
|
77
78
|
value: P
|
|
78
|
-
} =
|
|
79
|
+
} = S.target;
|
|
79
80
|
let x;
|
|
80
81
|
G === "min" ? x = [Math.min(Math.max(t.min, parseFloat(P) || t.min), l[1]), l[1] ?? 0] : x = [l[0] ?? 0, Math.max(Math.min(t.max, parseFloat(P) || t.max), l[0])];
|
|
81
82
|
const Y = c(i)?.data ?? [];
|
|
@@ -86,8 +87,8 @@ function ae(n) {
|
|
|
86
87
|
} : O)
|
|
87
88
|
}), m?.([x[0], x[1]], a);
|
|
88
89
|
};
|
|
89
|
-
w = (
|
|
90
|
-
y(""), s(
|
|
90
|
+
w = (S) => {
|
|
91
|
+
y(""), s(S);
|
|
91
92
|
}, e[15] = l[0], e[16] = l[1], e[17] = c, e[18] = i, e[19] = a, e[20] = t.max, e[21] = t.min, e[22] = m, e[23] = d, e[24] = w;
|
|
92
93
|
} else
|
|
93
94
|
w = e[24];
|
|
@@ -114,14 +115,14 @@ function ae(n) {
|
|
|
114
115
|
"aria-label": "Minimum value"
|
|
115
116
|
}, e[41] = V) : V = e[41];
|
|
116
117
|
let F;
|
|
117
|
-
e[42] !== o || e[43] !== p || e[44] !== R || e[45] !== u || e[46] !== t.disabled || e[47] !== T || e[48] !== N ? (F = /* @__PURE__ */ f(Q, { isEditing: u, name: "min", value: N, formatter: o, onFocus:
|
|
118
|
+
e[42] !== o || e[43] !== p || e[44] !== R || e[45] !== u || e[46] !== t.disabled || e[47] !== T || e[48] !== N ? (F = /* @__PURE__ */ f(Q, { isEditing: u, name: "min", value: N, formatter: o, onFocus: _, onBlur: p, onKeyDown: R, disabled: t.disabled, inputProps: V }, T), e[42] = o, e[43] = p, e[44] = R, e[45] = u, e[46] = t.disabled, e[47] = T, e[48] = N, e[49] = F) : F = e[49];
|
|
118
119
|
const U = `max-${l[1]}`, q = l[1] ?? 0;
|
|
119
120
|
let z;
|
|
120
121
|
e[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = {
|
|
121
122
|
"aria-label": "Maximum value"
|
|
122
123
|
}, e[50] = z) : z = e[50];
|
|
123
124
|
let k;
|
|
124
|
-
e[51] !== o || e[52] !== p || e[53] !== R || e[54] !== u || e[55] !== t.disabled || e[56] !== U || e[57] !== q ? (k = /* @__PURE__ */ f(Q, { isEditing: u, name: "max", value: q, formatter: o, onFocus:
|
|
125
|
+
e[51] !== o || e[52] !== p || e[53] !== R || e[54] !== u || e[55] !== t.disabled || e[56] !== U || e[57] !== q ? (k = /* @__PURE__ */ f(Q, { isEditing: u, name: "max", value: q, formatter: o, onFocus: _, onBlur: p, onKeyDown: R, disabled: t.disabled, inputProps: z }, U), e[51] = o, e[52] = p, e[53] = R, e[54] = u, e[55] = t.disabled, e[56] = U, e[57] = q, e[58] = k) : k = e[58];
|
|
125
126
|
let W;
|
|
126
127
|
e[59] !== F || e[60] !== k ? (W = /* @__PURE__ */ j(E, { sx: v.inputsRow, children: [
|
|
127
128
|
F,
|
|
@@ -158,10 +159,10 @@ function Q(n) {
|
|
|
158
159
|
e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = (w) => {
|
|
159
160
|
l(w.target.value);
|
|
160
161
|
}, e[3] = g) : g = e[3];
|
|
161
|
-
let
|
|
162
|
-
return e[4] !== r || e[5] !== d || e[6] !== a || e[7] !== o || e[8] !== m || e[9] !== c || e[10] !== I ? (
|
|
162
|
+
let _;
|
|
163
|
+
return e[4] !== r || e[5] !== d || e[6] !== a || e[7] !== o || e[8] !== m || e[9] !== c || e[10] !== I ? (_ = /* @__PURE__ */ f(ne, { name: a, value: I, onChange: g, onFocus: m, onBlur: o, onKeyDown: c, disabled: r, size: "small", sx: v.input, inputProps: d }), e[4] = r, e[5] = d, e[6] = a, e[7] = o, e[8] = m, e[9] = c, e[10] = I, e[11] = _) : _ = e[11], _;
|
|
163
164
|
}
|
|
164
|
-
function
|
|
165
|
+
function he(n) {
|
|
165
166
|
const e = L(5);
|
|
166
167
|
let i;
|
|
167
168
|
e[0] !== n.id ? (i = (r) => {
|
|
@@ -173,7 +174,7 @@ function pe(n) {
|
|
|
173
174
|
let a;
|
|
174
175
|
return e[2] !== n.id || e[3] !== i ? (a = /* @__PURE__ */ f(ee, { id: n.id, children: i }), e[2] = n.id, e[3] = i, e[4] = a) : a = e[4], a;
|
|
175
176
|
}
|
|
176
|
-
function
|
|
177
|
+
function xe() {
|
|
177
178
|
const n = L(2);
|
|
178
179
|
let e;
|
|
179
180
|
n[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ f(H, { width: "100%", height: 32 }), n[0] = e) : e = n[0];
|
|
@@ -186,7 +187,7 @@ function he() {
|
|
|
186
187
|
] })
|
|
187
188
|
] }), n[1] = i) : i = n[1], i;
|
|
188
189
|
}
|
|
189
|
-
function
|
|
190
|
+
function be() {
|
|
190
191
|
return {};
|
|
191
192
|
}
|
|
192
193
|
function oe(n) {
|
|
@@ -195,15 +196,15 @@ function oe(n) {
|
|
|
195
196
|
note: typeof n.note == "string" ? n.note : void 0
|
|
196
197
|
};
|
|
197
198
|
}
|
|
198
|
-
function
|
|
199
|
+
function ye(n) {
|
|
199
200
|
return n?.map(oe);
|
|
200
201
|
}
|
|
201
202
|
export {
|
|
202
203
|
ae as RangeItem,
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
204
|
+
xe as RangeSkeleton,
|
|
205
|
+
he as RangeUI,
|
|
206
|
+
be as rangeConfig,
|
|
206
207
|
oe as sanitizeRangeDataItem,
|
|
207
|
-
|
|
208
|
+
ye as sanitizeRangeDataItems
|
|
208
209
|
};
|
|
209
210
|
//# sourceMappingURL=range.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range.js","sources":["../../src/widgets/range/style.ts","../../src/widgets/range/components/range-item.tsx","../../src/widgets/range/range-ui.tsx","../../src/widgets/range/skeleton.tsx","../../src/widgets/range/config.ts","../../src/widgets/range/serializer.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles: Record<string, SxProps<Theme>> = {\n root: {\n display: 'flex',\n flexDirection: 'column',\n gap: (theme: Theme) => theme.spacing(2),\n },\n rangeItem: {\n display: 'flex',\n flexDirection: 'column',\n gap: (theme: Theme) => theme.spacing(1.5),\n },\n sliderContainer: {\n display: 'flex',\n flexDirection: 'column',\n gap: (theme: Theme) => theme.spacing(1),\n px: (theme: Theme) => theme.spacing(1),\n },\n inputsRow: {\n display: 'flex',\n gap: (theme: Theme) => theme.spacing(2),\n alignItems: 'center',\n },\n input: {\n flex: 1,\n '& .MuiInputBase-input': {\n textAlign: 'center',\n },\n },\n slider: {\n width: '100%',\n '&.Mui-disabled': {\n color: (theme: Theme) => theme.palette.text.disabled,\n },\n },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Slider, TextField } from '@mui/material'\nimport { useState, useMemo, type FocusEvent, type KeyboardEvent } from 'react'\nimport { useWidgetStore } from '../../stores/widget-store'\nimport type { RangeItemProps, RangeWidgetState } from '../types'\nimport { styles } from '../style'\nimport { useShallow } from 'zustand/shallow'\n\ntype EditingState = '' | 'min' | 'max'\n\nconst defaultFormatter = (value: number) => value.toString()\n\nexport function RangeItem({ id, index }: RangeItemProps) {\n const item = useWidgetStore(\n useShallow((state) => state.getWidget<RangeWidgetState>(id)?.data[index]),\n )\n const onChange = useWidgetStore(\n useShallow((state) => state.getWidget<RangeWidgetState>(id)?.onChange),\n )\n const formatter =\n useWidgetStore(\n useShallow((state) => state.getWidget<RangeWidgetState>(id)?.formatter),\n ) ?? defaultFormatter\n const getWidget = useWidgetStore((store) => store.getWidget)\n const setWidget = useWidgetStore((store) => store.setWidget)\n\n const currentValue = useMemo(\n () => (item ? (item.value ?? [item.min, item.max]) : [0, 0]),\n [item],\n )\n\n // Local state for input values - track if user is editing\n const [isEditing, setIsEditing] = useState<EditingState>('')\n\n if (!item) return null\n\n const handleSliderChange = (_: Event, newValue: number | number[]) => {\n if (Array.isArray(newValue)) {\n const [min, max] = newValue\n const data = getWidget<RangeWidgetState>(id)?.data ?? []\n\n data[index] = {\n ...item,\n value: newValue,\n }\n\n setWidget(id, {\n data,\n })\n\n onChange?.([min!, max!], index)\n }\n }\n\n const handleInputFocus = (e: FocusEvent<HTMLInputElement>) => {\n setIsEditing(e.target.name as EditingState)\n }\n\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const { name, value } = event.target\n\n let newValue: [number, number]\n if (name === 'min') {\n newValue = [\n Math.min(\n Math.max(item.min, parseFloat(value) || item.min),\n currentValue[1]!,\n ),\n currentValue[1] ?? 0,\n ]\n } else {\n newValue = [\n currentValue[0] ?? 0,\n Math.max(\n Math.min(item.max, parseFloat(value) || item.max),\n currentValue[0]!,\n ),\n ]\n }\n\n const data = getWidget<RangeWidgetState>(id)?.data ?? []\n\n setWidget(id, {\n data: data.map((d: RangeWidgetState['data'][number], i: number) =>\n i === index\n ? {\n ...d,\n value: newValue,\n }\n : d,\n ),\n })\n\n onChange?.([newValue[0], newValue[1]], index)\n }\n\n const handleInputBlur = (e: FocusEvent<HTMLInputElement>) => {\n setIsEditing('')\n handleInputChange(e)\n }\n\n const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n handleInputBlur(event as unknown as FocusEvent<HTMLInputElement>)\n event.currentTarget.blur()\n }\n }\n\n return (\n <Box sx={styles.rangeItem}>\n <Box sx={styles.sliderContainer}>\n <Slider\n value={currentValue}\n onChange={handleSliderChange}\n valueLabelDisplay='auto'\n valueLabelFormat={formatter}\n min={item.min}\n max={item.max}\n step={item.step}\n marks={item.marks}\n disabled={item.disabled}\n sx={{\n ...styles.slider,\n ...(item.color && {\n color: item.color,\n }),\n }}\n />\n </Box>\n\n <Box sx={styles.inputsRow}>\n <Input\n key={`min-${currentValue[0]}`}\n isEditing={isEditing}\n name='min'\n value={currentValue[0] ?? 0}\n formatter={formatter}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyDown={handleInputKeyDown}\n disabled={item.disabled}\n inputProps={{\n 'aria-label': 'Minimum value',\n }}\n />\n <Input\n key={`max-${currentValue[1]}`}\n isEditing={isEditing}\n name='max'\n value={currentValue[1] ?? 0}\n formatter={formatter}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyDown={handleInputKeyDown}\n disabled={item.disabled}\n inputProps={{\n 'aria-label': 'Maximum value',\n }}\n />\n </Box>\n </Box>\n )\n}\n\nfunction Input({\n isEditing,\n name,\n disabled,\n value,\n formatter,\n onFocus: onFocus,\n onBlur: onBlur,\n onKeyDown: onKeyDown,\n inputProps,\n}: {\n isEditing: EditingState\n name: 'min' | 'max'\n disabled?: boolean\n value: number\n formatter: (value: number) => string\n onFocus: (e: FocusEvent<HTMLInputElement>) => void\n onBlur: (e: FocusEvent<HTMLInputElement>) => void\n onKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>\n}) {\n const [currentValue, setCurrentValue] = useState<string>(String(value))\n\n // Compute display values when not editing\n const displayMinValue = useMemo(\n () => formatter(Number(currentValue)),\n [currentValue, formatter],\n )\n\n return (\n <TextField\n name={name}\n value={isEditing === name ? currentValue : displayMinValue}\n onChange={(e) => {\n setCurrentValue(e.target.value)\n }}\n onFocus={onFocus}\n onBlur={onBlur}\n onKeyDown={onKeyDown}\n disabled={disabled}\n size='small'\n sx={styles.input}\n inputProps={inputProps}\n />\n )\n}\n","import type { RangeUIProps } from './types'\nimport { Row } from '../formula/components/row'\nimport { RangeItem } from './components/range-item'\n\nexport function RangeUI(props: RangeUIProps) {\n return (\n <Row id={props.id}>\n {({ index }) => <RangeItem id={props.id} index={index} />}\n </Row>\n )\n}\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function RangeSkeleton() {\n return (\n <Box sx={styles.rangeItem} aria-label='Range skeleton'>\n <Skeleton width='100%' height={32} />\n <Box sx={styles.inputsRow}>\n <Skeleton width='100%' height={40} />\n <Skeleton width='100%' height={40} />\n </Box>\n </Box>\n )\n}\n","import type { RangeWidgetConfig } from './types'\n\nexport function rangeConfig(): RangeWidgetConfig {\n return {}\n}\n","import type { RangeDataItem } from './types'\n\n/**\n * Sanitizes RangeDataItem by converting ReactNode note values to undefined.\n * This ensures only string values are stored in the widget state.\n *\n * @param item - The RangeDataItem to sanitize\n * @returns A new RangeDataItem with ReactNode note values converted to undefined\n */\nexport function sanitizeRangeDataItem(item: RangeDataItem): RangeDataItem {\n return {\n ...item,\n note: typeof item.note === 'string' ? item.note : undefined,\n }\n}\n\n/**\n * Sanitizes an array of RangeDataItems by converting ReactNode note values to undefined.\n *\n * @param items - Array of RangeDataItems to sanitize\n * @returns A new array with sanitized RangeDataItems\n */\nexport function sanitizeRangeDataItems(\n items: RangeDataItem[] | undefined,\n): RangeDataItem[] | undefined {\n return items?.map(sanitizeRangeDataItem)\n}\n"],"names":["styles","rangeItem","display","flexDirection","gap","theme","spacing","sliderContainer","px","inputsRow","alignItems","input","flex","textAlign","slider","width","color","palette","text","disabled","defaultFormatter","value","toString","RangeItem","t0","$","_c","id","index","t1","state","getWidget","data","item","useWidgetStore","useShallow","t2","state_0","onChange","formatter","state_1","_temp","setWidget","_temp2","t3","min","max","currentValue","isEditing","setIsEditing","useState","t4","_","newValue","Array","isArray","handleSliderChange","t5","Symbol","for","e","target","name","handleInputFocus","t6","handleInputChange","event","Math","parseFloat","data_0","map","d","i","e_0","handleInputBlur","t7","event_0","key","currentTarget","blur","handleInputKeyDown","t8","t9","t10","marks","step","Box","jsx","Slider","t11","t12","t13","t14","Input","t15","t16","t17","t18","t19","t20","store_0","store","onFocus","onBlur","onKeyDown","inputProps","setCurrentValue","String","Number","TextField","RangeUI","props","Row","RangeSkeleton","Skeleton","jsxs","rangeConfig","sanitizeRangeDataItem","note","undefined","sanitizeRangeDataItems","items"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"range.js","sources":["../../src/widgets/range/style.ts","../../src/widgets/range/components/range-item.tsx","../../src/widgets/range/range-ui.tsx","../../src/widgets/range/skeleton.tsx","../../src/widgets/range/config.ts","../../src/widgets/range/serializer.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles: Record<string, SxProps<Theme>> = {\n root: {\n display: 'flex',\n flexDirection: 'column',\n gap: (theme: Theme) => theme.spacing(2),\n },\n rangeItem: {\n display: 'flex',\n flexDirection: 'column',\n gap: (theme: Theme) => theme.spacing(1.5),\n },\n sliderContainer: {\n display: 'flex',\n flexDirection: 'column',\n gap: (theme: Theme) => theme.spacing(1),\n px: (theme: Theme) => theme.spacing(1),\n },\n inputsRow: {\n display: 'flex',\n gap: (theme: Theme) => theme.spacing(2),\n alignItems: 'center',\n },\n input: {\n flex: 1,\n '& .MuiInputBase-input': {\n textAlign: 'center',\n },\n },\n slider: {\n width: '100%',\n '&.Mui-disabled': {\n color: (theme: Theme) => theme.palette.text.disabled,\n },\n },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Slider, TextField } from '@mui/material'\nimport { useState, useMemo, type FocusEvent, type KeyboardEvent } from 'react'\nimport { useWidgetStore } from '../../stores/widget-store'\nimport type { RangeItemProps, RangeWidgetState } from '../types'\nimport { styles } from '../style'\nimport { useShallow } from 'zustand/shallow'\n\nimport { defaultFormatter } from '../../utils/formatter'\n\ntype EditingState = '' | 'min' | 'max'\n\n/**\n * Renders a single range slider with editable min/max text inputs, reading its configuration from the widget store.\n */\nexport function RangeItem({ id, index }: RangeItemProps) {\n const item = useWidgetStore(\n useShallow((state) => state.getWidget<RangeWidgetState>(id)?.data[index]),\n )\n const onChange = useWidgetStore(\n useShallow((state) => state.getWidget<RangeWidgetState>(id)?.onChange),\n )\n const formatter =\n useWidgetStore(\n useShallow((state) => state.getWidget<RangeWidgetState>(id)?.formatter),\n ) ?? defaultFormatter\n const getWidget = useWidgetStore((store) => store.getWidget)\n const setWidget = useWidgetStore((store) => store.setWidget)\n\n const currentValue = useMemo(\n () => (item ? (item.value ?? [item.min, item.max]) : [0, 0]),\n [item],\n )\n\n // Local state for input values - track if user is editing\n const [isEditing, setIsEditing] = useState<EditingState>('')\n\n if (!item) return null\n\n const handleSliderChange = (_: Event, newValue: number | number[]) => {\n if (Array.isArray(newValue)) {\n const [min, max] = newValue\n const data = getWidget<RangeWidgetState>(id)?.data ?? []\n\n data[index] = {\n ...item,\n value: newValue,\n }\n\n setWidget(id, {\n data,\n })\n\n onChange?.([min!, max!], index)\n }\n }\n\n const handleInputFocus = (e: FocusEvent<HTMLInputElement>) => {\n setIsEditing(e.target.name as EditingState)\n }\n\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const { name, value } = event.target\n\n let newValue: [number, number]\n if (name === 'min') {\n newValue = [\n Math.min(\n Math.max(item.min, parseFloat(value) || item.min),\n currentValue[1]!,\n ),\n currentValue[1] ?? 0,\n ]\n } else {\n newValue = [\n currentValue[0] ?? 0,\n Math.max(\n Math.min(item.max, parseFloat(value) || item.max),\n currentValue[0]!,\n ),\n ]\n }\n\n const data = getWidget<RangeWidgetState>(id)?.data ?? []\n\n setWidget(id, {\n data: data.map((d: RangeWidgetState['data'][number], i: number) =>\n i === index\n ? {\n ...d,\n value: newValue,\n }\n : d,\n ),\n })\n\n onChange?.([newValue[0], newValue[1]], index)\n }\n\n const handleInputBlur = (e: FocusEvent<HTMLInputElement>) => {\n setIsEditing('')\n handleInputChange(e)\n }\n\n const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n handleInputBlur(event as unknown as FocusEvent<HTMLInputElement>)\n event.currentTarget.blur()\n }\n }\n\n return (\n <Box sx={styles.rangeItem}>\n <Box sx={styles.sliderContainer}>\n <Slider\n value={currentValue}\n onChange={handleSliderChange}\n valueLabelDisplay='auto'\n valueLabelFormat={formatter}\n min={item.min}\n max={item.max}\n step={item.step}\n marks={item.marks}\n disabled={item.disabled}\n sx={{\n ...styles.slider,\n ...(item.color && {\n color: item.color,\n }),\n }}\n />\n </Box>\n\n <Box sx={styles.inputsRow}>\n <Input\n key={`min-${currentValue[0]}`}\n isEditing={isEditing}\n name='min'\n value={currentValue[0] ?? 0}\n formatter={formatter}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyDown={handleInputKeyDown}\n disabled={item.disabled}\n inputProps={{\n 'aria-label': 'Minimum value',\n }}\n />\n <Input\n key={`max-${currentValue[1]}`}\n isEditing={isEditing}\n name='max'\n value={currentValue[1] ?? 0}\n formatter={formatter}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyDown={handleInputKeyDown}\n disabled={item.disabled}\n inputProps={{\n 'aria-label': 'Maximum value',\n }}\n />\n </Box>\n </Box>\n )\n}\n\nfunction Input({\n isEditing,\n name,\n disabled,\n value,\n formatter,\n onFocus: onFocus,\n onBlur: onBlur,\n onKeyDown: onKeyDown,\n inputProps,\n}: {\n isEditing: EditingState\n name: 'min' | 'max'\n disabled?: boolean\n value: number\n formatter: (value: number) => string\n onFocus: (e: FocusEvent<HTMLInputElement>) => void\n onBlur: (e: FocusEvent<HTMLInputElement>) => void\n onKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>\n}) {\n const [currentValue, setCurrentValue] = useState<string>(String(value))\n\n // Compute display values when not editing\n const displayMinValue = useMemo(\n () => formatter(Number(currentValue)),\n [currentValue, formatter],\n )\n\n return (\n <TextField\n name={name}\n value={isEditing === name ? currentValue : displayMinValue}\n onChange={(e) => {\n setCurrentValue(e.target.value)\n }}\n onFocus={onFocus}\n onBlur={onBlur}\n onKeyDown={onKeyDown}\n disabled={disabled}\n size='small'\n sx={styles.input}\n inputProps={inputProps}\n />\n )\n}\n","import type { RangeUIProps } from './types'\nimport { Row } from '../formula/components/row'\nimport { RangeItem } from './components/range-item'\n\n/**\n * Renders a range widget with one or more interactive dual-slider controls for selecting value ranges.\n */\nexport function RangeUI(props: RangeUIProps) {\n return (\n <Row id={props.id}>\n {({ index }) => <RangeItem id={props.id} index={index} />}\n </Row>\n )\n}\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function RangeSkeleton() {\n return (\n <Box sx={styles.rangeItem} aria-label='Range skeleton'>\n <Skeleton width='100%' height={32} />\n <Box sx={styles.inputsRow}>\n <Skeleton width='100%' height={40} />\n <Skeleton width='100%' height={40} />\n </Box>\n </Box>\n )\n}\n","import type { RangeWidgetConfig } from './types'\n\n/**\n * Returns the default configuration for range (value range with labels) widgets.\n *\n * @returns Default range widget config.\n */\nexport function rangeConfig(): RangeWidgetConfig {\n return {}\n}\n","import type { RangeDataItem } from './types'\n\n/**\n * Sanitizes RangeDataItem by converting ReactNode note values to undefined.\n * This ensures only string values are stored in the widget state.\n *\n * @param item - The RangeDataItem to sanitize\n * @returns A new RangeDataItem with ReactNode note values converted to undefined\n */\nexport function sanitizeRangeDataItem(item: RangeDataItem): RangeDataItem {\n return {\n ...item,\n note: typeof item.note === 'string' ? item.note : undefined,\n }\n}\n\n/**\n * Sanitizes an array of RangeDataItems by converting ReactNode note values to undefined.\n *\n * @param items - Array of RangeDataItems to sanitize\n * @returns A new array with sanitized RangeDataItems\n */\nexport function sanitizeRangeDataItems(\n items: RangeDataItem[] | undefined,\n): RangeDataItem[] | undefined {\n return items?.map(sanitizeRangeDataItem)\n}\n"],"names":["styles","rangeItem","display","flexDirection","gap","theme","spacing","sliderContainer","px","inputsRow","alignItems","input","flex","textAlign","slider","width","color","palette","text","disabled","RangeItem","t0","$","_c","id","index","t1","state","getWidget","data","item","useWidgetStore","useShallow","t2","state_0","onChange","formatter","state_1","defaultFormatter","_temp","setWidget","_temp2","t3","value","min","max","currentValue","isEditing","setIsEditing","useState","t4","_","newValue","Array","isArray","handleSliderChange","t5","Symbol","for","e","target","name","handleInputFocus","t6","handleInputChange","event","Math","parseFloat","data_0","map","d","i","e_0","handleInputBlur","t7","event_0","key","currentTarget","blur","handleInputKeyDown","t8","t9","t10","marks","step","Box","jsx","Slider","t11","t12","t13","t14","Input","t15","t16","t17","t18","t19","t20","store_0","store","onFocus","onBlur","onKeyDown","inputProps","setCurrentValue","String","Number","TextField","RangeUI","props","Row","RangeSkeleton","Skeleton","jsxs","rangeConfig","sanitizeRangeDataItem","note","undefined","sanitizeRangeDataItems","items"],"mappings":"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"}
|