@cgi-learning-hub/ui 1.4.0-dev.1742214247 → 1.4.0-dev.1742227742
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/CustomTreeItem-DBgMgvLx.cjs +3 -0
- package/dist/CustomTreeItem-ca-TgHSV.js +1329 -0
- package/dist/Folder-DXybV_jP.js +8 -0
- package/dist/Folder-DiQqYwXI.cjs +1 -0
- package/dist/MoreVert-CxgmXooO.cjs +1 -0
- package/dist/MoreVert-rsN-POLa.js +8 -0
- package/dist/components/FolderCard/FolderCard.cjs.js +1 -0
- package/dist/components/FolderCard/FolderCard.d.ts +10 -0
- package/dist/components/FolderCard/FolderCard.es.js +78 -0
- package/dist/components/FolderCard/index.cjs.js +1 -0
- package/dist/components/FolderCard/index.d.ts +2 -0
- package/dist/components/FolderCard/index.es.js +4 -0
- package/dist/components/FolderCard/styles.cjs.js +1 -0
- package/dist/components/FolderCard/styles.d.ts +10 -0
- package/dist/components/FolderCard/styles.es.js +13 -0
- package/dist/components/FolderCard/types.cjs.js +1 -0
- package/dist/components/FolderCard/types.d.ts +11 -0
- package/dist/components/FolderCard/types.es.js +14 -0
- package/dist/components/ResourceCard/ResourceCard.cjs.js +1 -1
- package/dist/components/ResourceCard/ResourceCard.es.js +16 -18
- package/dist/components/TreeView/TreeView.cjs.js +4 -4
- package/dist/components/TreeView/TreeView.es.js +21 -22
- package/dist/components/TreeView/components/CustomTreeItem.cjs.js +1 -1
- package/dist/components/TreeView/components/CustomTreeItem.es.js +1 -1
- package/dist/components/TreeView/utils.cjs.js +1 -1
- package/dist/components/TreeView/utils.es.js +26 -27
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.es.js +266 -260
- package/dist/components/stories/FolderCard.stories.cjs.js +1 -0
- package/dist/components/stories/FolderCard.stories.d.ts +7 -0
- package/dist/components/stories/FolderCard.stories.es.js +71 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +266 -260
- package/package.json +1 -1
- package/dist/Collapse-Bvxtq7n-.cjs +0 -1
- package/dist/Collapse-CcMCOZ3q.js +0 -334
- package/dist/CustomTreeItem-CG7mGHC9.cjs +0 -3
- package/dist/CustomTreeItem-PTf-e74x.js +0 -1003
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const te=require("react"),e=require("./generateUtilityClasses-De8NU9_E.cjs"),ne=require("./useTheme-CIf2b2wK.cjs"),w=require("react/jsx-runtime"),h=require("./DefaultPropsProvider-wpBXjN8r.cjs"),oe=require("./memoTheme-DrjvJtTP.cjs"),b=require("./utils-lBmb5bp_.cjs"),re=require("./useTimeout-COCrDKz-.cjs"),se=require("./useForkRef-CTI33h-3.cjs"),ie=require("./elementTypeAcceptingRef-BjgxF5Bq.cjs");function pe(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const p=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(n,r,p.get?p:{enumerable:!0,get:()=>o[r]})}}return n.default=o,Object.freeze(n)}const E=pe(te);function U(o){return e.generateUtilityClass("MuiCollapse",o)}const ae=e.generateUtilityClasses("MuiCollapse",["root","horizontal","vertical","entered","hidden","wrapper","wrapperInner"]),le=o=>{const{orientation:n,classes:r}=o,p={root:["root",`${n}`],entered:["entered"],hidden:["hidden"],wrapper:["wrapper",`${n}`],wrapperInner:["wrapperInner",`${n}`]};return h.composeClasses(p,U,r)},ce=h.styled("div",{name:"MuiCollapse",slot:"Root",overridesResolver:(o,n)=>{const{ownerState:r}=o;return[n.root,n[r.orientation],r.state==="entered"&&n.entered,r.state==="exited"&&!r.in&&r.collapsedSize==="0px"&&n.hidden]}})(oe.memoTheme(({theme:o})=>({height:0,overflow:"hidden",transition:o.transitions.create("height"),variants:[{props:{orientation:"horizontal"},style:{height:"auto",width:0,transition:o.transitions.create("width")}},{props:{state:"entered"},style:{height:"auto",overflow:"visible"}},{props:{state:"entered",orientation:"horizontal"},style:{width:"auto"}},{props:({ownerState:n})=>n.state==="exited"&&!n.in&&n.collapsedSize==="0px",style:{visibility:"hidden"}}]}))),ue=h.styled("div",{name:"MuiCollapse",slot:"Wrapper",overridesResolver:(o,n)=>n.wrapper})({display:"flex",width:"100%",variants:[{props:{orientation:"horizontal"},style:{width:"auto",height:"100%"}}]}),de=h.styled("div",{name:"MuiCollapse",slot:"WrapperInner",overridesResolver:(o,n)=>n.wrapperInner})({width:"100%",variants:[{props:{orientation:"horizontal"},style:{width:"auto",height:"100%"}}]}),C=E.forwardRef(function(n,r){const p=h.useDefaultProps({props:n,name:"MuiCollapse"}),{addEndListener:S,children:A,className:H,collapsedSize:T="0px",component:L,easing:O,in:D,onEnter:j,onEntered:q,onEntering:$,onExit:N,onExited:_,onExiting:M,orientation:W="vertical",style:v,timeout:a=e.duration.standard,TransitionComponent:k=b.Transition,...V}=p,m={...p,orientation:W,collapsedSize:T},u=le(m),F=ne.useTheme(),B=re.useTimeout(),l=E.useRef(null),z=E.useRef(),g=typeof T=="number"?`${T}px`:T,d=W==="horizontal",y=d?"width":"height",P=E.useRef(null),G=se.useForkRef(r,P),c=t=>s=>{if(t){const i=P.current;s===void 0?t(i):t(i,s)}},R=()=>l.current?l.current[d?"clientWidth":"clientHeight"]:0,J=c((t,s)=>{l.current&&d&&(l.current.style.position="absolute"),t.style[y]=g,j&&j(t,s)}),K=c((t,s)=>{const i=R();l.current&&d&&(l.current.style.position="");const{duration:f,easing:x}=b.getTransitionProps({style:v,timeout:a,easing:O},{mode:"enter"});if(a==="auto"){const I=F.transitions.getAutoHeightDuration(i);t.style.transitionDuration=`${I}ms`,z.current=I}else t.style.transitionDuration=typeof f=="string"?f:`${f}ms`;t.style[y]=`${i}px`,t.style.transitionTimingFunction=x,$&&$(t,s)}),Q=c((t,s)=>{t.style[y]="auto",q&&q(t,s)}),X=c(t=>{t.style[y]=`${R()}px`,N&&N(t)}),Y=c(_),Z=c(t=>{const s=R(),{duration:i,easing:f}=b.getTransitionProps({style:v,timeout:a,easing:O},{mode:"exit"});if(a==="auto"){const x=F.transitions.getAutoHeightDuration(s);t.style.transitionDuration=`${x}ms`,z.current=x}else t.style.transitionDuration=typeof i=="string"?i:`${i}ms`;t.style[y]=g,t.style.transitionTimingFunction=f,M&&M(t)}),ee=t=>{a==="auto"&&B.start(z.current||0,t),S&&S(P.current,t)};return w.jsx(k,{in:D,onEnter:J,onEntered:Q,onEntering:K,onExit:X,onExited:Y,onExiting:Z,addEndListener:ee,nodeRef:P,timeout:a==="auto"?null:a,...V,children:(t,{ownerState:s,...i})=>w.jsx(ce,{as:L,className:e.clsx(u.root,H,{entered:u.entered,exited:!D&&g==="0px"&&u.hidden}[t]),style:{[d?"minWidth":"minHeight"]:g,...v},ref:G,ownerState:{...m,state:t},...i,children:w.jsx(ue,{ownerState:{...m,state:t},className:u.wrapper,ref:l,children:w.jsx(de,{ownerState:{...m,state:t},className:u.wrapperInner,children:A})})})})});process.env.NODE_ENV!=="production"&&(C.propTypes={addEndListener:e.PropTypes.func,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,collapsedSize:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),component:ie.elementTypeAcceptingRef,easing:e.PropTypes.oneOfType([e.PropTypes.shape({enter:e.PropTypes.string,exit:e.PropTypes.string}),e.PropTypes.string]),in:e.PropTypes.bool,onEnter:e.PropTypes.func,onEntered:e.PropTypes.func,onEntering:e.PropTypes.func,onExit:e.PropTypes.func,onExited:e.PropTypes.func,onExiting:e.PropTypes.func,orientation:e.PropTypes.oneOf(["horizontal","vertical"]),style:e.PropTypes.object,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),timeout:e.PropTypes.oneOfType([e.PropTypes.oneOf(["auto"]),e.PropTypes.number,e.PropTypes.shape({appear:e.PropTypes.number,enter:e.PropTypes.number,exit:e.PropTypes.number})])});C&&(C.muiSupportAuto=!0);exports.Collapse=C;exports.collapseClasses=ae;exports.getCollapseUtilityClass=U;
|
|
@@ -1,334 +0,0 @@
|
|
|
1
|
-
import * as w from "react";
|
|
2
|
-
import { G as Z, H as ee, x as te, I as ne, P as e } from "./generateUtilityClasses-EXBFO7eY.js";
|
|
3
|
-
import { u as oe } from "./useTheme-Czi7oO55.js";
|
|
4
|
-
import { jsx as v } from "react/jsx-runtime";
|
|
5
|
-
import { u as ie, s as S, c as re } from "./DefaultPropsProvider-CQixa6JQ.js";
|
|
6
|
-
import { m as se } from "./memoTheme-DJWQ754x.js";
|
|
7
|
-
import { T as ae, g as A } from "./utils-B2jSugkj.js";
|
|
8
|
-
import { u as le } from "./useTimeout-CrCYVizI.js";
|
|
9
|
-
import { u as pe } from "./useForkRef-C_4o__cU.js";
|
|
10
|
-
import { e as ce } from "./elementTypeAcceptingRef-B04tk6ag.js";
|
|
11
|
-
function de(o) {
|
|
12
|
-
return ee("MuiCollapse", o);
|
|
13
|
-
}
|
|
14
|
-
const Se = Z("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]), ue = (o) => {
|
|
15
|
-
const {
|
|
16
|
-
orientation: n,
|
|
17
|
-
classes: s
|
|
18
|
-
} = o, m = {
|
|
19
|
-
root: ["root", `${n}`],
|
|
20
|
-
entered: ["entered"],
|
|
21
|
-
hidden: ["hidden"],
|
|
22
|
-
wrapper: ["wrapper", `${n}`],
|
|
23
|
-
wrapperInner: ["wrapperInner", `${n}`]
|
|
24
|
-
};
|
|
25
|
-
return re(m, de, s);
|
|
26
|
-
}, fe = S("div", {
|
|
27
|
-
name: "MuiCollapse",
|
|
28
|
-
slot: "Root",
|
|
29
|
-
overridesResolver: (o, n) => {
|
|
30
|
-
const {
|
|
31
|
-
ownerState: s
|
|
32
|
-
} = o;
|
|
33
|
-
return [n.root, n[s.orientation], s.state === "entered" && n.entered, s.state === "exited" && !s.in && s.collapsedSize === "0px" && n.hidden];
|
|
34
|
-
}
|
|
35
|
-
})(se(({
|
|
36
|
-
theme: o
|
|
37
|
-
}) => ({
|
|
38
|
-
height: 0,
|
|
39
|
-
overflow: "hidden",
|
|
40
|
-
transition: o.transitions.create("height"),
|
|
41
|
-
variants: [{
|
|
42
|
-
props: {
|
|
43
|
-
orientation: "horizontal"
|
|
44
|
-
},
|
|
45
|
-
style: {
|
|
46
|
-
height: "auto",
|
|
47
|
-
width: 0,
|
|
48
|
-
transition: o.transitions.create("width")
|
|
49
|
-
}
|
|
50
|
-
}, {
|
|
51
|
-
props: {
|
|
52
|
-
state: "entered"
|
|
53
|
-
},
|
|
54
|
-
style: {
|
|
55
|
-
height: "auto",
|
|
56
|
-
overflow: "visible"
|
|
57
|
-
}
|
|
58
|
-
}, {
|
|
59
|
-
props: {
|
|
60
|
-
state: "entered",
|
|
61
|
-
orientation: "horizontal"
|
|
62
|
-
},
|
|
63
|
-
style: {
|
|
64
|
-
width: "auto"
|
|
65
|
-
}
|
|
66
|
-
}, {
|
|
67
|
-
props: ({
|
|
68
|
-
ownerState: n
|
|
69
|
-
}) => n.state === "exited" && !n.in && n.collapsedSize === "0px",
|
|
70
|
-
style: {
|
|
71
|
-
visibility: "hidden"
|
|
72
|
-
}
|
|
73
|
-
}]
|
|
74
|
-
}))), me = S("div", {
|
|
75
|
-
name: "MuiCollapse",
|
|
76
|
-
slot: "Wrapper",
|
|
77
|
-
overridesResolver: (o, n) => n.wrapper
|
|
78
|
-
})({
|
|
79
|
-
// Hack to get children with a negative margin to not falsify the height computation.
|
|
80
|
-
display: "flex",
|
|
81
|
-
width: "100%",
|
|
82
|
-
variants: [{
|
|
83
|
-
props: {
|
|
84
|
-
orientation: "horizontal"
|
|
85
|
-
},
|
|
86
|
-
style: {
|
|
87
|
-
width: "auto",
|
|
88
|
-
height: "100%"
|
|
89
|
-
}
|
|
90
|
-
}]
|
|
91
|
-
}), he = S("div", {
|
|
92
|
-
name: "MuiCollapse",
|
|
93
|
-
slot: "WrapperInner",
|
|
94
|
-
overridesResolver: (o, n) => n.wrapperInner
|
|
95
|
-
})({
|
|
96
|
-
width: "100%",
|
|
97
|
-
variants: [{
|
|
98
|
-
props: {
|
|
99
|
-
orientation: "horizontal"
|
|
100
|
-
},
|
|
101
|
-
style: {
|
|
102
|
-
width: "auto",
|
|
103
|
-
height: "100%"
|
|
104
|
-
}
|
|
105
|
-
}]
|
|
106
|
-
}), R = /* @__PURE__ */ w.forwardRef(function(n, s) {
|
|
107
|
-
const m = ie({
|
|
108
|
-
props: n,
|
|
109
|
-
name: "MuiCollapse"
|
|
110
|
-
}), {
|
|
111
|
-
addEndListener: b,
|
|
112
|
-
children: F,
|
|
113
|
-
className: L,
|
|
114
|
-
collapsedSize: h = "0px",
|
|
115
|
-
component: U,
|
|
116
|
-
easing: D,
|
|
117
|
-
in: O,
|
|
118
|
-
onEnter: $,
|
|
119
|
-
onEntered: I,
|
|
120
|
-
onEntering: N,
|
|
121
|
-
onExit: W,
|
|
122
|
-
onExited: G,
|
|
123
|
-
onExiting: H,
|
|
124
|
-
orientation: M = "vertical",
|
|
125
|
-
style: C,
|
|
126
|
-
timeout: a = te.standard,
|
|
127
|
-
// eslint-disable-next-line react/prop-types
|
|
128
|
-
TransitionComponent: V = ae,
|
|
129
|
-
..._
|
|
130
|
-
} = m, g = {
|
|
131
|
-
...m,
|
|
132
|
-
orientation: M,
|
|
133
|
-
collapsedSize: h
|
|
134
|
-
}, c = ue(g), P = oe(), k = le(), l = w.useRef(null), T = w.useRef(), y = typeof h == "number" ? `${h}px` : h, d = M === "horizontal", u = d ? "width" : "height", E = w.useRef(null), q = pe(s, E), p = (t) => (i) => {
|
|
135
|
-
if (t) {
|
|
136
|
-
const r = E.current;
|
|
137
|
-
i === void 0 ? t(r) : t(r, i);
|
|
138
|
-
}
|
|
139
|
-
}, z = () => l.current ? l.current[d ? "clientWidth" : "clientHeight"] : 0, B = p((t, i) => {
|
|
140
|
-
l.current && d && (l.current.style.position = "absolute"), t.style[u] = y, $ && $(t, i);
|
|
141
|
-
}), J = p((t, i) => {
|
|
142
|
-
const r = z();
|
|
143
|
-
l.current && d && (l.current.style.position = "");
|
|
144
|
-
const {
|
|
145
|
-
duration: f,
|
|
146
|
-
easing: x
|
|
147
|
-
} = A({
|
|
148
|
-
style: C,
|
|
149
|
-
timeout: a,
|
|
150
|
-
easing: D
|
|
151
|
-
}, {
|
|
152
|
-
mode: "enter"
|
|
153
|
-
});
|
|
154
|
-
if (a === "auto") {
|
|
155
|
-
const j = P.transitions.getAutoHeightDuration(r);
|
|
156
|
-
t.style.transitionDuration = `${j}ms`, T.current = j;
|
|
157
|
-
} else
|
|
158
|
-
t.style.transitionDuration = typeof f == "string" ? f : `${f}ms`;
|
|
159
|
-
t.style[u] = `${r}px`, t.style.transitionTimingFunction = x, N && N(t, i);
|
|
160
|
-
}), K = p((t, i) => {
|
|
161
|
-
t.style[u] = "auto", I && I(t, i);
|
|
162
|
-
}), Q = p((t) => {
|
|
163
|
-
t.style[u] = `${z()}px`, W && W(t);
|
|
164
|
-
}), X = p(G), Y = p((t) => {
|
|
165
|
-
const i = z(), {
|
|
166
|
-
duration: r,
|
|
167
|
-
easing: f
|
|
168
|
-
} = A({
|
|
169
|
-
style: C,
|
|
170
|
-
timeout: a,
|
|
171
|
-
easing: D
|
|
172
|
-
}, {
|
|
173
|
-
mode: "exit"
|
|
174
|
-
});
|
|
175
|
-
if (a === "auto") {
|
|
176
|
-
const x = P.transitions.getAutoHeightDuration(i);
|
|
177
|
-
t.style.transitionDuration = `${x}ms`, T.current = x;
|
|
178
|
-
} else
|
|
179
|
-
t.style.transitionDuration = typeof r == "string" ? r : `${r}ms`;
|
|
180
|
-
t.style[u] = y, t.style.transitionTimingFunction = f, H && H(t);
|
|
181
|
-
});
|
|
182
|
-
return /* @__PURE__ */ v(V, {
|
|
183
|
-
in: O,
|
|
184
|
-
onEnter: B,
|
|
185
|
-
onEntered: K,
|
|
186
|
-
onEntering: J,
|
|
187
|
-
onExit: Q,
|
|
188
|
-
onExited: X,
|
|
189
|
-
onExiting: Y,
|
|
190
|
-
addEndListener: (t) => {
|
|
191
|
-
a === "auto" && k.start(T.current || 0, t), b && b(E.current, t);
|
|
192
|
-
},
|
|
193
|
-
nodeRef: E,
|
|
194
|
-
timeout: a === "auto" ? null : a,
|
|
195
|
-
..._,
|
|
196
|
-
children: (t, {
|
|
197
|
-
ownerState: i,
|
|
198
|
-
...r
|
|
199
|
-
}) => /* @__PURE__ */ v(fe, {
|
|
200
|
-
as: U,
|
|
201
|
-
className: ne(c.root, L, {
|
|
202
|
-
entered: c.entered,
|
|
203
|
-
exited: !O && y === "0px" && c.hidden
|
|
204
|
-
}[t]),
|
|
205
|
-
style: {
|
|
206
|
-
[d ? "minWidth" : "minHeight"]: y,
|
|
207
|
-
...C
|
|
208
|
-
},
|
|
209
|
-
ref: q,
|
|
210
|
-
ownerState: {
|
|
211
|
-
...g,
|
|
212
|
-
state: t
|
|
213
|
-
},
|
|
214
|
-
...r,
|
|
215
|
-
children: /* @__PURE__ */ v(me, {
|
|
216
|
-
ownerState: {
|
|
217
|
-
...g,
|
|
218
|
-
state: t
|
|
219
|
-
},
|
|
220
|
-
className: c.wrapper,
|
|
221
|
-
ref: l,
|
|
222
|
-
children: /* @__PURE__ */ v(he, {
|
|
223
|
-
ownerState: {
|
|
224
|
-
...g,
|
|
225
|
-
state: t
|
|
226
|
-
},
|
|
227
|
-
className: c.wrapperInner,
|
|
228
|
-
children: F
|
|
229
|
-
})
|
|
230
|
-
})
|
|
231
|
-
})
|
|
232
|
-
});
|
|
233
|
-
});
|
|
234
|
-
process.env.NODE_ENV !== "production" && (R.propTypes = {
|
|
235
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
236
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
237
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
238
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
239
|
-
/**
|
|
240
|
-
* Add a custom transition end trigger. Called with the transitioning DOM
|
|
241
|
-
* node and a done callback. Allows for more fine grained transition end
|
|
242
|
-
* logic. Note: Timeouts are still used as a fallback if provided.
|
|
243
|
-
*/
|
|
244
|
-
addEndListener: e.func,
|
|
245
|
-
/**
|
|
246
|
-
* The content node to be collapsed.
|
|
247
|
-
*/
|
|
248
|
-
children: e.node,
|
|
249
|
-
/**
|
|
250
|
-
* Override or extend the styles applied to the component.
|
|
251
|
-
*/
|
|
252
|
-
classes: e.object,
|
|
253
|
-
/**
|
|
254
|
-
* @ignore
|
|
255
|
-
*/
|
|
256
|
-
className: e.string,
|
|
257
|
-
/**
|
|
258
|
-
* The width (horizontal) or height (vertical) of the container when collapsed.
|
|
259
|
-
* @default '0px'
|
|
260
|
-
*/
|
|
261
|
-
collapsedSize: e.oneOfType([e.number, e.string]),
|
|
262
|
-
/**
|
|
263
|
-
* The component used for the root node.
|
|
264
|
-
* Either a string to use a HTML element or a component.
|
|
265
|
-
*/
|
|
266
|
-
component: ce,
|
|
267
|
-
/**
|
|
268
|
-
* The transition timing function.
|
|
269
|
-
* You may specify a single easing or a object containing enter and exit values.
|
|
270
|
-
*/
|
|
271
|
-
easing: e.oneOfType([e.shape({
|
|
272
|
-
enter: e.string,
|
|
273
|
-
exit: e.string
|
|
274
|
-
}), e.string]),
|
|
275
|
-
/**
|
|
276
|
-
* If `true`, the component will transition in.
|
|
277
|
-
*/
|
|
278
|
-
in: e.bool,
|
|
279
|
-
/**
|
|
280
|
-
* @ignore
|
|
281
|
-
*/
|
|
282
|
-
onEnter: e.func,
|
|
283
|
-
/**
|
|
284
|
-
* @ignore
|
|
285
|
-
*/
|
|
286
|
-
onEntered: e.func,
|
|
287
|
-
/**
|
|
288
|
-
* @ignore
|
|
289
|
-
*/
|
|
290
|
-
onEntering: e.func,
|
|
291
|
-
/**
|
|
292
|
-
* @ignore
|
|
293
|
-
*/
|
|
294
|
-
onExit: e.func,
|
|
295
|
-
/**
|
|
296
|
-
* @ignore
|
|
297
|
-
*/
|
|
298
|
-
onExited: e.func,
|
|
299
|
-
/**
|
|
300
|
-
* @ignore
|
|
301
|
-
*/
|
|
302
|
-
onExiting: e.func,
|
|
303
|
-
/**
|
|
304
|
-
* The transition orientation.
|
|
305
|
-
* @default 'vertical'
|
|
306
|
-
*/
|
|
307
|
-
orientation: e.oneOf(["horizontal", "vertical"]),
|
|
308
|
-
/**
|
|
309
|
-
* @ignore
|
|
310
|
-
*/
|
|
311
|
-
style: e.object,
|
|
312
|
-
/**
|
|
313
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
314
|
-
*/
|
|
315
|
-
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
|
|
316
|
-
/**
|
|
317
|
-
* The duration for the transition, in milliseconds.
|
|
318
|
-
* You may specify a single timeout for all transitions, or individually with an object.
|
|
319
|
-
*
|
|
320
|
-
* Set to 'auto' to automatically calculate transition time based on height.
|
|
321
|
-
* @default duration.standard
|
|
322
|
-
*/
|
|
323
|
-
timeout: e.oneOfType([e.oneOf(["auto"]), e.number, e.shape({
|
|
324
|
-
appear: e.number,
|
|
325
|
-
enter: e.number,
|
|
326
|
-
exit: e.number
|
|
327
|
-
})])
|
|
328
|
-
});
|
|
329
|
-
R && (R.muiSupportAuto = !0);
|
|
330
|
-
export {
|
|
331
|
-
R as C,
|
|
332
|
-
Se as c,
|
|
333
|
-
de as g
|
|
334
|
-
};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
"use strict";const y=require("react/jsx-runtime"),W=require("./createSvgIcon-DJMYlO0S.cjs"),Me=require("./Box-DYA49L7w.cjs"),u=require("./ButtonBase-D6tfI-8D.cjs"),Le=require("react"),_e=require("./warning-DMUNDgRg.cjs"),ce=require("./useForkRef-CTI33h-3.cjs"),D=require("./resolveComponentProps-PuUs-PsA.cjs"),oe=require("./components/TreeView/style.cjs.js"),Ne=require("./components/TreeView/utils.cjs.js"),b=require("./generateUtilityClasses-De8NU9_E.cjs"),ue=require("./TransitionGroupContext-Zt4NoR0u.cjs"),Ve=require("./useThemeProps-DxBEHys5.cjs"),R=require("./DefaultPropsProvider-wpBXjN8r.cjs"),je=require("./Collapse-Bvxtq7n-.cjs"),Ae=require("./Checkbox-DQgPXaym.cjs"),qe=require("./unsupportedProp-Bn6XWqwH.cjs"),k=require("./useSlotProps-BTRhbYwP.cjs");function Be(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const E=Be(Le),Fe=W.createSvgIcon(y.jsx("path",{d:"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"}),"KeyboardArrowDown"),Ke=W.createSvgIcon(y.jsx("path",{d:"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"}),"KeyboardArrowRight");function ge(e){return Ve.useThemeProps}let pe=0;const $e=()=>(pe+=1,`mui-tree-view-${pe}`),be=({id:e,treeId:o="",itemId:t})=>e??`${o}-${t}`,re=E.createContext(null);process.env.NODE_ENV!=="production"&&(re.displayName="TreeViewContext");const N=()=>{const e=E.useContext(re);if(e==null)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(`
|
|
2
|
-
`));return e},se=E.createContext(()=>-1);process.env.NODE_ENV!=="production"&&(se.displayName="TreeViewItemDepthContext");const Ie=(e,o)=>{let t=o.length-1;for(;t>=0&&!e.isItemNavigable(o[t]);)t-=1;if(t!==-1)return o[t]},me=(e,o)=>{const t=e.getItemMeta(o),s=e.getItemOrderedChildrenIds(t.parentId),p=e.getItemIndex(o);if(p===0)return t.parentId;let l=p-1;for(;!e.isItemNavigable(s[l])&&l>=0;)l-=1;if(l===-1)return t.parentId==null?null:me(e,t.parentId);let g=s[l],a=Ie(e,e.getItemOrderedChildrenIds(g));for(;e.isItemExpanded(g)&&a!=null;)g=a,a=e.getItemOrderedChildrenIds(g).find(e.isItemNavigable);return g},fe=(e,o)=>{if(e.isItemExpanded(o)){const s=e.getItemOrderedChildrenIds(o).find(e.isItemNavigable);if(s!=null)return s}let t=e.getItemMeta(o);for(;t!=null;){const s=e.getItemOrderedChildrenIds(t.parentId),p=e.getItemIndex(t.id);if(p<s.length-1){let l=p+1;for(;!e.isItemNavigable(s[l])&&l<s.length-1;)l+=1;if(e.isItemNavigable(s[l]))return s[l]}t=e.getItemMeta(t.parentId)}return null},ze=e=>{let o=null;for(;o==null||e.isItemExpanded(o);){const t=e.getItemOrderedChildrenIds(o),s=Ie(e,t);if(s==null)return o;o=s}return o},xe=e=>e.getItemOrderedChildrenIds(null).find(e.isItemNavigable),ye=(e,o,t)=>{if(o===t)return[o,t];const s=e.getItemMeta(o),p=e.getItemMeta(t);if(s.parentId===p.id||p.parentId===s.id)return p.parentId===s.id?[s.id,p.id]:[p.id,s.id];const l=[s.id],g=[p.id];let a=s.parentId,I=p.parentId,c=g.indexOf(a)!==-1,f=l.indexOf(I)!==-1,m=!0,P=!0;for(;!f&&!c;)m&&(l.push(a),c=g.indexOf(a)!==-1,m=a!==null,!c&&m&&(a=e.getItemMeta(a).parentId)),P&&!c&&(g.push(I),f=l.indexOf(I)!==-1,P=I!==null,!f&&P&&(I=e.getItemMeta(I).parentId));const r=c?a:I,x=e.getItemOrderedChildrenIds(r),S=l[l.indexOf(r)-1],V=g[g.indexOf(r)-1];return x.indexOf(S)<x.indexOf(V)?[o,t]:[t,o]},Ue=(e,o,t)=>{const s=I=>{if(e.isItemExpandable(I)&&e.isItemExpanded(I))return e.getItemOrderedChildrenIds(I)[0];let c=e.getItemMeta(I);for(;c!=null;){const f=e.getItemOrderedChildrenIds(c.parentId),m=e.getItemIndex(c.id);if(m<f.length-1)return f[m+1];c=e.getItemMeta(c.parentId)}throw new Error("Invalid range")},[p,l]=ye(e,o,t),g=[p];let a=p;for(;a!==l;)a=s(a),e.isItemDisabled(a)||g.push(a);return g},Ge=e=>{let o=xe(e);const t=[];for(;o!=null;)t.push(o),o=fe(e,o);return t},ne=(e,o)=>o!==e.closest('*[role="treeitem"]'),G=(e,o)=>e.getAvailablePlugins().has(o),We=({props:e})=>{const{instance:o}=N(),{label:t,itemId:s}=e,[p,l]=E.useState(t),g=o.isItemBeingEdited(s);return E.useEffect(()=>{g||l(t)},[g,t]),{propsEnhancers:{labelInput:({externalEventHandlers:a,interactions:I})=>o.isItemEditable(s)?{value:p??"","data-element":"labelInput",onChange:r=>{var x;(x=a.onChange)==null||x.call(a,r),l(r.target.value)},onKeyDown:r=>{var S;if((S=a.onKeyDown)==null||S.call(a,r),r.defaultMuiPrevented)return;const x=r.target;r.key==="Enter"&&x.value?I.handleSaveItemLabel(r,x.value):r.key==="Escape"&&I.handleCancelItemLabelEditing(r)},onBlur:r=>{var x;(x=a.onBlur)==null||x.call(a,r),!r.defaultMuiPrevented&&r.target.value&&I.handleSaveItemLabel(r,r.target.value)},autoFocus:!0,type:"text"}:{}}}},M=({instance:e,state:o,setState:t,params:s})=>{const p=E.useRef(o.editedItemId),l=m=>p.current===m,g=m=>{t(P=>u._extends({},P,{editedItemId:m})),p.current=m},a=m=>m===o.editedItemId,I=!!s.isItemEditable,c=m=>{if(m==null||!I)return!1;const P=e.getItem(m);return P?typeof s.isItemEditable=="function"?s.isItemEditable(P):!!s.isItemEditable:!1},f=(m,P)=>{if(!P)throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.","The label of an item cannot be empty.",m].join(`
|
|
3
|
-
`));t(r=>{const x=r.items.itemMetaMap[m];return x.label!==P?u._extends({},r,{items:u._extends({},r.items,{itemMetaMap:u._extends({},r.items.itemMetaMap,{[m]:u._extends({},x,{label:P})})})}):r}),s.onItemLabelChange&&s.onItemLabelChange(m,P)};return{instance:{setEditedItemId:g,isItemBeingEdited:a,updateItemLabel:f,isItemEditable:c,isTreeViewEditable:I,isItemBeingEditedRef:l},publicAPI:{updateItemLabel:f}}};M.itemPlugin=We;M.getDefaultizedParams=({params:e,experimentalFeatures:o})=>{const t=o==null?void 0:o.labelEditing;return process.env.NODE_ENV!=="production"&&e.isItemEditable&&!t&&_e.warnOnce(["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 Rich Tree View Pro component.","Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/editing/"]),u._extends({},e,{isItemEditable:t?e.isItemEditable??!1:!1})};M.getInitialState=()=>({editedItemId:null});M.params={onItemLabelChange:!0,isItemEditable:!0};const Xe=R.styled("div",{name:"MuiTreeItem2DragAndDropOverlay",slot:"Root",overridesResolver:(e,o)=>o.root,shouldForwardProp:e=>R.shouldForwardProp(e)&&e!=="action"})(({theme:e})=>({position:"absolute",left:0,display:"flex",top:0,bottom:0,right:0,pointerEvents:"none",variants:[{props:{action:"make-child"},style:{marginLeft:"calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",borderRadius:e.shape.borderRadius,backgroundColor:e.vars?`rgba(${e.vars.palette.primary.darkChannel} / ${e.vars.palette.action.focusOpacity})`:b.alpha(e.palette.primary.dark,e.palette.action.focusOpacity)}},{props:{action:"reorder-above"},style:{marginLeft:"calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",borderTop:`1px solid ${(e.vars||e).palette.action.active}`}},{props:{action:"reorder-below"},style:{marginLeft:"calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",borderBottom:`1px solid ${(e.vars||e).palette.action.active}`}},{props:{action:"move-to-parent"},style:{marginLeft:"calc(var(--TreeView-indentMultiplier) * calc(var(--TreeView-itemDepth) - 1))",borderBottom:`1px solid ${(e.vars||e).palette.action.active}`}}]}));function ie(e){return e.action==null?null:y.jsx(Xe,u._extends({},e))}process.env.NODE_ENV!=="production"&&(ie.propTypes={action:b.PropTypes.oneOf(["make-child","move-to-parent","reorder-above","reorder-below"]),style:b.PropTypes.object});const Te=R.styled("input",{name:"MuiTreeItem2",slot:"LabelInput",overridesResolver:(e,o)=>o.labelInput})(({theme:e})=>u._extends({},e.typography.body1,{width:"100%",backgroundColor:e.palette.background.paper,borderRadius:e.shape.borderRadius,border:"none",padding:"0 2px",boxSizing:"border-box","&:focus":{outline:`1px solid ${e.palette.primary.main}`}}));function Pe(e){return b.generateUtilityClass("MuiTreeItem",e)}const Ye=b.generateUtilityClasses("MuiTreeItem",["root","groupTransition","content","expanded","selected","focused","disabled","iconContainer","label","checkbox","labelInput","editable","editing","dragAndDropOverlay"]),Ce=W.createSvgIcon(y.jsx("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"TreeViewExpandIcon"),ve=W.createSvgIcon(y.jsx("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"}),"TreeViewCollapseIcon");function X(e){const{children:o,itemId:t}=e,{wrapItem:s,instance:p}=N();return s({children:o,itemId:t,instance:p})}X.propTypes={children:b.PropTypes.node,itemId:b.PropTypes.string.isRequired};const he=e=>Array.isArray(e)?e.length>0&&e.some(he):!!e,Je=({itemId:e,children:o})=>{const{instance:t,selection:{multiSelect:s},publicAPI:p}=N(),l={expandable:he(o),expanded:t.isItemExpanded(e),focused:t.isItemFocused(e),selected:t.isItemSelected(e),disabled:t.isItemDisabled(e),editing:t!=null&&t.isItemBeingEdited?t==null?void 0:t.isItemBeingEdited(e):!1,editable:t.isItemEditable?t.isItemEditable(e):!1},g=r=>{if(l.disabled)return;l.focused||t.focusItem(r,e);const x=s&&(r.shiftKey||r.ctrlKey||r.metaKey);l.expandable&&!(x&&t.isItemExpanded(e))&&t.toggleItemExpansion(r,e)},a=r=>{if(l.disabled)return;l.focused||t.focusItem(r,e),s&&(r.shiftKey||r.ctrlKey||r.metaKey)?r.shiftKey?t.expandSelectionRange(r,e):t.selectItem({event:r,itemId:e,keepExistingSelection:!0}):t.selectItem({event:r,itemId:e,shouldBeSelected:!0})},I=r=>{const x=r.nativeEvent.shiftKey;s&&x?t.expandSelectionRange(r,e):t.selectItem({event:r,itemId:e,keepExistingSelection:s,shouldBeSelected:r.target.checked})},c=()=>{G(t,M)&&t.isItemEditable(e)&&(t.isItemBeingEdited(e)?t.setEditedItemId(null):t.setEditedItemId(e))};return{interactions:{handleExpansion:g,handleSelection:a,handleCheckboxSelection:I,toggleItemEditing:c,handleSaveItemLabel:(r,x)=>{G(t,M)&&t.isItemBeingEditedRef(e)&&(t.updateItemLabel(e,x),c(),t.focusItem(r,e))},handleCancelItemLabelEditing:r=>{G(t,M)&&t.isItemBeingEditedRef(e)&&(c(),t.focusItem(r,e))}},status:l,publicAPI:p}},Qe=e=>{const{runItemPlugins:o,items:{onItemClick:t,disabledItemsFocusable:s,indentationAtItemLevel:p},selection:{disableSelection:l,checkboxSelection:g},expansion:{expansionTrigger:a},treeId:I,instance:c,publicAPI:f}=N(),m=E.useContext(se),{id:P,itemId:r,label:x,children:S,rootRef:V}=e,{rootRef:Y,contentRef:J,propsEnhancers:w}=o(e),{interactions:h,status:C}=Je({itemId:r,children:S}),v=E.useRef(null),L=E.useRef(null),A=ce.useForkRef(V,Y,v),q=ce.useForkRef(J,L),B=E.useRef(null),F=be({itemId:r,treeId:I,id:P}),Q=c.canItemBeTabbed(r)?0:-1,_={rootRefObject:v,contentRefObject:L,interactions:h},Z=i=>n=>{var T;if((T=i.onFocus)==null||T.call(i,n),n.defaultMuiPrevented)return;const d=!C.disabled||s;!C.focused&&d&&n.currentTarget===n.target&&c.focusItem(n,r)},K=i=>n=>{var T,O,j,le,de;if((T=i.onBlur)==null||T.call(i,n),n.defaultMuiPrevented)return;const d=c.getItemDOMElement(r);C.editing||n.relatedTarget&&ne(n.relatedTarget,d)&&(n.target&&((j=(O=n.target)==null?void 0:O.dataset)==null?void 0:j.element)==="labelInput"&&ne(n.target,d)||((de=(le=n.relatedTarget)==null?void 0:le.dataset)==null?void 0:de.element)==="labelInput")||c.removeFocusedItem()},H=i=>n=>{var d,T,O;(d=i.onKeyDown)==null||d.call(i,n),!(n.defaultMuiPrevented||((O=(T=n.target)==null?void 0:T.dataset)==null?void 0:O.element)==="labelInput")&&c.handleItemKeyDown(n,r)},$=i=>n=>{var d;(d=i.onDoubleClick)==null||d.call(i,n),!n.defaultMuiPrevented&&h.toggleItemEditing()},ee=i=>n=>{var d,T;(d=i.onClick)==null||d.call(i,n),t==null||t(n,r),!(n.defaultMuiPrevented||(T=B.current)!=null&&T.contains(n.target))&&(a==="content"&&h.handleExpansion(n),g||h.handleSelection(n))},z=i=>n=>{var d;(d=i.onMouseDown)==null||d.call(i,n),!n.defaultMuiPrevented&&(n.shiftKey||n.ctrlKey||n.metaKey||C.disabled)&&n.preventDefault()},te=i=>n=>{var d;(d=i.onChange)==null||d.call(i,n),!n.defaultMuiPrevented&&(l||C.disabled||h.handleCheckboxSelection(n))},U=i=>n=>{var d;(d=i.onClick)==null||d.call(i,n),!n.defaultMuiPrevented&&a==="iconContainer"&&h.handleExpansion(n)};return{getRootProps:(i={})=>{var j;const n=u._extends({},D.extractEventHandlers(e),D.extractEventHandlers(i));let d;C.selected?d=!0:l||C.disabled?d=void 0:d=!1;const T=u._extends({},n,{ref:A,role:"treeitem",tabIndex:Q,id:F,"aria-expanded":C.expandable?C.expanded:void 0,"aria-selected":d,"aria-disabled":C.disabled||void 0},i,{onFocus:Z(n),onBlur:K(n),onKeyDown:H(n)});p&&(T.style={"--TreeView-itemDepth":typeof m=="function"?m(r):m});const O=((j=w.root)==null?void 0:j.call(w,u._extends({},_,{externalEventHandlers:n})))??{};return u._extends({},T,O)},getContentProps:(i={})=>{var O;const n=D.extractEventHandlers(i),d=u._extends({},n,i,{ref:q,onClick:ee(n),onMouseDown:z(n),status:C});p&&(d.indentationAtItemLevel=!0);const T=((O=w.content)==null?void 0:O.call(w,u._extends({},_,{externalEventHandlers:n})))??{};return u._extends({},d,T)},getGroupTransitionProps:(i={})=>{const n=D.extractEventHandlers(i),d=u._extends({},n,{unmountOnExit:!0,component:"ul",role:"group",in:C.expanded,children:S},i);return p&&(d.indentationAtItemLevel=!0),d},getIconContainerProps:(i={})=>{const n=D.extractEventHandlers(i);return u._extends({},n,i,{onClick:U(n)})},getCheckboxProps:(i={})=>{const n=D.extractEventHandlers(i);return u._extends({},n,{visible:g,ref:B,checked:C.selected,disabled:l||C.disabled,tabIndex:-1},i,{onChange:te(n)})},getLabelProps:(i={})=>{const n=u._extends({},D.extractEventHandlers(i)),d=u._extends({},n,{children:x},i,{onDoubleClick:$(n)});return c.isTreeViewEditable&&(d.editable=C.editable),d},getLabelInputProps:(i={})=>{var T;const n=D.extractEventHandlers(i),d=((T=w.labelInput)==null?void 0:T.call(w,{rootRefObject:v,contentRefObject:L,externalEventHandlers:n,interactions:h}))??{};return u._extends({},i,d)},getDragAndDropOverlayProps:(i={})=>{var T;const n=D.extractEventHandlers(i),d=((T=w.dragAndDropOverlay)==null?void 0:T.call(w,u._extends({},_,{externalEventHandlers:n})))??{};return u._extends({},i,d)},rootRef:A,status:C,publicAPI:f}},we=Qe;function Se(e){const{slots:o,slotProps:t,status:s}=e,p=N(),l=u._extends({},p.icons.slots,{expandIcon:p.icons.slots.expandIcon??Ce,collapseIcon:p.icons.slots.collapseIcon??ve}),g=p.icons.slotProps;let a;o!=null&&o.icon?a="icon":s.expandable?s.expanded?a="collapseIcon":a="expandIcon":a="endIcon";const I=(o==null?void 0:o[a])??l[a],c=k.useSlotProps({elementType:I,externalSlotProps:f=>u._extends({},D.resolveComponentProps(g[a],f),D.resolveComponentProps(t==null?void 0:t[a],f)),ownerState:{}});return I?y.jsx(I,u._extends({},c)):null}process.env.NODE_ENV!=="production"&&(Se.propTypes={slotProps:b.PropTypes.object,slots:b.PropTypes.object,status:b.PropTypes.shape({disabled:b.PropTypes.bool.isRequired,editable:b.PropTypes.bool.isRequired,editing:b.PropTypes.bool.isRequired,expandable:b.PropTypes.bool.isRequired,expanded:b.PropTypes.bool.isRequired,focused:b.PropTypes.bool.isRequired,selected:b.PropTypes.bool.isRequired}).isRequired});const Ze=["visible"],He=["id","itemId","label","disabled","children","slots","slotProps"],et=ge(),Re=R.styled("li",{name:"MuiTreeItem2",slot:"Root",overridesResolver:(e,o)=>o.root})({listStyle:"none",margin:0,padding:0,outline:0}),Ee=R.styled("div",{name:"MuiTreeItem2",slot:"Content",overridesResolver:(e,o)=>o.content,shouldForwardProp:e=>R.shouldForwardProp(e)&&e!=="status"&&e!=="indentationAtItemLevel"})(({theme:e})=>({padding:e.spacing(.5,1),borderRadius:e.shape.borderRadius,width:"100%",boxSizing:"border-box",position:"relative",display:"flex",alignItems:"center",gap:e.spacing(1),cursor:"pointer",WebkitTapHighlightColor:"transparent","&:hover":{backgroundColor:(e.vars||e).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},variants:[{props:{indentationAtItemLevel:!0},style:{paddingLeft:`calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`}},{props:({status:o})=>o.disabled,style:{opacity:(e.vars||e).palette.action.disabledOpacity,backgroundColor:"transparent"}},{props:({status:o})=>o.focused,style:{backgroundColor:(e.vars||e).palette.action.focus}},{props:({status:o})=>o.selected,style:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:b.alpha(e.palette.primary.main,e.palette.action.selectedOpacity),"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))`:b.alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:b.alpha(e.palette.primary.main,e.palette.action.selectedOpacity)}}}},{props:({status:o})=>o.selected&&o.focused,style:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:b.alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}}]})),De=R.styled("div",{name:"MuiTreeItem2",slot:"Label",overridesResolver:(e,o)=>o.label,shouldForwardProp:e=>R.shouldForwardProp(e)&&e!=="editable"})(({theme:e})=>u._extends({width:"100%",boxSizing:"border-box",minWidth:0,position:"relative",overflow:"hidden"},e.typography.body1,{variants:[{props:({editable:o})=>o,style:{paddingLeft:"2px"}}]})),Oe=R.styled("div",{name:"MuiTreeItem2",slot:"IconContainer",overridesResolver:(e,o)=>o.iconContainer})({width:16,display:"flex",flexShrink:0,justifyContent:"center","& svg":{fontSize:18}}),ke=R.styled(je.Collapse,{name:"MuiTreeItem2",slot:"GroupTransition",overridesResolver:(e,o)=>o.groupTransition,shouldForwardProp:e=>R.shouldForwardProp(e)&&e!=="indentationAtItemLevel"})({margin:0,padding:0,paddingLeft:"var(--TreeView-itemChildrenIndentation)",variants:[{props:{indentationAtItemLevel:!0},style:{paddingLeft:0}}]}),tt=R.styled(E.forwardRef((e,o)=>{const{visible:t}=e,s=ue._objectWithoutPropertiesLoose(e,Ze);return t?y.jsx(Ae.Checkbox,u._extends({},s,{ref:o})):null}),{name:"MuiTreeItem2",slot:"Checkbox",overridesResolver:(e,o)=>o.checkbox})({padding:0}),ot=e=>{const{classes:o}=e,t={root:["root"],content:["content"],expanded:["expanded"],editing:["editing"],editable:["editable"],selected:["selected"],focused:["focused"],disabled:["disabled"],iconContainer:["iconContainer"],checkbox:["checkbox"],label:["label"],groupTransition:["groupTransition"],labelInput:["labelInput"],dragAndDropOverlay:["dragAndDropOverlay"]};return R.composeClasses(t,Pe,o)},nt=E.forwardRef(function(o,t){const s=et({props:o,name:"MuiTreeItem2"}),{id:p,itemId:l,label:g,disabled:a,children:I,slots:c={},slotProps:f={}}=s,m=ue._objectWithoutPropertiesLoose(s,He),{getRootProps:P,getContentProps:r,getIconContainerProps:x,getCheckboxProps:S,getLabelProps:V,getGroupTransitionProps:Y,getLabelInputProps:J,getDragAndDropOverlayProps:w,status:h}=we({id:p,itemId:l,children:I,label:g,disabled:a}),C=u._extends({},s,h),v=ot(C),L=c.root??Re,A=k.useSlotProps({elementType:L,getSlotProps:P,externalForwardedProps:m,externalSlotProps:f.root,additionalProps:{ref:t},ownerState:{},className:v.root}),q=c.content??Ee,B=k.useSlotProps({elementType:q,getSlotProps:r,externalSlotProps:f.content,ownerState:{},className:b.clsx(v.content,h.expanded&&v.expanded,h.selected&&v.selected,h.focused&&v.focused,h.disabled&&v.disabled,h.editing&&v.editing,h.editable&&v.editable)}),F=c.iconContainer??Oe,Q=k.useSlotProps({elementType:F,getSlotProps:x,externalSlotProps:f.iconContainer,ownerState:{},className:v.iconContainer}),_=c.label??De,Z=k.useSlotProps({elementType:_,getSlotProps:V,externalSlotProps:f.label,ownerState:{},className:v.label}),K=c.checkbox??tt,H=k.useSlotProps({elementType:K,getSlotProps:S,externalSlotProps:f.checkbox,ownerState:{},className:v.checkbox}),$=c.groupTransition??void 0,ee=k.useSlotProps({elementType:$,getSlotProps:Y,externalSlotProps:f.groupTransition,ownerState:{},className:v.groupTransition}),z=c.labelInput??Te,te=k.useSlotProps({elementType:z,getSlotProps:J,externalSlotProps:f.labelInput,ownerState:{},className:v.labelInput}),U=c.dragAndDropOverlay??ie,ae=k.useSlotProps({elementType:U,getSlotProps:w,externalSlotProps:f.dragAndDropOverlay,ownerState:{},className:v.dragAndDropOverlay});return y.jsx(X,{itemId:l,children:y.jsxs(L,u._extends({},A,{children:[y.jsxs(q,u._extends({},B,{children:[y.jsx(F,u._extends({},Q,{children:y.jsx(Se,{status:h,slots:c,slotProps:f})})),y.jsx(K,u._extends({},H)),h.editing?y.jsx(z,u._extends({},te)):y.jsx(_,u._extends({},Z)),y.jsx(U,u._extends({},ae))]})),I&&y.jsx(ke,u._extends({as:$},ee))]}))})});process.env.NODE_ENV!=="production"&&(nt.propTypes={children:b.PropTypes.node,classes:b.PropTypes.object,className:b.PropTypes.string,disabled:b.PropTypes.bool,id:b.PropTypes.string,itemId:b.PropTypes.string.isRequired,label:b.PropTypes.node,onBlur:b.PropTypes.func,onFocus:qe.unsupportedProp,onKeyDown:b.PropTypes.func,slotProps:b.PropTypes.object,slots:b.PropTypes.object});function rt(e){const{id:o,itemId:t,label:s,disabled:p,children:l,itemData:g,iconColor:a="primary",ref:I}=e,c=Ne.getIconComponent(g==null?void 0:g.iconType,g==null?void 0:g.customIcon),{getRootProps:f,getContentProps:m,getLabelProps:P,getGroupTransitionProps:r,getIconContainerProps:x,status:S}=we({id:o,itemId:t,label:s,disabled:p,children:l,rootRef:I});return y.jsx(X,{itemId:t,children:y.jsxs(Re,{...f(),"data-treeview-item":t||"","data-treeview-item-label":s||"",children:[y.jsxs(Ee,{...m(),style:oe.treeContentStyle,children:[y.jsx(Oe,{...x(),children:y.jsx(c,{fontSize:"small",color:a})}),y.jsx(De,{...P()}),y.jsx(Me.Box,{sx:oe.arrowContainerStyle,children:S.expandable&&(S.expanded?y.jsx(Fe,{fontSize:"small"}):y.jsx(Ke,{fontSize:"small"}))})]}),l&&y.jsx(ke,{...r(),style:S.expanded?oe.expandedGroupStyle:void 0})]})})}exports.CustomTreeItem=rt;exports.TreeItem2DragAndDropOverlay=ie;exports.TreeItem2LabelInput=Te;exports.TreeItem2Provider=X;exports.TreeViewCollapseIcon=ve;exports.TreeViewContext=re;exports.TreeViewExpandIcon=Ce;exports.TreeViewItemDepthContext=se;exports.createTreeViewDefaultId=$e;exports.createUseThemeProps=ge;exports.findOrderInTremauxTree=ye;exports.generateTreeItemIdAttribute=be;exports.getAllNavigableItems=Ge;exports.getFirstNavigableItem=xe;exports.getLastNavigableItem=ze;exports.getNextNavigableItem=fe;exports.getNonDisabledItemsInRange=Ue;exports.getPreviousNavigableItem=me;exports.getTreeItemUtilityClass=Pe;exports.hasPlugin=G;exports.isTargetInDescendants=ne;exports.treeItemClasses=Ye;exports.useTreeViewContext=N;exports.useTreeViewLabel=M;
|