primereact 9.2.3 → 9.3.1

package/orderlist/orderlist.cjs.js

@@ -7,7 +7,12 @@ var PrimeReact = require('primereact/api');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
 var button = require('primereact/button');
+var angledown = require('primereact/icons/angledown');
+var angledoubleup = require('primereact/icons/angledoubleup');
+var angleup = require('primereact/icons/angleup');
+var angledoubledown = require('primereact/icons/angledoubledown');
 var ripple = require('primereact/ripple');
+var search = require('primereact/icons/search');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -129,6 +134,11 @@ var OrderListBase = {
     listStyle: null,
     dragdrop: false,
     tabIndex: 0,
+    filterIcon: null,
+    moveUpIcon: null,
+    moveTopIcon: null,
+    moveDownIcon: null,
+    moveBottomIcon: null,
     dataKey: null,
     breakpoint: '960px',
     onChange: null,
@@ -151,6 +161,10 @@ var OrderListBase = {
 };
 
 var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
+  var moveUpIcon = props.moveUpIcon || /*#__PURE__*/React__namespace.createElement(angleup.AngleUpIcon, null);
+  var moveTopIcon = props.moveTopIcon || /*#__PURE__*/React__namespace.createElement(angledoubleup.AngleDoubleUpIcon, null);
+  var moveDownIcon = props.moveDownIcon || /*#__PURE__*/React__namespace.createElement(angledown.AngleDownIcon, null);
+  var moveBottomIcon = props.moveBottomIcon || /*#__PURE__*/React__namespace.createElement(angledoubledown.AngleDoubleDownIcon, null);
   var moveUp = function moveUp(event) {
     if (props.selection) {
       var value = _toConsumableArray(props.value);
@@ -247,19 +261,19 @@ var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
     className: "p-orderlist-controls"
   }, /*#__PURE__*/React__namespace.createElement(button.Button, {
     type: "button",
-    icon: "pi pi-angle-up",
+    icon: moveUpIcon,
     onClick: moveUp
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     type: "button",
-    icon: "pi pi-angle-double-up",
+    icon: moveTopIcon,
     onClick: moveTop
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     type: "button",
-    icon: "pi pi-angle-down",
+    icon: moveDownIcon,
     onClick: moveDown
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     type: "button",
-    icon: "pi pi-angle-double-down",
+    icon: moveBottomIcon,
     onClick: moveBottom
   }));
 });
@@ -425,6 +439,15 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
     }, items);
   };
   var createFilter = function createFilter() {
+    var iconClassName = 'p-orderlist-filter';
+    var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, {
+      className: iconClassName
+    });
+    var filterIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
+    });
     if (props.filter) {
       var content = /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-orderlist-filter"
@@ -436,8 +459,8 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
         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"
-      }));
+        className: "p-orderlist-filter-icon"
+      }, filterIcon));
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: 'p-orderlist-filter',
@@ -447,7 +470,7 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
             onKeyDown: onFilterInputKeyDown
           },
           filterOptions: filterOptions,
-          iconClassName: 'p-orderlist-filter-icon pi pi-search',
+          iconClassName: 'p-orderlist-filter-icon',
           element: content,
           props: props
         };
@@ -643,7 +666,11 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     value: visibleList,
     selection: selectionState,
     onReorder: onReorder,
-    dataKey: props.dataKey
+    dataKey: props.dataKey,
+    moveUpIcon: props.moveUpIcon,
+    moveTopIcon: props.moveTopIcon,
+    moveDownIcon: props.moveDownIcon,
+    moveBottomIcon: props.moveBottomIcon
   }), /*#__PURE__*/React__namespace.createElement(OrderListSubList, {
     value: visibleList,
     selection: selectionState,
@@ -660,7 +687,8 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     dataKey: props.dataKey,
     dragdrop: props.dragdrop,
     onChange: props.onChange,
-    tabIndex: props.tabIndex
+    tabIndex: props.tabIndex,
+    filterIcon: props.filterIcon
   }));
 }));
 OrderList.displayName = 'OrderList';

package/orderlist/orderlist.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),n=require("primereact/utils"),l=require("primereact/button"),i=require("primereact/ripple");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(e),c=o(t);function s(){return s=Object.assign?Object.assign.bind():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},s.apply(this,arguments)}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function p(e){if(Array.isArray(e))return d(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e){return p(e)||f(e)||m(e)||v()}function h(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,i,o,a=[],u=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw l}}return a}}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 E(e,t){return h(e)||y(e,t)||m(e,t)||b()}var I={defaultProps:{__TYPE:"OrderList",id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,breakpoint:"960px",onChange:null,itemTemplate:null,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,filterPlaceholder:null,filterTemplate:null,onFilter:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,I.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,I.defaultProps)}},O=u.memo((function(e){return u.createElement("div",{className:"p-orderlist-controls"},u.createElement(l.Button,{type:"button",icon:"pi pi-angle-up",onClick:function(t){if(e.selection){for(var r=g(e.value),l=0;l<e.selection.length;l++){var i=n.ObjectUtils.findIndexInList(e.selection[l],r,e.dataKey);if(0===i)break;var o=r[i-1];r[i-1]=r[i],r[i]=o}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}}}),u.createElement(l.Button,{type:"button",icon:"pi pi-angle-double-up",onClick:function(t){if(e.selection){for(var r=g(e.value),l=0;l<e.selection.length;l++){var i=n.ObjectUtils.findIndexInList(e.selection[l],r,e.dataKey);if(0===i)break;var o=r.splice(i,1)[0];r.unshift(o)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}}}),u.createElement(l.Button,{type:"button",icon:"pi pi-angle-down",onClick:function(t){if(e.selection){for(var r=g(e.value),l=e.selection.length-1;l>=0;l--){var i=n.ObjectUtils.findIndexInList(e.selection[l],r,e.dataKey);if(i===r.length-1)break;var o=r[i+1];r[i+1]=r[i],r[i]=o}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}}}),u.createElement(l.Button,{type:"button",icon:"pi pi-angle-double-down",onClick:function(t){if(e.selection){for(var r=g(e.value),l=e.selection.length-1;l>=0;l--){var i=n.ObjectUtils.findIndexInList(e.selection[l],r,e.dataKey);if(i===r.length-1)break;var o=r.splice(i,1)[0];r.push(o)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}}}))}));O.displayName="OrderListControls";var D=u.memo((function(e){var t,r=u.useRef(null),l=u.useRef(null),o=u.useRef(null),a=u.useRef(null),c={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},s=function(t){return-1!==n.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},d=function(e,t){l.current!==t&&l.current+1!==t&&(o.current=t,n.DomHandler.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())},p=function(e){o.current=null,n.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")},f=function(t){var r=l.current>o.current?o.current:0===o.current?0:o.current-1,i=g(e.value);n.ObjectUtils.reorderArray(i,l.current,r),o.current=null,n.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),e.onChange&&e.onChange({originalEvent:t,value:i})},m=function(e){r.current=!1},v=function(e){if(r.current){var t=a.current.getBoundingClientRect().top+n.DomHandler.getWindowScrollTop(),l=t+a.current.clientHeight-e.pageY,i=e.pageY-t;l<25&&l>0?a.current.scrollTop+=15:i<25&&i>0&&(a.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:p,onDrop:f})},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=n.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,o){var a=e.itemTemplate?e.itemTemplate(t):t,c=n.classNames("p-orderlist-item",{"p-highlight":s(t)},e.className),d=JSON.stringify(t);if(e.dragdrop){var p=[];return 0===o&&p.push(y(t,o)),p.push(u.createElement("li",{key:d,className:c,onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:o})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:o})},role:"option","aria-selected":s(t),draggable:"true",onDragStart:function(t){return n=t,i=o,r.current=!0,l.current=i,void(e.dragdropScope&&n.dataTransfer.setData("text","orderlist"));var n,i},onDragEnd:m,tabIndex:e.tabIndex},a,u.createElement(i.Ripple,null))),p.push(y(o,d+"_droppoint")),p}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:o})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:o})},tabIndex:e.tabIndex},a)})):null,u.createElement("ul",{ref:a,className:"p-orderlist-list",style:e.listStyle,onDragOver:v,role:"listbox","aria-multiselectable":!0},t));return u.createElement("div",{className:"p-orderlist-list-container"},b,E,I)}));D.displayName="OrderListSubList";var C=u.memo(u.forwardRef((function(e,l){var i=I.getProps(e),o=E(u.useState([]),2),a=o[0],d=o[1],p=E(u.useState(""),2),f=p[0],m=p[1],v=E(u.useState(null),2),h=v[0],y=v[1],b=n.ObjectUtils.isNotEmpty(f),C=u.useRef(null),w=u.useRef(null),x=u.useRef(null),j=function(e){var t,r=e.originalEvent.metaKey||e.originalEvent.ctrlKey,l=n.ObjectUtils.findIndexInList(e.value,a,i.dataKey);t=-1!==l?r?a.filter((function(e,t){return t!==l})):[e.value]:r?[].concat(g(a),[e.value]):[e.value],d(t)},S=function e(t){var r=t.nextElementSibling;return r?n.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},k=function e(t){var r=t.previousElementSibling;return r?n.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},N=function(){var e=n.DomHandler.findSingle(C.current,".p-orderlist-list"),t=n.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(x.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)}},T=function(){if(!w.current){w.current=n.DomHandler.createInlineStyle(c.default.nonce);var e="\n@media screen and (max-width: ".concat(i.breakpoint,") {\n    .p-orderlist[").concat(h,"] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(h,"] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(h,"] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(h,"] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");w.current.innerHTML=e}};u.useImperativeHandle(l,(function(){return{props:i,getElement:function(){return C.current}}})),r.useMountEffect((function(){!h&&y(n.UniqueComponentId())})),r.useUpdateEffect((function(){return h&&(C.current.setAttribute(h,""),T()),function(){w.current=n.DomHandler.removeInlineStyle(w.current)}}),[h,i.breakpoint]),r.useUpdateEffect((function(){x.current&&(N(),x.current=null)}));var K=I.getOtherProps(i),L=n.classNames("p-orderlist p-component",i.className),R=function(){if(b){var e=f.trim().toLocaleLowerCase(i.filterLocale),r=i.filterBy?i.filterBy.split(","):[];return t.FilterService.filter(i.value,r,e,i.filterMatchMode,i.filterLocale)}return i.value}();return u.createElement("div",s({ref:C,id:i.id,className:L,style:i.style},K),u.createElement(O,{value:R,selection:a,onReorder:function(e){i.onChange&&i.onChange({event:e.originalEvent,value:e.value}),x.current=e.direction},dataKey:i.dataKey}),u.createElement(D,{value:R,selection:a,onItemClick:j,onItemKeyDown:function(e){var t=e.originalEvent,r=t.currentTarget;switch(t.which){case 40:var n=S(r);n&&n.focus(),t.preventDefault();break;case 38:var l=k(r);l&&l.focus(),t.preventDefault();break;case 13:j(e),t.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;m(t),i.onFilter&&i.onFilter({originalEvent:e,filter:t})},itemTemplate:i.itemTemplate,filter:i.filter,onFilter:function(e){var t=e.target.value;m(t),i.onFilter&&i.onFilter({originalEvent:e,value:t})},resetFilter:function(){m(""),i.onFilter&&i.onFilter({filter:""})},filterTemplate:i.filterTemplate,header:i.header,listStyle:i.listStyle,dataKey:i.dataKey,dragdrop:i.dragdrop,onChange:i.onChange,tabIndex:i.tabIndex}))})));C.displayName="OrderList",exports.OrderList=C;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/utils"),l=require("primereact/button"),o=require("primereact/icons/angledown"),i=require("primereact/icons/angledoubleup"),a=require("primereact/icons/angleup"),c=require("primereact/icons/angledoubledown"),u=require("primereact/ripple"),s=require("primereact/icons/search");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=p(e),m=d(t);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(this,arguments)}function g(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 h(e){if(Array.isArray(e))return g(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function I(){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 E(e){return h(e)||b(e)||y(e)||I()}function D(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,i,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,l=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw l}}return a}}function w(){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 C(e,t){return D(e)||O(e,t)||y(e,t)||w()}var x={defaultProps:{__TYPE:"OrderList",id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,filterIcon:null,moveUpIcon:null,moveTopIcon:null,moveDownIcon:null,moveBottomIcon:null,dataKey:null,breakpoint:"960px",onChange:null,itemTemplate:null,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,filterPlaceholder:null,filterTemplate:null,onFilter:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,x.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,x.defaultProps)}},S=f.memo((function(e){var t=e.moveUpIcon||f.createElement(a.AngleUpIcon,null),n=e.moveTopIcon||f.createElement(i.AngleDoubleUpIcon,null),u=e.moveDownIcon||f.createElement(o.AngleDownIcon,null),s=e.moveBottomIcon||f.createElement(c.AngleDoubleDownIcon,null);return f.createElement("div",{className:"p-orderlist-controls"},f.createElement(l.Button,{type:"button",icon:t,onClick:function(t){if(e.selection){for(var n=E(e.value),l=0;l<e.selection.length;l++){var o=r.ObjectUtils.findIndexInList(e.selection[l],n,e.dataKey);if(0===o)break;var i=n[o-1];n[o-1]=n[o],n[o]=i}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"up"})}}}),f.createElement(l.Button,{type:"button",icon:n,onClick:function(t){if(e.selection){for(var n=E(e.value),l=0;l<e.selection.length;l++){var o=r.ObjectUtils.findIndexInList(e.selection[l],n,e.dataKey);if(0===o)break;var i=n.splice(o,1)[0];n.unshift(i)}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"top"})}}}),f.createElement(l.Button,{type:"button",icon:u,onClick:function(t){if(e.selection){for(var n=E(e.value),l=e.selection.length-1;l>=0;l--){var o=r.ObjectUtils.findIndexInList(e.selection[l],n,e.dataKey);if(o===n.length-1)break;var i=n[o+1];n[o+1]=n[o],n[o]=i}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"down"})}}}),f.createElement(l.Button,{type:"button",icon:s,onClick:function(t){if(e.selection){for(var n=E(e.value),l=e.selection.length-1;l>=0;l--){var o=r.ObjectUtils.findIndexInList(e.selection[l],n,e.dataKey);if(o===n.length-1)break;var i=n.splice(o,1)[0];n.push(i)}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"bottom"})}}}))}));S.displayName="OrderListControls";var j=f.memo((function(e){var t,n=f.useRef(null),l=f.useRef(null),o=f.useRef(null),i=f.useRef(null),a={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},c=function(t){return-1!==r.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},d=function(e,t){l.current!==t&&l.current+1!==t&&(o.current=t,r.DomHandler.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())},p=function(e){o.current=null,r.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")},m=function(t){var n=l.current>o.current?o.current:0===o.current?0:o.current-1,i=E(e.value);r.ObjectUtils.reorderArray(i,l.current,n),o.current=null,r.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),e.onChange&&e.onChange({originalEvent:t,value:i})},v=function(e){n.current=!1},g=function(e){if(n.current){var t=i.current.getBoundingClientRect().top+r.DomHandler.getWindowScrollTop(),l=t+i.current.clientHeight-e.pageY,o=e.pageY-t;l<25&&l>0?i.current.scrollTop+=15:o<25&&o>0&&(i.current.scrollTop-=15)}},h=function(e){13===e.which&&e.preventDefault()},b=function(e,t){return f.createElement("li",{key:t,className:"p-orderlist-droppoint",onDragOver:function(t){return d(t,e+1)},onDragLeave:p,onDrop:m})},y=e.header?f.createElement("div",{className:"p-orderlist-header"},e.header):null,I=function(){var t="p-orderlist-filter",n=r.IconUtils.getJSXIcon(e.filterIcon||f.createElement(s.SearchIcon,{className:t}),{className:t},{props:e});if(e.filter){var l=f.createElement("div",{className:"p-orderlist-filter"},f.createElement("input",{type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:h,placeholder:e.placeholder,className:"p-orderlist-filter-input p-inputtext p-component"}),f.createElement("span",{className:"p-orderlist-filter-icon"},n));if(e.filterTemplate)l=r.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-orderlist-filter",inputProps:{inputClassName:"p-orderlist-filter-input p-inputtext p-component",onChange:e.onFilter,onKeyDown:h},filterOptions:a,iconClassName:"p-orderlist-filter-icon",element:l,props:e});return f.createElement("div",{className:"p-orderlist-filter-container"},l)}return null}(),D=(t=e.value?e.value.map((function(t,o){var i=e.itemTemplate?e.itemTemplate(t):t,a=r.classNames("p-orderlist-item",{"p-highlight":c(t)},e.className),s=JSON.stringify(t);if(e.dragdrop){var d=[];return 0===o&&d.push(b(t,o)),d.push(f.createElement("li",{key:s,className:a,onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:o})},onKeyDown:function(n){return e.onItemKeyDown({originalEvent:n,value:t,index:o})},role:"option","aria-selected":c(t),draggable:"true",onDragStart:function(t){return r=t,i=o,n.current=!0,l.current=i,void(e.dragdropScope&&r.dataTransfer.setData("text","orderlist"));var r,i},onDragEnd:v,tabIndex:e.tabIndex},i,f.createElement(u.Ripple,null))),d.push(b(o,s+"_droppoint")),d}return f.createElement("li",{key:s,className:a,role:"option","aria-selected":c(t),onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:o})},onKeyDown:function(n){return e.onItemKeyDown({originalEvent:n,value:t,index:o})},tabIndex:e.tabIndex},i)})):null,f.createElement("ul",{ref:i,className:"p-orderlist-list",style:e.listStyle,onDragOver:g,role:"listbox","aria-multiselectable":!0},t));return f.createElement("div",{className:"p-orderlist-list-container"},y,I,D)}));j.displayName="OrderListSubList";var N=f.memo(f.forwardRef((function(e,l){var o=x.getProps(e),i=C(f.useState([]),2),a=i[0],c=i[1],u=C(f.useState(""),2),s=u[0],d=u[1],p=C(f.useState(null),2),g=p[0],h=p[1],b=r.ObjectUtils.isNotEmpty(s),y=f.useRef(null),I=f.useRef(null),D=f.useRef(null),O=function(e){var t,n=e.originalEvent.metaKey||e.originalEvent.ctrlKey,l=r.ObjectUtils.findIndexInList(e.value,a,o.dataKey);t=-1!==l?n?a.filter((function(e,t){return t!==l})):[e.value]:n?[].concat(E(a),[e.value]):[e.value],c(t)},w=function e(t){var n=t.nextElementSibling;return n?r.DomHandler.hasClass(n,"p-orderlist-item")?n:e(n):null},N=function e(t){var n=t.previousElementSibling;return n?r.DomHandler.hasClass(n,"p-orderlist-item")?n:e(n):null},k=function(){var e=r.DomHandler.findSingle(y.current,".p-orderlist-list"),t=r.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(D.current){case"up":r.DomHandler.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":r.DomHandler.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},T=function(){if(!I.current){I.current=r.DomHandler.createInlineStyle(m.default.nonce);var e="\n@media screen and (max-width: ".concat(o.breakpoint,") {\n    .p-orderlist[").concat(g,"] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(g,"] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(g,"] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(g,"] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");I.current.innerHTML=e}};f.useImperativeHandle(l,(function(){return{props:o,getElement:function(){return y.current}}})),n.useMountEffect((function(){!g&&h(r.UniqueComponentId())})),n.useUpdateEffect((function(){return g&&(y.current.setAttribute(g,""),T()),function(){I.current=r.DomHandler.removeInlineStyle(I.current)}}),[g,o.breakpoint]),n.useUpdateEffect((function(){D.current&&(k(),D.current=null)}));var U=x.getOtherProps(o),K=r.classNames("p-orderlist p-component",o.className),L=function(){if(b){var e=s.trim().toLocaleLowerCase(o.filterLocale),n=o.filterBy?o.filterBy.split(","):[];return t.FilterService.filter(o.value,n,e,o.filterMatchMode,o.filterLocale)}return o.value}();return f.createElement("div",v({ref:y,id:o.id,className:K,style:o.style},U),f.createElement(S,{value:L,selection:a,onReorder:function(e){o.onChange&&o.onChange({event:e.originalEvent,value:e.value}),D.current=e.direction},dataKey:o.dataKey,moveUpIcon:o.moveUpIcon,moveTopIcon:o.moveTopIcon,moveDownIcon:o.moveDownIcon,moveBottomIcon:o.moveBottomIcon}),f.createElement(j,{value:L,selection:a,onItemClick:O,onItemKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var r=w(n);r&&r.focus(),t.preventDefault();break;case 38:var l=N(n);l&&l.focus(),t.preventDefault();break;case 13:O(e),t.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;d(t),o.onFilter&&o.onFilter({originalEvent:e,filter:t})},itemTemplate:o.itemTemplate,filter:o.filter,onFilter:function(e){var t=e.target.value;d(t),o.onFilter&&o.onFilter({originalEvent:e,value:t})},resetFilter:function(){d(""),o.onFilter&&o.onFilter({filter:""})},filterTemplate:o.filterTemplate,header:o.header,listStyle:o.listStyle,dataKey:o.dataKey,dragdrop:o.dragdrop,onChange:o.onChange,tabIndex:o.tabIndex,filterIcon:o.filterIcon}))})));N.displayName="OrderList",exports.OrderList=N;

package/orderlist/orderlist.d.ts

@@ -8,6 +8,7 @@
  *
  */
 import * as React from 'react';
+import { IconType } from '../utils/utils';
 
 /**
  * Custom change event.
@@ -71,8 +72,28 @@ export interface OrderListProps extends Omit<React.DetailedHTMLProps<React.HTMLA
      */
     breakpoint?: string | undefined;
     /**
-     * When specified, displays an input field to filter the items on keyup.
-     * @defaultValue false
+     * Icon of the move up icon.
+     */
+    moveUpIcon?: IconType<OrderListProps> | undefined;
+    /**
+     * Icon of the move top icon.
+     */
+    moveTopIcon?: IconType<OrderListProps> | undefined;
+    /**
+     * Icon of the move down icon.
+     */
+    moveDownIcon?: IconType<OrderListProps> | undefined;
+    /**
+     * Icon of the move bottom icon.
+     */
+    moveBottomIcon?: IconType<OrderListProps> | undefined;
+    /**
+     * Icon of the filter.
+     */
+    filterIcon?: IconType<OrderListProps> | undefined;
+    /**
+     * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
+     * @defaultValue label
      */
     filter?: boolean | undefined;
     /**

package/orderlist/orderlist.esm.js

@@ -1,9 +1,14 @@
 import * as React from 'react';
 import PrimeReact, { FilterService } from 'primereact/api';
 import { useMountEffect, useUpdateEffect } from 'primereact/hooks';
-import { ObjectUtils, DomHandler, classNames, UniqueComponentId } from 'primereact/utils';
+import { ObjectUtils, IconUtils, DomHandler, classNames, UniqueComponentId } from 'primereact/utils';
 import { Button } from 'primereact/button';
+import { AngleDownIcon } from 'primereact/icons/angledown';
+import { AngleDoubleUpIcon } from 'primereact/icons/angledoubleup';
+import { AngleUpIcon } from 'primereact/icons/angleup';
+import { AngleDoubleDownIcon } from 'primereact/icons/angledoubledown';
 import { Ripple } from 'primereact/ripple';
+import { SearchIcon } from 'primereact/icons/search';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -102,6 +107,11 @@ var OrderListBase = {
     listStyle: null,
     dragdrop: false,
     tabIndex: 0,
+    filterIcon: null,
+    moveUpIcon: null,
+    moveTopIcon: null,
+    moveDownIcon: null,
+    moveBottomIcon: null,
     dataKey: null,
     breakpoint: '960px',
     onChange: null,
@@ -124,6 +134,10 @@ var OrderListBase = {
 };
 
 var OrderListControls = /*#__PURE__*/React.memo(function (props) {
+  var moveUpIcon = props.moveUpIcon || /*#__PURE__*/React.createElement(AngleUpIcon, null);
+  var moveTopIcon = props.moveTopIcon || /*#__PURE__*/React.createElement(AngleDoubleUpIcon, null);
+  var moveDownIcon = props.moveDownIcon || /*#__PURE__*/React.createElement(AngleDownIcon, null);
+  var moveBottomIcon = props.moveBottomIcon || /*#__PURE__*/React.createElement(AngleDoubleDownIcon, null);
   var moveUp = function moveUp(event) {
     if (props.selection) {
       var value = _toConsumableArray(props.value);
@@ -220,19 +234,19 @@ var OrderListControls = /*#__PURE__*/React.memo(function (props) {
     className: "p-orderlist-controls"
   }, /*#__PURE__*/React.createElement(Button, {
     type: "button",
-    icon: "pi pi-angle-up",
+    icon: moveUpIcon,
     onClick: moveUp
   }), /*#__PURE__*/React.createElement(Button, {
     type: "button",
-    icon: "pi pi-angle-double-up",
+    icon: moveTopIcon,
     onClick: moveTop
   }), /*#__PURE__*/React.createElement(Button, {
     type: "button",
-    icon: "pi pi-angle-down",
+    icon: moveDownIcon,
     onClick: moveDown
   }), /*#__PURE__*/React.createElement(Button, {
     type: "button",
-    icon: "pi pi-angle-double-down",
+    icon: moveBottomIcon,
     onClick: moveBottom
   }));
 });
@@ -398,6 +412,15 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
     }, items);
   };
   var createFilter = function createFilter() {
+    var iconClassName = 'p-orderlist-filter';
+    var icon = props.filterIcon || /*#__PURE__*/React.createElement(SearchIcon, {
+      className: iconClassName
+    });
+    var filterIcon = IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
+    });
     if (props.filter) {
       var content = /*#__PURE__*/React.createElement("div", {
         className: "p-orderlist-filter"
@@ -409,8 +432,8 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
         placeholder: props.placeholder,
         className: "p-orderlist-filter-input p-inputtext p-component"
       }), /*#__PURE__*/React.createElement("span", {
-        className: "p-orderlist-filter-icon pi pi-search"
-      }));
+        className: "p-orderlist-filter-icon"
+      }, filterIcon));
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: 'p-orderlist-filter',
@@ -420,7 +443,7 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
             onKeyDown: onFilterInputKeyDown
           },
           filterOptions: filterOptions,
-          iconClassName: 'p-orderlist-filter-icon pi pi-search',
+          iconClassName: 'p-orderlist-filter-icon',
           element: content,
           props: props
         };
@@ -616,7 +639,11 @@ var OrderList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     value: visibleList,
     selection: selectionState,
     onReorder: onReorder,
-    dataKey: props.dataKey
+    dataKey: props.dataKey,
+    moveUpIcon: props.moveUpIcon,
+    moveTopIcon: props.moveTopIcon,
+    moveDownIcon: props.moveDownIcon,
+    moveBottomIcon: props.moveBottomIcon
   }), /*#__PURE__*/React.createElement(OrderListSubList, {
     value: visibleList,
     selection: selectionState,
@@ -633,7 +660,8 @@ var OrderList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     dataKey: props.dataKey,
     dragdrop: props.dragdrop,
     onChange: props.onChange,
-    tabIndex: props.tabIndex
+    tabIndex: props.tabIndex,
+    filterIcon: props.filterIcon
   }));
 }));
 OrderList.displayName = 'OrderList';

package/orderlist/orderlist.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{FilterService as r}from"primereact/api";import{useMountEffect as n,useUpdateEffect as i}from"primereact/hooks";import{ObjectUtils as l,DomHandler as o,classNames as a,UniqueComponentId as u}from"primereact/utils";import{Button as c}from"primereact/button";import{Ripple as s}from"primereact/ripple";function p(){return p=Object.assign?Object.assign.bind():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},p.apply(this,arguments)}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e){if(Array.isArray(e))return f(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function g(){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 h(e){return d(e)||m(e)||v(e)||g()}function y(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,l,o,a=[],u=!0,c=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=l.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){c=!0,i=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw i}}return a}}function E(){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 I(e,t){return y(e)||b(e,t)||v(e,t)||E()}var C={defaultProps:{__TYPE:"OrderList",id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,breakpoint:"960px",onChange:null,itemTemplate:null,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,filterPlaceholder:null,filterTemplate:null,onFilter:null,children:void 0},getProps:function(e){return l.getMergedProps(e,C.defaultProps)},getOtherProps:function(e){return l.getDiffProps(e,C.defaultProps)}},w=e.memo((function(t){return e.createElement("div",{className:"p-orderlist-controls"},e.createElement(c,{type:"button",icon:"pi pi-angle-up",onClick:function(e){if(t.selection){for(var r=h(t.value),n=0;n<t.selection.length;n++){var i=l.findIndexInList(t.selection[n],r,t.dataKey);if(0===i)break;var o=r[i-1];r[i-1]=r[i],r[i]=o}t.onReorder&&t.onReorder({originalEvent:e,value:r,direction:"up"})}}}),e.createElement(c,{type:"button",icon:"pi pi-angle-double-up",onClick:function(e){if(t.selection){for(var r=h(t.value),n=0;n<t.selection.length;n++){var i=l.findIndexInList(t.selection[n],r,t.dataKey);if(0===i)break;var o=r.splice(i,1)[0];r.unshift(o)}t.onReorder&&t.onReorder({originalEvent:e,value:r,direction:"top"})}}}),e.createElement(c,{type:"button",icon:"pi pi-angle-down",onClick:function(e){if(t.selection){for(var r=h(t.value),n=t.selection.length-1;n>=0;n--){var i=l.findIndexInList(t.selection[n],r,t.dataKey);if(i===r.length-1)break;var o=r[i+1];r[i+1]=r[i],r[i]=o}t.onReorder&&t.onReorder({originalEvent:e,value:r,direction:"down"})}}}),e.createElement(c,{type:"button",icon:"pi pi-angle-double-down",onClick:function(e){if(t.selection){for(var r=h(t.value),n=t.selection.length-1;n>=0;n--){var i=l.findIndexInList(t.selection[n],r,t.dataKey);if(i===r.length-1)break;var o=r.splice(i,1)[0];r.push(o)}t.onReorder&&t.onReorder({originalEvent:e,value:r,direction:"bottom"})}}}))}));w.displayName="OrderListControls";var x=e.memo((function(t){var r,n=e.useRef(null),i=e.useRef(null),u=e.useRef(null),c=e.useRef(null),p={filter:function(e){return t.onFilterInputChange(e)},reset:function(){return t.resetFilter()}},f=function(e){return-1!==l.findIndexInList(e,t.selection,t.dataKey)},d=function(e,t){i.current!==t&&i.current+1!==t&&(u.current=t,o.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())},m=function(e){u.current=null,o.removeClass(e.target,"p-orderlist-droppoint-highlight")},v=function(e){var r=i.current>u.current?u.current:0===u.current?0:u.current-1,n=h(t.value);l.reorderArray(n,i.current,r),u.current=null,o.removeClass(e.target,"p-orderlist-droppoint-highlight"),t.onChange&&t.onChange({originalEvent:e,value:n})},g=function(e){n.current=!1},y=function(e){if(n.current){var t=c.current.getBoundingClientRect().top+o.getWindowScrollTop(),r=t+c.current.clientHeight-e.pageY,i=e.pageY-t;r<25&&r>0?c.current.scrollTop+=15:i<25&&i>0&&(c.current.scrollTop-=15)}},b=function(e){13===e.which&&e.preventDefault()},E=function(t,r){return e.createElement("li",{key:r,className:"p-orderlist-droppoint",onDragOver:function(e){return d(e,t+1)},onDragLeave:m,onDrop:v})},I=t.header?e.createElement("div",{className:"p-orderlist-header"},t.header):null,C=function(){if(t.filter){var r=e.createElement("div",{className:"p-orderlist-filter"},e.createElement("input",{type:"text",value:t.filterValue,onChange:t.onFilter,onKeyDown:b,placeholder:t.placeholder,className:"p-orderlist-filter-input p-inputtext p-component"}),e.createElement("span",{className:"p-orderlist-filter-icon pi pi-search"}));if(t.filterTemplate)r=l.getJSXElement(t.filterTemplate,{className:"p-orderlist-filter",inputProps:{inputClassName:"p-orderlist-filter-input p-inputtext p-component",onChange:t.onFilter,onKeyDown:b},filterOptions:p,iconClassName:"p-orderlist-filter-icon pi pi-search",element:r,props:t});return e.createElement("div",{className:"p-orderlist-filter-container"},r)}return null}(),w=(r=t.value?t.value.map((function(r,l){var o=t.itemTemplate?t.itemTemplate(r):r,u=a("p-orderlist-item",{"p-highlight":f(r)},t.className),c=JSON.stringify(r);if(t.dragdrop){var p=[];return 0===l&&p.push(E(r,l)),p.push(e.createElement("li",{key:c,className:u,onClick:function(e){return t.onItemClick({originalEvent:e,value:r,index:l})},onKeyDown:function(e){return t.onItemKeyDown({originalEvent:e,value:r,index:l})},role:"option","aria-selected":f(r),draggable:"true",onDragStart:function(e){return r=e,o=l,n.current=!0,i.current=o,void(t.dragdropScope&&r.dataTransfer.setData("text","orderlist"));var r,o},onDragEnd:g,tabIndex:t.tabIndex},o,e.createElement(s,null))),p.push(E(l,c+"_droppoint")),p}return e.createElement("li",{key:c,className:u,role:"option","aria-selected":f(r),onClick:function(e){return t.onItemClick({originalEvent:e,value:r,index:l})},onKeyDown:function(e){return t.onItemKeyDown({originalEvent:e,value:r,index:l})},tabIndex:t.tabIndex},o)})):null,e.createElement("ul",{ref:c,className:"p-orderlist-list",style:t.listStyle,onDragOver:y,role:"listbox","aria-multiselectable":!0},r));return e.createElement("div",{className:"p-orderlist-list-container"},I,C,w)}));x.displayName="OrderListSubList";var S=e.memo(e.forwardRef((function(c,s){var f=C.getProps(c),d=I(e.useState([]),2),m=d[0],v=d[1],g=I(e.useState(""),2),y=g[0],b=g[1],E=I(e.useState(null),2),S=E[0],k=E[1],N=l.isNotEmpty(y),T=e.useRef(null),D=e.useRef(null),K=e.useRef(null),L=function(e){var t,r=e.originalEvent.metaKey||e.originalEvent.ctrlKey,n=l.findIndexInList(e.value,m,f.dataKey);t=-1!==n?r?m.filter((function(e,t){return t!==n})):[e.value]:r?[].concat(h(m),[e.value]):[e.value],v(t)},O=function e(t){var r=t.nextElementSibling;return r?o.hasClass(r,"p-orderlist-item")?r:e(r):null},R=function e(t){var r=t.previousElementSibling;return r?o.hasClass(r,"p-orderlist-item")?r:e(r):null},F=function(){var e=o.findSingle(T.current,".p-orderlist-list"),t=o.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(K.current){case"up":o.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":o.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},P=function(){if(!D.current){D.current=o.createInlineStyle(t.nonce);var e="\n@media screen and (max-width: ".concat(f.breakpoint,") {\n    .p-orderlist[").concat(S,"] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(S,"] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(S,"] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(S,"] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");D.current.innerHTML=e}};e.useImperativeHandle(s,(function(){return{props:f,getElement:function(){return T.current}}})),n((function(){!S&&k(u())})),i((function(){return S&&(T.current.setAttribute(S,""),P()),function(){D.current=o.removeInlineStyle(D.current)}}),[S,f.breakpoint]),i((function(){K.current&&(F(),K.current=null)}));var A=C.getOtherProps(f),j=a("p-orderlist p-component",f.className),M=function(){if(N){var e=y.trim().toLocaleLowerCase(f.filterLocale),t=f.filterBy?f.filterBy.split(","):[];return r.filter(f.value,t,e,f.filterMatchMode,f.filterLocale)}return f.value}();return e.createElement("div",p({ref:T,id:f.id,className:j,style:f.style},A),e.createElement(w,{value:M,selection:m,onReorder:function(e){f.onChange&&f.onChange({event:e.originalEvent,value:e.value}),K.current=e.direction},dataKey:f.dataKey}),e.createElement(x,{value:M,selection:m,onItemClick:L,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 i=R(r);i&&i.focus(),t.preventDefault();break;case 13:L(e),t.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;b(t),f.onFilter&&f.onFilter({originalEvent:e,filter:t})},itemTemplate:f.itemTemplate,filter:f.filter,onFilter:function(e){var t=e.target.value;b(t),f.onFilter&&f.onFilter({originalEvent:e,value:t})},resetFilter:function(){b(""),f.onFilter&&f.onFilter({filter:""})},filterTemplate:f.filterTemplate,header:f.header,listStyle:f.listStyle,dataKey:f.dataKey,dragdrop:f.dragdrop,onChange:f.onChange,tabIndex:f.tabIndex}))})));S.displayName="OrderList";export{S as OrderList};
+import*as e from"react";import t,{FilterService as n}from"primereact/api";import{useMountEffect as r,useUpdateEffect as o}from"primereact/hooks";import{ObjectUtils as l,IconUtils as i,DomHandler as a,classNames as c,UniqueComponentId as u}from"primereact/utils";import{Button as s}from"primereact/button";import{AngleDownIcon as p}from"primereact/icons/angledown";import{AngleDoubleUpIcon as f}from"primereact/icons/angledoubleup";import{AngleUpIcon as d}from"primereact/icons/angleup";import{AngleDoubleDownIcon as m}from"primereact/icons/angledoubledown";import{Ripple as v}from"primereact/ripple";import{SearchIcon as g}from"primereact/icons/search";function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h.apply(this,arguments)}function y(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 b(e){if(Array.isArray(e))return y(e)}function I(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function w(){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 C(e){return b(e)||I(e)||E(e)||w()}function x(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}function T(){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 k(e,t){return x(e)||S(e,t)||E(e,t)||T()}var N={defaultProps:{__TYPE:"OrderList",id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,filterIcon:null,moveUpIcon:null,moveTopIcon:null,moveDownIcon:null,moveBottomIcon:null,dataKey:null,breakpoint:"960px",onChange:null,itemTemplate:null,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,filterPlaceholder:null,filterTemplate:null,onFilter:null,children:void 0},getProps:function(e){return l.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return l.getDiffProps(e,N.defaultProps)}},D=e.memo((function(t){var n=t.moveUpIcon||e.createElement(d,null),r=t.moveTopIcon||e.createElement(f,null),o=t.moveDownIcon||e.createElement(p,null),i=t.moveBottomIcon||e.createElement(m,null);return e.createElement("div",{className:"p-orderlist-controls"},e.createElement(s,{type:"button",icon:n,onClick:function(e){if(t.selection){for(var n=C(t.value),r=0;r<t.selection.length;r++){var o=l.findIndexInList(t.selection[r],n,t.dataKey);if(0===o)break;var i=n[o-1];n[o-1]=n[o],n[o]=i}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"up"})}}}),e.createElement(s,{type:"button",icon:r,onClick:function(e){if(t.selection){for(var n=C(t.value),r=0;r<t.selection.length;r++){var o=l.findIndexInList(t.selection[r],n,t.dataKey);if(0===o)break;var i=n.splice(o,1)[0];n.unshift(i)}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"top"})}}}),e.createElement(s,{type:"button",icon:o,onClick:function(e){if(t.selection){for(var n=C(t.value),r=t.selection.length-1;r>=0;r--){var o=l.findIndexInList(t.selection[r],n,t.dataKey);if(o===n.length-1)break;var i=n[o+1];n[o+1]=n[o],n[o]=i}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"down"})}}}),e.createElement(s,{type:"button",icon:i,onClick:function(e){if(t.selection){for(var n=C(t.value),r=t.selection.length-1;r>=0;r--){var o=l.findIndexInList(t.selection[r],n,t.dataKey);if(o===n.length-1)break;var i=n.splice(o,1)[0];n.push(i)}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"bottom"})}}}))}));D.displayName="OrderListControls";var K=e.memo((function(t){var n,r=e.useRef(null),o=e.useRef(null),u=e.useRef(null),s=e.useRef(null),p={filter:function(e){return t.onFilterInputChange(e)},reset:function(){return t.resetFilter()}},f=function(e){return-1!==l.findIndexInList(e,t.selection,t.dataKey)},d=function(e,t){o.current!==t&&o.current+1!==t&&(u.current=t,a.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())},m=function(e){u.current=null,a.removeClass(e.target,"p-orderlist-droppoint-highlight")},h=function(e){var n=o.current>u.current?u.current:0===u.current?0:u.current-1,r=C(t.value);l.reorderArray(r,o.current,n),u.current=null,a.removeClass(e.target,"p-orderlist-droppoint-highlight"),t.onChange&&t.onChange({originalEvent:e,value:r})},y=function(e){r.current=!1},b=function(e){if(r.current){var t=s.current.getBoundingClientRect().top+a.getWindowScrollTop(),n=t+s.current.clientHeight-e.pageY,o=e.pageY-t;n<25&&n>0?s.current.scrollTop+=15:o<25&&o>0&&(s.current.scrollTop-=15)}},I=function(e){13===e.which&&e.preventDefault()},E=function(t,n){return e.createElement("li",{key:n,className:"p-orderlist-droppoint",onDragOver:function(e){return d(e,t+1)},onDragLeave:m,onDrop:h})},w=t.header?e.createElement("div",{className:"p-orderlist-header"},t.header):null,x=function(){var n="p-orderlist-filter",r=i.getJSXIcon(t.filterIcon||e.createElement(g,{className:n}),{className:n},{props:t});if(t.filter){var o=e.createElement("div",{className:"p-orderlist-filter"},e.createElement("input",{type:"text",value:t.filterValue,onChange:t.onFilter,onKeyDown:I,placeholder:t.placeholder,className:"p-orderlist-filter-input p-inputtext p-component"}),e.createElement("span",{className:"p-orderlist-filter-icon"},r));if(t.filterTemplate)o=l.getJSXElement(t.filterTemplate,{className:"p-orderlist-filter",inputProps:{inputClassName:"p-orderlist-filter-input p-inputtext p-component",onChange:t.onFilter,onKeyDown:I},filterOptions:p,iconClassName:"p-orderlist-filter-icon",element:o,props:t});return e.createElement("div",{className:"p-orderlist-filter-container"},o)}return null}(),S=(n=t.value?t.value.map((function(n,l){var i=t.itemTemplate?t.itemTemplate(n):n,a=c("p-orderlist-item",{"p-highlight":f(n)},t.className),u=JSON.stringify(n);if(t.dragdrop){var s=[];return 0===l&&s.push(E(n,l)),s.push(e.createElement("li",{key:u,className:a,onClick:function(e){return t.onItemClick({originalEvent:e,value:n,index:l})},onKeyDown:function(e){return t.onItemKeyDown({originalEvent:e,value:n,index:l})},role:"option","aria-selected":f(n),draggable:"true",onDragStart:function(e){return n=e,i=l,r.current=!0,o.current=i,void(t.dragdropScope&&n.dataTransfer.setData("text","orderlist"));var n,i},onDragEnd:y,tabIndex:t.tabIndex},i,e.createElement(v,null))),s.push(E(l,u+"_droppoint")),s}return e.createElement("li",{key:u,className:a,role:"option","aria-selected":f(n),onClick:function(e){return t.onItemClick({originalEvent:e,value:n,index:l})},onKeyDown:function(e){return t.onItemKeyDown({originalEvent:e,value:n,index:l})},tabIndex:t.tabIndex},i)})):null,e.createElement("ul",{ref:s,className:"p-orderlist-list",style:t.listStyle,onDragOver:b,role:"listbox","aria-multiselectable":!0},n));return e.createElement("div",{className:"p-orderlist-list-container"},w,x,S)}));K.displayName="OrderListSubList";var L=e.memo(e.forwardRef((function(i,s){var p=N.getProps(i),f=k(e.useState([]),2),d=f[0],m=f[1],v=k(e.useState(""),2),g=v[0],y=v[1],b=k(e.useState(null),2),I=b[0],E=b[1],w=l.isNotEmpty(g),x=e.useRef(null),S=e.useRef(null),T=e.useRef(null),L=function(e){var t,n=e.originalEvent.metaKey||e.originalEvent.ctrlKey,r=l.findIndexInList(e.value,d,p.dataKey);t=-1!==r?n?d.filter((function(e,t){return t!==r})):[e.value]:n?[].concat(C(d),[e.value]):[e.value],m(t)},O=function e(t){var n=t.nextElementSibling;return n?a.hasClass(n,"p-orderlist-item")?n:e(n):null},R=function e(t){var n=t.previousElementSibling;return n?a.hasClass(n,"p-orderlist-item")?n:e(n):null},F=function(){var e=a.findSingle(x.current,".p-orderlist-list"),t=a.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(T.current){case"up":a.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":a.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},P=function(){if(!S.current){S.current=a.createInlineStyle(t.nonce);var e="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n    .p-orderlist[").concat(I,"] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(I,"] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(I,"] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(I,"] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");S.current.innerHTML=e}};e.useImperativeHandle(s,(function(){return{props:p,getElement:function(){return x.current}}})),r((function(){!I&&E(u())})),o((function(){return I&&(x.current.setAttribute(I,""),P()),function(){S.current=a.removeInlineStyle(S.current)}}),[I,p.breakpoint]),o((function(){T.current&&(F(),T.current=null)}));var A=N.getOtherProps(p),j=c("p-orderlist p-component",p.className),B=function(){if(w){var e=g.trim().toLocaleLowerCase(p.filterLocale),t=p.filterBy?p.filterBy.split(","):[];return n.filter(p.value,t,e,p.filterMatchMode,p.filterLocale)}return p.value}();return e.createElement("div",h({ref:x,id:p.id,className:j,style:p.style},A),e.createElement(D,{value:B,selection:d,onReorder:function(e){p.onChange&&p.onChange({event:e.originalEvent,value:e.value}),T.current=e.direction},dataKey:p.dataKey,moveUpIcon:p.moveUpIcon,moveTopIcon:p.moveTopIcon,moveDownIcon:p.moveDownIcon,moveBottomIcon:p.moveBottomIcon}),e.createElement(K,{value:B,selection:d,onItemClick:L,onItemKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var r=O(n);r&&r.focus(),t.preventDefault();break;case 38:var o=R(n);o&&o.focus(),t.preventDefault();break;case 13:L(e),t.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;y(t),p.onFilter&&p.onFilter({originalEvent:e,filter:t})},itemTemplate:p.itemTemplate,filter:p.filter,onFilter:function(e){var t=e.target.value;y(t),p.onFilter&&p.onFilter({originalEvent:e,value:t})},resetFilter:function(){y(""),p.onFilter&&p.onFilter({filter:""})},filterTemplate:p.filterTemplate,header:p.header,listStyle:p.listStyle,dataKey:p.dataKey,dragdrop:p.dragdrop,onChange:p.onChange,tabIndex:p.tabIndex,filterIcon:p.filterIcon}))})));L.displayName="OrderList";export{L as OrderList};

package/orderlist/orderlist.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils, button, ripple) {
+this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils, button, angledown, angledoubleup, angleup, angledoubledown, ripple, search) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -122,6 +122,11 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
       listStyle: null,
       dragdrop: false,
       tabIndex: 0,
+      filterIcon: null,
+      moveUpIcon: null,
+      moveTopIcon: null,
+      moveDownIcon: null,
+      moveBottomIcon: null,
       dataKey: null,
       breakpoint: '960px',
       onChange: null,
@@ -144,6 +149,10 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
   };
 
   var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
+    var moveUpIcon = props.moveUpIcon || /*#__PURE__*/React__namespace.createElement(angleup.AngleUpIcon, null);
+    var moveTopIcon = props.moveTopIcon || /*#__PURE__*/React__namespace.createElement(angledoubleup.AngleDoubleUpIcon, null);
+    var moveDownIcon = props.moveDownIcon || /*#__PURE__*/React__namespace.createElement(angledown.AngleDownIcon, null);
+    var moveBottomIcon = props.moveBottomIcon || /*#__PURE__*/React__namespace.createElement(angledoubledown.AngleDoubleDownIcon, null);
     var moveUp = function moveUp(event) {
       if (props.selection) {
         var value = _toConsumableArray(props.value);
@@ -240,19 +249,19 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
       className: "p-orderlist-controls"
     }, /*#__PURE__*/React__namespace.createElement(button.Button, {
       type: "button",
-      icon: "pi pi-angle-up",
+      icon: moveUpIcon,
       onClick: moveUp
     }), /*#__PURE__*/React__namespace.createElement(button.Button, {
       type: "button",
-      icon: "pi pi-angle-double-up",
+      icon: moveTopIcon,
       onClick: moveTop
     }), /*#__PURE__*/React__namespace.createElement(button.Button, {
       type: "button",
-      icon: "pi pi-angle-down",
+      icon: moveDownIcon,
       onClick: moveDown
     }), /*#__PURE__*/React__namespace.createElement(button.Button, {
       type: "button",
-      icon: "pi pi-angle-double-down",
+      icon: moveBottomIcon,
       onClick: moveBottom
     }));
   });
@@ -418,6 +427,15 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
       }, items);
     };
     var createFilter = function createFilter() {
+      var iconClassName = 'p-orderlist-filter';
+      var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, {
+        className: iconClassName
+      });
+      var filterIcon = utils.IconUtils.getJSXIcon(icon, {
+        className: iconClassName
+      }, {
+        props: props
+      });
       if (props.filter) {
         var content = /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-orderlist-filter"
@@ -429,8 +447,8 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
           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"
-        }));
+          className: "p-orderlist-filter-icon"
+        }, filterIcon));
         if (props.filterTemplate) {
           var defaultContentOptions = {
             className: 'p-orderlist-filter',
@@ -440,7 +458,7 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
               onKeyDown: onFilterInputKeyDown
             },
             filterOptions: filterOptions,
-            iconClassName: 'p-orderlist-filter-icon pi pi-search',
+            iconClassName: 'p-orderlist-filter-icon',
             element: content,
             props: props
           };
@@ -636,7 +654,11 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
       value: visibleList,
       selection: selectionState,
       onReorder: onReorder,
-      dataKey: props.dataKey
+      dataKey: props.dataKey,
+      moveUpIcon: props.moveUpIcon,
+      moveTopIcon: props.moveTopIcon,
+      moveDownIcon: props.moveDownIcon,
+      moveBottomIcon: props.moveBottomIcon
     }), /*#__PURE__*/React__namespace.createElement(OrderListSubList, {
       value: visibleList,
       selection: selectionState,
@@ -653,7 +675,8 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
       dataKey: props.dataKey,
       dragdrop: props.dragdrop,
       onChange: props.onChange,
-      tabIndex: props.tabIndex
+      tabIndex: props.tabIndex,
+      filterIcon: props.filterIcon
     }));
   }));
   OrderList.displayName = 'OrderList';
@@ -664,4 +687,4 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.utils, primereact.button, primereact.ripple);
+})({}, React, primereact.api, primereact.hooks, primereact.utils, primereact.button, primereact.icons.angledown, primereact.icons.angledoubleup, primereact.icons.angleup, primereact.icons.angledoubledown, primereact.ripple, primereact.icons.search);

package/orderlist/orderlist.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.orderlist=function(e,t,r,n,l,i,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 c=u(t),s=a(r);function d(){return d=Object.assign?Object.assign.bind():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},d.apply(this,arguments)}function p(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 f(e){if(Array.isArray(e))return p(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function g(){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 h(e){return f(e)||m(e)||v(e)||g()}function y(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,i,o,a=[],u=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw l}}return a}}function E(){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 I(e,t){return y(e)||b(e,t)||v(e,t)||E()}var O={defaultProps:{__TYPE:"OrderList",id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,breakpoint:"960px",onChange:null,itemTemplate:null,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,filterPlaceholder:null,filterTemplate:null,onFilter:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,O.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,O.defaultProps)}},D=c.memo((function(e){return c.createElement("div",{className:"p-orderlist-controls"},c.createElement(i.Button,{type:"button",icon:"pi pi-angle-up",onClick:function(t){if(e.selection){for(var r=h(e.value),n=0;n<e.selection.length;n++){var i=l.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===i)break;var o=r[i-1];r[i-1]=r[i],r[i]=o}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}}}),c.createElement(i.Button,{type:"button",icon:"pi pi-angle-double-up",onClick:function(t){if(e.selection){for(var r=h(e.value),n=0;n<e.selection.length;n++){var i=l.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===i)break;var o=r.splice(i,1)[0];r.unshift(o)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}}}),c.createElement(i.Button,{type:"button",icon:"pi pi-angle-down",onClick:function(t){if(e.selection){for(var r=h(e.value),n=e.selection.length-1;n>=0;n--){var i=l.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(i===r.length-1)break;var o=r[i+1];r[i+1]=r[i],r[i]=o}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}}}),c.createElement(i.Button,{type:"button",icon:"pi pi-angle-double-down",onClick:function(t){if(e.selection){for(var r=h(e.value),n=e.selection.length-1;n>=0;n--){var i=l.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(i===r.length-1)break;var o=r.splice(i,1)[0];r.push(o)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}}}))}));D.displayName="OrderListControls";var C=c.memo((function(e){var t,r=c.useRef(null),n=c.useRef(null),i=c.useRef(null),a=c.useRef(null),u={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())},p=function(e){i.current=null,l.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")},f=function(t){var r=n.current>i.current?i.current:0===i.current?0:i.current-1,o=h(e.value);l.ObjectUtils.reorderArray(o,n.current,r),i.current=null,l.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),e.onChange&&e.onChange({originalEvent:t,value:o})},m=function(e){r.current=!1},v=function(e){if(r.current){var t=a.current.getBoundingClientRect().top+l.DomHandler.getWindowScrollTop(),n=t+a.current.clientHeight-e.pageY,i=e.pageY-t;n<25&&n>0?a.current.scrollTop+=15:i<25&&i>0&&(a.current.scrollTop-=15)}},g=function(e){13===e.which&&e.preventDefault()},y=function(e,t){return c.createElement("li",{key:t,className:"p-orderlist-droppoint",onDragOver:function(t){return d(t,e+1)},onDragLeave:p,onDrop:f})},b=e.header?c.createElement("div",{className:"p-orderlist-header"},e.header):null,E=function(){if(e.filter){var t=c.createElement("div",{className:"p-orderlist-filter"},c.createElement("input",{type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:g,placeholder:e.placeholder,className:"p-orderlist-filter-input p-inputtext p-component"}),c.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:g},filterOptions:u,iconClassName:"p-orderlist-filter-icon pi pi-search",element:t,props:e});return c.createElement("div",{className:"p-orderlist-filter-container"},t)}return null}(),I=(t=e.value?e.value.map((function(t,i){var a=e.itemTemplate?e.itemTemplate(t):t,u=l.classNames("p-orderlist-item",{"p-highlight":s(t)},e.className),d=JSON.stringify(t);if(e.dragdrop){var p=[];return 0===i&&p.push(y(t,i)),p.push(c.createElement("li",{key:d,className:u,onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:i})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:i})},role:"option","aria-selected":s(t),draggable:"true",onDragStart:function(t){return l=t,o=i,r.current=!0,n.current=o,void(e.dragdropScope&&l.dataTransfer.setData("text","orderlist"));var l,o},onDragEnd:m,tabIndex:e.tabIndex},a,c.createElement(o.Ripple,null))),p.push(y(i,d+"_droppoint")),p}return c.createElement("li",{key:d,className:u,role:"option","aria-selected":s(t),onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:i})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:i})},tabIndex:e.tabIndex},a)})):null,c.createElement("ul",{ref:a,className:"p-orderlist-list",style:e.listStyle,onDragOver:v,role:"listbox","aria-multiselectable":!0},t));return c.createElement("div",{className:"p-orderlist-list-container"},b,E,I)}));C.displayName="OrderListSubList";var w=c.memo(c.forwardRef((function(e,t){var i=O.getProps(e),o=I(c.useState([]),2),a=o[0],u=o[1],p=I(c.useState(""),2),f=p[0],m=p[1],v=I(c.useState(null),2),g=v[0],y=v[1],b=l.ObjectUtils.isNotEmpty(f),E=c.useRef(null),w=c.useRef(null),x=c.useRef(null),j=function(e){var t,r=e.originalEvent.metaKey||e.originalEvent.ctrlKey,n=l.ObjectUtils.findIndexInList(e.value,a,i.dataKey);t=-1!==n?r?a.filter((function(e,t){return t!==n})):[e.value]:r?[].concat(h(a),[e.value]):[e.value],u(t)},S=function e(t){var r=t.nextElementSibling;return r?l.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},k=function e(t){var r=t.previousElementSibling;return r?l.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},N=function(){var e=l.DomHandler.findSingle(E.current,".p-orderlist-list"),t=l.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(x.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)}},T=function(){if(!w.current){w.current=l.DomHandler.createInlineStyle(s.default.nonce);var e="\n@media screen and (max-width: ".concat(i.breakpoint,") {\n    .p-orderlist[").concat(g,"] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(g,"] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(g,"] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(g,"] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");w.current.innerHTML=e}};c.useImperativeHandle(t,(function(){return{props:i,getElement:function(){return E.current}}})),n.useMountEffect((function(){!g&&y(l.UniqueComponentId())})),n.useUpdateEffect((function(){return g&&(E.current.setAttribute(g,""),T()),function(){w.current=l.DomHandler.removeInlineStyle(w.current)}}),[g,i.breakpoint]),n.useUpdateEffect((function(){x.current&&(N(),x.current=null)}));var K=O.getOtherProps(i),R=l.classNames("p-orderlist p-component",i.className),L=function(){if(b){var e=f.trim().toLocaleLowerCase(i.filterLocale),t=i.filterBy?i.filterBy.split(","):[];return r.FilterService.filter(i.value,t,e,i.filterMatchMode,i.filterLocale)}return i.value}();return c.createElement("div",d({ref:E,id:i.id,className:R,style:i.style},K),c.createElement(D,{value:L,selection:a,onReorder:function(e){i.onChange&&i.onChange({event:e.originalEvent,value:e.value}),x.current=e.direction},dataKey:i.dataKey}),c.createElement(C,{value:L,selection:a,onItemClick:j,onItemKeyDown:function(e){var t=e.originalEvent,r=t.currentTarget;switch(t.which){case 40:var n=S(r);n&&n.focus(),t.preventDefault();break;case 38:var l=k(r);l&&l.focus(),t.preventDefault();break;case 13:j(e),t.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;m(t),i.onFilter&&i.onFilter({originalEvent:e,filter:t})},itemTemplate:i.itemTemplate,filter:i.filter,onFilter:function(e){var t=e.target.value;m(t),i.onFilter&&i.onFilter({originalEvent:e,value:t})},resetFilter:function(){m(""),i.onFilter&&i.onFilter({filter:""})},filterTemplate:i.filterTemplate,header:i.header,listStyle:i.listStyle,dataKey:i.dataKey,dragdrop:i.dragdrop,onChange:i.onChange,tabIndex:i.tabIndex}))})));return w.displayName="OrderList",e.OrderList=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.button,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.orderlist=function(e,t,n,r,l,o,i,a,c,u,s,d){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=f(t),v=p(n);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function h(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 b(e){if(Array.isArray(e))return h(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function I(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function E(){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 b(e)||y(e)||I(e)||E()}function O(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,i,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,l=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw l}}return a}}function C(){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 S(e,t){return O(e)||w(e,t)||I(e,t)||C()}var x={defaultProps:{__TYPE:"OrderList",id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,filterIcon:null,moveUpIcon:null,moveTopIcon:null,moveDownIcon:null,moveBottomIcon:null,dataKey:null,breakpoint:"960px",onChange:null,itemTemplate:null,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,filterPlaceholder:null,filterTemplate:null,onFilter:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,x.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,x.defaultProps)}},j=m.memo((function(e){var t=e.moveUpIcon||m.createElement(c.AngleUpIcon,null),n=e.moveTopIcon||m.createElement(a.AngleDoubleUpIcon,null),r=e.moveDownIcon||m.createElement(i.AngleDownIcon,null),s=e.moveBottomIcon||m.createElement(u.AngleDoubleDownIcon,null);return m.createElement("div",{className:"p-orderlist-controls"},m.createElement(o.Button,{type:"button",icon:t,onClick:function(t){if(e.selection){for(var n=D(e.value),r=0;r<e.selection.length;r++){var o=l.ObjectUtils.findIndexInList(e.selection[r],n,e.dataKey);if(0===o)break;var i=n[o-1];n[o-1]=n[o],n[o]=i}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"up"})}}}),m.createElement(o.Button,{type:"button",icon:n,onClick:function(t){if(e.selection){for(var n=D(e.value),r=0;r<e.selection.length;r++){var o=l.ObjectUtils.findIndexInList(e.selection[r],n,e.dataKey);if(0===o)break;var i=n.splice(o,1)[0];n.unshift(i)}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"top"})}}}),m.createElement(o.Button,{type:"button",icon:r,onClick:function(t){if(e.selection){for(var n=D(e.value),r=e.selection.length-1;r>=0;r--){var o=l.ObjectUtils.findIndexInList(e.selection[r],n,e.dataKey);if(o===n.length-1)break;var i=n[o+1];n[o+1]=n[o],n[o]=i}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"down"})}}}),m.createElement(o.Button,{type:"button",icon:s,onClick:function(t){if(e.selection){for(var n=D(e.value),r=e.selection.length-1;r>=0;r--){var o=l.ObjectUtils.findIndexInList(e.selection[r],n,e.dataKey);if(o===n.length-1)break;var i=n.splice(o,1)[0];n.push(i)}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"bottom"})}}}))}));j.displayName="OrderListControls";var N=m.memo((function(e){var t,n=m.useRef(null),r=m.useRef(null),o=m.useRef(null),i=m.useRef(null),a={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},c=function(t){return-1!==l.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},u=function(e,t){r.current!==t&&r.current+1!==t&&(o.current=t,l.DomHandler.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())},p=function(e){o.current=null,l.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")},f=function(t){var n=r.current>o.current?o.current:0===o.current?0:o.current-1,i=D(e.value);l.ObjectUtils.reorderArray(i,r.current,n),o.current=null,l.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),e.onChange&&e.onChange({originalEvent:t,value:i})},v=function(e){n.current=!1},g=function(e){if(n.current){var t=i.current.getBoundingClientRect().top+l.DomHandler.getWindowScrollTop(),r=t+i.current.clientHeight-e.pageY,o=e.pageY-t;r<25&&r>0?i.current.scrollTop+=15:o<25&&o>0&&(i.current.scrollTop-=15)}},h=function(e){13===e.which&&e.preventDefault()},b=function(e,t){return m.createElement("li",{key:t,className:"p-orderlist-droppoint",onDragOver:function(t){return u(t,e+1)},onDragLeave:p,onDrop:f})},y=e.header?m.createElement("div",{className:"p-orderlist-header"},e.header):null,I=function(){var t="p-orderlist-filter",n=l.IconUtils.getJSXIcon(e.filterIcon||m.createElement(d.SearchIcon,{className:t}),{className:t},{props:e});if(e.filter){var r=m.createElement("div",{className:"p-orderlist-filter"},m.createElement("input",{type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:h,placeholder:e.placeholder,className:"p-orderlist-filter-input p-inputtext p-component"}),m.createElement("span",{className:"p-orderlist-filter-icon"},n));if(e.filterTemplate)r=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:a,iconClassName:"p-orderlist-filter-icon",element:r,props:e});return m.createElement("div",{className:"p-orderlist-filter-container"},r)}return null}(),E=(t=e.value?e.value.map((function(t,o){var i=e.itemTemplate?e.itemTemplate(t):t,a=l.classNames("p-orderlist-item",{"p-highlight":c(t)},e.className),u=JSON.stringify(t);if(e.dragdrop){var d=[];return 0===o&&d.push(b(t,o)),d.push(m.createElement("li",{key:u,className:a,onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:o})},onKeyDown:function(n){return e.onItemKeyDown({originalEvent:n,value:t,index:o})},role:"option","aria-selected":c(t),draggable:"true",onDragStart:function(t){return l=t,i=o,n.current=!0,r.current=i,void(e.dragdropScope&&l.dataTransfer.setData("text","orderlist"));var l,i},onDragEnd:v,tabIndex:e.tabIndex},i,m.createElement(s.Ripple,null))),d.push(b(o,u+"_droppoint")),d}return m.createElement("li",{key:u,className:a,role:"option","aria-selected":c(t),onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:o})},onKeyDown:function(n){return e.onItemKeyDown({originalEvent:n,value:t,index:o})},tabIndex:e.tabIndex},i)})):null,m.createElement("ul",{ref:i,className:"p-orderlist-list",style:e.listStyle,onDragOver:g,role:"listbox","aria-multiselectable":!0},t));return m.createElement("div",{className:"p-orderlist-list-container"},y,I,E)}));N.displayName="OrderListSubList";var k=m.memo(m.forwardRef((function(e,t){var o=x.getProps(e),i=S(m.useState([]),2),a=i[0],c=i[1],u=S(m.useState(""),2),s=u[0],d=u[1],p=S(m.useState(null),2),f=p[0],h=p[1],b=l.ObjectUtils.isNotEmpty(s),y=m.useRef(null),I=m.useRef(null),E=m.useRef(null),O=function(e){var t,n=e.originalEvent.metaKey||e.originalEvent.ctrlKey,r=l.ObjectUtils.findIndexInList(e.value,a,o.dataKey);t=-1!==r?n?a.filter((function(e,t){return t!==r})):[e.value]:n?[].concat(D(a),[e.value]):[e.value],c(t)},w=function e(t){var n=t.nextElementSibling;return n?l.DomHandler.hasClass(n,"p-orderlist-item")?n:e(n):null},C=function e(t){var n=t.previousElementSibling;return n?l.DomHandler.hasClass(n,"p-orderlist-item")?n:e(n):null},k=function(){var e=l.DomHandler.findSingle(y.current,".p-orderlist-list"),t=l.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(E.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)}},T=function(){if(!I.current){I.current=l.DomHandler.createInlineStyle(v.default.nonce);var e="\n@media screen and (max-width: ".concat(o.breakpoint,") {\n    .p-orderlist[").concat(f,"] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(f,"] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(f,"] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(f,"] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");I.current.innerHTML=e}};m.useImperativeHandle(t,(function(){return{props:o,getElement:function(){return y.current}}})),r.useMountEffect((function(){!f&&h(l.UniqueComponentId())})),r.useUpdateEffect((function(){return f&&(y.current.setAttribute(f,""),T()),function(){I.current=l.DomHandler.removeInlineStyle(I.current)}}),[f,o.breakpoint]),r.useUpdateEffect((function(){E.current&&(k(),E.current=null)}));var U=x.getOtherProps(o),K=l.classNames("p-orderlist p-component",o.className),R=function(){if(b){var e=s.trim().toLocaleLowerCase(o.filterLocale),t=o.filterBy?o.filterBy.split(","):[];return n.FilterService.filter(o.value,t,e,o.filterMatchMode,o.filterLocale)}return o.value}();return m.createElement("div",g({ref:y,id:o.id,className:K,style:o.style},U),m.createElement(j,{value:R,selection:a,onReorder:function(e){o.onChange&&o.onChange({event:e.originalEvent,value:e.value}),E.current=e.direction},dataKey:o.dataKey,moveUpIcon:o.moveUpIcon,moveTopIcon:o.moveTopIcon,moveDownIcon:o.moveDownIcon,moveBottomIcon:o.moveBottomIcon}),m.createElement(N,{value:R,selection:a,onItemClick:O,onItemKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var r=w(n);r&&r.focus(),t.preventDefault();break;case 38:var l=C(n);l&&l.focus(),t.preventDefault();break;case 13:O(e),t.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;d(t),o.onFilter&&o.onFilter({originalEvent:e,filter:t})},itemTemplate:o.itemTemplate,filter:o.filter,onFilter:function(e){var t=e.target.value;d(t),o.onFilter&&o.onFilter({originalEvent:e,value:t})},resetFilter:function(){d(""),o.onFilter&&o.onFilter({filter:""})},filterTemplate:o.filterTemplate,header:o.header,listStyle:o.listStyle,dataKey:o.dataKey,dragdrop:o.dragdrop,onChange:o.onChange,tabIndex:o.tabIndex,filterIcon:o.filterIcon}))})));return k.displayName="OrderList",e.OrderList=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.button,primereact.icons.angledown,primereact.icons.angledoubleup,primereact.icons.angleup,primereact.icons.angledoubledown,primereact.ripple,primereact.icons.search);

package/organizationchart/organizationchart.cjs.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var utils = require('primereact/utils');
+var chevrondown = require('primereact/icons/chevrondown');
+var chevronup = require('primereact/icons/chevronup');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -84,6 +86,7 @@ var OrganizationChartBase = {
     onSelectionChange: null,
     onNodeSelect: null,
     onNodeUnselect: null,
+    togglerIcon: null,
     children: undefined
   },
   getProps: function getProps(props) {
@@ -168,7 +171,8 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
         nodeTemplate: props.nodeTemplate,
         selectionMode: props.selectionMode,
         onNodeClick: props.onNodeClick,
-        isSelected: props.isSelected
+        isSelected: props.isSelected,
+        togglerIcon: props.togglerIcon
       }));
     }));
   };
@@ -213,9 +217,21 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
   };
   var createToggler = function createToggler() {
     if (!leaf) {
-      var toggleIconClassName = utils.classNames('p-node-toggler-icon', {
-        'pi pi-chevron-down': expandedState,
-        'pi pi-chevron-up': !expandedState
+      var iconClassName = 'p-node-toggler-icon';
+      var icon;
+      if (expandedState) {
+        icon = props.togglerIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, {
+          className: iconClassName
+        });
+      } else {
+        icon = props.togglerIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, {
+          className: iconClassName
+        });
+      }
+      var togglerIcon = utils.IconUtils.getJSXIcon(icon, {
+        className: iconClassName
+      }, {
+        props: props
       });
       return (
         /*#__PURE__*/
@@ -226,9 +242,7 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
           onClick: function onClick(e) {
             return toggleNode(e);
           }
-        }, /*#__PURE__*/React__namespace.createElement("i", {
-          className: toggleIconClassName
-        }))
+        }, /*#__PURE__*/React__namespace.createElement("i", null, " ", togglerIcon, " "))
         /* eslint-enable */
       );
     }
@@ -349,7 +363,8 @@ var OrganizationChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
     nodeTemplate: props.nodeTemplate,
     selectionMode: props.selectionMode,
     onNodeClick: onNodeClick,
-    isSelected: isSelected
+    isSelected: isSelected,
+    togglerIcon: props.togglerIcon
   }));
 }));
 OrganizationChart.displayName = 'OrganizationChart';