primereact/tree/index.mjs

A rich set of premium UI Components for React.

'use client';

var ye=Object.defineProperty;var ee=(e,r)=>{for(var s in r)ye(e,s,{get:r[s],enumerable:!0})};import{createOptionalContext as Ce}from"@primereact/core/utils";var[oe,n]=Ce();var Pe={};ee(Pe,{Content:()=>H,DropIndicator:()=>M,Empty:()=>z,Filter:()=>V,Footer:()=>O,Header:()=>B,Label:()=>_,Loading:()=>j,Node:()=>q,Nodes:()=>G,Root:()=>Q,Selection:()=>U,Toggle:()=>Y,ToggleIndicator:()=>Z});import{Component as ve,withComponent as he}from"@primereact/core/component";import{mergeProps as A,resolve as Se}from"@primeuix/utils";import*as c from"react";import{createOptionalContext as Ne}from"@primereact/core/utils";var[re,d]=Ne();var T={as:"div"};var H=he({name:"Tree.Content",defaultProps:T,setup(){let e=n(),r=d();return{tree:e,treenode:r}},render(e){let{props:r,ptmi:s,tree:o,treenode:t}=e,i=A(t?.contentProps,{className:o?.cx("content",{selected:t?.selected,selectable:o?.props.selectionMode,checked:t?.checked,isNodeDropActive:t?.isNodeDropActive})},o?.ptm("content"),s("root")),p=A(t?.dropPointProps,{"data-position":"before",className:o?.cx("dropIndicator",{position:"before"})},o?.ptm("dropIndicator")),m=A(t?.dropPointProps,{"data-position":"after",className:o?.cx("dropIndicator",{position:"after"})},o?.ptm("dropIndicator"));return c.createElement(c.Fragment,null,t?.isPrevDropPointActive&&c.createElement("div",{...p}),c.createElement(ve,{instance:e,attrs:i},Se(r.children,e)),t?.isNextDropPointActive&&c.createElement("div",{...m}))}});import{Component as Ie,withComponent as Re}from"@primereact/core/component";import{mergeProps as be}from"@primeuix/utils";import*as te from"react";var P={as:"div",position:"before"};var M=Re({name:"Tree.DropIndicator",defaultProps:P,setup(){let e=n(),r=d();return{tree:e,treenode:r}},render(e){let{props:r,ptmi:s,tree:o,treenode:t}=e;if(!t||!(r.position==="after"?!!t.isNextDropPointActive:!!t.isPrevDropPointActive))return null;let p=be(t.dropPointProps,{className:o?.cx("dropIndicator")},o?.ptm("dropIndicator"),s("root"));return te.createElement(Ie,{instance:e,attrs:p,children:r.children})}});import{Component as De,withComponent as we}from"@primereact/core/component";import{mergeProps as Fe}from"@primeuix/utils";import*as se from"react";var g={as:"div"};var z=we({name:"Tree.Empty",defaultProps:g,setup(){return{tree:n()}},render(e){let{props:r,ptmi:s,tree:o}=e,t=Fe({className:o?.cx("empty")},o?.ptm("empty"),s("root"));return se.createElement(De,{pIf:o?.getNodes().length===0,instance:e,attrs:t,children:r.children})}});import{Component as Le,withComponent as Ke}from"@primereact/core/component";import{mergeProps as ke}from"@primeuix/utils";import*as pe from"react";var x={as:void 0};var V=Ke({name:"Tree.Filter",defaultProps:x,setup(){return{tree:n()}},render(e){let{props:r,ptmi:s,tree:o}=e,t=ke(o?.filterProps,{className:o?.cx("filter")},o?.ptm("filter"),s("root"));return pe.createElement(Le,{instance:e,attrs:t,children:r.children})}});import{Component as Ee,withComponent as Ae}from"@primereact/core/component";import{mergeProps as He}from"@primeuix/utils";import*as ne from"react";var y={as:"div"};var O=Ae({name:"Tree.Footer",defaultProps:y,setup(){return{tree:n()}},render(e){let{props:r,ptmi:s,tree:o}=e,t=He({className:o?.cx("footer")},o?.ptm("footer"),s("root"));return ne.createElement(Ee,{instance:e,attrs:t,children:r.children})}});import{Component as Me,withComponent as ze}from"@primereact/core/component";import{mergeProps as Ve}from"@primeuix/utils";import*as ie from"react";var C={as:"div"};var B=ze({name:"Tree.Header",defaultProps:C,setup(){return{tree:n()}},render(e){let{props:r,ptmi:s,tree:o}=e,t=Ve({className:o?.cx("header")},o?.ptm("header"),s("root"));return ie.createElement(Me,{instance:e,attrs:t,children:r.children})}});import{Component as Oe,withComponent as Be}from"@primereact/core/component";import{mergeProps as _e}from"@primeuix/utils";import*as ae from"react";var N={as:"span"};var _=Be({name:"Tree.Label",defaultProps:N,setup(){let e=n(),r=d();return{tree:e,treenode:r}},render(e){let{props:r,ptmi:s,tree:o}=e,t=_e({className:o?.cx("label")},o?.ptm("label"),s("root"));return ae.createElement(Oe,{instance:e,attrs:t,children:r.children})}});import{Component as $e,withComponent as je}from"@primereact/core/component";import{mergeProps as qe}from"@primeuix/utils";import*as me from"react";var $={as:"div"};var j=je({name:"Tree.Loading",defaultProps:$,setup(){return{tree:n()}},render(e){let{props:r,ptmi:s,tree:o}=e;if(!o?.props?.loading)return null;let t=qe(o?.loadingProps,{className:o?.cx("loading")},o?.ptm("loading"),s("root"));return me.createElement($e,{instance:e,attrs:t,children:r.children})}});import{Component as de,withComponent as Ge}from"@primereact/core/component";import{useTreeNode as Je}from"@primereact/headless/tree";import{mergeProps as ce,resolve as Qe}from"@primeuix/utils";import*as K from"react";var v={as:"li",uKey:""};var le=new Set,q=Ge({name:"Tree.Node",defaultProps:v,setup({props:e}){let r=n(),s=d(),o=e.uKey,t=o?r?.findNodeByKey?.(o):void 0,i=o?r?.findNodeInfo?.(o):void 0;!t&&o&&r&&process.env.NODE_ENV!=="production"&&(le.has(o)||(le.add(o),console.warn(`[Tree.Node] unknown uKey="${o}"; rendering aria-busy placeholder.`)));let p=Je({node:t,index:i?i.posInSet-1:0,context:r,parentContext:s});return{state:p.state,nodeProps:p.nodeProps,contentProps:p.contentProps,dropPointProps:p.dropPointProps,expanded:p.state.expanded,selected:p.state.selected,checked:p.state.checked,partialChecked:p.state.partialChecked,leaf:p.state.leaf,level:p.state.level,posInSet:p.state.posInSet,setSize:p.state.setSize,isNodeDropActive:p.state.isNodeDropActive,isPrevDropPointActive:p.state.isPrevDropPointActive,isNextDropPointActive:p.state.isNextDropPointActive,isDraggable:p.state.isDraggable,nodeTouched:p.state.nodeTouched,tree:r,parentNode:s,node:t,info:i,uKey:o}},render(e){let{props:r,ptmi:s,tree:o,node:t,info:i,nodeProps:p,leaf:m}=e;if(!t){let w=ce({"aria-busy":!0,role:"treeitem","data-scope":"tree","data-part":"node-placeholder","data-node-key":r.uKey},s("root"));return K.createElement(de,{instance:e,attrs:w})}let a={"--px-tree-node-level":i?.level??1},f=ce(p,{className:o?.cx("node",{leaf:m}),style:a},t?.nodeProps,o?.ptm("node"),s("root"));return K.createElement(re,{value:e},K.createElement(de,{instance:e,attrs:f},Qe(r.children,e)??t?.label))}});import{Component as Ue,withComponent as We}from"@primereact/core/component";import{mergeProps as Xe}from"@primeuix/utils";import*as S from"react";var h={as:"ul"};function Ye(e,r){let s=e.findNodeByKey?.(r);if(!s)return null;let o=e.findNodeInfo?.(r)??{level:1,posInSet:1,setSize:1,parentKey:null},i=(e.state?.expandedKeys??{})[r]===!0,p=s.leaf??!s.children?.length,m=s.loading===!0,a=s.disabled===!0,f=e.props.selectionMode==="checkbox",F=(e.state?.selectionKeys??{})[r],k=!!(f?F?.checked:F),L=f?!!F?.partialChecked:!1;return{node:s,level:o.level,posInSet:o.posInSet,setSize:o.setSize,parentKey:o.parentKey,expanded:i,leaf:p,loading:m,selected:k,partiallySelected:L,disabled:a}}var G=We({name:"Tree.Nodes",defaultProps:h,setup(){return{tree:n()}},render(e){let{props:r,ptmi:s,tree:o}=e;if(!o)return null;let t=typeof r.children=="function"?r.children:null,i=o.visibleKeys??[],p=Xe(o.getNodesProps?.(),{className:o.cx("nodes")},o.ptm("nodes"),s("root")),m=i.map(a=>Ye(o,a)).filter(a=>a!==null);return S.createElement(Ue,{instance:e,attrs:p},t?m.map(a=>S.createElement(S.Fragment,{key:a.node.key},t(a))):null)}});import{Component as Ze,withComponent as eo}from"@primereact/core/component";import{useTree as oo}from"@primereact/headless/tree";import{mergeProps as ro}from"@primeuix/utils";import*as J from"react";import*as fe from"@primereact/headless/tree";var I={...fe.defaultProps,as:"div"};var Q=eo({name:"Tree.Root",defaultProps:I,setup(e){return oo(e.inProps)},render(e){let{props:r,state:s,ptmi:o,cx:t,rootProps:i}=e,p=ro(i,{className:t("root",{isDragHover:s.dragHover})},o("root",{isDragHover:s.dragHover}));return J.createElement(oe,{value:e},J.createElement(Ze,{instance:e,attrs:p,children:r.children}))}});import{Component as to,withComponent as so}from"@primereact/core/component";import*as l from"react";var R={};var U=so({name:"Tree.Selection",defaultProps:R,setup({props:e}){let r=n(),s=d(),o=!s,t=r?.selection,i=o?t?.isAllSelected()??!1:!1,p=o?t?.isSomeSelected()??!1:!1,m=l.useCallback(E=>t?.toggleAll(E),[t]),a=s?.node?.key,f=a!==void 0?t?.isSelected(a)??!1:!1,w=a!==void 0?t?.isPartiallySelected(a)??!1:!1,k=r?.props.selectionMode==="single"?"single":"checkbox",L=e.mode??k,xe=l.useCallback(E=>{a!==void 0&&t?.toggleSelection(E,a,L)},[t,a,L]);return{tree:r,isHeader:o,isAllSelected:i,isSomeSelected:p,toggleAll:m,isSelected:f,isPartiallySelected:w,toggle:xe}},render(e){let{props:r}=e;return l.createElement(to,{instance:e,as:l.Fragment,children:r.children})}});import{Component as no,withComponent as io}from"@primereact/core/component";import{mergeProps as ue}from"@primeuix/utils";import*as u from"react";import{createOptionalContext as po}from"@primereact/core/utils";var[W,X]=po();var b={as:"button"};var Y=io({name:"Tree.Toggle",defaultProps:b,setup(){let e=n(),r=d(),s=r?.node,o=!!r?.expanded,t=!!r?.leaf,i=!!s?.loading,p=u.useMemo(()=>({isExpanded:o,isLeaf:t,isLoading:i}),[o,t,i]);return{tree:e,treenode:r,node:s,isExpanded:o,isLeaf:t,isLoading:i,contextValue:p}},render(e){let{props:r,ptmi:s,tree:o,node:t,isLeaf:i,contextValue:p}=e;if(i){let a=ue(o?.getToggleSpacerProps?.(),{className:o?.cx("toggleSpacer")},o?.ptm("toggleSpacer"),s("root"));return u.createElement("span",{...a})}let m=ue(t?o?.getToggleProps?.(t):void 0,{className:o?.cx("toggle")},o?.ptm("toggle"),s("root"));return u.createElement(W,{value:p},u.createElement(no,{instance:e,attrs:m,children:r.children}))}});import{Component as ao,withComponent as mo}from"@primereact/core/component";import{mergeProps as co}from"@primeuix/utils";import*as Te from"react";var D={as:"span",match:"always"};var Z=mo({name:"Tree.ToggleIndicator",defaultProps:D,setup(){let e=n(),r=X();return{tree:e,toggle:r}},render(e){let{id:r,props:s,ptmi:o,tree:t,toggle:i}=e;if(!i)return null;if(s.match&&s.match!=="always"){let m=i.isExpanded?"expanded":"collapsed";if(s.match!==m)return null}let p=co(t?.getToggleIndicatorProps?.(),{id:r,className:t?.cx("toggleIndicator")},t?.ptm("toggleIndicator"),o("root"));return Te.createElement(ao,{instance:e,attrs:p,children:s.children})}});var ge={};ee(ge,{defaultContentProps:()=>T,defaultDropIndicatorProps:()=>P,defaultEmptyProps:()=>g,defaultFilterProps:()=>x,defaultFooterProps:()=>y,defaultHeaderProps:()=>C,defaultLabelProps:()=>N,defaultNodeProps:()=>v,defaultNodesProps:()=>h,defaultRootProps:()=>I,defaultSelectionProps:()=>R,defaultToggleIndicatorProps:()=>D,defaultToggleProps:()=>b});export{Pe as Tree,H as TreeContent,M as TreeDropIndicator,z as TreeEmpty,V as TreeFilter,O as TreeFooter,B as TreeHeader,_ as TreeLabel,j as TreeLoading,q as TreeNode,G as TreeNodes,ge as TreeProps,oe as TreeProvider,Q as TreeRoot,U as TreeSelection,Y as TreeToggle,Z as TreeToggleIndicator,W as TreeToggleProvider,T as defaultContentProps,P as defaultDropIndicatorProps,g as defaultEmptyProps,x as defaultFilterProps,y as defaultFooterProps,C as defaultHeaderProps,N as defaultLabelProps,$ as defaultLoadingProps,v as defaultNodeProps,h as defaultNodesProps,I as defaultRootProps,R as defaultSelectionProps,D as defaultToggleIndicatorProps,b as defaultToggleProps,n as useTreeContext,X as useTreeToggleContext};