@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
3 lines (2 loc) • 1.35 kB
JavaScript
"use client";
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/x-tree-view"),n=require("clsx"),o=require("./AssemblyTreeItemContent.component.js"),r=require("./AssemblyTreeItemLabel.component.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(n);const l="NexusAssemblyTreeItem",a=n=>{const{sx:i,label:m,depth:d,children:u=[],className:c,labelIcon:b,actions:I,onNodeChanged:x,editable:p,visible:y=!0,...T}=n;return e.jsx(t.TreeItem,{sx:[{color:y?void 0:"text.disabled","& >.MuiTreeItem-content":{minHeight:28,borderRadius:"unset"},"& .MuiTreeItem-group":{marginLeft:0},"& > .NexusAssemblyTreeItemContent-root":{pl:4*d+2.5,"& > .NexusAssemblyTreeItemContent-iconContainer":{width:20,"& svg":{fontSize:20}}},"& >.MuiTreeItem-content:hover .NexusActionGroup-iconButtonInactive":{visibility:"visible"},"& >.MuiTreeItem-content:hover .NexusActionGroup-root,":{display:"unset"}},...Array.isArray(i)?i:[i]],ContentComponent:o.AssemblyTreeItemContent,label:e.jsx(r.AssemblyTreeItemLabel,{itemId:n.itemId,editable:p,onNodeChanged:x,actions:I,icon:b,children:m},T.itemId),"data-testid":`${l}-root`,className:s.default(`${l}-root`,c),...T,children:u.map((t=>e.jsx(a,{depth:d+1,editable:p,onNodeChanged:x,actions:I,...t},t.itemId)))})};exports.AssemblyTreeItem=a;