primereact 8.7.2 → 9.0.0-beta.1

package/organizationchart/organizationchart.cjs.js

@@ -29,14 +29,12 @@ 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);
@@ -44,11 +42,9 @@ function _extends() {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -82,33 +78,33 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _nonIterableRest() {
@@ -121,28 +117,23 @@ function _slicedToArray(arr, i) {
 
 var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props) {
   var node = props.node;
-
   var _React$useState = React__namespace.useState(node.expanded),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      expandedState = _React$useState2[0],
-      setExpandedState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    expandedState = _React$useState2[0],
+    setExpandedState = _React$useState2[1];
   var leaf = node.leaf === false ? false : !(node.children && node.children.length);
   var colspan = node.children && node.children.length ? node.children.length * 2 : null;
   var selected = props.isSelected(node);
   var visibility = !leaf && expandedState ? 'inherit' : 'hidden';
-
   var onNodeClick = function onNodeClick(event, node) {
     props.onNodeClick(event, node);
   };
-
   var toggleNode = function toggleNode(event, node) {
     setExpandedState(function (prevExpanded) {
       return !prevExpanded;
     });
     event.preventDefault();
   };
-
   var createChildNodes = function createChildNodes() {
     return /*#__PURE__*/React__namespace.createElement("tr", {
       style: {
@@ -162,7 +153,6 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
       }));
     }));
   };
-
   var createLinesMiddle = function createLinesMiddle() {
     var nodeChildLength = node.children && node.children.length;
     return /*#__PURE__*/React__namespace.createElement("tr", {
@@ -190,7 +180,6 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
       }, "\xA0")];
     }));
   };
-
   var createLinesDown = function createLinesDown() {
     return /*#__PURE__*/React__namespace.createElement("tr", {
       style: {
@@ -203,7 +192,6 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
       className: "p-organizationchart-line-down"
     })));
   };
-
   var createToggler = function createToggler() {
     if (!leaf) {
       var toggleIconClassName = utils.classNames('p-node-toggler-icon', {
@@ -212,7 +200,6 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
       });
       return (
         /*#__PURE__*/
-
         /* eslint-disable */
         React__namespace.createElement("a", {
           href: "#",
@@ -224,18 +211,15 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
           className: toggleIconClassName
         }))
         /* eslint-enable */
-
       );
     }
 
     return null;
   };
-
   var createNodeLabel = function createNodeLabel() {
     var label = props.nodeTemplate && utils.ObjectUtils.getJSXElement(props.nodeTemplate, node) || node.label;
     return /*#__PURE__*/React__namespace.createElement("div", null, label);
   };
-
   var createNodeContent = function createNodeContent() {
     var nodeClassName = utils.classNames('p-organizationchart-node-content', {
       'p-organizationchart-selectable-node': props.selectionMode && node.selectable !== false,
@@ -252,7 +236,6 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
       }
     }, label, toggler)));
   };
-
   var nodeContent = createNodeContent();
   var linesDown = createLinesDown();
   var linesMiddle = createLinesMiddle();
@@ -266,19 +249,15 @@ OrganizationChartNode.displayName = 'OrganizationChartNode';
 var OrganizationChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(null);
   var root = props.value && props.value.length ? props.value[0] : null;
-
   var onNodeClick = function onNodeClick(event, node) {
     if (props.selectionMode) {
       var target = event.target;
-
       if (node.selectable === false || !utils.DomHandler.hasClass(target, 'p-node-toggler') || !utils.DomHandler.hasClass(target, 'p-node-toggler-icon')) {
         return;
       }
-
       var index = findIndexInSelection(node);
       var selected = index >= 0;
       var selection;
-
       if (props.selectionMode === 'single') {
         if (selected) {
           selection = null;
@@ -310,7 +289,6 @@ var OrganizationChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
           });
         }
       }
-
       if (props.onSelectionChange) {
         props.onSelectionChange({
           originalEvent: event,
@@ -319,21 +297,17 @@ var OrganizationChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
       }
     }
   };
-
   var findIndexInSelection = function findIndexInSelection(node) {
     if (props.selectionMode && props.selection) {
       if (props.selectionMode === 'single') return props.selection === node ? 0 : -1;else if (props.selectionMode === 'multiple') return props.selection.findIndex(function (selectedNode) {
         return selectedNode === node;
       });
     }
-
     return -1;
   };
-
   var isSelected = function isSelected(node) {
     return findIndexInSelection(node) !== -1;
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,

package/organizationchart/organizationchart.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var r=t(e);function l(){return l=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},l.apply(this,arguments)}function a(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 o(e){if(Array.isArray(e))return a(e)}function i(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,n){if(e){if("string"==typeof e)return a(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)?a(e,n):void 0}}function s(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e){if(Array.isArray(e))return e}function d(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,a=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);o=!0);}catch(e){i=!0,l=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw l}}return a}}function m(){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 f=r.memo((function(e){var t,l,a,o,i,s,p=e.node,h=r.useState(p.expanded),g=(l=2,u(t=h)||d(t,l)||c(t,l)||m()),v=g[0],y=g[1],b=!1!==p.leaf&&!(p.children&&p.children.length),N=p.children&&p.children.length?2*p.children.length:null,E=e.isSelected(p),S=!b&&v?"inherit":"hidden",O=function(n,t){e.onNodeClick(n,t)},z=function(){if(!b){var e=n.classNames("p-node-toggler-icon",{"pi pi-chevron-down":v,"pi pi-chevron-up":!v});return r.createElement("a",{href:"#",className:"p-node-toggler",onClick:function(e){return n=e,y((function(e){return!e})),void n.preventDefault();var n}},r.createElement("i",{className:e}))}return null},C=function(){var t=e.nodeTemplate&&n.ObjectUtils.getJSXElement(e.nodeTemplate,p)||p.label;return r.createElement("div",null,t)},j=(a=n.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.selectionMode&&!1!==p.selectable,"p-highlight":E},p.className),o=C(),i=z(),r.createElement("tr",null,r.createElement("td",{colSpan:N},r.createElement("div",{className:a,onClick:function(e){return O(e,p)}},o,i)))),M=r.createElement("tr",{style:{visibility:S},className:"p-organizationchart-lines"},r.createElement("td",{colSpan:N},r.createElement("div",{className:"p-organizationchart-line-down"}))),w=(s=p.children&&p.children.length,r.createElement("tr",{style:{visibility:S},className:"p-organizationchart-lines"},p.children&&1===p.children.length&&r.createElement("td",{colSpan:N},r.createElement("div",{className:"p-organizationchart-line-down"})),p.children&&p.children.length>1&&p.children.map((function(e,t){var l=n.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==t}),a=n.classNames("p-organizationchart-line-right",{"p-organizationchart-line-top":t!==s-1});return[r.createElement("td",{key:t+"_lineleft",className:l}," "),r.createElement("td",{key:t+"_lineright",className:a}," ")]})))),k=r.createElement("tr",{style:{visibility:S},className:"p-organizationchart-nodes"},p.children&&p.children.map((function(n,t){return r.createElement("td",{key:t,colSpan:"2"},r.createElement(f,{node:n,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected}))})));return r.createElement("table",{className:"p-organizationchart-table"},r.createElement("tbody",null,j,M,w,k))}));f.displayName="OrganizationChartNode";var p=r.memo(r.forwardRef((function(e,t){var a=r.useRef(null),u=e.value&&e.value.length?e.value[0]:null,d=function(n){if(e.selectionMode&&e.selection){if("single"===e.selectionMode)return e.selection===n?0:-1;if("multiple"===e.selectionMode)return e.selection.findIndex((function(e){return e===n}))}return-1};r.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return a.current}}}));var m=n.ObjectUtils.findDiffKeys(e,p.defaultProps),h=n.classNames("p-organizationchart p-component",e.className);return r.createElement("div",l({id:e.id,ref:a,style:e.style,className:h},m),r.createElement(f,{node:u,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:function(t,r){if(e.selectionMode){var l=t.target;if(!1===r.selectable||!n.DomHandler.hasClass(l,"p-node-toggler")||!n.DomHandler.hasClass(l,"p-node-toggler-icon"))return;var a,u=d(r),m=u>=0;"single"===e.selectionMode?m?(a=null,e.onNodeUnselect&&e.onNodeUnselect({originalEvent:t,node:r})):(a=r,e.onNodeSelect&&e.onNodeSelect({originalEvent:t,node:r})):"multiple"===e.selectionMode&&(m?(a=e.selection.filter((function(e,n){return n!==u})),e.onNodeUnselect&&e.onNodeUnselect({originalEvent:t,node:r})):(a=[].concat(o(f=e.selection||[])||i(f)||c(f)||s(),[r]),e.onNodeSelect&&e.onNodeSelect({originalEvent:t,node:r}))),e.onSelectionChange&&e.onSelectionChange({originalEvent:t,data:a})}var f},isSelected:function(e){return-1!==d(e)}}))})));p.displayName="OrganizationChart",p.defaultProps={__TYPE:"OrganizationChart",id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null},exports.OrganizationChart=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var r=t(e);function l(){return l=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},l.apply(this,arguments)}function a(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 o(e){if(Array.isArray(e))return a(e)}function i(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,n){if(e){if("string"==typeof e)return a(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)?a(e,n):void 0}}function s(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e){if(Array.isArray(e))return e}function d(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,a,o,i=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.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&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw l}}return i}}function f(){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 m=r.memo((function(e){var t,l,a,o,i,s,p=e.node,h=r.useState(p.expanded),g=(l=2,u(t=h)||d(t,l)||c(t,l)||f()),v=g[0],y=g[1],b=!1!==p.leaf&&!(p.children&&p.children.length),N=p.children&&p.children.length?2*p.children.length:null,E=e.isSelected(p),S=!b&&v?"inherit":"hidden",O=function(n,t){e.onNodeClick(n,t)},z=function(){if(!b){var e=n.classNames("p-node-toggler-icon",{"pi pi-chevron-down":v,"pi pi-chevron-up":!v});return r.createElement("a",{href:"#",className:"p-node-toggler",onClick:function(e){return n=e,y((function(e){return!e})),void n.preventDefault();var n}},r.createElement("i",{className:e}))}return null},j=function(){var t=e.nodeTemplate&&n.ObjectUtils.getJSXElement(e.nodeTemplate,p)||p.label;return r.createElement("div",null,t)},C=(a=n.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.selectionMode&&!1!==p.selectable,"p-highlight":E},p.className),o=j(),i=z(),r.createElement("tr",null,r.createElement("td",{colSpan:N},r.createElement("div",{className:a,onClick:function(e){return O(e,p)}},o,i)))),M=r.createElement("tr",{style:{visibility:S},className:"p-organizationchart-lines"},r.createElement("td",{colSpan:N},r.createElement("div",{className:"p-organizationchart-line-down"}))),w=(s=p.children&&p.children.length,r.createElement("tr",{style:{visibility:S},className:"p-organizationchart-lines"},p.children&&1===p.children.length&&r.createElement("td",{colSpan:N},r.createElement("div",{className:"p-organizationchart-line-down"})),p.children&&p.children.length>1&&p.children.map((function(e,t){var l=n.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==t}),a=n.classNames("p-organizationchart-line-right",{"p-organizationchart-line-top":t!==s-1});return[r.createElement("td",{key:t+"_lineleft",className:l}," "),r.createElement("td",{key:t+"_lineright",className:a}," ")]})))),k=r.createElement("tr",{style:{visibility:S},className:"p-organizationchart-nodes"},p.children&&p.children.map((function(n,t){return r.createElement("td",{key:t,colSpan:"2"},r.createElement(m,{node:n,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected}))})));return r.createElement("table",{className:"p-organizationchart-table"},r.createElement("tbody",null,C,M,w,k))}));m.displayName="OrganizationChartNode";var p=r.memo(r.forwardRef((function(e,t){var a=r.useRef(null),u=e.value&&e.value.length?e.value[0]:null,d=function(n){if(e.selectionMode&&e.selection){if("single"===e.selectionMode)return e.selection===n?0:-1;if("multiple"===e.selectionMode)return e.selection.findIndex((function(e){return e===n}))}return-1};r.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return a.current}}}));var f=n.ObjectUtils.findDiffKeys(e,p.defaultProps),h=n.classNames("p-organizationchart p-component",e.className);return r.createElement("div",l({id:e.id,ref:a,style:e.style,className:h},f),r.createElement(m,{node:u,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:function(t,r){if(e.selectionMode){var l=t.target;if(!1===r.selectable||!n.DomHandler.hasClass(l,"p-node-toggler")||!n.DomHandler.hasClass(l,"p-node-toggler-icon"))return;var a,u=d(r),f=u>=0;"single"===e.selectionMode?f?(a=null,e.onNodeUnselect&&e.onNodeUnselect({originalEvent:t,node:r})):(a=r,e.onNodeSelect&&e.onNodeSelect({originalEvent:t,node:r})):"multiple"===e.selectionMode&&(f?(a=e.selection.filter((function(e,n){return n!==u})),e.onNodeUnselect&&e.onNodeUnselect({originalEvent:t,node:r})):(a=[].concat(o(m=e.selection||[])||i(m)||c(m)||s(),[r]),e.onNodeSelect&&e.onNodeSelect({originalEvent:t,node:r}))),e.onSelectionChange&&e.onSelectionChange({originalEvent:t,data:a})}var m},isSelected:function(e){return-1!==d(e)}}))})));p.displayName="OrganizationChart",p.defaultProps={__TYPE:"OrganizationChart",id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null},exports.OrganizationChart=p;

package/organizationchart/organizationchart.d.ts

@@ -1,37 +1,128 @@
+/**
+ *
+ * OrganizationChart visualizes hierarchical organization data.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/organizationchart/)
+ *
+ * @module organizationchart
+ *
+ */
 import * as React from 'react';
 
-type OrganizationChartSelectionModeType = 'single' | 'multiple';
-
-type OrganizationChartNodeDataType = OrganizationChartNodeData | undefined | null;
-
-type OrganizationChartSelectionNodeDataType = OrganizationChartNodeData | OrganizationChartNodeData[] | undefined | null;
-
-interface OrganizationChartNodeSelectParams {
+/**
+ * Custom node select event.
+ * @see {@link OrganizationChartProps.onNodeSelect}
+ * @event
+ */
+interface OrganizationChartNodeSelectEvent {
+    /**
+     * Browser event.
+     */
     originalEvent: React.SyntheticEvent;
-    node: OrganizationChartNodeDataType;
+    /**
+     * Selected node instance.
+     */
+    node: OrganizationChartNodeData | null | undefined;
 }
 
-interface OrganizationChartNodeUnselectParams extends OrganizationChartNodeSelectParams {}
+/**
+ * Custom node unselect event.
+ * @see {@link OrganizationChartProps.onNodeUnselect}
+ * @event
+ */
+interface OrganizationChartNodeUnselectEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: React.SyntheticEvent;
+    /**
+     * Unselected node instance.
+     */
+    node: OrganizationChartNodeData | null | undefined;
+}
 
+/**
+ * Custom organizationchart node data.
+ */
 interface OrganizationChartNodeData {
+    /**
+     * Style class of the node.
+     */
     className?: string;
+    /**
+     * Visibility of node.
+     */
     expanded?: boolean;
+    /**
+     * The child elements of the component.
+     * @readonly
+     */
     children?: OrganizationChartNodeData[];
+    /**
+     * Whether the node is selectable when selection mode is enabled.
+     */
     selectable?: boolean;
+    /**
+     * Label of node.
+     */
     label?: string;
 }
 
 export interface OrganizationChartProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    value?: OrganizationChartNodeData[];
-    selectionMode?: OrganizationChartSelectionModeType;
-    selection?: OrganizationChartSelectionNodeDataType;
+    /**
+     * An array of nested TreeNodes.
+     */
+    value?: OrganizationChartNodeData[] | undefined;
+    /**
+     * Defines the selection mode, valid values "single" and "multiple".
+     */
+    selectionMode?: 'single' | 'multiple' | undefined;
+    /**
+     * A single treenode instance or an array to refer to the selections.
+     */
+    selection?: OrganizationChartNodeData | OrganizationChartNodeData[] | null | undefined;
+    /**
+     * Template function that gets a node as a parameter and returns a content.
+     * @param {OrganizationChartNodeData} node - A node instance.
+     */
     nodeTemplate?(node: OrganizationChartNodeData): React.ReactNode;
-    selectionChange?(node: OrganizationChartSelectionNodeDataType): void;
-    onNodeSelect?(e: OrganizationChartNodeSelectParams): void;
-    onNodeUnselect?(e: OrganizationChartNodeUnselectParams): void;
-    children?: React.ReactNode;
+    /**
+     * Callback to invoke when node selection changes.
+     * @param {OrganizationChartNodeData | OrganizationChartNodeData[] | null | undefined} node - A node instance.
+     */
+    selectionChange?(node: OrganizationChartNodeData | OrganizationChartNodeData[] | null | undefined): void;
+    /**
+     * Callback to invoke when a node is selected.
+     * @param {OrganizationChartNodeSelectEvent} event - Custom node select event.
+     */
+    onNodeSelect?(event: OrganizationChartNodeSelectEvent): void;
+    /**
+     * Callback to invoke when a node is unselected.
+     * @param {OrganizationChartNodeUnselectEvent} event - Custom node unselect event.
+     */
+    onNodeUnselect?(event: OrganizationChartNodeUnselectEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - OrganizationChart**
+ *
+ * _OrganizationChart visualizes hierarchical organization data._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/organizationchart/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class OrganizationChart extends React.Component<OrganizationChartProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/organizationchart/organizationchart.esm.js

@@ -5,14 +5,12 @@ 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);
@@ -20,11 +18,9 @@ function _extends() {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -58,33 +54,33 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _nonIterableRest() {
@@ -97,28 +93,23 @@ function _slicedToArray(arr, i) {
 
 var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
   var node = props.node;
-
   var _React$useState = React.useState(node.expanded),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      expandedState = _React$useState2[0],
-      setExpandedState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    expandedState = _React$useState2[0],
+    setExpandedState = _React$useState2[1];
   var leaf = node.leaf === false ? false : !(node.children && node.children.length);
   var colspan = node.children && node.children.length ? node.children.length * 2 : null;
   var selected = props.isSelected(node);
   var visibility = !leaf && expandedState ? 'inherit' : 'hidden';
-
   var onNodeClick = function onNodeClick(event, node) {
     props.onNodeClick(event, node);
   };
-
   var toggleNode = function toggleNode(event, node) {
     setExpandedState(function (prevExpanded) {
       return !prevExpanded;
     });
     event.preventDefault();
   };
-
   var createChildNodes = function createChildNodes() {
     return /*#__PURE__*/React.createElement("tr", {
       style: {
@@ -138,7 +129,6 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
       }));
     }));
   };
-
   var createLinesMiddle = function createLinesMiddle() {
     var nodeChildLength = node.children && node.children.length;
     return /*#__PURE__*/React.createElement("tr", {
@@ -166,7 +156,6 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
       }, "\xA0")];
     }));
   };
-
   var createLinesDown = function createLinesDown() {
     return /*#__PURE__*/React.createElement("tr", {
       style: {
@@ -179,7 +168,6 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
       className: "p-organizationchart-line-down"
     })));
   };
-
   var createToggler = function createToggler() {
     if (!leaf) {
       var toggleIconClassName = classNames('p-node-toggler-icon', {
@@ -188,7 +176,6 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
       });
       return (
         /*#__PURE__*/
-
         /* eslint-disable */
         React.createElement("a", {
           href: "#",
@@ -200,18 +187,15 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
           className: toggleIconClassName
         }))
         /* eslint-enable */
-
       );
     }
 
     return null;
   };
-
   var createNodeLabel = function createNodeLabel() {
     var label = props.nodeTemplate && ObjectUtils.getJSXElement(props.nodeTemplate, node) || node.label;
     return /*#__PURE__*/React.createElement("div", null, label);
   };
-
   var createNodeContent = function createNodeContent() {
     var nodeClassName = classNames('p-organizationchart-node-content', {
       'p-organizationchart-selectable-node': props.selectionMode && node.selectable !== false,
@@ -228,7 +212,6 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
       }
     }, label, toggler)));
   };
-
   var nodeContent = createNodeContent();
   var linesDown = createLinesDown();
   var linesMiddle = createLinesMiddle();
@@ -242,19 +225,15 @@ OrganizationChartNode.displayName = 'OrganizationChartNode';
 var OrganizationChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var root = props.value && props.value.length ? props.value[0] : null;
-
   var onNodeClick = function onNodeClick(event, node) {
     if (props.selectionMode) {
       var target = event.target;
-
       if (node.selectable === false || !DomHandler.hasClass(target, 'p-node-toggler') || !DomHandler.hasClass(target, 'p-node-toggler-icon')) {
         return;
       }
-
       var index = findIndexInSelection(node);
       var selected = index >= 0;
       var selection;
-
       if (props.selectionMode === 'single') {
         if (selected) {
           selection = null;
@@ -286,7 +265,6 @@ var OrganizationChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
           });
         }
       }
-
       if (props.onSelectionChange) {
         props.onSelectionChange({
           originalEvent: event,
@@ -295,21 +273,17 @@ var OrganizationChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
       }
     }
   };
-
   var findIndexInSelection = function findIndexInSelection(node) {
     if (props.selectionMode && props.selection) {
       if (props.selectionMode === 'single') return props.selection === node ? 0 : -1;else if (props.selectionMode === 'multiple') return props.selection.findIndex(function (selectedNode) {
         return selectedNode === node;
       });
     }
-
     return -1;
   };
-
   var isSelected = function isSelected(node) {
     return findIndexInSelection(node) !== -1;
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,

package/organizationchart/organizationchart.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{classNames as n,ObjectUtils as t,DomHandler as r}from"primereact/utils";function l(){return l=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},l.apply(this,arguments)}function o(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 a(e){if(Array.isArray(e))return o(e)}function i(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,n){if(e){if("string"==typeof e)return o(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)?o(e,n):void 0}}function d(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function s(e){if(Array.isArray(e))return e}function u(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,o=[],a=!0,i=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(o.push(r.value),!n||o.length!==n);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==t.return||t.return()}finally{if(i)throw l}}return o}}function m(){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 p=e.memo((function(r){var l,o,a,i,d,f,h=r.node,g=e.useState(h.expanded),v=(o=2,s(l=g)||u(l,o)||c(l,o)||m()),y=v[0],N=v[1],E=!1!==h.leaf&&!(h.children&&h.children.length),b=h.children&&h.children.length?2*h.children.length:null,S=r.isSelected(h),z=!E&&y?"inherit":"hidden",C=function(e,n){r.onNodeClick(e,n)},M=function(){if(!E){var t=n("p-node-toggler-icon",{"pi pi-chevron-down":y,"pi pi-chevron-up":!y});return e.createElement("a",{href:"#",className:"p-node-toggler",onClick:function(e){return n=e,N((function(e){return!e})),void n.preventDefault();var n}},e.createElement("i",{className:t}))}return null},w=function(){var n=r.nodeTemplate&&t.getJSXElement(r.nodeTemplate,h)||h.label;return e.createElement("div",null,n)},T=(a=n("p-organizationchart-node-content",{"p-organizationchart-selectable-node":r.selectionMode&&!1!==h.selectable,"p-highlight":S},h.className),i=w(),d=M(),e.createElement("tr",null,e.createElement("td",{colSpan:b},e.createElement("div",{className:a,onClick:function(e){return C(e,h)}},i,d)))),k=e.createElement("tr",{style:{visibility:z},className:"p-organizationchart-lines"},e.createElement("td",{colSpan:b},e.createElement("div",{className:"p-organizationchart-line-down"}))),A=(f=h.children&&h.children.length,e.createElement("tr",{style:{visibility:z},className:"p-organizationchart-lines"},h.children&&1===h.children.length&&e.createElement("td",{colSpan:b},e.createElement("div",{className:"p-organizationchart-line-down"})),h.children&&h.children.length>1&&h.children.map((function(t,r){var l=n("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==r}),o=n("p-organizationchart-line-right",{"p-organizationchart-line-top":r!==f-1});return[e.createElement("td",{key:r+"_lineleft",className:l}," "),e.createElement("td",{key:r+"_lineright",className:o}," ")]})))),O=e.createElement("tr",{style:{visibility:z},className:"p-organizationchart-nodes"},h.children&&h.children.map((function(n,t){return e.createElement("td",{key:t,colSpan:"2"},e.createElement(p,{node:n,nodeTemplate:r.nodeTemplate,selectionMode:r.selectionMode,onNodeClick:r.onNodeClick,isSelected:r.isSelected}))})));return e.createElement("table",{className:"p-organizationchart-table"},e.createElement("tbody",null,T,k,A,O))}));p.displayName="OrganizationChartNode";var f=e.memo(e.forwardRef((function(o,s){var u=e.useRef(null),m=o.value&&o.value.length?o.value[0]:null,h=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(s,(function(){return{props:o,getElement:function(){return u.current}}}));var g=t.findDiffKeys(o,f.defaultProps),v=n("p-organizationchart p-component",o.className);return e.createElement("div",l({id:o.id,ref:u,style:o.style,className:v},g),e.createElement(p,{node:m,nodeTemplate:o.nodeTemplate,selectionMode:o.selectionMode,onNodeClick:function(e,n){if(o.selectionMode){var t=e.target;if(!1===n.selectable||!r.hasClass(t,"p-node-toggler")||!r.hasClass(t,"p-node-toggler-icon"))return;var l,s=h(n),u=s>=0;"single"===o.selectionMode?u?(l=null,o.onNodeUnselect&&o.onNodeUnselect({originalEvent:e,node:n})):(l=n,o.onNodeSelect&&o.onNodeSelect({originalEvent:e,node:n})):"multiple"===o.selectionMode&&(u?(l=o.selection.filter((function(e,n){return n!==s})),o.onNodeUnselect&&o.onNodeUnselect({originalEvent:e,node:n})):(l=[].concat(a(m=o.selection||[])||i(m)||c(m)||d(),[n]),o.onNodeSelect&&o.onNodeSelect({originalEvent:e,node:n}))),o.onSelectionChange&&o.onSelectionChange({originalEvent:e,data:l})}var m},isSelected:function(e){return-1!==h(e)}}))})));f.displayName="OrganizationChart",f.defaultProps={__TYPE:"OrganizationChart",id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null};export{f as OrganizationChart};
+import*as e from"react";import{classNames as n,ObjectUtils as t,DomHandler as r}from"primereact/utils";function l(){return l=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},l.apply(this,arguments)}function o(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 a(e){if(Array.isArray(e))return o(e)}function i(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,n){if(e){if("string"==typeof e)return o(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)?o(e,n):void 0}}function d(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function s(e){if(Array.isArray(e))return e}function u(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,d=!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){d=!0,l=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(d)throw l}}return i}}function m(){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 f=e.memo((function(r){var l,o,a,i,d,p,h=r.node,g=e.useState(h.expanded),v=(o=2,s(l=g)||u(l,o)||c(l,o)||m()),y=v[0],b=v[1],N=!1!==h.leaf&&!(h.children&&h.children.length),E=h.children&&h.children.length?2*h.children.length:null,S=r.isSelected(h),z=!N&&y?"inherit":"hidden",C=function(e,n){r.onNodeClick(e,n)},M=function(){if(!N){var t=n("p-node-toggler-icon",{"pi pi-chevron-down":y,"pi pi-chevron-up":!y});return e.createElement("a",{href:"#",className:"p-node-toggler",onClick:function(e){return n=e,b((function(e){return!e})),void n.preventDefault();var n}},e.createElement("i",{className:t}))}return null},w=function(){var n=r.nodeTemplate&&t.getJSXElement(r.nodeTemplate,h)||h.label;return e.createElement("div",null,n)},O=(a=n("p-organizationchart-node-content",{"p-organizationchart-selectable-node":r.selectionMode&&!1!==h.selectable,"p-highlight":S},h.className),i=w(),d=M(),e.createElement("tr",null,e.createElement("td",{colSpan:E},e.createElement("div",{className:a,onClick:function(e){return C(e,h)}},i,d)))),T=e.createElement("tr",{style:{visibility:z},className:"p-organizationchart-lines"},e.createElement("td",{colSpan:E},e.createElement("div",{className:"p-organizationchart-line-down"}))),j=(p=h.children&&h.children.length,e.createElement("tr",{style:{visibility:z},className:"p-organizationchart-lines"},h.children&&1===h.children.length&&e.createElement("td",{colSpan:E},e.createElement("div",{className:"p-organizationchart-line-down"})),h.children&&h.children.length>1&&h.children.map((function(t,r){var l=n("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==r}),o=n("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}," ")]})))),k=e.createElement("tr",{style:{visibility:z},className:"p-organizationchart-nodes"},h.children&&h.children.map((function(n,t){return e.createElement("td",{key:t,colSpan:"2"},e.createElement(f,{node:n,nodeTemplate:r.nodeTemplate,selectionMode:r.selectionMode,onNodeClick:r.onNodeClick,isSelected:r.isSelected}))})));return e.createElement("table",{className:"p-organizationchart-table"},e.createElement("tbody",null,O,T,j,k))}));f.displayName="OrganizationChartNode";var p=e.memo(e.forwardRef((function(o,s){var u=e.useRef(null),m=o.value&&o.value.length?o.value[0]:null,h=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(s,(function(){return{props:o,getElement:function(){return u.current}}}));var g=t.findDiffKeys(o,p.defaultProps),v=n("p-organizationchart p-component",o.className);return e.createElement("div",l({id:o.id,ref:u,style:o.style,className:v},g),e.createElement(f,{node:m,nodeTemplate:o.nodeTemplate,selectionMode:o.selectionMode,onNodeClick:function(e,n){if(o.selectionMode){var t=e.target;if(!1===n.selectable||!r.hasClass(t,"p-node-toggler")||!r.hasClass(t,"p-node-toggler-icon"))return;var l,s=h(n),u=s>=0;"single"===o.selectionMode?u?(l=null,o.onNodeUnselect&&o.onNodeUnselect({originalEvent:e,node:n})):(l=n,o.onNodeSelect&&o.onNodeSelect({originalEvent:e,node:n})):"multiple"===o.selectionMode&&(u?(l=o.selection.filter((function(e,n){return n!==s})),o.onNodeUnselect&&o.onNodeUnselect({originalEvent:e,node:n})):(l=[].concat(a(m=o.selection||[])||i(m)||c(m)||d(),[n]),o.onNodeSelect&&o.onNodeSelect({originalEvent:e,node:n}))),o.onSelectionChange&&o.onSelectionChange({originalEvent:e,data:l})}var m},isSelected:function(e){return-1!==h(e)}}))})));p.displayName="OrganizationChart",p.defaultProps={__TYPE:"OrganizationChart",id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null};export{p as OrganizationChart};