primereact 9.4.0 → 9.6.0

package/organizationchart/organizationchart.esm.js

@@ -1,22 +1,9 @@
 import * as React from 'react';
-import { ObjectUtils, classNames, IconUtils, DomHandler } from 'primereact/utils';
+import { mergeProps, classNames, IconUtils, ObjectUtils, DomHandler } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 import { ChevronDownIcon } from 'primereact/icons/chevrondown';
 import { ChevronUpIcon } from 'primereact/icons/chevronup';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
+import { PrimeReactContext } from 'primereact/api';
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -49,7 +36,7 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
-var OrganizationChartBase = {
+var OrganizationChartBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'OrganizationChart',
     id: null,
@@ -64,14 +51,64 @@ var OrganizationChartBase = {
     onNodeUnselect: null,
     togglerIcon: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, OrganizationChartBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, OrganizationChartBase.defaultProps);
   }
-};
+});
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -113,6 +150,8 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
   var node = props.node;
   var _React$useState = React.useState(node.expanded),
@@ -123,6 +162,16 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
   var colspan = node.children && node.children.length ? node.children.length * 2 : null;
   var selected = props.isSelected(node);
   var visibility = !leaf && expandedState ? 'inherit' : 'hidden';
+  var getPTOptions = function getPTOptions(key) {
+    return props.ptm(key, {
+      state: {
+        expanded: expandedState
+      },
+      context: {
+        selected: props.isSelected(node)
+      }
+    });
+  };
   var onNodeClick = function onNodeClick(event, node) {
     props.onNodeClick(event, node);
   };
@@ -133,37 +182,44 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
     event.preventDefault();
   };
   var createChildNodes = function createChildNodes() {
-    return /*#__PURE__*/React.createElement("tr", {
+    var nodesProps = mergeProps({
+      className: 'p-organizationchart-nodes',
       style: {
         visibility: visibility
-      },
-      className: "p-organizationchart-nodes"
-    }, node.children && node.children.map(function (child, index) {
-      return /*#__PURE__*/React.createElement("td", {
-        key: index,
-        colSpan: "2"
-      }, /*#__PURE__*/React.createElement(OrganizationChartNode, {
+      }
+    }, props.ptm('nodes'));
+    var nodeCellProps = mergeProps({
+      colSpan: '2'
+    }, props.ptm('nodeCell'));
+    return /*#__PURE__*/React.createElement("tr", nodesProps, node.children && node.children.map(function (child, index) {
+      return /*#__PURE__*/React.createElement("td", _extends({
+        key: index
+      }, nodeCellProps), /*#__PURE__*/React.createElement(OrganizationChartNode, {
         node: child,
         nodeTemplate: props.nodeTemplate,
         selectionMode: props.selectionMode,
         onNodeClick: props.onNodeClick,
         isSelected: props.isSelected,
-        togglerIcon: props.togglerIcon
+        togglerIcon: props.togglerIcon,
+        ptm: props.ptm
       }));
     }));
   };
   var createLinesMiddle = function createLinesMiddle() {
     var nodeChildLength = node.children && node.children.length;
-    return /*#__PURE__*/React.createElement("tr", {
+    var linesProps = mergeProps({
+      className: 'p-organizationchart-lines',
       style: {
         visibility: visibility
-      },
-      className: "p-organizationchart-lines"
-    }, node.children && node.children.length === 1 && /*#__PURE__*/React.createElement("td", {
+      }
+    }, props.ptm('lines'));
+    var lineCellProps = mergeProps({
       colSpan: colspan
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "p-organizationchart-line-down"
-    })), node.children && node.children.length > 1 && node.children.map(function (_, index) {
+    }, props.ptm('lineCell'));
+    var lineDownProps = mergeProps({
+      className: 'p-organizationchart-line-down'
+    }, props.ptm('lineDown'));
+    return /*#__PURE__*/React.createElement("tr", linesProps, node.children && node.children.length === 1 && /*#__PURE__*/React.createElement("td", lineCellProps, /*#__PURE__*/React.createElement("div", lineDownProps)), node.children && node.children.length > 1 && node.children.map(function (_, index) {
       var leftClassName = classNames('p-organizationchart-line-left', {
         'p-organizationchart-line-top': index !== 0
       });
@@ -180,45 +236,46 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
     }));
   };
   var createLinesDown = function createLinesDown() {
-    return /*#__PURE__*/React.createElement("tr", {
+    var linesProps = mergeProps({
+      className: 'p-organizationchart-lines',
       style: {
         visibility: visibility
-      },
-      className: "p-organizationchart-lines"
-    }, /*#__PURE__*/React.createElement("td", {
+      }
+    }, props.ptm('lines'));
+    var lineCellProps = mergeProps({
       colSpan: colspan
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "p-organizationchart-line-down"
-    })));
+    }, props.ptm('lineCell'));
+    var lineDownProps = mergeProps({
+      className: 'p-organizationchart-line-down'
+    }, props.ptm('lineDown'));
+    return /*#__PURE__*/React.createElement("tr", linesProps, /*#__PURE__*/React.createElement("td", lineCellProps, /*#__PURE__*/React.createElement("div", lineDownProps)));
   };
   var createToggler = function createToggler() {
     if (!leaf) {
       var iconClassName = 'p-node-toggler-icon';
+      var nodeTogglerIconProps = mergeProps({
+        className: iconClassName
+      }, props.ptm('nodeTogglerIcon'));
       var icon;
       if (expandedState) {
-        icon = props.togglerIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, {
-          className: iconClassName
-        });
+        icon = props.togglerIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, nodeTogglerIconProps);
       } else {
-        icon = props.togglerIcon || /*#__PURE__*/React.createElement(ChevronUpIcon, {
-          className: iconClassName
-        });
+        icon = props.togglerIcon || /*#__PURE__*/React.createElement(ChevronUpIcon, nodeTogglerIconProps);
       }
-      var togglerIcon = IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, {
+      var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, nodeTogglerIconProps), {
         props: props
       });
+      var nodeTogglerProps = mergeProps({
+        className: 'p-node-toggler',
+        onClick: function onClick(e) {
+          return toggleNode(e);
+        },
+        href: '#'
+      }, getPTOptions('nodeToggler'));
       return (
         /*#__PURE__*/
         /* eslint-disable */
-        React.createElement("a", {
-          href: "#",
-          className: "p-node-toggler",
-          onClick: function onClick(e) {
-            return toggleNode(e);
-          }
-        }, /*#__PURE__*/React.createElement("i", null, " ", togglerIcon, " "))
+        React.createElement("a", nodeTogglerProps, /*#__PURE__*/React.createElement("i", null, " ", togglerIcon, " "))
         /* eslint-enable */
       );
     }
@@ -236,28 +293,36 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
     }, node.className);
     var label = createNodeLabel();
     var toggler = createToggler();
-    return /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    var cellProps = mergeProps({
       colSpan: colspan
-    }, /*#__PURE__*/React.createElement("div", {
+    }, props.ptm('cell'));
+    var nodeProps = mergeProps({
       className: nodeClassName,
       style: node.style,
       onClick: function onClick(e) {
         return onNodeClick(e, node);
       }
-    }, label, toggler)));
+    }, getPTOptions('node'));
+    return /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", cellProps, /*#__PURE__*/React.createElement("div", nodeProps, label, toggler)));
   };
   var nodeContent = createNodeContent();
   var linesDown = createLinesDown();
   var linesMiddle = createLinesMiddle();
   var childNodes = createChildNodes();
-  return /*#__PURE__*/React.createElement("table", {
-    className: "p-organizationchart-table"
-  }, /*#__PURE__*/React.createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
+  var tableProps = mergeProps({
+    className: 'p-organizationchart-table'
+  }, props.ptm('table'));
+  return /*#__PURE__*/React.createElement("table", tableProps, /*#__PURE__*/React.createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
 });
 OrganizationChartNode.displayName = 'OrganizationChartNode';
 
 var OrganizationChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = OrganizationChartBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = OrganizationChartBase.getProps(inProps, context);
+  var _OrganizationChartBas = OrganizationChartBase.setMetaData({
+      props: props
+    }),
+    ptm = _OrganizationChartBas.ptm;
   var elementRef = React.useRef(null);
   var root = props.value && props.value.length ? props.value[0] : null;
   var onNodeClick = function onNodeClick(event, node) {
@@ -327,20 +392,21 @@ var OrganizationChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
       }
     };
   });
-  var otherProps = OrganizationChartBase.getOtherProps(props);
   var className = classNames('p-organizationchart p-component', props.className);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     style: props.style,
     className: className
-  }, otherProps), /*#__PURE__*/React.createElement(OrganizationChartNode, {
+  }, OrganizationChartBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement(OrganizationChartNode, {
     node: root,
     nodeTemplate: props.nodeTemplate,
     selectionMode: props.selectionMode,
     onNodeClick: onNodeClick,
     isSelected: isSelected,
-    togglerIcon: props.togglerIcon
+    togglerIcon: props.togglerIcon,
+    ptm: ptm
   }));
 }));
 OrganizationChart.displayName = 'OrganizationChart';

package/organizationchart/organizationchart.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as n,classNames as t,IconUtils as r,DomHandler as l}from"primereact/utils";import{ChevronDownIcon as o}from"primereact/icons/chevrondown";import{ChevronUpIcon as a}from"primereact/icons/chevronup";function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},i.apply(this,arguments)}function c(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function s(e){if(Array.isArray(e))return c(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,n){if(e){if("string"==typeof e)return c(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,n):void 0}}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var p={defaultProps:{__TYPE:"OrganizationChart",id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null,togglerIcon:null,children:void 0},getProps:function(e){return n.getMergedProps(e,p.defaultProps)},getOtherProps:function(e){return n.getDiffProps(e,p.defaultProps)}};function g(e){if(Array.isArray(e))return e}function f(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,o,a,i=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=e.memo((function(l){var i,c,s,d,m,p,y=l.node,N=e.useState(y.expanded),E=(c=2,g(i=N)||f(i,c)||u(i,c)||h()),b=E[0],S=E[1],z=!1!==y.leaf&&!(y.children&&y.children.length),C=y.children&&y.children.length?2*y.children.length:null,I=l.isSelected(y),M=!z&&b?"inherit":"hidden",O=function(e,n){l.onNodeClick(e,n)},w=function(){if(!z){var n="p-node-toggler-icon",t=r.getJSXIcon(b?l.togglerIcon||e.createElement(o,{className:n}):l.togglerIcon||e.createElement(a,{className:n}),{className:n},{props:l});return e.createElement("a",{href:"#",className:"p-node-toggler",onClick:function(e){return n=e,S((function(e){return!e})),void n.preventDefault();var n}},e.createElement("i",null," ",t," "))}return null},P=function(){var t=l.nodeTemplate&&n.getJSXElement(l.nodeTemplate,y)||y.label;return e.createElement("div",null,t)},T=(s=t("p-organizationchart-node-content",{"p-organizationchart-selectable-node":l.selectionMode&&!1!==y.selectable,"p-highlight":I},y.className),d=P(),m=w(),e.createElement("tr",null,e.createElement("td",{colSpan:C},e.createElement("div",{className:s,style:y.style,onClick:function(e){return O(e,y)}},d,m)))),j=e.createElement("tr",{style:{visibility:M},className:"p-organizationchart-lines"},e.createElement("td",{colSpan:C},e.createElement("div",{className:"p-organizationchart-line-down"}))),k=(p=y.children&&y.children.length,e.createElement("tr",{style:{visibility:M},className:"p-organizationchart-lines"},y.children&&1===y.children.length&&e.createElement("td",{colSpan:C},e.createElement("div",{className:"p-organizationchart-line-down"})),y.children&&y.children.length>1&&y.children.map((function(n,r){var l=t("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==r}),o=t("p-organizationchart-line-right",{"p-organizationchart-line-top":r!==p-1});return[e.createElement("td",{key:r+"_lineleft",className:l}," "),e.createElement("td",{key:r+"_lineright",className:o}," ")]})))),A=e.createElement("tr",{style:{visibility:M},className:"p-organizationchart-nodes"},y.children&&y.children.map((function(n,t){return e.createElement("td",{key:t,colSpan:"2"},e.createElement(v,{node:n,nodeTemplate:l.nodeTemplate,selectionMode:l.selectionMode,onNodeClick:l.onNodeClick,isSelected:l.isSelected,togglerIcon:l.togglerIcon}))})));return e.createElement("table",{className:"p-organizationchart-table"},e.createElement("tbody",null,T,j,k,A))}));v.displayName="OrganizationChartNode";var y=e.memo(e.forwardRef((function(n,r){var o=p.getProps(n),a=e.useRef(null),c=o.value&&o.value.length?o.value[0]:null,g=function(e){if(o.selectionMode&&o.selection){if("single"===o.selectionMode)return o.selection===e?0:-1;if("multiple"===o.selectionMode)return o.selection.findIndex((function(n){return n===e}))}return-1};e.useImperativeHandle(r,(function(){return{props:o,getElement:function(){return a.current}}}));var f=p.getOtherProps(o),h=t("p-organizationchart p-component",o.className);return e.createElement("div",i({id:o.id,ref:a,style:o.style,className:h},f),e.createElement(v,{node:c,nodeTemplate:o.nodeTemplate,selectionMode:o.selectionMode,onNodeClick:function(e,n){if(o.selectionMode){var t=e.target;if(!1===n.selectable||l.hasClass(t,"p-node-toggler")||l.hasClass(t,"p-node-toggler-icon"))return;var r,a=g(n),i=a>=0;"single"===o.selectionMode?i?(r=null,o.onNodeUnselect&&o.onNodeUnselect({originalEvent:e,node:n})):(r=n,o.onNodeSelect&&o.onNodeSelect({originalEvent:e,node:n})):"multiple"===o.selectionMode&&(i?(r=o.selection.filter((function(e,n){return n!==a})),o.onNodeUnselect&&o.onNodeUnselect({originalEvent:e,node:n})):(r=[].concat(s(c=o.selection||[])||d(c)||u(c)||m(),[n]),o.onNodeSelect&&o.onNodeSelect({originalEvent:e,node:n}))),o.onSelectionChange&&o.onSelectionChange({originalEvent:e,data:r})}var c},isSelected:function(e){return-1!==g(e)},togglerIcon:o.togglerIcon}))})));y.displayName="OrganizationChart";export{y as OrganizationChart};
+import*as e from"react";import{mergeProps as t,classNames as n,IconUtils as r,ObjectUtils as o,DomHandler as l}from"primereact/utils";import{ComponentBase as i}from"primereact/componentbase";import{ChevronDownIcon as a}from"primereact/icons/chevrondown";import{ChevronUpIcon as c}from"primereact/icons/chevronup";import{PrimeReactContext as u}from"primereact/api";function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e){if(Array.isArray(e))return s(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g=i.extend({defaultProps:{__TYPE:"OrganizationChart",id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null,togglerIcon:null,children:void 0}});function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function y(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=y(e,"string");return"symbol"===h(t)?t:String(t)}function v(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(){return S=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},S.apply(this,arguments)}function E(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=e.memo((function(l){var i,u,s,d,m,f,g,h,y,b,v,j,z=l.node,I=e.useState(z.expanded),P=(u=2,E(i=I)||N(i,u)||p(i,u)||O()),M=P[0],T=P[1],k=!1!==z.leaf&&!(z.children&&z.children.length),A=z.children&&z.children.length?2*z.children.length:null,x=l.isSelected(z),D=!k&&M?"inherit":"hidden",U=function(e){return l.ptm(e,{state:{expanded:M},context:{selected:l.isSelected(z)}})},_=function(e,t){l.onNodeClick(e,t)},J=function(){if(!k){var n=t({className:"p-node-toggler-icon"},l.ptm("nodeTogglerIcon")),o=r.getJSXIcon(M?l.togglerIcon||e.createElement(a,n):l.togglerIcon||e.createElement(c,n),w({},n),{props:l}),i=t({className:"p-node-toggler",onClick:function(e){return t=e,T((function(e){return!e})),void t.preventDefault();var t},href:"#"},U("nodeToggler"));return e.createElement("a",i,e.createElement("i",null," ",o," "))}return null},R=function(){var t=l.nodeTemplate&&o.getJSXElement(l.nodeTemplate,z)||z.label;return e.createElement("div",null,t)},X=(s=n("p-organizationchart-node-content",{"p-organizationchart-selectable-node":l.selectionMode&&!1!==z.selectable,"p-highlight":x},z.className),d=R(),m=J(),f=t({colSpan:A},l.ptm("cell")),g=t({className:s,style:z.style,onClick:function(e){return _(e,z)}},U("node")),e.createElement("tr",null,e.createElement("td",f,e.createElement("div",g,d,m)))),H=(h=t({className:"p-organizationchart-lines",style:{visibility:D}},l.ptm("lines")),y=t({colSpan:A},l.ptm("lineCell")),b=t({className:"p-organizationchart-line-down"},l.ptm("lineDown")),e.createElement("tr",h,e.createElement("td",y,e.createElement("div",b)))),Y=function(){var r=z.children&&z.children.length,o=t({className:"p-organizationchart-lines",style:{visibility:D}},l.ptm("lines")),i=t({colSpan:A},l.ptm("lineCell")),a=t({className:"p-organizationchart-line-down"},l.ptm("lineDown"));return e.createElement("tr",o,z.children&&1===z.children.length&&e.createElement("td",i,e.createElement("div",a)),z.children&&z.children.length>1&&z.children.map((function(t,o){var l=n("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==o}),i=n("p-organizationchart-line-right",{"p-organizationchart-line-top":o!==r-1});return[e.createElement("td",{key:o+"_lineleft",className:l}," "),e.createElement("td",{key:o+"_lineright",className:i}," ")]})))}(),$=(v=t({className:"p-organizationchart-nodes",style:{visibility:D}},l.ptm("nodes")),j=t({colSpan:"2"},l.ptm("nodeCell")),e.createElement("tr",v,z.children&&z.children.map((function(t,n){return e.createElement("td",S({key:n},j),e.createElement(C,{node:t,nodeTemplate:l.nodeTemplate,selectionMode:l.selectionMode,onNodeClick:l.onNodeClick,isSelected:l.isSelected,togglerIcon:l.togglerIcon,ptm:l.ptm}))})))),q=t({className:"p-organizationchart-table"},l.ptm("table"));return e.createElement("table",q,e.createElement("tbody",null,X,H,Y,$))}));C.displayName="OrganizationChartNode";var z=e.memo(e.forwardRef((function(r,o){var i=e.useContext(u),a=g.getProps(r,i),c=g.setMetaData({props:a}).ptm,s=e.useRef(null),h=a.value&&a.value.length?a.value[0]:null,y=function(e){if(a.selectionMode&&a.selection){if("single"===a.selectionMode)return a.selection===e?0:-1;if("multiple"===a.selectionMode)return a.selection.findIndex((function(t){return t===e}))}return-1};e.useImperativeHandle(o,(function(){return{props:a,getElement:function(){return s.current}}}));var b=n("p-organizationchart p-component",a.className),v=t({id:a.id,ref:s,style:a.style,className:b},g.getOtherProps(a),c("root"));return e.createElement("div",v,e.createElement(C,{node:h,nodeTemplate:a.nodeTemplate,selectionMode:a.selectionMode,onNodeClick:function(e,t){if(a.selectionMode){var n=e.target;if(!1===t.selectable||l.hasClass(n,"p-node-toggler")||l.hasClass(n,"p-node-toggler-icon"))return;var r,o=y(t),i=o>=0;"single"===a.selectionMode?i?(r=null,a.onNodeUnselect&&a.onNodeUnselect({originalEvent:e,node:t})):(r=t,a.onNodeSelect&&a.onNodeSelect({originalEvent:e,node:t})):"multiple"===a.selectionMode&&(i?(r=a.selection.filter((function(e,t){return t!==o})),a.onNodeUnselect&&a.onNodeUnselect({originalEvent:e,node:t})):(r=[].concat(d(c=a.selection||[])||m(c)||p(c)||f(),[t]),a.onNodeSelect&&a.onNodeSelect({originalEvent:e,node:t}))),a.onSelectionChange&&a.onSelectionChange({originalEvent:e,data:r})}var c},isSelected:function(e){return-1!==y(e)},togglerIcon:a.togglerIcon,ptm:c}))})));z.displayName="OrganizationChart";export{z as OrganizationChart};