primereact 9.2.2 → 9.3.0

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';

package/organizationchart/organizationchart.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=n(e);function l(){return l=Object.assign?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},l.apply(this,arguments)}function o(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 o(e)}function i(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}function s(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var u={defaultProps:{__TYPE:"OrganizationChart",id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null,children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,u.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,u.defaultProps)}};function d(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],c=!0,s=!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)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var p=r.memo((function(e){var n,l,o,a,i,s,u=e.node,h=r.useState(u.expanded),g=(l=2,d(n=h)||f(n,l)||c(n,l)||m()),v=g[0],y=g[1],b=!1!==u.leaf&&!(u.children&&u.children.length),N=u.children&&u.children.length?2*u.children.length:null,E=e.isSelected(u),S=!b&&v?"inherit":"hidden",O=function(t,n){e.onNodeClick(t,n)},j=function(){if(!b){var e=t.classNames("p-node-toggler-icon",{"pi pi-chevron-down":v,"pi pi-chevron-up":!v});return r.createElement("a",{href:"#",className:"p-node-toggler",onClick:function(e){return t=e,y((function(e){return!e})),void t.preventDefault();var t}},r.createElement("i",{className:e}))}return null},z=function(){var n=e.nodeTemplate&&t.ObjectUtils.getJSXElement(e.nodeTemplate,u)||u.label;return r.createElement("div",null,n)},C=(o=t.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.selectionMode&&!1!==u.selectable,"p-highlight":E},u.className),a=z(),i=j(),r.createElement("tr",null,r.createElement("td",{colSpan:N},r.createElement("div",{className:o,style:u.style,onClick:function(e){return O(e,u)}},a,i)))),M=r.createElement("tr",{style:{visibility:S},className:"p-organizationchart-lines"},r.createElement("td",{colSpan:N},r.createElement("div",{className:"p-organizationchart-line-down"}))),P=(s=u.children&&u.children.length,r.createElement("tr",{style:{visibility:S},className:"p-organizationchart-lines"},u.children&&1===u.children.length&&r.createElement("td",{colSpan:N},r.createElement("div",{className:"p-organizationchart-line-down"})),u.children&&u.children.length>1&&u.children.map((function(e,n){var l=t.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==n}),o=t.classNames("p-organizationchart-line-right",{"p-organizationchart-line-top":n!==s-1});return[r.createElement("td",{key:n+"_lineleft",className:l}," "),r.createElement("td",{key:n+"_lineright",className:o}," ")]})))),w=r.createElement("tr",{style:{visibility:S},className:"p-organizationchart-nodes"},u.children&&u.children.map((function(t,n){return r.createElement("td",{key:n,colSpan:"2"},r.createElement(p,{node:t,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected}))})));return r.createElement("table",{className:"p-organizationchart-table"},r.createElement("tbody",null,C,M,P,w))}));p.displayName="OrganizationChartNode";var h=r.memo(r.forwardRef((function(e,n){var o=u.getProps(e),d=r.useRef(null),f=o.value&&o.value.length?o.value[0]:null,m=function(e){if(o.selectionMode&&o.selection){if("single"===o.selectionMode)return o.selection===e?0:-1;if("multiple"===o.selectionMode)return o.selection.findIndex((function(t){return t===e}))}return-1};r.useImperativeHandle(n,(function(){return{props:o,getElement:function(){return d.current}}}));var h=u.getOtherProps(o),g=t.classNames("p-organizationchart p-component",o.className);return r.createElement("div",l({id:o.id,ref:d,style:o.style,className:g},h),r.createElement(p,{node:f,nodeTemplate:o.nodeTemplate,selectionMode:o.selectionMode,onNodeClick:function(e,n){if(o.selectionMode){var r=e.target;if(!1===n.selectable||t.DomHandler.hasClass(r,"p-node-toggler")||t.DomHandler.hasClass(r,"p-node-toggler-icon"))return;var l,u=m(n),d=u>=0;"single"===o.selectionMode?d?(l=null,o.onNodeUnselect&&o.onNodeUnselect({originalEvent:e,node:n})):(l=n,o.onNodeSelect&&o.onNodeSelect({originalEvent:e,node:n})):"multiple"===o.selectionMode&&(d?(l=o.selection.filter((function(e,t){return t!==u})),o.onNodeUnselect&&o.onNodeUnselect({originalEvent:e,node:n})):(l=[].concat(a(f=o.selection||[])||i(f)||c(f)||s(),[n]),o.onNodeSelect&&o.onNodeSelect({originalEvent:e,node:n}))),o.onSelectionChange&&o.onSelectionChange({originalEvent:e,data:l})}var f},isSelected:function(e){return-1!==m(e)}}))})));h.displayName="OrganizationChart",exports.OrganizationChart=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/utils"),t=require("primereact/icons/chevrondown"),r=require("primereact/icons/chevronup");function l(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var o=l(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},a.apply(this,arguments)}function i(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function c(e){if(Array.isArray(e))return i(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,n){if(e){if("string"==typeof e)return i(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?i(e,n):void 0}}function d(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var m={defaultProps:{__TYPE:"OrganizationChart",id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null,togglerIcon:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,m.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,m.defaultProps)}};function f(e){if(Array.isArray(e))return e}function p(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,o,a,i=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var h=o.memo((function(e){var l,a,i,c,s,d,m=e.node,v=o.useState(m.expanded),y=(a=2,f(l=v)||p(l,a)||u(l,a)||g()),b=y[0],N=y[1],E=!1!==m.leaf&&!(m.children&&m.children.length),S=m.children&&m.children.length?2*m.children.length:null,O=e.isSelected(m),j=!E&&b?"inherit":"hidden",z=function(n,t){e.onNodeClick(n,t)},C=function(){if(!E){var l="p-node-toggler-icon",a=n.IconUtils.getJSXIcon(b?e.togglerIcon||o.createElement(t.ChevronDownIcon,{className:l}):e.togglerIcon||o.createElement(r.ChevronUpIcon,{className:l}),{className:l},{props:e});return o.createElement("a",{href:"#",className:"p-node-toggler",onClick:function(e){return n=e,N((function(e){return!e})),void n.preventDefault();var n}},o.createElement("i",null," ",a," "))}return null},I=function(){var t=e.nodeTemplate&&n.ObjectUtils.getJSXElement(e.nodeTemplate,m)||m.label;return o.createElement("div",null,t)},M=(i=n.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.selectionMode&&!1!==m.selectable,"p-highlight":O},m.className),c=I(),s=C(),o.createElement("tr",null,o.createElement("td",{colSpan:S},o.createElement("div",{className:i,style:m.style,onClick:function(e){return z(e,m)}},c,s)))),P=o.createElement("tr",{style:{visibility:j},className:"p-organizationchart-lines"},o.createElement("td",{colSpan:S},o.createElement("div",{className:"p-organizationchart-line-down"}))),w=(d=m.children&&m.children.length,o.createElement("tr",{style:{visibility:j},className:"p-organizationchart-lines"},m.children&&1===m.children.length&&o.createElement("td",{colSpan:S},o.createElement("div",{className:"p-organizationchart-line-down"})),m.children&&m.children.length>1&&m.children.map((function(e,t){var r=n.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==t}),l=n.classNames("p-organizationchart-line-right",{"p-organizationchart-line-top":t!==d-1});return[o.createElement("td",{key:t+"_lineleft",className:r}," "),o.createElement("td",{key:t+"_lineright",className:l}," ")]})))),U=o.createElement("tr",{style:{visibility:j},className:"p-organizationchart-nodes"},m.children&&m.children.map((function(n,t){return o.createElement("td",{key:t,colSpan:"2"},o.createElement(h,{node:n,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected,togglerIcon:e.togglerIcon}))})));return o.createElement("table",{className:"p-organizationchart-table"},o.createElement("tbody",null,M,P,w,U))}));h.displayName="OrganizationChartNode";var v=o.memo(o.forwardRef((function(e,t){var r=m.getProps(e),l=o.useRef(null),i=r.value&&r.value.length?r.value[0]:null,f=function(e){if(r.selectionMode&&r.selection){if("single"===r.selectionMode)return r.selection===e?0:-1;if("multiple"===r.selectionMode)return r.selection.findIndex((function(n){return n===e}))}return-1};o.useImperativeHandle(t,(function(){return{props:r,getElement:function(){return l.current}}}));var p=m.getOtherProps(r),g=n.classNames("p-organizationchart p-component",r.className);return o.createElement("div",a({id:r.id,ref:l,style:r.style,className:g},p),o.createElement(h,{node:i,nodeTemplate:r.nodeTemplate,selectionMode:r.selectionMode,onNodeClick:function(e,t){if(r.selectionMode){var l=e.target;if(!1===t.selectable||n.DomHandler.hasClass(l,"p-node-toggler")||n.DomHandler.hasClass(l,"p-node-toggler-icon"))return;var o,a=f(t),i=a>=0;"single"===r.selectionMode?i?(o=null,r.onNodeUnselect&&r.onNodeUnselect({originalEvent:e,node:t})):(o=t,r.onNodeSelect&&r.onNodeSelect({originalEvent:e,node:t})):"multiple"===r.selectionMode&&(i?(o=r.selection.filter((function(e,n){return n!==a})),r.onNodeUnselect&&r.onNodeUnselect({originalEvent:e,node:t})):(o=[].concat(c(m=r.selection||[])||s(m)||u(m)||d(),[t]),r.onNodeSelect&&r.onNodeSelect({originalEvent:e,node:t}))),r.onSelectionChange&&r.onSelectionChange({originalEvent:e,data:o})}var m},isSelected:function(e){return-1!==f(e)},togglerIcon:r.togglerIcon}))})));v.displayName="OrganizationChart",exports.OrganizationChart=v;

package/organizationchart/organizationchart.d.ts

@@ -8,6 +8,7 @@
  *
  */
 import * as React from 'react';
+import { IconType } from '../utils/utils';
 
 /**
  * Custom node select event.
@@ -77,6 +78,10 @@ export interface OrganizationChartProps extends Omit<React.DetailedHTMLProps<Rea
      * An array of nested TreeNodes.
      */
     value?: OrganizationChartNodeData[] | undefined;
+    /**
+     * Toggle icon of an expanded and collapsed node.
+     */
+    togglerIcon?: IconType<OrganizationChartProps> | undefined;
     /**
      * Defines the selection mode, valid values "single" and "multiple".
      */

package/organizationchart/organizationchart.esm.js

@@ -1,5 +1,7 @@
 import * as React from 'react';
-import { ObjectUtils, classNames, DomHandler } from 'primereact/utils';
+import { ObjectUtils, classNames, IconUtils, DomHandler } from 'primereact/utils';
+import { ChevronDownIcon } from 'primereact/icons/chevrondown';
+import { ChevronUpIcon } from 'primereact/icons/chevronup';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -60,6 +62,7 @@ var OrganizationChartBase = {
     onSelectionChange: null,
     onNodeSelect: null,
     onNodeUnselect: null,
+    togglerIcon: null,
     children: undefined
   },
   getProps: function getProps(props) {
@@ -144,7 +147,8 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
         nodeTemplate: props.nodeTemplate,
         selectionMode: props.selectionMode,
         onNodeClick: props.onNodeClick,
-        isSelected: props.isSelected
+        isSelected: props.isSelected,
+        togglerIcon: props.togglerIcon
       }));
     }));
   };
@@ -189,9 +193,21 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
   };
   var createToggler = function createToggler() {
     if (!leaf) {
-      var toggleIconClassName = 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.createElement(ChevronDownIcon, {
+          className: iconClassName
+        });
+      } else {
+        icon = props.togglerIcon || /*#__PURE__*/React.createElement(ChevronUpIcon, {
+          className: iconClassName
+        });
+      }
+      var togglerIcon = IconUtils.getJSXIcon(icon, {
+        className: iconClassName
+      }, {
+        props: props
       });
       return (
         /*#__PURE__*/
@@ -202,9 +218,7 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
           onClick: function onClick(e) {
             return toggleNode(e);
           }
-        }, /*#__PURE__*/React.createElement("i", {
-          className: toggleIconClassName
-        }))
+        }, /*#__PURE__*/React.createElement("i", null, " ", togglerIcon, " "))
         /* eslint-enable */
       );
     }
@@ -325,7 +339,8 @@ var OrganizationChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
     nodeTemplate: props.nodeTemplate,
     selectionMode: props.selectionMode,
     onNodeClick: onNodeClick,
-    isSelected: isSelected
+    isSelected: isSelected,
+    togglerIcon: props.togglerIcon
   }));
 }));
 OrganizationChart.displayName = 'OrganizationChart';