@carto/ps-react-ui 5.0.0-widgets.12 → 5.0.0-widgets.14
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/{cjs-D9ro6BXv.js → cjs-D4KH3azB.js} +2 -2
- package/dist/{cjs-D9ro6BXv.js.map → cjs-D4KH3azB.js.map} +1 -1
- package/dist/components.js +26 -26
- package/dist/components.js.map +1 -1
- package/dist/{lasso-tool-CYn3ivf-.js → lasso-tool-BwRzEW7k.js} +10 -10
- package/dist/{lasso-tool-CYn3ivf-.js.map → lasso-tool-BwRzEW7k.js.map} +1 -1
- package/dist/{note-Clng2ej6.js → note-t51drNe0.js} +3 -3
- package/dist/{note-Clng2ej6.js.map → note-t51drNe0.js.map} +1 -1
- package/dist/{series-Do02NQUF.js → series-D3Pc-kYX.js} +2 -2
- package/dist/{series-Do02NQUF.js.map → series-D3Pc-kYX.js.map} +1 -1
- package/dist/styles-CCZnY17y.js +117 -0
- package/dist/styles-CCZnY17y.js.map +1 -0
- package/dist/types/widgets/_shared/chart-config/index.d.ts +1 -1
- package/dist/types/widgets/_shared/chart-config/option-builders.d.ts +51 -0
- package/dist/types/widgets/echart/types.d.ts +1 -0
- package/dist/types/widgets/stores/types.d.ts +4 -0
- package/dist/{utils-Dv5Z47UQ.js → utils-D3-eQyDR.js} +2 -2
- package/dist/{utils-Dv5Z47UQ.js.map → utils-D3-eQyDR.js.map} +1 -1
- package/dist/widgets/actions.js +556 -531
- package/dist/widgets/actions.js.map +1 -1
- package/dist/widgets/bar.js +86 -91
- package/dist/widgets/bar.js.map +1 -1
- package/dist/widgets/category.js +6 -6
- package/dist/widgets/category.js.map +1 -1
- package/dist/widgets/echart.js +3 -3
- package/dist/widgets/echart.js.map +1 -1
- package/dist/widgets/formula.js +4 -4
- package/dist/widgets/formula.js.map +1 -1
- package/dist/widgets/histogram.js +108 -98
- package/dist/widgets/histogram.js.map +1 -1
- package/dist/widgets/loader.js +1 -1
- package/dist/widgets/markdown.js +5 -5
- package/dist/widgets/markdown.js.map +1 -1
- package/dist/widgets/note.js +1 -1
- package/dist/widgets/pie.js +84 -71
- package/dist/widgets/pie.js.map +1 -1
- package/dist/widgets/range.js +6 -6
- package/dist/widgets/range.js.map +1 -1
- package/dist/widgets/scatterplot.js +106 -96
- package/dist/widgets/scatterplot.js.map +1 -1
- package/dist/widgets/spread.js +4 -4
- package/dist/widgets/spread.js.map +1 -1
- package/dist/widgets/table.js +8 -8
- package/dist/widgets/table.js.map +1 -1
- package/dist/widgets/timeseries.js +79 -67
- package/dist/widgets/timeseries.js.map +1 -1
- package/dist/widgets/toolbar-actions.js +1866 -1465
- package/dist/widgets/toolbar-actions.js.map +1 -1
- package/dist/widgets/wrapper.js +7 -7
- package/dist/widgets/wrapper.js.map +1 -1
- package/dist/widgets.js +1 -1
- package/package.json +4 -4
- package/dist/styles-dOu_pRNb.js +0 -77
- package/dist/styles-dOu_pRNb.js.map +0 -1
package/dist/widgets/pie.js
CHANGED
|
@@ -1,44 +1,45 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { c as
|
|
1
|
+
import { jsxs as f, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { c as S } from "react/compiler-runtime";
|
|
3
3
|
import "react";
|
|
4
4
|
import "echarts";
|
|
5
5
|
import "../widget-store-CB6Trp_0.js";
|
|
6
6
|
import "zustand/shallow";
|
|
7
|
-
import { g as
|
|
8
|
-
import { m as
|
|
9
|
-
import { f as
|
|
10
|
-
import { Box as
|
|
7
|
+
import { g as w } from "../options-D9wflre6.js";
|
|
8
|
+
import { m as I } from "../utils-D3-eQyDR.js";
|
|
9
|
+
import { f as C, c as j, d as k, e as A, g as O } from "../styles-CCZnY17y.js";
|
|
10
|
+
import { Box as d, Skeleton as a } from "@mui/material";
|
|
11
11
|
import "@mui/icons-material";
|
|
12
12
|
import "react-markdown";
|
|
13
|
-
import { d as
|
|
14
|
-
import "../lasso-tool-
|
|
15
|
-
import "../cjs-
|
|
13
|
+
import { d as y, a as x } from "../exports-Cr43OCul.js";
|
|
14
|
+
import "../lasso-tool-BwRzEW7k.js";
|
|
15
|
+
import "../cjs-D4KH3azB.js";
|
|
16
16
|
import "@dnd-kit/core";
|
|
17
17
|
import "@dnd-kit/sortable";
|
|
18
18
|
import "@dnd-kit/utilities";
|
|
19
|
-
function
|
|
19
|
+
function te({
|
|
20
20
|
refUI: e
|
|
21
21
|
}) {
|
|
22
22
|
return [{
|
|
23
|
-
...
|
|
24
|
-
modifier: () =>
|
|
23
|
+
...y,
|
|
24
|
+
modifier: () => y.modifier(e)
|
|
25
25
|
}, {
|
|
26
|
-
...
|
|
26
|
+
...x,
|
|
27
27
|
modifier: async (t) => {
|
|
28
|
-
const
|
|
29
|
-
return
|
|
28
|
+
const n = C(t);
|
|
29
|
+
return x.modifier(n);
|
|
30
30
|
}
|
|
31
31
|
}];
|
|
32
32
|
}
|
|
33
|
-
function
|
|
33
|
+
function oe(e) {
|
|
34
34
|
return {
|
|
35
35
|
type: "pie",
|
|
36
|
-
option:
|
|
36
|
+
option: I(w(e), N(e))
|
|
37
37
|
};
|
|
38
38
|
}
|
|
39
|
-
function
|
|
39
|
+
function N({
|
|
40
40
|
data: e = [],
|
|
41
|
-
theme: t
|
|
41
|
+
theme: t,
|
|
42
|
+
formatter: n
|
|
42
43
|
}) {
|
|
43
44
|
if ((e?.length ?? 0) > 1)
|
|
44
45
|
return {
|
|
@@ -58,8 +59,8 @@ function C({
|
|
|
58
59
|
bottom: parseInt(t.spacing(4)),
|
|
59
60
|
right: parseInt(t.spacing(4))
|
|
60
61
|
},
|
|
61
|
-
series: e.map((
|
|
62
|
-
datasetIndex:
|
|
62
|
+
series: e.map((o, l) => ({
|
|
63
|
+
datasetIndex: l,
|
|
63
64
|
type: "bar",
|
|
64
65
|
barMaxWidth: 100,
|
|
65
66
|
emphasis: {
|
|
@@ -67,11 +68,11 @@ function C({
|
|
|
67
68
|
}
|
|
68
69
|
}))
|
|
69
70
|
};
|
|
70
|
-
const
|
|
71
|
+
const r = !0;
|
|
71
72
|
return {
|
|
72
|
-
legend:
|
|
73
|
+
legend: A(r),
|
|
73
74
|
grid: {
|
|
74
|
-
...
|
|
75
|
+
...k(r, t),
|
|
75
76
|
left: 0,
|
|
76
77
|
top: 0,
|
|
77
78
|
right: 0
|
|
@@ -83,11 +84,20 @@ function C({
|
|
|
83
84
|
show: !1
|
|
84
85
|
},
|
|
85
86
|
tooltip: {
|
|
86
|
-
trigger: "item"
|
|
87
|
+
trigger: "item",
|
|
88
|
+
formatter: j((o) => {
|
|
89
|
+
const l = o.value && typeof o.value == "object" && !Array.isArray(o.value) ? Object.values(o.value) : [], c = o.encode?.value?.at(0), p = l[c ?? 0], u = typeof p == "number" && n ? n(p) : p ?? "", m = typeof o.marker == "string" ? o.marker : "", h = o.seriesName ? `${o.seriesName}: ` : "", b = o.name ?? "";
|
|
90
|
+
return {
|
|
91
|
+
name: h,
|
|
92
|
+
seriesName: b,
|
|
93
|
+
marker: m,
|
|
94
|
+
value: u
|
|
95
|
+
};
|
|
96
|
+
})
|
|
87
97
|
},
|
|
88
98
|
color: Object.values(t.palette.qualitative.bold),
|
|
89
|
-
series: e.map((
|
|
90
|
-
datasetIndex:
|
|
99
|
+
series: e.map((o, l) => ({
|
|
100
|
+
datasetIndex: l,
|
|
91
101
|
type: "pie",
|
|
92
102
|
colorBy: "data",
|
|
93
103
|
radius: ["74%", "90%"],
|
|
@@ -97,13 +107,16 @@ function C({
|
|
|
97
107
|
label: {
|
|
98
108
|
show: !0,
|
|
99
109
|
position: "center",
|
|
100
|
-
formatter: (
|
|
110
|
+
formatter: (c) => {
|
|
101
111
|
const {
|
|
102
|
-
name:
|
|
103
|
-
} =
|
|
104
|
-
|
|
112
|
+
name: p
|
|
113
|
+
} = c, u = c.encode?.value?.[0];
|
|
114
|
+
if (u === void 0)
|
|
115
|
+
return "";
|
|
116
|
+
const m = Object.values(c.data ?? {}).at(u);
|
|
117
|
+
return `{c|${typeof m == "number" && n ? n(m) : m ?? ""}}
|
|
105
118
|
|
|
106
|
-
{b|${
|
|
119
|
+
{b|${p}}`;
|
|
107
120
|
},
|
|
108
121
|
rich: {
|
|
109
122
|
b: {
|
|
@@ -128,90 +141,90 @@ function C({
|
|
|
128
141
|
}))
|
|
129
142
|
};
|
|
130
143
|
}
|
|
131
|
-
const
|
|
144
|
+
const T = {
|
|
132
145
|
skeleton: {
|
|
133
|
-
graph:
|
|
146
|
+
graph: O.graph
|
|
134
147
|
}
|
|
135
|
-
},
|
|
136
|
-
function
|
|
137
|
-
const e =
|
|
138
|
-
let t,
|
|
139
|
-
e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = {
|
|
148
|
+
}, _ = 32, g = 294 - _, v = g - _;
|
|
149
|
+
function ne() {
|
|
150
|
+
const e = S(5);
|
|
151
|
+
let t, n;
|
|
152
|
+
e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = {
|
|
140
153
|
display: "flex",
|
|
141
154
|
alignItems: "center",
|
|
142
155
|
justifyContent: "center",
|
|
143
156
|
position: "relative"
|
|
144
|
-
},
|
|
145
|
-
let
|
|
146
|
-
e[2] === Symbol.for("react.memo_cache_sentinel") ? (
|
|
157
|
+
}, n = /* @__PURE__ */ i(a, { variant: "circular", width: g, height: g }), e[0] = t, e[1] = n) : (t = e[0], n = e[1]);
|
|
158
|
+
let s;
|
|
159
|
+
e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ i(a, { sx: {
|
|
147
160
|
position: "absolute",
|
|
148
161
|
zIndex: 1
|
|
149
|
-
}, variant: "circular", width:
|
|
150
|
-
let
|
|
151
|
-
e[3] === Symbol.for("react.memo_cache_sentinel") ? (
|
|
152
|
-
o,
|
|
162
|
+
}, variant: "circular", width: v, height: v }), e[2] = s) : s = e[2];
|
|
163
|
+
let r;
|
|
164
|
+
e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ f(d, { sx: t, children: [
|
|
153
165
|
n,
|
|
154
|
-
|
|
166
|
+
s,
|
|
167
|
+
/* @__PURE__ */ f(d, { sx: {
|
|
155
168
|
position: "absolute",
|
|
156
169
|
zIndex: 2,
|
|
157
170
|
display: "flex",
|
|
158
171
|
flexDirection: "column",
|
|
159
172
|
alignItems: "center",
|
|
160
173
|
justifyContent: "center",
|
|
161
|
-
gap:
|
|
174
|
+
gap: $
|
|
162
175
|
}, children: [
|
|
163
|
-
/* @__PURE__ */
|
|
164
|
-
/* @__PURE__ */
|
|
176
|
+
/* @__PURE__ */ i(a, { height: 24, width: 72 }),
|
|
177
|
+
/* @__PURE__ */ i(a, { height: 8, width: 48 })
|
|
165
178
|
] })
|
|
166
|
-
] }), e[3] =
|
|
167
|
-
let
|
|
168
|
-
return e[4] === Symbol.for("react.memo_cache_sentinel") ? (
|
|
169
|
-
|
|
170
|
-
/* @__PURE__ */
|
|
179
|
+
] }), e[3] = r) : r = e[3];
|
|
180
|
+
let o;
|
|
181
|
+
return e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ f(d, { sx: T.skeleton.graph.container, children: [
|
|
182
|
+
r,
|
|
183
|
+
/* @__PURE__ */ i(d, { sx: {
|
|
171
184
|
display: "flex",
|
|
172
185
|
alignItems: "center",
|
|
173
|
-
gap:
|
|
174
|
-
height:
|
|
175
|
-
}, children: Array(2).fill(0).map(
|
|
176
|
-
] }), e[4] =
|
|
186
|
+
gap: z,
|
|
187
|
+
height: W
|
|
188
|
+
}, children: Array(2).fill(0).map(E) })
|
|
189
|
+
] }), e[4] = o) : o = e[4], o;
|
|
177
190
|
}
|
|
178
|
-
function
|
|
179
|
-
return /* @__PURE__ */
|
|
191
|
+
function E(e, t) {
|
|
192
|
+
return /* @__PURE__ */ f(d, { sx: {
|
|
180
193
|
display: "flex",
|
|
181
194
|
alignItems: "center",
|
|
182
|
-
gap:
|
|
195
|
+
gap: V
|
|
183
196
|
}, children: [
|
|
184
|
-
/* @__PURE__ */
|
|
185
|
-
/* @__PURE__ */
|
|
197
|
+
/* @__PURE__ */ i(a, { variant: "circular", width: 8, height: 8 }),
|
|
198
|
+
/* @__PURE__ */ i(a, { width: 48, height: 8 })
|
|
186
199
|
] }, t);
|
|
187
200
|
}
|
|
188
|
-
function
|
|
201
|
+
function V(e) {
|
|
189
202
|
const {
|
|
190
203
|
spacing: t
|
|
191
204
|
} = e;
|
|
192
205
|
return t(1.5);
|
|
193
206
|
}
|
|
194
|
-
function
|
|
207
|
+
function W(e) {
|
|
195
208
|
const {
|
|
196
209
|
spacing: t
|
|
197
210
|
} = e;
|
|
198
211
|
return t(5);
|
|
199
212
|
}
|
|
200
|
-
function
|
|
213
|
+
function z(e) {
|
|
201
214
|
const {
|
|
202
215
|
spacing: t
|
|
203
216
|
} = e;
|
|
204
217
|
return t(2);
|
|
205
218
|
}
|
|
206
|
-
function
|
|
219
|
+
function $(e) {
|
|
207
220
|
const {
|
|
208
221
|
spacing: t
|
|
209
222
|
} = e;
|
|
210
223
|
return t(1);
|
|
211
224
|
}
|
|
212
225
|
export {
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
226
|
+
ne as PieSkeleton,
|
|
227
|
+
oe as pieConfig,
|
|
228
|
+
te as pieDownloadConfig
|
|
216
229
|
};
|
|
217
230
|
//# 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} 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({ data = [], theme }: 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 },\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 = 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={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","length","xAxis","show","yAxis","legend","bottom","grid","parseInt","spacing","right","series","map","_","index","datasetIndex","barMaxWidth","emphasis","focus","hasLegend","buildLegendConfig","buildGridConfig","left","top","tooltip","trigger","color","Object","values","palette","qualitative","bold","colorBy","radius","avoidLabelOverlap","selectedOffset","label","position","formatter","params","name","encodeIndex","encode","value","undefined","at","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","Array","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 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={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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"}
|
package/dist/widgets/range.js
CHANGED
|
@@ -73,7 +73,7 @@ function ae(n) {
|
|
|
73
73
|
}, e[5] = c, e[6] = i, e[7] = a, e[8] = t, e[9] = m, e[10] = d, e[11] = W) : W = e[11];
|
|
74
74
|
const I = W;
|
|
75
75
|
let p;
|
|
76
|
-
e[12] === Symbol.for("react.memo_cache_sentinel") ? (p = (f) => {
|
|
76
|
+
e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = (f) => {
|
|
77
77
|
y(f.target.name);
|
|
78
78
|
}, e[12] = p) : p = e[12];
|
|
79
79
|
const S = p;
|
|
@@ -118,14 +118,14 @@ function ae(n) {
|
|
|
118
118
|
e[29] !== l || e[30] !== o || e[31] !== I || e[32] !== t.disabled || e[33] !== t.marks || e[34] !== t.max || e[35] !== t.min || e[36] !== t.step || e[37] !== M ? (D = /* @__PURE__ */ g($, { sx: _.sliderContainer, children: /* @__PURE__ */ g(ee, { value: l, onChange: I, valueLabelDisplay: "auto", valueLabelFormat: o, min: t.min, max: t.max, step: t.step, marks: t.marks, disabled: t.disabled, sx: M }) }), e[29] = l, e[30] = o, e[31] = I, e[32] = t.disabled, e[33] = t.marks, e[34] = t.max, e[35] = t.min, e[36] = t.step, e[37] = M, e[38] = D) : D = e[38];
|
|
119
119
|
const L = `min-${l[0]}`, T = l[0] ?? 0;
|
|
120
120
|
let K;
|
|
121
|
-
e[39] === Symbol.for("react.memo_cache_sentinel") ? (K = {
|
|
121
|
+
e[39] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (K = {
|
|
122
122
|
"aria-label": "Minimum value"
|
|
123
123
|
}, e[39] = K) : K = e[39];
|
|
124
124
|
let F;
|
|
125
125
|
e[40] !== o || e[41] !== h || e[42] !== C || e[43] !== u || e[44] !== t.disabled || e[45] !== L || e[46] !== T ? (F = /* @__PURE__ */ g(O, { isEditing: u, name: "min", value: T, formatter: o, onFocus: S, onBlur: h, onKeyDown: C, disabled: t.disabled, inputProps: K }, L), e[40] = o, e[41] = h, e[42] = C, e[43] = u, e[44] = t.disabled, e[45] = L, e[46] = T, e[47] = F) : F = e[47];
|
|
126
126
|
const N = `max-${l[1]}`, U = l[1] ?? 0;
|
|
127
127
|
let V;
|
|
128
|
-
e[48] === Symbol.for("react.memo_cache_sentinel") ? (V = {
|
|
128
|
+
e[48] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V = {
|
|
129
129
|
"aria-label": "Maximum value"
|
|
130
130
|
}, e[48] = V) : V = e[48];
|
|
131
131
|
let k;
|
|
@@ -163,7 +163,7 @@ function O(n) {
|
|
|
163
163
|
e[0] !== m || e[1] !== u ? (y = m(u), e[0] = m, e[1] = u, e[2] = y) : y = e[2];
|
|
164
164
|
const I = i === a ? b : y;
|
|
165
165
|
let p;
|
|
166
|
-
e[3] === Symbol.for("react.memo_cache_sentinel") ? (p = (w) => {
|
|
166
|
+
e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = (w) => {
|
|
167
167
|
l(w.target.value);
|
|
168
168
|
}, e[3] = p) : p = e[3];
|
|
169
169
|
let S;
|
|
@@ -184,9 +184,9 @@ function pe(n) {
|
|
|
184
184
|
function he() {
|
|
185
185
|
const n = j(2);
|
|
186
186
|
let e;
|
|
187
|
-
n[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ g(G, { width: "100%", height: 32 }), n[0] = e) : e = n[0];
|
|
187
|
+
n[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ g(G, { width: "100%", height: 32 }), n[0] = e) : e = n[0];
|
|
188
188
|
let i;
|
|
189
|
-
return n[1] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ P($, { sx: _.rangeItem, "aria-label": "Range skeleton", children: [
|
|
189
|
+
return n[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ P($, { sx: _.rangeItem, "aria-label": "Range skeleton", children: [
|
|
190
190
|
e,
|
|
191
191
|
/* @__PURE__ */ P($, { sx: _.inputsRow, children: [
|
|
192
192
|
/* @__PURE__ */ g(G, { width: "100%", height: 40 }),
|
|
@@ -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 {\n item,\n onChange,\n formatter = defaultFormatter,\n } = useWidgetStore(\n useShallow((state) => {\n const widget = state.getWidget<RangeWidgetState>(id)\n return {\n item: widget?.data[index],\n onChange: widget?.onChange,\n formatter: widget?.formatter,\n }\n }),\n )\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 interface RangeConfigProps {\n formatter?: (value: number) => string\n onChange?: (value: number[], index: number) => void\n}\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","widget","getWidget","item","data","onChange","formatter","t2","useWidgetStore","useShallow","undefined","_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","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\ntype EditingState = '' | 'min' | 'max'\n\nconst defaultFormatter = (value: number) => value.toString()\n\nexport function RangeItem({ id, index }: RangeItemProps) {\n const {\n item,\n onChange,\n formatter = defaultFormatter,\n } = useWidgetStore(\n useShallow((state) => {\n const widget = state.getWidget<RangeWidgetState>(id)\n return {\n item: widget?.data[index],\n onChange: widget?.onChange,\n formatter: widget?.formatter,\n }\n }),\n )\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 interface RangeConfigProps {\n formatter?: (value: number) => string\n onChange?: (value: number[], index: number) => void\n}\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","widget","getWidget","item","data","onChange","formatter","t2","useWidgetStore","useShallow","undefined","_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","sanitizeRangeDataItems","items"],"mappings":"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"}
|