primereact/organizationchart/index.mjs

A rich set of premium UI Components for React.

'use client';

var $=Object.defineProperty;var M=(t,o)=>{for(var e in o)$(t,e,{get:o[e],enumerable:!0})};import{createOptionalContext as tt}from"@primereact/core/utils";var[j,s]=tt();var W={};M(W,{Content:()=>I,Label:()=>k,Node:()=>w,Nodes:()=>T,Root:()=>v,Selection:()=>B,Toggle:()=>E,ToggleIndicator:()=>K});import{Component as ot,withComponent as rt}from"@primereact/core/component";import{useOrganizationChart as et}from"@primereact/headless/organizationchart";import{mergeProps as at}from"@primeuix/utils";import*as b from"react";import*as q from"@primereact/headless/organizationchart";var g={...q.defaultProps,as:"div"};var v=rt({name:"OrganizationChart.Root",defaultProps:g,setup(t){return et(t.inProps)},render(t){let{props:o,ptmi:e,cx:r,rootProps:n,orgChartStyle:a}=t,p=at(n,{className:r("root"),style:a},e("root"));return b.createElement(j,{value:t},b.createElement(ot,{instance:t,attrs:p,children:o.children}))}});import{Component as it,withComponent as pt}from"@primereact/core/component";import{mergeProps as st}from"@primeuix/utils";import*as l from"react";function C(t,o,e){return{node:o,expanded:!t.isCollapsed(o),leaf:!o.children||o.children.length===0,selected:t.isSelected(o),partiallySelected:t.isPartiallySelected(o),selectable:t.isSelectable(),expandable:t.isExpandable(o),level:e}}import{createOptionalContext as nt}from"@primereact/core/utils";var[A,D]=nt();var h={as:"ul"};var T=pt({name:"OrganizationChart.Nodes",defaultProps:h,setup(){return{organizationchart:s()}},render(t){let{props:o,ptmi:e,organizationchart:r}=t;if(!r)return null;let n=typeof o.children=="function"?o.children:null,a=r.props.value??[],p=st(r.subtreeProps,{className:r.cx("subtree",{root:!0})},r.ptm("nodes"),e("root"));return l.createElement(A,{value:{renderNode:n??(()=>null)}},l.createElement(it,{instance:t,attrs:p},n&&a.length>0?l.createElement(l.Fragment,null,a.map(i=>l.createElement(l.Fragment,{key:i.key},n(C(r,i,1))))):null))}});import{Component as mt,withComponent as ct}from"@primereact/core/component";import{mergeProps as S}from"@primeuix/utils";import*as m from"react";import{createOptionalContext as lt}from"@primereact/core/utils";var[G,c]=lt();var f={as:"li",uKey:""};var w=ct({name:"OrganizationChart.Node",defaultProps:f,setup({props:t}){let o=s(),e=D(),r=t.uKey,n=r?o?.findNodeByKey(r):void 0,a=r?o?.getNodeLevel(r)??1:1,p=n&&o?C(o,n,a):void 0;return{organizationchart:o,render:e,node:n,level:a,row:p}},render(t){let{props:o,ptmi:e,organizationchart:r,render:n,node:a,level:p,row:i}=t;if(!r||!a||!i)return null;let y=S(r.getTreeProps(a,p),{className:r.cx("tree")},r.ptm("tree"),e("root")),N=S(r.subtreeProps,{className:r.cx("subtree")},r.ptm("subtree")),R=i.expandable&&i.expanded,Y={node:a,expanded:i.expanded,leaf:i.leaf,selected:i.selected,partiallySelected:i.partiallySelected,selectable:i.selectable,expandable:i.expandable},Z=()=>{i.selectable&&a.key&&r.toggleNodeSelect(a.key)},_=S(r.getNodeProps(a,Z),{className:r.cx("node")},r.ptm("node"));return m.createElement(mt,{instance:t,attrs:y},m.createElement(G,{value:Y},m.createElement("div",{..._},o.children)),R&&m.createElement("ul",{...N},a.children.map(H=>m.createElement(m.Fragment,{key:H.key},n?.renderNode(C(r,H,p+1))))))}});import{Component as dt,withComponent as gt}from"@primereact/core/component";import{mergeProps as Ct}from"@primeuix/utils";import*as J from"react";var u={as:"div"};var I=gt({name:"OrganizationChart.Content",defaultProps:u,setup(){return{organizationchart:s()}},render(t){let{props:o,ptmi:e,organizationchart:r}=t,n=Ct({className:r?.cx("content")},r?.ptm("content"),e("root"));return J.createElement(dt,{instance:t,attrs:n,children:o.children})}});import{Component as ht,withComponent as ft}from"@primereact/core/component";import{mergeProps as ut}from"@primeuix/utils";import*as Q from"react";var z={as:"span"};var k=ft({name:"OrganizationChart.Label",defaultProps:z,setup(){let t=s(),o=c();return{organizationchart:t,nodeContext:o}},render(t){let{props:o,ptmi:e,organizationchart:r,nodeContext:n}=t,a=ut({className:r?.cx("label")},r?.ptm("label"),e("root"));return Q.createElement(ht,{instance:t,attrs:a,children:o.children??n?.node?.label})}});import{Component as xt,withComponent as Ot}from"@primereact/core/component";import{mergeProps as Pt}from"@primeuix/utils";import*as V from"react";var x={as:"button"};import{createOptionalContext as zt}from"@primereact/core/utils";var[L,F]=zt();var E=Ot({name:"OrganizationChart.Toggle",defaultProps:x,setup(){let t=s(),o=c();return{organizationchart:t,nodeContext:o}},render(t){let{props:o,ptmi:e,organizationchart:r,nodeContext:n}=t,a=n?.node,p=!!n?.expandable,i=!!n?.expanded,y=R=>{R.stopPropagation(),a?.key&&r?.toggleNodeCollapse(a.key)};if(!p)return null;let N=Pt(r?.getCollapseButtonProps(a,y),{type:"button",className:r?.cx("toggle")},r?.ptm("toggle"),e("root"));return V.createElement(L,{value:{isExpanded:i}},V.createElement(xt,{instance:t,attrs:N,children:o.children}))}});import{Component as yt,withComponent as Nt}from"@primereact/core/component";import{mergeProps as Rt}from"@primeuix/utils";import*as U from"react";var O={as:"span",match:"always"};var K=Nt({name:"OrganizationChart.ToggleIndicator",defaultProps:O,setup(){let t=s(),o=F();return{organizationchart:t,toggle:o}},render(t){let{id:o,props:e,ptmi:r,organizationchart:n,toggle:a}=t;if(!a)return null;if(e.match&&e.match!=="always"){let i=a.isExpanded?"expanded":"collapsed";if(e.match!==i)return null}let p=Rt(n?.getToggleIndicatorProps?.(),{id:o,className:n?.cx("toggleIndicator")},n?.ptm("toggleIndicator"),r("root"));return U.createElement(yt,{instance:t,attrs:p,children:e.children})}});import{Component as bt,withComponent as vt}from"@primereact/core/component";import*as d from"react";var P={};var B=vt({name:"OrganizationChart.Selection",defaultProps:P,setup(){let t=s(),o=c(),e=o?.node,r=!!o?.selected,n=!!o?.partiallySelected,a=!!o?.selectable,p=d.useCallback(()=>{e?.key&&t?.toggleNodeSelect(e.key)},[t,e?.key]);return{organizationchart:t,isSelected:r,isPartiallySelected:n,isSelectable:a,toggle:p}},render(t){let{props:o}=t;return d.createElement(bt,{instance:t,as:d.Fragment,children:o.children})}});var X={};M(X,{defaultContentProps:()=>u,defaultLabelProps:()=>z,defaultNodeProps:()=>f,defaultNodesProps:()=>h,defaultRootProps:()=>g,defaultSelectionProps:()=>P,defaultToggleIndicatorProps:()=>O,defaultToggleProps:()=>x});export{W as OrganizationChart,I as OrganizationChartContent,k as OrganizationChartLabel,w as OrganizationChartNode,T as OrganizationChartNodes,X as OrganizationChartProps,j as OrganizationChartProvider,v as OrganizationChartRoot,B as OrganizationChartSelection,E as OrganizationChartToggle,K as OrganizationChartToggleIndicator,L as OrganizationChartToggleProvider,u as defaultContentProps,z as defaultLabelProps,f as defaultNodeProps,h as defaultNodesProps,g as defaultRootProps,P as defaultSelectionProps,O as defaultToggleIndicatorProps,x as defaultToggleProps,s as useOrganizationChartContext,F as useOrganizationChartToggleContext};