@cgi-learning-hub/ui 1.4.0-dev.1742031677 → 1.4.0-dev.1742033565

package/dist/{CustomTreeItem-GHUeoYTN.cjs → CustomTreeItem-dmAy1wfu.cjs}

@@ -1,3 +1,3 @@
-"use strict";const y=require("react/jsx-runtime"),ue=require("react"),W=require("./createSvgIcon-DJMYlO0S.cjs"),Le=require("./Box-DYA49L7w.cjs"),g=require("./ButtonBase-D6tfI-8D.cjs"),_e=require("./warning-DMUNDgRg.cjs"),ce=require("./useForkRef-CTI33h-3.cjs"),D=require("./resolveComponentProps-PuUs-PsA.cjs"),Ne=require("./components/TreeView/utils.cjs.js"),oe=require("./components/TreeView/style.cjs.js"),b=require("./generateUtilityClasses-De8NU9_E.cjs"),ge=require("./TransitionGroupContext-Zt4NoR0u.cjs"),Ve=require("./useThemeProps-DxBEHys5.cjs"),S=require("./DefaultPropsProvider-wpBXjN8r.cjs"),je=require("./Collapse-Bvxtq7n-.cjs"),Ae=require("./Checkbox-DQgPXaym.cjs"),qe=require("./unsupportedProp-Bn6XWqwH.cjs"),M=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 R=Be(ue),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 be(e){return Ve.useThemeProps}let pe=0;const $e=()=>(pe+=1,`mui-tree-view-${pe}`),Ie=({id:e,treeId:o="",itemId:t})=>e??`${o}-${t}`,re=R.createContext(null);process.env.NODE_ENV!=="production"&&(re.displayName="TreeViewContext");const V=()=>{const e=R.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(`
-`));return e},se=R.createContext(()=>-1);process.env.NODE_ENV!=="production"&&(se.displayName="TreeViewItemDepthContext");const me=(e,o)=>{let t=o.length-1;for(;t>=0&&!e.isItemNavigable(o[t]);)t-=1;if(t!==-1)return o[t]},fe=(e,o)=>{const t=e.getItemMeta(o),s=e.getItemOrderedChildrenIds(t.parentId),c=e.getItemIndex(o);if(c===0)return t.parentId;let l=c-1;for(;!e.isItemNavigable(s[l])&&l>=0;)l-=1;if(l===-1)return t.parentId==null?null:fe(e,t.parentId);let m=s[l],a=me(e,e.getItemOrderedChildrenIds(m));for(;e.isItemExpanded(m)&&a!=null;)m=a,a=e.getItemOrderedChildrenIds(m).find(e.isItemNavigable);return m},xe=(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),c=e.getItemIndex(t.id);if(c<s.length-1){let l=c+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=me(e,t);if(s==null)return o;o=s}return o},ye=e=>e.getItemOrderedChildrenIds(null).find(e.isItemNavigable),Te=(e,o,t)=>{if(o===t)return[o,t];const s=e.getItemMeta(o),c=e.getItemMeta(t);if(s.parentId===c.id||c.parentId===s.id)return c.parentId===s.id?[s.id,c.id]:[c.id,s.id];const l=[s.id],m=[c.id];let a=s.parentId,u=c.parentId,p=m.indexOf(a)!==-1,f=l.indexOf(u)!==-1,I=!0,P=!0;for(;!f&&!p;)I&&(l.push(a),p=m.indexOf(a)!==-1,I=a!==null,!p&&I&&(a=e.getItemMeta(a).parentId)),P&&!p&&(m.push(u),f=l.indexOf(u)!==-1,P=u!==null,!f&&P&&(u=e.getItemMeta(u).parentId));const r=p?a:u,x=e.getItemOrderedChildrenIds(r),E=l[l.indexOf(r)-1],k=m[m.indexOf(r)-1];return x.indexOf(E)<x.indexOf(k)?[o,t]:[t,o]},Ue=(e,o,t)=>{const s=u=>{if(e.isItemExpandable(u)&&e.isItemExpanded(u))return e.getItemOrderedChildrenIds(u)[0];let p=e.getItemMeta(u);for(;p!=null;){const f=e.getItemOrderedChildrenIds(p.parentId),I=e.getItemIndex(p.id);if(I<f.length-1)return f[I+1];p=e.getItemMeta(p.parentId)}throw new Error("Invalid range")},[c,l]=Te(e,o,t),m=[c];let a=c;for(;a!==l;)a=s(a),e.isItemDisabled(a)||m.push(a);return m},Ge=e=>{let o=ye(e);const t=[];for(;o!=null;)t.push(o),o=xe(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}=V(),{label:t,itemId:s}=e,[c,l]=R.useState(t),m=o.isItemBeingEdited(s);return R.useEffect(()=>{m||l(t)},[m,t]),{propsEnhancers:{labelInput:({externalEventHandlers:a,interactions:u})=>o.isItemEditable(s)?{value:c??"","data-element":"labelInput",onChange:r=>{var x;(x=a.onChange)==null||x.call(a,r),l(r.target.value)},onKeyDown:r=>{var E;if((E=a.onKeyDown)==null||E.call(a,r),r.defaultMuiPrevented)return;const x=r.target;r.key==="Enter"&&x.value?u.handleSaveItemLabel(r,x.value):r.key==="Escape"&&u.handleCancelItemLabelEditing(r)},onBlur:r=>{var x;(x=a.onBlur)==null||x.call(a,r),!r.defaultMuiPrevented&&r.target.value&&u.handleSaveItemLabel(r,r.target.value)},autoFocus:!0,type:"text"}:{}}}},L=({instance:e,state:o,setState:t,params:s})=>{const c=R.useRef(o.editedItemId),l=I=>c.current===I,m=I=>{t(P=>g._extends({},P,{editedItemId:I})),c.current=I},a=I=>I===o.editedItemId,u=!!s.isItemEditable,p=I=>{if(I==null||!u)return!1;const P=e.getItem(I);return P?typeof s.isItemEditable=="function"?s.isItemEditable(P):!!s.isItemEditable:!1},f=(I,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.",I].join(`
-`));t(r=>{const x=r.items.itemMetaMap[I];return x.label!==P?g._extends({},r,{items:g._extends({},r.items,{itemMetaMap:g._extends({},r.items.itemMetaMap,{[I]:g._extends({},x,{label:P})})})}):r}),s.onItemLabelChange&&s.onItemLabelChange(I,P)};return{instance:{setEditedItemId:m,isItemBeingEdited:a,updateItemLabel:f,isItemEditable:p,isTreeViewEditable:u,isItemBeingEditedRef:l},publicAPI:{updateItemLabel:f}}};L.itemPlugin=We;L.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/"]),g._extends({},e,{isItemEditable:t?e.isItemEditable??!1:!1})};L.getInitialState=()=>({editedItemId:null});L.params={onItemLabelChange:!0,isItemEditable:!0};const Xe=S.styled("div",{name:"MuiTreeItem2DragAndDropOverlay",slot:"Root",overridesResolver:(e,o)=>o.root,shouldForwardProp:e=>S.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,g._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 Pe=S.styled("input",{name:"MuiTreeItem2",slot:"LabelInput",overridesResolver:(e,o)=>o.labelInput})(({theme:e})=>g._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 Ce(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"]),ve=W.createSvgIcon(y.jsx("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"TreeViewExpandIcon"),he=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:c}=V();return s({children:o,itemId:t,instance:c})}X.propTypes={children:b.PropTypes.node,itemId:b.PropTypes.string.isRequired};const we=e=>Array.isArray(e)?e.length>0&&e.some(we):!!e,Je=({itemId:e,children:o})=>{const{instance:t,selection:{multiSelect:s},publicAPI:c}=V(),l={expandable:we(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},m=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})},u=r=>{const x=r.nativeEvent.shiftKey;s&&x?t.expandSelectionRange(r,e):t.selectItem({event:r,itemId:e,keepExistingSelection:s,shouldBeSelected:r.target.checked})},p=()=>{G(t,L)&&t.isItemEditable(e)&&(t.isItemBeingEdited(e)?t.setEditedItemId(null):t.setEditedItemId(e))};return{interactions:{handleExpansion:m,handleSelection:a,handleCheckboxSelection:u,toggleItemEditing:p,handleSaveItemLabel:(r,x)=>{G(t,L)&&t.isItemBeingEditedRef(e)&&(t.updateItemLabel(e,x),p(),t.focusItem(r,e))},handleCancelItemLabelEditing:r=>{G(t,L)&&t.isItemBeingEditedRef(e)&&(p(),t.focusItem(r,e))}},status:l,publicAPI:c}},Qe=e=>{const{runItemPlugins:o,items:{onItemClick:t,disabledItemsFocusable:s,indentationAtItemLevel:c},selection:{disableSelection:l,checkboxSelection:m},expansion:{expansionTrigger:a},treeId:u,instance:p,publicAPI:f}=V(),I=R.useContext(se),{id:P,itemId:r,label:x,children:E,rootRef:k}=e,{rootRef:Y,contentRef:J,propsEnhancers:w}=o(e),{interactions:h,status:C}=Je({itemId:r,children:E}),v=R.useRef(null),_=R.useRef(null),A=ce.useForkRef(k,Y,v),q=ce.useForkRef(J,_),B=R.useRef(null),F=Ie({itemId:r,treeId:u,id:P}),Q=p.canItemBeTabbed(r)?0:-1,N={rootRefObject:v,contentRefObject:_,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&&p.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=p.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")||p.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")&&p.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),m||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=g._extends({},D.extractEventHandlers(e),D.extractEventHandlers(i));let d;C.selected?d=!0:l||C.disabled?d=void 0:d=!1;const T=g._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)});c&&(T.style={"--TreeView-itemDepth":typeof I=="function"?I(r):I});const O=((j=w.root)==null?void 0:j.call(w,g._extends({},N,{externalEventHandlers:n})))??{};return g._extends({},T,O)},getContentProps:(i={})=>{var O;const n=D.extractEventHandlers(i),d=g._extends({},n,i,{ref:q,onClick:ee(n),onMouseDown:z(n),status:C});c&&(d.indentationAtItemLevel=!0);const T=((O=w.content)==null?void 0:O.call(w,g._extends({},N,{externalEventHandlers:n})))??{};return g._extends({},d,T)},getGroupTransitionProps:(i={})=>{const n=D.extractEventHandlers(i),d=g._extends({},n,{unmountOnExit:!0,component:"ul",role:"group",in:C.expanded,children:E},i);return c&&(d.indentationAtItemLevel=!0),d},getIconContainerProps:(i={})=>{const n=D.extractEventHandlers(i);return g._extends({},n,i,{onClick:U(n)})},getCheckboxProps:(i={})=>{const n=D.extractEventHandlers(i);return g._extends({},n,{visible:m,ref:B,checked:C.selected,disabled:l||C.disabled,tabIndex:-1},i,{onChange:te(n)})},getLabelProps:(i={})=>{const n=g._extends({},D.extractEventHandlers(i)),d=g._extends({},n,{children:x},i,{onDoubleClick:$(n)});return p.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:_,externalEventHandlers:n,interactions:h}))??{};return g._extends({},i,d)},getDragAndDropOverlayProps:(i={})=>{var T;const n=D.extractEventHandlers(i),d=((T=w.dragAndDropOverlay)==null?void 0:T.call(w,g._extends({},N,{externalEventHandlers:n})))??{};return g._extends({},i,d)},rootRef:A,status:C,publicAPI:f}},Se=Qe;function Re(e){const{slots:o,slotProps:t,status:s}=e,c=V(),l=g._extends({},c.icons.slots,{expandIcon:c.icons.slots.expandIcon??ve,collapseIcon:c.icons.slots.collapseIcon??he}),m=c.icons.slotProps;let a;o!=null&&o.icon?a="icon":s.expandable?s.expanded?a="collapseIcon":a="expandIcon":a="endIcon";const u=(o==null?void 0:o[a])??l[a],p=M.useSlotProps({elementType:u,externalSlotProps:f=>g._extends({},D.resolveComponentProps(m[a],f),D.resolveComponentProps(t==null?void 0:t[a],f)),ownerState:{}});return u?y.jsx(u,g._extends({},p)):null}process.env.NODE_ENV!=="production"&&(Re.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=be(),Ee=S.styled("li",{name:"MuiTreeItem2",slot:"Root",overridesResolver:(e,o)=>o.root})({listStyle:"none",margin:0,padding:0,outline:0}),De=S.styled("div",{name:"MuiTreeItem2",slot:"Content",overridesResolver:(e,o)=>o.content,shouldForwardProp:e=>S.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)}}]})),Oe=S.styled("div",{name:"MuiTreeItem2",slot:"Label",overridesResolver:(e,o)=>o.label,shouldForwardProp:e=>S.shouldForwardProp(e)&&e!=="editable"})(({theme:e})=>g._extends({width:"100%",boxSizing:"border-box",minWidth:0,position:"relative",overflow:"hidden"},e.typography.body1,{variants:[{props:({editable:o})=>o,style:{paddingLeft:"2px"}}]})),ke=S.styled("div",{name:"MuiTreeItem2",slot:"IconContainer",overridesResolver:(e,o)=>o.iconContainer})({width:16,display:"flex",flexShrink:0,justifyContent:"center","& svg":{fontSize:18}}),Me=S.styled(je.Collapse,{name:"MuiTreeItem2",slot:"GroupTransition",overridesResolver:(e,o)=>o.groupTransition,shouldForwardProp:e=>S.shouldForwardProp(e)&&e!=="indentationAtItemLevel"})({margin:0,padding:0,paddingLeft:"var(--TreeView-itemChildrenIndentation)",variants:[{props:{indentationAtItemLevel:!0},style:{paddingLeft:0}}]}),tt=S.styled(R.forwardRef((e,o)=>{const{visible:t}=e,s=ge._objectWithoutPropertiesLoose(e,Ze);return t?y.jsx(Ae.Checkbox,g._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 S.composeClasses(t,Ce,o)},nt=R.forwardRef(function(o,t){const s=et({props:o,name:"MuiTreeItem2"}),{id:c,itemId:l,label:m,disabled:a,children:u,slots:p={},slotProps:f={}}=s,I=ge._objectWithoutPropertiesLoose(s,He),{getRootProps:P,getContentProps:r,getIconContainerProps:x,getCheckboxProps:E,getLabelProps:k,getGroupTransitionProps:Y,getLabelInputProps:J,getDragAndDropOverlayProps:w,status:h}=Se({id:c,itemId:l,children:u,label:m,disabled:a}),C=g._extends({},s,h),v=ot(C),_=p.root??Ee,A=M.useSlotProps({elementType:_,getSlotProps:P,externalForwardedProps:I,externalSlotProps:f.root,additionalProps:{ref:t},ownerState:{},className:v.root}),q=p.content??De,B=M.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=p.iconContainer??ke,Q=M.useSlotProps({elementType:F,getSlotProps:x,externalSlotProps:f.iconContainer,ownerState:{},className:v.iconContainer}),N=p.label??Oe,Z=M.useSlotProps({elementType:N,getSlotProps:k,externalSlotProps:f.label,ownerState:{},className:v.label}),K=p.checkbox??tt,H=M.useSlotProps({elementType:K,getSlotProps:E,externalSlotProps:f.checkbox,ownerState:{},className:v.checkbox}),$=p.groupTransition??void 0,ee=M.useSlotProps({elementType:$,getSlotProps:Y,externalSlotProps:f.groupTransition,ownerState:{},className:v.groupTransition}),z=p.labelInput??Pe,te=M.useSlotProps({elementType:z,getSlotProps:J,externalSlotProps:f.labelInput,ownerState:{},className:v.labelInput}),U=p.dragAndDropOverlay??ie,ae=M.useSlotProps({elementType:U,getSlotProps:w,externalSlotProps:f.dragAndDropOverlay,ownerState:{},className:v.dragAndDropOverlay});return y.jsx(X,{itemId:l,children:y.jsxs(_,g._extends({},A,{children:[y.jsxs(q,g._extends({},B,{children:[y.jsx(F,g._extends({},Q,{children:y.jsx(Re,{status:h,slots:p,slotProps:f})})),y.jsx(K,g._extends({},H)),h.editing?y.jsx(z,g._extends({},te)):y.jsx(N,g._extends({},Z)),y.jsx(U,g._extends({},ae))]})),u&&y.jsx(Me,g._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});const rt=ue.forwardRef(function(o,t){const{id:s,itemId:c,label:l,disabled:m,children:a,itemData:u,iconColor:p="primary"}=o,f=Ne.getIconComponent(u==null?void 0:u.iconType,u==null?void 0:u.customIcon),{getRootProps:I,getContentProps:P,getLabelProps:r,getGroupTransitionProps:x,getIconContainerProps:E,status:k}=Se({id:s,itemId:c,label:l,disabled:m,children:a,rootRef:t});return y.jsx(X,{itemId:c,children:y.jsxs(Ee,{...I(),children:[y.jsxs(De,{...P(),style:oe.treeContentStyle,children:[y.jsx(ke,{...E(),children:y.jsx(f,{fontSize:"small",color:p})}),y.jsx(Oe,{...r()}),y.jsx(Le.Box,{sx:oe.arrowContainerStyle,children:k.expandable&&(k.expanded?y.jsx(Fe,{fontSize:"small"}):y.jsx(Ke,{fontSize:"small"}))})]}),a&&y.jsx(Me,{...x(),style:k.expanded?oe.expandedGroupStyle:void 0})]})})});exports.CustomTreeItem=rt;exports.TreeItem2DragAndDropOverlay=ie;exports.TreeItem2LabelInput=Pe;exports.TreeItem2Provider=X;exports.TreeViewCollapseIcon=he;exports.TreeViewContext=re;exports.TreeViewExpandIcon=ve;exports.TreeViewItemDepthContext=se;exports.createTreeViewDefaultId=$e;exports.createUseThemeProps=be;exports.findOrderInTremauxTree=Te;exports.generateTreeItemIdAttribute=Ie;exports.getAllNavigableItems=Ge;exports.getFirstNavigableItem=ye;exports.getLastNavigableItem=ze;exports.getNextNavigableItem=xe;exports.getNonDisabledItemsInRange=Ue;exports.getPreviousNavigableItem=fe;exports.getTreeItemUtilityClass=Ce;exports.hasPlugin=G;exports.isTargetInDescendants=ne;exports.treeItemClasses=Ye;exports.useTreeViewContext=V;exports.useTreeViewLabel=L;
+"use strict";const y=require("react/jsx-runtime"),W=require("./createSvgIcon-DJMYlO0S.cjs"),Le=require("./Box-DYA49L7w.cjs"),g=require("./ButtonBase-D6tfI-8D.cjs"),ue=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"),ge=require("./TransitionGroupContext-Zt4NoR0u.cjs"),Ve=require("./useThemeProps-DxBEHys5.cjs"),S=require("./DefaultPropsProvider-wpBXjN8r.cjs"),je=require("./Collapse-Bvxtq7n-.cjs"),Ae=require("./Checkbox-DQgPXaym.cjs"),qe=require("./unsupportedProp-Bn6XWqwH.cjs"),M=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 R=Be(ue),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 be(e){return Ve.useThemeProps}let pe=0;const $e=()=>(pe+=1,`mui-tree-view-${pe}`),Ie=({id:e,treeId:o="",itemId:t})=>e??`${o}-${t}`,re=R.createContext(null);process.env.NODE_ENV!=="production"&&(re.displayName="TreeViewContext");const V=()=>{const e=R.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(`
+`));return e},se=R.createContext(()=>-1);process.env.NODE_ENV!=="production"&&(se.displayName="TreeViewItemDepthContext");const me=(e,o)=>{let t=o.length-1;for(;t>=0&&!e.isItemNavigable(o[t]);)t-=1;if(t!==-1)return o[t]},fe=(e,o)=>{const t=e.getItemMeta(o),s=e.getItemOrderedChildrenIds(t.parentId),d=e.getItemIndex(o);if(d===0)return t.parentId;let l=d-1;for(;!e.isItemNavigable(s[l])&&l>=0;)l-=1;if(l===-1)return t.parentId==null?null:fe(e,t.parentId);let m=s[l],a=me(e,e.getItemOrderedChildrenIds(m));for(;e.isItemExpanded(m)&&a!=null;)m=a,a=e.getItemOrderedChildrenIds(m).find(e.isItemNavigable);return m},xe=(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),d=e.getItemIndex(t.id);if(d<s.length-1){let l=d+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=me(e,t);if(s==null)return o;o=s}return o},ye=e=>e.getItemOrderedChildrenIds(null).find(e.isItemNavigable),Te=(e,o,t)=>{if(o===t)return[o,t];const s=e.getItemMeta(o),d=e.getItemMeta(t);if(s.parentId===d.id||d.parentId===s.id)return d.parentId===s.id?[s.id,d.id]:[d.id,s.id];const l=[s.id],m=[d.id];let a=s.parentId,u=d.parentId,p=m.indexOf(a)!==-1,f=l.indexOf(u)!==-1,I=!0,P=!0;for(;!f&&!p;)I&&(l.push(a),p=m.indexOf(a)!==-1,I=a!==null,!p&&I&&(a=e.getItemMeta(a).parentId)),P&&!p&&(m.push(u),f=l.indexOf(u)!==-1,P=u!==null,!f&&P&&(u=e.getItemMeta(u).parentId));const r=p?a:u,x=e.getItemOrderedChildrenIds(r),E=l[l.indexOf(r)-1],k=m[m.indexOf(r)-1];return x.indexOf(E)<x.indexOf(k)?[o,t]:[t,o]},Ue=(e,o,t)=>{const s=u=>{if(e.isItemExpandable(u)&&e.isItemExpanded(u))return e.getItemOrderedChildrenIds(u)[0];let p=e.getItemMeta(u);for(;p!=null;){const f=e.getItemOrderedChildrenIds(p.parentId),I=e.getItemIndex(p.id);if(I<f.length-1)return f[I+1];p=e.getItemMeta(p.parentId)}throw new Error("Invalid range")},[d,l]=Te(e,o,t),m=[d];let a=d;for(;a!==l;)a=s(a),e.isItemDisabled(a)||m.push(a);return m},Ge=e=>{let o=ye(e);const t=[];for(;o!=null;)t.push(o),o=xe(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}=V(),{label:t,itemId:s}=e,[d,l]=R.useState(t),m=o.isItemBeingEdited(s);return R.useEffect(()=>{m||l(t)},[m,t]),{propsEnhancers:{labelInput:({externalEventHandlers:a,interactions:u})=>o.isItemEditable(s)?{value:d??"","data-element":"labelInput",onChange:r=>{var x;(x=a.onChange)==null||x.call(a,r),l(r.target.value)},onKeyDown:r=>{var E;if((E=a.onKeyDown)==null||E.call(a,r),r.defaultMuiPrevented)return;const x=r.target;r.key==="Enter"&&x.value?u.handleSaveItemLabel(r,x.value):r.key==="Escape"&&u.handleCancelItemLabelEditing(r)},onBlur:r=>{var x;(x=a.onBlur)==null||x.call(a,r),!r.defaultMuiPrevented&&r.target.value&&u.handleSaveItemLabel(r,r.target.value)},autoFocus:!0,type:"text"}:{}}}},L=({instance:e,state:o,setState:t,params:s})=>{const d=R.useRef(o.editedItemId),l=I=>d.current===I,m=I=>{t(P=>g._extends({},P,{editedItemId:I})),d.current=I},a=I=>I===o.editedItemId,u=!!s.isItemEditable,p=I=>{if(I==null||!u)return!1;const P=e.getItem(I);return P?typeof s.isItemEditable=="function"?s.isItemEditable(P):!!s.isItemEditable:!1},f=(I,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.",I].join(`
+`));t(r=>{const x=r.items.itemMetaMap[I];return x.label!==P?g._extends({},r,{items:g._extends({},r.items,{itemMetaMap:g._extends({},r.items.itemMetaMap,{[I]:g._extends({},x,{label:P})})})}):r}),s.onItemLabelChange&&s.onItemLabelChange(I,P)};return{instance:{setEditedItemId:m,isItemBeingEdited:a,updateItemLabel:f,isItemEditable:p,isTreeViewEditable:u,isItemBeingEditedRef:l},publicAPI:{updateItemLabel:f}}};L.itemPlugin=We;L.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/"]),g._extends({},e,{isItemEditable:t?e.isItemEditable??!1:!1})};L.getInitialState=()=>({editedItemId:null});L.params={onItemLabelChange:!0,isItemEditable:!0};const Xe=S.styled("div",{name:"MuiTreeItem2DragAndDropOverlay",slot:"Root",overridesResolver:(e,o)=>o.root,shouldForwardProp:e=>S.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,g._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 Pe=S.styled("input",{name:"MuiTreeItem2",slot:"LabelInput",overridesResolver:(e,o)=>o.labelInput})(({theme:e})=>g._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 Ce(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"]),ve=W.createSvgIcon(y.jsx("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"TreeViewExpandIcon"),he=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:d}=V();return s({children:o,itemId:t,instance:d})}X.propTypes={children:b.PropTypes.node,itemId:b.PropTypes.string.isRequired};const we=e=>Array.isArray(e)?e.length>0&&e.some(we):!!e,Je=({itemId:e,children:o})=>{const{instance:t,selection:{multiSelect:s},publicAPI:d}=V(),l={expandable:we(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},m=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})},u=r=>{const x=r.nativeEvent.shiftKey;s&&x?t.expandSelectionRange(r,e):t.selectItem({event:r,itemId:e,keepExistingSelection:s,shouldBeSelected:r.target.checked})},p=()=>{G(t,L)&&t.isItemEditable(e)&&(t.isItemBeingEdited(e)?t.setEditedItemId(null):t.setEditedItemId(e))};return{interactions:{handleExpansion:m,handleSelection:a,handleCheckboxSelection:u,toggleItemEditing:p,handleSaveItemLabel:(r,x)=>{G(t,L)&&t.isItemBeingEditedRef(e)&&(t.updateItemLabel(e,x),p(),t.focusItem(r,e))},handleCancelItemLabelEditing:r=>{G(t,L)&&t.isItemBeingEditedRef(e)&&(p(),t.focusItem(r,e))}},status:l,publicAPI:d}},Qe=e=>{const{runItemPlugins:o,items:{onItemClick:t,disabledItemsFocusable:s,indentationAtItemLevel:d},selection:{disableSelection:l,checkboxSelection:m},expansion:{expansionTrigger:a},treeId:u,instance:p,publicAPI:f}=V(),I=R.useContext(se),{id:P,itemId:r,label:x,children:E,rootRef:k}=e,{rootRef:Y,contentRef:J,propsEnhancers:w}=o(e),{interactions:h,status:C}=Je({itemId:r,children:E}),v=R.useRef(null),_=R.useRef(null),A=ce.useForkRef(k,Y,v),q=ce.useForkRef(J,_),B=R.useRef(null),F=Ie({itemId:r,treeId:u,id:P}),Q=p.canItemBeTabbed(r)?0:-1,N={rootRefObject:v,contentRefObject:_,interactions:h},Z=i=>n=>{var T;if((T=i.onFocus)==null||T.call(i,n),n.defaultMuiPrevented)return;const c=!C.disabled||s;!C.focused&&c&&n.currentTarget===n.target&&p.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 c=p.getItemDOMElement(r);C.editing||n.relatedTarget&&ne(n.relatedTarget,c)&&(n.target&&((j=(O=n.target)==null?void 0:O.dataset)==null?void 0:j.element)==="labelInput"&&ne(n.target,c)||((de=(le=n.relatedTarget)==null?void 0:le.dataset)==null?void 0:de.element)==="labelInput")||p.removeFocusedItem()},H=i=>n=>{var c,T,O;(c=i.onKeyDown)==null||c.call(i,n),!(n.defaultMuiPrevented||((O=(T=n.target)==null?void 0:T.dataset)==null?void 0:O.element)==="labelInput")&&p.handleItemKeyDown(n,r)},$=i=>n=>{var c;(c=i.onDoubleClick)==null||c.call(i,n),!n.defaultMuiPrevented&&h.toggleItemEditing()},ee=i=>n=>{var c,T;(c=i.onClick)==null||c.call(i,n),t==null||t(n,r),!(n.defaultMuiPrevented||(T=B.current)!=null&&T.contains(n.target))&&(a==="content"&&h.handleExpansion(n),m||h.handleSelection(n))},z=i=>n=>{var c;(c=i.onMouseDown)==null||c.call(i,n),!n.defaultMuiPrevented&&(n.shiftKey||n.ctrlKey||n.metaKey||C.disabled)&&n.preventDefault()},te=i=>n=>{var c;(c=i.onChange)==null||c.call(i,n),!n.defaultMuiPrevented&&(l||C.disabled||h.handleCheckboxSelection(n))},U=i=>n=>{var c;(c=i.onClick)==null||c.call(i,n),!n.defaultMuiPrevented&&a==="iconContainer"&&h.handleExpansion(n)};return{getRootProps:(i={})=>{var j;const n=g._extends({},D.extractEventHandlers(e),D.extractEventHandlers(i));let c;C.selected?c=!0:l||C.disabled?c=void 0:c=!1;const T=g._extends({},n,{ref:A,role:"treeitem",tabIndex:Q,id:F,"aria-expanded":C.expandable?C.expanded:void 0,"aria-selected":c,"aria-disabled":C.disabled||void 0},i,{onFocus:Z(n),onBlur:K(n),onKeyDown:H(n)});d&&(T.style={"--TreeView-itemDepth":typeof I=="function"?I(r):I});const O=((j=w.root)==null?void 0:j.call(w,g._extends({},N,{externalEventHandlers:n})))??{};return g._extends({},T,O)},getContentProps:(i={})=>{var O;const n=D.extractEventHandlers(i),c=g._extends({},n,i,{ref:q,onClick:ee(n),onMouseDown:z(n),status:C});d&&(c.indentationAtItemLevel=!0);const T=((O=w.content)==null?void 0:O.call(w,g._extends({},N,{externalEventHandlers:n})))??{};return g._extends({},c,T)},getGroupTransitionProps:(i={})=>{const n=D.extractEventHandlers(i),c=g._extends({},n,{unmountOnExit:!0,component:"ul",role:"group",in:C.expanded,children:E},i);return d&&(c.indentationAtItemLevel=!0),c},getIconContainerProps:(i={})=>{const n=D.extractEventHandlers(i);return g._extends({},n,i,{onClick:U(n)})},getCheckboxProps:(i={})=>{const n=D.extractEventHandlers(i);return g._extends({},n,{visible:m,ref:B,checked:C.selected,disabled:l||C.disabled,tabIndex:-1},i,{onChange:te(n)})},getLabelProps:(i={})=>{const n=g._extends({},D.extractEventHandlers(i)),c=g._extends({},n,{children:x},i,{onDoubleClick:$(n)});return p.isTreeViewEditable&&(c.editable=C.editable),c},getLabelInputProps:(i={})=>{var T;const n=D.extractEventHandlers(i),c=((T=w.labelInput)==null?void 0:T.call(w,{rootRefObject:v,contentRefObject:_,externalEventHandlers:n,interactions:h}))??{};return g._extends({},i,c)},getDragAndDropOverlayProps:(i={})=>{var T;const n=D.extractEventHandlers(i),c=((T=w.dragAndDropOverlay)==null?void 0:T.call(w,g._extends({},N,{externalEventHandlers:n})))??{};return g._extends({},i,c)},rootRef:A,status:C,publicAPI:f}},Se=Qe;function Re(e){const{slots:o,slotProps:t,status:s}=e,d=V(),l=g._extends({},d.icons.slots,{expandIcon:d.icons.slots.expandIcon??ve,collapseIcon:d.icons.slots.collapseIcon??he}),m=d.icons.slotProps;let a;o!=null&&o.icon?a="icon":s.expandable?s.expanded?a="collapseIcon":a="expandIcon":a="endIcon";const u=(o==null?void 0:o[a])??l[a],p=M.useSlotProps({elementType:u,externalSlotProps:f=>g._extends({},D.resolveComponentProps(m[a],f),D.resolveComponentProps(t==null?void 0:t[a],f)),ownerState:{}});return u?y.jsx(u,g._extends({},p)):null}process.env.NODE_ENV!=="production"&&(Re.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=be(),Ee=S.styled("li",{name:"MuiTreeItem2",slot:"Root",overridesResolver:(e,o)=>o.root})({listStyle:"none",margin:0,padding:0,outline:0}),De=S.styled("div",{name:"MuiTreeItem2",slot:"Content",overridesResolver:(e,o)=>o.content,shouldForwardProp:e=>S.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)}}]})),Oe=S.styled("div",{name:"MuiTreeItem2",slot:"Label",overridesResolver:(e,o)=>o.label,shouldForwardProp:e=>S.shouldForwardProp(e)&&e!=="editable"})(({theme:e})=>g._extends({width:"100%",boxSizing:"border-box",minWidth:0,position:"relative",overflow:"hidden"},e.typography.body1,{variants:[{props:({editable:o})=>o,style:{paddingLeft:"2px"}}]})),ke=S.styled("div",{name:"MuiTreeItem2",slot:"IconContainer",overridesResolver:(e,o)=>o.iconContainer})({width:16,display:"flex",flexShrink:0,justifyContent:"center","& svg":{fontSize:18}}),Me=S.styled(je.Collapse,{name:"MuiTreeItem2",slot:"GroupTransition",overridesResolver:(e,o)=>o.groupTransition,shouldForwardProp:e=>S.shouldForwardProp(e)&&e!=="indentationAtItemLevel"})({margin:0,padding:0,paddingLeft:"var(--TreeView-itemChildrenIndentation)",variants:[{props:{indentationAtItemLevel:!0},style:{paddingLeft:0}}]}),tt=S.styled(R.forwardRef((e,o)=>{const{visible:t}=e,s=ge._objectWithoutPropertiesLoose(e,Ze);return t?y.jsx(Ae.Checkbox,g._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 S.composeClasses(t,Ce,o)},nt=R.forwardRef(function(o,t){const s=et({props:o,name:"MuiTreeItem2"}),{id:d,itemId:l,label:m,disabled:a,children:u,slots:p={},slotProps:f={}}=s,I=ge._objectWithoutPropertiesLoose(s,He),{getRootProps:P,getContentProps:r,getIconContainerProps:x,getCheckboxProps:E,getLabelProps:k,getGroupTransitionProps:Y,getLabelInputProps:J,getDragAndDropOverlayProps:w,status:h}=Se({id:d,itemId:l,children:u,label:m,disabled:a}),C=g._extends({},s,h),v=ot(C),_=p.root??Ee,A=M.useSlotProps({elementType:_,getSlotProps:P,externalForwardedProps:I,externalSlotProps:f.root,additionalProps:{ref:t},ownerState:{},className:v.root}),q=p.content??De,B=M.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=p.iconContainer??ke,Q=M.useSlotProps({elementType:F,getSlotProps:x,externalSlotProps:f.iconContainer,ownerState:{},className:v.iconContainer}),N=p.label??Oe,Z=M.useSlotProps({elementType:N,getSlotProps:k,externalSlotProps:f.label,ownerState:{},className:v.label}),K=p.checkbox??tt,H=M.useSlotProps({elementType:K,getSlotProps:E,externalSlotProps:f.checkbox,ownerState:{},className:v.checkbox}),$=p.groupTransition??void 0,ee=M.useSlotProps({elementType:$,getSlotProps:Y,externalSlotProps:f.groupTransition,ownerState:{},className:v.groupTransition}),z=p.labelInput??Pe,te=M.useSlotProps({elementType:z,getSlotProps:J,externalSlotProps:f.labelInput,ownerState:{},className:v.labelInput}),U=p.dragAndDropOverlay??ie,ae=M.useSlotProps({elementType:U,getSlotProps:w,externalSlotProps:f.dragAndDropOverlay,ownerState:{},className:v.dragAndDropOverlay});return y.jsx(X,{itemId:l,children:y.jsxs(_,g._extends({},A,{children:[y.jsxs(q,g._extends({},B,{children:[y.jsx(F,g._extends({},Q,{children:y.jsx(Re,{status:h,slots:p,slotProps:f})})),y.jsx(K,g._extends({},H)),h.editing?y.jsx(z,g._extends({},te)):y.jsx(N,g._extends({},Z)),y.jsx(U,g._extends({},ae))]})),u&&y.jsx(Me,g._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});const rt=ue.forwardRef(function(o,t){const{id:s,itemId:d,label:l,disabled:m,children:a,itemData:u,iconColor:p="primary"}=o,f=Ne.getIconComponent(u==null?void 0:u.iconType,u==null?void 0:u.customIcon),{getRootProps:I,getContentProps:P,getLabelProps:r,getGroupTransitionProps:x,getIconContainerProps:E,status:k}=Se({id:s,itemId:d,label:l,disabled:m,children:a,rootRef:t});return y.jsx(X,{itemId:d,children:y.jsxs(Ee,{...I(),"data-treeview-item":d||"","data-treeview-item-label":l||"",children:[y.jsxs(De,{...P(),style:oe.treeContentStyle,children:[y.jsx(ke,{...E(),children:y.jsx(f,{fontSize:"small",color:p})}),y.jsx(Oe,{...r()}),y.jsx(Le.Box,{sx:oe.arrowContainerStyle,children:k.expandable&&(k.expanded?y.jsx(Fe,{fontSize:"small"}):y.jsx(Ke,{fontSize:"small"}))})]}),a&&y.jsx(Me,{...x(),style:k.expanded?oe.expandedGroupStyle:void 0})]})})});exports.CustomTreeItem=rt;exports.TreeItem2DragAndDropOverlay=ie;exports.TreeItem2LabelInput=Pe;exports.TreeItem2Provider=X;exports.TreeViewCollapseIcon=he;exports.TreeViewContext=re;exports.TreeViewExpandIcon=ve;exports.TreeViewItemDepthContext=se;exports.createTreeViewDefaultId=$e;exports.createUseThemeProps=be;exports.findOrderInTremauxTree=Te;exports.generateTreeItemIdAttribute=Ie;exports.getAllNavigableItems=Ge;exports.getFirstNavigableItem=ye;exports.getLastNavigableItem=ze;exports.getNextNavigableItem=xe;exports.getNonDisabledItemsInRange=Ue;exports.getPreviousNavigableItem=fe;exports.getTreeItemUtilityClass=Ce;exports.hasPlugin=G;exports.isTargetInDescendants=ne;exports.treeItemClasses=Ye;exports.useTreeViewContext=V;exports.useTreeViewLabel=L;

package/dist/{CustomTreeItem-CyfVhVMC.js → CustomTreeItem-kFMLEWpp.js}

@@ -1,14 +1,14 @@
 import { jsx as x, jsxs as W } from "react/jsx-runtime";
-import * as R from "react";
-import { forwardRef as Pe } from "react";
 import { c as X } from "./createSvgIcon-B62eln-G.js";
-import { B as Re } from "./Box-GMNejc_m.js";
+import { B as Pe } from "./Box-GMNejc_m.js";
 import { _ as b } from "./ButtonBase-CU1npQuI.js";
+import * as R from "react";
+import { forwardRef as Re } from "react";
 import { w as Ee } from "./warning-C8W811fV.js";
 import { u as le } from "./useForkRef-C_4o__cU.js";
 import { e as D, r as de } from "./resolveComponentProps-CIdMNno4.js";
-import { getIconComponent as Oe } from "./components/TreeView/utils.es.js";
-import { treeContentStyle as Se, arrowContainerStyle as De, expandedGroupStyle as ke } from "./components/TreeView/style.es.js";
+import { treeContentStyle as Oe, arrowContainerStyle as Se, expandedGroupStyle as De } from "./components/TreeView/style.es.js";
+import { getIconComponent as ke } from "./components/TreeView/utils.es.js";
 import { n as B, P as y, G as Me, H as Le, I as Ne } from "./generateUtilityClasses-EXBFO7eY.js";
 import { a as ue } from "./TransitionGroupContext-DbLioz_6.js";
 import { u as Ve } from "./useThemeProps-v-SfXuGn.js";
@@ -47,10 +47,10 @@ const me = (e, t) => {
   if (o !== -1)
     return t[o];
 }, _e = (e, t) => {
-  const o = e.getItemMeta(t), a = e.getItemOrderedChildrenIds(o.parentId), c = e.getItemIndex(t);
-  if (c === 0)
+  const o = e.getItemMeta(t), a = e.getItemOrderedChildrenIds(o.parentId), d = e.getItemIndex(t);
+  if (d === 0)
     return o.parentId;
-  let l = c - 1;
+  let l = d - 1;
   for (; !e.isItemNavigable(a[l]) && l >= 0; )
     l -= 1;
   if (l === -1)
@@ -67,9 +67,9 @@ const me = (e, t) => {
   }
   let o = e.getItemMeta(t);
   for (; o != null; ) {
-    const a = e.getItemOrderedChildrenIds(o.parentId), c = e.getItemIndex(o.id);
-    if (c < a.length - 1) {
-      let l = c + 1;
+    const a = e.getItemOrderedChildrenIds(o.parentId), d = e.getItemIndex(o.id);
+    if (d < a.length - 1) {
+      let l = d + 1;
       for (; !e.isItemNavigable(a[l]) && l < a.length - 1; )
         l += 1;
       if (e.isItemNavigable(a[l]))
@@ -90,11 +90,11 @@ const me = (e, t) => {
 }, Ge = (e) => e.getItemOrderedChildrenIds(null).find(e.isItemNavigable), We = (e, t, o) => {
   if (t === o)
     return [t, o];
-  const a = e.getItemMeta(t), c = e.getItemMeta(o);
-  if (a.parentId === c.id || c.parentId === a.id)
-    return c.parentId === a.id ? [a.id, c.id] : [c.id, a.id];
-  const l = [a.id], m = [c.id];
-  let s = a.parentId, u = c.parentId, p = m.indexOf(s) !== -1, I = l.indexOf(u) !== -1, g = !0, T = !0;
+  const a = e.getItemMeta(t), d = e.getItemMeta(o);
+  if (a.parentId === d.id || d.parentId === a.id)
+    return d.parentId === a.id ? [a.id, d.id] : [d.id, a.id];
+  const l = [a.id], m = [d.id];
+  let s = a.parentId, u = d.parentId, p = m.indexOf(s) !== -1, I = l.indexOf(u) !== -1, g = !0, T = !0;
   for (; !I && !p; )
     g && (l.push(s), p = m.indexOf(s) !== -1, g = s !== null, !p && g && (s = e.getItemMeta(s).parentId)), T && !p && (m.push(u), I = l.indexOf(u) !== -1, T = u !== null, !I && T && (u = e.getItemMeta(u).parentId));
   const r = p ? s : u, f = e.getItemOrderedChildrenIds(r), E = l[l.indexOf(r) - 1], S = m[m.indexOf(r) - 1];
@@ -111,8 +111,8 @@ const me = (e, t) => {
       p = e.getItemMeta(p.parentId);
     }
     throw new Error("Invalid range");
-  }, [c, l] = We(e, t, o), m = [c];
-  let s = c;
+  }, [d, l] = We(e, t, o), m = [d];
+  let s = d;
   for (; s !== l; )
     s = a(s), e.isItemDisabled(s) || m.push(s);
   return m;
@@ -130,7 +130,7 @@ const me = (e, t) => {
   } = K(), {
     label: o,
     itemId: a
-  } = e, [c, l] = R.useState(o), m = t.isItemBeingEdited(a);
+  } = e, [d, l] = R.useState(o), m = t.isItemBeingEdited(a);
   return R.useEffect(() => {
     m || l(o);
   }, [m, o]), {
@@ -139,7 +139,7 @@ const me = (e, t) => {
         externalEventHandlers: s,
         interactions: u
       }) => t.isItemEditable(a) ? {
-        value: c ?? "",
+        value: d ?? "",
         "data-element": "labelInput",
         onChange: (r) => {
           var f;
@@ -167,10 +167,10 @@ const me = (e, t) => {
   setState: o,
   params: a
 }) => {
-  const c = R.useRef(t.editedItemId), l = (g) => c.current === g, m = (g) => {
+  const d = R.useRef(t.editedItemId), l = (g) => d.current === g, m = (g) => {
     o((T) => b({}, T, {
       editedItemId: g
-    })), c.current = g;
+    })), d.current = g;
   }, s = (g) => g === t.editedItemId, u = !!a.isItemEditable, p = (g) => {
     if (g == null || !u)
       return !1;
@@ -316,12 +316,12 @@ function re(e) {
     itemId: o
   } = e, {
     wrapItem: a,
-    instance: c
+    instance: d
   } = K();
   return a({
     children: t,
     itemId: o,
-    instance: c
+    instance: d
   });
 }
 re.propTypes = {
@@ -341,7 +341,7 @@ const fe = (e) => Array.isArray(e) ? e.length > 0 && e.some(fe) : !!e, et = ({
     selection: {
       multiSelect: a
     },
-    publicAPI: c
+    publicAPI: d
   } = K(), l = {
     expandable: fe(t),
     expanded: o.isItemExpanded(e),
@@ -393,7 +393,7 @@ const fe = (e) => Array.isArray(e) ? e.length > 0 && e.some(fe) : !!e, et = ({
       }
     },
     status: l,
-    publicAPI: c
+    publicAPI: d
   };
 }, tt = (e) => {
   const {
@@ -401,7 +401,7 @@ const fe = (e) => Array.isArray(e) ? e.length > 0 && e.some(fe) : !!e, et = ({
     items: {
       onItemClick: o,
       disabledItemsFocusable: a,
-      indentationAtItemLevel: c
+      indentationAtItemLevel: d
     },
     selection: {
       disableSelection: l,
@@ -441,55 +441,55 @@ const fe = (e) => Array.isArray(e) ? e.length > 0 && e.some(fe) : !!e, et = ({
     var C;
     if ((C = i.onFocus) == null || C.call(i, n), n.defaultMuiPrevented)
       return;
-    const d = !h.disabled || a;
-    !h.focused && d && n.currentTarget === n.target && p.focusItem(n, r);
+    const c = !h.disabled || a;
+    !h.focused && c && n.currentTarget === n.target && p.focusItem(n, r);
   }, z = (i) => (n) => {
     var C, O, A, ae, se;
     if ((C = i.onBlur) == null || C.call(i, n), n.defaultMuiPrevented)
       return;
-    const d = p.getItemDOMElement(r);
+    const c = p.getItemDOMElement(r);
     h.editing || // 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
     // 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
-    n.relatedTarget && pe(n.relatedTarget, d) && (n.target && ((A = (O = n.target) == null ? void 0 : O.dataset) == null ? void 0 : A.element) === "labelInput" && pe(n.target, d) || ((se = (ae = n.relatedTarget) == null ? void 0 : ae.dataset) == null ? void 0 : se.element) === "labelInput") || p.removeFocusedItem();
+    n.relatedTarget && pe(n.relatedTarget, c) && (n.target && ((A = (O = n.target) == null ? void 0 : O.dataset) == null ? void 0 : A.element) === "labelInput" && pe(n.target, c) || ((se = (ae = n.relatedTarget) == null ? void 0 : ae.dataset) == null ? void 0 : se.element) === "labelInput") || p.removeFocusedItem();
   }, ee = (i) => (n) => {
-    var d, C, O;
-    (d = i.onKeyDown) == null || d.call(i, n), !(n.defaultMuiPrevented || ((O = (C = n.target) == null ? void 0 : C.dataset) == null ? void 0 : O.element) === "labelInput") && p.handleItemKeyDown(n, r);
+    var c, C, O;
+    (c = i.onKeyDown) == null || c.call(i, n), !(n.defaultMuiPrevented || ((O = (C = n.target) == null ? void 0 : C.dataset) == null ? void 0 : O.element) === "labelInput") && p.handleItemKeyDown(n, r);
   }, _ = (i) => (n) => {
-    var d;
-    (d = i.onDoubleClick) == null || d.call(i, n), !n.defaultMuiPrevented && w.toggleItemEditing();
+    var c;
+    (c = i.onDoubleClick) == null || c.call(i, n), !n.defaultMuiPrevented && w.toggleItemEditing();
   }, te = (i) => (n) => {
-    var d, C;
-    (d = i.onClick) == null || d.call(i, n), o == null || o(n, r), !(n.defaultMuiPrevented || (C = j.current) != null && C.contains(n.target)) && (s === "content" && w.handleExpansion(n), m || w.handleSelection(n));
+    var c, C;
+    (c = i.onClick) == null || c.call(i, n), o == null || o(n, r), !(n.defaultMuiPrevented || (C = j.current) != null && C.contains(n.target)) && (s === "content" && w.handleExpansion(n), m || w.handleSelection(n));
   }, U = (i) => (n) => {
-    var d;
-    (d = i.onMouseDown) == null || d.call(i, n), !n.defaultMuiPrevented && (n.shiftKey || n.ctrlKey || n.metaKey || h.disabled) && n.preventDefault();
+    var c;
+    (c = i.onMouseDown) == null || c.call(i, n), !n.defaultMuiPrevented && (n.shiftKey || n.ctrlKey || n.metaKey || h.disabled) && n.preventDefault();
   }, oe = (i) => (n) => {
-    var d;
-    (d = i.onChange) == null || d.call(i, n), !n.defaultMuiPrevented && (l || h.disabled || w.handleCheckboxSelection(n));
+    var c;
+    (c = i.onChange) == null || c.call(i, n), !n.defaultMuiPrevented && (l || h.disabled || w.handleCheckboxSelection(n));
   }, G = (i) => (n) => {
-    var d;
-    (d = i.onClick) == null || d.call(i, n), !n.defaultMuiPrevented && s === "iconContainer" && w.handleExpansion(n);
+    var c;
+    (c = i.onClick) == null || c.call(i, n), !n.defaultMuiPrevented && s === "iconContainer" && w.handleExpansion(n);
   };
   return {
     getRootProps: (i = {}) => {
       var A;
       const n = b({}, D(e), D(i));
-      let d;
-      h.selected ? d = !0 : l || h.disabled ? d = void 0 : d = !1;
+      let c;
+      h.selected ? c = !0 : l || h.disabled ? c = void 0 : c = !1;
       const C = b({}, n, {
         ref: $,
         role: "treeitem",
         tabIndex: Z,
         id: q,
         "aria-expanded": h.expandable ? h.expanded : void 0,
-        "aria-selected": d,
+        "aria-selected": c,
         "aria-disabled": h.disabled || void 0
       }, i, {
         onFocus: H(n),
         onBlur: z(n),
         onKeyDown: ee(n)
       });
-      c && (C.style = {
+      d && (C.style = {
         "--TreeView-itemDepth": typeof g == "function" ? g(r) : g
       });
       const O = ((A = P.root) == null ? void 0 : A.call(P, b({}, V, {
@@ -499,27 +499,27 @@ const fe = (e) => Array.isArray(e) ? e.length > 0 && e.some(fe) : !!e, et = ({
     },
     getContentProps: (i = {}) => {
       var O;
-      const n = D(i), d = b({}, n, i, {
+      const n = D(i), c = b({}, n, i, {
         ref: F,
         onClick: te(n),
         onMouseDown: U(n),
         status: h
       });
-      c && (d.indentationAtItemLevel = !0);
+      d && (c.indentationAtItemLevel = !0);
       const C = ((O = P.content) == null ? void 0 : O.call(P, b({}, V, {
         externalEventHandlers: n
       }))) ?? {};
-      return b({}, d, C);
+      return b({}, c, C);
     },
     getGroupTransitionProps: (i = {}) => {
-      const n = D(i), d = b({}, n, {
+      const n = D(i), c = b({}, n, {
         unmountOnExit: !0,
         component: "ul",
         role: "group",
         in: h.expanded,
         children: E
       }, i);
-      return c && (d.indentationAtItemLevel = !0), d;
+      return d && (c.indentationAtItemLevel = !0), c;
     },
     getIconContainerProps: (i = {}) => {
       const n = D(i);
@@ -540,29 +540,29 @@ const fe = (e) => Array.isArray(e) ? e.length > 0 && e.some(fe) : !!e, et = ({
       });
     },
     getLabelProps: (i = {}) => {
-      const n = b({}, D(i)), d = b({}, n, {
+      const n = b({}, D(i)), c = b({}, n, {
         children: f
       }, i, {
         onDoubleClick: _(n)
       });
-      return p.isTreeViewEditable && (d.editable = h.editable), d;
+      return p.isTreeViewEditable && (c.editable = h.editable), c;
     },
     getLabelInputProps: (i = {}) => {
       var C;
-      const n = D(i), d = ((C = P.labelInput) == null ? void 0 : C.call(P, {
+      const n = D(i), c = ((C = P.labelInput) == null ? void 0 : C.call(P, {
         rootRefObject: v,
         contentRefObject: N,
         externalEventHandlers: n,
         interactions: w
       })) ?? {};
-      return b({}, i, d);
+      return b({}, i, c);
     },
     getDragAndDropOverlayProps: (i = {}) => {
       var C;
-      const n = D(i), d = ((C = P.dragAndDropOverlay) == null ? void 0 : C.call(P, b({}, V, {
+      const n = D(i), c = ((C = P.dragAndDropOverlay) == null ? void 0 : C.call(P, b({}, V, {
         externalEventHandlers: n
       }))) ?? {};
-      return b({}, i, d);
+      return b({}, i, c);
     },
     rootRef: $,
     status: h,
@@ -574,10 +574,10 @@ function xe(e) {
     slots: t,
     slotProps: o,
     status: a
-  } = e, c = K(), l = b({}, c.icons.slots, {
-    expandIcon: c.icons.slots.expandIcon ?? Ze,
-    collapseIcon: c.icons.slots.collapseIcon ?? He
-  }), m = c.icons.slotProps;
+  } = e, d = K(), l = b({}, d.icons.slots, {
+    expandIcon: d.icons.slots.expandIcon ?? Ze,
+    collapseIcon: d.icons.slots.collapseIcon ?? He
+  }), m = d.icons.slotProps;
   let s;
   t != null && t.icon ? s = "icon" : a.expandable ? a.expanded ? s = "collapseIcon" : s = "expandIcon" : s = "endIcon";
   const u = (t == null ? void 0 : t[s]) ?? l[s], p = k({
@@ -783,7 +783,7 @@ const ot = ["visible"], nt = ["id", "itemId", "label", "disabled", "children", "
     props: t,
     name: "MuiTreeItem2"
   }), {
-    id: c,
+    id: d,
     itemId: l,
     label: m,
     disabled: s,
@@ -801,7 +801,7 @@ const ot = ["visible"], nt = ["id", "itemId", "label", "disabled", "children", "
     getDragAndDropOverlayProps: P,
     status: w
   } = ye({
-    id: c,
+    id: d,
     itemId: l,
     children: u,
     label: m,
@@ -932,16 +932,16 @@ process.env.NODE_ENV !== "production" && (st.propTypes = {
    */
   slots: y.object
 });
-const Kt = Pe(function(t, o) {
+const Kt = Re(function(t, o) {
   const {
     id: a,
-    itemId: c,
+    itemId: d,
     label: l,
     disabled: m,
     children: s,
     itemData: u,
     iconColor: p = "primary"
-  } = t, I = Oe(
+  } = t, I = ke(
     u == null ? void 0 : u.iconType,
     u == null ? void 0 : u.customIcon
   ), {
@@ -951,28 +951,29 @@ const Kt = Pe(function(t, o) {
     getGroupTransitionProps: f,
     getIconContainerProps: E,
     status: S
-  } = ye({ id: a, itemId: c, label: l, disabled: m, children: s, rootRef: o });
-  return /* @__PURE__ */ x(re, { itemId: c, children: /* @__PURE__ */ W(Ce, { ...g(), children: [
-    /* @__PURE__ */ W(
-      Te,
-      {
-        ...T(),
-        style: Se,
-        children: [
+  } = ye({ id: a, itemId: d, label: l, disabled: m, children: s, rootRef: o });
+  return /* @__PURE__ */ x(re, { itemId: d, children: /* @__PURE__ */ W(
+    Ce,
+    {
+      ...g(),
+      "data-treeview-item": d || "",
+      "data-treeview-item-label": l || "",
+      children: [
+        /* @__PURE__ */ W(Te, { ...T(), style: Oe, children: [
           /* @__PURE__ */ x(ve, { ...E(), children: /* @__PURE__ */ x(I, { fontSize: "small", color: p }) }),
           /* @__PURE__ */ x(he, { ...r() }),
-          /* @__PURE__ */ x(Re, { sx: De, children: S.expandable && (S.expanded ? /* @__PURE__ */ x(Fe, { fontSize: "small" }) : /* @__PURE__ */ x(je, { fontSize: "small" })) })
-        ]
-      }
-    ),
-    s && /* @__PURE__ */ x(
-      we,
-      {
-        ...f(),
-        style: S.expanded ? ke : void 0
-      }
-    )
-  ] }) });
+          /* @__PURE__ */ x(Pe, { sx: Se, children: S.expandable && (S.expanded ? /* @__PURE__ */ x(Fe, { fontSize: "small" }) : /* @__PURE__ */ x(je, { fontSize: "small" })) })
+        ] }),
+        s && /* @__PURE__ */ x(
+          we,
+          {
+            ...f(),
+            style: S.expanded ? De : void 0
+          }
+        )
+      ]
+    }
+  ) });
 });
 export {
   Kt as C,