primereact 9.4.0 → 9.6.0

package/organizationchart/organizationchart.cjs.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 var chevrondown = require('primereact/icons/chevrondown');
 var chevronup = require('primereact/icons/chevronup');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -27,21 +29,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-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 _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];
@@ -73,7 +60,7 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
-var OrganizationChartBase = {
+var OrganizationChartBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'OrganizationChart',
     id: null,
@@ -88,14 +75,64 @@ var OrganizationChartBase = {
     onNodeUnselect: null,
     togglerIcon: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, OrganizationChartBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.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;
@@ -137,6 +174,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__namespace.memo(function (props) {
   var node = props.node;
   var _React$useState = React__namespace.useState(node.expanded),
@@ -147,6 +186,16 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.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);
   };
@@ -157,37 +206,44 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
     event.preventDefault();
   };
   var createChildNodes = function createChildNodes() {
-    return /*#__PURE__*/React__namespace.createElement("tr", {
+    var nodesProps = utils.mergeProps({
+      className: 'p-organizationchart-nodes',
       style: {
         visibility: visibility
-      },
-      className: "p-organizationchart-nodes"
-    }, node.children && node.children.map(function (child, index) {
-      return /*#__PURE__*/React__namespace.createElement("td", {
-        key: index,
-        colSpan: "2"
-      }, /*#__PURE__*/React__namespace.createElement(OrganizationChartNode, {
+      }
+    }, props.ptm('nodes'));
+    var nodeCellProps = utils.mergeProps({
+      colSpan: '2'
+    }, props.ptm('nodeCell'));
+    return /*#__PURE__*/React__namespace.createElement("tr", nodesProps, node.children && node.children.map(function (child, index) {
+      return /*#__PURE__*/React__namespace.createElement("td", _extends({
+        key: index
+      }, nodeCellProps), /*#__PURE__*/React__namespace.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__namespace.createElement("tr", {
+    var linesProps = utils.mergeProps({
+      className: 'p-organizationchart-lines',
       style: {
         visibility: visibility
-      },
-      className: "p-organizationchart-lines"
-    }, node.children && node.children.length === 1 && /*#__PURE__*/React__namespace.createElement("td", {
+      }
+    }, props.ptm('lines'));
+    var lineCellProps = utils.mergeProps({
       colSpan: colspan
-    }, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-organizationchart-line-down"
-    })), node.children && node.children.length > 1 && node.children.map(function (_, index) {
+    }, props.ptm('lineCell'));
+    var lineDownProps = utils.mergeProps({
+      className: 'p-organizationchart-line-down'
+    }, props.ptm('lineDown'));
+    return /*#__PURE__*/React__namespace.createElement("tr", linesProps, node.children && node.children.length === 1 && /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)), node.children && node.children.length > 1 && node.children.map(function (_, index) {
       var leftClassName = utils.classNames('p-organizationchart-line-left', {
         'p-organizationchart-line-top': index !== 0
       });
@@ -204,45 +260,46 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
     }));
   };
   var createLinesDown = function createLinesDown() {
-    return /*#__PURE__*/React__namespace.createElement("tr", {
+    var linesProps = utils.mergeProps({
+      className: 'p-organizationchart-lines',
       style: {
         visibility: visibility
-      },
-      className: "p-organizationchart-lines"
-    }, /*#__PURE__*/React__namespace.createElement("td", {
+      }
+    }, props.ptm('lines'));
+    var lineCellProps = utils.mergeProps({
       colSpan: colspan
-    }, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-organizationchart-line-down"
-    })));
+    }, props.ptm('lineCell'));
+    var lineDownProps = utils.mergeProps({
+      className: 'p-organizationchart-line-down'
+    }, props.ptm('lineDown'));
+    return /*#__PURE__*/React__namespace.createElement("tr", linesProps, /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)));
   };
   var createToggler = function createToggler() {
     if (!leaf) {
       var iconClassName = 'p-node-toggler-icon';
+      var nodeTogglerIconProps = utils.mergeProps({
+        className: iconClassName
+      }, props.ptm('nodeTogglerIcon'));
       var icon;
       if (expandedState) {
-        icon = props.togglerIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, {
-          className: iconClassName
-        });
+        icon = props.togglerIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, nodeTogglerIconProps);
       } else {
-        icon = props.togglerIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, {
-          className: iconClassName
-        });
+        icon = props.togglerIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, nodeTogglerIconProps);
       }
-      var togglerIcon = utils.IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, {
+      var togglerIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, nodeTogglerIconProps), {
         props: props
       });
+      var nodeTogglerProps = utils.mergeProps({
+        className: 'p-node-toggler',
+        onClick: function onClick(e) {
+          return toggleNode(e);
+        },
+        href: '#'
+      }, getPTOptions('nodeToggler'));
       return (
         /*#__PURE__*/
         /* eslint-disable */
-        React__namespace.createElement("a", {
-          href: "#",
-          className: "p-node-toggler",
-          onClick: function onClick(e) {
-            return toggleNode(e);
-          }
-        }, /*#__PURE__*/React__namespace.createElement("i", null, " ", togglerIcon, " "))
+        React__namespace.createElement("a", nodeTogglerProps, /*#__PURE__*/React__namespace.createElement("i", null, " ", togglerIcon, " "))
         /* eslint-enable */
       );
     }
@@ -260,28 +317,36 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
     }, node.className);
     var label = createNodeLabel();
     var toggler = createToggler();
-    return /*#__PURE__*/React__namespace.createElement("tr", null, /*#__PURE__*/React__namespace.createElement("td", {
+    var cellProps = utils.mergeProps({
       colSpan: colspan
-    }, /*#__PURE__*/React__namespace.createElement("div", {
+    }, props.ptm('cell'));
+    var nodeProps = utils.mergeProps({
       className: nodeClassName,
       style: node.style,
       onClick: function onClick(e) {
         return onNodeClick(e, node);
       }
-    }, label, toggler)));
+    }, getPTOptions('node'));
+    return /*#__PURE__*/React__namespace.createElement("tr", null, /*#__PURE__*/React__namespace.createElement("td", cellProps, /*#__PURE__*/React__namespace.createElement("div", nodeProps, label, toggler)));
   };
   var nodeContent = createNodeContent();
   var linesDown = createLinesDown();
   var linesMiddle = createLinesMiddle();
   var childNodes = createChildNodes();
-  return /*#__PURE__*/React__namespace.createElement("table", {
-    className: "p-organizationchart-table"
-  }, /*#__PURE__*/React__namespace.createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
+  var tableProps = utils.mergeProps({
+    className: 'p-organizationchart-table'
+  }, props.ptm('table'));
+  return /*#__PURE__*/React__namespace.createElement("table", tableProps, /*#__PURE__*/React__namespace.createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
 });
 OrganizationChartNode.displayName = 'OrganizationChartNode';
 
 var OrganizationChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = OrganizationChartBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = OrganizationChartBase.getProps(inProps, context);
+  var _OrganizationChartBas = OrganizationChartBase.setMetaData({
+      props: props
+    }),
+    ptm = _OrganizationChartBas.ptm;
   var elementRef = React__namespace.useRef(null);
   var root = props.value && props.value.length ? props.value[0] : null;
   var onNodeClick = function onNodeClick(event, node) {
@@ -351,20 +416,21 @@ var OrganizationChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
       }
     };
   });
-  var otherProps = OrganizationChartBase.getOtherProps(props);
   var className = utils.classNames('p-organizationchart p-component', props.className);
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
+  var rootProps = utils.mergeProps({
     id: props.id,
     ref: elementRef,
     style: props.style,
     className: className
-  }, otherProps), /*#__PURE__*/React__namespace.createElement(OrganizationChartNode, {
+  }, OrganizationChartBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.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.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/utils"),t=require("primereact/icons/chevrondown"),r=require("primereact/icons/chevronup");function l(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 o=l(e);function a(){return a=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},a.apply(this,arguments)}function i(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 c(e){if(Array.isArray(e))return i(e)}function s(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 i(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)?i(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.")}var m={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.ObjectUtils.getMergedProps(e,m.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,m.defaultProps)}};function f(e){if(Array.isArray(e))return e}function p(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 g(){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 h=o.memo((function(e){var l,a,i,c,s,d,m=e.node,v=o.useState(m.expanded),y=(a=2,f(l=v)||p(l,a)||u(l,a)||g()),b=y[0],N=y[1],E=!1!==m.leaf&&!(m.children&&m.children.length),S=m.children&&m.children.length?2*m.children.length:null,O=e.isSelected(m),j=!E&&b?"inherit":"hidden",z=function(n,t){e.onNodeClick(n,t)},C=function(){if(!E){var l="p-node-toggler-icon",a=n.IconUtils.getJSXIcon(b?e.togglerIcon||o.createElement(t.ChevronDownIcon,{className:l}):e.togglerIcon||o.createElement(r.ChevronUpIcon,{className:l}),{className:l},{props:e});return o.createElement("a",{href:"#",className:"p-node-toggler",onClick:function(e){return n=e,N((function(e){return!e})),void n.preventDefault();var n}},o.createElement("i",null," ",a," "))}return null},I=function(){var t=e.nodeTemplate&&n.ObjectUtils.getJSXElement(e.nodeTemplate,m)||m.label;return o.createElement("div",null,t)},M=(i=n.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.selectionMode&&!1!==m.selectable,"p-highlight":O},m.className),c=I(),s=C(),o.createElement("tr",null,o.createElement("td",{colSpan:S},o.createElement("div",{className:i,style:m.style,onClick:function(e){return z(e,m)}},c,s)))),P=o.createElement("tr",{style:{visibility:j},className:"p-organizationchart-lines"},o.createElement("td",{colSpan:S},o.createElement("div",{className:"p-organizationchart-line-down"}))),w=(d=m.children&&m.children.length,o.createElement("tr",{style:{visibility:j},className:"p-organizationchart-lines"},m.children&&1===m.children.length&&o.createElement("td",{colSpan:S},o.createElement("div",{className:"p-organizationchart-line-down"})),m.children&&m.children.length>1&&m.children.map((function(e,t){var r=n.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==t}),l=n.classNames("p-organizationchart-line-right",{"p-organizationchart-line-top":t!==d-1});return[o.createElement("td",{key:t+"_lineleft",className:r}," "),o.createElement("td",{key:t+"_lineright",className:l}," ")]})))),U=o.createElement("tr",{style:{visibility:j},className:"p-organizationchart-nodes"},m.children&&m.children.map((function(n,t){return o.createElement("td",{key:t,colSpan:"2"},o.createElement(h,{node:n,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected,togglerIcon:e.togglerIcon}))})));return o.createElement("table",{className:"p-organizationchart-table"},o.createElement("tbody",null,M,P,w,U))}));h.displayName="OrganizationChartNode";var v=o.memo(o.forwardRef((function(e,t){var r=m.getProps(e),l=o.useRef(null),i=r.value&&r.value.length?r.value[0]:null,f=function(e){if(r.selectionMode&&r.selection){if("single"===r.selectionMode)return r.selection===e?0:-1;if("multiple"===r.selectionMode)return r.selection.findIndex((function(n){return n===e}))}return-1};o.useImperativeHandle(t,(function(){return{props:r,getElement:function(){return l.current}}}));var p=m.getOtherProps(r),g=n.classNames("p-organizationchart p-component",r.className);return o.createElement("div",a({id:r.id,ref:l,style:r.style,className:g},p),o.createElement(h,{node:i,nodeTemplate:r.nodeTemplate,selectionMode:r.selectionMode,onNodeClick:function(e,t){if(r.selectionMode){var l=e.target;if(!1===t.selectable||n.DomHandler.hasClass(l,"p-node-toggler")||n.DomHandler.hasClass(l,"p-node-toggler-icon"))return;var o,a=f(t),i=a>=0;"single"===r.selectionMode?i?(o=null,r.onNodeUnselect&&r.onNodeUnselect({originalEvent:e,node:t})):(o=t,r.onNodeSelect&&r.onNodeSelect({originalEvent:e,node:t})):"multiple"===r.selectionMode&&(i?(o=r.selection.filter((function(e,n){return n!==a})),r.onNodeUnselect&&r.onNodeUnselect({originalEvent:e,node:t})):(o=[].concat(c(m=r.selection||[])||s(m)||u(m)||d(),[t]),r.onNodeSelect&&r.onNodeSelect({originalEvent:e,node:t}))),r.onSelectionChange&&r.onSelectionChange({originalEvent:e,data:o})}var m},isSelected:function(e){return-1!==f(e)},togglerIcon:r.togglerIcon}))})));v.displayName="OrganizationChart",exports.OrganizationChart=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/componentbase"),r=require("primereact/icons/chevrondown"),o=require("primereact/icons/chevronup"),l=require("primereact/api");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=i(e);function c(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 s(e){if(Array.isArray(e))return c(e)}function u(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 c(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)?c(e,t):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 d=n.ComponentBase.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 f(e){return f="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},f(e)}function g(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===f(t)?t:String(t)}function y(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(){return b=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},b.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function O(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,s=!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){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function S(){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 E(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 N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var P=a.memo((function(e){var n,l,i,c,s,u,m,d,f,g,h,y,E=e.node,j=a.useState(E.expanded),w=(l=2,v(n=j)||O(n,l)||p(n,l)||S()),C=w[0],I=w[1],z=!1!==E.leaf&&!(E.children&&E.children.length),M=E.children&&E.children.length?2*E.children.length:null,T=e.isSelected(E),D=!z&&C?"inherit":"hidden",k=function(t){return e.ptm(t,{state:{expanded:C},context:{selected:e.isSelected(E)}})},x=function(t,n){e.onNodeClick(t,n)},A=function(){if(!z){var n=t.mergeProps({className:"p-node-toggler-icon"},e.ptm("nodeTogglerIcon")),l=t.IconUtils.getJSXIcon(C?e.togglerIcon||a.createElement(r.ChevronDownIcon,n):e.togglerIcon||a.createElement(o.ChevronUpIcon,n),N({},n),{props:e}),i=t.mergeProps({className:"p-node-toggler",onClick:function(e){return t=e,I((function(e){return!e})),void t.preventDefault();var t},href:"#"},k("nodeToggler"));return a.createElement("a",i,a.createElement("i",null," ",l," "))}return null},U=function(){var n=e.nodeTemplate&&t.ObjectUtils.getJSXElement(e.nodeTemplate,E)||E.label;return a.createElement("div",null,n)},_=(i=t.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.selectionMode&&!1!==E.selectable,"p-highlight":T},E.className),c=U(),s=A(),u=t.mergeProps({colSpan:M},e.ptm("cell")),m=t.mergeProps({className:i,style:E.style,onClick:function(e){return x(e,E)}},k("node")),a.createElement("tr",null,a.createElement("td",u,a.createElement("div",m,c,s)))),q=(d=t.mergeProps({className:"p-organizationchart-lines",style:{visibility:D}},e.ptm("lines")),f=t.mergeProps({colSpan:M},e.ptm("lineCell")),g=t.mergeProps({className:"p-organizationchart-line-down"},e.ptm("lineDown")),a.createElement("tr",d,a.createElement("td",f,a.createElement("div",g)))),H=function(){var n=E.children&&E.children.length,r=t.mergeProps({className:"p-organizationchart-lines",style:{visibility:D}},e.ptm("lines")),o=t.mergeProps({colSpan:M},e.ptm("lineCell")),l=t.mergeProps({className:"p-organizationchart-line-down"},e.ptm("lineDown"));return a.createElement("tr",r,E.children&&1===E.children.length&&a.createElement("td",o,a.createElement("div",l)),E.children&&E.children.length>1&&E.children.map((function(e,r){var o=t.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==r}),l=t.classNames("p-organizationchart-line-right",{"p-organizationchart-line-top":r!==n-1});return[a.createElement("td",{key:r+"_lineleft",className:o}," "),a.createElement("td",{key:r+"_lineright",className:l}," ")]})))}(),R=(h=t.mergeProps({className:"p-organizationchart-nodes",style:{visibility:D}},e.ptm("nodes")),y=t.mergeProps({colSpan:"2"},e.ptm("nodeCell")),a.createElement("tr",h,E.children&&E.children.map((function(t,n){return a.createElement("td",b({key:n},y),a.createElement(P,{node:t,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected,togglerIcon:e.togglerIcon,ptm:e.ptm}))})))),J=t.mergeProps({className:"p-organizationchart-table"},e.ptm("table"));return a.createElement("table",J,a.createElement("tbody",null,_,q,H,R))}));P.displayName="OrganizationChartNode";var j=a.memo(a.forwardRef((function(e,n){var r=a.useContext(l.PrimeReactContext),o=d.getProps(e,r),i=d.setMetaData({props:o}).ptm,c=a.useRef(null),f=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(t){return t===e}))}return-1};a.useImperativeHandle(n,(function(){return{props:o,getElement:function(){return c.current}}}));var h=t.classNames("p-organizationchart p-component",o.className),y=t.mergeProps({id:o.id,ref:c,style:o.style,className:h},d.getOtherProps(o),i("root"));return a.createElement("div",y,a.createElement(P,{node:f,nodeTemplate:o.nodeTemplate,selectionMode:o.selectionMode,onNodeClick:function(e,n){if(o.selectionMode){var r=e.target;if(!1===n.selectable||t.DomHandler.hasClass(r,"p-node-toggler")||t.DomHandler.hasClass(r,"p-node-toggler-icon"))return;var l,i=g(n),a=i>=0;"single"===o.selectionMode?a?(l=null,o.onNodeUnselect&&o.onNodeUnselect({originalEvent:e,node:n})):(l=n,o.onNodeSelect&&o.onNodeSelect({originalEvent:e,node:n})):"multiple"===o.selectionMode&&(a?(l=o.selection.filter((function(e,t){return t!==i})),o.onNodeUnselect&&o.onNodeUnselect({originalEvent:e,node:n})):(l=[].concat(s(c=o.selection||[])||u(c)||p(c)||m(),[n]),o.onNodeSelect&&o.onNodeSelect({originalEvent:e,node:n}))),o.onSelectionChange&&o.onSelectionChange({originalEvent:e,data:l})}var c},isSelected:function(e){return-1!==g(e)},togglerIcon:o.togglerIcon,ptm:i}))})));j.displayName="OrganizationChart",exports.OrganizationChart=j;

package/organizationchart/organizationchart.d.ts

@@ -8,7 +8,89 @@
  *
  */
 import * as React from 'react';
-import { IconType } from '../utils/utils';
+import { IconType, PassThroughType } from '../utils/utils';
+
+export declare type OrganizationChartPassThroughType<T> = PassThroughType<T, OrganizationChartPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface OrganizationChartPassThroughMethodOptions {
+    props: OrganizationChartProps;
+    state: OrganizationChartState;
+    context: OrganizationChartContext;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link OrganizationChartProps.pt}
+ */
+export interface OrganizationChartPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the table's DOM element.
+     */
+    table?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLTableCellElement>>;
+    /**
+     * Uses to pass attributes to the cell's DOM element.
+     */
+    cell?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLTableCellElement>>;
+    /**
+     * Uses to pass attributes to the node's DOM element.
+     */
+    node?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the nodeToggler's DOM element.
+     */
+    nodeToggler?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLAnchorElement>>;
+    /**
+     * Uses to pass attributes to the nodeTogglerIcon's DOM element.
+     */
+    nodeTogglerIcon?: OrganizationChartPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the lines's DOM element.
+     */
+    lines?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLTableRowElement>>;
+    /**
+     * Uses to pass attributes to the lineCell's DOM element.
+     */
+    lineCell?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLTableCellElement>>;
+    /**
+     * Uses to pass attributes to the lineDown's DOM element.
+     */
+    lineDown?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the nodes's DOM element.
+     */
+    nodes?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLTableRowElement>>;
+    /**
+     * Uses to pass attributes to the nodeCell's DOM element.
+     */
+    nodeCell?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLTableCellElement>>;
+}
+
+/**
+ * Defines current inline state in OrganizationChart component.
+ */
+export interface OrganizationChartState {
+    /**
+     * Current focus expanded of the node as a boolean.
+     */
+    expanded: boolean;
+}
+
+/**
+ * Defines current options in OrganizationChart component.
+ */
+export interface OrganizationChartContext {
+    /**
+     * Current selection state of the node as a boolean.
+     */
+    selected: boolean;
+}
 
 /**
  * Custom node select event.
@@ -89,7 +171,7 @@ interface OrganizationChartNodeData {
  * Defines valid properties in OrganizationChart component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
  */
-export interface OrganizationChartProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
+export interface OrganizationChartProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref' | 'pt'> {
     /**
      * An array of nested TreeNodes.
      */
@@ -131,6 +213,11 @@ export interface OrganizationChartProps extends Omit<React.DetailedHTMLProps<Rea
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {OrganizationChartPassThroughOptions}
+     */
+    pt?: OrganizationChartPassThroughOptions;
 }
 
 /**