@smart-factor/gem-ui-components 0.0.16 → 0.0.18
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/{Drawer-DRs-5EyC.js → Drawer-Cp4FHKbE.js} +4 -4
- package/dist/{Stack-CrOcI22K.js → Stack-BaLJatT3.js} +3 -6
- package/dist/{Tree-DEzkwImd.js → Tree-p-qFS5a4.js} +237 -260
- package/dist/components/Drawer/index.js +1 -1
- package/dist/components/FixedActionsBottomPanel/FixedActionsBottomPanel.d.ts +1 -1
- package/dist/components/Tree/index.js +1 -1
- package/dist/main.d.ts +1 -0
- package/dist/main.js +11815 -31346
- package/package.json +3 -2
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import { jsx as w, jsxs as ve } from "react/jsx-runtime";
|
|
2
2
|
import * as x from "react";
|
|
3
|
-
import { createElement as
|
|
4
|
-
import { J as
|
|
5
|
-
function
|
|
6
|
-
return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`),
|
|
3
|
+
import { createElement as Ht } from "react";
|
|
4
|
+
import { J as Yt, K as Qe, L as Qt, M as Zt, N as en, k as fe, l as me, m as U, _ as D, p as ot, O as tn, T as nn, q as Ne, r as on, Q as rn, h as de, t as Ie, P as r, R as rt, v as ge, x as Ze, U as sn, D as it, f as ln, V as st, a as ue, b as te, n as an, d as cn, g as G, o as dn, E as un, u as pn, B as ce, W as fn, X as lt, Y as ie, A as et, e as mn, F as In, S as gn, H as hn, I as bn } from "./Stack-BaLJatT3.js";
|
|
5
|
+
function yn(e, t = 0, n = 1) {
|
|
6
|
+
return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`), Yt(e, t, n);
|
|
7
7
|
}
|
|
8
|
-
function
|
|
8
|
+
function xn(e) {
|
|
9
9
|
e = e.slice(1);
|
|
10
10
|
const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
|
|
11
11
|
let n = e.match(t);
|
|
12
12
|
return n && n[0].length === 1 && (n = n.map((o) => o + o)), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((o, s) => s < 3 ? parseInt(o, 16) : Math.round(parseInt(o, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
|
|
13
13
|
}
|
|
14
|
-
function
|
|
14
|
+
function at(e) {
|
|
15
15
|
if (e.type)
|
|
16
16
|
return e;
|
|
17
17
|
if (e.charAt(0) === "#")
|
|
18
|
-
return
|
|
18
|
+
return at(xn(e));
|
|
19
19
|
const t = e.indexOf("("), n = e.substring(0, t);
|
|
20
20
|
if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(n) === -1)
|
|
21
21
|
throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
|
|
22
|
-
The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` :
|
|
22
|
+
The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : Qe(9, e));
|
|
23
23
|
let o = e.substring(t + 1, e.length - 1), s;
|
|
24
24
|
if (n === "color") {
|
|
25
25
|
if (o = o.split(" "), s = o.shift(), o.length === 4 && o[3].charAt(0) === "/" && (o[3] = o[3].slice(1)), ["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(s) === -1)
|
|
26
26
|
throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${s}\` color space.
|
|
27
|
-
The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` :
|
|
27
|
+
The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : Qe(10, s));
|
|
28
28
|
} else
|
|
29
29
|
o = o.split(",");
|
|
30
30
|
return o = o.map((d) => parseFloat(d)), {
|
|
@@ -33,7 +33,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
|
|
|
33
33
|
colorSpace: s
|
|
34
34
|
};
|
|
35
35
|
}
|
|
36
|
-
function
|
|
36
|
+
function En(e) {
|
|
37
37
|
const {
|
|
38
38
|
type: t,
|
|
39
39
|
colorSpace: n
|
|
@@ -44,36 +44,17 @@ function _e(e) {
|
|
|
44
44
|
return t.indexOf("rgb") !== -1 ? o = o.map((s, d) => d < 3 ? parseInt(s, 10) : s) : t.indexOf("hsl") !== -1 && (o[1] = `${o[1]}%`, o[2] = `${o[2]}%`), t.indexOf("color") !== -1 ? o = `${n} ${o.join(" ")}` : o = `${o.join(", ")}`, `${t}(${o})`;
|
|
45
45
|
}
|
|
46
46
|
function X(e, t) {
|
|
47
|
-
return e =
|
|
48
|
-
}
|
|
49
|
-
function Xo(e, t) {
|
|
50
|
-
if (e = Me(e), t = je(t), e.type.indexOf("hsl") !== -1)
|
|
51
|
-
e.values[2] *= 1 - t;
|
|
52
|
-
else if (e.type.indexOf("rgb") !== -1 || e.type.indexOf("color") !== -1)
|
|
53
|
-
for (let n = 0; n < 3; n += 1)
|
|
54
|
-
e.values[n] *= 1 - t;
|
|
55
|
-
return _e(e);
|
|
56
|
-
}
|
|
57
|
-
function Wo(e, t) {
|
|
58
|
-
if (e = Me(e), t = je(t), e.type.indexOf("hsl") !== -1)
|
|
59
|
-
e.values[2] += (100 - e.values[2]) * t;
|
|
60
|
-
else if (e.type.indexOf("rgb") !== -1)
|
|
61
|
-
for (let n = 0; n < 3; n += 1)
|
|
62
|
-
e.values[n] += (255 - e.values[n]) * t;
|
|
63
|
-
else if (e.type.indexOf("color") !== -1)
|
|
64
|
-
for (let n = 0; n < 3; n += 1)
|
|
65
|
-
e.values[n] += (1 - e.values[n]) * t;
|
|
66
|
-
return _e(e);
|
|
47
|
+
return e = at(e), t = yn(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, En(e);
|
|
67
48
|
}
|
|
68
49
|
function Cn({
|
|
69
50
|
props: e,
|
|
70
51
|
name: t
|
|
71
52
|
}) {
|
|
72
|
-
return
|
|
53
|
+
return Qt({
|
|
73
54
|
props: e,
|
|
74
55
|
name: t,
|
|
75
|
-
defaultTheme:
|
|
76
|
-
themeId:
|
|
56
|
+
defaultTheme: Zt,
|
|
57
|
+
themeId: en
|
|
77
58
|
});
|
|
78
59
|
}
|
|
79
60
|
function Tn(e) {
|
|
@@ -143,8 +124,8 @@ const wn = ["addEndListener", "children", "className", "collapsedSize", "compone
|
|
|
143
124
|
}, e.orientation === "horizontal" && {
|
|
144
125
|
width: "auto",
|
|
145
126
|
height: "100%"
|
|
146
|
-
})),
|
|
147
|
-
const o =
|
|
127
|
+
})), Le = /* @__PURE__ */ x.forwardRef(function(t, n) {
|
|
128
|
+
const o = ot({
|
|
148
129
|
props: t,
|
|
149
130
|
name: "MuiCollapse"
|
|
150
131
|
}), {
|
|
@@ -163,18 +144,18 @@ const wn = ["addEndListener", "children", "className", "collapsedSize", "compone
|
|
|
163
144
|
onExiting: g,
|
|
164
145
|
orientation: b = "vertical",
|
|
165
146
|
style: y,
|
|
166
|
-
timeout: C =
|
|
147
|
+
timeout: C = tn.standard,
|
|
167
148
|
// eslint-disable-next-line react/prop-types
|
|
168
|
-
TransitionComponent:
|
|
169
|
-
} = o, T =
|
|
149
|
+
TransitionComponent: k = nn
|
|
150
|
+
} = o, T = Ne(o, wn), v = D({}, o, {
|
|
170
151
|
orientation: b,
|
|
171
152
|
collapsedSize: i
|
|
172
|
-
}), R = vn(v), B =
|
|
153
|
+
}), R = vn(v), B = on(), K = rn(), V = x.useRef(null), A = x.useRef(), z = typeof i == "number" ? `${i}px` : i, j = b === "horizontal", q = j ? "width" : "height", N = x.useRef(null), H = de(n, N), L = (M) => (F) => {
|
|
173
154
|
if (M) {
|
|
174
155
|
const _ = N.current;
|
|
175
156
|
F === void 0 ? M(_) : M(_, F);
|
|
176
157
|
}
|
|
177
|
-
}, W = () => V.current ? V.current[j ? "clientWidth" : "clientHeight"] : 0,
|
|
158
|
+
}, W = () => V.current ? V.current[j ? "clientWidth" : "clientHeight"] : 0, O = L((M, F) => {
|
|
178
159
|
V.current && j && (V.current.style.position = "absolute"), M.style[q] = z, a && a(M, F);
|
|
179
160
|
}), P = L((M, F) => {
|
|
180
161
|
const _ = W();
|
|
@@ -182,7 +163,7 @@ const wn = ["addEndListener", "children", "className", "collapsedSize", "compone
|
|
|
182
163
|
const {
|
|
183
164
|
duration: $,
|
|
184
165
|
easing: Y
|
|
185
|
-
} =
|
|
166
|
+
} = Ze({
|
|
186
167
|
style: y,
|
|
187
168
|
timeout: C,
|
|
188
169
|
easing: u
|
|
@@ -199,11 +180,11 @@ const wn = ["addEndListener", "children", "className", "collapsedSize", "compone
|
|
|
199
180
|
M.style[q] = "auto", m && m(M, F);
|
|
200
181
|
}), ye = L((M) => {
|
|
201
182
|
M.style[q] = `${W()}px`, h && h(M);
|
|
202
|
-
}),
|
|
183
|
+
}), Re = L(f), ke = L((M) => {
|
|
203
184
|
const F = W(), {
|
|
204
185
|
duration: _,
|
|
205
186
|
easing: $
|
|
206
|
-
} =
|
|
187
|
+
} = Ze({
|
|
207
188
|
style: y,
|
|
208
189
|
timeout: C,
|
|
209
190
|
easing: u
|
|
@@ -217,13 +198,13 @@ const wn = ["addEndListener", "children", "className", "collapsedSize", "compone
|
|
|
217
198
|
M.style.transitionDuration = typeof _ == "string" ? _ : `${_}ms`;
|
|
218
199
|
M.style[q] = z, M.style.transitionTimingFunction = $, g && g(M);
|
|
219
200
|
});
|
|
220
|
-
return /* @__PURE__ */ w(
|
|
201
|
+
return /* @__PURE__ */ w(k, D({
|
|
221
202
|
in: l,
|
|
222
|
-
onEnter:
|
|
203
|
+
onEnter: O,
|
|
223
204
|
onEntered: ne,
|
|
224
205
|
onEntering: P,
|
|
225
206
|
onExit: ye,
|
|
226
|
-
onExited:
|
|
207
|
+
onExited: Re,
|
|
227
208
|
onExiting: ke,
|
|
228
209
|
addEndListener: (M) => {
|
|
229
210
|
C === "auto" && K.start(A.current || 0, M), s && s(N.current, M);
|
|
@@ -264,7 +245,7 @@ const wn = ["addEndListener", "children", "className", "collapsedSize", "compone
|
|
|
264
245
|
}))
|
|
265
246
|
}));
|
|
266
247
|
});
|
|
267
|
-
process.env.NODE_ENV !== "production" && (
|
|
248
|
+
process.env.NODE_ENV !== "production" && (Le.propTypes = {
|
|
268
249
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
269
250
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
270
251
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -296,7 +277,7 @@ process.env.NODE_ENV !== "production" && (Be.propTypes = {
|
|
|
296
277
|
* The component used for the root node.
|
|
297
278
|
* Either a string to use a HTML element or a component.
|
|
298
279
|
*/
|
|
299
|
-
component:
|
|
280
|
+
component: rt,
|
|
300
281
|
/**
|
|
301
282
|
* The transition timing function.
|
|
302
283
|
* You may specify a single easing or a object containing enter and exit values.
|
|
@@ -359,13 +340,13 @@ process.env.NODE_ENV !== "production" && (Be.propTypes = {
|
|
|
359
340
|
exit: r.number
|
|
360
341
|
})])
|
|
361
342
|
});
|
|
362
|
-
|
|
363
|
-
const
|
|
364
|
-
process.env.NODE_ENV !== "production" && (
|
|
365
|
-
function
|
|
366
|
-
return x.useContext(
|
|
343
|
+
Le.muiSupportAuto = !0;
|
|
344
|
+
const ct = /* @__PURE__ */ x.createContext(void 0);
|
|
345
|
+
process.env.NODE_ENV !== "production" && (ct.displayName = "FormControlContext");
|
|
346
|
+
function kn() {
|
|
347
|
+
return x.useContext(ct);
|
|
367
348
|
}
|
|
368
|
-
function
|
|
349
|
+
function On(e) {
|
|
369
350
|
return fe("PrivateSwitchBase", e);
|
|
370
351
|
}
|
|
371
352
|
me("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
|
|
@@ -379,8 +360,8 @@ const Pn = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked"
|
|
|
379
360
|
root: ["root", n && "checked", o && "disabled", s && `edge${ue(s)}`],
|
|
380
361
|
input: ["input"]
|
|
381
362
|
};
|
|
382
|
-
return ge(d,
|
|
383
|
-
}, Vn = U(
|
|
363
|
+
return ge(d, On, t);
|
|
364
|
+
}, Vn = U(sn)(({
|
|
384
365
|
ownerState: e
|
|
385
366
|
}) => D({
|
|
386
367
|
padding: 9,
|
|
@@ -390,7 +371,7 @@ const Pn = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked"
|
|
|
390
371
|
}, e.edge === "end" && {
|
|
391
372
|
marginRight: e.size === "small" ? -3 : -12
|
|
392
373
|
})), $n = U("input", {
|
|
393
|
-
shouldForwardProp:
|
|
374
|
+
shouldForwardProp: it
|
|
394
375
|
})({
|
|
395
376
|
cursor: "inherit",
|
|
396
377
|
position: "absolute",
|
|
@@ -402,7 +383,7 @@ const Pn = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked"
|
|
|
402
383
|
margin: 0,
|
|
403
384
|
padding: 0,
|
|
404
385
|
zIndex: 1
|
|
405
|
-
}),
|
|
386
|
+
}), dt = /* @__PURE__ */ x.forwardRef(function(t, n) {
|
|
406
387
|
const {
|
|
407
388
|
autoFocus: o,
|
|
408
389
|
checked: s,
|
|
@@ -421,24 +402,24 @@ const Pn = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked"
|
|
|
421
402
|
onChange: b,
|
|
422
403
|
onFocus: y,
|
|
423
404
|
readOnly: C,
|
|
424
|
-
required:
|
|
405
|
+
required: k = !1,
|
|
425
406
|
tabIndex: T,
|
|
426
407
|
type: v,
|
|
427
408
|
value: R
|
|
428
|
-
} = t, B =
|
|
409
|
+
} = t, B = Ne(t, Pn), [K, V] = ln({
|
|
429
410
|
controlled: s,
|
|
430
411
|
default: !!i,
|
|
431
412
|
name: "SwitchBase",
|
|
432
413
|
state: "checked"
|
|
433
|
-
}), A =
|
|
434
|
-
y && y(
|
|
435
|
-
}, j = (
|
|
436
|
-
g && g(
|
|
437
|
-
}, q = (
|
|
438
|
-
if (
|
|
414
|
+
}), A = kn(), z = (O) => {
|
|
415
|
+
y && y(O), A && A.onFocus && A.onFocus(O);
|
|
416
|
+
}, j = (O) => {
|
|
417
|
+
g && g(O), A && A.onBlur && A.onBlur(O);
|
|
418
|
+
}, q = (O) => {
|
|
419
|
+
if (O.nativeEvent.defaultPrevented)
|
|
439
420
|
return;
|
|
440
|
-
const P =
|
|
441
|
-
V(P), b && b(
|
|
421
|
+
const P = O.target.checked;
|
|
422
|
+
V(P), b && b(O, P);
|
|
442
423
|
};
|
|
443
424
|
let N = p;
|
|
444
425
|
A && typeof N > "u" && (N = A.disabled);
|
|
@@ -472,7 +453,7 @@ const Pn = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked"
|
|
|
472
453
|
onChange: q,
|
|
473
454
|
readOnly: C,
|
|
474
455
|
ref: h,
|
|
475
|
-
required:
|
|
456
|
+
required: k,
|
|
476
457
|
ownerState: L,
|
|
477
458
|
tabIndex: T,
|
|
478
459
|
type: v
|
|
@@ -481,7 +462,7 @@ const Pn = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked"
|
|
|
481
462
|
}, I)), K ? d : a]
|
|
482
463
|
}));
|
|
483
464
|
});
|
|
484
|
-
process.env.NODE_ENV !== "production" && (
|
|
465
|
+
process.env.NODE_ENV !== "production" && (dt.propTypes = {
|
|
485
466
|
/**
|
|
486
467
|
* If `true`, the `input` element is focused during the first mount.
|
|
487
468
|
*/
|
|
@@ -538,7 +519,7 @@ process.env.NODE_ENV !== "production" && (pt.propTypes = {
|
|
|
538
519
|
/**
|
|
539
520
|
* Pass a ref to the `input` element.
|
|
540
521
|
*/
|
|
541
|
-
inputRef:
|
|
522
|
+
inputRef: st,
|
|
542
523
|
/*
|
|
543
524
|
* @ignore
|
|
544
525
|
*/
|
|
@@ -594,7 +575,7 @@ const An = te(/* @__PURE__ */ w("path", {
|
|
|
594
575
|
function Ln(e) {
|
|
595
576
|
return fe("MuiCheckbox", e);
|
|
596
577
|
}
|
|
597
|
-
const
|
|
578
|
+
const $e = me("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), jn = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"], _n = (e) => {
|
|
598
579
|
const {
|
|
599
580
|
classes: t,
|
|
600
581
|
indeterminate: n,
|
|
@@ -604,8 +585,8 @@ const Ae = me("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
|
|
|
604
585
|
root: ["root", n && "indeterminate", `color${ue(o)}`, `size${ue(s)}`]
|
|
605
586
|
}, c = ge(d, Ln, t);
|
|
606
587
|
return D({}, t, c);
|
|
607
|
-
}, Bn = U(
|
|
608
|
-
shouldForwardProp: (e) =>
|
|
588
|
+
}, Bn = U(dt, {
|
|
589
|
+
shouldForwardProp: (e) => it(e) || e === "classes",
|
|
609
590
|
name: "MuiCheckbox",
|
|
610
591
|
slot: "Root",
|
|
611
592
|
overridesResolver: (e, t) => {
|
|
@@ -621,22 +602,22 @@ const Ae = me("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
|
|
|
621
602
|
color: (e.vars || e).palette.text.secondary
|
|
622
603
|
}, !t.disableRipple && {
|
|
623
604
|
"&:hover": {
|
|
624
|
-
backgroundColor: e.vars ? `rgba(${t.color === "default" ? e.vars.palette.action.activeChannel : e.vars.palette[t.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})` :
|
|
605
|
+
backgroundColor: e.vars ? `rgba(${t.color === "default" ? e.vars.palette.action.activeChannel : e.vars.palette[t.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : an(t.color === "default" ? e.palette.action.active : e.palette[t.color].main, e.palette.action.hoverOpacity),
|
|
625
606
|
// Reset on touch devices, it doesn't add specificity
|
|
626
607
|
"@media (hover: none)": {
|
|
627
608
|
backgroundColor: "transparent"
|
|
628
609
|
}
|
|
629
610
|
}
|
|
630
611
|
}, t.color !== "default" && {
|
|
631
|
-
[`&.${
|
|
612
|
+
[`&.${$e.checked}, &.${$e.indeterminate}`]: {
|
|
632
613
|
color: (e.vars || e).palette[t.color].main
|
|
633
614
|
},
|
|
634
|
-
[`&.${
|
|
615
|
+
[`&.${$e.disabled}`]: {
|
|
635
616
|
color: (e.vars || e).palette.action.disabled
|
|
636
617
|
}
|
|
637
|
-
})), zn = /* @__PURE__ */ w(Fn, {}), Un = /* @__PURE__ */ w(An, {}), Kn = /* @__PURE__ */ w(Nn, {}),
|
|
618
|
+
})), zn = /* @__PURE__ */ w(Fn, {}), Un = /* @__PURE__ */ w(An, {}), Kn = /* @__PURE__ */ w(Nn, {}), ut = /* @__PURE__ */ x.forwardRef(function(t, n) {
|
|
638
619
|
var o, s;
|
|
639
|
-
const d =
|
|
620
|
+
const d = ot({
|
|
640
621
|
props: t,
|
|
641
622
|
name: "MuiCheckbox"
|
|
642
623
|
}), {
|
|
@@ -648,7 +629,7 @@ const Ae = me("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
|
|
|
648
629
|
inputProps: a,
|
|
649
630
|
size: m = "medium",
|
|
650
631
|
className: I
|
|
651
|
-
} = d, h =
|
|
632
|
+
} = d, h = Ne(d, jn), f = u ? l : p, g = u ? l : c, b = D({}, d, {
|
|
652
633
|
color: i,
|
|
653
634
|
indeterminate: u,
|
|
654
635
|
size: m
|
|
@@ -671,7 +652,7 @@ const Ae = me("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
|
|
|
671
652
|
classes: y
|
|
672
653
|
}));
|
|
673
654
|
});
|
|
674
|
-
process.env.NODE_ENV !== "production" && (
|
|
655
|
+
process.env.NODE_ENV !== "production" && (ut.propTypes = {
|
|
675
656
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
676
657
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
677
658
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -743,7 +724,7 @@ process.env.NODE_ENV !== "production" && (ft.propTypes = {
|
|
|
743
724
|
/**
|
|
744
725
|
* Pass a ref to the `input` element.
|
|
745
726
|
*/
|
|
746
|
-
inputRef:
|
|
727
|
+
inputRef: st,
|
|
747
728
|
/**
|
|
748
729
|
* Callback fired when the state is changed.
|
|
749
730
|
*
|
|
@@ -786,16 +767,16 @@ function E() {
|
|
|
786
767
|
return e;
|
|
787
768
|
}, E.apply(null, arguments);
|
|
788
769
|
}
|
|
789
|
-
function
|
|
770
|
+
function pt(e) {
|
|
790
771
|
return Cn;
|
|
791
772
|
}
|
|
792
|
-
const
|
|
793
|
-
function
|
|
773
|
+
const tt = /* @__PURE__ */ new Set();
|
|
774
|
+
function ft(e, t = "warning") {
|
|
794
775
|
if (process.env.NODE_ENV === "production")
|
|
795
776
|
return;
|
|
796
777
|
const n = Array.isArray(e) ? e.join(`
|
|
797
778
|
`) : e;
|
|
798
|
-
|
|
779
|
+
tt.has(n) || (tt.add(n), t === "error" ? console.error(n) : console.warn(n));
|
|
799
780
|
}
|
|
800
781
|
function Wn(e) {
|
|
801
782
|
return fe("MuiSimpleTreeView", e);
|
|
@@ -880,7 +861,7 @@ class Gn {
|
|
|
880
861
|
});
|
|
881
862
|
}
|
|
882
863
|
}
|
|
883
|
-
const Hn = (e) => e.isPropagationStopped !== void 0,
|
|
864
|
+
const Hn = (e) => e.isPropagationStopped !== void 0, mt = () => {
|
|
884
865
|
const [e] = x.useState(() => new Gn()), t = x.useCallback((...o) => {
|
|
885
866
|
const [s, d, c = {}] = o;
|
|
886
867
|
c.defaultMuiPrevented = !1, !(Hn(c) && c.isPropagationStopped()) && e.emit(s, d, c);
|
|
@@ -894,8 +875,8 @@ const Hn = (e) => e.isPropagationStopped !== void 0, gt = () => {
|
|
|
894
875
|
}
|
|
895
876
|
};
|
|
896
877
|
};
|
|
897
|
-
|
|
898
|
-
const
|
|
878
|
+
mt.params = {};
|
|
879
|
+
const It = ({
|
|
899
880
|
plugins: e
|
|
900
881
|
}) => {
|
|
901
882
|
const t = new Set(e);
|
|
@@ -905,11 +886,11 @@ const ht = ({
|
|
|
905
886
|
}
|
|
906
887
|
};
|
|
907
888
|
};
|
|
908
|
-
|
|
909
|
-
const
|
|
889
|
+
It.params = {};
|
|
890
|
+
const gt = ({
|
|
910
891
|
params: e
|
|
911
892
|
}) => {
|
|
912
|
-
const t =
|
|
893
|
+
const t = cn(e.id), n = x.useCallback((o, s) => s ?? `${t}-${o}`, [t]);
|
|
913
894
|
return {
|
|
914
895
|
getRootProps: () => ({
|
|
915
896
|
id: t
|
|
@@ -919,10 +900,10 @@ const bt = ({
|
|
|
919
900
|
}
|
|
920
901
|
};
|
|
921
902
|
};
|
|
922
|
-
|
|
903
|
+
gt.params = {
|
|
923
904
|
id: !0
|
|
924
905
|
};
|
|
925
|
-
const Yn = [
|
|
906
|
+
const Yn = [mt, It, gt];
|
|
926
907
|
function Q(e, t) {
|
|
927
908
|
if (e == null) return {};
|
|
928
909
|
var n = {};
|
|
@@ -1055,7 +1036,7 @@ const no = ({
|
|
|
1055
1036
|
return o.forEach((R) => {
|
|
1056
1037
|
R.getInitialState && Object.assign(v, R.getInitialState(s));
|
|
1057
1038
|
}), v;
|
|
1058
|
-
}), C = [],
|
|
1039
|
+
}), C = [], k = (v) => {
|
|
1059
1040
|
const R = v({
|
|
1060
1041
|
instance: m,
|
|
1061
1042
|
params: s,
|
|
@@ -1070,7 +1051,7 @@ const no = ({
|
|
|
1070
1051
|
});
|
|
1071
1052
|
R.getRootProps && C.push(R.getRootProps), R.publicAPI && Object.assign(I, R.publicAPI), R.instance && Object.assign(m, R.instance), R.contextValue && Object.assign(g, R.contextValue);
|
|
1072
1053
|
};
|
|
1073
|
-
return o.forEach(
|
|
1054
|
+
return o.forEach(k), {
|
|
1074
1055
|
getRootProps: (v = {}) => {
|
|
1075
1056
|
const R = E({
|
|
1076
1057
|
role: "tree"
|
|
@@ -1085,14 +1066,14 @@ const no = ({
|
|
|
1085
1066
|
contextValue: g,
|
|
1086
1067
|
instance: m
|
|
1087
1068
|
};
|
|
1088
|
-
},
|
|
1089
|
-
process.env.NODE_ENV !== "production" && (
|
|
1069
|
+
}, je = /* @__PURE__ */ x.createContext(null);
|
|
1070
|
+
process.env.NODE_ENV !== "production" && (je.displayName = "TreeViewContext");
|
|
1090
1071
|
function oo(e) {
|
|
1091
1072
|
const {
|
|
1092
1073
|
value: t,
|
|
1093
1074
|
children: n
|
|
1094
1075
|
} = e;
|
|
1095
|
-
return /* @__PURE__ */ w(
|
|
1076
|
+
return /* @__PURE__ */ w(je.Provider, {
|
|
1096
1077
|
value: t,
|
|
1097
1078
|
children: t.wrapRoot({
|
|
1098
1079
|
children: n
|
|
@@ -1100,21 +1081,21 @@ function oo(e) {
|
|
|
1100
1081
|
});
|
|
1101
1082
|
}
|
|
1102
1083
|
const le = () => {
|
|
1103
|
-
const e = x.useContext(
|
|
1084
|
+
const e = x.useContext(je);
|
|
1104
1085
|
if (e == null)
|
|
1105
1086
|
throw new Error(["MUI X: Could not find the Tree View context.", "It looks like you rendered your component outside of a SimpleTreeView or RichTreeView parent component.", "This can also happen if you are bundling multiple versions of the Tree View."].join(`
|
|
1106
1087
|
`));
|
|
1107
1088
|
return e;
|
|
1108
|
-
},
|
|
1089
|
+
}, ht = (e, t, n) => {
|
|
1109
1090
|
e.$$publishEvent(t, n);
|
|
1110
|
-
}, Z = "__TREE_VIEW_ROOT_PARENT_ID__",
|
|
1091
|
+
}, Z = "__TREE_VIEW_ROOT_PARENT_ID__", bt = (e) => {
|
|
1111
1092
|
const t = {};
|
|
1112
1093
|
return e.forEach((n, o) => {
|
|
1113
1094
|
t[n] = o;
|
|
1114
1095
|
}), t;
|
|
1115
1096
|
}, se = /* @__PURE__ */ x.createContext(() => -1);
|
|
1116
1097
|
process.env.NODE_ENV !== "production" && (se.displayName = "TreeViewItemDepthContext");
|
|
1117
|
-
const ro = ["children"],
|
|
1098
|
+
const ro = ["children"], yt = ({
|
|
1118
1099
|
items: e,
|
|
1119
1100
|
isItemDisabled: t,
|
|
1120
1101
|
getItemLabel: n,
|
|
@@ -1150,7 +1131,7 @@ const ro = ["children"], Et = ({
|
|
|
1150
1131
|
e.forEach((u) => i(u, 0, null));
|
|
1151
1132
|
const p = {};
|
|
1152
1133
|
return Object.keys(c).forEach((u) => {
|
|
1153
|
-
p[u] =
|
|
1134
|
+
p[u] = bt(c[u]);
|
|
1154
1135
|
}), {
|
|
1155
1136
|
itemMetaMap: s,
|
|
1156
1137
|
itemMap: d,
|
|
@@ -1166,8 +1147,8 @@ const ro = ["children"], Et = ({
|
|
|
1166
1147
|
}) => {
|
|
1167
1148
|
const d = x.useCallback((b) => n.items.itemMetaMap[b], [n.items.itemMetaMap]), c = x.useCallback((b) => n.items.itemMap[b], [n.items.itemMap]), i = x.useCallback(() => {
|
|
1168
1149
|
const b = (y) => {
|
|
1169
|
-
const C = n.items.itemMap[y],
|
|
1170
|
-
return T && (
|
|
1150
|
+
const C = n.items.itemMap[y], k = Q(C, ro), T = n.items.itemOrderedChildrenIds[y];
|
|
1151
|
+
return T && (k.children = T.map(b)), k;
|
|
1171
1152
|
};
|
|
1172
1153
|
return n.items.itemOrderedChildrenIds[Z].map(b);
|
|
1173
1154
|
}, [n.items.itemMap, n.items.itemOrderedChildrenIds]), p = x.useCallback((b) => {
|
|
@@ -1193,14 +1174,14 @@ const ro = ["children"], Et = ({
|
|
|
1193
1174
|
}, []), f = x.useCallback(() => I.current, []);
|
|
1194
1175
|
return x.useEffect(() => {
|
|
1195
1176
|
e.areItemUpdatesPrevented() || o((b) => {
|
|
1196
|
-
const y =
|
|
1177
|
+
const y = yt({
|
|
1197
1178
|
items: t.items,
|
|
1198
1179
|
isItemDisabled: t.isItemDisabled,
|
|
1199
1180
|
getItemId: t.getItemId,
|
|
1200
1181
|
getItemLabel: t.getItemLabel
|
|
1201
1182
|
});
|
|
1202
1183
|
return Object.values(b.items.itemMetaMap).forEach((C) => {
|
|
1203
|
-
y.itemMetaMap[C.id] ||
|
|
1184
|
+
y.itemMetaMap[C.id] || ht(e, "removeItem", {
|
|
1204
1185
|
id: C.id
|
|
1205
1186
|
});
|
|
1206
1187
|
}), E({}, b, {
|
|
@@ -1225,13 +1206,13 @@ const ro = ["children"], Et = ({
|
|
|
1225
1206
|
getItemTree: i,
|
|
1226
1207
|
getItemsToRender: () => {
|
|
1227
1208
|
const b = (y) => {
|
|
1228
|
-
var
|
|
1209
|
+
var k;
|
|
1229
1210
|
const C = n.items.itemMetaMap[y];
|
|
1230
1211
|
return {
|
|
1231
1212
|
label: C.label,
|
|
1232
1213
|
itemId: C.id,
|
|
1233
1214
|
id: C.idAttribute,
|
|
1234
|
-
children: (
|
|
1215
|
+
children: (k = n.items.itemOrderedChildrenIds[y]) == null ? void 0 : k.map(b)
|
|
1235
1216
|
};
|
|
1236
1217
|
};
|
|
1237
1218
|
return n.items.itemOrderedChildrenIds[Z].map(b);
|
|
@@ -1254,7 +1235,7 @@ const ro = ["children"], Et = ({
|
|
|
1254
1235
|
};
|
|
1255
1236
|
};
|
|
1256
1237
|
he.getInitialState = (e) => ({
|
|
1257
|
-
items:
|
|
1238
|
+
items: yt({
|
|
1258
1239
|
items: e.items,
|
|
1259
1240
|
isItemDisabled: e.isItemDisabled,
|
|
1260
1241
|
getItemId: e.getItemId,
|
|
@@ -1284,7 +1265,7 @@ he.params = {
|
|
|
1284
1265
|
onItemClick: !0,
|
|
1285
1266
|
itemChildrenIndentation: !0
|
|
1286
1267
|
};
|
|
1287
|
-
const
|
|
1268
|
+
const Me = ({
|
|
1288
1269
|
instance: e,
|
|
1289
1270
|
params: t,
|
|
1290
1271
|
models: n
|
|
@@ -1332,29 +1313,29 @@ const Se = ({
|
|
|
1332
1313
|
}
|
|
1333
1314
|
};
|
|
1334
1315
|
};
|
|
1335
|
-
|
|
1316
|
+
Me.models = {
|
|
1336
1317
|
expandedItems: {
|
|
1337
1318
|
getDefaultValue: (e) => e.defaultExpandedItems
|
|
1338
1319
|
}
|
|
1339
1320
|
};
|
|
1340
1321
|
const io = [];
|
|
1341
|
-
|
|
1322
|
+
Me.getDefaultizedParams = (e) => E({}, e, {
|
|
1342
1323
|
defaultExpandedItems: e.defaultExpandedItems ?? io
|
|
1343
1324
|
});
|
|
1344
|
-
|
|
1325
|
+
Me.params = {
|
|
1345
1326
|
expandedItems: !0,
|
|
1346
1327
|
defaultExpandedItems: !0,
|
|
1347
1328
|
onExpandedItemsChange: !0,
|
|
1348
1329
|
onItemExpansionToggle: !0,
|
|
1349
1330
|
expansionTrigger: !0
|
|
1350
1331
|
};
|
|
1351
|
-
const
|
|
1332
|
+
const xt = (e, t) => {
|
|
1352
1333
|
let n = t.length - 1;
|
|
1353
1334
|
for (; n >= 0 && !e.isItemNavigable(t[n]); )
|
|
1354
1335
|
n -= 1;
|
|
1355
1336
|
if (n !== -1)
|
|
1356
1337
|
return t[n];
|
|
1357
|
-
},
|
|
1338
|
+
}, Et = (e, t) => {
|
|
1358
1339
|
const n = e.getItemMeta(t), o = e.getItemOrderedChildrenIds(n.parentId), s = e.getItemIndex(t);
|
|
1359
1340
|
if (s === 0)
|
|
1360
1341
|
return n.parentId;
|
|
@@ -1362,8 +1343,8 @@ const Ct = (e, t) => {
|
|
|
1362
1343
|
for (; !e.isItemNavigable(o[d]) && d >= 0; )
|
|
1363
1344
|
d -= 1;
|
|
1364
1345
|
if (d === -1)
|
|
1365
|
-
return n.parentId == null ? null :
|
|
1366
|
-
let c = o[d], i =
|
|
1346
|
+
return n.parentId == null ? null : Et(e, n.parentId);
|
|
1347
|
+
let c = o[d], i = xt(e, e.getItemOrderedChildrenIds(c));
|
|
1367
1348
|
for (; e.isItemExpanded(c) && i != null; )
|
|
1368
1349
|
c = i, i = e.getItemOrderedChildrenIds(c).find(e.isItemNavigable);
|
|
1369
1350
|
return c;
|
|
@@ -1386,16 +1367,16 @@ const Ct = (e, t) => {
|
|
|
1386
1367
|
n = e.getItemMeta(n.parentId);
|
|
1387
1368
|
}
|
|
1388
1369
|
return null;
|
|
1389
|
-
},
|
|
1370
|
+
}, Ct = (e) => {
|
|
1390
1371
|
let t = null;
|
|
1391
1372
|
for (; t == null || e.isItemExpanded(t); ) {
|
|
1392
|
-
const n = e.getItemOrderedChildrenIds(t), o =
|
|
1373
|
+
const n = e.getItemOrderedChildrenIds(t), o = xt(e, n);
|
|
1393
1374
|
if (o == null)
|
|
1394
1375
|
return t;
|
|
1395
1376
|
t = o;
|
|
1396
1377
|
}
|
|
1397
1378
|
return t;
|
|
1398
|
-
}, pe = (e) => e.getItemOrderedChildrenIds(null).find(e.isItemNavigable),
|
|
1379
|
+
}, pe = (e) => e.getItemOrderedChildrenIds(null).find(e.isItemNavigable), Tt = (e, t, n) => {
|
|
1399
1380
|
if (t === n)
|
|
1400
1381
|
return [t, n];
|
|
1401
1382
|
const o = e.getItemMeta(t), s = e.getItemMeta(n);
|
|
@@ -1419,7 +1400,7 @@ const Ct = (e, t) => {
|
|
|
1419
1400
|
u = e.getItemMeta(u.parentId);
|
|
1420
1401
|
}
|
|
1421
1402
|
throw new Error("Invalid range");
|
|
1422
|
-
}, [s, d] =
|
|
1403
|
+
}, [s, d] = Tt(e, t, n), c = [s];
|
|
1423
1404
|
let i = s;
|
|
1424
1405
|
for (; i !== d; )
|
|
1425
1406
|
i = o(i), e.isItemDisabled(i) || c.push(i);
|
|
@@ -1430,12 +1411,12 @@ const Ct = (e, t) => {
|
|
|
1430
1411
|
for (; t != null; )
|
|
1431
1412
|
n.push(t), t = Ce(e, t);
|
|
1432
1413
|
return n;
|
|
1433
|
-
},
|
|
1414
|
+
}, Fe = (e, t) => t !== e.closest('*[role="treeitem"]'), Te = (e) => Array.isArray(e) ? e : e != null ? [e] : [], Ae = (e) => {
|
|
1434
1415
|
const t = {};
|
|
1435
1416
|
return e.forEach((n) => {
|
|
1436
1417
|
t[n] = !0;
|
|
1437
1418
|
}), t;
|
|
1438
|
-
},
|
|
1419
|
+
}, Se = ({
|
|
1439
1420
|
instance: e,
|
|
1440
1421
|
params: t,
|
|
1441
1422
|
models: n
|
|
@@ -1466,8 +1447,8 @@ const Ct = (e, t) => {
|
|
|
1466
1447
|
return;
|
|
1467
1448
|
let C;
|
|
1468
1449
|
if (b) {
|
|
1469
|
-
const
|
|
1470
|
-
T && (y === !1 || y == null) ? C =
|
|
1450
|
+
const k = Te(n.selectedItems.value), T = e.isItemSelected(g);
|
|
1451
|
+
T && (y === !1 || y == null) ? C = k.filter((v) => v !== g) : !T && (y === !0 || y == null) ? C = [g].concat(k) : C = k;
|
|
1471
1452
|
} else
|
|
1472
1453
|
y === !1 || y == null && e.isItemSelected(g) ? C = t.multiSelect ? [] : null : C = t.multiSelect ? [g] : g;
|
|
1473
1454
|
c(f, C), o.current = g, s.current = {};
|
|
@@ -1476,8 +1457,8 @@ const Ct = (e, t) => {
|
|
|
1476
1457
|
return;
|
|
1477
1458
|
let y = Te(n.selectedItems.value).slice();
|
|
1478
1459
|
Object.keys(s.current).length > 0 && (y = y.filter((v) => !s.current[v]));
|
|
1479
|
-
const C =
|
|
1480
|
-
y = y.concat(T), c(f, y), s.current =
|
|
1460
|
+
const C = Ae(y), k = so(e, g, b), T = k.filter((v) => !C[v]);
|
|
1461
|
+
y = y.concat(T), c(f, y), s.current = Ae(k);
|
|
1481
1462
|
};
|
|
1482
1463
|
return {
|
|
1483
1464
|
getRootProps: () => ({
|
|
@@ -1493,11 +1474,11 @@ const Ct = (e, t) => {
|
|
|
1493
1474
|
if (t.disableSelection || !t.multiSelect)
|
|
1494
1475
|
return;
|
|
1495
1476
|
const g = lo(e);
|
|
1496
|
-
c(f, g), s.current =
|
|
1477
|
+
c(f, g), s.current = Ae(g);
|
|
1497
1478
|
},
|
|
1498
1479
|
expandSelectionRange: (f, g) => {
|
|
1499
1480
|
if (o.current != null) {
|
|
1500
|
-
const [b, y] =
|
|
1481
|
+
const [b, y] = Tt(e, g, o.current);
|
|
1501
1482
|
u(f, [b, y]);
|
|
1502
1483
|
}
|
|
1503
1484
|
},
|
|
@@ -1505,7 +1486,7 @@ const Ct = (e, t) => {
|
|
|
1505
1486
|
u(f, [pe(e), g]);
|
|
1506
1487
|
},
|
|
1507
1488
|
selectRangeFromItemToEnd: (f, g) => {
|
|
1508
|
-
u(f, [g,
|
|
1489
|
+
u(f, [g, Ct(e)]);
|
|
1509
1490
|
},
|
|
1510
1491
|
selectItemFromArrowNavigation: (f, g, b) => {
|
|
1511
1492
|
if (t.disableSelection || !t.multiSelect)
|
|
@@ -1526,19 +1507,19 @@ const Ct = (e, t) => {
|
|
|
1526
1507
|
}
|
|
1527
1508
|
};
|
|
1528
1509
|
};
|
|
1529
|
-
|
|
1510
|
+
Se.models = {
|
|
1530
1511
|
selectedItems: {
|
|
1531
1512
|
getDefaultValue: (e) => e.defaultSelectedItems
|
|
1532
1513
|
}
|
|
1533
1514
|
};
|
|
1534
1515
|
const ao = [];
|
|
1535
|
-
|
|
1516
|
+
Se.getDefaultizedParams = (e) => E({}, e, {
|
|
1536
1517
|
disableSelection: e.disableSelection ?? !1,
|
|
1537
1518
|
multiSelect: e.multiSelect ?? !1,
|
|
1538
1519
|
checkboxSelection: e.checkboxSelection ?? !1,
|
|
1539
1520
|
defaultSelectedItems: e.defaultSelectedItems ?? (e.multiSelect ? ao : null)
|
|
1540
1521
|
});
|
|
1541
|
-
|
|
1522
|
+
Se.params = {
|
|
1542
1523
|
disableSelection: !0,
|
|
1543
1524
|
multiSelect: !0,
|
|
1544
1525
|
checkboxSelection: !0,
|
|
@@ -1547,10 +1528,10 @@ Re.params = {
|
|
|
1547
1528
|
onSelectedItemsChange: !0,
|
|
1548
1529
|
onItemSelectionToggle: !0
|
|
1549
1530
|
};
|
|
1550
|
-
const
|
|
1531
|
+
const nt = 1e3;
|
|
1551
1532
|
class co {
|
|
1552
|
-
constructor(t =
|
|
1553
|
-
this.timeouts = /* @__PURE__ */ new Map(), this.cleanupTimeout =
|
|
1533
|
+
constructor(t = nt) {
|
|
1534
|
+
this.timeouts = /* @__PURE__ */ new Map(), this.cleanupTimeout = nt, this.cleanupTimeout = t;
|
|
1554
1535
|
}
|
|
1555
1536
|
register(t, n, o) {
|
|
1556
1537
|
this.timeouts || (this.timeouts = /* @__PURE__ */ new Map());
|
|
@@ -1630,9 +1611,9 @@ function fo(e) {
|
|
|
1630
1611
|
}
|
|
1631
1612
|
const mo = {
|
|
1632
1613
|
registry: null
|
|
1633
|
-
}, Io = fo(mo),
|
|
1614
|
+
}, Io = fo(mo), wt = (e = document) => {
|
|
1634
1615
|
const t = e.activeElement;
|
|
1635
|
-
return t ? t.shadowRoot ?
|
|
1616
|
+
return t ? t.shadowRoot ? wt(t.shadowRoot) : t : null;
|
|
1636
1617
|
};
|
|
1637
1618
|
function go(e) {
|
|
1638
1619
|
return e.replace(/["\\]/g, "\\$&");
|
|
@@ -1645,7 +1626,7 @@ const ho = (e, t) => {
|
|
|
1645
1626
|
return s && (s.parentId == null || e.isItemExpanded(s.parentId));
|
|
1646
1627
|
});
|
|
1647
1628
|
return n == null && (n = pe(e)), n;
|
|
1648
|
-
},
|
|
1629
|
+
}, _e = ({
|
|
1649
1630
|
instance: e,
|
|
1650
1631
|
params: t,
|
|
1651
1632
|
state: n,
|
|
@@ -1658,7 +1639,7 @@ const ho = (e, t) => {
|
|
|
1658
1639
|
n.focusedItemId !== b && o((y) => E({}, y, {
|
|
1659
1640
|
focusedItemId: b
|
|
1660
1641
|
}));
|
|
1661
|
-
}), p = x.useCallback(() => !!d.current && d.current.contains(
|
|
1642
|
+
}), p = x.useCallback(() => !!d.current && d.current.contains(wt(dn(d.current))), [d]), u = x.useCallback((g) => n.focusedItemId === g && p(), [n.focusedItemId, p]), l = (g) => {
|
|
1662
1643
|
const b = e.getItemMeta(g);
|
|
1663
1644
|
return b && (b.parentId == null || e.isItemExpanded(b.parentId));
|
|
1664
1645
|
}, a = (g, b) => {
|
|
@@ -1700,10 +1681,10 @@ const ho = (e, t) => {
|
|
|
1700
1681
|
}
|
|
1701
1682
|
};
|
|
1702
1683
|
};
|
|
1703
|
-
|
|
1684
|
+
_e.getInitialState = () => ({
|
|
1704
1685
|
focusedItemId: null
|
|
1705
1686
|
});
|
|
1706
|
-
|
|
1687
|
+
_e.params = {
|
|
1707
1688
|
onItemFocus: !0
|
|
1708
1689
|
};
|
|
1709
1690
|
const we = (e, t) => e.getAvailablePlugins().has(t), bo = ({
|
|
@@ -1752,7 +1733,7 @@ const we = (e, t) => e.getAvailablePlugins().has(t), bo = ({
|
|
|
1752
1733
|
params: o,
|
|
1753
1734
|
experimentalFeatures: s
|
|
1754
1735
|
}) => {
|
|
1755
|
-
process.env.NODE_ENV !== "production" && o.isItemEditable && !(s != null && s.labelEditing) &&
|
|
1736
|
+
process.env.NODE_ENV !== "production" && o.isItemEditable && !(s != null && s.labelEditing) && ft(["MUI X: The label editing feature requires the `labelEditing` experimental feature to be enabled.", "You can do it by passing `experimentalFeatures={{ labelEditing: true}}` to the `RichTreeViewPro` component.", "Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/editing/"]);
|
|
1756
1737
|
const d = x.useRef(t.editedItemId), c = (m) => d.current === m, i = (m) => {
|
|
1757
1738
|
n((I) => E({}, I, {
|
|
1758
1739
|
editedItemId: m
|
|
@@ -1804,12 +1785,12 @@ ee.params = {
|
|
|
1804
1785
|
function yo(e) {
|
|
1805
1786
|
return !!e && e.length === 1 && !!e.match(/\S/);
|
|
1806
1787
|
}
|
|
1807
|
-
const
|
|
1788
|
+
const vt = ({
|
|
1808
1789
|
instance: e,
|
|
1809
1790
|
params: t,
|
|
1810
1791
|
state: n
|
|
1811
1792
|
}) => {
|
|
1812
|
-
const o =
|
|
1793
|
+
const o = un(), s = x.useRef({}), d = G((l) => {
|
|
1813
1794
|
s.current = l(s.current);
|
|
1814
1795
|
});
|
|
1815
1796
|
x.useEffect(() => {
|
|
@@ -1835,7 +1816,7 @@ const St = ({
|
|
|
1835
1816
|
instance: {
|
|
1836
1817
|
updateFirstCharMap: d,
|
|
1837
1818
|
handleItemKeyDown: (l, a) => {
|
|
1838
|
-
if (l.defaultMuiPrevented || l.altKey ||
|
|
1819
|
+
if (l.defaultMuiPrevented || l.altKey || Fe(l.target, l.currentTarget))
|
|
1839
1820
|
return;
|
|
1840
1821
|
const m = l.ctrlKey || l.metaKey, I = l.key;
|
|
1841
1822
|
switch (!0) {
|
|
@@ -1865,7 +1846,7 @@ const St = ({
|
|
|
1865
1846
|
break;
|
|
1866
1847
|
}
|
|
1867
1848
|
case I === "ArrowUp": {
|
|
1868
|
-
const h =
|
|
1849
|
+
const h = Et(e, a);
|
|
1869
1850
|
h && (l.preventDefault(), e.focusItem(l, h), t.multiSelect && l.shiftKey && i(h) && e.selectItemFromArrowNavigation(l, a, h));
|
|
1870
1851
|
break;
|
|
1871
1852
|
}
|
|
@@ -1890,7 +1871,7 @@ const St = ({
|
|
|
1890
1871
|
break;
|
|
1891
1872
|
}
|
|
1892
1873
|
case I === "End": {
|
|
1893
|
-
i(a) && t.multiSelect && m && l.shiftKey ? e.selectRangeFromItemToEnd(l, a) : e.focusItem(l,
|
|
1874
|
+
i(a) && t.multiSelect && m && l.shiftKey ? e.selectRangeFromItemToEnd(l, a) : e.focusItem(l, Ct(e)), l.preventDefault();
|
|
1894
1875
|
break;
|
|
1895
1876
|
}
|
|
1896
1877
|
case I === "*": {
|
|
@@ -1911,8 +1892,8 @@ const St = ({
|
|
|
1911
1892
|
}
|
|
1912
1893
|
};
|
|
1913
1894
|
};
|
|
1914
|
-
|
|
1915
|
-
const
|
|
1895
|
+
vt.params = {};
|
|
1896
|
+
const Mt = ({
|
|
1916
1897
|
slots: e,
|
|
1917
1898
|
slotProps: t
|
|
1918
1899
|
}) => ({
|
|
@@ -1931,10 +1912,10 @@ const Rt = ({
|
|
|
1931
1912
|
}
|
|
1932
1913
|
}
|
|
1933
1914
|
});
|
|
1934
|
-
|
|
1935
|
-
const
|
|
1936
|
-
process.env.NODE_ENV !== "production" && (
|
|
1937
|
-
function
|
|
1915
|
+
Mt.params = {};
|
|
1916
|
+
const Be = /* @__PURE__ */ x.createContext(null);
|
|
1917
|
+
process.env.NODE_ENV !== "production" && (Be.displayName = "TreeViewChildrenItemContext");
|
|
1918
|
+
function ze(e) {
|
|
1938
1919
|
const {
|
|
1939
1920
|
children: t,
|
|
1940
1921
|
itemId: n = null
|
|
@@ -1962,12 +1943,12 @@ function qe(e) {
|
|
|
1962
1943
|
unregisterChild: (i) => d.current.delete(i),
|
|
1963
1944
|
parentId: n
|
|
1964
1945
|
}), [n]);
|
|
1965
|
-
return /* @__PURE__ */ w(
|
|
1946
|
+
return /* @__PURE__ */ w(Be.Provider, {
|
|
1966
1947
|
value: c,
|
|
1967
1948
|
children: t
|
|
1968
1949
|
});
|
|
1969
1950
|
}
|
|
1970
|
-
process.env.NODE_ENV !== "production" && (
|
|
1951
|
+
process.env.NODE_ENV !== "production" && (ze.propTypes = {
|
|
1971
1952
|
children: r.node,
|
|
1972
1953
|
id: r.string
|
|
1973
1954
|
});
|
|
@@ -2003,7 +1984,7 @@ const be = ({
|
|
|
2003
1984
|
itemMap: p
|
|
2004
1985
|
})
|
|
2005
1986
|
});
|
|
2006
|
-
}),
|
|
1987
|
+
}), ht(e, "removeItem", {
|
|
2007
1988
|
id: d.id
|
|
2008
1989
|
});
|
|
2009
1990
|
})), o = (d, c) => {
|
|
@@ -2014,7 +1995,7 @@ const be = ({
|
|
|
2014
1995
|
[i]: c
|
|
2015
1996
|
}),
|
|
2016
1997
|
itemChildrenIndexes: E({}, p.items.itemChildrenIndexes, {
|
|
2017
|
-
[i]:
|
|
1998
|
+
[i]: bt(c)
|
|
2018
1999
|
})
|
|
2019
2000
|
})
|
|
2020
2001
|
}));
|
|
@@ -2031,7 +2012,7 @@ const be = ({
|
|
|
2031
2012
|
mapFirstCharFromJSX: s
|
|
2032
2013
|
}
|
|
2033
2014
|
};
|
|
2034
|
-
},
|
|
2015
|
+
}, St = (e) => Array.isArray(e) ? e.length > 0 && e.some(St) : !!e, xo = ({
|
|
2035
2016
|
props: e,
|
|
2036
2017
|
rootRef: t,
|
|
2037
2018
|
contentRef: n
|
|
@@ -2044,7 +2025,7 @@ const be = ({
|
|
|
2044
2025
|
label: c,
|
|
2045
2026
|
itemId: i,
|
|
2046
2027
|
id: p
|
|
2047
|
-
} = e, u = x.useContext(
|
|
2028
|
+
} = e, u = x.useContext(Be);
|
|
2048
2029
|
if (u == null)
|
|
2049
2030
|
throw new Error(["MUI X: Could not find the Tree View Children Item context.", "It looks like you rendered your component outside of a SimpleTreeView parent component.", "This can also happen if you are bundling multiple versions of the Tree View."].join(`
|
|
2050
2031
|
`));
|
|
@@ -2052,8 +2033,8 @@ const be = ({
|
|
|
2052
2033
|
registerChild: l,
|
|
2053
2034
|
unregisterChild: a,
|
|
2054
2035
|
parentId: m
|
|
2055
|
-
} = u, I =
|
|
2056
|
-
return
|
|
2036
|
+
} = u, I = St(s), h = x.useRef(null), f = de(h, n);
|
|
2037
|
+
return pn(() => {
|
|
2057
2038
|
const g = o.getTreeItemIdAttribute(i, p);
|
|
2058
2039
|
return l(g, i), () => {
|
|
2059
2040
|
a(g);
|
|
@@ -2079,7 +2060,7 @@ be.wrapItem = ({
|
|
|
2079
2060
|
itemId: t
|
|
2080
2061
|
}) => {
|
|
2081
2062
|
const n = x.useContext(se);
|
|
2082
|
-
return /* @__PURE__ */ w(
|
|
2063
|
+
return /* @__PURE__ */ w(ze, {
|
|
2083
2064
|
itemId: t,
|
|
2084
2065
|
children: /* @__PURE__ */ w(se.Provider, {
|
|
2085
2066
|
value: n + 1,
|
|
@@ -2089,14 +2070,14 @@ be.wrapItem = ({
|
|
|
2089
2070
|
};
|
|
2090
2071
|
be.wrapRoot = ({
|
|
2091
2072
|
children: e
|
|
2092
|
-
}) => /* @__PURE__ */ w(
|
|
2073
|
+
}) => /* @__PURE__ */ w(ze, {
|
|
2093
2074
|
children: /* @__PURE__ */ w(se.Provider, {
|
|
2094
2075
|
value: 0,
|
|
2095
2076
|
children: e
|
|
2096
2077
|
})
|
|
2097
2078
|
});
|
|
2098
2079
|
be.params = {};
|
|
2099
|
-
const Eo = [he,
|
|
2080
|
+
const Eo = [he, Me, Se, _e, vt, Mt, be], Co = pt(), To = (e) => {
|
|
2100
2081
|
const {
|
|
2101
2082
|
classes: t
|
|
2102
2083
|
} = e;
|
|
@@ -2113,12 +2094,12 @@ const Eo = [he, Se, Re, Ue, St, Rt, be], Co = mt(), To = (e) => {
|
|
|
2113
2094
|
listStyle: "none",
|
|
2114
2095
|
outline: 0,
|
|
2115
2096
|
position: "relative"
|
|
2116
|
-
}), vo = [],
|
|
2097
|
+
}), vo = [], Rt = /* @__PURE__ */ x.forwardRef(function(t, n) {
|
|
2117
2098
|
const o = Co({
|
|
2118
2099
|
props: t,
|
|
2119
2100
|
name: "MuiSimpleTreeView"
|
|
2120
2101
|
}), s = o;
|
|
2121
|
-
process.env.NODE_ENV !== "production" && o.items != null &&
|
|
2102
|
+
process.env.NODE_ENV !== "production" && o.items != null && ft(["MUI X: The `SimpleTreeView` component does not support the `items` prop.", "If you want to add items, you need to pass them as JSX children.", "Check the documentation for more details: https://mui.com/x/react-tree-view/simple-tree-view/items/."]);
|
|
2122
2103
|
const {
|
|
2123
2104
|
getRootProps: d,
|
|
2124
2105
|
contextValue: c
|
|
@@ -2143,7 +2124,7 @@ const Eo = [he, Se, Re, Ue, St, Rt, be], Co = mt(), To = (e) => {
|
|
|
2143
2124
|
children: /* @__PURE__ */ w(l, E({}, a))
|
|
2144
2125
|
});
|
|
2145
2126
|
});
|
|
2146
|
-
process.env.NODE_ENV !== "production" && (
|
|
2127
|
+
process.env.NODE_ENV !== "production" && (Rt.propTypes = {
|
|
2147
2128
|
// ----------------------------- Warning --------------------------------
|
|
2148
2129
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
2149
2130
|
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
@@ -2289,7 +2270,7 @@ process.env.NODE_ENV !== "production" && (kt.propTypes = {
|
|
|
2289
2270
|
*/
|
|
2290
2271
|
sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
|
|
2291
2272
|
});
|
|
2292
|
-
function
|
|
2273
|
+
function kt(e) {
|
|
2293
2274
|
const {
|
|
2294
2275
|
instance: t,
|
|
2295
2276
|
items: {
|
|
@@ -2362,7 +2343,7 @@ const Mo = U("div", {
|
|
|
2362
2343
|
name: "MuiTreeItem2DragAndDropOverlay",
|
|
2363
2344
|
slot: "Root",
|
|
2364
2345
|
overridesResolver: (e, t) => t.root,
|
|
2365
|
-
shouldForwardProp: (e) =>
|
|
2346
|
+
shouldForwardProp: (e) => fn(e) && e !== "action"
|
|
2366
2347
|
})(({
|
|
2367
2348
|
theme: e
|
|
2368
2349
|
}) => ({
|
|
@@ -2433,7 +2414,7 @@ const Ro = U("input", {
|
|
|
2433
2414
|
"&:focus": {
|
|
2434
2415
|
outline: `1px solid ${e.palette.primary.main}`
|
|
2435
2416
|
}
|
|
2436
|
-
})),
|
|
2417
|
+
})), ko = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "itemId", "onClick", "onMouseDown", "dragAndDropOverlayProps", "labelInputProps"], Ue = /* @__PURE__ */ x.forwardRef(function(t, n) {
|
|
2437
2418
|
const {
|
|
2438
2419
|
classes: o,
|
|
2439
2420
|
className: s,
|
|
@@ -2446,13 +2427,13 @@ const Ro = U("input", {
|
|
|
2446
2427
|
onMouseDown: a,
|
|
2447
2428
|
dragAndDropOverlayProps: m,
|
|
2448
2429
|
labelInputProps: I
|
|
2449
|
-
} = t, h = Q(t,
|
|
2430
|
+
} = t, h = Q(t, ko), {
|
|
2450
2431
|
disabled: f,
|
|
2451
2432
|
expanded: g,
|
|
2452
2433
|
selected: b,
|
|
2453
2434
|
focused: y,
|
|
2454
2435
|
editing: C,
|
|
2455
|
-
editable:
|
|
2436
|
+
editable: k,
|
|
2456
2437
|
disableSelection: T,
|
|
2457
2438
|
checkboxSelection: v,
|
|
2458
2439
|
handleExpansion: R,
|
|
@@ -2462,25 +2443,25 @@ const Ro = U("input", {
|
|
|
2462
2443
|
preventSelection: A,
|
|
2463
2444
|
expansionTrigger: z,
|
|
2464
2445
|
toggleItemEditing: j
|
|
2465
|
-
} =
|
|
2466
|
-
A(
|
|
2467
|
-
}, L = (
|
|
2446
|
+
} = kt(u), q = i || c || d, N = x.useRef(null), H = (O) => {
|
|
2447
|
+
A(O), a && a(O);
|
|
2448
|
+
}, L = (O) => {
|
|
2468
2449
|
var P;
|
|
2469
|
-
V == null || V(
|
|
2470
|
-
}, W = (
|
|
2471
|
-
|
|
2450
|
+
V == null || V(O, u), !((P = N.current) != null && P.contains(O.target)) && (z === "content" && R(O), v || B(O), l && l(O));
|
|
2451
|
+
}, W = (O) => {
|
|
2452
|
+
O.defaultMuiPrevented || j();
|
|
2472
2453
|
};
|
|
2473
2454
|
return (
|
|
2474
2455
|
/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- Key event is handled by the TreeView */
|
|
2475
2456
|
/* @__PURE__ */ ve("div", E({}, h, {
|
|
2476
|
-
className: Ie(s, o.root, g && o.expanded, b && o.selected, y && o.focused, f && o.disabled, C && o.editing,
|
|
2457
|
+
className: Ie(s, o.root, g && o.expanded, b && o.selected, y && o.focused, f && o.disabled, C && o.editing, k && o.editable),
|
|
2477
2458
|
onClick: L,
|
|
2478
2459
|
onMouseDown: H,
|
|
2479
2460
|
ref: n,
|
|
2480
2461
|
children: [/* @__PURE__ */ w("div", {
|
|
2481
2462
|
className: o.iconContainer,
|
|
2482
2463
|
children: q
|
|
2483
|
-
}), v && /* @__PURE__ */ w(
|
|
2464
|
+
}), v && /* @__PURE__ */ w(ut, {
|
|
2484
2465
|
className: o.checkbox,
|
|
2485
2466
|
checked: b,
|
|
2486
2467
|
onChange: K,
|
|
@@ -2491,7 +2472,7 @@ const Ro = U("input", {
|
|
|
2491
2472
|
className: o.labelInput
|
|
2492
2473
|
})) : /* @__PURE__ */ w("div", E({
|
|
2493
2474
|
className: o.label
|
|
2494
|
-
},
|
|
2475
|
+
}, k && {
|
|
2495
2476
|
onDoubleClick: W
|
|
2496
2477
|
}, {
|
|
2497
2478
|
children: p
|
|
@@ -2499,7 +2480,7 @@ const Ro = U("input", {
|
|
|
2499
2480
|
}))
|
|
2500
2481
|
);
|
|
2501
2482
|
});
|
|
2502
|
-
process.env.NODE_ENV !== "production" && (
|
|
2483
|
+
process.env.NODE_ENV !== "production" && (Ue.propTypes = {
|
|
2503
2484
|
// ----------------------------- Warning --------------------------------
|
|
2504
2485
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
2505
2486
|
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
@@ -2543,7 +2524,7 @@ process.env.NODE_ENV !== "production" && (Xe.propTypes = {
|
|
|
2543
2524
|
value: r.string
|
|
2544
2525
|
})
|
|
2545
2526
|
});
|
|
2546
|
-
function
|
|
2527
|
+
function Oo(e) {
|
|
2547
2528
|
return fe("MuiTreeItem", e);
|
|
2548
2529
|
}
|
|
2549
2530
|
const J = me("MuiTreeItem", ["root", "groupTransition", "content", "expanded", "selected", "focused", "disabled", "iconContainer", "label", "checkbox", "labelInput", "editable", "editing", "dragAndDropOverlay"]), Po = te(/* @__PURE__ */ w("path", {
|
|
@@ -2551,7 +2532,7 @@ const J = me("MuiTreeItem", ["root", "groupTransition", "content", "expanded", "
|
|
|
2551
2532
|
}), "TreeViewExpandIcon"), Do = te(/* @__PURE__ */ w("path", {
|
|
2552
2533
|
d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
|
|
2553
2534
|
}), "TreeViewCollapseIcon");
|
|
2554
|
-
function
|
|
2535
|
+
function Ot(e) {
|
|
2555
2536
|
const {
|
|
2556
2537
|
children: t,
|
|
2557
2538
|
itemId: n
|
|
@@ -2565,7 +2546,7 @@ function Dt(e) {
|
|
|
2565
2546
|
instance: s
|
|
2566
2547
|
});
|
|
2567
2548
|
}
|
|
2568
|
-
|
|
2549
|
+
Ot.propTypes = {
|
|
2569
2550
|
// ----------------------------- Warning --------------------------------
|
|
2570
2551
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
2571
2552
|
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
@@ -2573,7 +2554,7 @@ Dt.propTypes = {
|
|
|
2573
2554
|
children: r.node,
|
|
2574
2555
|
itemId: r.string.isRequired
|
|
2575
2556
|
};
|
|
2576
|
-
const Vo = ["children", "className", "slots", "slotProps", "ContentComponent", "ContentProps", "itemId", "id", "label", "onClick", "onMouseDown", "onFocus", "onBlur", "onKeyDown"], $o = ["ownerState"], Ao = ["ownerState"], Fo = ["ownerState"], No =
|
|
2557
|
+
const Vo = ["children", "className", "slots", "slotProps", "ContentComponent", "ContentProps", "itemId", "id", "label", "onClick", "onMouseDown", "onFocus", "onBlur", "onKeyDown"], $o = ["ownerState"], Ao = ["ownerState"], Fo = ["ownerState"], No = pt(), Lo = (e) => {
|
|
2577
2558
|
const {
|
|
2578
2559
|
classes: t
|
|
2579
2560
|
} = e;
|
|
@@ -2591,7 +2572,7 @@ const Vo = ["children", "className", "slots", "slotProps", "ContentComponent", "
|
|
|
2591
2572
|
editing: ["editing"],
|
|
2592
2573
|
editable: ["editable"],
|
|
2593
2574
|
groupTransition: ["groupTransition"]
|
|
2594
|
-
},
|
|
2575
|
+
}, Oo, t);
|
|
2595
2576
|
}, jo = U("li", {
|
|
2596
2577
|
name: "MuiTreeItem",
|
|
2597
2578
|
slot: "Root",
|
|
@@ -2601,7 +2582,7 @@ const Vo = ["children", "className", "slots", "slotProps", "ContentComponent", "
|
|
|
2601
2582
|
margin: 0,
|
|
2602
2583
|
padding: 0,
|
|
2603
2584
|
outline: 0
|
|
2604
|
-
}), _o = U(
|
|
2585
|
+
}), _o = U(Ue, {
|
|
2605
2586
|
name: "MuiTreeItem",
|
|
2606
2587
|
slot: "Content",
|
|
2607
2588
|
overridesResolver: (e, t) => [t.content, t.iconContainer && {
|
|
@@ -2609,7 +2590,7 @@ const Vo = ["children", "className", "slots", "slotProps", "ContentComponent", "
|
|
|
2609
2590
|
}, t.label && {
|
|
2610
2591
|
[`& .${J.label}`]: t.label
|
|
2611
2592
|
}],
|
|
2612
|
-
shouldForwardProp: (e) =>
|
|
2593
|
+
shouldForwardProp: (e) => lt(e) && e !== "indentationAtItemLevel"
|
|
2613
2594
|
})(({
|
|
2614
2595
|
theme: e
|
|
2615
2596
|
}) => ({
|
|
@@ -2679,11 +2660,11 @@ const Vo = ["children", "className", "slots", "slotProps", "ContentComponent", "
|
|
|
2679
2660
|
paddingLeft: `calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`
|
|
2680
2661
|
}
|
|
2681
2662
|
}]
|
|
2682
|
-
})), Bo = U(
|
|
2663
|
+
})), Bo = U(Le, {
|
|
2683
2664
|
name: "MuiTreeItem",
|
|
2684
2665
|
slot: "GroupTransition",
|
|
2685
2666
|
overridesResolver: (e, t) => t.groupTransition,
|
|
2686
|
-
shouldForwardProp: (e) =>
|
|
2667
|
+
shouldForwardProp: (e) => lt(e) && e !== "indentationAtItemLevel"
|
|
2687
2668
|
})({
|
|
2688
2669
|
margin: 0,
|
|
2689
2670
|
padding: 0,
|
|
@@ -2696,8 +2677,8 @@ const Vo = ["children", "className", "slots", "slotProps", "ContentComponent", "
|
|
|
2696
2677
|
paddingLeft: 0
|
|
2697
2678
|
}
|
|
2698
2679
|
}]
|
|
2699
|
-
}),
|
|
2700
|
-
var
|
|
2680
|
+
}), Pt = /* @__PURE__ */ x.forwardRef(function(t, n) {
|
|
2681
|
+
var Xe, We, Je, Ge;
|
|
2701
2682
|
const {
|
|
2702
2683
|
icons: o,
|
|
2703
2684
|
runItemPlugins: s,
|
|
@@ -2720,11 +2701,11 @@ const Vo = ["children", "className", "slots", "slotProps", "ContentComponent", "
|
|
|
2720
2701
|
className: I,
|
|
2721
2702
|
slots: h,
|
|
2722
2703
|
slotProps: f,
|
|
2723
|
-
ContentComponent: g =
|
|
2704
|
+
ContentComponent: g = Ue,
|
|
2724
2705
|
ContentProps: b,
|
|
2725
2706
|
itemId: y,
|
|
2726
2707
|
id: C,
|
|
2727
|
-
label:
|
|
2708
|
+
label: k,
|
|
2728
2709
|
onClick: T,
|
|
2729
2710
|
onMouseDown: v,
|
|
2730
2711
|
onBlur: R,
|
|
@@ -2738,11 +2719,11 @@ const Vo = ["children", "className", "slots", "slotProps", "ContentComponent", "
|
|
|
2738
2719
|
handleExpansion: N,
|
|
2739
2720
|
handleCancelItemLabelEditing: H,
|
|
2740
2721
|
handleSaveItemLabel: L
|
|
2741
|
-
} =
|
|
2722
|
+
} = kt(y), {
|
|
2742
2723
|
contentRef: W,
|
|
2743
|
-
rootRef:
|
|
2724
|
+
rootRef: O,
|
|
2744
2725
|
propsEnhancers: P
|
|
2745
|
-
} = s(a), ne = x.useRef(null), ye = x.useRef(null),
|
|
2726
|
+
} = s(a), ne = x.useRef(null), ye = x.useRef(null), Re = de(n, O, ne), ke = de(b == null ? void 0 : b.ref, W, ye), oe = {
|
|
2746
2727
|
expandIcon: (h == null ? void 0 : h.expandIcon) ?? o.slots.expandIcon ?? Po,
|
|
2747
2728
|
collapseIcon: (h == null ? void 0 : h.collapseIcon) ?? o.slots.collapseIcon ?? Do,
|
|
2748
2729
|
endIcon: (h == null ? void 0 : h.endIcon) ?? o.slots.endIcon,
|
|
@@ -2767,74 +2748,74 @@ const Vo = ["children", "className", "slots", "slotProps", "ContentComponent", "
|
|
|
2767
2748
|
indentationAtItemLevel: !0
|
|
2768
2749
|
} : {}),
|
|
2769
2750
|
className: $.groupTransition
|
|
2770
|
-
}),
|
|
2751
|
+
}), Vt = (S) => {
|
|
2771
2752
|
p === "iconContainer" && N(S);
|
|
2772
|
-
},
|
|
2773
|
-
elementType:
|
|
2753
|
+
}, Oe = V ? oe.collapseIcon : oe.expandIcon, $t = ce({
|
|
2754
|
+
elementType: Oe,
|
|
2774
2755
|
ownerState: {},
|
|
2775
2756
|
externalSlotProps: (S) => V ? E({}, ie(o.slotProps.collapseIcon, S), ie(f == null ? void 0 : f.collapseIcon, S)) : E({}, ie(o.slotProps.expandIcon, S), ie(f == null ? void 0 : f.expandIcon, S)),
|
|
2776
2757
|
additionalProps: {
|
|
2777
|
-
onClick:
|
|
2758
|
+
onClick: Vt
|
|
2778
2759
|
}
|
|
2779
|
-
}),
|
|
2780
|
-
elementType:
|
|
2760
|
+
}), At = Q($t, $o), Ft = F && Oe ? /* @__PURE__ */ w(Oe, E({}, At)) : null, Pe = F ? void 0 : oe.endIcon, Nt = ce({
|
|
2761
|
+
elementType: Pe,
|
|
2781
2762
|
ownerState: {},
|
|
2782
2763
|
externalSlotProps: (S) => F ? {} : E({}, ie(o.slotProps.endIcon, S), ie(f == null ? void 0 : f.endIcon, S))
|
|
2783
|
-
}),
|
|
2784
|
-
elementType:
|
|
2764
|
+
}), Lt = Q(Nt, Ao), jt = Pe ? /* @__PURE__ */ w(Pe, E({}, Lt)) : null, De = oe.icon, _t = ce({
|
|
2765
|
+
elementType: De,
|
|
2785
2766
|
ownerState: {},
|
|
2786
2767
|
externalSlotProps: f == null ? void 0 : f.icon
|
|
2787
|
-
}),
|
|
2788
|
-
let
|
|
2789
|
-
i ?
|
|
2790
|
-
function
|
|
2768
|
+
}), Bt = Q(_t, Fo), zt = De ? /* @__PURE__ */ w(De, E({}, Bt)) : null;
|
|
2769
|
+
let Ve;
|
|
2770
|
+
i ? Ve = z : z && (Ve = !0);
|
|
2771
|
+
function Ut(S) {
|
|
2791
2772
|
!A && (!j || d) && S.currentTarget === S.target && u.focusItem(S, y);
|
|
2792
2773
|
}
|
|
2793
|
-
function
|
|
2794
|
-
var re, ae,
|
|
2774
|
+
function Kt(S) {
|
|
2775
|
+
var re, ae, He, Ye;
|
|
2795
2776
|
R == null || R(S), !(q || // we can exit the editing state by clicking outside the input (within the tree item) or by pressing Enter or Escape -> we don't want to remove the focused item from the state in these cases
|
|
2796
2777
|
// we can also exit the editing state by clicking on the root itself -> want to remove the focused item from the state in this case
|
|
2797
|
-
S.relatedTarget &&
|
|
2778
|
+
S.relatedTarget && Fe(S.relatedTarget, ne.current) && (S.target && ((ae = (re = S.target) == null ? void 0 : re.dataset) == null ? void 0 : ae.element) === "labelInput" && Fe(S.target, ne.current) || ((Ye = (He = S.relatedTarget) == null ? void 0 : He.dataset) == null ? void 0 : Ye.element) === "labelInput")) && u.removeFocusedItem();
|
|
2798
2779
|
}
|
|
2799
|
-
const
|
|
2780
|
+
const qt = (S) => {
|
|
2800
2781
|
var re, ae;
|
|
2801
2782
|
B == null || B(S), ((ae = (re = S.target) == null ? void 0 : re.dataset) == null ? void 0 : ae.element) !== "labelInput" && u.handleItemKeyDown(S, y);
|
|
2802
|
-
},
|
|
2783
|
+
}, Xt = u.getTreeItemIdAttribute(y, C), Wt = u.canItemBeTabbed(y) ? 0 : -1, Ee = {
|
|
2803
2784
|
rootRefObject: ne,
|
|
2804
2785
|
contentRefObject: ye,
|
|
2805
2786
|
interactions: {
|
|
2806
2787
|
handleSaveItemLabel: L,
|
|
2807
2788
|
handleCancelItemLabelEditing: H
|
|
2808
2789
|
}
|
|
2809
|
-
},
|
|
2810
|
-
externalEventHandlers:
|
|
2811
|
-
}))) ?? {},
|
|
2812
|
-
externalEventHandlers:
|
|
2813
|
-
}))) ?? {},
|
|
2790
|
+
}, Jt = ((Xe = P.root) == null ? void 0 : Xe.call(P, E({}, Ee, {
|
|
2791
|
+
externalEventHandlers: et(K)
|
|
2792
|
+
}))) ?? {}, Gt = ((We = P.content) == null ? void 0 : We.call(P, E({}, Ee, {
|
|
2793
|
+
externalEventHandlers: et(b)
|
|
2794
|
+
}))) ?? {}, Ke = ((Je = P.dragAndDropOverlay) == null ? void 0 : Je.call(P, E({}, Ee, {
|
|
2814
2795
|
externalEventHandlers: {}
|
|
2815
|
-
}))) ?? {},
|
|
2796
|
+
}))) ?? {}, qe = ((Ge = P.labelInput) == null ? void 0 : Ge.call(P, E({}, Ee, {
|
|
2816
2797
|
externalEventHandlers: {}
|
|
2817
2798
|
}))) ?? {};
|
|
2818
|
-
return /* @__PURE__ */ w(
|
|
2799
|
+
return /* @__PURE__ */ w(Ot, {
|
|
2819
2800
|
itemId: y,
|
|
2820
2801
|
children: /* @__PURE__ */ ve(jo, E({
|
|
2821
2802
|
className: Ie($.root, I),
|
|
2822
2803
|
role: "treeitem",
|
|
2823
2804
|
"aria-expanded": F ? V : void 0,
|
|
2824
|
-
"aria-selected":
|
|
2805
|
+
"aria-selected": Ve,
|
|
2825
2806
|
"aria-disabled": j || void 0,
|
|
2826
|
-
id:
|
|
2827
|
-
tabIndex:
|
|
2807
|
+
id: Xt,
|
|
2808
|
+
tabIndex: Wt
|
|
2828
2809
|
}, K, {
|
|
2829
2810
|
ownerState: _,
|
|
2830
|
-
onFocus:
|
|
2831
|
-
onBlur:
|
|
2832
|
-
onKeyDown:
|
|
2833
|
-
ref:
|
|
2811
|
+
onFocus: Ut,
|
|
2812
|
+
onBlur: Kt,
|
|
2813
|
+
onKeyDown: qt,
|
|
2814
|
+
ref: Re,
|
|
2834
2815
|
style: c ? E({}, K.style, {
|
|
2835
2816
|
"--TreeView-itemDepth": typeof l == "function" ? l(y) : l
|
|
2836
2817
|
}) : K.style
|
|
2837
|
-
},
|
|
2818
|
+
}, Jt, {
|
|
2838
2819
|
children: [/* @__PURE__ */ w(_o, E({
|
|
2839
2820
|
as: g,
|
|
2840
2821
|
classes: {
|
|
@@ -2850,18 +2831,18 @@ const Vo = ["children", "className", "slots", "slotProps", "ContentComponent", "
|
|
|
2850
2831
|
labelInput: $.labelInput,
|
|
2851
2832
|
checkbox: $.checkbox
|
|
2852
2833
|
},
|
|
2853
|
-
label:
|
|
2834
|
+
label: k,
|
|
2854
2835
|
itemId: y,
|
|
2855
2836
|
onClick: T,
|
|
2856
2837
|
onMouseDown: v,
|
|
2857
|
-
icon:
|
|
2858
|
-
expansionIcon:
|
|
2859
|
-
displayIcon:
|
|
2838
|
+
icon: zt,
|
|
2839
|
+
expansionIcon: Ft,
|
|
2840
|
+
displayIcon: jt,
|
|
2860
2841
|
ownerState: _
|
|
2861
|
-
}, b,
|
|
2862
|
-
dragAndDropOverlayProps:
|
|
2863
|
-
},
|
|
2864
|
-
labelInputProps:
|
|
2842
|
+
}, b, Gt, Ke.action == null ? {} : {
|
|
2843
|
+
dragAndDropOverlayProps: Ke
|
|
2844
|
+
}, qe.value == null ? {} : {
|
|
2845
|
+
labelInputProps: qe
|
|
2865
2846
|
}, {
|
|
2866
2847
|
ref: ke
|
|
2867
2848
|
})), m && /* @__PURE__ */ w(Bo, E({
|
|
@@ -2872,7 +2853,7 @@ const Vo = ["children", "className", "slots", "slotProps", "ContentComponent", "
|
|
|
2872
2853
|
}))
|
|
2873
2854
|
});
|
|
2874
2855
|
});
|
|
2875
|
-
process.env.NODE_ENV !== "production" && (
|
|
2856
|
+
process.env.NODE_ENV !== "production" && (Pt.propTypes = {
|
|
2876
2857
|
// ----------------------------- Warning --------------------------------
|
|
2877
2858
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
2878
2859
|
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
@@ -2890,7 +2871,7 @@ process.env.NODE_ENV !== "production" && (Vt.propTypes = {
|
|
|
2890
2871
|
* The component used to render the content of the item.
|
|
2891
2872
|
* @default TreeItemContent
|
|
2892
2873
|
*/
|
|
2893
|
-
ContentComponent:
|
|
2874
|
+
ContentComponent: rt,
|
|
2894
2875
|
/**
|
|
2895
2876
|
* Props applied to ContentComponent.
|
|
2896
2877
|
*/
|
|
@@ -2912,7 +2893,7 @@ process.env.NODE_ENV !== "production" && (Vt.propTypes = {
|
|
|
2912
2893
|
* This prop isn't supported.
|
|
2913
2894
|
* Use the `onItemFocus` callback on the tree if you need to monitor a item's focus.
|
|
2914
2895
|
*/
|
|
2915
|
-
onFocus:
|
|
2896
|
+
onFocus: mn,
|
|
2916
2897
|
/**
|
|
2917
2898
|
* Callback fired when a key of the keyboard is pressed on the item.
|
|
2918
2899
|
*/
|
|
@@ -2932,26 +2913,26 @@ process.env.NODE_ENV !== "production" && (Vt.propTypes = {
|
|
|
2932
2913
|
*/
|
|
2933
2914
|
sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
|
|
2934
2915
|
});
|
|
2935
|
-
const
|
|
2916
|
+
const Xo = ({
|
|
2936
2917
|
items: e,
|
|
2937
2918
|
handleCheck: t,
|
|
2938
2919
|
width: n = "250px",
|
|
2939
2920
|
height: o = "350px",
|
|
2940
2921
|
expanded: s
|
|
2941
|
-
}) => /* @__PURE__ */ w(
|
|
2922
|
+
}) => /* @__PURE__ */ w(In, { width: n, height: o, children: /* @__PURE__ */ w(Rt, { expandedItems: s, children: Dt(e, t) }) }), Dt = (e, t) => e.map((n) => /* @__PURE__ */ Ht(zo, { ...n, key: n.id, handleCheck: t })), zo = ({
|
|
2942
2923
|
id: e,
|
|
2943
2924
|
checked: t,
|
|
2944
2925
|
children: n,
|
|
2945
2926
|
label: o,
|
|
2946
2927
|
handleCheck: s
|
|
2947
2928
|
}) => /* @__PURE__ */ w(
|
|
2948
|
-
|
|
2929
|
+
Pt,
|
|
2949
2930
|
{
|
|
2950
2931
|
itemId: e,
|
|
2951
|
-
label: /* @__PURE__ */ ve(
|
|
2952
|
-
/* @__PURE__ */ w(
|
|
2932
|
+
label: /* @__PURE__ */ ve(gn, { flexDirection: "row", alignItems: "center", children: [
|
|
2933
|
+
/* @__PURE__ */ w(hn, { children: o }),
|
|
2953
2934
|
s && /* @__PURE__ */ w(
|
|
2954
|
-
|
|
2935
|
+
bn,
|
|
2955
2936
|
{
|
|
2956
2937
|
disableRipple: !0,
|
|
2957
2938
|
sx: { marginLeft: "auto" },
|
|
@@ -2963,19 +2944,15 @@ const Jo = ({
|
|
|
2963
2944
|
}
|
|
2964
2945
|
)
|
|
2965
2946
|
] }),
|
|
2966
|
-
children: n.length > 0 &&
|
|
2947
|
+
children: n.length > 0 && Dt(n, s)
|
|
2967
2948
|
}
|
|
2968
2949
|
);
|
|
2969
2950
|
export {
|
|
2970
|
-
|
|
2971
|
-
|
|
2972
|
-
|
|
2951
|
+
Le as C,
|
|
2952
|
+
ct as F,
|
|
2953
|
+
Xo as T,
|
|
2973
2954
|
X as a,
|
|
2974
2955
|
Cn as b,
|
|
2975
|
-
|
|
2976
|
-
|
|
2977
|
-
ft as e,
|
|
2978
|
-
Wo as l,
|
|
2979
|
-
_e as r,
|
|
2980
|
-
On as u
|
|
2956
|
+
ut as c,
|
|
2957
|
+
kn as u
|
|
2981
2958
|
};
|