@cgi-learning-hub/ui 1.6.0-dev.1747921053 → 1.6.0-dev.1748361413
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-DkOmd2ol.cjs → CustomTreeItem-DQSQGINJ.cjs} +2 -2
- package/dist/{CustomTreeItem-CGYxgQZu.js → CustomTreeItem-DhYdedkD.js} +15 -9
- package/dist/{ToggleButtonGroup-DcXHH5wq.cjs → ToggleButtonGroup-C5SSqJY6.cjs} +39 -39
- package/dist/{ToggleButtonGroup-Ddg6NHao.js → ToggleButtonGroup-SgMLZ-aC.js} +1710 -1456
- package/dist/components/ColorPicker/ColorPicker.cjs.js +1 -1
- package/dist/components/ColorPicker/ColorPicker.es.js +5 -5
- package/dist/components/ColorPicker/styles.es.js +13 -11
- package/dist/components/Dialog/Dialog.es.js +6 -1
- package/dist/components/TreeView/TreeView.cjs.js +1 -1
- package/dist/components/TreeView/TreeView.es.js +1 -1
- package/dist/components/TreeView/components/CustomTreeItem.cjs.js +1 -1
- package/dist/components/TreeView/components/CustomTreeItem.es.js +2 -2
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.es.js +403 -400
- package/dist/components/stories/Badge.stories.d.ts +1 -1
- package/dist/components/stories/Badge.stories.es.js +33 -6
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +403 -400
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";const x=require("react/jsx-runtime"),le=require("./createSvgIcon-BgBODH2F.cjs"),m=require("./ButtonBase-Cteo-mSC.cjs"),Fe=require("react"),Be=require("./warning-DMUNDgRg.cjs"),pe=require("./useForkRef-CFhhTu-Q.cjs"),A=require("./resolveComponentProps-DWSW1fip.cjs"),
|
|
1
|
+
"use strict";const x=require("react/jsx-runtime"),le=require("./createSvgIcon-BgBODH2F.cjs"),m=require("./ButtonBase-Cteo-mSC.cjs"),Fe=require("react"),Be=require("./warning-DMUNDgRg.cjs"),pe=require("./useForkRef-CFhhTu-Q.cjs"),A=require("./resolveComponentProps-DWSW1fip.cjs"),Ke=require("./components/EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),ee=require("./components/TreeView/style.cjs.js"),Ue=require("./components/TreeView/utils.cjs.js"),i=require("./index-DLnSn8GT.cjs"),Pe=require("./TransitionGroupContext-Zt4NoR0u.cjs"),j=require("./generateUtilityClasses-CMlilM6r.cjs"),We=require("./useThemeProps-DYpozGhe.cjs"),S=require("./DefaultPropsProvider-B1crdkTC.cjs"),Ge=require("./useTheme-ClhInrO2.cjs"),Xe=require("./memoTheme-BAbn60Cb.cjs"),ce=require("./utils-ByXw_ZY1.cjs"),Ye=require("./useTimeout-COCrDKz-.cjs"),Je=require("./elementTypeAcceptingRef-BwZv9xBI.cjs"),Qe=require("./Checkbox-l0TyVwps.cjs"),Ze=require("./unsupportedProp-Bn6XWqwH.cjs"),F=require("./useSlotProps-CrmlYV9C.cjs"),He=require("./Box-DYD6q-6M.cjs");function et(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,s.get?s:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const R=et(Fe);function Ce(e){return j.generateUtilityClass("MuiCollapse",e)}const tt=j.generateUtilityClasses("MuiCollapse",["root","horizontal","vertical","entered","hidden","wrapper","wrapperInner"]),ot=e=>{const{orientation:t,classes:o}=e,s={root:["root",`${t}`],entered:["entered"],hidden:["hidden"],wrapper:["wrapper",`${t}`],wrapperInner:["wrapperInner",`${t}`]};return S.composeClasses(s,Ce,o)},nt=S.styled("div",{name:"MuiCollapse",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,t[o.orientation],o.state==="entered"&&t.entered,o.state==="exited"&&!o.in&&o.collapsedSize==="0px"&&t.hidden]}})(Xe.memoTheme(({theme:e})=>({height:0,overflow:"hidden",transition:e.transitions.create("height"),variants:[{props:{orientation:"horizontal"},style:{height:"auto",width:0,transition:e.transitions.create("width")}},{props:{state:"entered"},style:{height:"auto",overflow:"visible"}},{props:{state:"entered",orientation:"horizontal"},style:{width:"auto"}},{props:({ownerState:t})=>t.state==="exited"&&!t.in&&t.collapsedSize==="0px",style:{visibility:"hidden"}}]}))),rt=S.styled("div",{name:"MuiCollapse",slot:"Wrapper",overridesResolver:(e,t)=>t.wrapper})({display:"flex",width:"100%",variants:[{props:{orientation:"horizontal"},style:{width:"auto",height:"100%"}}]}),st=S.styled("div",{name:"MuiCollapse",slot:"WrapperInner",overridesResolver:(e,t)=>t.wrapperInner})({width:"100%",variants:[{props:{orientation:"horizontal"},style:{width:"auto",height:"100%"}}]}),se=R.forwardRef(function(t,o){const s=S.useDefaultProps({props:t,name:"MuiCollapse"}),{addEndListener:p,children:d,className:g,collapsedSize:l="0px",component:b,easing:c,in:y,onEnter:f,onEntered:h,onEntering:r,onExit:T,onExited:D,onExiting:O,orientation:B="vertical",style:G,timeout:C=j.duration.standard,TransitionComponent:E=ce.Transition,...w}=s,P={...s,orientation:B,collapsedSize:l},M=ot(P),X=Ge.useTheme(),J=Ye.useTimeout(),N=R.useRef(null),K=R.useRef(),U=typeof l=="number"?`${l}px`:l,k=B==="horizontal",$=k?"width":"height",z=R.useRef(null),oe=pe.useForkRef(o,z),V=I=>L=>{if(I){const _=z.current;L===void 0?I(_):I(_,L)}},Y=()=>N.current?N.current[k?"clientWidth":"clientHeight"]:0,Q=V((I,L)=>{N.current&&k&&(N.current.style.position="absolute"),I.style[$]=U,f&&f(I,L)}),ne=V((I,L)=>{const _=Y();N.current&&k&&(N.current.style.position="");const{duration:H,easing:a}=ce.getTransitionProps({style:G,timeout:C,easing:c},{mode:"enter"});if(C==="auto"){const n=X.transitions.getAutoHeightDuration(_);I.style.transitionDuration=`${n}ms`,K.current=n}else I.style.transitionDuration=typeof H=="string"?H:`${H}ms`;I.style[$]=`${_}px`,I.style.transitionTimingFunction=a,r&&r(I,L)}),Z=V((I,L)=>{I.style[$]="auto",h&&h(I,L)}),ie=V(I=>{I.style[$]=`${Y()}px`,T&&T(I)}),fe=V(D),Ie=V(I=>{const L=Y(),{duration:_,easing:H}=ce.getTransitionProps({style:G,timeout:C,easing:c},{mode:"exit"});if(C==="auto"){const a=X.transitions.getAutoHeightDuration(L);I.style.transitionDuration=`${a}ms`,K.current=a}else I.style.transitionDuration=typeof _=="string"?_:`${_}ms`;I.style[$]=U,I.style.transitionTimingFunction=H,O&&O(I)}),ye=I=>{C==="auto"&&J.start(K.current||0,I),p&&p(z.current,I)};return x.jsx(E,{in:y,onEnter:Q,onEntered:Z,onEntering:ne,onExit:ie,onExited:fe,onExiting:Ie,addEndListener:ye,nodeRef:z,timeout:C==="auto"?null:C,...w,children:(I,{ownerState:L,..._})=>x.jsx(nt,{as:b,className:j.clsx(M.root,g,{entered:M.entered,exited:!y&&U==="0px"&&M.hidden}[I]),style:{[k?"minWidth":"minHeight"]:U,...G},ref:oe,ownerState:{...P,state:I},..._,children:x.jsx(rt,{ownerState:{...P,state:I},className:M.wrapper,ref:N,children:x.jsx(st,{ownerState:{...P,state:I},className:M.wrapperInner,children:d})})})})});process.env.NODE_ENV!=="production"&&(se.propTypes={addEndListener:i.PropTypes.func,children:i.PropTypes.node,classes:i.PropTypes.object,className:i.PropTypes.string,collapsedSize:i.PropTypes.oneOfType([i.PropTypes.number,i.PropTypes.string]),component:Je.elementTypeAcceptingRef,easing:i.PropTypes.oneOfType([i.PropTypes.shape({enter:i.PropTypes.string,exit:i.PropTypes.string}),i.PropTypes.string]),in:i.PropTypes.bool,onEnter:i.PropTypes.func,onEntered:i.PropTypes.func,onEntering:i.PropTypes.func,onExit:i.PropTypes.func,onExited:i.PropTypes.func,onExiting:i.PropTypes.func,orientation:i.PropTypes.oneOf(["horizontal","vertical"]),style:i.PropTypes.object,sx:i.PropTypes.oneOfType([i.PropTypes.arrayOf(i.PropTypes.oneOfType([i.PropTypes.func,i.PropTypes.object,i.PropTypes.bool])),i.PropTypes.func,i.PropTypes.object]),timeout:i.PropTypes.oneOfType([i.PropTypes.oneOf(["auto"]),i.PropTypes.number,i.PropTypes.shape({appear:i.PropTypes.number,enter:i.PropTypes.number,exit:i.PropTypes.number})])});se&&(se.muiSupportAuto=!0);const it=le.createSvgIcon(x.jsx("path",{d:"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"}),"KeyboardArrowDown"),at=le.createSvgIcon(x.jsx("path",{d:"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"}),"KeyboardArrowRight");function ve(e){return We.useThemeProps}let he=0;const lt=()=>(he+=1,`mui-tree-view-${he}`),we=({id:e,treeId:t="",itemId:o})=>e??`${t}-${o}`,ge=R.createContext(null);process.env.NODE_ENV!=="production"&&(ge.displayName="TreeViewContext");const te=()=>{const e=R.useContext(ge);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
2
|
`));return e},me=R.createContext(()=>-1);process.env.NODE_ENV!=="production"&&(me.displayName="TreeViewItemDepthContext");const Ee=(e,t)=>{let o=t.length-1;for(;o>=0&&!e.isItemNavigable(t[o]);)o-=1;if(o!==-1)return t[o]},Se=(e,t)=>{const o=e.getItemMeta(t),s=e.getItemOrderedChildrenIds(o.parentId),p=e.getItemIndex(t);if(p===0)return o.parentId;let d=p-1;for(;!e.isItemNavigable(s[d])&&d>=0;)d-=1;if(d===-1)return o.parentId==null?null:Se(e,o.parentId);let g=s[d],l=Ee(e,e.getItemOrderedChildrenIds(g));for(;e.isItemExpanded(g)&&l!=null;)g=l,l=e.getItemOrderedChildrenIds(g).find(e.isItemNavigable);return g},Re=(e,t)=>{if(e.isItemExpanded(t)){const s=e.getItemOrderedChildrenIds(t).find(e.isItemNavigable);if(s!=null)return s}let o=e.getItemMeta(t);for(;o!=null;){const s=e.getItemOrderedChildrenIds(o.parentId),p=e.getItemIndex(o.id);if(p<s.length-1){let d=p+1;for(;!e.isItemNavigable(s[d])&&d<s.length-1;)d+=1;if(e.isItemNavigable(s[d]))return s[d]}o=e.getItemMeta(o.parentId)}return null},dt=e=>{let t=null;for(;t==null||e.isItemExpanded(t);){const o=e.getItemOrderedChildrenIds(t),s=Ee(e,o);if(s==null)return t;t=s}return t},De=e=>e.getItemOrderedChildrenIds(null).find(e.isItemNavigable),Oe=(e,t,o)=>{if(t===o)return[t,o];const s=e.getItemMeta(t),p=e.getItemMeta(o);if(s.parentId===p.id||p.parentId===s.id)return p.parentId===s.id?[s.id,p.id]:[p.id,s.id];const d=[s.id],g=[p.id];let l=s.parentId,b=p.parentId,c=g.indexOf(l)!==-1,y=d.indexOf(b)!==-1,f=!0,h=!0;for(;!y&&!c;)f&&(d.push(l),c=g.indexOf(l)!==-1,f=l!==null,!c&&f&&(l=e.getItemMeta(l).parentId)),h&&!c&&(g.push(b),y=d.indexOf(b)!==-1,h=b!==null,!y&&h&&(b=e.getItemMeta(b).parentId));const r=c?l:b,T=e.getItemOrderedChildrenIds(r),D=d[d.indexOf(r)-1],O=g[g.indexOf(r)-1];return T.indexOf(D)<T.indexOf(O)?[t,o]:[o,t]},ct=(e,t,o)=>{const s=b=>{if(e.isItemExpandable(b)&&e.isItemExpanded(b))return e.getItemOrderedChildrenIds(b)[0];let c=e.getItemMeta(b);for(;c!=null;){const y=e.getItemOrderedChildrenIds(c.parentId),f=e.getItemIndex(c.id);if(f<y.length-1)return y[f+1];c=e.getItemMeta(c.parentId)}throw new Error("Invalid range")},[p,d]=Oe(e,t,o),g=[p];let l=p;for(;l!==d;)l=s(l),e.isItemDisabled(l)||g.push(l);return g},pt=e=>{let t=De(e);const o=[];for(;t!=null;)o.push(t),t=Re(e,t);return o},ue=(e,t)=>t!==e.closest('*[role="treeitem"]'),ae=(e,t)=>e.getAvailablePlugins().has(t),ut=({props:e})=>{const{instance:t}=te(),{label:o,itemId:s}=e,[p,d]=R.useState(o),g=t.isItemBeingEdited(s);return R.useEffect(()=>{g||d(o)},[g,o]),{propsEnhancers:{labelInput:({externalEventHandlers:l,interactions:b})=>t.isItemEditable(s)?{value:p??"","data-element":"labelInput",onChange:r=>{var T;(T=l.onChange)==null||T.call(l,r),d(r.target.value)},onKeyDown:r=>{var D;if((D=l.onKeyDown)==null||D.call(l,r),r.defaultMuiPrevented)return;const T=r.target;r.key==="Enter"&&T.value?b.handleSaveItemLabel(r,T.value):r.key==="Escape"&&b.handleCancelItemLabelEditing(r)},onBlur:r=>{var T;(T=l.onBlur)==null||T.call(l,r),!r.defaultMuiPrevented&&r.target.value&&b.handleSaveItemLabel(r,r.target.value)},autoFocus:!0,type:"text"}:{}}}},W=({instance:e,state:t,setState:o,params:s})=>{const p=R.useRef(t.editedItemId),d=f=>p.current===f,g=f=>{o(h=>m._extends({},h,{editedItemId:f})),p.current=f},l=f=>f===t.editedItemId,b=!!s.isItemEditable,c=f=>{if(f==null||!b)return!1;const h=e.getItem(f);return h?typeof s.isItemEditable=="function"?s.isItemEditable(h):!!s.isItemEditable:!1},y=(f,h)=>{if(!h)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.",f].join(`
|
|
3
|
-
`));o(r=>{const T=r.items.itemMetaMap[f];return T.label!==h?m._extends({},r,{items:m._extends({},r.items,{itemMetaMap:m._extends({},r.items.itemMetaMap,{[f]:m._extends({},T,{label:h})})})}):r}),s.onItemLabelChange&&s.onItemLabelChange(f,h)};return{instance:{setEditedItemId:g,isItemBeingEdited:l,updateItemLabel:y,isItemEditable:c,isTreeViewEditable:b,isItemBeingEditedRef:d},publicAPI:{updateItemLabel:y}}};W.itemPlugin=ut;W.getDefaultizedParams=({params:e,experimentalFeatures:t})=>{const o=t==null?void 0:t.labelEditing;return process.env.NODE_ENV!=="production"&&e.isItemEditable&&!o&&Be.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/"]),m._extends({},e,{isItemEditable:o?e.isItemEditable??!1:!1})};W.getInitialState=()=>({editedItemId:null});W.params={onItemLabelChange:!0,isItemEditable:!0};const gt=S.styled("div",{name:"MuiTreeItem2DragAndDropOverlay",slot:"Root",overridesResolver:(e,t)=>t.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})`:j.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 be(e){return e.action==null?null:x.jsx(gt,m._extends({},e))}process.env.NODE_ENV!=="production"&&(be.propTypes={action:i.PropTypes.oneOf(["make-child","move-to-parent","reorder-above","reorder-below"]),style:i.PropTypes.object});const Me=S.styled("input",{name:"MuiTreeItem2",slot:"LabelInput",overridesResolver:(e,t)=>t.labelInput})(({theme:e})=>m._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 Ne(e){return j.generateUtilityClass("MuiTreeItem",e)}const mt=j.generateUtilityClasses("MuiTreeItem",["root","groupTransition","content","expanded","selected","focused","disabled","iconContainer","label","checkbox","labelInput","editable","editing","dragAndDropOverlay"]),ke=le.createSvgIcon(x.jsx("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"TreeViewExpandIcon"),Le=le.createSvgIcon(x.jsx("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"}),"TreeViewCollapseIcon");function de(e){const{children:t,itemId:o}=e,{wrapItem:s,instance:p}=te();return s({children:t,itemId:o,instance:p})}de.propTypes={children:i.PropTypes.node,itemId:i.PropTypes.string.isRequired};const _e=e=>Array.isArray(e)?e.length>0&&e.some(_e):!!e,bt=({itemId:e,children:t})=>{const{instance:o,selection:{multiSelect:s},publicAPI:p}=te(),d={expandable:_e(t),expanded:o.isItemExpanded(e),focused:o.isItemFocused(e),selected:o.isItemSelected(e),disabled:o.isItemDisabled(e),editing:o!=null&&o.isItemBeingEdited?o==null?void 0:o.isItemBeingEdited(e):!1,editable:o.isItemEditable?o.isItemEditable(e):!1},g=r=>{if(d.disabled)return;d.focused||o.focusItem(r,e);const T=s&&(r.shiftKey||r.ctrlKey||r.metaKey);d.expandable&&!(T&&o.isItemExpanded(e))&&o.toggleItemExpansion(r,e)},l=r=>{if(d.disabled)return;d.focused||o.focusItem(r,e),s&&(r.shiftKey||r.ctrlKey||r.metaKey)?r.shiftKey?o.expandSelectionRange(r,e):o.selectItem({event:r,itemId:e,keepExistingSelection:!0}):o.selectItem({event:r,itemId:e,shouldBeSelected:!0})},b=r=>{const T=r.nativeEvent.shiftKey;s&&T?o.expandSelectionRange(r,e):o.selectItem({event:r,itemId:e,keepExistingSelection:s,shouldBeSelected:r.target.checked})},c=()=>{ae(o,W)&&o.isItemEditable(e)&&(o.isItemBeingEdited(e)?o.setEditedItemId(null):o.setEditedItemId(e))};return{interactions:{handleExpansion:g,handleSelection:l,handleCheckboxSelection:b,toggleItemEditing:c,handleSaveItemLabel:(r,T)=>{ae(o,W)&&o.isItemBeingEditedRef(e)&&(o.updateItemLabel(e,T),c(),o.focusItem(r,e))},handleCancelItemLabelEditing:r=>{ae(o,W)&&o.isItemBeingEditedRef(e)&&(c(),o.focusItem(r,e))}},status:d,publicAPI:p}},ft=e=>{const{runItemPlugins:t,items:{onItemClick:o,disabledItemsFocusable:s,indentationAtItemLevel:p},selection:{disableSelection:d,checkboxSelection:g},expansion:{expansionTrigger:l},treeId:b,instance:c,publicAPI:y}=te(),f=R.useContext(me),{id:h,itemId:r,label:T,children:D,rootRef:O}=e,{rootRef:B,contentRef:G,propsEnhancers:C}=t(e),{interactions:E,status:w}=bt({itemId:r,children:D}),P=R.useRef(null),M=R.useRef(null),X=pe.useForkRef(O,B,P),J=pe.useForkRef(G,M),N=R.useRef(null),K=we({itemId:r,treeId:b,id:h}),U=c.canItemBeTabbed(r)?0:-1,k={rootRefObject:P,contentRefObject:M,interactions:E},$=a=>n=>{var v;if((v=a.onFocus)==null||v.call(a,n),n.defaultMuiPrevented)return;const u=!w.disabled||s;!w.focused&&u&&n.currentTarget===n.target&&c.focusItem(n,r)},z=a=>n=>{var v,q,re,xe,Te;if((v=a.onBlur)==null||v.call(a,n),n.defaultMuiPrevented)return;const u=c.getItemDOMElement(r);w.editing||n.relatedTarget&&ue(n.relatedTarget,u)&&(n.target&&((re=(q=n.target)==null?void 0:q.dataset)==null?void 0:re.element)==="labelInput"&&ue(n.target,u)||((Te=(xe=n.relatedTarget)==null?void 0:xe.dataset)==null?void 0:Te.element)==="labelInput")||c.removeFocusedItem()},oe=a=>n=>{var u,v,q;(u=a.onKeyDown)==null||u.call(a,n),!(n.defaultMuiPrevented||((q=(v=n.target)==null?void 0:v.dataset)==null?void 0:q.element)==="labelInput")&&c.handleItemKeyDown(n,r)},V=a=>n=>{var u;(u=a.onDoubleClick)==null||u.call(a,n),!n.defaultMuiPrevented&&E.toggleItemEditing()},Y=a=>n=>{var u,v;(u=a.onClick)==null||u.call(a,n),o==null||o(n,r),!(n.defaultMuiPrevented||(v=N.current)!=null&&v.contains(n.target))&&(l==="content"&&E.handleExpansion(n),g||E.handleSelection(n))},Q=a=>n=>{var u;(u=a.onMouseDown)==null||u.call(a,n),!n.defaultMuiPrevented&&(n.shiftKey||n.ctrlKey||n.metaKey||w.disabled)&&n.preventDefault()},ne=a=>n=>{var u;(u=a.onChange)==null||u.call(a,n),!n.defaultMuiPrevented&&(d||w.disabled||E.handleCheckboxSelection(n))},Z=a=>n=>{var u;(u=a.onClick)==null||u.call(a,n),!n.defaultMuiPrevented&&l==="iconContainer"&&E.handleExpansion(n)};return{getRootProps:(a={})=>{var re;const n=m._extends({},A.extractEventHandlers(e),A.extractEventHandlers(a));let u;w.selected?u=!0:d||w.disabled?u=void 0:u=!1;const v=m._extends({},n,{ref:X,role:"treeitem",tabIndex:U,id:K,"aria-expanded":w.expandable?w.expanded:void 0,"aria-selected":u,"aria-disabled":w.disabled||void 0},a,{onFocus:$(n),onBlur:z(n),onKeyDown:oe(n)});p&&(v.style={"--TreeView-itemDepth":typeof f=="function"?f(r):f});const q=((re=C.root)==null?void 0:re.call(C,m._extends({},k,{externalEventHandlers:n})))??{};return m._extends({},v,q)},getContentProps:(a={})=>{var q;const n=A.extractEventHandlers(a),u=m._extends({},n,a,{ref:J,onClick:Y(n),onMouseDown:Q(n),status:w});p&&(u.indentationAtItemLevel=!0);const v=((q=C.content)==null?void 0:q.call(C,m._extends({},k,{externalEventHandlers:n})))??{};return m._extends({},u,v)},getGroupTransitionProps:(a={})=>{const n=A.extractEventHandlers(a),u=m._extends({},n,{unmountOnExit:!0,component:"ul",role:"group",in:w.expanded,children:D},a);return p&&(u.indentationAtItemLevel=!0),u},getIconContainerProps:(a={})=>{const n=A.extractEventHandlers(a);return m._extends({},n,a,{onClick:Z(n)})},getCheckboxProps:(a={})=>{const n=A.extractEventHandlers(a);return m._extends({},n,{visible:g,ref:N,checked:w.selected,disabled:d||w.disabled,tabIndex:-1},a,{onChange:ne(n)})},getLabelProps:(a={})=>{const n=m._extends({},A.extractEventHandlers(a)),u=m._extends({},n,{children:T},a,{onDoubleClick:V(n)});return c.isTreeViewEditable&&(u.editable=w.editable),u},getLabelInputProps:(a={})=>{var v;const n=A.extractEventHandlers(a),u=((v=C.labelInput)==null?void 0:v.call(C,{rootRefObject:P,contentRefObject:M,externalEventHandlers:n,interactions:E}))??{};return m._extends({},a,u)},getDragAndDropOverlayProps:(a={})=>{var v;const n=A.extractEventHandlers(a),u=((v=C.dragAndDropOverlay)==null?void 0:v.call(C,m._extends({},k,{externalEventHandlers:n})))??{};return m._extends({},a,u)},rootRef:X,status:w,publicAPI:y}},je=ft;function Ve(e){const{slots:t,slotProps:o,status:s}=e,p=te(),d=m._extends({},p.icons.slots,{expandIcon:p.icons.slots.expandIcon??ke,collapseIcon:p.icons.slots.collapseIcon??Le}),g=p.icons.slotProps;let l;t!=null&&t.icon?l="icon":s.expandable?s.expanded?l="collapseIcon":l="expandIcon":l="endIcon";const b=(t==null?void 0:t[l])??d[l],c=F.useSlotProps({elementType:b,externalSlotProps:y=>m._extends({},A.resolveComponentProps(g[l],y),A.resolveComponentProps(o==null?void 0:o[l],y)),ownerState:{}});return b?x.jsx(b,m._extends({},c)):null}process.env.NODE_ENV!=="production"&&(Ve.propTypes={slotProps:i.PropTypes.object,slots:i.PropTypes.object,status:i.PropTypes.shape({disabled:i.PropTypes.bool.isRequired,editable:i.PropTypes.bool.isRequired,editing:i.PropTypes.bool.isRequired,expandable:i.PropTypes.bool.isRequired,expanded:i.PropTypes.bool.isRequired,focused:i.PropTypes.bool.isRequired,selected:i.PropTypes.bool.isRequired}).isRequired});const It=["visible"],yt=["id","itemId","label","disabled","children","slots","slotProps"],xt=ve(),Ae=S.styled("li",{name:"MuiTreeItem2",slot:"Root",overridesResolver:(e,t)=>t.root})({listStyle:"none",margin:0,padding:0,outline:0}),qe=S.styled("div",{name:"MuiTreeItem2",slot:"Content",overridesResolver:(e,t)=>t.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:t})=>t.disabled,style:{opacity:(e.vars||e).palette.action.disabledOpacity,backgroundColor:"transparent"}},{props:({status:t})=>t.focused,style:{backgroundColor:(e.vars||e).palette.action.focus}},{props:({status:t})=>t.selected,style:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:j.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}))`:j.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})`:j.alpha(e.palette.primary.main,e.palette.action.selectedOpacity)}}}},{props:({status:t})=>t.selected&&t.focused,style:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:j.alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}}]})),Tt=S.styled("div",{name:"MuiTreeItem2",slot:"Label",overridesResolver:(e,t)=>t.label,shouldForwardProp:e=>S.shouldForwardProp(e)&&e!=="editable"})(({theme:e})=>m._extends({width:"100%",boxSizing:"border-box",minWidth:0,position:"relative",overflow:"hidden"},e.typography.body1,{variants:[{props:({editable:t})=>t,style:{paddingLeft:"2px"}}]})),$e=S.styled("div",{name:"MuiTreeItem2",slot:"IconContainer",overridesResolver:(e,t)=>t.iconContainer})({width:16,display:"flex",flexShrink:0,justifyContent:"center","& svg":{fontSize:18}}),ze=S.styled(se,{name:"MuiTreeItem2",slot:"GroupTransition",overridesResolver:(e,t)=>t.groupTransition,shouldForwardProp:e=>S.shouldForwardProp(e)&&e!=="indentationAtItemLevel"})({margin:0,padding:0,paddingLeft:"var(--TreeView-itemChildrenIndentation)",variants:[{props:{indentationAtItemLevel:!0},style:{paddingLeft:0}}]}),ht=S.styled(R.forwardRef((e,t)=>{const{visible:o}=e,s=Pe._objectWithoutPropertiesLoose(e,It);return o?x.jsx(Qe.Checkbox,m._extends({},s,{ref:t})):null}),{name:"MuiTreeItem2",slot:"Checkbox",overridesResolver:(e,t)=>t.checkbox})({padding:0}),Pt=e=>{const{classes:t}=e,o={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(o,Ne,t)},Ct=R.forwardRef(function(t,o){const s=xt({props:t,name:"MuiTreeItem2"}),{id:p,itemId:d,label:g,disabled:l,children:b,slots:c={},slotProps:y={}}=s,f=Pe._objectWithoutPropertiesLoose(s,yt),{getRootProps:h,getContentProps:r,getIconContainerProps:T,getCheckboxProps:D,getLabelProps:O,getGroupTransitionProps:B,getLabelInputProps:G,getDragAndDropOverlayProps:C,status:E}=je({id:p,itemId:d,children:b,label:g,disabled:l}),w=m._extends({},s,E),P=Pt(w),M=c.root??Ae,X=F.useSlotProps({elementType:M,getSlotProps:h,externalForwardedProps:f,externalSlotProps:y.root,additionalProps:{ref:o},ownerState:{},className:P.root}),J=c.content??qe,N=F.useSlotProps({elementType:J,getSlotProps:r,externalSlotProps:y.content,ownerState:{},className:j.clsx(P.content,E.expanded&&P.expanded,E.selected&&P.selected,E.focused&&P.focused,E.disabled&&P.disabled,E.editing&&P.editing,E.editable&&P.editable)}),K=c.iconContainer??$e,U=F.useSlotProps({elementType:K,getSlotProps:T,externalSlotProps:y.iconContainer,ownerState:{},className:P.iconContainer}),k=c.label??Tt,$=F.useSlotProps({elementType:k,getSlotProps:O,externalSlotProps:y.label,ownerState:{},className:P.label}),z=c.checkbox??ht,oe=F.useSlotProps({elementType:z,getSlotProps:D,externalSlotProps:y.checkbox,ownerState:{},className:P.checkbox}),V=c.groupTransition??void 0,Y=F.useSlotProps({elementType:V,getSlotProps:B,externalSlotProps:y.groupTransition,ownerState:{},className:P.groupTransition}),Q=c.labelInput??Me,ne=F.useSlotProps({elementType:Q,getSlotProps:G,externalSlotProps:y.labelInput,ownerState:{},className:P.labelInput}),Z=c.dragAndDropOverlay??be,ie=F.useSlotProps({elementType:Z,getSlotProps:C,externalSlotProps:y.dragAndDropOverlay,ownerState:{},className:P.dragAndDropOverlay});return x.jsx(de,{itemId:d,children:x.jsxs(M,m._extends({},X,{children:[x.jsxs(J,m._extends({},N,{children:[x.jsx(K,m._extends({},U,{children:x.jsx(Ve,{status:E,slots:c,slotProps:y})})),x.jsx(z,m._extends({},oe)),E.editing?x.jsx(Q,m._extends({},ne)):x.jsx(k,m._extends({},$)),x.jsx(Z,m._extends({},ie))]})),b&&x.jsx(ze,m._extends({as:V},Y))]}))})});process.env.NODE_ENV!=="production"&&(Ct.propTypes={children:i.PropTypes.node,classes:i.PropTypes.object,className:i.PropTypes.string,disabled:i.PropTypes.bool,id:i.PropTypes.string,itemId:i.PropTypes.string.isRequired,label:i.PropTypes.node,onBlur:i.PropTypes.func,onFocus:Ze.unsupportedProp,onKeyDown:i.PropTypes.func,slotProps:i.PropTypes.object,slots:i.PropTypes.object});function vt(e){const{id:t,itemId:o,label:s,disabled:p,children:d,itemData:g,iconColor:l="primary",hasNoIcons:b,ref:c}=e,y=Ke.getIconComponent(g==null?void 0:g.iconType,g==null?void 0:g.customIcon),{getRootProps:f,getContentProps:h,getLabelProps:r,getGroupTransitionProps:T,getIconContainerProps:D,status:O}=je({id:t,itemId:o,label:s,disabled:p,children:d,rootRef:c}),B={...O.selected&&{fontWeight:600},color:"var(--theme-palette-text-primary)"};return x.jsx(de,{itemId:o,children:x.jsxs(Ae,{...f(),"data-treeview-item":o||"","data-treeview-item-label":s||"",sx:ee.treeItemRootStyle,children:[x.jsxs(qe,{...h(),style:ee.treeContentStyle,children:[!b&&x.jsx($e,{...D(),sx:ee.iconStyle,children:x.jsx(y,{color:l,sx:ee.iconStyle})}),x.jsx(Ue,{...r(),typographyProps:B}),x.jsx(He.Box,{sx:ee.arrowContainerStyle,children:O.expandable&&(O.expanded?x.jsx(it,{fontSize:"small"}):x.jsx(at,{fontSize:"small"}))})]}),d&&x.jsx(ze,{...T(),style:O.expanded?ee.expandedGroupStyle:void 0})]})})}exports.Collapse=se;exports.CustomTreeItem=vt;exports.TreeItem2DragAndDropOverlay=be;exports.TreeItem2LabelInput=Me;exports.TreeItem2Provider=de;exports.TreeViewCollapseIcon=Le;exports.TreeViewContext=ge;exports.TreeViewExpandIcon=ke;exports.TreeViewItemDepthContext=me;exports.collapseClasses=tt;exports.createTreeViewDefaultId=lt;exports.createUseThemeProps=ve;exports.findOrderInTremauxTree=Oe;exports.generateTreeItemIdAttribute=we;exports.getAllNavigableItems=pt;exports.getCollapseUtilityClass=Ce;exports.getFirstNavigableItem=De;exports.getLastNavigableItem=dt;exports.getNextNavigableItem=Re;exports.getNonDisabledItemsInRange=ct;exports.getPreviousNavigableItem=Se;exports.getTreeItemUtilityClass=Ne;exports.hasPlugin=ae;exports.isTargetInDescendants=ue;exports.treeItemClasses=mt;exports.useTreeViewContext=te;exports.useTreeViewLabel=W;
|
|
3
|
+
`));o(r=>{const T=r.items.itemMetaMap[f];return T.label!==h?m._extends({},r,{items:m._extends({},r.items,{itemMetaMap:m._extends({},r.items.itemMetaMap,{[f]:m._extends({},T,{label:h})})})}):r}),s.onItemLabelChange&&s.onItemLabelChange(f,h)};return{instance:{setEditedItemId:g,isItemBeingEdited:l,updateItemLabel:y,isItemEditable:c,isTreeViewEditable:b,isItemBeingEditedRef:d},publicAPI:{updateItemLabel:y}}};W.itemPlugin=ut;W.getDefaultizedParams=({params:e,experimentalFeatures:t})=>{const o=t==null?void 0:t.labelEditing;return process.env.NODE_ENV!=="production"&&e.isItemEditable&&!o&&Be.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/"]),m._extends({},e,{isItemEditable:o?e.isItemEditable??!1:!1})};W.getInitialState=()=>({editedItemId:null});W.params={onItemLabelChange:!0,isItemEditable:!0};const gt=S.styled("div",{name:"MuiTreeItem2DragAndDropOverlay",slot:"Root",overridesResolver:(e,t)=>t.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})`:j.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 be(e){return e.action==null?null:x.jsx(gt,m._extends({},e))}process.env.NODE_ENV!=="production"&&(be.propTypes={action:i.PropTypes.oneOf(["make-child","move-to-parent","reorder-above","reorder-below"]),style:i.PropTypes.object});const Me=S.styled("input",{name:"MuiTreeItem2",slot:"LabelInput",overridesResolver:(e,t)=>t.labelInput})(({theme:e})=>m._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 Ne(e){return j.generateUtilityClass("MuiTreeItem",e)}const mt=j.generateUtilityClasses("MuiTreeItem",["root","groupTransition","content","expanded","selected","focused","disabled","iconContainer","label","checkbox","labelInput","editable","editing","dragAndDropOverlay"]),ke=le.createSvgIcon(x.jsx("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"TreeViewExpandIcon"),Le=le.createSvgIcon(x.jsx("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"}),"TreeViewCollapseIcon");function de(e){const{children:t,itemId:o}=e,{wrapItem:s,instance:p}=te();return s({children:t,itemId:o,instance:p})}de.propTypes={children:i.PropTypes.node,itemId:i.PropTypes.string.isRequired};const _e=e=>Array.isArray(e)?e.length>0&&e.some(_e):!!e,bt=({itemId:e,children:t})=>{const{instance:o,selection:{multiSelect:s},publicAPI:p}=te(),d={expandable:_e(t),expanded:o.isItemExpanded(e),focused:o.isItemFocused(e),selected:o.isItemSelected(e),disabled:o.isItemDisabled(e),editing:o!=null&&o.isItemBeingEdited?o==null?void 0:o.isItemBeingEdited(e):!1,editable:o.isItemEditable?o.isItemEditable(e):!1},g=r=>{if(d.disabled)return;d.focused||o.focusItem(r,e);const T=s&&(r.shiftKey||r.ctrlKey||r.metaKey);d.expandable&&!(T&&o.isItemExpanded(e))&&o.toggleItemExpansion(r,e)},l=r=>{if(d.disabled)return;d.focused||o.focusItem(r,e),s&&(r.shiftKey||r.ctrlKey||r.metaKey)?r.shiftKey?o.expandSelectionRange(r,e):o.selectItem({event:r,itemId:e,keepExistingSelection:!0}):o.selectItem({event:r,itemId:e,shouldBeSelected:!0})},b=r=>{const T=r.nativeEvent.shiftKey;s&&T?o.expandSelectionRange(r,e):o.selectItem({event:r,itemId:e,keepExistingSelection:s,shouldBeSelected:r.target.checked})},c=()=>{ae(o,W)&&o.isItemEditable(e)&&(o.isItemBeingEdited(e)?o.setEditedItemId(null):o.setEditedItemId(e))};return{interactions:{handleExpansion:g,handleSelection:l,handleCheckboxSelection:b,toggleItemEditing:c,handleSaveItemLabel:(r,T)=>{ae(o,W)&&o.isItemBeingEditedRef(e)&&(o.updateItemLabel(e,T),c(),o.focusItem(r,e))},handleCancelItemLabelEditing:r=>{ae(o,W)&&o.isItemBeingEditedRef(e)&&(c(),o.focusItem(r,e))}},status:d,publicAPI:p}},ft=e=>{const{runItemPlugins:t,items:{onItemClick:o,disabledItemsFocusable:s,indentationAtItemLevel:p},selection:{disableSelection:d,checkboxSelection:g},expansion:{expansionTrigger:l},treeId:b,instance:c,publicAPI:y}=te(),f=R.useContext(me),{id:h,itemId:r,label:T,children:D,rootRef:O}=e,{rootRef:B,contentRef:G,propsEnhancers:C}=t(e),{interactions:E,status:w}=bt({itemId:r,children:D}),P=R.useRef(null),M=R.useRef(null),X=pe.useForkRef(O,B,P),J=pe.useForkRef(G,M),N=R.useRef(null),K=we({itemId:r,treeId:b,id:h}),U=c.canItemBeTabbed(r)?0:-1,k={rootRefObject:P,contentRefObject:M,interactions:E},$=a=>n=>{var v;if((v=a.onFocus)==null||v.call(a,n),n.defaultMuiPrevented)return;const u=!w.disabled||s;!w.focused&&u&&n.currentTarget===n.target&&c.focusItem(n,r)},z=a=>n=>{var v,q,re,xe,Te;if((v=a.onBlur)==null||v.call(a,n),n.defaultMuiPrevented)return;const u=c.getItemDOMElement(r);w.editing||n.relatedTarget&&ue(n.relatedTarget,u)&&(n.target&&((re=(q=n.target)==null?void 0:q.dataset)==null?void 0:re.element)==="labelInput"&&ue(n.target,u)||((Te=(xe=n.relatedTarget)==null?void 0:xe.dataset)==null?void 0:Te.element)==="labelInput")||c.removeFocusedItem()},oe=a=>n=>{var u,v,q;(u=a.onKeyDown)==null||u.call(a,n),!(n.defaultMuiPrevented||((q=(v=n.target)==null?void 0:v.dataset)==null?void 0:q.element)==="labelInput")&&c.handleItemKeyDown(n,r)},V=a=>n=>{var u;(u=a.onDoubleClick)==null||u.call(a,n),!n.defaultMuiPrevented&&E.toggleItemEditing()},Y=a=>n=>{var u,v;(u=a.onClick)==null||u.call(a,n),o==null||o(n,r),!(n.defaultMuiPrevented||(v=N.current)!=null&&v.contains(n.target))&&(l==="content"&&E.handleExpansion(n),g||E.handleSelection(n))},Q=a=>n=>{var u;(u=a.onMouseDown)==null||u.call(a,n),!n.defaultMuiPrevented&&(n.shiftKey||n.ctrlKey||n.metaKey||w.disabled)&&n.preventDefault()},ne=a=>n=>{var u;(u=a.onChange)==null||u.call(a,n),!n.defaultMuiPrevented&&(d||w.disabled||E.handleCheckboxSelection(n))},Z=a=>n=>{var u;(u=a.onClick)==null||u.call(a,n),!n.defaultMuiPrevented&&l==="iconContainer"&&E.handleExpansion(n)};return{getRootProps:(a={})=>{var re;const n=m._extends({},A.extractEventHandlers(e),A.extractEventHandlers(a));let u;w.selected?u=!0:d||w.disabled?u=void 0:u=!1;const v=m._extends({},n,{ref:X,role:"treeitem",tabIndex:U,id:K,"aria-expanded":w.expandable?w.expanded:void 0,"aria-selected":u,"aria-disabled":w.disabled||void 0},a,{onFocus:$(n),onBlur:z(n),onKeyDown:oe(n)});p&&(v.style={"--TreeView-itemDepth":typeof f=="function"?f(r):f});const q=((re=C.root)==null?void 0:re.call(C,m._extends({},k,{externalEventHandlers:n})))??{};return m._extends({},v,q)},getContentProps:(a={})=>{var q;const n=A.extractEventHandlers(a),u=m._extends({},n,a,{ref:J,onClick:Y(n),onMouseDown:Q(n),status:w});p&&(u.indentationAtItemLevel=!0);const v=((q=C.content)==null?void 0:q.call(C,m._extends({},k,{externalEventHandlers:n})))??{};return m._extends({},u,v)},getGroupTransitionProps:(a={})=>{const n=A.extractEventHandlers(a),u=m._extends({},n,{unmountOnExit:!0,component:"ul",role:"group",in:w.expanded,children:D},a);return p&&(u.indentationAtItemLevel=!0),u},getIconContainerProps:(a={})=>{const n=A.extractEventHandlers(a);return m._extends({},n,a,{onClick:Z(n)})},getCheckboxProps:(a={})=>{const n=A.extractEventHandlers(a);return m._extends({},n,{visible:g,ref:N,checked:w.selected,disabled:d||w.disabled,tabIndex:-1},a,{onChange:ne(n)})},getLabelProps:(a={})=>{const n=m._extends({},A.extractEventHandlers(a)),u=m._extends({},n,{children:T},a,{onDoubleClick:V(n)});return c.isTreeViewEditable&&(u.editable=w.editable),u},getLabelInputProps:(a={})=>{var v;const n=A.extractEventHandlers(a),u=((v=C.labelInput)==null?void 0:v.call(C,{rootRefObject:P,contentRefObject:M,externalEventHandlers:n,interactions:E}))??{};return m._extends({},a,u)},getDragAndDropOverlayProps:(a={})=>{var v;const n=A.extractEventHandlers(a),u=((v=C.dragAndDropOverlay)==null?void 0:v.call(C,m._extends({},k,{externalEventHandlers:n})))??{};return m._extends({},a,u)},rootRef:X,status:w,publicAPI:y}},je=ft;function Ve(e){const{slots:t,slotProps:o,status:s}=e,p=te(),d=m._extends({},p.icons.slots,{expandIcon:p.icons.slots.expandIcon??ke,collapseIcon:p.icons.slots.collapseIcon??Le}),g=p.icons.slotProps;let l;t!=null&&t.icon?l="icon":s.expandable?s.expanded?l="collapseIcon":l="expandIcon":l="endIcon";const b=(t==null?void 0:t[l])??d[l],c=F.useSlotProps({elementType:b,externalSlotProps:y=>m._extends({},A.resolveComponentProps(g[l],y),A.resolveComponentProps(o==null?void 0:o[l],y)),ownerState:{}});return b?x.jsx(b,m._extends({},c)):null}process.env.NODE_ENV!=="production"&&(Ve.propTypes={slotProps:i.PropTypes.object,slots:i.PropTypes.object,status:i.PropTypes.shape({disabled:i.PropTypes.bool.isRequired,editable:i.PropTypes.bool.isRequired,editing:i.PropTypes.bool.isRequired,expandable:i.PropTypes.bool.isRequired,expanded:i.PropTypes.bool.isRequired,focused:i.PropTypes.bool.isRequired,selected:i.PropTypes.bool.isRequired}).isRequired});const It=["visible"],yt=["id","itemId","label","disabled","children","slots","slotProps"],xt=ve(),Ae=S.styled("li",{name:"MuiTreeItem2",slot:"Root",overridesResolver:(e,t)=>t.root})({listStyle:"none",margin:0,padding:0,outline:0}),qe=S.styled("div",{name:"MuiTreeItem2",slot:"Content",overridesResolver:(e,t)=>t.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:t})=>t.disabled,style:{opacity:(e.vars||e).palette.action.disabledOpacity,backgroundColor:"transparent"}},{props:({status:t})=>t.focused,style:{backgroundColor:(e.vars||e).palette.action.focus}},{props:({status:t})=>t.selected,style:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:j.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}))`:j.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})`:j.alpha(e.palette.primary.main,e.palette.action.selectedOpacity)}}}},{props:({status:t})=>t.selected&&t.focused,style:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:j.alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}}]})),Tt=S.styled("div",{name:"MuiTreeItem2",slot:"Label",overridesResolver:(e,t)=>t.label,shouldForwardProp:e=>S.shouldForwardProp(e)&&e!=="editable"})(({theme:e})=>m._extends({width:"100%",boxSizing:"border-box",minWidth:0,position:"relative",overflow:"hidden"},e.typography.body1,{variants:[{props:({editable:t})=>t,style:{paddingLeft:"2px"}}]})),$e=S.styled("div",{name:"MuiTreeItem2",slot:"IconContainer",overridesResolver:(e,t)=>t.iconContainer})({width:16,display:"flex",flexShrink:0,justifyContent:"center","& svg":{fontSize:18}}),ze=S.styled(se,{name:"MuiTreeItem2",slot:"GroupTransition",overridesResolver:(e,t)=>t.groupTransition,shouldForwardProp:e=>S.shouldForwardProp(e)&&e!=="indentationAtItemLevel"})({margin:0,padding:0,paddingLeft:"var(--TreeView-itemChildrenIndentation)",variants:[{props:{indentationAtItemLevel:!0},style:{paddingLeft:0}}]}),ht=S.styled(R.forwardRef((e,t)=>{const{visible:o}=e,s=Pe._objectWithoutPropertiesLoose(e,It);return o?x.jsx(Qe.Checkbox,m._extends({},s,{ref:t})):null}),{name:"MuiTreeItem2",slot:"Checkbox",overridesResolver:(e,t)=>t.checkbox})({padding:0}),Pt=e=>{const{classes:t}=e,o={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(o,Ne,t)},Ct=R.forwardRef(function(t,o){const s=xt({props:t,name:"MuiTreeItem2"}),{id:p,itemId:d,label:g,disabled:l,children:b,slots:c={},slotProps:y={}}=s,f=Pe._objectWithoutPropertiesLoose(s,yt),{getRootProps:h,getContentProps:r,getIconContainerProps:T,getCheckboxProps:D,getLabelProps:O,getGroupTransitionProps:B,getLabelInputProps:G,getDragAndDropOverlayProps:C,status:E}=je({id:p,itemId:d,children:b,label:g,disabled:l}),w=m._extends({},s,E),P=Pt(w),M=c.root??Ae,X=F.useSlotProps({elementType:M,getSlotProps:h,externalForwardedProps:f,externalSlotProps:y.root,additionalProps:{ref:o},ownerState:{},className:P.root}),J=c.content??qe,N=F.useSlotProps({elementType:J,getSlotProps:r,externalSlotProps:y.content,ownerState:{},className:j.clsx(P.content,E.expanded&&P.expanded,E.selected&&P.selected,E.focused&&P.focused,E.disabled&&P.disabled,E.editing&&P.editing,E.editable&&P.editable)}),K=c.iconContainer??$e,U=F.useSlotProps({elementType:K,getSlotProps:T,externalSlotProps:y.iconContainer,ownerState:{},className:P.iconContainer}),k=c.label??Tt,$=F.useSlotProps({elementType:k,getSlotProps:O,externalSlotProps:y.label,ownerState:{},className:P.label}),z=c.checkbox??ht,oe=F.useSlotProps({elementType:z,getSlotProps:D,externalSlotProps:y.checkbox,ownerState:{},className:P.checkbox}),V=c.groupTransition??void 0,Y=F.useSlotProps({elementType:V,getSlotProps:B,externalSlotProps:y.groupTransition,ownerState:{},className:P.groupTransition}),Q=c.labelInput??Me,ne=F.useSlotProps({elementType:Q,getSlotProps:G,externalSlotProps:y.labelInput,ownerState:{},className:P.labelInput}),Z=c.dragAndDropOverlay??be,ie=F.useSlotProps({elementType:Z,getSlotProps:C,externalSlotProps:y.dragAndDropOverlay,ownerState:{},className:P.dragAndDropOverlay});return x.jsx(de,{itemId:d,children:x.jsxs(M,m._extends({},X,{children:[x.jsxs(J,m._extends({},N,{children:[x.jsx(K,m._extends({},U,{children:x.jsx(Ve,{status:E,slots:c,slotProps:y})})),x.jsx(z,m._extends({},oe)),E.editing?x.jsx(Q,m._extends({},ne)):x.jsx(k,m._extends({},$)),x.jsx(Z,m._extends({},ie))]})),b&&x.jsx(ze,m._extends({as:V},Y))]}))})});process.env.NODE_ENV!=="production"&&(Ct.propTypes={children:i.PropTypes.node,classes:i.PropTypes.object,className:i.PropTypes.string,disabled:i.PropTypes.bool,id:i.PropTypes.string,itemId:i.PropTypes.string.isRequired,label:i.PropTypes.node,onBlur:i.PropTypes.func,onFocus:Ze.unsupportedProp,onKeyDown:i.PropTypes.func,slotProps:i.PropTypes.object,slots:i.PropTypes.object});function vt(e){const{id:t,itemId:o,label:s,disabled:p,children:d,itemData:g,iconColor:l="primary",hasNoIcons:b,ref:c}=e,y=Ue.getIconComponent(g==null?void 0:g.iconType,g==null?void 0:g.customIcon),{getRootProps:f,getContentProps:h,getLabelProps:r,getGroupTransitionProps:T,getIconContainerProps:D,status:O}=je({id:t,itemId:o,label:s,disabled:p,children:d,rootRef:c}),B={...O.selected&&{fontWeight:600},color:"var(--theme-palette-text-primary)"};return x.jsx(de,{itemId:o,children:x.jsxs(Ae,{...f(),"data-treeview-item":o||"","data-treeview-item-label":s||"",sx:ee.treeItemRootStyle,children:[x.jsxs(qe,{...h(),style:ee.treeContentStyle,children:[!b&&x.jsx($e,{...D(),sx:ee.iconStyle,children:x.jsx(y,{color:l,sx:ee.iconStyle})}),x.jsx(Ke,{...r(),typographyProps:B}),x.jsx(He.Box,{sx:ee.arrowContainerStyle,children:O.expandable&&(O.expanded?x.jsx(it,{fontSize:"small"}):x.jsx(at,{fontSize:"small"}))})]}),d&&x.jsx(ze,{...T(),style:O.expanded?ee.expandedGroupStyle:void 0})]})})}exports.Collapse=se;exports.CustomTreeItem=vt;exports.TreeItem2DragAndDropOverlay=be;exports.TreeItem2LabelInput=Me;exports.TreeItem2Provider=de;exports.TreeViewCollapseIcon=Le;exports.TreeViewContext=ge;exports.TreeViewExpandIcon=ke;exports.TreeViewItemDepthContext=me;exports.collapseClasses=tt;exports.createTreeViewDefaultId=lt;exports.createUseThemeProps=ve;exports.findOrderInTremauxTree=Oe;exports.generateTreeItemIdAttribute=we;exports.getAllNavigableItems=pt;exports.getCollapseUtilityClass=Ce;exports.getFirstNavigableItem=De;exports.getLastNavigableItem=dt;exports.getNextNavigableItem=Re;exports.getNonDisabledItemsInRange=ct;exports.getPreviousNavigableItem=Se;exports.getTreeItemUtilityClass=Ne;exports.hasPlugin=ae;exports.isTargetInDescendants=ue;exports.treeItemClasses=mt;exports.useTreeViewContext=te;exports.useTreeViewLabel=W;
|
|
@@ -5,9 +5,9 @@ import * as R from "react";
|
|
|
5
5
|
import { w as ze } from "./warning-C8W811fV.js";
|
|
6
6
|
import { u as ce } from "./useForkRef-u29GSuCu.js";
|
|
7
7
|
import { e as K, r as be } from "./resolveComponentProps-GCsHjsGW.js";
|
|
8
|
-
import
|
|
9
|
-
import {
|
|
10
|
-
import Ue from "./components/
|
|
8
|
+
import Be from "./components/EllipsisWithTooltip/EllipsisWithTooltip.es.js";
|
|
9
|
+
import { treeItemRootStyle as Ke, treeContentStyle as Fe, iconStyle as Ie, arrowContainerStyle as je, expandedGroupStyle as qe } from "./components/TreeView/style.es.js";
|
|
10
|
+
import { getIconComponent as Ue } from "./components/TreeView/utils.es.js";
|
|
11
11
|
import { P as i } from "./index-Sy88PpwE.js";
|
|
12
12
|
import { a as Ce } from "./TransitionGroupContext-DbLioz_6.js";
|
|
13
13
|
import { F as Te, G as we, w as We, H as ve, n as oe } from "./generateUtilityClasses-DngCqveO.js";
|
|
@@ -1267,7 +1267,7 @@ function io(e) {
|
|
|
1267
1267
|
iconColor: l = "primary",
|
|
1268
1268
|
hasNoIcons: f,
|
|
1269
1269
|
ref: c
|
|
1270
|
-
} = e, h =
|
|
1270
|
+
} = e, h = Ue(
|
|
1271
1271
|
m == null ? void 0 : m.iconType,
|
|
1272
1272
|
m == null ? void 0 : m.customIcon
|
|
1273
1273
|
), {
|
|
@@ -1287,18 +1287,24 @@ function io(e) {
|
|
|
1287
1287
|
...b(),
|
|
1288
1288
|
"data-treeview-item": o || "",
|
|
1289
1289
|
"data-treeview-item-label": s || "",
|
|
1290
|
-
sx:
|
|
1290
|
+
sx: Ke,
|
|
1291
1291
|
children: [
|
|
1292
|
-
/* @__PURE__ */ ie(Ne, { ...C(), style:
|
|
1292
|
+
/* @__PURE__ */ ie(Ne, { ...C(), style: Fe, children: [
|
|
1293
1293
|
!f && /* @__PURE__ */ x(Ae, { ...S(), sx: Ie, children: /* @__PURE__ */ x(h, { color: l, sx: Ie }) }),
|
|
1294
|
-
/* @__PURE__ */ x(
|
|
1295
|
-
|
|
1294
|
+
/* @__PURE__ */ x(
|
|
1295
|
+
Be,
|
|
1296
|
+
{
|
|
1297
|
+
...r(),
|
|
1298
|
+
typographyProps: j
|
|
1299
|
+
}
|
|
1300
|
+
),
|
|
1301
|
+
/* @__PURE__ */ x(tt, { sx: je, children: O.expandable && (O.expanded ? /* @__PURE__ */ x(at, { fontSize: "small" }) : /* @__PURE__ */ x(lt, { fontSize: "small" })) })
|
|
1296
1302
|
] }),
|
|
1297
1303
|
d && /* @__PURE__ */ x(
|
|
1298
1304
|
Ve,
|
|
1299
1305
|
{
|
|
1300
1306
|
...y(),
|
|
1301
|
-
style: O.expanded ?
|
|
1307
|
+
style: O.expanded ? qe : void 0
|
|
1302
1308
|
}
|
|
1303
1309
|
)
|
|
1304
1310
|
]
|