primereact 8.1.1 → 8.4.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) {
@@ -253,6 +253,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 +318,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,11 +426,51 @@ 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';
 
@@ -425,6 +480,12 @@ this.primereact.orderlist = (function (exports, React, hooks, utils, button, rip
         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 +527,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 +617,14 @@ this.primereact.orderlist = (function (exports, React, hooks, utils, button, rip
       }
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     hooks.useUpdateEffect(function () {
       if (reorderDirection.current) {
         updateListScroll();
@@ -523,22 +633,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 +676,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 +692,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,a){"use strict";function o(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=o(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){(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 d(e){if(Array.isArray(e))return s(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return s(e,t);var 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)?s(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.")}function v(e){return d(e)||f(e)||p(e)||m()}function g(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=[],a=!0,o=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{a||null==r.return||r.return()}finally{if(o)throw l}}return i}}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.")}function b(e,t){return g(e)||h(e,t)||p(e,t)||y()}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=v(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 a=r[i-1];r[i-1]=r[i],r[i]=a}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=v(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 a=r.splice(i,1)[0];r.unshift(a)}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=v(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 a=r[i+1];r[i+1]=r[i],r[i]=a}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=v(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 a=r.splice(i,1)[0];r.push(a)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}}}))}));E.displayName="OrderListControls";var I=u.memo((function(e){var t,r=u.useRef(null),n=u.useRef(null),i=u.useRef(null),o=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)},d=function(e,t){n.current!==t&&n.current+1!==t&&(i.current=t,l.DomHandler.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())},f=function(e){i.current=null,l.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")},p=function(t){var r=n.current>i.current?i.current:0===i.current?0:i.current-1,a=v(e.value);l.ObjectUtils.reorderArray(a,n.current,r),i.current=null,l.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),e.onChange&&e.onChange({originalEvent:t,value:a})},m=function(e){r.current=!1},g=function(e){if(r.current){var t=o.current.getBoundingClientRect().top+l.DomHandler.getWindowScrollTop(),n=t+o.current.clientHeight-e.pageY,i=e.pageY-t;n<25&&n>0?o.current.scrollTop+=15:i<25&&i>0&&(o.current.scrollTop-=15)}},h=function(e){13===e.which&&e.preventDefault()},y=function(e,t){return u.createElement("li",{key:t,className:"p-orderlist-droppoint",onDragOver:function(t){return d(t,e+1)},onDragLeave:f,onDrop:p})},b=e.header?u.createElement("div",{className:"p-orderlist-header"},e.header):null,E=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:h,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:h},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}(),I=(t=e.value?e.value.map((function(t,i){var o=e.itemTemplate?e.itemTemplate(t):t,c=l.classNames("p-orderlist-item",{"p-highlight":s(t)},e.className),d=JSON.stringify(t);if(e.dragdrop){var f=[y(i,d+"_droppoint"),u.createElement("li",{key:d,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,a=i,r.current=!0,n.current=a,void(e.dragdropScope&&l.dataTransfer.setData("text","orderlist"));var l,a},onDragEnd:m,tabIndex:e.tabIndex},o,u.createElement(a.Ripple,null))];return i===e.value.length-1&&f.push(y(t,i)),f}return u.createElement("li",{key:d,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},o)})):null,u.createElement("ul",{ref:o,className:"p-orderlist-list",style:e.listStyle,onDragOver:g,role:"listbox","aria-multiselectable":!0},t));return u.createElement("div",{className:"p-orderlist-list-container"},b,E,I)}));I.displayName="OrderListSubList";var C=u.memo(u.forwardRef((function(e,t){var i=b(u.useState([]),2),a=i[0],o=i[1],s=b(u.useState(""),2),d=s[0],f=s[1],p=l.ObjectUtils.isNotEmpty(d),m=u.useRef(null),g=u.useRef(null),h=function(t){var r,n=t.originalEvent.metaKey||t.originalEvent.ctrlKey,i=l.ObjectUtils.findIndexInList(t.value,a,e.dataKey);r=-1!==i?n?a.filter((function(e,t){return t!==i})):[t.value]:n?[].concat(v(a),[t.value]):[t.value],o(r)},y=function e(t){var r=t.nextElementSibling;return r?l.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},D=function e(t){var r=t.previousElementSibling;return r?l.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},O=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(g.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{props:e,getElement:function(){return m.current}}})),r.useUpdateEffect((function(){g.current&&(O(),g.current=null)}));var w=l.ObjectUtils.findDiffKeys(e,C.defaultProps),N=l.classNames("p-orderlist p-component",e.className),x=function(){if(p){var t=d.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:N,style:e.style},w),u.createElement(E,{value:x,selection:a,onReorder:function(t){e.onChange&&e.onChange({event:t.originalEvent,value:t.value}),g.current=t.direction},dataKey:e.dataKey}),u.createElement(I,{value:x,selection:a,onItemClick:h,onItemKeyDown:function(e){var t=e.originalEvent,r=t.currentTarget;switch(t.which){case 40:var n=y(r);n&&n.focus(),t.preventDefault();break;case 38:var l=D(r);l&&l.focus(),t.preventDefault();break;case 13:h(e),t.preventDefault()}},onFilterInputChange:function(t){var r=t.target.value;f(r),e.onFilter&&e.onFilter({originalEvent:t,filter:r})},itemTemplate:e.itemTemplate,filter:e.filter,onFilter:function(t){var r=t.target.value;f(r),e.onFilter&&e.onFilter({originalEvent:t,value:r})},resetFilter:function(){f(""),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 C.displayName="OrderList",C.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=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.api,primereact.utils,primereact.button,primereact.ripple);

package/organizationchart/organizationchart.cjs.js

@@ -265,6 +265,7 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
 OrganizationChartNode.displayName = 'OrganizationChartNode';
 
 var OrganizationChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
   var root = props.value && props.value.length ? props.value[0] : null;
 
   var onNodeClick = function onNodeClick(event, node) {
@@ -334,10 +335,19 @@ var OrganizationChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
     return findIndexInSelection(node) !== -1;
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   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"),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 u(e){if(Array.isArray(e))return e}function d(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,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,u(t=h)||d(t,l)||c(t,l)||m()),v=g[0],y=g[1],b=!1!==p.leaf&&!(p.children&&p.children.length),N=p.children&&p.children.length?2*p.children.length:null,E=e.isSelected(p),S=!b&&v?"inherit":"hidden",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=r.useRef(null),u=e.value&&e.value.length?e.value[0]:null,d=function(n){if(e.selectionMode&&e.selection){if("single"===e.selectionMode)return e.selection===n?0:-1;if("multiple"===e.selectionMode)return e.selection.findIndex((function(e){return e===n}))}return-1};r.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return o.current}}}));var m=n.ObjectUtils.findDiffKeys(e,p.defaultProps),h=n.classNames("p-organizationchart p-component",e.className);return r.createElement("div",l({id:e.id,ref:o,style:e.style,className:h},m),r.createElement(f,{node:u,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:function(t,r){if(e.selectionMode){var l=t.target;if(!1===r.selectable||!n.DomHandler.hasClass(l,"p-node-toggler")||!n.DomHandler.hasClass(l,"p-node-toggler-icon"))return;var 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;

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

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

package/organizationchart/organizationchart.js

@@ -262,6 +262,7 @@ this.primereact.organizationchart = (function (exports, React, utils) {
   OrganizationChartNode.displayName = 'OrganizationChartNode';
 
   var OrganizationChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var elementRef = React__namespace.useRef(null);
     var root = props.value && props.value.length ? props.value[0] : null;
 
     var onNodeClick = function onNodeClick(event, node) {
@@ -331,10 +332,19 @@ this.primereact.organizationchart = (function (exports, React, utils) {
       return findIndexInSelection(node) !== -1;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     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,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 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 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,u=e.node,h=l.useState(u.expanded),g=(r=2,d(n=h)||m(n,r)||s(n,r)||f()),v=g[0],y=g[1],b=!1!==u.leaf&&!(u.children&&u.children.length),N=u.children&&u.children.length?2*u.children.length:null,E=e.isSelected(u),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,u)||u.label;return l.createElement("div",null,n)},M=(a=t.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.selectionMode&&!1!==u.selectable,"p-highlight":E},u.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,u)}},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=u.children&&u.children.length,l.createElement("tr",{style:{visibility:S},className:"p-organizationchart-lines"},u.children&&1===u.children.length&&l.createElement("td",{colSpan:N},l.createElement("div",{className:"p-organizationchart-line-down"})),u.children&&u.children.length>1&&u.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"},u.children&&u.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=l.useRef(null),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};l.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return r.current}}}));var m=t.ObjectUtils.findDiffKeys(e,h.defaultProps),f=t.classNames("p-organizationchart p-component",e.className);return l.createElement("div",a({id:e.id,ref:r,style:e.style,className:f},m),l.createElement(p,{node:o,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,o=d(r),m=o>=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!==o})),e.onNodeUnselect&&e.onNodeUnselect({originalEvent:n,node:r})):(a=[].concat(i(f=e.selection||[])||c(f)||s(f)||u(),[r]),e.onNodeSelect&&e.onNodeSelect({originalEvent:n,node:r}))),e.onSelectionChange&&e.onSelectionChange({originalEvent:n,data:a})}var f},isSelected:function(e){return-1!==d(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);

package/overlaypanel/overlaypanel.cjs.js

@@ -134,7 +134,7 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref
           valid = _ref.valid;
 
       if (valid) {
-        type === 'outside' ? !isPanelClicked.current && hide() : hide();
+        type === 'outside' ? props.dismissable && !isPanelClicked.current && hide() : hide();
       }
 
       isPanelClicked.current = false;
@@ -228,7 +228,7 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref
   };
 
   var align = function align() {
-    if (currentTargetRef.current) {
+    if (currentTargetRef.current && overlayRef.current) {
       utils.DomHandler.absolutePosition(overlayRef.current, currentTargetRef.current);
       var containerOffset = utils.DomHandler.getOffset(overlayRef.current);
       var targetOffset = utils.DomHandler.getOffset(currentTargetRef.current);
@@ -278,9 +278,13 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref
   });
   React__namespace.useImperativeHandle(ref, function () {
     return {
+      props: props,
       toggle: toggle,
       show: show,
-      hide: hide
+      hide: hide,
+      getElement: function getElement() {
+        return overlayRef.current;
+      }
     };
   });
 

package/overlaypanel/overlaypanel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/csstransition"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),o=require("primereact/portal"),a=require("primereact/ripple"),u=require("primereact/utils");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=i(e),f=c(r);function p(){return p=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},p.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function y(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,o=[],a=!0,u=!1;try{for(t=t.call(e);!(a=(n=t.next()).done)&&(o.push(n.value),!r||o.length!==r);a=!0);}catch(e){u=!0,l=e}finally{try{a||null==t.return||t.return()}finally{if(u)throw l}}return o}}function v(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function m(e,r){if(e){if("string"==typeof e)return v(e,r);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)?v(e,r):void 0}}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,r){return d(e)||y(e,r)||m(e,r)||b()}var g=s.forwardRef((function(e,r){var c=O(s.useState(!1),2),i=c[0],d=c[1],y=s.useRef(""),v=s.useRef(null),m=s.useRef(null),b=s.useRef(!1),h=s.useRef(null),w=s.useRef(null),E=O(n.useOverlayListener({target:m,overlay:v,listener:function(e,r){r.valid&&("outside"===r.type?!b.current&&D():D()),b.current=!1},when:i}),2),S=E[0],k=E[1],x=function(e){return v&&v.current&&!(v.current.isSameNode(e)||v.current.contains(e))},I=function(e,r){return null!=m.current&&m.current!==(r||e.currentTarget||e.target)},j=function(e){D(),e.preventDefault()},P=function(e){b.current=!0,l.OverlayService.emit("overlay-click",{originalEvent:e,target:m.current})},C=function(){b.current=!0},H=function(e,r){i?(D(),I(e,r)&&(m.current=r||e.currentTarget||e.target,setTimeout((function(){T(e,m.current)}),200))):T(e,r)},T=function(e,r){m.current=r||e.currentTarget||e.target,i?U():(d(!0),w.current=function(e){!x(e.target)&&(b.current=!0)},l.OverlayService.on("overlay-click",w.current))},D=function(){d(!1),l.OverlayService.off("overlay-click",w.current),w.current=null},N=function(){v.current.setAttribute(y.current,""),u.ZIndexUtils.set("overlay",v.current,f.default.autoZIndex,f.default.zIndex.overlay),U()},q=function(){S(),e.onShow&&e.onShow()},R=function(){k()},A=function(){u.ZIndexUtils.clear(v.current),e.onHide&&e.onHide()},U=function(){if(m.current){u.DomHandler.absolutePosition(v.current,m.current);var e=u.DomHandler.getOffset(v.current),r=u.DomHandler.getOffset(m.current),t=0;e.left<r.left&&(t=r.left-e.left),v.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&u.DomHandler.addClass(v.current,"p-overlaypanel-flipped")}},M=function(){if(!h.current){h.current=u.DomHandler.createInlineStyle(f.default.nonce);var r="";for(var t in e.breakpoints)r+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(y.current,"] {\n                            width: ").concat(e.breakpoints[t]," !important;\n                        }\n                    }\n                ");h.current.innerHTML=r}};n.useMountEffect((function(){y.current=u.UniqueComponentId(),e.breakpoints&&M()})),n.useUnmountEffect((function(){h.current=u.DomHandler.removeInlineStyle(h.current),w.current&&(l.OverlayService.off("overlay-click",w.current),w.current=null),u.ZIndexUtils.clear(v.current)})),s.useImperativeHandle(r,(function(){return{toggle:H,show:T,hide:D}}));var _,L,Z,z=(_=u.ObjectUtils.findDiffKeys(e,g.defaultProps),L=u.classNames("p-overlaypanel p-component",e.className),Z=e.showCloseIcon?s.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:j,"aria-label":e.ariaCloseLabel},s.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),s.createElement(a.Ripple,null)):null,s.createElement(t.CSSTransition,{nodeRef:v,classNames:"p-overlaypanel",in:i,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:N,onEntered:q,onExit:R,onExited:A},s.createElement("div",p({ref:v,id:e.id,className:L,style:e.style},_,{onClick:P}),s.createElement("div",{className:"p-overlaypanel-content",onClick:C,onMouseDown:C},e.children),Z)));return s.createElement(o.Portal,{element:z,appendTo:e.appendTo})}));g.displayName="OverlayPanel",g.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null},exports.OverlayPanel=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/csstransition"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),o=require("primereact/portal"),a=require("primereact/ripple"),u=require("primereact/utils");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=i(e),f=c(r);function p(){return p=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},p.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function y(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,o=[],a=!0,u=!1;try{for(t=t.call(e);!(a=(n=t.next()).done)&&(o.push(n.value),!r||o.length!==r);a=!0);}catch(e){u=!0,l=e}finally{try{a||null==t.return||t.return()}finally{if(u)throw l}}return o}}function m(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function v(e,r){if(e){if("string"==typeof e)return m(e,r);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)?m(e,r):void 0}}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 g(e,r){return d(e)||y(e,r)||v(e,r)||b()}var O=s.forwardRef((function(e,r){var c=g(s.useState(!1),2),i=c[0],d=c[1],y=s.useRef(""),m=s.useRef(null),v=s.useRef(null),b=s.useRef(!1),h=s.useRef(null),E=s.useRef(null),w=g(n.useOverlayListener({target:v,overlay:m,listener:function(r,t){t.valid&&("outside"===t.type?e.dismissable&&!b.current&&D():D()),b.current=!1},when:i}),2),S=w[0],k=w[1],x=function(e){return m&&m.current&&!(m.current.isSameNode(e)||m.current.contains(e))},I=function(e,r){return null!=v.current&&v.current!==(r||e.currentTarget||e.target)},j=function(e){D(),e.preventDefault()},P=function(e){b.current=!0,l.OverlayService.emit("overlay-click",{originalEvent:e,target:v.current})},C=function(){b.current=!0},H=function(e,r){i?(D(),I(e,r)&&(v.current=r||e.currentTarget||e.target,setTimeout((function(){T(e,v.current)}),200))):T(e,r)},T=function(e,r){v.current=r||e.currentTarget||e.target,i?U():(d(!0),E.current=function(e){!x(e.target)&&(b.current=!0)},l.OverlayService.on("overlay-click",E.current))},D=function(){d(!1),l.OverlayService.off("overlay-click",E.current),E.current=null},N=function(){m.current.setAttribute(y.current,""),u.ZIndexUtils.set("overlay",m.current,f.default.autoZIndex,f.default.zIndex.overlay),U()},q=function(){S(),e.onShow&&e.onShow()},R=function(){k()},A=function(){u.ZIndexUtils.clear(m.current),e.onHide&&e.onHide()},U=function(){if(v.current&&m.current){u.DomHandler.absolutePosition(m.current,v.current);var e=u.DomHandler.getOffset(m.current),r=u.DomHandler.getOffset(v.current),t=0;e.left<r.left&&(t=r.left-e.left),m.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&u.DomHandler.addClass(m.current,"p-overlaypanel-flipped")}},M=function(){if(!h.current){h.current=u.DomHandler.createInlineStyle(f.default.nonce);var r="";for(var t in e.breakpoints)r+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(y.current,"] {\n                            width: ").concat(e.breakpoints[t]," !important;\n                        }\n                    }\n                ");h.current.innerHTML=r}};n.useMountEffect((function(){y.current=u.UniqueComponentId(),e.breakpoints&&M()})),n.useUnmountEffect((function(){h.current=u.DomHandler.removeInlineStyle(h.current),E.current&&(l.OverlayService.off("overlay-click",E.current),E.current=null),u.ZIndexUtils.clear(m.current)})),s.useImperativeHandle(r,(function(){return{props:e,toggle:H,show:T,hide:D,getElement:function(){return m.current}}}));var _,L,Z,z=(_=u.ObjectUtils.findDiffKeys(e,O.defaultProps),L=u.classNames("p-overlaypanel p-component",e.className),Z=e.showCloseIcon?s.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:j,"aria-label":e.ariaCloseLabel},s.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),s.createElement(a.Ripple,null)):null,s.createElement(t.CSSTransition,{nodeRef:m,classNames:"p-overlaypanel",in:i,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:N,onEntered:q,onExit:R,onExited:A},s.createElement("div",p({ref:m,id:e.id,className:L,style:e.style},_,{onClick:P}),s.createElement("div",{className:"p-overlaypanel-content",onClick:C,onMouseDown:C},e.children),Z)));return s.createElement(o.Portal,{element:z,appendTo:e.appendTo})}));O.displayName="OverlayPanel",O.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null},exports.OverlayPanel=O;

package/overlaypanel/overlaypanel.d.ts

@@ -11,12 +11,9 @@ interface OverlayPanelBreakpoints {
     [key: string]: string;
 }
 
-export interface OverlayPanelProps {
-    id?: string;
+export interface OverlayPanelProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     dismissable?: boolean;
     showCloseIcon?: boolean;
-    style?: object;
-    className?: string;
     appendTo?: OverlayPanelAppendToType;
     ariaCloseLabel?: string;
     breakpoints?: OverlayPanelBreakpoints;
@@ -30,4 +27,5 @@ export declare class OverlayPanel extends React.Component<OverlayPanelProps, any
     public toggle(event: OverlayPanelEventType, target?: OverlayPanelTargetType): void;
     public show(event: OverlayPanelEventType, target: OverlayPanelTargetType): void;
     public hide(): void;
+    public getElement(): HTMLDivElement;
 }

package/overlaypanel/overlaypanel.esm.js

@@ -107,7 +107,7 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
           valid = _ref.valid;
 
       if (valid) {
-        type === 'outside' ? !isPanelClicked.current && hide() : hide();
+        type === 'outside' ? props.dismissable && !isPanelClicked.current && hide() : hide();
       }
 
       isPanelClicked.current = false;
@@ -201,7 +201,7 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var align = function align() {
-    if (currentTargetRef.current) {
+    if (currentTargetRef.current && overlayRef.current) {
       DomHandler.absolutePosition(overlayRef.current, currentTargetRef.current);
       var containerOffset = DomHandler.getOffset(overlayRef.current);
       var targetOffset = DomHandler.getOffset(currentTargetRef.current);
@@ -251,9 +251,13 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   React.useImperativeHandle(ref, function () {
     return {
+      props: props,
       toggle: toggle,
       show: show,
-      hide: hide
+      hide: hide,
+      getElement: function getElement() {
+        return overlayRef.current;
+      }
     };
   });