primereact 9.2.3 → 9.3.1

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

package/organizationchart/organizationchart.esm.min.js

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

package/organizationchart/organizationchart.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.organizationchart = (function (exports, React, utils) {
+this.primereact.organizationchart = (function (exports, React, utils, chevrondown, chevronup) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -81,6 +81,7 @@ this.primereact.organizationchart = (function (exports, React, utils) {
       onSelectionChange: null,
       onNodeSelect: null,
       onNodeUnselect: null,
+      togglerIcon: null,
       children: undefined
     },
     getProps: function getProps(props) {
@@ -165,7 +166,8 @@ this.primereact.organizationchart = (function (exports, React, utils) {
           nodeTemplate: props.nodeTemplate,
           selectionMode: props.selectionMode,
           onNodeClick: props.onNodeClick,
-          isSelected: props.isSelected
+          isSelected: props.isSelected,
+          togglerIcon: props.togglerIcon
         }));
       }));
     };
@@ -210,9 +212,21 @@ this.primereact.organizationchart = (function (exports, React, utils) {
     };
     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__*/
@@ -223,9 +237,7 @@ this.primereact.organizationchart = (function (exports, React, utils) {
             onClick: function onClick(e) {
               return toggleNode(e);
             }
-          }, /*#__PURE__*/React__namespace.createElement("i", {
-            className: toggleIconClassName
-          }))
+          }, /*#__PURE__*/React__namespace.createElement("i", null, " ", togglerIcon, " "))
           /* eslint-enable */
         );
       }
@@ -346,7 +358,8 @@ this.primereact.organizationchart = (function (exports, React, utils) {
       nodeTemplate: props.nodeTemplate,
       selectionMode: props.selectionMode,
       onNodeClick: onNodeClick,
-      isSelected: isSelected
+      isSelected: isSelected,
+      togglerIcon: props.togglerIcon
     }));
   }));
   OrganizationChart.displayName = 'OrganizationChart';
@@ -357,4 +370,4 @@ this.primereact.organizationchart = (function (exports, React, utils) {
 
   return exports;
 
-})({}, React, primereact.utils);
+})({}, React, primereact.utils, primereact.icons.chevrondown, primereact.icons.chevronup);

package/organizationchart/organizationchart.min.js

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

package/overlaypanel/overlaypanel.cjs.js

@@ -10,6 +10,7 @@ var overlayservice = require('primereact/overlayservice');
 var portal = require('primereact/portal');
 var ripple = require('primereact/ripple');
 var utils = require('primereact/utils');
+var times = require('primereact/icons/times');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -49,6 +50,47 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -110,6 +152,7 @@ var OverlayPanelBase = {
     id: null,
     dismissable: true,
     showCloseIcon: false,
+    closeIcon: null,
     style: null,
     className: null,
     appendTo: null,
@@ -128,6 +171,8 @@ var OverlayPanelBase = {
   }
 };
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = OverlayPanelBase.getProps(inProps);
   var _React$useState = React__namespace.useState(false),
@@ -273,17 +318,22 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, r
     };
   });
   var createCloseIcon = function createCloseIcon() {
+    var iconProps = {
+      className: 'p-overlaypanel-close-icon',
+      'aria-hidden': true
+    };
+    var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, iconProps);
+    var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+      props: props
+    });
+    var ariaLabel = props.ariaCloseLabel || PrimeReact.localeOption('close');
     if (props.showCloseIcon) {
-      var ariaLabel = props.ariaCloseLabel || PrimeReact.localeOption('close');
       return /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: "p-overlaypanel-close p-link",
         onClick: onCloseClick,
         "aria-label": ariaLabel
-      }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-overlaypanel-close-icon pi pi-times",
-        "aria-hidden": "true"
-      }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
     return null;
   };

package/overlaypanel/overlaypanel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/csstransition"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),o=require("primereact/portal"),a=require("primereact/ripple"),u=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=c(e),f=i(r);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},p.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function v(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,o,a,u=[],i=!0,c=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;i=!1}else for(;!(i=(n=o.call(t)).done)&&(u.push(n.value),u.length!==r);i=!0);}catch(e){c=!0,l=e}finally{try{if(!i&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw l}}return u}}function y(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function m(e,r){if(e){if("string"==typeof e)return y(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(e,r):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e,r){return d(e)||v(e,r)||m(e,r)||b()}var O={defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return u.ObjectUtils.getMergedProps(e,O.defaultProps)},getOtherProps:function(e){return u.ObjectUtils.getDiffProps(e,O.defaultProps)}},h=s.forwardRef((function(e,i){var c=O.getProps(e),d=g(s.useState(!1),2),v=d[0],y=d[1],m=s.useRef(""),b=s.useRef(null),h=s.useRef(null),P=s.useRef(!1),E=s.useRef(null),S=s.useRef(null),w=g(n.useOverlayListener({target:h,overlay:b,listener:function(e,r){r.valid&&("outside"===r.type?c.dismissable&&!P.current&&q():q()),P.current=!1},when:v}),2),j=w[0],k=w[1],x=function(e){return b&&b.current&&!(b.current.isSameNode(e)||b.current.contains(e))},I=function(e,r){return null!=h.current&&h.current!==(r||e.currentTarget||e.target)},C=function(e){q(),e.preventDefault()},H=function(e){P.current=!0,l.OverlayService.emit("overlay-click",{originalEvent:e,target:h.current})},T=function(){P.current=!0},D=function(e,r){v?(q(),I(e,r)&&(h.current=r||e.currentTarget||e.target,setTimeout((function(){N(e,h.current)}),200))):N(e,r)},N=function(e,r){h.current=r||e.currentTarget||e.target,v?_():(y(!0),S.current=function(e){!x(e.target)&&(P.current=!0)},l.OverlayService.on("overlay-click",S.current))},q=function(){y(!1),l.OverlayService.off("overlay-click",S.current),S.current=null},R=function(){b.current.setAttribute(m.current,""),u.ZIndexUtils.set("overlay",b.current,f.default.autoZIndex,f.default.zIndex.overlay),_()},A=function(){j(),c.onShow&&c.onShow()},U=function(){k()},M=function(){u.ZIndexUtils.clear(b.current),c.onHide&&c.onHide()},_=function(){if(h.current&&b.current){u.DomHandler.absolutePosition(b.current,h.current);var e=u.DomHandler.getOffset(b.current),r=u.DomHandler.getOffset(h.current),t=0;e.left<r.left&&(t=r.left-e.left),b.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&u.DomHandler.addClass(b.current,"p-overlaypanel-flipped")}},L=function(){if(!E.current){E.current=u.DomHandler.createInlineStyle(f.default.nonce);var e="";for(var r in c.breakpoints)e+="\n                    @media screen and (max-width: ".concat(r,") {\n                        .p-overlaypanel[").concat(m.current,"] {\n                            width: ").concat(c.breakpoints[r]," !important;\n                        }\n                    }\n                ");E.current.innerHTML=e}};n.useMountEffect((function(){m.current=u.UniqueComponentId(),c.breakpoints&&L()})),n.useUnmountEffect((function(){E.current=u.DomHandler.removeInlineStyle(E.current),S.current&&(l.OverlayService.off("overlay-click",S.current),S.current=null),u.ZIndexUtils.clear(b.current)})),s.useImperativeHandle(i,(function(){return{props:c,toggle:D,show:N,hide:q,getElement:function(){return b.current}}}));var Z,z,Y,$=function(){if(c.showCloseIcon){var e=c.ariaCloseLabel||r.localeOption("close");return s.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:C,"aria-label":e},s.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times","aria-hidden":"true"}),s.createElement(a.Ripple,null))}return null},B=(Z=O.getOtherProps(c),z=u.classNames("p-overlaypanel p-component",c.className,{"p-input-filled":"filled"===f.default.inputStyle,"p-ripple-disabled":!1===f.default.ripple}),Y=$(),s.createElement(t.CSSTransition,{nodeRef:b,classNames:"p-overlaypanel",in:v,timeout:{enter:120,exit:100},options:c.transitionOptions,unmountOnExit:!0,onEnter:R,onEntered:A,onExit:U,onExited:M},s.createElement("div",p({ref:b,id:c.id,className:z,style:c.style},Z,{onClick:H}),s.createElement("div",{className:"p-overlaypanel-content",onClick:T,onMouseDown:T},c.children),Y)));return s.createElement(o.Portal,{element:B,appendTo:c.appendTo})}));h.displayName="OverlayPanel",exports.OverlayPanel=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/csstransition"),n=require("primereact/hooks"),o=require("primereact/overlayservice"),l=require("primereact/portal"),i=require("primereact/ripple"),u=require("primereact/utils"),c=require("primereact/icons/times");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var f=s(e),p=a(r);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},y.apply(this,arguments)}function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function m(e,r){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function v(e){var r=m(e,"string");return"symbol"===d(r)?r:String(r)}function b(e,r,t){return(r=v(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function O(e){if(Array.isArray(e))return e}function g(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,l,i,u=[],c=!0,a=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(a)throw o}}return u}}function h(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function j(e,r){if(e){if("string"==typeof e)return h(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,r):void 0}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,r){return O(e)||g(e,r)||j(e,r)||P()}var w={defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return u.ObjectUtils.getMergedProps(e,w.defaultProps)},getOtherProps:function(e){return u.ObjectUtils.getDiffProps(e,w.defaultProps)}};function E(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function I(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?E(Object(t),!0).forEach((function(r){b(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var k=f.forwardRef((function(e,a){var s=w.getProps(e),d=S(f.useState(!1),2),m=d[0],v=d[1],b=f.useRef(""),O=f.useRef(null),g=f.useRef(null),h=f.useRef(!1),j=f.useRef(null),P=f.useRef(null),E=S(n.useOverlayListener({target:g,overlay:O,listener:function(e,r){r.valid&&("outside"===r.type?s.dismissable&&!h.current&&U():U()),h.current=!1},when:m}),2),k=E[0],x=E[1],D=function(e){return O&&O.current&&!(O.current.isSameNode(e)||O.current.contains(e))},T=function(e,r){return null!=g.current&&g.current!==(r||e.currentTarget||e.target)},C=function(e){U(),e.preventDefault()},H=function(e){h.current=!0,o.OverlayService.emit("overlay-click",{originalEvent:e,target:g.current})},N=function(){h.current=!0},q=function(e,r){m?(U(),T(e,r)&&(g.current=r||e.currentTarget||e.target,setTimeout((function(){R(e,g.current)}),200))):R(e,r)},R=function(e,r){g.current=r||e.currentTarget||e.target,m?Z():(v(!0),P.current=function(e){!D(e.target)&&(h.current=!0)},o.OverlayService.on("overlay-click",P.current))},U=function(){v(!1),o.OverlayService.off("overlay-click",P.current),P.current=null},A=function(){O.current.setAttribute(b.current,""),u.ZIndexUtils.set("overlay",O.current,p.default.autoZIndex,p.default.zIndex.overlay),Z()},M=function(){k(),s.onShow&&s.onShow()},_=function(){x()},L=function(){u.ZIndexUtils.clear(O.current),s.onHide&&s.onHide()},Z=function(){if(g.current&&O.current){u.DomHandler.absolutePosition(O.current,g.current);var e=u.DomHandler.getOffset(O.current),r=u.DomHandler.getOffset(g.current),t=0;e.left<r.left&&(t=r.left-e.left),O.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&u.DomHandler.addClass(O.current,"p-overlaypanel-flipped")}},z=function(){if(!j.current){j.current=u.DomHandler.createInlineStyle(p.default.nonce);var e="";for(var r in s.breakpoints)e+="\n                    @media screen and (max-width: ".concat(r,") {\n                        .p-overlaypanel[").concat(b.current,"] {\n                            width: ").concat(s.breakpoints[r]," !important;\n                        }\n                    }\n                ");j.current.innerHTML=e}};n.useMountEffect((function(){b.current=u.UniqueComponentId(),s.breakpoints&&z()})),n.useUnmountEffect((function(){j.current=u.DomHandler.removeInlineStyle(j.current),P.current&&(o.OverlayService.off("overlay-click",P.current),P.current=null),u.ZIndexUtils.clear(O.current)})),f.useImperativeHandle(a,(function(){return{props:s,toggle:q,show:R,hide:U,getElement:function(){return O.current}}}));var J,X,Y,$=function(){var e={className:"p-overlaypanel-close-icon","aria-hidden":!0},t=u.IconUtils.getJSXIcon(s.closeIcon||f.createElement(c.TimesIcon,e),I({},e),{props:s}),n=s.ariaCloseLabel||r.localeOption("close");return s.showCloseIcon?f.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:C,"aria-label":n},t,f.createElement(i.Ripple,null)):null},B=(J=w.getOtherProps(s),X=u.classNames("p-overlaypanel p-component",s.className,{"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple}),Y=$(),f.createElement(t.CSSTransition,{nodeRef:O,classNames:"p-overlaypanel",in:m,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:A,onEntered:M,onExit:_,onExited:L},f.createElement("div",y({ref:O,id:s.id,className:X,style:s.style},J,{onClick:H}),f.createElement("div",{className:"p-overlaypanel-content",onClick:N,onMouseDown:N},s.children),Y)));return f.createElement(l.Portal,{element:B,appendTo:s.appendTo})}));k.displayName="OverlayPanel",exports.OverlayPanel=k;

package/overlaypanel/overlaypanel.d.ts

@@ -9,6 +9,7 @@
  */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
+import { IconType } from '../utils/utils';
 
 /**
  * Custom overlay panel breakpoints
@@ -35,6 +36,10 @@ export interface OverlayPanelProps extends Omit<React.DetailedHTMLProps<React.HT
      * @defaultValue false
      */
     showCloseIcon?: boolean | undefined;
+    /**
+     * Icon to display as close icon.
+     */
+    closeIcon?: IconType<OverlayPanelProps> | undefined;
     /**
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
      * @defaultValue document.body

package/overlaypanel/overlaypanel.esm.js

@@ -5,7 +5,8 @@ import { useOverlayListener, useMountEffect, useUnmountEffect } from 'primereact
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
 import { Ripple } from 'primereact/ripple';
-import { ObjectUtils, UniqueComponentId, DomHandler, ZIndexUtils, classNames } from 'primereact/utils';
+import { ObjectUtils, UniqueComponentId, DomHandler, ZIndexUtils, classNames, IconUtils } from 'primereact/utils';
+import { TimesIcon } from 'primereact/icons/times';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -22,6 +23,47 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -83,6 +125,7 @@ var OverlayPanelBase = {
     id: null,
     dismissable: true,
     showCloseIcon: false,
+    closeIcon: null,
     style: null,
     className: null,
     appendTo: null,
@@ -101,6 +144,8 @@ var OverlayPanelBase = {
   }
 };
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var OverlayPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = OverlayPanelBase.getProps(inProps);
   var _React$useState = React.useState(false),
@@ -246,17 +291,22 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     };
   });
   var createCloseIcon = function createCloseIcon() {
+    var iconProps = {
+      className: 'p-overlaypanel-close-icon',
+      'aria-hidden': true
+    };
+    var icon = props.closeIcon || /*#__PURE__*/React.createElement(TimesIcon, iconProps);
+    var closeIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+      props: props
+    });
+    var ariaLabel = props.ariaCloseLabel || localeOption('close');
     if (props.showCloseIcon) {
-      var ariaLabel = props.ariaCloseLabel || localeOption('close');
       return /*#__PURE__*/React.createElement("button", {
         type: "button",
         className: "p-overlaypanel-close p-link",
         onClick: onCloseClick,
         "aria-label": ariaLabel
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "p-overlaypanel-close-icon pi pi-times",
-        "aria-hidden": "true"
-      }), /*#__PURE__*/React.createElement(Ripple, null));
+      }, closeIcon, /*#__PURE__*/React.createElement(Ripple, null));
     }
     return null;
   };

package/overlaypanel/overlaypanel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import r,{localeOption as t}from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as o,useMountEffect as l,useUnmountEffect as a}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Portal as c}from"primereact/portal";import{Ripple as u}from"primereact/ripple";import{ObjectUtils as s,UniqueComponentId as p,DomHandler as f,ZIndexUtils as m,classNames as d}from"primereact/utils";function y(){return y=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},y.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function g(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,l,a,i=[],c=!0,u=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(i.push(n.value),i.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function b(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function h(e,r){if(e){if("string"==typeof e)return b(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?b(e,r):void 0}}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 O(e,r){return v(e)||g(e,r)||h(e,r)||w()}var E={defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return s.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return s.getDiffProps(e,E.defaultProps)}},P=e.forwardRef((function(s,v){var g=E.getProps(s),b=O(e.useState(!1),2),h=b[0],w=b[1],P=e.useRef(""),k=e.useRef(null),S=e.useRef(null),x=e.useRef(!1),I=e.useRef(null),T=e.useRef(null),C=O(o({target:S,overlay:k,listener:function(e,r){r.valid&&("outside"===r.type?g.dismissable&&!x.current&&z():z()),x.current=!1},when:h}),2),N=C[0],j=C[1],A=function(e){return k&&k.current&&!(k.current.isSameNode(e)||k.current.contains(e))},R=function(e,r){return null!=S.current&&S.current!==(r||e.currentTarget||e.target)},H=function(e){z(),e.preventDefault()},L=function(e){x.current=!0,i.emit("overlay-click",{originalEvent:e,target:S.current})},M=function(){x.current=!0},D=function(e,r){h?(z(),R(e,r)&&(S.current=r||e.currentTarget||e.target,setTimeout((function(){_(e,S.current)}),200))):_(e,r)},_=function(e,r){S.current=r||e.currentTarget||e.target,h?q():(w(!0),T.current=function(e){!A(e.target)&&(x.current=!0)},i.on("overlay-click",T.current))},z=function(){w(!1),i.off("overlay-click",T.current),T.current=null},U=function(){k.current.setAttribute(P.current,""),m.set("overlay",k.current,r.autoZIndex,r.zIndex.overlay),q()},Y=function(){N(),g.onShow&&g.onShow()},Z=function(){j()},$=function(){m.clear(k.current),g.onHide&&g.onHide()},q=function(){if(S.current&&k.current){f.absolutePosition(k.current,S.current);var e=f.getOffset(k.current),r=f.getOffset(S.current),t=0;e.left<r.left&&(t=r.left-e.left),k.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&f.addClass(k.current,"p-overlaypanel-flipped")}},B=function(){if(!I.current){I.current=f.createInlineStyle(r.nonce);var e="";for(var t in g.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(P.current,"] {\n                            width: ").concat(g.breakpoints[t]," !important;\n                        }\n                    }\n                ");I.current.innerHTML=e}};l((function(){P.current=p(),g.breakpoints&&B()})),a((function(){I.current=f.removeInlineStyle(I.current),T.current&&(i.off("overlay-click",T.current),T.current=null),m.clear(k.current)})),e.useImperativeHandle(v,(function(){return{props:g,toggle:D,show:_,hide:z,getElement:function(){return k.current}}}));var F,G,J,K=function(){if(g.showCloseIcon){var r=g.ariaCloseLabel||t("close");return e.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:H,"aria-label":r},e.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times","aria-hidden":"true"}),e.createElement(u,null))}return null},Q=(F=E.getOtherProps(g),G=d("p-overlaypanel p-component",g.className,{"p-input-filled":"filled"===r.inputStyle,"p-ripple-disabled":!1===r.ripple}),J=K(),e.createElement(n,{nodeRef:k,classNames:"p-overlaypanel",in:h,timeout:{enter:120,exit:100},options:g.transitionOptions,unmountOnExit:!0,onEnter:U,onEntered:Y,onExit:Z,onExited:$},e.createElement("div",y({ref:k,id:g.id,className:G,style:g.style},F,{onClick:L}),e.createElement("div",{className:"p-overlaypanel-content",onClick:M,onMouseDown:M},g.children),J)));return e.createElement(c,{element:Q,appendTo:g.appendTo})}));P.displayName="OverlayPanel";export{P as OverlayPanel};
+import*as e from"react";import r,{localeOption as t}from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as o,useMountEffect as i,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as c}from"primereact/overlayservice";import{Portal as u}from"primereact/portal";import{Ripple as a}from"primereact/ripple";import{ObjectUtils as s,UniqueComponentId as f,DomHandler as p,ZIndexUtils as m,classNames as y,IconUtils as d}from"primereact/utils";import{TimesIcon as b}from"primereact/icons/times";function v(){return v=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},v.apply(this,arguments)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function O(e,r){if("object"!==g(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function h(e){var r=O(e,"string");return"symbol"===g(r)?r:String(r)}function w(e,r,t){return(r=h(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function P(e){if(Array.isArray(e))return e}function S(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,c=[],u=!0,a=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=i.call(t)).done)&&(c.push(n.value),c.length!==r);u=!0);}catch(e){a=!0,o=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(a)throw o}}return c}}function j(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function E(e,r){if(e){if("string"==typeof e)return j(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?j(e,r):void 0}}function k(){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,r){return P(e)||S(e,r)||E(e,r)||k()}var T={defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return s.getMergedProps(e,T.defaultProps)},getOtherProps:function(e){return s.getDiffProps(e,T.defaultProps)}};function x(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function N(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?x(Object(t),!0).forEach((function(r){w(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var C=e.forwardRef((function(s,g){var O=T.getProps(s),h=I(e.useState(!1),2),w=h[0],P=h[1],S=e.useRef(""),j=e.useRef(null),E=e.useRef(null),k=e.useRef(!1),x=e.useRef(null),C=e.useRef(null),A=I(o({target:E,overlay:j,listener:function(e,r){r.valid&&("outside"===r.type?O.dismissable&&!k.current&&X():X()),k.current=!1},when:w}),2),R=A[0],D=A[1],H=function(e){return j&&j.current&&!(j.current.isSameNode(e)||j.current.contains(e))},L=function(e,r){return null!=E.current&&E.current!==(r||e.currentTarget||e.target)},M=function(e){X(),e.preventDefault()},_=function(e){k.current=!0,c.emit("overlay-click",{originalEvent:e,target:E.current})},z=function(){k.current=!0},J=function(e,r){w?(X(),L(e,r)&&(E.current=r||e.currentTarget||e.target,setTimeout((function(){U(e,E.current)}),200))):U(e,r)},U=function(e,r){E.current=r||e.currentTarget||e.target,w?B():(P(!0),C.current=function(e){!H(e.target)&&(k.current=!0)},c.on("overlay-click",C.current))},X=function(){P(!1),c.off("overlay-click",C.current),C.current=null},Y=function(){j.current.setAttribute(S.current,""),m.set("overlay",j.current,r.autoZIndex,r.zIndex.overlay),B()},Z=function(){R(),O.onShow&&O.onShow()},$=function(){D()},q=function(){m.clear(j.current),O.onHide&&O.onHide()},B=function(){if(E.current&&j.current){p.absolutePosition(j.current,E.current);var e=p.getOffset(j.current),r=p.getOffset(E.current),t=0;e.left<r.left&&(t=r.left-e.left),j.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&p.addClass(j.current,"p-overlaypanel-flipped")}},F=function(){if(!x.current){x.current=p.createInlineStyle(r.nonce);var e="";for(var t in O.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(S.current,"] {\n                            width: ").concat(O.breakpoints[t]," !important;\n                        }\n                    }\n                ");x.current.innerHTML=e}};i((function(){S.current=f(),O.breakpoints&&F()})),l((function(){x.current=p.removeInlineStyle(x.current),C.current&&(c.off("overlay-click",C.current),C.current=null),m.clear(j.current)})),e.useImperativeHandle(g,(function(){return{props:O,toggle:J,show:U,hide:X,getElement:function(){return j.current}}}));var G,K,Q,V=function(){var r={className:"p-overlaypanel-close-icon","aria-hidden":!0},n=d.getJSXIcon(O.closeIcon||e.createElement(b,r),N({},r),{props:O}),o=O.ariaCloseLabel||t("close");return O.showCloseIcon?e.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:M,"aria-label":o},n,e.createElement(a,null)):null},W=(G=T.getOtherProps(O),K=y("p-overlaypanel p-component",O.className,{"p-input-filled":"filled"===r.inputStyle,"p-ripple-disabled":!1===r.ripple}),Q=V(),e.createElement(n,{nodeRef:j,classNames:"p-overlaypanel",in:w,timeout:{enter:120,exit:100},options:O.transitionOptions,unmountOnExit:!0,onEnter:Y,onEntered:Z,onExit:$,onExited:q},e.createElement("div",v({ref:j,id:O.id,className:K,style:O.style},G,{onClick:_}),e.createElement("div",{className:"p-overlaypanel-content",onClick:z,onMouseDown:z},O.children),Q)));return e.createElement(u,{element:W,appendTo:O.appendTo})}));C.displayName="OverlayPanel";export{C as OverlayPanel};