primereact 7.0.0-rc.2 → 7.2.0

package/orderlist/orderlist.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{Button as n}from"primereact/button";import{ObjectUtils as r,DomHandler as o,classNames as i,Ripple as s}from"primereact/core";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 l(e){if(Array.isArray(e))return a(e)}function p(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 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 c(){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){return l(e)||p(e)||u(e)||c()}function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function v(e,t,n){return t&&f(e.prototype,t),n&&f(e,n),e}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e,t){return(g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function y(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&g(e,t)}function b(e){return(b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function I(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}function E(e){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function D(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var k=function(o){y(l,t);var i,s,a=(i=l,s=D(),function(){var e,t=E(i);if(s){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return I(this,e)});function l(){var e;return h(this,l),(e=a.call(this)).moveUp=e.moveUp.bind(m(e)),e.moveTop=e.moveTop.bind(m(e)),e.moveDown=e.moveDown.bind(m(e)),e.moveBottom=e.moveBottom.bind(m(e)),e}return v(l,[{key:"moveUp",value:function(e){if(this.props.selection){for(var t=d(this.props.value),n=0;n<this.props.selection.length;n++){var o=r.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(0===o)break;var i=t[o-1];t[o-1]=t[o],t[o]=i}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"up"})}}},{key:"moveTop",value:function(e){if(this.props.selection){for(var t=d(this.props.value),n=0;n<this.props.selection.length;n++){var o=r.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(0===o)break;var i=t.splice(o,1)[0];t.unshift(i)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"top"})}}},{key:"moveDown",value:function(e){if(this.props.selection){for(var t=d(this.props.value),n=this.props.selection.length-1;n>=0;n--){var o=r.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(o===t.length-1)break;var i=t[o+1];t[o+1]=t[o],t[o]=i}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"down"})}}},{key:"moveBottom",value:function(e){if(this.props.selection){for(var t=d(this.props.value),n=this.props.selection.length-1;n>=0;n--){var o=r.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(o===t.length-1)break;var i=t.splice(o,1)[0];t.push(i)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"bottom"})}}},{key:"render",value:function(){return e.createElement("div",{className:"p-orderlist-controls"},e.createElement(n,{type:"button",icon:"pi pi-angle-up",onClick:this.moveUp}),e.createElement(n,{type:"button",icon:"pi pi-angle-double-up",onClick:this.moveTop}),e.createElement(n,{type:"button",icon:"pi pi-angle-down",onClick:this.moveDown}),e.createElement(n,{type:"button",icon:"pi pi-angle-double-down",onClick:this.moveBottom}))}}]),l}();function x(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var w=function(n){y(u,t);var a,l,p=(a=u,l=x(),function(){var e,t=E(a);if(l){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return I(this,e)});function u(e){var t;return h(this,u),(t=p.call(this,e)).onDragEnd=t.onDragEnd.bind(m(t)),t.onDragLeave=t.onDragLeave.bind(m(t)),t.onDrop=t.onDrop.bind(m(t)),t.onListMouseMove=t.onListMouseMove.bind(m(t)),t}return v(u,[{key:"isSelected",value:function(e){return-1!==r.findIndexInList(e,this.props.selection,this.props.dataKey)}},{key:"onDragStart",value:function(e,t){this.dragging=!0,this.draggedItemIndex=t,this.props.dragdropScope&&e.dataTransfer.setData("text","orderlist")}},{key:"onDragOver",value:function(e,t){this.draggedItemIndex!==t&&this.draggedItemIndex+1!==t&&(this.dragOverItemIndex=t,o.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())}},{key:"onDragLeave",value:function(e){this.dragOverItemIndex=null,o.removeClass(e.target,"p-orderlist-droppoint-highlight")}},{key:"onDrop",value:function(e){var t=this.draggedItemIndex>this.dragOverItemIndex?this.dragOverItemIndex:0===this.dragOverItemIndex?0:this.dragOverItemIndex-1,n=d(this.props.value);r.reorderArray(n,this.draggedItemIndex,t),this.dragOverItemIndex=null,o.removeClass(e.target,"p-orderlist-droppoint-highlight"),this.props.onChange&&this.props.onChange({originalEvent:e,value:n})}},{key:"onDragEnd",value:function(e){this.dragging=!1}},{key:"onListMouseMove",value:function(e){if(this.dragging){var t=this.listElement.getBoundingClientRect().top+o.getWindowScrollTop(),n=t+this.listElement.clientHeight-e.pageY,r=e.pageY-t;n<25&&n>0?this.listElement.scrollTop+=15:r<25&&r>0&&(this.listElement.scrollTop-=15)}}},{key:"renderDropPoint",value:function(t,n){var r=this;return e.createElement("li",{key:n,className:"p-orderlist-droppoint",onDragOver:function(e){return r.onDragOver(e,t+1)},onDragLeave:this.onDragLeave,onDrop:this.onDrop})}},{key:"render",value:function(){var t=this,n=null,r=null;return this.props.header&&(n=e.createElement("div",{className:"p-orderlist-header"},this.props.header)),this.props.value&&(r=this.props.value.map((function(n,r){var o=t.props.itemTemplate?t.props.itemTemplate(n):n,a=i("p-orderlist-item",{"p-highlight":t.isSelected(n)},t.props.className),l=JSON.stringify(n);if(t.props.dragdrop){var p=[t.renderDropPoint(r,l+"_droppoint"),e.createElement("li",{key:l,className:a,onClick:function(e){return t.props.onItemClick({originalEvent:e,value:n,index:r})},onKeyDown:function(e){return t.props.onItemKeyDown({originalEvent:e,value:n,index:r})},role:"option","aria-selected":t.isSelected(n),draggable:"true",onDragStart:function(e){return t.onDragStart(e,r)},onDragEnd:t.onDragEnd,tabIndex:t.props.tabIndex},o,e.createElement(s,null))];return r===t.props.value.length-1&&p.push(t.renderDropPoint(n,r,l+"_droppoint_end")),p}return e.createElement("li",{key:JSON.stringify(n),className:a,role:"option","aria-selected":t.isSelected(n),onClick:function(e){return t.props.onItemClick({originalEvent:e,value:n,index:r})},onKeyDown:function(e){return t.props.onItemKeyDown({originalEvent:e,value:n,index:r})},tabIndex:t.props.tabIndex},o)}))),e.createElement("div",{className:"p-orderlist-list-container"},n,e.createElement("ul",{ref:function(e){return t.listElement=e},className:"p-orderlist-list",style:this.props.listStyle,onDragOver:this.onListMouseMove,role:"listbox","aria-multiselectable":!0},r))}}]),u}();function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var R,C,O,L=function(n){y(p,t);var s,a,l=(s=p,a=S(),function(){var e,t=E(s);if(a){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return I(this,e)});function p(e){var t;return h(this,p),(t=l.call(this,e)).state={selection:[]},t.onItemClick=t.onItemClick.bind(m(t)),t.onItemKeyDown=t.onItemKeyDown.bind(m(t)),t.onReorder=t.onReorder.bind(m(t)),t}return v(p,[{key:"onItemClick",value:function(e){var t,n=e.originalEvent.metaKey||e.originalEvent.ctrlKey,o=r.findIndexInList(e.value,this.state.selection,this.props.dataKey);t=-1!==o?n?this.state.selection.filter((function(e,t){return t!==o})):[e.value]:n?[].concat(d(this.state.selection),[e.value]):[e.value],this.setState({selection:t})}},{key:"onItemKeyDown",value:function(e){var t=e.originalEvent.currentTarget;switch(e.originalEvent.which){case 40:var n=this.findNextItem(t);n&&n.focus(),e.originalEvent.preventDefault();break;case 38:var r=this.findPrevItem(t);r&&r.focus(),e.originalEvent.preventDefault();break;case 13:this.onItemClick(e),e.originalEvent.preventDefault()}}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?o.hasClass(t,"p-orderlist-item")?t:this.findNextItem(t):null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?o.hasClass(t,"p-orderlist-item")?t:this.findPrevItem(t):null}},{key:"onReorder",value:function(e){this.props.onChange&&this.props.onChange({event:e.originalEvent,value:e.value}),this.reorderDirection=e.direction}},{key:"componentDidUpdate",value:function(){this.reorderDirection&&(this.updateListScroll(),this.reorderDirection=null)}},{key:"updateListScroll",value:function(){var e=o.find(this.subList.listElement,".p-orderlist-item.p-highlight");if(e&&e.length)switch(this.reorderDirection){case"up":o.scrollInView(this.subList.listElement,e[0]);break;case"top":this.subList.listElement.scrollTop=0;break;case"down":o.scrollInView(this.subList.listElement,e[e.length-1]);break;case"bottom":this.subList.listElement.scrollTop=this.subList.listElement.scrollHeight}}},{key:"render",value:function(){var t=this,n=i("p-orderlist p-component",this.props.className);return e.createElement("div",{ref:function(e){return t.element=e},id:this.props.id,className:n,style:this.props.style},e.createElement(k,{value:this.props.value,selection:this.state.selection,onReorder:this.onReorder,dataKey:this.props.dataKey}),e.createElement(w,{ref:function(e){return t.subList=e},value:this.props.value,selection:this.state.selection,onItemClick:this.onItemClick,onItemKeyDown:this.onItemKeyDown,itemTemplate:this.props.itemTemplate,header:this.props.header,listStyle:this.props.listStyle,dataKey:this.props.dataKey,dragdrop:this.props.dragdrop,onDragStart:this.onDragStart,onDragEnter:this.onDragEnter,onDragEnd:this.onDragEnd,onDragLeave:this.onDragEnter,onDrop:this.onDrop,onChange:this.props.onChange,tabIndex:this.props.tabIndex}))}}]),p}();O={id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,onChange:null,itemTemplate:null},(C="defaultProps")in(R=L)?Object.defineProperty(R,C,{value:O,enumerable:!0,configurable:!0,writable:!0}):R[C]=O;export{L as OrderList};
+import e,{Component as t}from"react";import{Button as r}from"primereact/button";import{ObjectUtils as n,DomHandler as o,classNames as i}from"primereact/utils";import{Ripple as s}from"primereact/ripple";function a(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 l(e){if(Array.isArray(e))return a(e)}function p(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 a(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)?a(e,t):void 0}}function c(){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){return l(e)||p(e)||u(e)||c()}function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function h(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function v(e,t,r){return t&&h(e.prototype,t),r&&h(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function y(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function I(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}function E(e){return E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},E(e)}function D(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var k=function(o){y(l,t);var i,s,a=(i=l,s=D(),function(){var e,t=E(i);if(s){var r=E(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return I(this,e)});function l(){var e;return f(this,l),(e=a.call(this)).moveUp=e.moveUp.bind(m(e)),e.moveTop=e.moveTop.bind(m(e)),e.moveDown=e.moveDown.bind(m(e)),e.moveBottom=e.moveBottom.bind(m(e)),e}return v(l,[{key:"moveUp",value:function(e){if(this.props.selection){for(var t=d(this.props.value),r=0;r<this.props.selection.length;r++){var o=n.findIndexInList(this.props.selection[r],t,this.props.dataKey);if(0===o)break;var i=t[o-1];t[o-1]=t[o],t[o]=i}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"up"})}}},{key:"moveTop",value:function(e){if(this.props.selection){for(var t=d(this.props.value),r=0;r<this.props.selection.length;r++){var o=n.findIndexInList(this.props.selection[r],t,this.props.dataKey);if(0===o)break;var i=t.splice(o,1)[0];t.unshift(i)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"top"})}}},{key:"moveDown",value:function(e){if(this.props.selection){for(var t=d(this.props.value),r=this.props.selection.length-1;r>=0;r--){var o=n.findIndexInList(this.props.selection[r],t,this.props.dataKey);if(o===t.length-1)break;var i=t[o+1];t[o+1]=t[o],t[o]=i}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"down"})}}},{key:"moveBottom",value:function(e){if(this.props.selection){for(var t=d(this.props.value),r=this.props.selection.length-1;r>=0;r--){var o=n.findIndexInList(this.props.selection[r],t,this.props.dataKey);if(o===t.length-1)break;var i=t.splice(o,1)[0];t.push(i)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"bottom"})}}},{key:"render",value:function(){return e.createElement("div",{className:"p-orderlist-controls"},e.createElement(r,{type:"button",icon:"pi pi-angle-up",onClick:this.moveUp}),e.createElement(r,{type:"button",icon:"pi pi-angle-double-up",onClick:this.moveTop}),e.createElement(r,{type:"button",icon:"pi pi-angle-down",onClick:this.moveDown}),e.createElement(r,{type:"button",icon:"pi pi-angle-double-down",onClick:this.moveBottom}))}}]),l}();function x(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var w=function(r){y(u,t);var a,l,p=(a=u,l=x(),function(){var e,t=E(a);if(l){var r=E(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return I(this,e)});function u(e){var t;return f(this,u),(t=p.call(this,e)).onDragEnd=t.onDragEnd.bind(m(t)),t.onDragLeave=t.onDragLeave.bind(m(t)),t.onDrop=t.onDrop.bind(m(t)),t.onListMouseMove=t.onListMouseMove.bind(m(t)),t}return v(u,[{key:"isSelected",value:function(e){return-1!==n.findIndexInList(e,this.props.selection,this.props.dataKey)}},{key:"onDragStart",value:function(e,t){this.dragging=!0,this.draggedItemIndex=t,this.props.dragdropScope&&e.dataTransfer.setData("text","orderlist")}},{key:"onDragOver",value:function(e,t){this.draggedItemIndex!==t&&this.draggedItemIndex+1!==t&&(this.dragOverItemIndex=t,o.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())}},{key:"onDragLeave",value:function(e){this.dragOverItemIndex=null,o.removeClass(e.target,"p-orderlist-droppoint-highlight")}},{key:"onDrop",value:function(e){var t=this.draggedItemIndex>this.dragOverItemIndex?this.dragOverItemIndex:0===this.dragOverItemIndex?0:this.dragOverItemIndex-1,r=d(this.props.value);n.reorderArray(r,this.draggedItemIndex,t),this.dragOverItemIndex=null,o.removeClass(e.target,"p-orderlist-droppoint-highlight"),this.props.onChange&&this.props.onChange({originalEvent:e,value:r})}},{key:"onDragEnd",value:function(e){this.dragging=!1}},{key:"onListMouseMove",value:function(e){if(this.dragging){var t=this.listElement.getBoundingClientRect().top+o.getWindowScrollTop(),r=t+this.listElement.clientHeight-e.pageY,n=e.pageY-t;r<25&&r>0?this.listElement.scrollTop+=15:n<25&&n>0&&(this.listElement.scrollTop-=15)}}},{key:"renderDropPoint",value:function(t,r){var n=this;return e.createElement("li",{key:r,className:"p-orderlist-droppoint",onDragOver:function(e){return n.onDragOver(e,t+1)},onDragLeave:this.onDragLeave,onDrop:this.onDrop})}},{key:"render",value:function(){var t=this,r=null,n=null;return this.props.header&&(r=e.createElement("div",{className:"p-orderlist-header"},this.props.header)),this.props.value&&(n=this.props.value.map((function(r,n){var o=t.props.itemTemplate?t.props.itemTemplate(r):r,a=i("p-orderlist-item",{"p-highlight":t.isSelected(r)},t.props.className),l=JSON.stringify(r);if(t.props.dragdrop){var p=[t.renderDropPoint(n,l+"_droppoint"),e.createElement("li",{key:l,className:a,onClick:function(e){return t.props.onItemClick({originalEvent:e,value:r,index:n})},onKeyDown:function(e){return t.props.onItemKeyDown({originalEvent:e,value:r,index:n})},role:"option","aria-selected":t.isSelected(r),draggable:"true",onDragStart:function(e){return t.onDragStart(e,n)},onDragEnd:t.onDragEnd,tabIndex:t.props.tabIndex},o,e.createElement(s,null))];return n===t.props.value.length-1&&p.push(t.renderDropPoint(r,n,l+"_droppoint_end")),p}return e.createElement("li",{key:JSON.stringify(r),className:a,role:"option","aria-selected":t.isSelected(r),onClick:function(e){return t.props.onItemClick({originalEvent:e,value:r,index:n})},onKeyDown:function(e){return t.props.onItemKeyDown({originalEvent:e,value:r,index:n})},tabIndex:t.props.tabIndex},o)}))),e.createElement("div",{className:"p-orderlist-list-container"},r,e.createElement("ul",{ref:function(e){return t.listElement=e},className:"p-orderlist-list",style:this.props.listStyle,onDragOver:this.onListMouseMove,role:"listbox","aria-multiselectable":!0},n))}}]),u}();function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var O,R,C,L=function(r){y(p,t);var s,a,l=(s=p,a=S(),function(){var e,t=E(s);if(a){var r=E(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return I(this,e)});function p(e){var t;return f(this,p),(t=l.call(this,e)).state={selection:[]},t.onItemClick=t.onItemClick.bind(m(t)),t.onItemKeyDown=t.onItemKeyDown.bind(m(t)),t.onReorder=t.onReorder.bind(m(t)),t}return v(p,[{key:"onItemClick",value:function(e){var t,r=e.originalEvent.metaKey||e.originalEvent.ctrlKey,o=n.findIndexInList(e.value,this.state.selection,this.props.dataKey);t=-1!==o?r?this.state.selection.filter((function(e,t){return t!==o})):[e.value]:r?[].concat(d(this.state.selection),[e.value]):[e.value],this.setState({selection:t})}},{key:"onItemKeyDown",value:function(e){var t=e.originalEvent.currentTarget;switch(e.originalEvent.which){case 40:var r=this.findNextItem(t);r&&r.focus(),e.originalEvent.preventDefault();break;case 38:var n=this.findPrevItem(t);n&&n.focus(),e.originalEvent.preventDefault();break;case 13:this.onItemClick(e),e.originalEvent.preventDefault()}}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?o.hasClass(t,"p-orderlist-item")?t:this.findNextItem(t):null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?o.hasClass(t,"p-orderlist-item")?t:this.findPrevItem(t):null}},{key:"onReorder",value:function(e){this.props.onChange&&this.props.onChange({event:e.originalEvent,value:e.value}),this.reorderDirection=e.direction}},{key:"componentDidUpdate",value:function(){this.reorderDirection&&(this.updateListScroll(),this.reorderDirection=null)}},{key:"updateListScroll",value:function(){var e=o.find(this.subList.listElement,".p-orderlist-item.p-highlight");if(e&&e.length)switch(this.reorderDirection){case"up":o.scrollInView(this.subList.listElement,e[0]);break;case"top":this.subList.listElement.scrollTop=0;break;case"down":o.scrollInView(this.subList.listElement,e[e.length-1]);break;case"bottom":this.subList.listElement.scrollTop=this.subList.listElement.scrollHeight}}},{key:"render",value:function(){var t=this,r=i("p-orderlist p-component",this.props.className);return e.createElement("div",{ref:function(e){return t.element=e},id:this.props.id,className:r,style:this.props.style},e.createElement(k,{value:this.props.value,selection:this.state.selection,onReorder:this.onReorder,dataKey:this.props.dataKey}),e.createElement(w,{ref:function(e){return t.subList=e},value:this.props.value,selection:this.state.selection,onItemClick:this.onItemClick,onItemKeyDown:this.onItemKeyDown,itemTemplate:this.props.itemTemplate,header:this.props.header,listStyle:this.props.listStyle,dataKey:this.props.dataKey,dragdrop:this.props.dragdrop,onDragStart:this.onDragStart,onDragEnter:this.onDragEnter,onDragEnd:this.onDragEnd,onDragLeave:this.onDragEnter,onDrop:this.onDrop,onChange:this.props.onChange,tabIndex:this.props.tabIndex}))}}]),p}();C={id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,onChange:null,itemTemplate:null},(R="defaultProps")in(O=L)?Object.defineProperty(O,R,{value:C,enumerable:!0,configurable:!0,writable:!0}):O[R]=C;export{L as OrderList};

package/orderlist/orderlist.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.orderlist = (function (exports, React, button, core) {
+this.primereact.orderlist = (function (exports, React, button, utils, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -60,6 +60,9 @@ this.primereact.orderlist = (function (exports, React, button, core) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -92,23 +95,20 @@ this.primereact.orderlist = (function (exports, React, button, core) {
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _possibleConstructorReturn(self, call) {
@@ -172,7 +172,7 @@ this.primereact.orderlist = (function (exports, React, button, core) {
 
           for (var i = 0; i < this.props.selection.length; i++) {
             var selectedItem = this.props.selection[i];
-            var selectedItemIndex = core.ObjectUtils.findIndexInList(selectedItem, value, this.props.dataKey);
+            var selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, value, this.props.dataKey);
 
             if (selectedItemIndex !== 0) {
               var movedItem = value[selectedItemIndex];
@@ -201,7 +201,7 @@ this.primereact.orderlist = (function (exports, React, button, core) {
 
           for (var i = 0; i < this.props.selection.length; i++) {
             var selectedItem = this.props.selection[i];
-            var selectedItemIndex = core.ObjectUtils.findIndexInList(selectedItem, value, this.props.dataKey);
+            var selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, value, this.props.dataKey);
 
             if (selectedItemIndex !== 0) {
               var movedItem = value.splice(selectedItemIndex, 1)[0];
@@ -228,7 +228,7 @@ this.primereact.orderlist = (function (exports, React, button, core) {
 
           for (var i = this.props.selection.length - 1; i >= 0; i--) {
             var selectedItem = this.props.selection[i];
-            var selectedItemIndex = core.ObjectUtils.findIndexInList(selectedItem, value, this.props.dataKey);
+            var selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, value, this.props.dataKey);
 
             if (selectedItemIndex !== value.length - 1) {
               var movedItem = value[selectedItemIndex];
@@ -257,7 +257,7 @@ this.primereact.orderlist = (function (exports, React, button, core) {
 
           for (var i = this.props.selection.length - 1; i >= 0; i--) {
             var selectedItem = this.props.selection[i];
-            var selectedItemIndex = core.ObjectUtils.findIndexInList(selectedItem, value, this.props.dataKey);
+            var selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, value, this.props.dataKey);
 
             if (selectedItemIndex !== value.length - 1) {
               var movedItem = value.splice(selectedItemIndex, 1)[0];
@@ -279,21 +279,21 @@ this.primereact.orderlist = (function (exports, React, button, core) {
     }, {
       key: "render",
       value: function render() {
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-orderlist-controls"
-        }, /*#__PURE__*/React__default['default'].createElement(button.Button, {
+        }, /*#__PURE__*/React__default["default"].createElement(button.Button, {
           type: "button",
           icon: "pi pi-angle-up",
           onClick: this.moveUp
-        }), /*#__PURE__*/React__default['default'].createElement(button.Button, {
+        }), /*#__PURE__*/React__default["default"].createElement(button.Button, {
           type: "button",
           icon: "pi pi-angle-double-up",
           onClick: this.moveTop
-        }), /*#__PURE__*/React__default['default'].createElement(button.Button, {
+        }), /*#__PURE__*/React__default["default"].createElement(button.Button, {
           type: "button",
           icon: "pi pi-angle-down",
           onClick: this.moveDown
-        }), /*#__PURE__*/React__default['default'].createElement(button.Button, {
+        }), /*#__PURE__*/React__default["default"].createElement(button.Button, {
           type: "button",
           icon: "pi pi-angle-double-down",
           onClick: this.moveBottom
@@ -328,7 +328,7 @@ this.primereact.orderlist = (function (exports, React, button, core) {
     _createClass(OrderListSubList, [{
       key: "isSelected",
       value: function isSelected(item) {
-        return core.ObjectUtils.findIndexInList(item, this.props.selection, this.props.dataKey) !== -1;
+        return utils.ObjectUtils.findIndexInList(item, this.props.selection, this.props.dataKey) !== -1;
       }
     }, {
       key: "onDragStart",
@@ -345,7 +345,7 @@ this.primereact.orderlist = (function (exports, React, button, core) {
       value: function onDragOver(event, index) {
         if (this.draggedItemIndex !== index && this.draggedItemIndex + 1 !== index) {
           this.dragOverItemIndex = index;
-          core.DomHandler.addClass(event.target, 'p-orderlist-droppoint-highlight');
+          utils.DomHandler.addClass(event.target, 'p-orderlist-droppoint-highlight');
           event.preventDefault();
         }
       }
@@ -353,7 +353,7 @@ this.primereact.orderlist = (function (exports, React, button, core) {
       key: "onDragLeave",
       value: function onDragLeave(event) {
         this.dragOverItemIndex = null;
-        core.DomHandler.removeClass(event.target, 'p-orderlist-droppoint-highlight');
+        utils.DomHandler.removeClass(event.target, 'p-orderlist-droppoint-highlight');
       }
     }, {
       key: "onDrop",
@@ -362,9 +362,9 @@ this.primereact.orderlist = (function (exports, React, button, core) {
 
         var value = _toConsumableArray(this.props.value);
 
-        core.ObjectUtils.reorderArray(value, this.draggedItemIndex, dropIndex);
+        utils.ObjectUtils.reorderArray(value, this.draggedItemIndex, dropIndex);
         this.dragOverItemIndex = null;
-        core.DomHandler.removeClass(event.target, 'p-orderlist-droppoint-highlight');
+        utils.DomHandler.removeClass(event.target, 'p-orderlist-droppoint-highlight');
 
         if (this.props.onChange) {
           this.props.onChange({
@@ -382,7 +382,7 @@ this.primereact.orderlist = (function (exports, React, button, core) {
       key: "onListMouseMove",
       value: function onListMouseMove(event) {
         if (this.dragging) {
-          var offsetY = this.listElement.getBoundingClientRect().top + core.DomHandler.getWindowScrollTop();
+          var offsetY = this.listElement.getBoundingClientRect().top + utils.DomHandler.getWindowScrollTop();
           var bottomDiff = offsetY + this.listElement.clientHeight - event.pageY;
           var topDiff = event.pageY - offsetY;
           if (bottomDiff < 25 && bottomDiff > 0) this.listElement.scrollTop += 15;else if (topDiff < 25 && topDiff > 0) this.listElement.scrollTop -= 15;
@@ -393,7 +393,7 @@ this.primereact.orderlist = (function (exports, React, button, core) {
       value: function renderDropPoint(index, key) {
         var _this2 = this;
 
-        return /*#__PURE__*/React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           key: key,
           className: "p-orderlist-droppoint",
           onDragOver: function onDragOver(e) {
@@ -412,7 +412,7 @@ this.primereact.orderlist = (function (exports, React, button, core) {
         var items = null;
 
         if (this.props.header) {
-          header = /*#__PURE__*/React__default['default'].createElement("div", {
+          header = /*#__PURE__*/React__default["default"].createElement("div", {
             className: "p-orderlist-header"
           }, this.props.header);
         }
@@ -420,13 +420,13 @@ this.primereact.orderlist = (function (exports, React, button, core) {
         if (this.props.value) {
           items = this.props.value.map(function (item, i) {
             var content = _this3.props.itemTemplate ? _this3.props.itemTemplate(item) : item;
-            var itemClassName = core.classNames('p-orderlist-item', {
+            var itemClassName = utils.classNames('p-orderlist-item', {
               'p-highlight': _this3.isSelected(item)
             }, _this3.props.className);
             var key = JSON.stringify(item);
 
             if (_this3.props.dragdrop) {
-              var _items = [_this3.renderDropPoint(i, key + '_droppoint'), /*#__PURE__*/React__default['default'].createElement("li", {
+              var _items = [_this3.renderDropPoint(i, key + '_droppoint'), /*#__PURE__*/React__default["default"].createElement("li", {
                 key: key,
                 className: itemClassName,
                 onClick: function onClick(e) {
@@ -451,7 +451,7 @@ this.primereact.orderlist = (function (exports, React, button, core) {
                 },
                 onDragEnd: _this3.onDragEnd,
                 tabIndex: _this3.props.tabIndex
-              }, content, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null))];
+              }, content, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null))];
 
               if (i === _this3.props.value.length - 1) {
                 _items.push(_this3.renderDropPoint(item, i, key + '_droppoint_end'));
@@ -459,7 +459,7 @@ this.primereact.orderlist = (function (exports, React, button, core) {
 
               return _items;
             } else {
-              return /*#__PURE__*/React__default['default'].createElement("li", {
+              return /*#__PURE__*/React__default["default"].createElement("li", {
                 key: JSON.stringify(item),
                 className: itemClassName,
                 role: "option",
@@ -484,9 +484,9 @@ this.primereact.orderlist = (function (exports, React, button, core) {
           });
         }
 
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-orderlist-list-container"
-        }, header, /*#__PURE__*/React__default['default'].createElement("ul", {
+        }, header, /*#__PURE__*/React__default["default"].createElement("ul", {
           ref: function ref(el) {
             return _this3.listElement = el;
           },
@@ -529,7 +529,7 @@ this.primereact.orderlist = (function (exports, React, button, core) {
       key: "onItemClick",
       value: function onItemClick(event) {
         var metaKey = event.originalEvent.metaKey || event.originalEvent.ctrlKey;
-        var index = core.ObjectUtils.findIndexInList(event.value, this.state.selection, this.props.dataKey);
+        var index = utils.ObjectUtils.findIndexInList(event.value, this.state.selection, this.props.dataKey);
         var selected = index !== -1;
         var selection;
 
@@ -584,13 +584,13 @@ this.primereact.orderlist = (function (exports, React, button, core) {
       key: "findNextItem",
       value: function findNextItem(item) {
         var nextItem = item.nextElementSibling;
-        if (nextItem) return !core.DomHandler.hasClass(nextItem, 'p-orderlist-item') ? this.findNextItem(nextItem) : nextItem;else return null;
+        if (nextItem) return !utils.DomHandler.hasClass(nextItem, 'p-orderlist-item') ? this.findNextItem(nextItem) : nextItem;else return null;
       }
     }, {
       key: "findPrevItem",
       value: function findPrevItem(item) {
         var prevItem = item.previousElementSibling;
-        if (prevItem) return !core.DomHandler.hasClass(prevItem, 'p-orderlist-item') ? this.findPrevItem(prevItem) : prevItem;else return null;
+        if (prevItem) return !utils.DomHandler.hasClass(prevItem, 'p-orderlist-item') ? this.findPrevItem(prevItem) : prevItem;else return null;
       }
     }, {
       key: "onReorder",
@@ -615,12 +615,12 @@ this.primereact.orderlist = (function (exports, React, button, core) {
     }, {
       key: "updateListScroll",
       value: function updateListScroll() {
-        var listItems = core.DomHandler.find(this.subList.listElement, '.p-orderlist-item.p-highlight');
+        var listItems = utils.DomHandler.find(this.subList.listElement, '.p-orderlist-item.p-highlight');
 
         if (listItems && listItems.length) {
           switch (this.reorderDirection) {
             case 'up':
-              core.DomHandler.scrollInView(this.subList.listElement, listItems[0]);
+              utils.DomHandler.scrollInView(this.subList.listElement, listItems[0]);
               break;
 
             case 'top':
@@ -628,7 +628,7 @@ this.primereact.orderlist = (function (exports, React, button, core) {
               break;
 
             case 'down':
-              core.DomHandler.scrollInView(this.subList.listElement, listItems[listItems.length - 1]);
+              utils.DomHandler.scrollInView(this.subList.listElement, listItems[listItems.length - 1]);
               break;
 
             case 'bottom':
@@ -642,20 +642,20 @@ this.primereact.orderlist = (function (exports, React, button, core) {
       value: function render() {
         var _this2 = this;
 
-        var className = core.classNames('p-orderlist p-component', this.props.className);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        var className = utils.classNames('p-orderlist p-component', this.props.className);
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this2.element = el;
           },
           id: this.props.id,
           className: className,
           style: this.props.style
-        }, /*#__PURE__*/React__default['default'].createElement(OrderListControls, {
+        }, /*#__PURE__*/React__default["default"].createElement(OrderListControls, {
           value: this.props.value,
           selection: this.state.selection,
           onReorder: this.onReorder,
           dataKey: this.props.dataKey
-        }), /*#__PURE__*/React__default['default'].createElement(OrderListSubList, {
+        }), /*#__PURE__*/React__default["default"].createElement(OrderListSubList, {
           ref: function ref(el) {
             return _this2.subList = el;
           },
@@ -702,4 +702,4 @@ this.primereact.orderlist = (function (exports, React, button, core) {
 
   return exports;
 
-}({}, React, primereact.button, primereact.core));
+})({}, React, primereact.button, primereact.utils, primereact.ripple);

package/orderlist/orderlist.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.orderlist=function(e,t,n,r){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(t);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function a(e){if(Array.isArray(e))return s(e)}function l(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 s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function c(){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 p(e){return a(e)||l(e)||u(e)||c()}function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function h(e,t,n){return t&&f(e.prototype,t),n&&f(e,n),e}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function g(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&m(e,t)}function y(e){return(y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function b(e,t){if(t&&("object"===y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return v(e)}function I(e){return(I=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function D(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var E=function(e){g(a,e);var t,o,s=(t=a,o=D(),function(){var e,n=I(t);if(o){var r=I(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return b(this,e)});function a(){var e;return d(this,a),(e=s.call(this)).moveUp=e.moveUp.bind(v(e)),e.moveTop=e.moveTop.bind(v(e)),e.moveDown=e.moveDown.bind(v(e)),e.moveBottom=e.moveBottom.bind(v(e)),e}return h(a,[{key:"moveUp",value:function(e){if(this.props.selection){for(var t=p(this.props.value),n=0;n<this.props.selection.length;n++){var o=r.ObjectUtils.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(0===o)break;var i=t[o-1];t[o-1]=t[o],t[o]=i}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"up"})}}},{key:"moveTop",value:function(e){if(this.props.selection){for(var t=p(this.props.value),n=0;n<this.props.selection.length;n++){var o=r.ObjectUtils.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(0===o)break;var i=t.splice(o,1)[0];t.unshift(i)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"top"})}}},{key:"moveDown",value:function(e){if(this.props.selection){for(var t=p(this.props.value),n=this.props.selection.length-1;n>=0;n--){var o=r.ObjectUtils.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(o===t.length-1)break;var i=t[o+1];t[o+1]=t[o],t[o]=i}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"down"})}}},{key:"moveBottom",value:function(e){if(this.props.selection){for(var t=p(this.props.value),n=this.props.selection.length-1;n>=0;n--){var o=r.ObjectUtils.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(o===t.length-1)break;var i=t.splice(o,1)[0];t.push(i)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"bottom"})}}},{key:"render",value:function(){return i.default.createElement("div",{className:"p-orderlist-controls"},i.default.createElement(n.Button,{type:"button",icon:"pi pi-angle-up",onClick:this.moveUp}),i.default.createElement(n.Button,{type:"button",icon:"pi pi-angle-double-up",onClick:this.moveTop}),i.default.createElement(n.Button,{type:"button",icon:"pi pi-angle-down",onClick:this.moveDown}),i.default.createElement(n.Button,{type:"button",icon:"pi pi-angle-double-down",onClick:this.moveBottom}))}}]),a}(t.Component);function k(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var x=function(e){g(s,e);var t,n,o=(t=s,n=k(),function(){var e,r=I(t);if(n){var o=I(this).constructor;e=Reflect.construct(r,arguments,o)}else e=r.apply(this,arguments);return b(this,e)});function s(e){var t;return d(this,s),(t=o.call(this,e)).onDragEnd=t.onDragEnd.bind(v(t)),t.onDragLeave=t.onDragLeave.bind(v(t)),t.onDrop=t.onDrop.bind(v(t)),t.onListMouseMove=t.onListMouseMove.bind(v(t)),t}return h(s,[{key:"isSelected",value:function(e){return-1!==r.ObjectUtils.findIndexInList(e,this.props.selection,this.props.dataKey)}},{key:"onDragStart",value:function(e,t){this.dragging=!0,this.draggedItemIndex=t,this.props.dragdropScope&&e.dataTransfer.setData("text","orderlist")}},{key:"onDragOver",value:function(e,t){this.draggedItemIndex!==t&&this.draggedItemIndex+1!==t&&(this.dragOverItemIndex=t,r.DomHandler.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())}},{key:"onDragLeave",value:function(e){this.dragOverItemIndex=null,r.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")}},{key:"onDrop",value:function(e){var t=this.draggedItemIndex>this.dragOverItemIndex?this.dragOverItemIndex:0===this.dragOverItemIndex?0:this.dragOverItemIndex-1,n=p(this.props.value);r.ObjectUtils.reorderArray(n,this.draggedItemIndex,t),this.dragOverItemIndex=null,r.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight"),this.props.onChange&&this.props.onChange({originalEvent:e,value:n})}},{key:"onDragEnd",value:function(e){this.dragging=!1}},{key:"onListMouseMove",value:function(e){if(this.dragging){var t=this.listElement.getBoundingClientRect().top+r.DomHandler.getWindowScrollTop(),n=t+this.listElement.clientHeight-e.pageY,o=e.pageY-t;n<25&&n>0?this.listElement.scrollTop+=15:o<25&&o>0&&(this.listElement.scrollTop-=15)}}},{key:"renderDropPoint",value:function(e,t){var n=this;return i.default.createElement("li",{key:t,className:"p-orderlist-droppoint",onDragOver:function(t){return n.onDragOver(t,e+1)},onDragLeave:this.onDragLeave,onDrop:this.onDrop})}},{key:"render",value:function(){var e=this,t=null,n=null;return this.props.header&&(t=i.default.createElement("div",{className:"p-orderlist-header"},this.props.header)),this.props.value&&(n=this.props.value.map((function(t,n){var o=e.props.itemTemplate?e.props.itemTemplate(t):t,s=r.classNames("p-orderlist-item",{"p-highlight":e.isSelected(t)},e.props.className),a=JSON.stringify(t);if(e.props.dragdrop){var l=[e.renderDropPoint(n,a+"_droppoint"),i.default.createElement("li",{key:a,className:s,onClick:function(r){return e.props.onItemClick({originalEvent:r,value:t,index:n})},onKeyDown:function(r){return e.props.onItemKeyDown({originalEvent:r,value:t,index:n})},role:"option","aria-selected":e.isSelected(t),draggable:"true",onDragStart:function(t){return e.onDragStart(t,n)},onDragEnd:e.onDragEnd,tabIndex:e.props.tabIndex},o,i.default.createElement(r.Ripple,null))];return n===e.props.value.length-1&&l.push(e.renderDropPoint(t,n,a+"_droppoint_end")),l}return i.default.createElement("li",{key:JSON.stringify(t),className:s,role:"option","aria-selected":e.isSelected(t),onClick:function(r){return e.props.onItemClick({originalEvent:r,value:t,index:n})},onKeyDown:function(r){return e.props.onItemKeyDown({originalEvent:r,value:t,index:n})},tabIndex:e.props.tabIndex},o)}))),i.default.createElement("div",{className:"p-orderlist-list-container"},t,i.default.createElement("ul",{ref:function(t){return e.listElement=t},className:"p-orderlist-list",style:this.props.listStyle,onDragOver:this.onListMouseMove,role:"listbox","aria-multiselectable":!0},n))}}]),s}(t.Component);function O(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var w,S,C,R=function(e){g(s,e);var t,n,o=(t=s,n=O(),function(){var e,r=I(t);if(n){var o=I(this).constructor;e=Reflect.construct(r,arguments,o)}else e=r.apply(this,arguments);return b(this,e)});function s(e){var t;return d(this,s),(t=o.call(this,e)).state={selection:[]},t.onItemClick=t.onItemClick.bind(v(t)),t.onItemKeyDown=t.onItemKeyDown.bind(v(t)),t.onReorder=t.onReorder.bind(v(t)),t}return h(s,[{key:"onItemClick",value:function(e){var t,n=e.originalEvent.metaKey||e.originalEvent.ctrlKey,o=r.ObjectUtils.findIndexInList(e.value,this.state.selection,this.props.dataKey);t=-1!==o?n?this.state.selection.filter((function(e,t){return t!==o})):[e.value]:n?[].concat(p(this.state.selection),[e.value]):[e.value],this.setState({selection:t})}},{key:"onItemKeyDown",value:function(e){var t=e.originalEvent.currentTarget;switch(e.originalEvent.which){case 40:var n=this.findNextItem(t);n&&n.focus(),e.originalEvent.preventDefault();break;case 38:var r=this.findPrevItem(t);r&&r.focus(),e.originalEvent.preventDefault();break;case 13:this.onItemClick(e),e.originalEvent.preventDefault()}}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?r.DomHandler.hasClass(t,"p-orderlist-item")?t:this.findNextItem(t):null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?r.DomHandler.hasClass(t,"p-orderlist-item")?t:this.findPrevItem(t):null}},{key:"onReorder",value:function(e){this.props.onChange&&this.props.onChange({event:e.originalEvent,value:e.value}),this.reorderDirection=e.direction}},{key:"componentDidUpdate",value:function(){this.reorderDirection&&(this.updateListScroll(),this.reorderDirection=null)}},{key:"updateListScroll",value:function(){var e=r.DomHandler.find(this.subList.listElement,".p-orderlist-item.p-highlight");if(e&&e.length)switch(this.reorderDirection){case"up":r.DomHandler.scrollInView(this.subList.listElement,e[0]);break;case"top":this.subList.listElement.scrollTop=0;break;case"down":r.DomHandler.scrollInView(this.subList.listElement,e[e.length-1]);break;case"bottom":this.subList.listElement.scrollTop=this.subList.listElement.scrollHeight}}},{key:"render",value:function(){var e=this,t=r.classNames("p-orderlist p-component",this.props.className);return i.default.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:t,style:this.props.style},i.default.createElement(E,{value:this.props.value,selection:this.state.selection,onReorder:this.onReorder,dataKey:this.props.dataKey}),i.default.createElement(x,{ref:function(t){return e.subList=t},value:this.props.value,selection:this.state.selection,onItemClick:this.onItemClick,onItemKeyDown:this.onItemKeyDown,itemTemplate:this.props.itemTemplate,header:this.props.header,listStyle:this.props.listStyle,dataKey:this.props.dataKey,dragdrop:this.props.dragdrop,onDragStart:this.onDragStart,onDragEnter:this.onDragEnter,onDragEnd:this.onDragEnd,onDragLeave:this.onDragEnter,onDrop:this.onDrop,onChange:this.props.onChange,tabIndex:this.props.tabIndex}))}}]),s}(t.Component);return C={id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,onChange:null,itemTemplate:null},(S="defaultProps")in(w=R)?Object.defineProperty(w,S,{value:C,enumerable:!0,configurable:!0,writable:!0}):w[S]=C,e.OrderList=R,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.button,primereact.core);
+this.primereact=this.primereact||{},this.primereact.orderlist=function(e,t,n,r,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(t);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e){if(Array.isArray(e))return s(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function c(){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){return l(e)||u(e)||p(e)||c()}function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function h(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function v(e,t,n){return t&&h(e.prototype,t),n&&h(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function y(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function I(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}function D(e){return D=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},D(e)}function E(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var k=function(e){y(s,e);var t,o,i=(t=s,o=E(),function(){var e,n=D(t);if(o){var r=D(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return I(this,e)});function s(){var e;return f(this,s),(e=i.call(this)).moveUp=e.moveUp.bind(m(e)),e.moveTop=e.moveTop.bind(m(e)),e.moveDown=e.moveDown.bind(m(e)),e.moveBottom=e.moveBottom.bind(m(e)),e}return v(s,[{key:"moveUp",value:function(e){if(this.props.selection){for(var t=d(this.props.value),n=0;n<this.props.selection.length;n++){var o=r.ObjectUtils.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(0===o)break;var i=t[o-1];t[o-1]=t[o],t[o]=i}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"up"})}}},{key:"moveTop",value:function(e){if(this.props.selection){for(var t=d(this.props.value),n=0;n<this.props.selection.length;n++){var o=r.ObjectUtils.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(0===o)break;var i=t.splice(o,1)[0];t.unshift(i)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"top"})}}},{key:"moveDown",value:function(e){if(this.props.selection){for(var t=d(this.props.value),n=this.props.selection.length-1;n>=0;n--){var o=r.ObjectUtils.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(o===t.length-1)break;var i=t[o+1];t[o+1]=t[o],t[o]=i}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"down"})}}},{key:"moveBottom",value:function(e){if(this.props.selection){for(var t=d(this.props.value),n=this.props.selection.length-1;n>=0;n--){var o=r.ObjectUtils.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(o===t.length-1)break;var i=t.splice(o,1)[0];t.push(i)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"bottom"})}}},{key:"render",value:function(){return a.default.createElement("div",{className:"p-orderlist-controls"},a.default.createElement(n.Button,{type:"button",icon:"pi pi-angle-up",onClick:this.moveUp}),a.default.createElement(n.Button,{type:"button",icon:"pi pi-angle-double-up",onClick:this.moveTop}),a.default.createElement(n.Button,{type:"button",icon:"pi pi-angle-down",onClick:this.moveDown}),a.default.createElement(n.Button,{type:"button",icon:"pi pi-angle-double-down",onClick:this.moveBottom}))}}]),s}(t.Component);function O(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var w=function(e){y(s,e);var t,n,i=(t=s,n=O(),function(){var e,r=D(t);if(n){var o=D(this).constructor;e=Reflect.construct(r,arguments,o)}else e=r.apply(this,arguments);return I(this,e)});function s(e){var t;return f(this,s),(t=i.call(this,e)).onDragEnd=t.onDragEnd.bind(m(t)),t.onDragLeave=t.onDragLeave.bind(m(t)),t.onDrop=t.onDrop.bind(m(t)),t.onListMouseMove=t.onListMouseMove.bind(m(t)),t}return v(s,[{key:"isSelected",value:function(e){return-1!==r.ObjectUtils.findIndexInList(e,this.props.selection,this.props.dataKey)}},{key:"onDragStart",value:function(e,t){this.dragging=!0,this.draggedItemIndex=t,this.props.dragdropScope&&e.dataTransfer.setData("text","orderlist")}},{key:"onDragOver",value:function(e,t){this.draggedItemIndex!==t&&this.draggedItemIndex+1!==t&&(this.dragOverItemIndex=t,r.DomHandler.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())}},{key:"onDragLeave",value:function(e){this.dragOverItemIndex=null,r.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")}},{key:"onDrop",value:function(e){var t=this.draggedItemIndex>this.dragOverItemIndex?this.dragOverItemIndex:0===this.dragOverItemIndex?0:this.dragOverItemIndex-1,n=d(this.props.value);r.ObjectUtils.reorderArray(n,this.draggedItemIndex,t),this.dragOverItemIndex=null,r.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight"),this.props.onChange&&this.props.onChange({originalEvent:e,value:n})}},{key:"onDragEnd",value:function(e){this.dragging=!1}},{key:"onListMouseMove",value:function(e){if(this.dragging){var t=this.listElement.getBoundingClientRect().top+r.DomHandler.getWindowScrollTop(),n=t+this.listElement.clientHeight-e.pageY,o=e.pageY-t;n<25&&n>0?this.listElement.scrollTop+=15:o<25&&o>0&&(this.listElement.scrollTop-=15)}}},{key:"renderDropPoint",value:function(e,t){var n=this;return a.default.createElement("li",{key:t,className:"p-orderlist-droppoint",onDragOver:function(t){return n.onDragOver(t,e+1)},onDragLeave:this.onDragLeave,onDrop:this.onDrop})}},{key:"render",value:function(){var e=this,t=null,n=null;return this.props.header&&(t=a.default.createElement("div",{className:"p-orderlist-header"},this.props.header)),this.props.value&&(n=this.props.value.map((function(t,n){var i=e.props.itemTemplate?e.props.itemTemplate(t):t,s=r.classNames("p-orderlist-item",{"p-highlight":e.isSelected(t)},e.props.className),l=JSON.stringify(t);if(e.props.dragdrop){var u=[e.renderDropPoint(n,l+"_droppoint"),a.default.createElement("li",{key:l,className:s,onClick:function(r){return e.props.onItemClick({originalEvent:r,value:t,index:n})},onKeyDown:function(r){return e.props.onItemKeyDown({originalEvent:r,value:t,index:n})},role:"option","aria-selected":e.isSelected(t),draggable:"true",onDragStart:function(t){return e.onDragStart(t,n)},onDragEnd:e.onDragEnd,tabIndex:e.props.tabIndex},i,a.default.createElement(o.Ripple,null))];return n===e.props.value.length-1&&u.push(e.renderDropPoint(t,n,l+"_droppoint_end")),u}return a.default.createElement("li",{key:JSON.stringify(t),className:s,role:"option","aria-selected":e.isSelected(t),onClick:function(r){return e.props.onItemClick({originalEvent:r,value:t,index:n})},onKeyDown:function(r){return e.props.onItemKeyDown({originalEvent:r,value:t,index:n})},tabIndex:e.props.tabIndex},i)}))),a.default.createElement("div",{className:"p-orderlist-list-container"},t,a.default.createElement("ul",{ref:function(t){return e.listElement=t},className:"p-orderlist-list",style:this.props.listStyle,onDragOver:this.onListMouseMove,role:"listbox","aria-multiselectable":!0},n))}}]),s}(t.Component);function x(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var S,C,R,L=function(e){y(i,e);var t,n,o=(t=i,n=x(),function(){var e,r=D(t);if(n){var o=D(this).constructor;e=Reflect.construct(r,arguments,o)}else e=r.apply(this,arguments);return I(this,e)});function i(e){var t;return f(this,i),(t=o.call(this,e)).state={selection:[]},t.onItemClick=t.onItemClick.bind(m(t)),t.onItemKeyDown=t.onItemKeyDown.bind(m(t)),t.onReorder=t.onReorder.bind(m(t)),t}return v(i,[{key:"onItemClick",value:function(e){var t,n=e.originalEvent.metaKey||e.originalEvent.ctrlKey,o=r.ObjectUtils.findIndexInList(e.value,this.state.selection,this.props.dataKey);t=-1!==o?n?this.state.selection.filter((function(e,t){return t!==o})):[e.value]:n?[].concat(d(this.state.selection),[e.value]):[e.value],this.setState({selection:t})}},{key:"onItemKeyDown",value:function(e){var t=e.originalEvent.currentTarget;switch(e.originalEvent.which){case 40:var n=this.findNextItem(t);n&&n.focus(),e.originalEvent.preventDefault();break;case 38:var r=this.findPrevItem(t);r&&r.focus(),e.originalEvent.preventDefault();break;case 13:this.onItemClick(e),e.originalEvent.preventDefault()}}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?r.DomHandler.hasClass(t,"p-orderlist-item")?t:this.findNextItem(t):null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?r.DomHandler.hasClass(t,"p-orderlist-item")?t:this.findPrevItem(t):null}},{key:"onReorder",value:function(e){this.props.onChange&&this.props.onChange({event:e.originalEvent,value:e.value}),this.reorderDirection=e.direction}},{key:"componentDidUpdate",value:function(){this.reorderDirection&&(this.updateListScroll(),this.reorderDirection=null)}},{key:"updateListScroll",value:function(){var e=r.DomHandler.find(this.subList.listElement,".p-orderlist-item.p-highlight");if(e&&e.length)switch(this.reorderDirection){case"up":r.DomHandler.scrollInView(this.subList.listElement,e[0]);break;case"top":this.subList.listElement.scrollTop=0;break;case"down":r.DomHandler.scrollInView(this.subList.listElement,e[e.length-1]);break;case"bottom":this.subList.listElement.scrollTop=this.subList.listElement.scrollHeight}}},{key:"render",value:function(){var e=this,t=r.classNames("p-orderlist p-component",this.props.className);return a.default.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:t,style:this.props.style},a.default.createElement(k,{value:this.props.value,selection:this.state.selection,onReorder:this.onReorder,dataKey:this.props.dataKey}),a.default.createElement(w,{ref:function(t){return e.subList=t},value:this.props.value,selection:this.state.selection,onItemClick:this.onItemClick,onItemKeyDown:this.onItemKeyDown,itemTemplate:this.props.itemTemplate,header:this.props.header,listStyle:this.props.listStyle,dataKey:this.props.dataKey,dragdrop:this.props.dragdrop,onDragStart:this.onDragStart,onDragEnter:this.onDragEnter,onDragEnd:this.onDragEnd,onDragLeave:this.onDragEnter,onDrop:this.onDrop,onChange:this.props.onChange,tabIndex:this.props.tabIndex}))}}]),i}(t.Component);return R={id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,onChange:null,itemTemplate:null},(C="defaultProps")in(S=L)?Object.defineProperty(S,C,{value:R,enumerable:!0,configurable:!0,writable:!0}):S[C]=R,e.OrderList=L,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.button,primereact.utils,primereact.ripple);

package/organizationchart/organizationchart.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -71,6 +71,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -95,23 +98,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -204,82 +204,82 @@ var OrganizationChartNode = /*#__PURE__*/function (_Component) {
 
       this.node = this.props.node;
       var colspan = this.getColspan();
-      var nodeClassName = core.classNames('p-organizationchart-node-content', this.node.className, {
+      var nodeClassName = utils.classNames('p-organizationchart-node-content', this.node.className, {
         'p-organizationchart-selectable-node': this.props.selectionMode && this.node.selectable !== false,
         'p-highlight': this.isSelected()
       }),
-          nodeLabel = this.props.nodeTemplate && this.props.nodeTemplate(this.node) ? /*#__PURE__*/React__default['default'].createElement("div", null, this.props.nodeTemplate(this.node)) : /*#__PURE__*/React__default['default'].createElement("div", null, this.node.label),
-          toggleIcon = core.classNames('p-node-toggler-icon', {
+          nodeLabel = this.props.nodeTemplate && this.props.nodeTemplate(this.node) ? /*#__PURE__*/React__default["default"].createElement("div", null, this.props.nodeTemplate(this.node)) : /*#__PURE__*/React__default["default"].createElement("div", null, this.node.label),
+          toggleIcon = utils.classNames('p-node-toggler-icon', {
         'pi pi-chevron-down': this.state.expanded,
         'pi pi-chevron-up': !this.state.expanded
       }),
-          nodeContent = /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
+          nodeContent = /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", {
         colSpan: colspan
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: nodeClassName,
         onClick: function onClick(e) {
           return _this2.onNodeClick(e, _this2.node);
         }
       }, nodeLabel,
       /* eslint-disable */
-      !this.getLeaf() && /*#__PURE__*/React__default['default'].createElement("a", {
+      !this.getLeaf() && /*#__PURE__*/React__default["default"].createElement("a", {
         href: "#",
         className: "p-node-toggler",
         onClick: function onClick(e) {
           return _this2.toggleNode(e, _this2.node);
         }
-      }, /*#__PURE__*/React__default['default'].createElement("i", {
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: toggleIcon
       }))
       /* eslint-enable */
       )));
 
       var _visibility = !this.getLeaf() && this.state.expanded ? 'inherit' : 'hidden',
-          linesDown = /*#__PURE__*/React__default['default'].createElement("tr", {
+          linesDown = /*#__PURE__*/React__default["default"].createElement("tr", {
         style: {
           visibility: _visibility
         },
         className: "p-organizationchart-lines"
-      }, /*#__PURE__*/React__default['default'].createElement("td", {
+      }, /*#__PURE__*/React__default["default"].createElement("td", {
         colSpan: colspan
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-organizationchart-line-down"
       }))),
           nodeChildLength = this.node.children && this.node.children.length,
-          linesMiddle = /*#__PURE__*/React__default['default'].createElement("tr", {
+          linesMiddle = /*#__PURE__*/React__default["default"].createElement("tr", {
         style: {
           visibility: _visibility
         },
         className: "p-organizationchart-lines"
-      }, this.node.children && this.node.children.length === 1 && /*#__PURE__*/React__default['default'].createElement("td", {
+      }, this.node.children && this.node.children.length === 1 && /*#__PURE__*/React__default["default"].createElement("td", {
         colSpan: this.getColspan()
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-organizationchart-line-down"
       })), this.node.children && this.node.children.length > 1 && this.node.children.map(function (item, index) {
-        var leftClass = core.classNames('p-organizationchart-line-left', {
+        var leftClass = utils.classNames('p-organizationchart-line-left', {
           'p-organizationchart-line-top': index !== 0
         }),
-            rightClass = core.classNames('p-organizationchart-line-right', {
+            rightClass = utils.classNames('p-organizationchart-line-right', {
           'p-organizationchart-line-top': index !== nodeChildLength - 1
         });
-        return [/*#__PURE__*/React__default['default'].createElement("td", {
+        return [/*#__PURE__*/React__default["default"].createElement("td", {
           key: index + '_lineleft',
           className: leftClass
-        }, "\xA0"), /*#__PURE__*/React__default['default'].createElement("td", {
+        }, "\xA0"), /*#__PURE__*/React__default["default"].createElement("td", {
           key: index + '_lineright',
           className: rightClass
         }, "\xA0")];
       })),
-          childNodes = /*#__PURE__*/React__default['default'].createElement("tr", {
+          childNodes = /*#__PURE__*/React__default["default"].createElement("tr", {
         style: {
           visibility: _visibility
         },
         className: "p-organizationchart-nodes"
       }, this.node.children && this.node.children.map(function (child, index) {
-        return /*#__PURE__*/React__default['default'].createElement("td", {
+        return /*#__PURE__*/React__default["default"].createElement("td", {
           key: index,
           colSpan: "2"
-        }, /*#__PURE__*/React__default['default'].createElement(OrganizationChartNode, {
+        }, /*#__PURE__*/React__default["default"].createElement(OrganizationChartNode, {
           node: child,
           nodeTemplate: _this2.props.nodeTemplate,
           selectionMode: _this2.props.selectionMode,
@@ -288,9 +288,9 @@ var OrganizationChartNode = /*#__PURE__*/function (_Component) {
         }));
       }));
 
-      return /*#__PURE__*/React__default['default'].createElement("table", {
+      return /*#__PURE__*/React__default["default"].createElement("table", {
         className: "p-organizationchart-table"
-      }, /*#__PURE__*/React__default['default'].createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
+      }, /*#__PURE__*/React__default["default"].createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
     }
   }]);
 
@@ -424,12 +424,12 @@ var OrganizationChart = /*#__PURE__*/function (_Component2) {
     key: "render",
     value: function render() {
       this.root = this.props.value && this.props.value.length ? this.props.value[0] : null;
-      var className = core.classNames('p-organizationchart p-component', this.props.className);
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      var className = utils.classNames('p-organizationchart p-component', this.props.className);
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         id: this.props.id,
         style: this.props.style,
         className: className
-      }, /*#__PURE__*/React__default['default'].createElement(OrganizationChartNode, {
+      }, /*#__PURE__*/React__default["default"].createElement(OrganizationChartNode, {
         node: this.root,
         nodeTemplate: this.props.nodeTemplate,
         selectionMode: this.props.selectionMode,