primereact 8.2.0 → 8.3.0

package/orderlist/orderlist.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.orderlist = (function (exports, React, hooks, utils, button, ripple) {
+this.primereact.orderlist = (function (exports, React, hooks, api, utils, button, ripple) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -40,6 +40,21 @@ this.primereact.orderlist = (function (exports, React, hooks, utils, button, rip
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
@@ -253,6 +268,14 @@ this.primereact.orderlist = (function (exports, React, hooks, utils, button, rip
     var draggedItemIndex = React__namespace.useRef(null);
     var dragOverItemIndex = React__namespace.useRef(null);
     var listElementRef = React__namespace.useRef(null);
+    var filterOptions = {
+      filter: function filter(e) {
+        return props.onFilterInputChange(e);
+      },
+      reset: function reset() {
+        return props.resetFilter();
+      }
+    };
 
     var isSelected = function isSelected(item) {
       return utils.ObjectUtils.findIndexInList(item, props.selection, props.dataKey) !== -1;
@@ -310,6 +333,13 @@ this.primereact.orderlist = (function (exports, React, hooks, utils, button, rip
       }
     };
 
+    var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
+      //enter
+      if (event.which === 13) {
+        event.preventDefault();
+      }
+    };
+
     var createDropPoint = function createDropPoint(index, key) {
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
@@ -411,20 +441,69 @@ this.primereact.orderlist = (function (exports, React, hooks, utils, button, rip
       }, items);
     };
 
+    var createFilter = function createFilter() {
+      if (props.filter) {
+        var content = /*#__PURE__*/React__namespace.createElement("div", {
+          className: "p-orderlist-filter"
+        }, /*#__PURE__*/React__namespace.createElement("input", {
+          type: "text",
+          value: props.filterValue,
+          onChange: props.onFilter,
+          onKeyDown: onFilterInputKeyDown,
+          placeholder: props.placeholder,
+          className: "p-orderlist-filter-input p-inputtext p-component"
+        }), /*#__PURE__*/React__namespace.createElement("span", {
+          className: "p-orderlist-filter-icon pi pi-search"
+        }));
+
+        if (props.filterTemplate) {
+          var defaultContentOptions = {
+            className: 'p-orderlist-filter',
+            inputProps: {
+              inputClassName: 'p-orderlist-filter-input p-inputtext p-component',
+              onChange: props.onFilter,
+              onKeyDown: onFilterInputKeyDown
+            },
+            filterOptions: filterOptions,
+            iconClassName: 'p-orderlist-filter-icon pi pi-search',
+            element: content,
+            props: props
+          };
+          content = utils.ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
+        }
+
+        return /*#__PURE__*/React__namespace.createElement("div", {
+          className: "p-orderlist-filter-container"
+        }, content);
+      }
+
+      return null;
+    };
+
     var header = createHeader();
+    var filter = createFilter();
     var list = createList();
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-orderlist-list-container"
-    }, header, list);
+    }, header, filter, list);
   });
   OrderListSubList.displayName = 'OrderListSubList';
 
+  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 OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState([]),
         _React$useState2 = _slicedToArray(_React$useState, 2),
         selectionState = _React$useState2[0],
         setSelectionState = _React$useState2[1];
 
+    var _React$useState3 = React__namespace.useState(''),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        filterValueState = _React$useState4[0],
+        setFilterValueState = _React$useState4[1];
+
+    var hasFilter = utils.ObjectUtils.isNotEmpty(filterValueState);
     var elementRef = React__namespace.useRef(null);
     var reorderDirection = React__namespace.useRef(null);
 
@@ -466,6 +545,47 @@ this.primereact.orderlist = (function (exports, React, hooks, utils, button, rip
       }
     };
 
+    var onFilter = function onFilter(event) {
+      var _filterValue = event.target.value;
+      setFilterValueState(_filterValue);
+
+      if (props.onFilter) {
+        props.onFilter({
+          originalEvent: event,
+          value: _filterValue
+        });
+      }
+    };
+
+    var resetFilter = function resetFilter() {
+      setFilterValueState('');
+      props.onFilter && props.onFilter({
+        filter: ''
+      });
+    };
+
+    var onFilterInputChange = function onFilterInputChange(event) {
+      var filter = event.target.value;
+      setFilterValueState(filter);
+
+      if (props.onFilter) {
+        props.onFilter({
+          originalEvent: event,
+          filter: filter
+        });
+      }
+    };
+
+    var getVisibleList = function getVisibleList() {
+      if (hasFilter) {
+        var filterValue = filterValueState.trim().toLocaleLowerCase(props.filterLocale);
+        var searchFields = props.filterBy ? props.filterBy.split(',') : [];
+        return api.FilterService.filter(props.value, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+      }
+
+      return props.value;
+    };
+
     var findNextItem = function findNextItem(item) {
       var nextItem = item.nextElementSibling;
       return nextItem ? !utils.DomHandler.hasClass(nextItem, 'p-orderlist-item') ? findNextItem(nextItem) : nextItem : null;
@@ -515,6 +635,13 @@ this.primereact.orderlist = (function (exports, React, hooks, utils, button, rip
       }
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     hooks.useUpdateEffect(function () {
       if (reorderDirection.current) {
         updateListScroll();
@@ -523,22 +650,28 @@ this.primereact.orderlist = (function (exports, React, hooks, utils, button, rip
     });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, OrderList.defaultProps);
     var className = utils.classNames('p-orderlist p-component', props.className);
+    var visibleList = getVisibleList();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       ref: elementRef,
       id: props.id,
       className: className,
       style: props.style
     }, otherProps), /*#__PURE__*/React__namespace.createElement(OrderListControls, {
-      value: props.value,
+      value: visibleList,
       selection: selectionState,
       onReorder: onReorder,
       dataKey: props.dataKey
     }), /*#__PURE__*/React__namespace.createElement(OrderListSubList, {
-      value: props.value,
+      value: visibleList,
       selection: selectionState,
       onItemClick: onItemClick,
       onItemKeyDown: onItemKeyDown,
+      onFilterInputChange: onFilterInputChange,
       itemTemplate: props.itemTemplate,
+      filter: props.filter,
+      onFilter: onFilter,
+      resetFilter: resetFilter,
+      filterTemplate: props.filterTemplate,
       header: props.header,
       listStyle: props.listStyle,
       dataKey: props.dataKey,
@@ -560,7 +693,14 @@ this.primereact.orderlist = (function (exports, React, hooks, utils, button, rip
     tabIndex: 0,
     dataKey: null,
     onChange: null,
-    itemTemplate: null
+    itemTemplate: null,
+    filter: false,
+    filterBy: null,
+    filterMatchMode: 'contains',
+    filterLocale: undefined,
+    filterPlaceholder: null,
+    filterTemplate: null,
+    onFilter: null
   };
 
   exports.OrderList = OrderList;
@@ -569,4 +709,4 @@ this.primereact.orderlist = (function (exports, React, hooks, utils, button, rip
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.utils, primereact.button, primereact.ripple);
+})({}, React, primereact.hooks, primereact.api, primereact.utils, primereact.button, primereact.ripple);

package/orderlist/orderlist.min.css

@@ -1 +1 @@
-.p-orderlist{display:flex}.p-orderlist-controls{display:flex;flex-direction:column;justify-content:center}.p-orderlist-list-container{flex:1 1 auto}.p-orderlist-list{list-style-type:none;margin:0;padding:0;overflow:auto;min-height:12rem;max-height:24rem}.p-orderlist-item{cursor:pointer;overflow:hidden;position:relative}.p-orderlist.p-state-disabled .p-orderlist-item,.p-orderlist.p-state-disabled .p-button{cursor:default}.p-orderlist.p-state-disabled .p-orderlist-list{overflow:hidden}
+.p-orderlist{display:flex}.p-orderlist-controls{display:flex;flex-direction:column;justify-content:center}.p-orderlist-list-container{flex:1 1 auto}.p-orderlist-list{list-style-type:none;margin:0;padding:0;overflow:auto;min-height:12rem;max-height:24rem}.p-orderlist-item{cursor:pointer;overflow:hidden;position:relative}.p-orderlist-filter{position:relative}.p-orderlist-filter-icon{position:absolute;top:50%;margin-top:-.5rem}.p-orderlist-filter-input{width:100%}.p-orderlist.p-state-disabled .p-orderlist-item,.p-orderlist.p-state-disabled .p-button{cursor:default}.p-orderlist.p-state-disabled .p-orderlist-list{overflow:hidden}

package/orderlist/orderlist.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.orderlist=function(e,t,r,n,l,a){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=i(t);function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}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 f(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function p(){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 v(e){return s(e)||d(e)||f(e)||p()}function m(e){if(Array.isArray(e))return e}function g(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,a=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw l}}return a}}function y(){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){return o.createElement("div",{className:"p-orderlist-controls"},o.createElement(l.Button,{type:"button",icon:"pi pi-angle-up",onClick:function(t){if(e.selection){for(var r=v(e.value),l=0;l<e.selection.length;l++){var a=n.ObjectUtils.findIndexInList(e.selection[l],r,e.dataKey);if(0===a)break;var i=r[a-1];r[a-1]=r[a],r[a]=i}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}}}),o.createElement(l.Button,{type:"button",icon:"pi pi-angle-double-up",onClick:function(t){if(e.selection){for(var r=v(e.value),l=0;l<e.selection.length;l++){var a=n.ObjectUtils.findIndexInList(e.selection[l],r,e.dataKey);if(0===a)break;var i=r.splice(a,1)[0];r.unshift(i)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}}}),o.createElement(l.Button,{type:"button",icon:"pi pi-angle-down",onClick:function(t){if(e.selection){for(var r=v(e.value),l=e.selection.length-1;l>=0;l--){var a=n.ObjectUtils.findIndexInList(e.selection[l],r,e.dataKey);if(a===r.length-1)break;var i=r[a+1];r[a+1]=r[a],r[a]=i}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}}}),o.createElement(l.Button,{type:"button",icon:"pi pi-angle-double-down",onClick:function(t){if(e.selection){for(var r=v(e.value),l=e.selection.length-1;l>=0;l--){var a=n.ObjectUtils.findIndexInList(e.selection[l],r,e.dataKey);if(a===r.length-1)break;var i=r.splice(a,1)[0];r.push(i)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}}}))}));h.displayName="OrderListControls";var b=o.memo((function(e){var t,r=o.useRef(null),l=o.useRef(null),i=o.useRef(null),u=o.useRef(null),c=function(t){return-1!==n.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},s=function(e,t){l.current!==t&&l.current+1!==t&&(i.current=t,n.DomHandler.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())},d=function(e){i.current=null,n.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")},f=function(t){var r=l.current>i.current?i.current:0===i.current?0:i.current-1,a=v(e.value);n.ObjectUtils.reorderArray(a,l.current,r),i.current=null,n.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),e.onChange&&e.onChange({originalEvent:t,value:a})},p=function(e){r.current=!1},m=function(e){if(r.current){var t=u.current.getBoundingClientRect().top+n.DomHandler.getWindowScrollTop(),l=t+u.current.clientHeight-e.pageY,a=e.pageY-t;l<25&&l>0?u.current.scrollTop+=15:a<25&&a>0&&(u.current.scrollTop-=15)}},g=function(e,t){return o.createElement("li",{key:t,className:"p-orderlist-droppoint",onDragOver:function(t){return s(t,e+1)},onDragLeave:d,onDrop:f})},y=e.header?o.createElement("div",{className:"p-orderlist-header"},e.header):null,h=(t=e.value?e.value.map((function(t,i){var u=e.itemTemplate?e.itemTemplate(t):t,s=n.classNames("p-orderlist-item",{"p-highlight":c(t)},e.className),d=JSON.stringify(t);if(e.dragdrop){var f=[g(i,d+"_droppoint"),o.createElement("li",{key:d,className:s,onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:i})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:i})},role:"option","aria-selected":c(t),draggable:"true",onDragStart:function(t){return n=t,a=i,r.current=!0,l.current=a,void(e.dragdropScope&&n.dataTransfer.setData("text","orderlist"));var n,a},onDragEnd:p,tabIndex:e.tabIndex},u,o.createElement(a.Ripple,null))];return i===e.value.length-1&&f.push(g(t,i)),f}return o.createElement("li",{key:d,className:s,role:"option","aria-selected":c(t),onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:i})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:i})},tabIndex:e.tabIndex},u)})):null,o.createElement("ul",{ref:u,className:"p-orderlist-list",style:e.listStyle,onDragOver:m,role:"listbox","aria-multiselectable":!0},t));return o.createElement("div",{className:"p-orderlist-list-container"},y,h)}));b.displayName="OrderListSubList";var E=o.memo(o.forwardRef((function(e,t){var l,a,i=o.useState([]),c=(a=2,m(l=i)||g(l,a)||f(l,a)||y()),s=c[0],d=c[1],p=o.useRef(null),I=o.useRef(null),D=function(t){var r,l=t.originalEvent.metaKey||t.originalEvent.ctrlKey,a=n.ObjectUtils.findIndexInList(t.value,s,e.dataKey);r=-1!==a?l?s.filter((function(e,t){return t!==a})):[t.value]:l?[].concat(v(s),[t.value]):[t.value],d(r)},O=function e(t){var r=t.nextElementSibling;return r?n.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},w=function e(t){var r=t.previousElementSibling;return r?n.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},C=function(){var e=n.DomHandler.findSingle(p.current,".p-orderlist-list"),t=n.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(I.current){case"up":n.DomHandler.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":n.DomHandler.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}};r.useUpdateEffect((function(){I.current&&(C(),I.current=null)}));var k=n.ObjectUtils.findDiffKeys(e,E.defaultProps),x=n.classNames("p-orderlist p-component",e.className);return o.createElement("div",u({ref:p,id:e.id,className:x,style:e.style},k),o.createElement(h,{value:e.value,selection:s,onReorder:function(t){e.onChange&&e.onChange({event:t.originalEvent,value:t.value}),I.current=t.direction},dataKey:e.dataKey}),o.createElement(b,{value:e.value,selection:s,onItemClick:D,onItemKeyDown:function(e){var t=e.originalEvent,r=t.currentTarget;switch(t.which){case 40:var n=O(r);n&&n.focus(),t.preventDefault();break;case 38:var l=w(r);l&&l.focus(),t.preventDefault();break;case 13:D(e),t.preventDefault()}},itemTemplate:e.itemTemplate,header:e.header,listStyle:e.listStyle,dataKey:e.dataKey,dragdrop:e.dragdrop,onChange:e.onChange,tabIndex:e.tabIndex}))})));return E.displayName="OrderList",E.defaultProps={__TYPE:"OrderList",id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,onChange:null,itemTemplate:null},e.OrderList=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils,primereact.button,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.orderlist=function(e,t,r,n,l,i,o){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function p(e){if(Array.isArray(e))return f(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function v(){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 g(e){return p(e)||d(e)||m(e)||v()}function y(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,i=[],o=!0,a=!1;try{for(r=r.call(e);!(o=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);o=!0);}catch(e){a=!0,l=e}finally{try{o||null==r.return||r.return()}finally{if(a)throw l}}return i}}function b(){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 O(e,t){return y(e)||h(e,t)||m(e,t)||b()}var E=u.memo((function(e){return u.createElement("div",{className:"p-orderlist-controls"},u.createElement(i.Button,{type:"button",icon:"pi pi-angle-up",onClick:function(t){if(e.selection){for(var r=g(e.value),n=0;n<e.selection.length;n++){var i=l.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===i)break;var o=r[i-1];r[i-1]=r[i],r[i]=o}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}}}),u.createElement(i.Button,{type:"button",icon:"pi pi-angle-double-up",onClick:function(t){if(e.selection){for(var r=g(e.value),n=0;n<e.selection.length;n++){var i=l.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===i)break;var o=r.splice(i,1)[0];r.unshift(o)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}}}),u.createElement(i.Button,{type:"button",icon:"pi pi-angle-down",onClick:function(t){if(e.selection){for(var r=g(e.value),n=e.selection.length-1;n>=0;n--){var i=l.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(i===r.length-1)break;var o=r[i+1];r[i+1]=r[i],r[i]=o}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}}}),u.createElement(i.Button,{type:"button",icon:"pi pi-angle-double-down",onClick:function(t){if(e.selection){for(var r=g(e.value),n=e.selection.length-1;n>=0;n--){var i=l.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(i===r.length-1)break;var o=r.splice(i,1)[0];r.push(o)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}}}))}));E.displayName="OrderListControls";var w=u.memo((function(e){var t,r=u.useRef(null),n=u.useRef(null),i=u.useRef(null),a=u.useRef(null),c={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},s=function(t){return-1!==l.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},f=function(e,t){n.current!==t&&n.current+1!==t&&(i.current=t,l.DomHandler.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())},p=function(e){i.current=null,l.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")},d=function(t){var r=n.current>i.current?i.current:0===i.current?0:i.current-1,o=g(e.value);l.ObjectUtils.reorderArray(o,n.current,r),i.current=null,l.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),e.onChange&&e.onChange({originalEvent:t,value:o})},m=function(e){r.current=!1},v=function(e){if(r.current){var t=a.current.getBoundingClientRect().top+l.DomHandler.getWindowScrollTop(),n=t+a.current.clientHeight-e.pageY,i=e.pageY-t;n<25&&n>0?a.current.scrollTop+=15:i<25&&i>0&&(a.current.scrollTop-=15)}},y=function(e){13===e.which&&e.preventDefault()},h=function(e,t){return u.createElement("li",{key:t,className:"p-orderlist-droppoint",onDragOver:function(t){return f(t,e+1)},onDragLeave:p,onDrop:d})},b=e.header?u.createElement("div",{className:"p-orderlist-header"},e.header):null,O=function(){if(e.filter){var t=u.createElement("div",{className:"p-orderlist-filter"},u.createElement("input",{type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:y,placeholder:e.placeholder,className:"p-orderlist-filter-input p-inputtext p-component"}),u.createElement("span",{className:"p-orderlist-filter-icon pi pi-search"}));if(e.filterTemplate)t=l.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-orderlist-filter",inputProps:{inputClassName:"p-orderlist-filter-input p-inputtext p-component",onChange:e.onFilter,onKeyDown:y},filterOptions:c,iconClassName:"p-orderlist-filter-icon pi pi-search",element:t,props:e});return u.createElement("div",{className:"p-orderlist-filter-container"},t)}return null}(),E=(t=e.value?e.value.map((function(t,i){var a=e.itemTemplate?e.itemTemplate(t):t,c=l.classNames("p-orderlist-item",{"p-highlight":s(t)},e.className),f=JSON.stringify(t);if(e.dragdrop){var p=[h(i,f+"_droppoint"),u.createElement("li",{key:f,className:c,onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:i})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:i})},role:"option","aria-selected":s(t),draggable:"true",onDragStart:function(t){return l=t,o=i,r.current=!0,n.current=o,void(e.dragdropScope&&l.dataTransfer.setData("text","orderlist"));var l,o},onDragEnd:m,tabIndex:e.tabIndex},a,u.createElement(o.Ripple,null))];return i===e.value.length-1&&p.push(h(t,i)),p}return u.createElement("li",{key:f,className:c,role:"option","aria-selected":s(t),onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:i})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:i})},tabIndex:e.tabIndex},a)})):null,u.createElement("ul",{ref:a,className:"p-orderlist-list",style:e.listStyle,onDragOver:v,role:"listbox","aria-multiselectable":!0},t));return u.createElement("div",{className:"p-orderlist-list-container"},b,O,E)}));function D(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function I(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}w.displayName="OrderListSubList";var j=u.memo(u.forwardRef((function(e,t){var i=O(u.useState([]),2),o=i[0],a=i[1],s=O(u.useState(""),2),f=s[0],p=s[1],d=l.ObjectUtils.isNotEmpty(f),m=u.useRef(null),v=u.useRef(null),y=function(t){var r,n=t.originalEvent.metaKey||t.originalEvent.ctrlKey,i=l.ObjectUtils.findIndexInList(t.value,o,e.dataKey);r=-1!==i?n?o.filter((function(e,t){return t!==i})):[t.value]:n?[].concat(g(o),[t.value]):[t.value],a(r)},h=function e(t){var r=t.nextElementSibling;return r?l.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},b=function e(t){var r=t.previousElementSibling;return r?l.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},D=function(){var e=l.DomHandler.findSingle(m.current,".p-orderlist-list"),t=l.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(v.current){case"up":l.DomHandler.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":l.DomHandler.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}};u.useImperativeHandle(t,(function(){return I({getElement:function(){return m.current}},e)})),r.useUpdateEffect((function(){v.current&&(D(),v.current=null)}));var C=l.ObjectUtils.findDiffKeys(e,j.defaultProps),S=l.classNames("p-orderlist p-component",e.className),N=function(){if(d){var t=f.trim().toLocaleLowerCase(e.filterLocale),r=e.filterBy?e.filterBy.split(","):[];return n.FilterService.filter(e.value,r,t,e.filterMatchMode,e.filterLocale)}return e.value}();return u.createElement("div",c({ref:m,id:e.id,className:S,style:e.style},C),u.createElement(E,{value:N,selection:o,onReorder:function(t){e.onChange&&e.onChange({event:t.originalEvent,value:t.value}),v.current=t.direction},dataKey:e.dataKey}),u.createElement(w,{value:N,selection:o,onItemClick:y,onItemKeyDown:function(e){var t=e.originalEvent,r=t.currentTarget;switch(t.which){case 40:var n=h(r);n&&n.focus(),t.preventDefault();break;case 38:var l=b(r);l&&l.focus(),t.preventDefault();break;case 13:y(e),t.preventDefault()}},onFilterInputChange:function(t){var r=t.target.value;p(r),e.onFilter&&e.onFilter({originalEvent:t,filter:r})},itemTemplate:e.itemTemplate,filter:e.filter,onFilter:function(t){var r=t.target.value;p(r),e.onFilter&&e.onFilter({originalEvent:t,value:r})},resetFilter:function(){p(""),e.onFilter&&e.onFilter({filter:""})},filterTemplate:e.filterTemplate,header:e.header,listStyle:e.listStyle,dataKey:e.dataKey,dragdrop:e.dragdrop,onChange:e.onChange,tabIndex:e.tabIndex}))})));return j.displayName="OrderList",j.defaultProps={__TYPE:"OrderList",id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,onChange:null,itemTemplate:null,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,filterPlaceholder:null,filterTemplate:null,onFilter:null},e.OrderList=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.api,primereact.utils,primereact.button,primereact.ripple);

package/organizationchart/organizationchart.cjs.js

@@ -43,6 +43,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -264,7 +279,11 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
 });
 OrganizationChartNode.displayName = 'OrganizationChartNode';
 
+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 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) {
@@ -334,10 +353,18 @@ var OrganizationChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
     return findIndexInSelection(node) !== -1;
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, OrganizationChart.defaultProps);
   var className = utils.classNames('p-organizationchart p-component', props.className);
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     style: props.style,
     className: className
   }, otherProps), /*#__PURE__*/React__namespace.createElement(OrganizationChartNode, {

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

package/organizationchart/organizationchart.d.ts

@@ -21,11 +21,8 @@ interface OrganizationChartNodeData {
     label?: string;
 }
 
-export interface OrganizationChartProps {
-    id?: string;
+export interface OrganizationChartProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     value?: OrganizationChartNodeData[];
-    style?: object;
-    className?: string;
     selectionMode?: OrganizationChartSelectionModeType;
     selection?: OrganizationChartSelectionNodeDataType;
     nodeTemplate?(node: OrganizationChartNodeData): React.ReactNode;
@@ -35,4 +32,6 @@ export interface OrganizationChartProps {
     children?: React.ReactNode;
 }
 
-export declare class OrganizationChart extends React.Component<OrganizationChartProps, any> { }
+export declare class OrganizationChart extends React.Component<OrganizationChartProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/organizationchart/organizationchart.esm.js

@@ -19,6 +19,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -240,7 +255,11 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
 });
 OrganizationChartNode.displayName = 'OrganizationChartNode';
 
+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 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) {
@@ -310,10 +329,18 @@ var OrganizationChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
     return findIndexInSelection(node) !== -1;
   };
 
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   var otherProps = ObjectUtils.findDiffKeys(props, OrganizationChart.defaultProps);
   var className = classNames('p-organizationchart p-component', props.className);
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     style: props.style,
     className: className
   }, otherProps), /*#__PURE__*/React.createElement(OrganizationChartNode, {

package/organizationchart/organizationchart.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{classNames as n,ObjectUtils as t,DomHandler as l}from"primereact/utils";function r(){return r=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},r.apply(this,arguments)}function o(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}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 l,r,o=[],a=!0,i=!1;try{for(t=t.call(e);!(a=(l=t.next()).done)&&(o.push(l.value),!n||o.length!==n);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==t.return||t.return()}finally{if(i)throw r}}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(l){var r,o,a,i,d,f,h=l.node,g=e.useState(h.expanded),v=(o=2,s(r=g)||u(r,o)||c(r,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=l.isSelected(h),z=!E&&y?"inherit":"hidden",C=function(e,n){l.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=l.nodeTemplate&&t.getJSXElement(l.nodeTemplate,h)||h.label;return e.createElement("div",null,n)},T=(a=n("p-organizationchart-node-content",{"p-organizationchart-selectable-node":l.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,l){var r=n("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==l}),o=n("p-organizationchart-line-right",{"p-organizationchart-line-top":l!==f-1});return[e.createElement("td",{key:l+"_lineleft",className:r}," "),e.createElement("td",{key:l+"_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:l.nodeTemplate,selectionMode:l.selectionMode,onNodeClick:l.onNodeClick,isSelected:l.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=o.value&&o.value.length?o.value[0]:null,m=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},h=t.findDiffKeys(o,f.defaultProps),g=n("p-organizationchart p-component",o.className);return e.createElement("div",r({id:o.id,style:o.style,className:g},h),e.createElement(p,{node:u,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,s=m(n),u=s>=0;"single"===o.selectionMode?u?(r=null,o.onNodeUnselect&&o.onNodeUnselect({originalEvent:e,node:n})):(r=n,o.onNodeSelect&&o.onNodeSelect({originalEvent:e,node:n})):"multiple"===o.selectionMode&&(u?(r=o.selection.filter((function(e,n){return n!==s})),o.onNodeUnselect&&o.onNodeUnselect({originalEvent:e,node:n})):(r=[].concat(a(p=o.selection||[])||i(p)||c(p)||d(),[n]),o.onNodeSelect&&o.onNodeSelect({originalEvent:e,node:n}))),o.onSelectionChange&&o.onSelectionChange({originalEvent:e,data:r})}var p},isSelected:function(e){return-1!==m(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||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,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}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 a(e){if(Array.isArray(e))return i(e)}function c(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 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 d(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=[],i=!0,a=!1;try{for(t=t.call(e);!(i=(r=t.next()).done)&&(o.push(r.value),!n||o.length!==n);i=!0);}catch(e){a=!0,l=e}finally{try{i||null==t.return||t.return()}finally{if(a)throw l}}return o}}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=e.memo((function(r){var l,o,i,a,c,s,h=r.node,g=e.useState(h.expanded),y=(o=2,d(l=g)||p(l,o)||u(l,o)||f()),v=y[0],b=y[1],E=!1!==h.leaf&&!(h.children&&h.children.length),N=h.children&&h.children.length?2*h.children.length:null,S=r.isSelected(h),O=!E&&v?"inherit":"hidden",j=function(e,n){r.onNodeClick(e,n)},w=function(){if(!E){var t=n("p-node-toggler-icon",{"pi pi-chevron-down":v,"pi pi-chevron-up":!v});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},z=function(){var n=r.nodeTemplate&&t.getJSXElement(r.nodeTemplate,h)||h.label;return e.createElement("div",null,n)},C=(i=n("p-organizationchart-node-content",{"p-organizationchart-selectable-node":r.selectionMode&&!1!==h.selectable,"p-highlight":S},h.className),a=z(),c=w(),e.createElement("tr",null,e.createElement("td",{colSpan:N},e.createElement("div",{className:i,onClick:function(e){return j(e,h)}},a,c)))),M=e.createElement("tr",{style:{visibility:O},className:"p-organizationchart-lines"},e.createElement("td",{colSpan:N},e.createElement("div",{className:"p-organizationchart-line-down"}))),P=(s=h.children&&h.children.length,e.createElement("tr",{style:{visibility:O},className:"p-organizationchart-lines"},h.children&&1===h.children.length&&e.createElement("td",{colSpan:N},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!==s-1});return[e.createElement("td",{key:r+"_lineleft",className:l}," "),e.createElement("td",{key:r+"_lineright",className:o}," ")]})))),k=e.createElement("tr",{style:{visibility:O},className:"p-organizationchart-nodes"},h.children&&h.children.map((function(n,t){return e.createElement("td",{key:t,colSpan:"2"},e.createElement(m,{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,C,M,P,k))}));function h(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function g(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?h(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}m.displayName="OrganizationChartNode";var y=e.memo(e.forwardRef((function(o,i){var d=e.useRef(null),p=o.value&&o.value.length?o.value[0]:null,f=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(i,(function(){return g({getElement:function(){return d.current}},o)}));var h=t.findDiffKeys(o,y.defaultProps),v=n("p-organizationchart p-component",o.className);return e.createElement("div",l({id:o.id,ref:d,style:o.style,className:v},h),e.createElement(m,{node:p,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,i=f(n),d=i>=0;"single"===o.selectionMode?d?(l=null,o.onNodeUnselect&&o.onNodeUnselect({originalEvent:e,node:n})):(l=n,o.onNodeSelect&&o.onNodeSelect({originalEvent:e,node:n})):"multiple"===o.selectionMode&&(d?(l=o.selection.filter((function(e,n){return n!==i})),o.onNodeUnselect&&o.onNodeUnselect({originalEvent:e,node:n})):(l=[].concat(a(p=o.selection||[])||c(p)||u(p)||s(),[n]),o.onNodeSelect&&o.onNodeSelect({originalEvent:e,node:n}))),o.onSelectionChange&&o.onSelectionChange({originalEvent:e,data:l})}var p},isSelected:function(e){return-1!==f(e)}}))})));y.displayName="OrganizationChart",y.defaultProps={__TYPE:"OrganizationChart",id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null};export{y as OrganizationChart};

package/organizationchart/organizationchart.js

@@ -40,6 +40,21 @@ this.primereact.organizationchart = (function (exports, React, utils) {
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
@@ -261,7 +276,11 @@ this.primereact.organizationchart = (function (exports, React, utils) {
   });
   OrganizationChartNode.displayName = 'OrganizationChartNode';
 
+  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 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) {
@@ -331,10 +350,18 @@ this.primereact.organizationchart = (function (exports, React, utils) {
       return findIndexInSelection(node) !== -1;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, OrganizationChart.defaultProps);
     var className = utils.classNames('p-organizationchart p-component', props.className);
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       style: props.style,
       className: className
     }, otherProps), /*#__PURE__*/React__namespace.createElement(OrganizationChartNode, {

package/organizationchart/organizationchart.min.js

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