@carto/ps-react-ui 4.3.9 → 4.3.10
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 +692 -700
- package/dist/components.js.map +1 -1
- package/dist/{lasso-tool-jl4YK02H.js → lasso-tool-BYbxrJ-7.js} +184 -190
- package/dist/lasso-tool-BYbxrJ-7.js.map +1 -0
- package/dist/{row-BKmVAUN5.js → row-DTCV0Ocm.js} +2 -2
- package/dist/row-DTCV0Ocm.js.map +1 -0
- package/dist/{series-D1pynfeh.js → series-CYNOu2Ju.js} +2 -2
- package/dist/{series-D1pynfeh.js.map → series-CYNOu2Ju.js.map} +1 -1
- package/dist/smart-tooltip-D4vwQpFf.js +37 -0
- package/dist/smart-tooltip-D4vwQpFf.js.map +1 -0
- package/dist/{styles-DrPyd0y5.js → styles-CAroD5Rc.js} +12 -12
- package/dist/styles-CAroD5Rc.js.map +1 -0
- package/dist/types/widgets/_shared/chart-config/option-builders.d.ts +1 -1
- package/dist/types/widgets/category/config.d.ts +3 -10
- package/dist/types/widgets/range/config.d.ts +0 -4
- package/dist/types/widgets/spread/config.d.ts +0 -5
- package/dist/types/widgets/table/config.d.ts +1 -2
- package/dist/types/widgets/table/table-ui.d.ts +1 -1
- package/dist/types/widgets/wrapper/components/options.d.ts +1 -1
- package/dist/widgets/actions.js +607 -621
- package/dist/widgets/actions.js.map +1 -1
- package/dist/widgets/bar.js +48 -49
- package/dist/widgets/bar.js.map +1 -1
- package/dist/widgets/category.js +28 -28
- package/dist/widgets/category.js.map +1 -1
- package/dist/widgets/formula.js +3 -3
- package/dist/widgets/histogram.js +50 -50
- package/dist/widgets/histogram.js.map +1 -1
- package/dist/widgets/markdown.js +1 -1
- package/dist/widgets/pie.js +9 -9
- package/dist/widgets/pie.js.map +1 -1
- package/dist/widgets/range.js +1 -1
- package/dist/widgets/range.js.map +1 -1
- package/dist/widgets/scatterplot.js +13 -13
- package/dist/widgets/scatterplot.js.map +1 -1
- package/dist/widgets/spread.js +3 -3
- package/dist/widgets/spread.js.map +1 -1
- package/dist/widgets/table.js +1 -1
- package/dist/widgets/table.js.map +1 -1
- package/dist/widgets/timeseries.js +3 -3
- package/dist/widgets/timeseries.js.map +1 -1
- package/dist/widgets/wrapper.js +152 -162
- package/dist/widgets/wrapper.js.map +1 -1
- package/package.json +1 -1
- package/src/components/basemaps/basemaps.tsx +3 -1
- package/src/components/geolocation-controls/geolocation-controls.tsx +10 -6
- package/src/components/lasso-tool/lasso-tool-inline.tsx +6 -2
- package/src/components/lasso-tool/lasso-tool.tsx +9 -3
- package/src/components/list-data/list-data-skeleton.tsx +1 -1
- package/src/components/list-data/list-data.tsx +5 -3
- package/src/components/measurement-tools/measurement-tools.tsx +5 -1
- package/src/components/smart-tooltip/smart-tooltip.tsx +3 -1
- package/src/widgets/_shared/chart-config/option-builders.test.ts +2 -2
- package/src/widgets/_shared/chart-config/option-builders.ts +6 -4
- package/src/widgets/actions/download/download.test.tsx +6 -2
- package/src/widgets/actions/download/download.tsx +3 -1
- package/src/widgets/actions/fullscreen/fullscreen.tsx +8 -1
- package/src/widgets/actions/relative-data/relative-data.tsx +2 -6
- package/src/widgets/actions/searcher/searcher.tsx +0 -6
- package/src/widgets/bar/config.ts +8 -4
- package/src/widgets/bar/skeleton.tsx +1 -1
- package/src/widgets/category/components/category-row-multi.tsx +1 -1
- package/src/widgets/category/config.ts +1 -11
- package/src/widgets/formula/components/row.tsx +1 -1
- package/src/widgets/histogram/config.ts +7 -2
- package/src/widgets/histogram/skeleton.tsx +2 -2
- package/src/widgets/pie/skeleton.tsx +1 -1
- package/src/widgets/range/config.ts +0 -5
- package/src/widgets/scatterplot/skeleton.tsx +2 -2
- package/src/widgets/spread/config.ts +0 -6
- package/src/widgets/table/config.ts +1 -1
- package/src/widgets/table/table-ui.tsx +1 -1
- package/src/widgets/timeseries/skeleton.tsx +1 -1
- package/src/widgets/wrapper/components/actions.test.tsx +6 -2
- package/src/widgets/wrapper/components/actions.tsx +3 -1
- package/src/widgets/wrapper/components/options.test.tsx +12 -4
- package/src/widgets/wrapper/components/options.tsx +8 -3
- package/src/widgets/wrapper/wrapper-ui.tsx +5 -2
- package/src/widgets/wrapper/wrapper.tsx +2 -4
- package/dist/lasso-tool-jl4YK02H.js.map +0 -1
- package/dist/row-BKmVAUN5.js.map +0 -1
- package/dist/smart-tooltip-BEtBaIdz.js +0 -39
- package/dist/smart-tooltip-BEtBaIdz.js.map +0 -1
- package/dist/styles-DrPyd0y5.js.map +0 -1
- package/dist/types/widgets/actions/relative-data/style.d.ts +0 -8
- package/dist/types/widgets/actions/zoom-toggle/index.d.ts +0 -2
- package/dist/types/widgets/table/components/index.d.ts +0 -4
- package/src/widgets/actions/relative-data/style.ts +0 -9
- package/src/widgets/actions/zoom-toggle/index.ts +0 -2
- package/src/widgets/table/components/index.ts +0 -4
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
import { jsx as r, jsxs as
|
|
2
|
-
import { c as
|
|
1
|
+
import { jsx as r, jsxs as b } from "react/jsx-runtime";
|
|
2
|
+
import { c as w } 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 { f as
|
|
10
|
-
import { Box as
|
|
7
|
+
import { g as _ } from "../options-D9wflre6.js";
|
|
8
|
+
import { m as k } from "../utils-idmvq0Oa.js";
|
|
9
|
+
import { f as S, c as L, a as C, n as m, b as v, d as I, e as N } from "../styles-CAroD5Rc.js";
|
|
10
|
+
import { Box as c, Skeleton as u } from "@mui/material";
|
|
11
11
|
import "@mui/icons-material";
|
|
12
12
|
import "react-markdown";
|
|
13
|
-
import { d as
|
|
14
|
-
import "../lasso-tool-
|
|
13
|
+
import { d as f, a as g } from "../exports-Cr43OCul.js";
|
|
14
|
+
import "../lasso-tool-BYbxrJ-7.js";
|
|
15
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: t
|
|
21
21
|
}) {
|
|
22
22
|
return [{
|
|
23
|
-
...
|
|
24
|
-
modifier: () =>
|
|
23
|
+
...f,
|
|
24
|
+
modifier: () => f.modifier(t)
|
|
25
25
|
}, {
|
|
26
|
-
...
|
|
26
|
+
...g,
|
|
27
27
|
modifier: async (e) => {
|
|
28
|
-
const
|
|
29
|
-
return
|
|
28
|
+
const o = S(e);
|
|
29
|
+
return g.modifier(o);
|
|
30
30
|
}
|
|
31
31
|
}];
|
|
32
32
|
}
|
|
33
|
-
function
|
|
33
|
+
function ne(t) {
|
|
34
34
|
return {
|
|
35
35
|
type: "histogram",
|
|
36
|
-
option:
|
|
36
|
+
option: k(_(t), T(t))
|
|
37
37
|
};
|
|
38
38
|
}
|
|
39
|
-
function
|
|
39
|
+
function T({
|
|
40
40
|
data: t = [],
|
|
41
41
|
theme: e,
|
|
42
|
-
formatter:
|
|
42
|
+
formatter: o
|
|
43
43
|
}) {
|
|
44
44
|
const i = (t?.length ?? 0) > 1;
|
|
45
|
-
let a = 1;
|
|
45
|
+
let a = 0, s = 1;
|
|
46
46
|
return {
|
|
47
|
-
legend:
|
|
48
|
-
grid:
|
|
47
|
+
legend: I(i),
|
|
48
|
+
grid: v(i, e),
|
|
49
49
|
xAxis: {
|
|
50
50
|
type: "category",
|
|
51
51
|
axisLine: {
|
|
@@ -73,8 +73,8 @@ function N({
|
|
|
73
73
|
},
|
|
74
74
|
yAxis: {
|
|
75
75
|
type: "value",
|
|
76
|
-
min: 0,
|
|
77
|
-
max: (
|
|
76
|
+
min: (n) => (a = n.min < 0 ? m(n.min) : 0, a),
|
|
77
|
+
max: (n) => (s = n.max <= 0 ? 1 : m(n.max), s),
|
|
78
78
|
splitNumber: 1,
|
|
79
79
|
axisLabel: {
|
|
80
80
|
fontSize: e.typography.overlineDelicate.fontSize,
|
|
@@ -84,7 +84,7 @@ function N({
|
|
|
84
84
|
showMaxLabel: !0,
|
|
85
85
|
showMinLabel: !0,
|
|
86
86
|
verticalAlign: "bottom",
|
|
87
|
-
formatter: (
|
|
87
|
+
formatter: (n) => n !== s && n !== a || n === 0 ? "" : o ? o(n) : String(n)
|
|
88
88
|
},
|
|
89
89
|
axisLine: {
|
|
90
90
|
show: !1
|
|
@@ -100,19 +100,19 @@ function N({
|
|
|
100
100
|
}
|
|
101
101
|
},
|
|
102
102
|
tooltip: {
|
|
103
|
-
position:
|
|
104
|
-
formatter:
|
|
105
|
-
const
|
|
103
|
+
position: C(e),
|
|
104
|
+
formatter: L((n) => {
|
|
105
|
+
const l = n.value, d = n.dimensionNames?.[n.encode?.y?.at(0) ?? 1], p = l[d ?? ""], y = typeof p == "number" && o ? o(p) : p ?? "", h = typeof n.marker == "string" ? n.marker : "", x = n.seriesName ? `${n.seriesName}: ` : "";
|
|
106
106
|
return {
|
|
107
|
-
name:
|
|
108
|
-
seriesName:
|
|
109
|
-
marker:
|
|
110
|
-
value:
|
|
107
|
+
name: n.name ?? "",
|
|
108
|
+
seriesName: x,
|
|
109
|
+
marker: h,
|
|
110
|
+
value: y
|
|
111
111
|
};
|
|
112
112
|
})
|
|
113
113
|
},
|
|
114
|
-
series: t.map((
|
|
115
|
-
datasetIndex:
|
|
114
|
+
series: t.map((n, l) => ({
|
|
115
|
+
datasetIndex: l,
|
|
116
116
|
type: "bar",
|
|
117
117
|
barGap: "1%",
|
|
118
118
|
// No gap between bars in histogram
|
|
@@ -124,36 +124,36 @@ function N({
|
|
|
124
124
|
}))
|
|
125
125
|
};
|
|
126
126
|
}
|
|
127
|
-
const
|
|
127
|
+
const A = {
|
|
128
128
|
skeleton: {
|
|
129
|
-
graph:
|
|
129
|
+
graph: N.graph
|
|
130
130
|
}
|
|
131
131
|
};
|
|
132
132
|
function oe() {
|
|
133
|
-
const t =
|
|
133
|
+
const t = w(2);
|
|
134
134
|
let e;
|
|
135
|
-
t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ r(
|
|
135
|
+
t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ r(c, { sx: {
|
|
136
136
|
display: "flex",
|
|
137
137
|
alignItems: "flex-end",
|
|
138
138
|
justifyContent: "space-between",
|
|
139
|
-
gap:
|
|
139
|
+
gap: $,
|
|
140
140
|
height: F,
|
|
141
141
|
width: "100%"
|
|
142
142
|
}, children: Array(8).fill(0).map(D) }), t[0] = e) : e = t[0];
|
|
143
|
-
let
|
|
144
|
-
return t[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (
|
|
143
|
+
let o;
|
|
144
|
+
return t[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ b(c, { sx: A.skeleton.graph.container, children: [
|
|
145
145
|
e,
|
|
146
|
-
/* @__PURE__ */ r(
|
|
146
|
+
/* @__PURE__ */ r(c, { sx: {
|
|
147
147
|
display: "flex",
|
|
148
148
|
alignItems: "center",
|
|
149
149
|
justifyContent: "space-between",
|
|
150
150
|
width: "100%",
|
|
151
151
|
mt: j
|
|
152
|
-
}, children: Array(4).fill(0).map(
|
|
153
|
-
] }), t[1] =
|
|
152
|
+
}, children: Array(4).fill(0).map(M) })
|
|
153
|
+
] }), t[1] = o) : o = t[1], o;
|
|
154
154
|
}
|
|
155
|
-
function
|
|
156
|
-
return /* @__PURE__ */ r(
|
|
155
|
+
function M(t, e) {
|
|
156
|
+
return /* @__PURE__ */ r(u, { width: 32, height: 8 }, `skeleton-label-${e}`);
|
|
157
157
|
}
|
|
158
158
|
function j(t) {
|
|
159
159
|
const {
|
|
@@ -163,10 +163,10 @@ function j(t) {
|
|
|
163
163
|
}
|
|
164
164
|
function D(t, e) {
|
|
165
165
|
const i = `${[60, 80, 95, 85, 70, 55, 40, 30][e]}%`;
|
|
166
|
-
return /* @__PURE__ */ r(
|
|
166
|
+
return /* @__PURE__ */ r(u, { variant: "rectangular", sx: {
|
|
167
167
|
flex: 1,
|
|
168
168
|
height: i
|
|
169
|
-
} }, e);
|
|
169
|
+
} }, `skeleton-bar-${e}`);
|
|
170
170
|
}
|
|
171
171
|
function F(t) {
|
|
172
172
|
const {
|
|
@@ -174,7 +174,7 @@ function F(t) {
|
|
|
174
174
|
} = t;
|
|
175
175
|
return e(30);
|
|
176
176
|
}
|
|
177
|
-
function
|
|
177
|
+
function $(t) {
|
|
178
178
|
const {
|
|
179
179
|
spacing: e
|
|
180
180
|
} = t;
|
|
@@ -182,7 +182,7 @@ function M(t) {
|
|
|
182
182
|
}
|
|
183
183
|
export {
|
|
184
184
|
oe as HistogramSkeleton,
|
|
185
|
-
|
|
186
|
-
|
|
185
|
+
ne as histogramConfig,
|
|
186
|
+
te as histogramDownloadConfig
|
|
187
187
|
};
|
|
188
188
|
//# sourceMappingURL=histogram.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"histogram.js","sources":["../../src/widgets/histogram/config.ts","../../src/widgets/histogram/style.ts","../../src/widgets/histogram/skeleton.tsx"],"sourcesContent":["import {\n getCommonOptions,\n mergeEchartWidgetConfig,\n type EchartOptionsProps,\n} from '../echart'\nimport type {\n HistogramConfig,\n HistogramWidgetConfig,\n HistogramWidgetData,\n} from './types'\nimport {\n flattenObjectArrayToCSV,\n buildLegendConfig,\n buildGridConfig,\n createTooltipPositioner,\n createTooltipFormatter,\n niceNum,\n} from '../_shared/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../loader/types'\n\nexport function histogramDownloadConfig({\n refUI,\n}: ConfigProps): DownloadItem<HistogramWidgetData>[] {\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}\nexport function histogramConfig(props: HistogramConfig): HistogramWidgetConfig {\n return {\n type: 'histogram',\n option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n }\n}\nfunction getOption({\n data = [],\n theme,\n formatter,\n}: HistogramConfig): EchartOptionsProps {\n const hasLegend = (data?.length ?? 0) > 1\n\n let niceMax = 1\n\n return {\n legend: buildLegendConfig(hasLegend),\n grid: buildGridConfig(hasLegend, theme),\n xAxis: {\n type: 'category',\n axisLine: {\n show: false,\n },\n axisLabel: {\n fontSize: theme.typography.overlineDelicate.fontSize,\n fontFamily: theme.typography.overlineDelicate.fontFamily,\n showMinLabel: true,\n showMaxLabel: true,\n hideOverlap: true,\n margin: 0,\n padding: [\n parseInt(theme.spacing(0.5)),\n parseInt(theme.spacing(0.5)),\n 0,\n parseInt(theme.spacing(0.5)),\n ],\n color: theme.palette.black[60],\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: 'value' as const,\n min: 0,\n max: (extent: { min: number; max: number }) => {\n niceMax = extent.max <= 0 ? 1 : niceNum(extent.max)\n return niceMax\n },\n splitNumber: 1,\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 formatter: (value: number) => {\n if (value !== niceMax) 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 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?.y?.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 barGap: '1%', // No gap between bars in histogram\n barCategoryGap: '1%', // No gap between categories in histogram\n emphasis: {\n focus: 'series',\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\nexport function HistogramSkeleton() {\n return (\n <Box sx={styles.skeleton.graph.container}>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'flex-end',\n justifyContent: 'space-between',\n gap: ({ spacing }) => spacing(0.5),\n height: ({ spacing }) => spacing(30),\n width: '100%',\n }}\n >\n {Array(8)\n .fill(0)\n .map((_, i) => {\n // Create varying heights for histogram bars\n const heights = [60, 80, 95, 85, 70, 55, 40, 30]\n const height = `${heights[i]}%`\n return (\n <Skeleton\n key={i}\n variant='rectangular'\n sx={{\n flex: 1,\n height,\n }}\n />\n )\n })}\n </Box>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n width: '100%',\n mt: ({ spacing }) => spacing(1),\n }}\n >\n {Array(4)\n .fill(0)\n .map((_, i) => (\n <Skeleton key={i} width={32} height={8} />\n ))}\n </Box>\n </Box>\n )\n}\n"],"names":["histogramDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","data","rows","flattenObjectArrayToCSV","histogramConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","theme","formatter","hasLegend","length","niceMax","legend","buildLegendConfig","grid","buildGridConfig","xAxis","axisLine","show","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","margin","padding","parseInt","spacing","color","palette","black","axisTick","splitLine","lineStyle","yAxis","min","max","extent","niceNum","splitNumber","verticalAlign","value","String","tooltip","position","createTooltipPositioner","createTooltipFormatter","item","index","dimensionNames","encode","y","at","_value","formattedValue","marker","seriesName","name","series","map","_","datasetIndex","barGap","barCategoryGap","emphasis","focus","styles","skeleton","graph","baseSkeletonStyles","HistogramSkeleton","$","_c","t0","Symbol","for","jsx","Box","display","alignItems","justifyContent","gap","_temp","height","_temp2","width","Array","fill","_temp3","t1","container","mt","_temp4","_temp5","__0","i_0","Skeleton","spacing_1","i","flex","spacing_0"],"mappings":";;;;;;;;;;;;;;;;;;AAqBO,SAASA,GAAwB;AAAA,EACtCC,OAAAA;AACW,GAAwC;AACnD,SAAO,CACL;AAAA,IACE,GAAGC;AAAAA,IACHC,UAAUA,MAAMD,EAAcC,SAASF,CAAK;AAAA,EAAA,GAE9C;AAAA,IACE,GAAGG;AAAAA,IACHD,UAAU,OAAOE,MAAS;AACxB,YAAMC,IAAOC,EAAwBF,CAAI;AACzC,aAAOD,EAAcD,SAASG,CAAI;AAAA,IACpC;AAAA,EAAA,CACD;AAEL;AACO,SAASE,GAAgBC,GAA+C;AAC7E,SAAO;AAAA,IACLC,MAAM;AAAA,IACNC,QAAQC,EAAwBC,EAAiBJ,CAAK,GAAGK,EAAUL,CAAK,CAAC;AAAA,EAAA;AAE7E;AACA,SAASK,EAAU;AAAA,EACjBT,MAAAA,IAAO,CAAA;AAAA,EACPU,OAAAA;AAAAA,EACAC,WAAAA;AACe,GAAuB;AACtC,QAAMC,KAAaZ,GAAMa,UAAU,KAAK;AAExC,MAAIC,IAAU;AAEd,SAAO;AAAA,IACLC,QAAQC,EAAkBJ,CAAS;AAAA,IACnCK,MAAMC,EAAgBN,GAAWF,CAAK;AAAA,IACtCS,OAAO;AAAA,MACLd,MAAM;AAAA,MACNe,UAAU;AAAA,QACRC,MAAM;AAAA,MAAA;AAAA,MAERC,WAAW;AAAA,QACTC,UAAUb,EAAMc,WAAWC,iBAAiBF;AAAAA,QAC5CG,YAAYhB,EAAMc,WAAWC,iBAAiBC;AAAAA,QAC9CC,cAAc;AAAA,QACdC,cAAc;AAAA,QACdC,aAAa;AAAA,QACbC,QAAQ;AAAA,QACRC,SAAS,CACPC,SAAStB,EAAMuB,QAAQ,GAAG,CAAC,GAC3BD,SAAStB,EAAMuB,QAAQ,GAAG,CAAC,GAC3B,GACAD,SAAStB,EAAMuB,QAAQ,GAAG,CAAC,CAAC;AAAA,QAE9BC,OAAOxB,EAAMyB,QAAQC,MAAM,EAAE;AAAA,MAAA;AAAA,MAE/BC,UAAU;AAAA,QACRhB,MAAM;AAAA,MAAA;AAAA,MAERiB,WAAW;AAAA,QACTjB,MAAM;AAAA,QACNkB,WAAW;AAAA,UACTL,OAAOxB,EAAMyB,QAAQC,MAAM,CAAC;AAAA,QAAA;AAAA,MAC9B;AAAA,IACF;AAAA,IAEFI,OAAO;AAAA,MACLnC,MAAM;AAAA,MACNoC,KAAK;AAAA,MACLC,KAAKA,CAACC,OACJ7B,IAAU6B,EAAOD,OAAO,IAAI,IAAIE,EAAQD,EAAOD,GAAG,GAC3C5B;AAAAA,MAET+B,aAAa;AAAA,MACbvB,WAAW;AAAA,QACTC,UAAUb,EAAMc,WAAWC,iBAAiBF;AAAAA,QAC5CG,YAAYhB,EAAMc,WAAWC,iBAAiBC;AAAAA,QAC9CI,QAAQE,SAAStB,EAAMuB,QAAQ,CAAC,CAAC;AAAA,QACjCZ,MAAM;AAAA,QACNO,cAAc;AAAA,QACdD,cAAc;AAAA,QACdmB,eAAe;AAAA,QACfnC,WAAWA,CAACoC,MACNA,MAAUjC,IAAgB,KACvBH,IAAYA,EAAUoC,CAAK,IAAIC,OAAOD,CAAK;AAAA,MACpD;AAAA,MAEF3B,UAAU;AAAA,QACRC,MAAM;AAAA,MAAA;AAAA,MAERgB,UAAU;AAAA,QACRhB,MAAM;AAAA,MAAA;AAAA,MAERiB,WAAW;AAAA,QACTjB,MAAM;AAAA,QACNkB,WAAW;AAAA,UACTL,OAAOxB,EAAMyB,QAAQC,MAAM,CAAC;AAAA,QAAA;AAAA,MAC9B;AAAA,IACF;AAAA,IAEFa,SAAS;AAAA,MACPC,UAAUC,EAAwBzC,CAAK;AAAA,MACvCC,WAAWyC,EAAwBC,CAAAA,MAAS;AAC1C,cAAMN,IAAQM,EAAKN,OACbO,IAAQD,EAAKE,iBAAiBF,EAAKG,QAAQC,GAAGC,GAAG,CAAC,KAAK,CAAC,GACxDC,IAASZ,EAAMO,KAAS,EAAE,GAE1BM,IACJ,OAAOD,KAAW,YAAYhD,IAC1BA,EAAUgD,CAAM,IACfA,KAAU,IAEXE,IAAS,OAAOR,EAAKQ,UAAW,WAAWR,EAAKQ,SAAS,IACzDC,IAAaT,EAAKS,aAAa,GAAGT,EAAKS,UAAU,OAAO;AAG9D,eAAO;AAAA,UAAEC,MAFIV,EAAKU,QAAQ;AAAA,UAEXD,YAAAA;AAAAA,UAAYD,QAAAA;AAAAA,UAAQd,OAAOa;AAAAA,QAAAA;AAAAA,MAC5C,CAAC;AAAA,IAAA;AAAA,IAEHI,QAAQhE,EAAKiE,IAAI,CAACC,GAAYZ,OAAmB;AAAA,MAC/Ca,cAAcb;AAAAA,MACdjD,MAAM;AAAA,MACN+D,QAAQ;AAAA;AAAA,MACRC,gBAAgB;AAAA;AAAA,MAChBC,UAAU;AAAA,QACRC,OAAO;AAAA,MAAA;AAAA,IACT,EACA;AAAA,EAAA;AAEN;AClJO,MAAMC,IAAS;AAAA,EACpBC,UAAU;AAAA,IACRC,OAAOC,EAAmBD;AAAAA,EAAAA;AAE9B;ACJO,SAAAE,KAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAGDF,IAAA,gBAAAG,EAACC,KACK,IAAA;AAAA,IAAAC,SACO;AAAA,IAAMC,YACH;AAAA,IAAUC,gBACN;AAAA,IAAeC,KAC1BC;AAAAA,IAA6BC,QAC1BC;AAAAA,IAA4BC,OAC7B;AAAA,EAAA,GAGRC,gBAAM,CAAC,EAACC,KACD,CAAC,EAAC5B,IACH6B,CAcJ,GACL,GAAMjB,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAkB;AAAA,SAAAlB,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KA5BRc,sBAACZ,GAAA,EAAQ,IAAAX,EAAMC,SAASC,MAAMsB,WAC5BjB,UAAAA;AAAAA,IAAAA;AAAAA,IA4BA,gBAAAG,EAACC,KACK,IAAA;AAAA,MAAAC,SACO;AAAA,MAAMC,YACH;AAAA,MAAQC,gBACJ;AAAA,MAAeK,OACxB;AAAA,MAAMM,IACTC;AAAAA,IAAAA,GAGLN,gBAAM,CAAC,EAACC,KACD,CAAC,EAAC5B,IACHkC,CAEJ,EAAA,CACL;AAAA,EAAA,GACF,GAAMtB,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA,GA5CNkB;AA4CM;AA9CH,SAAAI,EAAAC,GAAAC,GAAA;AAAA,2BA2CMC,GAAA,EAAwB,WAAY,cAAC;AAAI;AA3C/C,SAAAJ,EAAAnB,GAAA;AAqCQ,QAAA;AAAA,IAAA9C,SAAAsE;AAAAA,EAAAA,IAAAxB;AAAW,SAAK9C,EAAQ,CAAC;AAAC;AArClC,SAAA6D,EAAA5B,GAAAsC,GAAA;AAkBK,QAAAf,IAAe,GADC,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE,EACrBe,CAAC,CAAC;AAAG,SAE7B,gBAAAtB,EAACoB,GAAA,EAES,SAAA,eACJ,IAAA;AAAA,IAAAG,MACI;AAAA,IAAChB,QAAAA;AAAAA,EAAAA,KAHJe,CAKJ;AACD;AA3BT,SAAAd,EAAAX,GAAA;AASY,QAAA;AAAA,IAAA9C,SAAAyE;AAAAA,EAAAA,IAAA3B;AAAW,SAAK9C,EAAQ,EAAE;AAAC;AATvC,SAAAuD,EAAAT,GAAA;AAQS,QAAA;AAAA,IAAA9C,SAAAA;AAAAA,EAAAA,IAAA8C;AAAW,SAAK9C,EAAQ,GAAG;AAAC;"}
|
|
1
|
+
{"version":3,"file":"histogram.js","sources":["../../src/widgets/histogram/config.ts","../../src/widgets/histogram/style.ts","../../src/widgets/histogram/skeleton.tsx"],"sourcesContent":["import {\n getCommonOptions,\n mergeEchartWidgetConfig,\n type EchartOptionsProps,\n} from '../echart'\nimport type {\n HistogramConfig,\n HistogramWidgetConfig,\n HistogramWidgetData,\n} from './types'\nimport {\n flattenObjectArrayToCSV,\n buildLegendConfig,\n buildGridConfig,\n createTooltipPositioner,\n createTooltipFormatter,\n niceNum,\n} from '../_shared/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../loader/types'\n\nexport function histogramDownloadConfig({\n refUI,\n}: ConfigProps): DownloadItem<HistogramWidgetData>[] {\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}\nexport function histogramConfig(props: HistogramConfig): HistogramWidgetConfig {\n return {\n type: 'histogram',\n option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n }\n}\nfunction getOption({\n data = [],\n theme,\n formatter,\n}: HistogramConfig): EchartOptionsProps {\n const hasLegend = (data?.length ?? 0) > 1\n\n let niceMin = 0\n let niceMax = 1\n\n return {\n legend: buildLegendConfig(hasLegend),\n grid: buildGridConfig(hasLegend, theme),\n xAxis: {\n type: 'category',\n axisLine: {\n show: false,\n },\n axisLabel: {\n fontSize: theme.typography.overlineDelicate.fontSize,\n fontFamily: theme.typography.overlineDelicate.fontFamily,\n showMinLabel: true,\n showMaxLabel: true,\n hideOverlap: true,\n margin: 0,\n padding: [\n parseInt(theme.spacing(0.5)),\n parseInt(theme.spacing(0.5)),\n 0,\n parseInt(theme.spacing(0.5)),\n ],\n color: theme.palette.black[60],\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: 'value' as const,\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 splitNumber: 1,\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 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 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?.y?.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 barGap: '1%', // No gap between bars in histogram\n barCategoryGap: '1%', // No gap between categories in histogram\n emphasis: {\n focus: 'series',\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\nexport function HistogramSkeleton() {\n return (\n <Box sx={styles.skeleton.graph.container}>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'flex-end',\n justifyContent: 'space-between',\n gap: ({ spacing }) => spacing(0.5),\n height: ({ spacing }) => spacing(30),\n width: '100%',\n }}\n >\n {Array(8)\n .fill(0)\n .map((_, i) => {\n // Create varying heights for histogram bars\n const heights = [60, 80, 95, 85, 70, 55, 40, 30]\n const height = `${heights[i]}%`\n return (\n <Skeleton\n key={`skeleton-bar-${i}`}\n variant='rectangular'\n sx={{\n flex: 1,\n height,\n }}\n />\n )\n })}\n </Box>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n width: '100%',\n mt: ({ spacing }) => spacing(1),\n }}\n >\n {Array(4)\n .fill(0)\n .map((_, i) => (\n <Skeleton key={`skeleton-label-${i}`} width={32} height={8} />\n ))}\n </Box>\n </Box>\n )\n}\n"],"names":["histogramDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","data","rows","flattenObjectArrayToCSV","histogramConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","theme","formatter","hasLegend","length","niceMin","niceMax","legend","buildLegendConfig","grid","buildGridConfig","xAxis","axisLine","show","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","margin","padding","parseInt","spacing","color","palette","black","axisTick","splitLine","lineStyle","yAxis","min","extent","niceNum","max","splitNumber","verticalAlign","value","String","tooltip","position","createTooltipPositioner","createTooltipFormatter","item","index","dimensionNames","encode","y","at","_value","formattedValue","marker","seriesName","name","series","map","_","datasetIndex","barGap","barCategoryGap","emphasis","focus","styles","skeleton","graph","baseSkeletonStyles","HistogramSkeleton","$","_c","t0","Symbol","for","jsx","Box","display","alignItems","justifyContent","gap","_temp","height","_temp2","width","Array","fill","_temp3","t1","container","mt","_temp4","_temp5","__0","i_0","Skeleton","i","spacing_1","flex","spacing_0"],"mappings":"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"}
|
package/dist/widgets/markdown.js
CHANGED
|
@@ -7,7 +7,7 @@ import S from "react-markdown";
|
|
|
7
7
|
import "@mui/icons-material";
|
|
8
8
|
import "react";
|
|
9
9
|
import "html2canvas";
|
|
10
|
-
import "../lasso-tool-
|
|
10
|
+
import "../lasso-tool-BYbxrJ-7.js";
|
|
11
11
|
import "../cjs-D4KH3azB.js";
|
|
12
12
|
import "@dnd-kit/core";
|
|
13
13
|
import "@dnd-kit/sortable";
|
package/dist/widgets/pie.js
CHANGED
|
@@ -6,12 +6,12 @@ import "../widget-store-CzDt8oSK.js";
|
|
|
6
6
|
import "zustand/shallow";
|
|
7
7
|
import { g as w } from "../options-D9wflre6.js";
|
|
8
8
|
import { m as I } from "../utils-idmvq0Oa.js";
|
|
9
|
-
import { f as C, c as
|
|
9
|
+
import { f as C, c as k, b as j, d as A, e as O } from "../styles-CAroD5Rc.js";
|
|
10
10
|
import { Box as d, Skeleton as a } from "@mui/material";
|
|
11
11
|
import "@mui/icons-material";
|
|
12
12
|
import "react-markdown";
|
|
13
13
|
import { d as y, a as x } from "../exports-Cr43OCul.js";
|
|
14
|
-
import "../lasso-tool-
|
|
14
|
+
import "../lasso-tool-BYbxrJ-7.js";
|
|
15
15
|
import "../cjs-D4KH3azB.js";
|
|
16
16
|
import "@dnd-kit/core";
|
|
17
17
|
import "@dnd-kit/sortable";
|
|
@@ -72,7 +72,7 @@ function N({
|
|
|
72
72
|
return {
|
|
73
73
|
legend: A(r),
|
|
74
74
|
grid: {
|
|
75
|
-
...
|
|
75
|
+
...j(r, t),
|
|
76
76
|
left: 0,
|
|
77
77
|
top: 0,
|
|
78
78
|
right: 0
|
|
@@ -85,7 +85,7 @@ function N({
|
|
|
85
85
|
},
|
|
86
86
|
tooltip: {
|
|
87
87
|
trigger: "item",
|
|
88
|
-
formatter:
|
|
88
|
+
formatter: k((o) => {
|
|
89
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
90
|
return {
|
|
91
91
|
name: h,
|
|
@@ -171,7 +171,7 @@ function ne() {
|
|
|
171
171
|
flexDirection: "column",
|
|
172
172
|
alignItems: "center",
|
|
173
173
|
justifyContent: "center",
|
|
174
|
-
gap:
|
|
174
|
+
gap: z
|
|
175
175
|
}, children: [
|
|
176
176
|
/* @__PURE__ */ i(a, { height: 24, width: 72 }),
|
|
177
177
|
/* @__PURE__ */ i(a, { height: 8, width: 48 })
|
|
@@ -183,7 +183,7 @@ function ne() {
|
|
|
183
183
|
/* @__PURE__ */ i(d, { sx: {
|
|
184
184
|
display: "flex",
|
|
185
185
|
alignItems: "center",
|
|
186
|
-
gap:
|
|
186
|
+
gap: $,
|
|
187
187
|
height: W
|
|
188
188
|
}, children: Array(2).fill(0).map(E) })
|
|
189
189
|
] }), e[4] = o) : o = e[4], o;
|
|
@@ -196,7 +196,7 @@ function E(e, t) {
|
|
|
196
196
|
}, children: [
|
|
197
197
|
/* @__PURE__ */ i(a, { variant: "circular", width: 8, height: 8 }),
|
|
198
198
|
/* @__PURE__ */ i(a, { width: 48, height: 8 })
|
|
199
|
-
] }, t);
|
|
199
|
+
] }, `skeleton-${t}`);
|
|
200
200
|
}
|
|
201
201
|
function V(e) {
|
|
202
202
|
const {
|
|
@@ -210,13 +210,13 @@ function W(e) {
|
|
|
210
210
|
} = e;
|
|
211
211
|
return t(5);
|
|
212
212
|
}
|
|
213
|
-
function
|
|
213
|
+
function $(e) {
|
|
214
214
|
const {
|
|
215
215
|
spacing: t
|
|
216
216
|
} = e;
|
|
217
217
|
return t(2);
|
|
218
218
|
}
|
|
219
|
-
function
|
|
219
|
+
function z(e) {
|
|
220
220
|
const {
|
|
221
221
|
spacing: t
|
|
222
222
|
} = e;
|
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={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 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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"}
|
package/dist/widgets/range.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as f, jsxs as j } from "react/jsx-runtime";
|
|
2
2
|
import { c as L } from "react/compiler-runtime";
|
|
3
|
-
import { R as ee } from "../row-
|
|
3
|
+
import { R as ee } from "../row-DTCV0Ocm.js";
|
|
4
4
|
import { Box as E, Slider as te, TextField as ne, Skeleton as H } from "@mui/material";
|
|
5
5
|
import { useState as X } from "react";
|
|
6
6
|
import { u as $ } from "../widget-store-CzDt8oSK.js";
|
|
@@ -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 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","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":";;;;;;;AAEO,MAAMA,IAAyC;AAAA,EAMpDC,WAAW;AAAA,IACTC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAKA,CAACC,MAAiBA,EAAMC,QAAQ,GAAG;AAAA,EAAA;AAAA,EAE1CC,iBAAiB;AAAA,IACfL,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAKA,CAACC,MAAiBA,EAAMC,QAAQ,CAAC;AAAA,IACtCE,IAAIA,CAACH,MAAiBA,EAAMC,QAAQ,CAAC;AAAA,EAAA;AAAA,EAEvCG,WAAW;AAAA,IACTP,SAAS;AAAA,IACTE,KAAKA,CAACC,MAAiBA,EAAMC,QAAQ,CAAC;AAAA,IACtCI,YAAY;AAAA,EAAA;AAAA,EAEdC,OAAO;AAAA,IACLC,MAAM;AAAA,IACN,yBAAyB;AAAA,MACvBC,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEFC,QAAQ;AAAA,IACNC,OAAO;AAAA,IACP,kBAAkB;AAAA,MAChBC,OAAOA,CAACX,MAAiBA,EAAMY,QAAQC,KAAKC;AAAAA,IAAAA;AAAAA,EAC9C;AAEJ,GC3BMC,KAAmBA,CAACC,MAAkBA,EAAMC,SAAAA;AAE3C,SAAAC,GAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAmB;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAJ;AAA6B,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAE,KAAAF,SAAAG,KAExCC,IAAAC,OAAWA,EAAKC,UAA6BJ,CAAQ,GAACK,KAACJ,CAAK,GAACH,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAD1E,QAAAQ,IAAaC,EACXC,EAAWN,CAA6D,CAC1E;AAAC,MAAAO;AAAA,EAAAX,SAAAE,KAEYS,IAAAC,CAAAA,MAAWP,EAAKC,UAA6BJ,CAAY,GAACW,UAAAb,OAAAE,GAAAF,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AADvE,QAAAa,IAAiBJ,EACfC,EAAWC,CAA0D,CACvE,GACAG,IACEL,EACEC,EAAWK,CAAAA,MAAWV,EAAKC,UAA6BJ,CAAa,GAACY,SAAA,CACpD,KAFpBnB,IAGFW,IAAkBG,EAAeO,EAA0B,GAC3DC,IAAkBR,EAAeS,EAA0B;AAAC,MAAAC;AAAA,EAAAnB,SAAAQ,KAGnDW,IAAAX,IAAQA,EAAIZ,SAAJ,CAAeY,EAAIY,KAAMZ,EAAIa,GAAI,IAAzC,CAA+C,GAAG,CAAC,GAACrB,OAAAQ,GAAAR,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAD7D,QAAAsB,IACSH,GAKT,CAAAI,GAAAC,CAAA,IAAkCC,EAAuB,EAAE;AAE3D,MAAI,CAACjB;AAAI,WAAS;AAAI,MAAAkB;AAAA,EAAA1B,SAAAM,KAAAN,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAQ,KAAAR,UAAAa,KAAAb,EAAA,EAAA,MAAAiB,KAEKS,IAAAA,CAAAC,GAAAC,MAAA;AACzB,QAAIC,MAAKC,QAASF,CAAQ,GAAC;AACzB,YAAA,CAAAR,GAAAC,CAAA,IAAmBO,GACnBrB,IAAaD,EAA4BJ,CAAQ,GAACK,QAArC,CAAA;AAEbA,MAAAA,EAAKJ,CAAK,IAAI;AAAA,QAAA,GACTK;AAAAA,QAAIZ,OACAgC;AAAAA,MAAAA,GAGTX,EAAUf,GAAI;AAAA,QAAAK,MAAAA;AAAAA,MAAAA,CAEb,GAEDM,IAAW,CAACO,GAAMC,CAAG,GAAIlB,CAAK;AAAA,IAAC;AAAA,EAChC,GACFH,OAAAM,GAAAN,OAAAE,GAAAF,OAAAG,GAAAH,QAAAQ,GAAAR,QAAAa,GAAAb,QAAAiB,GAAAjB,QAAA0B,KAAAA,IAAA1B,EAAA,EAAA;AAhBD,QAAA+B,IAA2BL;AAgB1B,MAAAM;AAAA,EAAAhC,EAAA,EAAA,MAAAiC,uBAAAC,IAAA,2BAAA,KAEwBF,IAAAG,CAAAA,MAAA;AACvBX,IAAAA,EAAaW,EAACC,OAAOC,IAAqB;AAAA,EAAC,GAC5CrC,QAAAgC,KAAAA,IAAAhC,EAAA,EAAA;AAFD,QAAAsC,IAAyBN;AAExB,MAAAO;AAAA,MAAAvC,EAAA,EAAA,MAAAsB,EAAA,CAAA,KAAAtB,UAAAsB,EAAA,CAAA,KAAAtB,EAAA,EAAA,MAAAM,KAAAN,UAAAE,KAAAF,EAAA,EAAA,MAAAG,KAAAH,UAAAQ,EAAAa,OAAArB,EAAA,EAAA,MAAAQ,EAAAY,OAAApB,EAAA,EAAA,MAAAa,KAAAb,UAAAiB,GAAA;AAED,UAAAuB,IAA0BC,CAAAA,MAAA;AACxB,YAAA;AAAA,QAAAJ,MAAAA;AAAAA,QAAAzC,OAAAA;AAAAA,MAAAA,IAAwB6C,EAAKL;AAEzBR,UAAAA;AACJ,MAAIS,MAAS,QACXT,IAAWA,CACTc,KAAItB,IACFsB,KAAIrB,IAAKb,EAAIY,KAAMuB,WAAW/C,CAAiB,KAAPY,EAAIY,GAAI,GAChDE,EAAY,CAAA,CACd,GACAA,EAAY,CAAA,KAAZ,CAAoB,IAGtBM,IAAWA,CACTN,EAAY,CAAA,KAAZ,GACAoB,KAAIrB,IACFqB,KAAItB,IAAKZ,EAAIa,KAAMsB,WAAW/C,CAAiB,KAAPY,EAAIa,GAAI,GAChDC,EAAY,CAAA,CACd,CAAC;AAIL,YAAAsB,IAAatC,EAA4BJ,CAAQ,GAACK,QAArC,CAAA;AAEbU,MAAAA,EAAUf,GAAI;AAAA,QAAAK,MACNA,EAAIsC,IAAK,CAAAC,GAAAC,MACbA,MAAM5C,IAAN;AAAA,UAAA,GAES2C;AAAAA,UAAClD,OACGgC;AAAAA,QAAAA,IAHbkB,CAMF;AAAA,MAAA,CACD,GAEDjC,IAAW,CAACe,EAAQ,CAAA,GAAKA,EAAQ,CAAA,CAAG,GAAGzB,CAAK;AAAA,IAAC;AAGvBoC,IAAAA,IAAAS,CAAAA,MAAA;AACtBxB,MAAAA,EAAa,EAAE,GACfgB,EAAkBL,CAAC;AAAA,IAAC,GACrBnC,QAAAsB,EAAA,CAAA,GAAAtB,QAAAsB,EAAA,CAAA,GAAAtB,QAAAM,GAAAN,QAAAE,GAAAF,QAAAG,GAAAH,EAAA,EAAA,IAAAQ,EAAAa,KAAArB,EAAA,EAAA,IAAAQ,EAAAY,KAAApB,QAAAa,GAAAb,QAAAiB,GAAAjB,QAAAuC;AAAAA,EAAA;AAAAA,IAAAA,IAAAvC,EAAA,EAAA;AAHD,QAAAiD,IAAwBV;AAGvB,MAAAW;AAAA,EAAAlD,UAAAiD,KAE0BC,IAAAC,CAAAA,MAAA;AACzB,IAAIV,EAAKW,QAAS,YAChBH,EAAgBR,CAAgD,GAChEA,EAAKY,cAAcC,KAAAA;AAAAA,EACpB,GACFtD,QAAAiD,GAAAjD,QAAAkD,KAAAA,IAAAlD,EAAA,EAAA;AALD,QAAAuD,IAA2BL;AAK1B,MAAAM;AAAA,EAAAxD,EAAA,EAAA,MAAAQ,EAAAjB,SAiBaiE,IAAAhD,EAAIjB,SAAJ;AAAA,IAAAA,OACKiB,EAAIjB;AAAAA,EAAAA,GACZS,EAAA,EAAA,IAAAQ,EAAAjB,OAAAS,QAAAwD,KAAAA,IAAAxD,EAAA,EAAA;AAAA,MAAAyD;AAAA,EAAAzD,UAAAwD,KAJCC,IAAA;AAAA,IAAA,GACClF,EAAMc;AAAAA,IAAO,GACZmE;AAAAA,EAAAA,GAGLxD,QAAAwD,GAAAxD,QAAAyD,KAAAA,IAAAzD,EAAA,EAAA;AAAA,MAAA0D;AAAA,EAAA1D,UAAAsB,KAAAtB,EAAA,EAAA,MAAAc,KAAAd,EAAA,EAAA,MAAA+B,KAAA/B,UAAAQ,EAAAd,YAAAM,UAAAQ,EAAAmD,SAAA3D,UAAAQ,EAAAa,OAAArB,UAAAQ,EAAAY,OAAApB,UAAAQ,EAAAoD,QAAA5D,UAAAyD,KAhBLC,sBAACG,GAAA,EAAQ,IAAAtF,EAAMO,iBACb,UAAA,gBAAAgF,EAACC,IAAA,EACQzC,UACGS,aACQ,mBAAA,QACAjB,kBAAAA,GACb,KAAAN,EAAIY,KACJ,KAAAZ,EAAIa,KACH,MAAAb,EAAIoD,MACH,OAAApD,EAAImD,OACD,UAAAnD,EAAId,UACV,IAAA+D,GAKH,GAEL,GAAMzD,QAAAsB,GAAAtB,QAAAc,GAAAd,QAAA+B,GAAA/B,EAAA,EAAA,IAAAQ,EAAAd,UAAAM,EAAA,EAAA,IAAAQ,EAAAmD,OAAA3D,EAAA,EAAA,IAAAQ,EAAAa,KAAArB,EAAA,EAAA,IAAAQ,EAAAY,KAAApB,EAAA,EAAA,IAAAQ,EAAAoD,MAAA5D,QAAAyD,GAAAzD,QAAA0D,KAAAA,IAAA1D,EAAA,EAAA;AAIG,QAAAgE,IAAA,OAAO1C,EAAY,CAAA,CAAG,IAGpB2C,IAAA3C,EAAY,CAAA,KAAZ;AAAoB,MAAA4C;AAAA,EAAAlE,EAAA,EAAA,MAAAiC,uBAAAC,IAAA,2BAAA,KAMfgC,IAAA;AAAA,IAAA,cACI;AAAA,EAAA,GACflE,QAAAkE,KAAAA,IAAAlE,EAAA,EAAA;AAAA,MAAAmE;AAAA,EAAAnE,EAAA,EAAA,MAAAc,KAAAd,EAAA,EAAA,MAAAiD,KAAAjD,EAAA,EAAA,MAAAuD,KAAAvD,EAAA,EAAA,MAAAuB,KAAAvB,EAAA,EAAA,MAAAQ,EAAAd,YAAAM,EAAA,EAAA,MAAAgE,KAAAhE,EAAA,EAAA,MAAAiE,KAZHE,sBAACC,GAAA,EAEY7C,WAAAA,GACN,MAAA,OACE,OAAA0C,GACInD,WAAAA,GACFwB,SAAAA,GACDW,QAAAA,GACGM,WAAAA,GACD,UAAA/C,EAAId,UACF,YAAAwE,KATPF,CAWJ,GACDhE,QAAAc,GAAAd,QAAAiD,GAAAjD,QAAAuD,GAAAvD,QAAAuB,GAAAvB,EAAA,EAAA,IAAAQ,EAAAd,UAAAM,QAAAgE,GAAAhE,QAAAiE,GAAAjE,QAAAmE,KAAAA,IAAAnE,EAAA,EAAA;AAEK,QAAAqE,IAAA,OAAO/C,EAAY,CAAA,CAAG,IAGpBgD,IAAAhD,EAAY,CAAA,KAAZ;AAAoB,MAAAiD;AAAA,EAAAvE,EAAA,EAAA,MAAAiC,uBAAAC,IAAA,2BAAA,KAMfqC,IAAA;AAAA,IAAA,cACI;AAAA,EAAA,GACfvE,QAAAuE,KAAAA,IAAAvE,EAAA,EAAA;AAAA,MAAAwE;AAAA,EAAAxE,EAAA,EAAA,MAAAc,KAAAd,EAAA,EAAA,MAAAiD,KAAAjD,EAAA,EAAA,MAAAuD,KAAAvD,EAAA,EAAA,MAAAuB,KAAAvB,EAAA,EAAA,MAAAQ,EAAAd,YAAAM,EAAA,EAAA,MAAAqE,KAAArE,EAAA,EAAA,MAAAsE,KAZHE,sBAACJ,GAAA,EAEY7C,WAAAA,GACN,MAAA,OACE,OAAA+C,GACIxD,WAAAA,GACFwB,SAAAA,GACDW,QAAAA,GACGM,WAAAA,GACD,UAAA/C,EAAId,UACF,YAAA6E,KATPF,CAWJ,GACDrE,QAAAc,GAAAd,QAAAiD,GAAAjD,QAAAuD,GAAAvD,QAAAuB,GAAAvB,EAAA,EAAA,IAAAQ,EAAAd,UAAAM,QAAAqE,GAAArE,QAAAsE,GAAAtE,QAAAwE,KAAAA,IAAAxE,EAAA,EAAA;AAAA,MAAAyE;AAAA,EAAAzE,EAAA,EAAA,MAAAmE,KAAAnE,UAAAwE,KA5BJC,sBAACZ,GAAA,EAAQ,IAAAtF,EAAMS,WACbmF,UAAAA;AAAAA,IAAAA;AAAAA,IAcAK;AAAAA,EAAAA,GAcF,GAAMxE,QAAAmE,GAAAnE,QAAAwE,GAAAxE,QAAAyE,KAAAA,IAAAzE,EAAA,EAAA;AAAA,MAAA0E;AAAA,SAAA1E,EAAA,EAAA,MAAA0D,KAAA1D,UAAAyE,KAlDRC,sBAACb,GAAA,EAAQ,IAAAtF,EAAMC,WACbkF,UAAAA;AAAAA,IAAAA;AAAAA,IAoBAe;AAAAA,EAAAA,GA8BF,GAAMzE,QAAA0D,GAAA1D,QAAAyE,GAAAzE,QAAA0E,KAAAA,IAAA1E,EAAA,EAAA,GAnDN0E;AAmDM;AApJH,SAAAxD,GAAAyD,GAAA;AAAA,SAYuCC,EAAK3D;AAAU;AAZtD,SAAAD,GAAA4D,GAAA;AAAA,SAWuCA,EAAKtE;AAAU;AA6I7D,SAAA8D,EAAArE,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAe;AAAA,IAAAsB,WAAAA;AAAAA,IAAAc,MAAAA;AAAAA,IAAA3C,UAAAA;AAAAA,IAAAE,OAAAA;AAAAA,IAAAkB,WAAAA;AAAAA,IAAA+D,SAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAAAjF,GAqBb,CAAAuB,GAAA2D,CAAA,IAAwCxD,EAAiByD,OAAOtF,CAAK,CAAC,GAIpDQ,IAAA+E,OAAO7D,CAAY;AAAC,MAAAX;AAAA,EAAAX,EAAA,CAAA,MAAAc,KAAAd,SAAAI,KAA9BO,IAAAG,EAAUV,CAAoB,GAACJ,OAAAc,GAAAd,OAAAI,GAAAJ,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAO5B,QAAAmB,IAAAI,MAAcc,IAAdf,IAPHX;AAOsD,MAAAe;AAAA,EAAA1B,EAAA,CAAA,MAAAiC,uBAAAC,IAAA,2BAAA,KAChDR,IAAAS,CAAAA,MAAA;AACR8C,IAAAA,EAAgB9C,EAACC,OAAOxC,KAAM;AAAA,EAAC,GAChCI,OAAA0B,KAAAA,IAAA1B,EAAA,CAAA;AAAA,MAAAgC;AAAA,SAAAhC,EAAA,CAAA,MAAAN,KAAAM,EAAA,CAAA,MAAAgF,KAAAhF,EAAA,CAAA,MAAAqC,KAAArC,SAAA8E,KAAA9E,EAAA,CAAA,MAAA6E,KAAA7E,EAAA,CAAA,MAAA+E,KAAA/E,EAAA,EAAA,MAAAmB,KALHa,sBAACoD,IAAA,EACO/C,MAAAA,GACC,OAAAlB,GACG,UAAAO,GAGDmD,SAAAA,GACDC,QAAAA,GACGC,WAAAA,GACDrF,UAAAA,GACL,MAAA,SACD,IAAAnB,EAAMW,OACE8F,YAAAA,GAAU,GACtBhF,OAAAN,GAAAM,OAAAgF,GAAAhF,OAAAqC,GAAArC,OAAA8E,GAAA9E,OAAA6E,GAAA7E,OAAA+E,GAAA/E,QAAAmB,GAAAnB,QAAAgC,KAAAA,IAAAhC,EAAA,EAAA,GAbFgC;AAaE;AC1MC,SAAAqD,GAAAC,GAAA;AAAA,QAAAtF,IAAAC,EAAA,CAAA;AAAA,MAAAF;AAAA,EAAAC,EAAA,CAAA,MAAAsF,EAAApF,MAGAH,IAAAK,CAAAA,MAAA;AAAC,UAAA;AAAA,MAAAD,OAAAA;AAAAA,IAAAA,IAAAC;AAAS,WAAK,gBAAA0D,EAAChE,IAAA,EAAc,IAAAwF,EAAKpF,IAAYC,OAAAA,GAAK;AAAA,EAAI,GAAAH,EAAA,CAAA,IAAAsF,EAAApF,IAAAF,OAAAD,KAAAA,IAAAC,EAAA,CAAA;AAAA,MAAAI;AAAA,SAAAJ,SAAAsF,EAAApF,MAAAF,SAAAD,KAD3DK,sBAACmF,IAAA,EAAQ,IAAAD,EAAKpF,IACXH,UAAAA,GACH,GAAMC,EAAA,CAAA,IAAAsF,EAAApF,IAAAF,OAAAD,GAAAC,OAAAI,KAAAA,IAAAJ,EAAA,CAAA,GAFNI;AAEM;ACLH,SAAAoF,KAAA;AAAA,QAAAxF,IAAAC,EAAA,CAAA;AAAA,MAAAF;AAAA,EAAAC,EAAA,CAAA,MAAAiC,uBAAAC,IAAA,2BAAA,KAGDnC,IAAA,gBAAA+D,EAAC2B,GAAA,EAAe,OAAA,QAAe,QAAA,IAAE,GAAIzF,OAAAD,KAAAA,IAAAC,EAAA,CAAA;AAAA,MAAAI;AAAA,SAAAJ,EAAA,CAAA,MAAAiC,uBAAAC,IAAA,2BAAA,KADvC9B,sBAACyD,GAAA,EAAQ,IAAAtF,EAAMC,WAAuB,cAAA,kBACpCuB,UAAAA;AAAAA,IAAAA;AAAAA,IACA,gBAAA2F,EAAC7B,GAAA,EAAQ,IAAAtF,EAAMS,WACb,UAAA;AAAA,MAAA,gBAAA8E,EAAC2B,GAAA,EAAe,OAAA,QAAe,QAAA,IAAE;AAAA,MACjC,gBAAA3B,EAAC2B,GAAA,EAAe,OAAA,QAAe,QAAA,GAAA,CAAE;AAAA,IAAA,EAAA,CACnC;AAAA,EAAA,GACF,GAAMzF,OAAAI,KAAAA,IAAAJ,EAAA,CAAA,GANNI;AAMM;ACJH,SAASuF,KAAiC;AAC/C,SAAO,CAAA;AACT;ACAO,SAASC,GAAsBpF,GAAoC;AACxE,SAAO;AAAA,IACL,GAAGA;AAAAA,IACHqF,MAAM,OAAOrF,EAAKqF,QAAS,WAAWrF,EAAKqF,OAAOC;AAAAA,EAAAA;AAEtD;AAQO,SAASC,GACdC,GAC6B;AAC7B,SAAOA,GAAOnD,IAAI+C,EAAqB;AACzC;"}
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as g, jsx as
|
|
1
|
+
import { jsxs as g, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { c as b } from "react/compiler-runtime";
|
|
3
3
|
import "react";
|
|
4
4
|
import "echarts";
|
|
@@ -6,12 +6,12 @@ import "../widget-store-CzDt8oSK.js";
|
|
|
6
6
|
import "zustand/shallow";
|
|
7
7
|
import { g as w } from "../options-D9wflre6.js";
|
|
8
8
|
import { m as S } from "../utils-idmvq0Oa.js";
|
|
9
|
-
import { s as v, c as k, g as L, d as I, e as _ } from "../styles-
|
|
9
|
+
import { s as v, c as k, g as L, d as I, e as _ } from "../styles-CAroD5Rc.js";
|
|
10
10
|
import { Box as s, Skeleton as p } from "@mui/material";
|
|
11
11
|
import "@mui/icons-material";
|
|
12
12
|
import "react-markdown";
|
|
13
13
|
import { d as c, a as f } from "../exports-Cr43OCul.js";
|
|
14
|
-
import "../lasso-tool-
|
|
14
|
+
import "../lasso-tool-BYbxrJ-7.js";
|
|
15
15
|
import "../cjs-D4KH3azB.js";
|
|
16
16
|
import "@dnd-kit/core";
|
|
17
17
|
import "@dnd-kit/sortable";
|
|
@@ -106,10 +106,10 @@ function T({
|
|
|
106
106
|
tooltip: {
|
|
107
107
|
trigger: "item",
|
|
108
108
|
// position: createTooltipPositioner(theme),
|
|
109
|
-
formatter: k((
|
|
110
|
-
const r =
|
|
109
|
+
formatter: k((i) => {
|
|
110
|
+
const r = i.value, y = i.encode?.y?.at(0), l = r[y ?? ""], h = typeof l == "number" && o ? o(l) : l ?? "", x = typeof i.marker == "string" ? i.marker : "";
|
|
111
111
|
return {
|
|
112
|
-
name:
|
|
112
|
+
name: i.seriesName ?? "",
|
|
113
113
|
seriesName: "",
|
|
114
114
|
marker: x,
|
|
115
115
|
value: h
|
|
@@ -117,7 +117,7 @@ function T({
|
|
|
117
117
|
})
|
|
118
118
|
},
|
|
119
119
|
color: Object.values(t.palette.qualitative.bold),
|
|
120
|
-
series: e.map((
|
|
120
|
+
series: e.map((i, r) => ({
|
|
121
121
|
datasetIndex: r,
|
|
122
122
|
type: "scatter",
|
|
123
123
|
symbolSize: 8
|
|
@@ -198,7 +198,7 @@ function Z() {
|
|
|
198
198
|
let o;
|
|
199
199
|
return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ g(s, { sx: m.skeleton.graph.container, children: [
|
|
200
200
|
t,
|
|
201
|
-
/* @__PURE__ */
|
|
201
|
+
/* @__PURE__ */ a(s, { sx: m.skeleton.legend, children: Array(2).fill(0).map(A) })
|
|
202
202
|
] }), e[1] = o) : o = e[1], o;
|
|
203
203
|
}
|
|
204
204
|
function A(e, t) {
|
|
@@ -207,9 +207,9 @@ function A(e, t) {
|
|
|
207
207
|
alignItems: "center",
|
|
208
208
|
gap: D
|
|
209
209
|
}, children: [
|
|
210
|
-
/* @__PURE__ */
|
|
211
|
-
/* @__PURE__ */
|
|
212
|
-
] }, t);
|
|
210
|
+
/* @__PURE__ */ a(p, { variant: "circular", width: 8, height: 8 }),
|
|
211
|
+
/* @__PURE__ */ a(p, { width: 48, height: 8 })
|
|
212
|
+
] }, `skeleton-${t}`);
|
|
213
213
|
}
|
|
214
214
|
function D(e) {
|
|
215
215
|
const {
|
|
@@ -218,12 +218,12 @@ function D(e) {
|
|
|
218
218
|
return t(1.5);
|
|
219
219
|
}
|
|
220
220
|
function F(e, t) {
|
|
221
|
-
return /* @__PURE__ */
|
|
221
|
+
return /* @__PURE__ */ a(p, { variant: "circular", width: 12, height: 12, sx: {
|
|
222
222
|
position: "absolute",
|
|
223
223
|
top: e.top,
|
|
224
224
|
left: e.left,
|
|
225
225
|
transform: "translate(-50%, -50%)"
|
|
226
|
-
} }, t);
|
|
226
|
+
} }, `skeleton-point-${t}`);
|
|
227
227
|
}
|
|
228
228
|
export {
|
|
229
229
|
Z as ScatterplotSkeleton,
|