@carto/ps-react-ui 4.17.3 → 4.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/dist/category-Ct2BzADB.js +753 -0
  2. package/dist/category-Ct2BzADB.js.map +1 -0
  3. package/dist/change-column-Fu1DCYQ3.js +1186 -0
  4. package/dist/change-column-Fu1DCYQ3.js.map +1 -0
  5. package/dist/echart-B10dhEaM.js +262 -0
  6. package/dist/echart-B10dhEaM.js.map +1 -0
  7. package/dist/types/widgets-v2/actions/change-column/labels.d.ts +1 -0
  8. package/dist/types/widgets-v2/actions/change-column/style.d.ts +28 -2
  9. package/dist/types/widgets-v2/actions/lock-selection/lock-selection.d.ts +15 -5
  10. package/dist/types/widgets-v2/category/components/category-legend.d.ts +18 -2
  11. package/dist/types/widgets-v2/category/components/category-row-stacked.d.ts +6 -1
  12. package/dist/types/widgets-v2/category/style.d.ts +8 -0
  13. package/dist/types/widgets-v2/echart/use-chart-selection.d.ts +10 -4
  14. package/dist/types/widgets-v2/histogram/index.d.ts +1 -1
  15. package/dist/types/widgets-v2/histogram/transforms.d.ts +11 -0
  16. package/dist/types/widgets-v2/histogram/types.d.ts +9 -0
  17. package/dist/types/widgets-v2/scatterplot/index.d.ts +1 -1
  18. package/dist/types/widgets-v2/scatterplot/transforms.d.ts +9 -0
  19. package/dist/types/widgets-v2/table/index.d.ts +1 -0
  20. package/dist/types/widgets-v2/table/transforms.d.ts +13 -0
  21. package/dist/types/widgets-v2/table/transforms.test.d.ts +1 -0
  22. package/dist/types/widgets-v2/timeseries/index.d.ts +1 -0
  23. package/dist/types/widgets-v2/timeseries/transforms.d.ts +10 -0
  24. package/dist/types/widgets-v2/timeseries/transforms.test.d.ts +1 -0
  25. package/dist/widgets-v2/actions.js +1 -1
  26. package/dist/widgets-v2/category.js +1 -1
  27. package/dist/widgets-v2/echart.js +1 -1
  28. package/dist/widgets-v2/echart.js.map +1 -1
  29. package/dist/widgets-v2/histogram.js +181 -158
  30. package/dist/widgets-v2/histogram.js.map +1 -1
  31. package/dist/widgets-v2/pie.js +155 -116
  32. package/dist/widgets-v2/pie.js.map +1 -1
  33. package/dist/widgets-v2/scatterplot.js +91 -85
  34. package/dist/widgets-v2/scatterplot.js.map +1 -1
  35. package/dist/widgets-v2/table.js +55 -45
  36. package/dist/widgets-v2/table.js.map +1 -1
  37. package/dist/widgets-v2/timeseries.js +96 -85
  38. package/dist/widgets-v2/timeseries.js.map +1 -1
  39. package/dist/widgets-v2.js +4 -4
  40. package/package.json +1 -1
  41. package/src/widgets-v2/actions/change-column/change-column.tsx +10 -1
  42. package/src/widgets-v2/actions/change-column/labels.ts +2 -0
  43. package/src/widgets-v2/actions/change-column/sortable-column-item.tsx +8 -1
  44. package/src/widgets-v2/actions/change-column/style.ts +28 -2
  45. package/src/widgets-v2/actions/lock-selection/lock-selection.test.tsx +62 -0
  46. package/src/widgets-v2/actions/lock-selection/lock-selection.tsx +45 -13
  47. package/src/widgets-v2/category/category-ui.test.tsx +55 -0
  48. package/src/widgets-v2/category/category-ui.tsx +65 -6
  49. package/src/widgets-v2/category/components/category-legend.test.tsx +53 -2
  50. package/src/widgets-v2/category/components/category-legend.tsx +55 -12
  51. package/src/widgets-v2/category/components/category-row-stacked.test.tsx +7 -3
  52. package/src/widgets-v2/category/components/category-row-stacked.tsx +8 -3
  53. package/src/widgets-v2/category/style.ts +10 -2
  54. package/src/widgets-v2/echart/echart-ui.test.tsx +25 -0
  55. package/src/widgets-v2/echart/echart-ui.tsx +20 -0
  56. package/src/widgets-v2/echart/use-chart-selection.test.tsx +3 -1
  57. package/src/widgets-v2/echart/use-chart-selection.ts +10 -4
  58. package/src/widgets-v2/histogram/index.ts +4 -1
  59. package/src/widgets-v2/histogram/options.test.ts +86 -0
  60. package/src/widgets-v2/histogram/options.ts +50 -0
  61. package/src/widgets-v2/histogram/transforms.test.ts +36 -1
  62. package/src/widgets-v2/histogram/transforms.ts +23 -0
  63. package/src/widgets-v2/histogram/types.ts +9 -0
  64. package/src/widgets-v2/pie/options.test.ts +262 -0
  65. package/src/widgets-v2/pie/options.ts +80 -5
  66. package/src/widgets-v2/scatterplot/index.ts +4 -1
  67. package/src/widgets-v2/scatterplot/transforms.test.ts +38 -1
  68. package/src/widgets-v2/scatterplot/transforms.ts +23 -0
  69. package/src/widgets-v2/table/index.ts +1 -0
  70. package/src/widgets-v2/table/transforms.test.ts +40 -0
  71. package/src/widgets-v2/table/transforms.ts +26 -0
  72. package/src/widgets-v2/timeseries/index.ts +1 -0
  73. package/src/widgets-v2/timeseries/transforms.test.ts +49 -0
  74. package/src/widgets-v2/timeseries/transforms.ts +31 -0
  75. package/dist/category-CGS_eHr4.js +0 -719
  76. package/dist/category-CGS_eHr4.js.map +0 -1
  77. package/dist/change-column-CiVAjOUB.js +0 -1143
  78. package/dist/change-column-CiVAjOUB.js.map +0 -1
  79. package/dist/echart-Bdvbfx9s.js +0 -250
  80. package/dist/echart-Bdvbfx9s.js.map +0 -1
@@ -1,1143 +0,0 @@
1
- import { jsx as S, jsxs as ee, Fragment as fe } from "react/jsx-runtime";
2
- import { c as B } from "react/compiler-runtime";
3
- import { useRef as ke, useState as q, useEffect as ae, useLayoutEffect as De } from "react";
4
- import { IconButton as U, InputAdornment as de, TextField as ze, useTheme as we, CircularProgress as Oe, MenuItem as Ae, ListItemIcon as Fe, ListItemText as _e, Menu as Ee, Box as Pe, Typography as Re, DialogTitle as $e, DialogContent as Be, Dialog as Me, SvgIcon as He } from "@mui/material";
5
- import { Search as Le, Clear as Ne, StackedBarChart as Ue, Close as xe, ZoomIn as We, HighlightAlt as je, Percent as Ge, FileDownload as Ze, FullscreenExit as Ke, Fullscreen as Ve, LockOpen as Xe, Lock as qe, DragIndicator as Ye } from "@mui/icons-material";
6
- import { debounce as Je } from "@carto/ps-utils";
7
- import { u as j } from "./widget-context-DTGO0Yta.js";
8
- import { v as se, i as te, h as Qe } from "./widget-store-registry-_W4Z4xp-.js";
9
- import "zustand";
10
- import "./lasso-tool-YLFRgb-S.js";
11
- import "./cjs-D4KH3azB.js";
12
- import { T as G } from "./tooltip-BDnrRKrp.js";
13
- import { a as ie, u as et, b as tt } from "./use-transform-DXPN3nY7.js";
14
- import "zustand/vanilla";
15
- import "zustand/middleware";
16
- import "zustand/react/shallow";
17
- import { c as lt } from "./transforms-Cdx4fkU5.js";
18
- import { b as ot } from "./exports-Cx-f6m6U.js";
19
- import { createPortal as nt } from "react-dom";
20
- import { useSensors as st, useSensor as ge, PointerSensor as it, KeyboardSensor as rt, DndContext as at, closestCenter as ct } from "@dnd-kit/core";
21
- import { useSortable as ft, sortableKeyboardCoordinates as dt, arrayMove as gt, SortableContext as ut, verticalListSortingStrategy as mt } from "@dnd-kit/sortable";
22
- import { CSS as ht } from "@dnd-kit/utilities";
23
- function pt(t, e) {
24
- if (!e) return t;
25
- const l = e.toLowerCase();
26
- return Array.isArray(t) ? t.map((i) => Array.isArray(i) ? i.filter((r) => {
27
- if (r == null) return !1;
28
- if (typeof r == "object" && "name" in r) {
29
- const f = r.name;
30
- return (f == null ? "" : ue(f)).toLowerCase().includes(l);
31
- }
32
- return ue(r).toLowerCase().includes(l);
33
- }) : i) : t;
34
- }
35
- function ue(t) {
36
- return typeof t == "string" ? t : typeof t == "number" || typeof t == "boolean" ? String(t) : "";
37
- }
38
- const Ce = {
39
- toggle: "Search",
40
- placeholder: "Search…",
41
- clearAriaLabel: "Clear search",
42
- noResults: "No matches."
43
- }, ce = {
44
- toggle: {
45
- p: 0.5,
46
- "& .MuiSvgIcon-root": {
47
- fontSize: 20
48
- }
49
- },
50
- toggleActive: {
51
- background: (t) => t.palette.primary.relatedLight
52
- },
53
- input: {
54
- width: "100%",
55
- mb: 1
56
- }
57
- }, bt = {
58
- id: "searcher",
59
- type: "data",
60
- order: 20,
61
- disables: ["lock-selection"]
62
- };
63
- function Ll(t) {
64
- const e = B(20), {
65
- labels: l,
66
- icon: i,
67
- iconProps: r,
68
- initialEnabled: f
69
- } = t, p = i === void 0 ? Le : i, _ = f === void 0 ? !1 : f, v = j();
70
- let h;
71
- e[0] !== l ? (h = {
72
- ...Ce,
73
- ...l
74
- }, e[0] = l, e[1] = h) : h = e[1];
75
- const a = h, n = se(v, St);
76
- let u;
77
- e[2] !== n ? (u = (E) => pt(E, n), e[2] = n, e[3] = u) : u = e[3];
78
- const A = u;
79
- let o;
80
- e[4] !== _ ? (o = {
81
- initialEnabled: _
82
- }, e[4] = _, e[5] = o) : o = e[5];
83
- const {
84
- enabled: b,
85
- toggle: m
86
- } = ie(v, bt, A, o), c = b && ce.toggleActive;
87
- let d;
88
- e[6] !== c ? (d = {
89
- ...ce.toggle,
90
- ...c
91
- }, e[6] = c, e[7] = d) : d = e[7];
92
- let s;
93
- e[8] !== p || e[9] !== r ? (s = /* @__PURE__ */ S(p, { fontSize: "small", ...r }), e[8] = p, e[9] = r, e[10] = s) : s = e[10];
94
- let g;
95
- e[11] !== b || e[12] !== a.toggle || e[13] !== d || e[14] !== s || e[15] !== m ? (g = /* @__PURE__ */ S(U, { size: "small", "aria-label": a.toggle, "aria-pressed": b, onClick: m, sx: d, children: s }), e[11] = b, e[12] = a.toggle, e[13] = d, e[14] = s, e[15] = m, e[16] = g) : g = e[16];
96
- let y;
97
- return e[17] !== a.toggle || e[18] !== g ? (y = /* @__PURE__ */ S(G, { title: a.toggle, children: g }), e[17] = a.toggle, e[18] = g, e[19] = y) : y = e[19], y;
98
- }
99
- function St(t) {
100
- return t.transformStates.searcher?.searchText ?? "";
101
- }
102
- function me(t, e) {
103
- te(t).setState((l) => ({
104
- transformStates: {
105
- ...l.transformStates,
106
- searcher: {
107
- enabled: l.transformStates.searcher?.enabled ?? !1,
108
- ...l.transformStates.searcher,
109
- searchText: e
110
- }
111
- }
112
- }));
113
- }
114
- const vt = 300;
115
- function xl(t) {
116
- const e = B(26), {
117
- labels: l,
118
- debounceMs: i
119
- } = t, r = i === void 0 ? vt : i, f = j();
120
- let p;
121
- e[0] !== l ? (p = {
122
- ...Ce,
123
- ...l
124
- }, e[0] = l, e[1] = p) : p = e[1];
125
- const _ = p, v = se(f, yt), h = ke(null);
126
- let a;
127
- e[2] !== f ? (a = () => te(f).getState().transformStates.searcher?.searchText ?? "", e[2] = f, e[3] = a) : a = e[3];
128
- const [n, u] = q(a);
129
- let A;
130
- e[4] !== f ? (A = (L) => me(f, L), e[4] = f, e[5] = A) : A = e[5];
131
- let o;
132
- e[6] !== r || e[7] !== A ? (o = Je(A, r), e[6] = r, e[7] = A, e[8] = o) : o = e[8];
133
- const b = o;
134
- let m;
135
- e[9] !== b ? (m = (L) => {
136
- const k = L.target.value;
137
- u(k), b(k);
138
- }, e[9] = b, e[10] = m) : m = e[10];
139
- const c = m;
140
- let d;
141
- e[11] !== b || e[12] !== f ? (d = () => {
142
- u(""), me(f, ""), b(""), h.current?.focus();
143
- }, e[11] = b, e[12] = f, e[13] = d) : d = e[13];
144
- const s = d;
145
- if (!v)
146
- return null;
147
- let g;
148
- e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ S(de, { position: "start", children: /* @__PURE__ */ S(Le, { fontSize: "small" }) }), e[14] = g) : g = e[14];
149
- let y;
150
- e[15] !== s || e[16] !== n || e[17] !== _.clearAriaLabel ? (y = n ? /* @__PURE__ */ S(de, { position: "end", children: /* @__PURE__ */ S(U, { size: "small", edge: "end", "aria-label": _.clearAriaLabel, onClick: s, children: /* @__PURE__ */ S(Ne, { fontSize: "small" }) }) }) : null, e[15] = s, e[16] = n, e[17] = _.clearAriaLabel, e[18] = y) : y = e[18];
151
- let E;
152
- e[19] !== y ? (E = {
153
- startAdornment: g,
154
- endAdornment: y
155
- }, e[19] = y, e[20] = E) : E = e[20];
156
- let I;
157
- return e[21] !== c || e[22] !== n || e[23] !== _.placeholder || e[24] !== E ? (I = /* @__PURE__ */ S(ze, { inputRef: h, size: "small", fullWidth: !0, variant: "filled", placeholder: _.placeholder, value: n, onChange: c, autoFocus: !0, "aria-label": _.placeholder, sx: ce.input, InputProps: E }), e[21] = c, e[22] = n, e[23] = _.placeholder, e[24] = E, e[25] = I) : I = e[25], I;
158
- }
159
- function yt(t) {
160
- return t.transformStates.searcher?.enabled ?? !1;
161
- }
162
- const At = (t) => {
163
- if (t == null || typeof t != "object") return t;
164
- const e = t, l = Array.isArray(e.series) ? e.series : [], i = l.length === 0 ? [{
165
- stack: "total"
166
- }] : l.map((r) => r == null || typeof r != "object" ? r : {
167
- ...r,
168
- stack: "total"
169
- });
170
- return {
171
- ...e,
172
- series: i
173
- };
174
- }, _t = {
175
- on: "Unstack series",
176
- off: "Stack series"
177
- }, he = {
178
- toggle: {
179
- p: 0.5,
180
- "& .MuiSvgIcon-root": {
181
- fontSize: 20
182
- }
183
- },
184
- toggleActive: {
185
- background: (t) => t.palette.primary.relatedLight
186
- }
187
- }, Et = {
188
- id: "stack-toggle",
189
- type: "config",
190
- order: 30
191
- };
192
- function Cl(t) {
193
- const e = B(18), {
194
- initialEnabled: l,
195
- labels: i,
196
- icon: r,
197
- iconProps: f
198
- } = t, p = l === void 0 ? !1 : l, _ = r === void 0 ? Ue : r, v = j();
199
- let h;
200
- e[0] !== i ? (h = {
201
- ..._t,
202
- ...i
203
- }, e[0] = i, e[1] = h) : h = e[1];
204
- const a = h;
205
- let n;
206
- e[2] !== p ? (n = {
207
- initialEnabled: p
208
- }, e[2] = p, e[3] = n) : n = e[3];
209
- const {
210
- enabled: u,
211
- toggle: A
212
- } = ie(v, Et, At, n), o = u ? a.on : a.off, b = u && he.toggleActive;
213
- let m;
214
- e[4] !== b ? (m = {
215
- ...he.toggle,
216
- ...b
217
- }, e[4] = b, e[5] = m) : m = e[5];
218
- let c;
219
- e[6] !== _ || e[7] !== f ? (c = /* @__PURE__ */ S(_, { fontSize: "small", ...f }), e[6] = _, e[7] = f, e[8] = c) : c = e[8];
220
- let d;
221
- e[9] !== u || e[10] !== m || e[11] !== c || e[12] !== A || e[13] !== o ? (d = /* @__PURE__ */ S(U, { size: "small", "aria-label": o, "aria-pressed": u, onClick: A, sx: m, children: c }), e[9] = u, e[10] = m, e[11] = c, e[12] = A, e[13] = o, e[14] = d) : d = e[14];
222
- let s;
223
- return e[15] !== d || e[16] !== o ? (s = /* @__PURE__ */ S(G, { title: o, children: d }), e[15] = d, e[16] = o, e[17] = s) : s = e[17], s;
224
- }
225
- const Lt = {
226
- toggle: "Show less"
227
- }, xt = {
228
- toggle: {
229
- p: 0.5,
230
- "& .MuiSvgIcon-root": {
231
- fontSize: 20
232
- }
233
- }
234
- }, pe = "show-all";
235
- function Il(t) {
236
- const e = B(14), {
237
- labels: l,
238
- icon: i,
239
- iconProps: r
240
- } = t, f = i === void 0 ? xe : i, p = j();
241
- let _;
242
- e[0] !== l ? (_ = {
243
- ...Lt,
244
- ...l
245
- }, e[0] = l, e[1] = _) : _ = e[1];
246
- const v = _;
247
- let h;
248
- e[2] !== p ? (h = () => Ct(p, !1), e[2] = p, e[3] = h) : h = e[3];
249
- let a;
250
- e[4] !== f || e[5] !== r ? (a = /* @__PURE__ */ S(f, { fontSize: "small", ...r }), e[4] = f, e[5] = r, e[6] = a) : a = e[6];
251
- let n;
252
- e[7] !== v.toggle || e[8] !== h || e[9] !== a ? (n = /* @__PURE__ */ S(U, { size: "small", "aria-label": v.toggle, "aria-pressed": !0, onClick: h, sx: xt.toggle, children: a }), e[7] = v.toggle, e[8] = h, e[9] = a, e[10] = n) : n = e[10];
253
- let u;
254
- return e[11] !== v.toggle || e[12] !== n ? (u = /* @__PURE__ */ S(G, { title: v.toggle, children: n }), e[11] = v.toggle, e[12] = n, e[13] = u) : u = e[13], u;
255
- }
256
- function Ct(t, e) {
257
- te(t).setState((l) => ({
258
- transformStates: {
259
- ...l.transformStates,
260
- [pe]: {
261
- ...l.transformStates[pe],
262
- enabled: e
263
- }
264
- }
265
- }));
266
- }
267
- const It = {
268
- on: "Disable zoom",
269
- off: "Enable zoom"
270
- }, be = {
271
- toggle: {
272
- p: 0.5,
273
- "& .MuiSvgIcon-root": {
274
- fontSize: 20
275
- }
276
- },
277
- toggleActive: {
278
- background: (t) => t.palette.primary.relatedLight
279
- }
280
- }, Tt = {
281
- id: "zoom-toggle",
282
- type: "config",
283
- order: 20
284
- };
285
- function Tl(t) {
286
- const e = B(31), {
287
- initialEnabled: l,
288
- labels: i,
289
- icon: r,
290
- iconProps: f,
291
- axes: p
292
- } = t, _ = l === void 0 ? !1 : l, v = r === void 0 ? We : r, h = j(), a = we();
293
- let n;
294
- e[0] !== i ? (n = {
295
- ...It,
296
- ...i
297
- }, e[0] = i, e[1] = n) : n = e[1];
298
- const u = n;
299
- let A;
300
- e[2] !== p ? (A = p ? p.includes("x") : !0, e[2] = p, e[3] = A) : A = e[3];
301
- const o = A;
302
- let b;
303
- e[4] !== p ? (b = p ? p.includes("y") : !1, e[4] = p, e[5] = b) : b = e[5];
304
- const m = b;
305
- let c;
306
- if (e[6] !== o || e[7] !== m || e[8] !== a) {
307
- const w = [];
308
- o && w.push("x"), m && w.push("y"), c = lt(a, {
309
- axes: w
310
- }), e[6] = o, e[7] = m, e[8] = a, e[9] = c;
311
- } else
312
- c = e[9];
313
- const d = c;
314
- let s;
315
- e[10] !== _ ? (s = {
316
- initialEnabled: _
317
- }, e[10] = _, e[11] = s) : s = e[11];
318
- const {
319
- enabled: g,
320
- toggle: y
321
- } = ie(h, Tt, d, s);
322
- let E;
323
- e[12] !== g || e[13] !== h || e[14] !== y ? (E = () => {
324
- g && Qe(h)?.setOption({}, {
325
- replaceMerge: ["dataZoom"]
326
- }), y();
327
- }, e[12] = g, e[13] = h, e[14] = y, e[15] = E) : E = e[15];
328
- const I = E, L = g ? u.on : u.off, k = g ? "active" : void 0, D = g && be.toggleActive;
329
- let z;
330
- e[16] !== D ? (z = {
331
- ...be.toggle,
332
- ...D
333
- }, e[16] = D, e[17] = z) : z = e[17];
334
- let x;
335
- e[18] !== v || e[19] !== f ? (x = /* @__PURE__ */ S(v, { fontSize: "small", ...f }), e[18] = v, e[19] = f, e[20] = x) : x = e[20];
336
- let C;
337
- e[21] !== g || e[22] !== I || e[23] !== z || e[24] !== x || e[25] !== k || e[26] !== L ? (C = /* @__PURE__ */ S(U, { size: "small", "aria-label": L, "aria-pressed": g, onClick: I, className: k, sx: z, children: x }), e[21] = g, e[22] = I, e[23] = z, e[24] = x, e[25] = k, e[26] = L, e[27] = C) : C = e[27];
338
- let T;
339
- return e[28] !== C || e[29] !== L ? (T = /* @__PURE__ */ S(G, { title: L, children: C }), e[28] = C, e[29] = L, e[30] = T) : T = e[30], T;
340
- }
341
- const kt = (t) => {
342
- if (t == null || typeof t != "object") return t;
343
- const e = t;
344
- return {
345
- ...e,
346
- brush: {
347
- toolbox: ["rect", "clear"],
348
- xAxisIndex: "all",
349
- brushLink: "all",
350
- outOfBrush: {
351
- colorAlpha: 0.15
352
- }
353
- },
354
- toolbox: {
355
- ...e.toolbox ?? {},
356
- show: !1,
357
- feature: {
358
- ...e.toolbox?.feature ?? {},
359
- brush: {
360
- type: ["rect", "clear"]
361
- }
362
- }
363
- }
364
- };
365
- }, Dt = {
366
- on: "Disable brush selection",
367
- off: "Enable brush selection"
368
- }, Se = {
369
- toggle: {
370
- p: 0.5,
371
- "& .MuiSvgIcon-root": {
372
- fontSize: 20
373
- }
374
- },
375
- toggleActive: {
376
- background: (t) => t.palette.primary.relatedLight
377
- }
378
- }, zt = {
379
- id: "brush-toggle",
380
- type: "config",
381
- order: 25
382
- };
383
- function kl(t) {
384
- const e = B(33), {
385
- initialEnabled: l,
386
- brushType: i,
387
- brushMode: r,
388
- selection: f,
389
- labels: p,
390
- icon: _,
391
- iconProps: v
392
- } = t, h = l === void 0 ? !1 : l, a = i === void 0 ? "lineX" : i, n = r === void 0 ? "multiple" : r, u = _ === void 0 ? je : _, A = j();
393
- let o;
394
- e[0] !== p ? (o = {
395
- ...Dt,
396
- ...p
397
- }, e[0] = p, e[1] = o) : o = e[1];
398
- const b = o;
399
- let m;
400
- e[2] !== h ? (m = {
401
- initialEnabled: h
402
- }, e[2] = h, e[3] = m) : m = e[3];
403
- const {
404
- enabled: c,
405
- toggle: d
406
- } = ie(A, zt, kt, m), s = et(A);
407
- let g, y;
408
- e[4] !== n || e[5] !== a || e[6] !== s || e[7] !== c ? (g = () => {
409
- if (!s)
410
- return;
411
- if (!c) {
412
- s.dispatchAction({
413
- type: "takeGlobalCursor"
414
- }), s.dispatchAction({
415
- type: "brush",
416
- areas: []
417
- });
418
- return;
419
- }
420
- const w = () => {
421
- s.dispatchAction({
422
- type: "takeGlobalCursor",
423
- key: "brush",
424
- brushOption: {
425
- brushType: a,
426
- brushMode: n
427
- }
428
- });
429
- }, O = () => w();
430
- return s.on("finished", O), w(), () => {
431
- s.off("finished", O);
432
- };
433
- }, y = [s, c, a, n], e[4] = n, e[5] = a, e[6] = s, e[7] = c, e[8] = g, e[9] = y) : (g = e[8], y = e[9]), ae(g, y);
434
- let E;
435
- e[10] !== s || e[11] !== c || e[12] !== f?.length ? (E = () => {
436
- !s || !c || f?.length === 0 && s.dispatchAction({
437
- type: "brush",
438
- areas: []
439
- });
440
- }, e[10] = s, e[11] = c, e[12] = f?.length, e[13] = E) : E = e[13];
441
- let I;
442
- e[14] !== s || e[15] !== c || e[16] !== f ? (I = [s, c, f], e[14] = s, e[15] = c, e[16] = f, e[17] = I) : I = e[17], ae(E, I);
443
- const L = c ? b.on : b.off, k = c ? "active" : void 0, D = c && Se.toggleActive;
444
- let z;
445
- e[18] !== D ? (z = {
446
- ...Se.toggle,
447
- ...D
448
- }, e[18] = D, e[19] = z) : z = e[19];
449
- let x;
450
- e[20] !== u || e[21] !== v ? (x = /* @__PURE__ */ S(u, { fontSize: "small", ...v }), e[20] = u, e[21] = v, e[22] = x) : x = e[22];
451
- let C;
452
- e[23] !== c || e[24] !== k || e[25] !== z || e[26] !== x || e[27] !== d || e[28] !== L ? (C = /* @__PURE__ */ S(U, { size: "small", "aria-label": L, "aria-pressed": c, onClick: d, className: k, sx: z, children: x }), e[23] = c, e[24] = k, e[25] = z, e[26] = x, e[27] = d, e[28] = L, e[29] = C) : C = e[29];
453
- let T;
454
- return e[30] !== C || e[31] !== L ? (T = /* @__PURE__ */ S(G, { title: L, children: C }), e[30] = C, e[31] = L, e[32] = T) : T = e[32], T;
455
- }
456
- function wt(t) {
457
- return Array.isArray(t) ? t.every((e) => e != null && typeof e == "object" && "value" in e && typeof e.value == "number") : !1;
458
- }
459
- const Ot = (t) => Array.isArray(t) ? t.map((e) => {
460
- if (!wt(e)) return e;
461
- const l = e.reduce((i, r) => i + Math.abs(r.value), 0);
462
- return l <= 0 ? e : e.map((i) => ({
463
- ...i,
464
- value: i.value / l * 100
465
- }));
466
- }) : t;
467
- function Ft(t) {
468
- const e = new Intl.NumberFormat(t, {
469
- style: "percent",
470
- minimumFractionDigits: 0,
471
- maximumFractionDigits: 2
472
- });
473
- return (l) => typeof l != "number" || !Number.isFinite(l) ? String(l) : e.format(l / 100);
474
- }
475
- const Pt = {
476
- on: "Show absolute values",
477
- off: "Show relative values"
478
- }, ve = {
479
- toggle: {
480
- p: 0.5,
481
- "& .MuiSvgIcon-root": {
482
- fontSize: 20
483
- }
484
- },
485
- toggleActive: {
486
- background: (t) => t.palette.primary.relatedLight
487
- }
488
- }, Rt = {
489
- id: "relative-data",
490
- type: "data",
491
- order: 15
492
- };
493
- function Dl(t) {
494
- const e = B(26), {
495
- initialEnabled: l,
496
- locale: i,
497
- labels: r,
498
- icon: f,
499
- iconProps: p,
500
- transform: _
501
- } = t, v = l === void 0 ? !1 : l, h = f === void 0 ? Ge : f, a = j();
502
- let n;
503
- e[0] !== r ? (n = {
504
- ...Pt,
505
- ...r
506
- }, e[0] = r, e[1] = n) : n = e[1];
507
- const u = n;
508
- let A;
509
- e[2] !== v ? (A = {
510
- initialEnabled: v
511
- }, e[2] = v, e[3] = A) : A = e[3];
512
- const {
513
- enabled: o,
514
- toggle: b
515
- } = ie(a, Rt, _ ?? Ot, A);
516
- let m;
517
- e[4] !== i ? (m = Ft(i), e[4] = i, e[5] = m) : m = e[5];
518
- const c = m, d = se(a, $t);
519
- let s, g;
520
- e[6] !== o || e[7] !== a || e[8] !== c || e[9] !== d ? (s = () => {
521
- te(a).setState({
522
- formatter: o ? c : d
523
- });
524
- }, g = [a, o, c, d], e[6] = o, e[7] = a, e[8] = c, e[9] = d, e[10] = s, e[11] = g) : (s = e[10], g = e[11]), ae(s, g);
525
- const y = o ? u.on : u.off, E = o && ve.toggleActive;
526
- let I;
527
- e[12] !== E ? (I = {
528
- ...ve.toggle,
529
- ...E
530
- }, e[12] = E, e[13] = I) : I = e[13];
531
- let L;
532
- e[14] !== h || e[15] !== p ? (L = /* @__PURE__ */ S(h, { fontSize: "small", ...p }), e[14] = h, e[15] = p, e[16] = L) : L = e[16];
533
- let k;
534
- e[17] !== o || e[18] !== L || e[19] !== I || e[20] !== b || e[21] !== y ? (k = /* @__PURE__ */ S(U, { size: "small", "aria-label": y, "aria-pressed": o, onClick: b, sx: I, children: L }), e[17] = o, e[18] = L, e[19] = I, e[20] = b, e[21] = y, e[22] = k) : k = e[22];
535
- let D;
536
- return e[23] !== k || e[24] !== y ? (D = /* @__PURE__ */ S(G, { title: y, children: k }), e[23] = k, e[24] = y, e[25] = D) : D = e[25], D;
537
- }
538
- function $t(t) {
539
- return t.rawFormatter;
540
- }
541
- const Bt = {
542
- trigger: "Download",
543
- loading: "Downloading…",
544
- error: "Download failed"
545
- };
546
- function zl(t) {
547
- const e = B(36), {
548
- items: l,
549
- labels: i,
550
- icon: r,
551
- iconProps: f,
552
- onError: p
553
- } = t, _ = r === void 0 ? Ze : r;
554
- let v;
555
- e[0] !== i ? (v = {
556
- ...Bt,
557
- ...i
558
- }, e[0] = i, e[1] = v) : v = e[1];
559
- const h = v, [a, n] = q(null), [u, A] = q(!1), [o, b] = q(null);
560
- let m;
561
- e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = ($) => {
562
- b(null), n($.currentTarget);
563
- }, e[2] = m) : m = e[2];
564
- const c = m;
565
- let d;
566
- e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = () => n(null), e[3] = d) : d = e[3];
567
- const s = d;
568
- let g;
569
- e[4] !== u || e[5] !== p ? (g = ($) => {
570
- $.disabled || u || (s(), A(!0), b(null), $.resolve().then((P) => {
571
- const {
572
- url: W,
573
- filename: X,
574
- revoke: V
575
- } = P;
576
- ot({
577
- url: W,
578
- filename: $.filename ?? X
579
- }), V && setTimeout(V, 0);
580
- }).catch((P) => {
581
- const W = P instanceof Error ? P : new Error(String(P));
582
- b(W), p?.(W);
583
- }).finally(() => {
584
- A(!1);
585
- }));
586
- }, e[4] = u, e[5] = p, e[6] = g) : g = e[6];
587
- const y = g, E = u ? h.loading : o ? h.error : h.trigger, I = !!a || u, L = a ? "true" : void 0, k = u || void 0, D = o ? "true" : void 0, z = u || l.length === 0, x = I ? "active" : void 0;
588
- let C;
589
- e[7] !== _ || e[8] !== f || e[9] !== u ? (C = u ? /* @__PURE__ */ S(Oe, { size: 18, color: "inherit" }) : /* @__PURE__ */ S(_, { fontSize: "small", ...f }), e[7] = _, e[8] = f, e[9] = u, e[10] = C) : C = e[10];
590
- let T;
591
- e[11] !== x || e[12] !== C || e[13] !== L || e[14] !== k || e[15] !== D || e[16] !== z || e[17] !== E ? (T = /* @__PURE__ */ S(U, { size: "small", "aria-label": E, "aria-haspopup": "true", "aria-expanded": L, "aria-busy": k, "data-error": D, disabled: z, onClick: c, className: x, children: C }), e[11] = x, e[12] = C, e[13] = L, e[14] = k, e[15] = D, e[16] = z, e[17] = E, e[18] = T) : T = e[18];
592
- let w;
593
- e[19] !== T || e[20] !== E ? (w = /* @__PURE__ */ S(G, { title: E, children: T }), e[19] = T, e[20] = E, e[21] = w) : w = e[21];
594
- const O = !!a;
595
- let R, F;
596
- e[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = {
597
- vertical: "bottom",
598
- horizontal: "right"
599
- }, F = {
600
- vertical: "top",
601
- horizontal: "right"
602
- }, e[22] = R, e[23] = F) : (R = e[22], F = e[23]);
603
- let H;
604
- if (e[24] !== l || e[25] !== y) {
605
- let $;
606
- e[27] !== y ? ($ = (P) => /* @__PURE__ */ ee(Ae, { disabled: P.disabled, onClick: () => {
607
- y(P);
608
- }, children: [
609
- P.icon && /* @__PURE__ */ S(Fe, { sx: {
610
- color: "text.primary"
611
- }, children: P.icon }),
612
- /* @__PURE__ */ S(_e, { children: P.label })
613
- ] }, P.id), e[27] = y, e[28] = $) : $ = e[28], H = l.map($), e[24] = l, e[25] = y, e[26] = H;
614
- } else
615
- H = e[26];
616
- let N;
617
- e[29] !== a || e[30] !== O || e[31] !== H ? (N = /* @__PURE__ */ S(Ee, { anchorEl: a, open: O, onClose: s, variant: "menu", elevation: 8, anchorOrigin: R, transformOrigin: F, children: H }), e[29] = a, e[30] = O, e[31] = H, e[32] = N) : N = e[32];
618
- let K;
619
- return e[33] !== w || e[34] !== N ? (K = /* @__PURE__ */ ee(fe, { children: [
620
- w,
621
- N
622
- ] }), e[33] = w, e[34] = N, e[35] = K) : K = e[35], K;
623
- }
624
- const Ie = {
625
- open: "Open in full screen",
626
- close: "Exit full screen"
627
- }, Q = {
628
- // Inline shell where the portaled body lives when fullscreen is closed.
629
- // Real flex-column box (not `display: contents`) so that:
630
- // 1. when the body is moved into the modal, we can pin a `min-height`
631
- // to keep the widget card from collapsing — the inline shell is
632
- // empty for that interval, and a layout-less wrapper would make
633
- // the card squish a frame before the modal covers it (visible
634
- // blink).
635
- // 2. nested `flex: 1` (e.g. Widget.State's CaptureBox) still grows —
636
- // this shell preserves the column-flex inheritance it would have
637
- // had directly under `Widget.Content`.
638
- // `gap: 1` mirrors `Widget.Content`'s gap so the body's siblings
639
- // (Subheader / capture box / note) keep their spacing.
640
- inlineSlot: {
641
- display: "flex",
642
- flexDirection: "column",
643
- flex: 1,
644
- minHeight: 0,
645
- gap: 1
646
- },
647
- trigger: {
648
- p: 0.5,
649
- "& .MuiSvgIcon-root": {
650
- fontSize: 20
651
- }
652
- },
653
- triggerActive: {
654
- background: (t) => t.palette.primary.relatedLight
655
- },
656
- dialogPaper: {
657
- width: "90vw",
658
- height: "90vh",
659
- maxWidth: "none",
660
- maxHeight: "none"
661
- },
662
- dialogTitle: {
663
- display: "flex",
664
- alignItems: "center",
665
- justifyContent: "space-between",
666
- gap: 1,
667
- py: 3,
668
- pr: 3,
669
- pb: 2
670
- },
671
- titleText: {
672
- minWidth: 0,
673
- overflow: "hidden",
674
- textOverflow: "ellipsis",
675
- whiteSpace: "nowrap"
676
- },
677
- dialogContent: {
678
- display: "flex",
679
- flexDirection: "column",
680
- gap: 1,
681
- py: 3,
682
- px: 2.5,
683
- overflow: "auto"
684
- }
685
- };
686
- function Mt(t) {
687
- const e = B(20), {
688
- labels: l,
689
- enterIcon: i,
690
- exitIcon: r,
691
- iconProps: f
692
- } = t, p = i === void 0 ? Ve : i, _ = r === void 0 ? Ke : r, v = j();
693
- let h;
694
- e[0] !== l ? (h = {
695
- ...Ie,
696
- ...l
697
- }, e[0] = l, e[1] = h) : h = e[1];
698
- const a = h, n = se(v, Ht);
699
- let u;
700
- e[2] !== v || e[3] !== n ? (u = () => {
701
- te(v).setState({
702
- isFullScreen: !n
703
- });
704
- }, e[2] = v, e[3] = n, e[4] = u) : u = e[4];
705
- const A = u, o = n ? a.close : a.open, b = n ? _ : p, m = n ? "active" : void 0, c = n && Q.triggerActive;
706
- let d;
707
- e[5] !== c ? (d = {
708
- ...Q.trigger,
709
- ...c
710
- }, e[5] = c, e[6] = d) : d = e[6];
711
- let s;
712
- e[7] !== b || e[8] !== f ? (s = /* @__PURE__ */ S(b, { fontSize: "small", ...f }), e[7] = b, e[8] = f, e[9] = s) : s = e[9];
713
- let g;
714
- e[10] !== A || e[11] !== n || e[12] !== m || e[13] !== d || e[14] !== s || e[15] !== o ? (g = /* @__PURE__ */ S(U, { size: "small", "aria-label": o, "aria-pressed": n, onClick: A, className: m, sx: d, children: s }), e[10] = A, e[11] = n, e[12] = m, e[13] = d, e[14] = s, e[15] = o, e[16] = g) : g = e[16];
715
- let y;
716
- return e[17] !== g || e[18] !== o ? (y = /* @__PURE__ */ S(G, { title: o, children: g }), e[17] = g, e[18] = o, e[19] = y) : y = e[19], y;
717
- }
718
- function Ht(t) {
719
- return t.isFullScreen ?? !1;
720
- }
721
- function Nt(t) {
722
- const e = B(44), {
723
- children: l,
724
- title: i,
725
- labels: r,
726
- closeIcon: f,
727
- iconProps: p
728
- } = t, _ = f === void 0 ? xe : f, v = j();
729
- let h;
730
- e[0] !== r ? (h = {
731
- ...Ie,
732
- ...r
733
- }, e[0] = r, e[1] = h) : h = e[1];
734
- const a = h, n = se(v, jt), [u, A] = q(null), [o, b] = q(null), [m] = q(Wt);
735
- let c;
736
- e[2] !== v ? (c = () => {
737
- te(v).setState({
738
- isFullScreen: !1
739
- });
740
- }, e[2] = v, e[3] = c) : c = e[3];
741
- const d = c;
742
- let s, g;
743
- e[4] !== o || e[5] !== u || e[6] !== n || e[7] !== m ? (s = () => {
744
- if (!m || !u)
745
- return;
746
- const F = n ? o : u;
747
- F && m.parentNode !== F && F.appendChild(m), n || Gt(u);
748
- }, g = [n, u, o, m], e[4] = o, e[5] = u, e[6] = n, e[7] = m, e[8] = s, e[9] = g) : (s = e[8], g = e[9]), De(s, g);
749
- const y = `widget-fullscreen-title-${v}`;
750
- let E, I;
751
- if (e[10] !== l || e[11] !== n || e[12] !== m) {
752
- const F = l(n);
753
- e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ S(Pe, { ref: A, sx: Q.inlineSlot }), e[15] = E) : E = e[15], I = m ? nt(F, m) : null, e[10] = l, e[11] = n, e[12] = m, e[13] = E, e[14] = I;
754
- } else
755
- E = e[13], I = e[14];
756
- let L;
757
- e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = {
758
- sx: Q.dialogPaper
759
- }, e[16] = L) : L = e[16];
760
- let k;
761
- e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = {
762
- zIndex: Ut
763
- }, e[17] = k) : k = e[17];
764
- let D;
765
- e[18] !== i ? (D = /* @__PURE__ */ S(Re, { variant: "subtitle1", component: "span", sx: Q.titleText, children: i }), e[18] = i, e[19] = D) : D = e[19];
766
- let z;
767
- e[20] !== _ || e[21] !== p ? (z = /* @__PURE__ */ S(_, { fontSize: "small", ...p }), e[20] = _, e[21] = p, e[22] = z) : z = e[22];
768
- let x;
769
- e[23] !== a.close || e[24] !== d || e[25] !== z ? (x = /* @__PURE__ */ S(U, { size: "medium", "aria-label": a.close, onClick: d, children: z }), e[23] = a.close, e[24] = d, e[25] = z, e[26] = x) : x = e[26];
770
- let C;
771
- e[27] !== a.close || e[28] !== x ? (C = /* @__PURE__ */ S(G, { title: a.close, children: x }), e[27] = a.close, e[28] = x, e[29] = C) : C = e[29];
772
- let T;
773
- e[30] !== D || e[31] !== C || e[32] !== y ? (T = /* @__PURE__ */ ee($e, { id: y, component: "div", sx: Q.dialogTitle, children: [
774
- D,
775
- C
776
- ] }), e[30] = D, e[31] = C, e[32] = y, e[33] = T) : T = e[33];
777
- let w;
778
- e[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ S(Be, { ref: b, sx: Q.dialogContent }), e[34] = w) : w = e[34];
779
- let O;
780
- e[35] !== d || e[36] !== n || e[37] !== T || e[38] !== y ? (O = /* @__PURE__ */ ee(Me, { open: n, onClose: d, PaperProps: L, "aria-labelledby": y, sx: k, children: [
781
- T,
782
- w
783
- ] }), e[35] = d, e[36] = n, e[37] = T, e[38] = y, e[39] = O) : O = e[39];
784
- let R;
785
- return e[40] !== O || e[41] !== E || e[42] !== I ? (R = /* @__PURE__ */ ee(fe, { children: [
786
- E,
787
- I,
788
- O
789
- ] }), e[40] = O, e[41] = E, e[42] = I, e[43] = R) : R = e[43], R;
790
- }
791
- function Ut(t) {
792
- return t.zIndex.tooltip + 1;
793
- }
794
- function Wt() {
795
- if (typeof document > "u")
796
- return null;
797
- const t = document.createElement("div");
798
- return t.style.display = "contents", t;
799
- }
800
- function jt(t) {
801
- return t.isFullScreen ?? !1;
802
- }
803
- function Gt(t) {
804
- t.style.minHeight = "";
805
- const e = t.getBoundingClientRect().height;
806
- e > 0 && (t.style.minHeight = `${e}px`);
807
- }
808
- const wl = {
809
- Trigger: Mt,
810
- Slot: Nt
811
- };
812
- function Zt(t, e) {
813
- if (e.length === 0 || !Array.isArray(t)) return t;
814
- const l = new Set(e);
815
- return t.map((i) => Array.isArray(i) ? i.filter((r) => {
816
- if (r == null) return !1;
817
- if (typeof r == "object" && "name" in r) {
818
- const f = r.name;
819
- return typeof f == "string" || typeof f == "number" ? l.has(f) : !1;
820
- }
821
- return !1;
822
- }) : i);
823
- }
824
- const Kt = {
825
- lock: "Lock selection",
826
- unlock: "Unlock selection",
827
- disabled: "Select rows to lock"
828
- }, ye = {
829
- toggle: {
830
- p: 0.5,
831
- "& .MuiSvgIcon-root": {
832
- fontSize: 20
833
- }
834
- },
835
- toggleActive: {
836
- background: (t) => t.palette.primary.relatedLight
837
- }
838
- }, Vt = {
839
- id: "lock-selection",
840
- type: "data",
841
- order: 30
842
- };
843
- function Ol(t) {
844
- const e = B(28), {
845
- selection: l,
846
- lockedItems: i,
847
- onLockChange: r,
848
- labels: f,
849
- lockIcon: p,
850
- unlockIcon: _,
851
- iconProps: v
852
- } = t, h = p === void 0 ? qe : p, a = _ === void 0 ? Xe : _, n = j();
853
- let u;
854
- e[0] !== f ? (u = {
855
- ...Kt,
856
- ...f
857
- }, e[0] = f, e[1] = u) : u = e[1];
858
- const A = u, o = i.length > 0, b = o || l.length > 0, m = Xt(i);
859
- let c;
860
- e[2] !== o ? (c = {
861
- initialEnabled: o
862
- }, e[2] = o, e[3] = c) : c = e[3];
863
- const {
864
- enabled: d,
865
- setEnabled: s
866
- } = tt(n, m, c);
867
- let g, y;
868
- e[4] !== d || e[5] !== o || e[6] !== s ? (g = () => {
869
- d !== o && s(o);
870
- }, y = [d, o, s], e[4] = d, e[5] = o, e[6] = s, e[7] = g, e[8] = y) : (g = e[7], y = e[8]), ae(g, y);
871
- let E;
872
- e[9] !== o || e[10] !== r || e[11] !== l ? (E = () => {
873
- r(o ? [] : [...l]);
874
- }, e[9] = o, e[10] = r, e[11] = l, e[12] = E) : E = e[12];
875
- const I = E, L = b ? o ? A.unlock : A.lock : A.disabled, k = o ? a : h, D = !b, z = o && ye.toggleActive;
876
- let x;
877
- e[13] !== z ? (x = {
878
- ...ye.toggle,
879
- ...z
880
- }, e[13] = z, e[14] = x) : x = e[14];
881
- let C;
882
- e[15] !== k || e[16] !== v ? (C = /* @__PURE__ */ S(k, { fontSize: "small", ...v }), e[15] = k, e[16] = v, e[17] = C) : C = e[17];
883
- let T;
884
- e[18] !== I || e[19] !== o || e[20] !== x || e[21] !== C || e[22] !== D || e[23] !== L ? (T = /* @__PURE__ */ S("span", { children: /* @__PURE__ */ S(U, { size: "small", "aria-label": L, "aria-pressed": o, disabled: D, onClick: I, sx: x, children: C }) }), e[18] = I, e[19] = o, e[20] = x, e[21] = C, e[22] = D, e[23] = L, e[24] = T) : T = e[24];
885
- let w;
886
- return e[25] !== T || e[26] !== L ? (w = /* @__PURE__ */ S(G, { title: L, children: T }), e[25] = T, e[26] = L, e[27] = w) : w = e[27], w;
887
- }
888
- function Xt(t) {
889
- const e = B(4);
890
- let l;
891
- e[0] !== t ? (l = (f) => Zt(f, t), e[0] = t, e[1] = l) : l = e[1];
892
- const i = l;
893
- let r;
894
- return e[2] !== i ? (r = [{
895
- descriptor: Vt,
896
- fn: i
897
- }], e[2] = i, e[3] = r) : r = e[3], r;
898
- }
899
- function qt(t) {
900
- const e = B(3);
901
- let l;
902
- e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ S("path", { fill: "currentColor", fillRule: "evenodd", d: "M14.25 2.25H3.75c-.825 0-1.5.675-1.5 1.5v10.5c0 .825.675 1.5 1.5 1.5h10.5c.825 0 1.5-.675 1.5-1.5V3.75c0-.825-.675-1.5-1.5-1.5m-3.75 12h-3V3.75h3zM3.75 3.75H6v10.5H3.75zM12 14.25V3.75h2.25v10.5z", clipRule: "evenodd" }), e[0] = l) : l = e[0];
903
- let i;
904
- return e[1] !== t ? (i = /* @__PURE__ */ S(He, { viewBox: "0 0 18 18", ...t, children: l }), e[1] = t, e[2] = i) : i = e[2], i;
905
- }
906
- const Yt = {
907
- trigger: "Change column order",
908
- reset: "Reset to default"
909
- }, ne = {
910
- toggle: {
911
- p: 0.5,
912
- "& .MuiSvgIcon-root": {
913
- fontSize: 20
914
- }
915
- },
916
- toggleActive: {
917
- background: (t) => t.palette.primary.relatedLight
918
- },
919
- menuPaper: {
920
- overflow: "hidden",
921
- minWidth: 220
922
- },
923
- item: {
924
- cursor: "grab",
925
- "&:focus-visible": {
926
- outline: "2px solid",
927
- outlineColor: "primary.main",
928
- outlineOffset: -2
929
- }
930
- },
931
- itemDragging: {
932
- opacity: 0.5,
933
- cursor: "grabbing"
934
- },
935
- dragHandle: {
936
- color: "text.secondary",
937
- mr: 1,
938
- fontSize: 18
939
- }
940
- };
941
- function Jt(t) {
942
- const e = B(21), {
943
- id: l,
944
- label: i,
945
- dragHandleIcon: r
946
- } = t, f = r === void 0 ? Ye : r;
947
- let p;
948
- e[0] !== l ? (p = {
949
- id: l
950
- }, e[0] = l, e[1] = p) : p = e[1];
951
- const {
952
- attributes: _,
953
- listeners: v,
954
- setNodeRef: h,
955
- transform: a,
956
- transition: n,
957
- isDragging: u
958
- } = ft(p);
959
- let A;
960
- e[2] !== a ? (A = ht.Transform.toString(a ? {
961
- ...a,
962
- x: 0
963
- } : null), e[2] = a, e[3] = A) : A = e[3];
964
- let o;
965
- e[4] !== A || e[5] !== n ? (o = {
966
- transform: A,
967
- transition: n
968
- }, e[4] = A, e[5] = n, e[6] = o) : o = e[6];
969
- const b = o, m = u && ne.itemDragging;
970
- let c;
971
- e[7] !== m ? (c = {
972
- ...ne.item,
973
- ...m
974
- }, e[7] = m, e[8] = c) : c = e[8];
975
- let d;
976
- e[9] !== f ? (d = /* @__PURE__ */ S(f, { sx: ne.dragHandle }), e[9] = f, e[10] = d) : d = e[10];
977
- let s;
978
- e[11] !== i ? (s = /* @__PURE__ */ S(_e, { children: i }), e[11] = i, e[12] = s) : s = e[12];
979
- let g;
980
- return e[13] !== _ || e[14] !== v || e[15] !== h || e[16] !== c || e[17] !== d || e[18] !== s || e[19] !== b ? (g = /* @__PURE__ */ ee(Ae, { ref: h, style: b, ..._, ...v, role: "menuitem", tabIndex: 0, sx: c, children: [
981
- d,
982
- s
983
- ] }), e[13] = _, e[14] = v, e[15] = h, e[16] = c, e[17] = d, e[18] = s, e[19] = b, e[20] = g) : g = e[20], g;
984
- }
985
- function Fl(t) {
986
- const e = B(52), {
987
- columns: l,
988
- labels: i,
989
- icon: r,
990
- iconProps: f,
991
- dragHandleIcon: p
992
- } = t, _ = r === void 0 ? qt : r, v = j();
993
- let h;
994
- e[0] !== i ? (h = {
995
- ...Yt,
996
- ...i
997
- }, e[0] = i, e[1] = h) : h = e[1];
998
- const a = h, [n, u] = q(null), A = se(v, tl);
999
- let o;
1000
- if (e[2] !== A || e[3] !== l) {
1001
- e: {
1002
- const M = l.map(el);
1003
- if (!A || A.length === 0) {
1004
- o = M;
1005
- break e;
1006
- }
1007
- const Y = new Set(M), J = /* @__PURE__ */ new Set(), oe = [];
1008
- for (const Z of A)
1009
- Y.has(Z) && !J.has(Z) && (oe.push(Z), J.add(Z));
1010
- for (const Z of M)
1011
- J.has(Z) || oe.push(Z);
1012
- o = oe;
1013
- }
1014
- e[2] = A, e[3] = l, e[4] = o;
1015
- } else
1016
- o = e[4];
1017
- const b = o;
1018
- let m;
1019
- e[5] !== l ? (m = new Map(l.map(Qt)), e[5] = l, e[6] = m) : m = e[6];
1020
- const c = m;
1021
- let d;
1022
- if (e[7] !== c || e[8] !== b) {
1023
- d = [];
1024
- for (const M of b) {
1025
- const Y = c.get(M);
1026
- Y != null && d.push(Y);
1027
- }
1028
- e[7] = c, e[8] = b, e[9] = d;
1029
- } else
1030
- d = e[9];
1031
- const s = d;
1032
- let g;
1033
- e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = {
1034
- coordinateGetter: dt
1035
- }, e[10] = g) : g = e[10];
1036
- const y = st(ge(it), ge(rt, g));
1037
- let E;
1038
- e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = (M) => {
1039
- M.stopPropagation(), u(M.currentTarget);
1040
- }, e[11] = E) : E = e[11];
1041
- const I = E;
1042
- let L;
1043
- e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = () => u(null), e[12] = L) : L = e[12];
1044
- const k = L;
1045
- let D;
1046
- e[13] !== v || e[14] !== b ? (D = (M) => {
1047
- const {
1048
- active: Y,
1049
- over: J
1050
- } = M;
1051
- if (!J || Y.id === J.id)
1052
- return;
1053
- const oe = b.indexOf(String(Y.id)), Z = b.indexOf(String(J.id));
1054
- if (oe === -1 || Z === -1)
1055
- return;
1056
- const Te = gt([...b], oe, Z);
1057
- te(v).setState({
1058
- columnOrder: Te
1059
- });
1060
- }, e[13] = v, e[14] = b, e[15] = D) : D = e[15];
1061
- const z = D;
1062
- if (l.length < 2)
1063
- return null;
1064
- const x = !!n, C = x ? "change-column-menu" : void 0, T = x ? "true" : void 0, w = x ? "active" : void 0, O = x && ne.toggleActive;
1065
- let R;
1066
- e[16] !== O ? (R = {
1067
- ...ne.toggle,
1068
- ...O
1069
- }, e[16] = O, e[17] = R) : R = e[17];
1070
- let F;
1071
- e[18] !== _ || e[19] !== f ? (F = /* @__PURE__ */ S(_, { fontSize: "small", ...f }), e[18] = _, e[19] = f, e[20] = F) : F = e[20];
1072
- let H;
1073
- e[21] !== a.trigger || e[22] !== x || e[23] !== T || e[24] !== w || e[25] !== R || e[26] !== F || e[27] !== C ? (H = /* @__PURE__ */ S(U, { size: "small", "aria-label": a.trigger, "aria-pressed": x, "aria-haspopup": "true", "aria-controls": C, "aria-expanded": T, onClick: I, className: w, sx: R, children: F }), e[21] = a.trigger, e[22] = x, e[23] = T, e[24] = w, e[25] = R, e[26] = F, e[27] = C, e[28] = H) : H = e[28];
1074
- let N;
1075
- e[29] !== a.trigger || e[30] !== H ? (N = /* @__PURE__ */ S(G, { title: a.trigger, children: H }), e[29] = a.trigger, e[30] = H, e[31] = N) : N = e[31];
1076
- let K, $, P;
1077
- e[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (K = {
1078
- vertical: "bottom",
1079
- horizontal: "right"
1080
- }, $ = {
1081
- vertical: "top",
1082
- horizontal: "right"
1083
- }, P = {
1084
- paper: {
1085
- sx: ne.menuPaper
1086
- }
1087
- }, e[32] = K, e[33] = $, e[34] = P) : (K = e[32], $ = e[33], P = e[34]);
1088
- let W;
1089
- e[35] !== p || e[36] !== s ? (W = s.map((M) => /* @__PURE__ */ S(Jt, { id: M.id, label: M.label, dragHandleIcon: p }, M.id)), e[35] = p, e[36] = s, e[37] = W) : W = e[37];
1090
- let X;
1091
- e[38] !== b || e[39] !== W ? (X = /* @__PURE__ */ S(ut, { items: b, strategy: mt, children: W }), e[38] = b, e[39] = W, e[40] = X) : X = e[40];
1092
- let V;
1093
- e[41] !== n || e[42] !== x || e[43] !== X ? (V = /* @__PURE__ */ S(Ee, { id: "change-column-menu", anchorEl: n, open: x, onClose: k, anchorOrigin: K, transformOrigin: $, slotProps: P, children: X }), e[41] = n, e[42] = x, e[43] = X, e[44] = V) : V = e[44];
1094
- let le;
1095
- e[45] !== z || e[46] !== y || e[47] !== V ? (le = /* @__PURE__ */ S(at, { sensors: y, collisionDetection: ct, onDragEnd: z, children: V }), e[45] = z, e[46] = y, e[47] = V, e[48] = le) : le = e[48];
1096
- let re;
1097
- return e[49] !== N || e[50] !== le ? (re = /* @__PURE__ */ ee(fe, { children: [
1098
- N,
1099
- le
1100
- ] }), e[49] = N, e[50] = le, e[51] = re) : re = e[51], re;
1101
- }
1102
- function Qt(t) {
1103
- return [t.id, t];
1104
- }
1105
- function el(t) {
1106
- return t.id;
1107
- }
1108
- function tl(t) {
1109
- return t.columnOrder;
1110
- }
1111
- export {
1112
- kl as B,
1113
- Fl as C,
1114
- Dt as D,
1115
- wl as F,
1116
- Ol as L,
1117
- Dl as R,
1118
- pe as S,
1119
- Tl as Z,
1120
- Yt as a,
1121
- Bt as b,
1122
- Ie as c,
1123
- Kt as d,
1124
- Pt as e,
1125
- Ce as f,
1126
- Lt as g,
1127
- _t as h,
1128
- It as i,
1129
- zl as j,
1130
- xl as k,
1131
- Ll as l,
1132
- Il as m,
1133
- Cl as n,
1134
- kt as o,
1135
- At as p,
1136
- Ft as q,
1137
- Zt as r,
1138
- pt as s,
1139
- me as t,
1140
- Ct as u,
1141
- Ot as v
1142
- };
1143
- //# sourceMappingURL=change-column-CiVAjOUB.js.map