primereact 9.2.2 → 9.3.0

package/panelmenu/panelmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/hooks"),l=require("primereact/utils");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 l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=r(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},i.apply(this,arguments)}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function s(e){if(Array.isArray(e))return o(e)}function u(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 m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e){return s(e)||u(e)||c(e)||m()}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 l,r,a,i,o=[],s=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(l=a.call(n)).done)&&(o.push(l.value),o.length!==t);s=!0);}catch(e){u=!0,r=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return o}}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 v(e,t){return d(e)||f(e,t)||c(e,t)||b()}var y={defaultProps:{__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,y.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,y.defaultProps)}},g=a.memo((function(e){var r=v(a.useState(null),2),i=r[0],o=r[1],s=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},u=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var l=i;c(n)?(n.expanded=!1,o(e.multiple?l.filter((function(e){return e!==n})):null)):(!e.multiple&&l&&(l.expanded=!1),n.expanded=!0,o(e.multiple?[].concat(p(l||[]),[n]):n))}},c=function(t){return i&&(e.multiple?i.indexOf(t)>-1:i===t)};n.useMountEffect((function(){o(s())}));var m=function(e){return a.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},d=function(n,r){var i=l.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!r}),o=a.createRef();return n.items?a.createElement(t.CSSTransition,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0},a.createElement("div",{ref:o,className:i},a.createElement(g,{menuProps:e.menuProps,model:n.items,multiple:e.multiple}))):null},f=function(t,n){if(!1===t.visible)return null;var r=t.label+"_"+n,i=c(t),o=l.classNames("p-menuitem",t.className),s=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),m=l.classNames("p-menuitem-icon",t.icon),p=l.classNames("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!i,"pi-angle-down":i}),f=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&a.createElement("span",{className:"p-menuitem-text"},t.label),v=t.items&&a.createElement("span",{className:p}),y=d(t,i),g=a.createElement("a",{href:t.url||"#",className:s,target:t.target,onClick:function(e){return u(e,t)},role:"menuitem","aria-disabled":t.disabled},v,f,b);t.template&&(g=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:m,submenuIconClassName:p,element:g,props:e,leaf:!t.items,active:i}));return a.createElement("li",{key:r,id:t.id,className:o,style:t.style,role:"none"},g,y)},b=function(e,t){return e.separator?m(t):f(e,t)},y=l.classNames("p-submenu-list",e.className),N=e.model?e.model.map(b):null;return a.createElement("ul",{className:y,role:"tree"},N)}));g.displayName="PanelMenuSub";var N=a.memo(a.forwardRef((function(e,r){var o=y.getProps(e),s=v(a.useState(o.id),2),u=s[0],c=s[1],m=v(a.useState(null),2),d=m[0],f=m[1],b=v(a.useState(!1),2),N=b[0],E=b[1],h=a.useRef(null),O=u+"_header",x=u+"_content",P=function(){if(o.model){if(o.multiple)return o.model.filter((function(e){return e.expanded}));var e=null;return o.model.forEach((function(t){t.expanded&&(e?t.expanded=!1:e=t)})),e}return null},S=function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var n=d;j(t)?(t.expanded=!1,f(o.multiple?n.filter((function(e){return e!==t})):null)):(!o.multiple&&n&&(n.expanded=!1),t.expanded=!0,f(o.multiple?[].concat(p(n||[]),[t]):t))}},j=function(e){return d&&(o.multiple?d.indexOf(e)>-1:d===e)};a.useImperativeHandle(r,(function(){return{props:o,getElement:function(){return h.current}}})),n.useMountEffect((function(){u||c(l.UniqueComponentId()),f(P())})),n.useUpdateEffect((function(){E(!0),f(P())}),[o.model]);var C=function(){E(!1)},I=function(e,n){if(!1===e.visible)return null;var r=e.label+"_"+n,i=j(e),s=l.classNames("p-panelmenu-panel",e.className),u=l.classNames("p-component p-panelmenu-header",{"p-highlight":i,"p-disabled":e.disabled}),c=l.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!i," pi-chevron-down":i}),m=l.classNames("p-menuitem-icon",e.icon),p=l.IconUtils.getJSXIcon(e.icon,{className:"p-menuitem-icon"},{props:o}),d=e.items&&a.createElement("span",{className:c}),f=e.label&&a.createElement("span",{className:"p-menuitem-text"},e.label),b=l.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!i}),v=a.createRef(),y=a.createElement("a",{href:e.url||"#",className:"p-panelmenu-header-link",onClick:function(t){return S(t,e)},"aria-expanded":i,id:O,"aria-controls":x,"aria-disabled":e.disabled},d,p,f);e.template&&(y=l.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return S(t,e)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:c,iconClassName:m,element:y,props:o,leaf:!e.items,active:i}));return a.createElement("div",{key:r,className:s,style:e.style},a.createElement("div",{className:u,style:e.style},y),a.createElement(t.CSSTransition,{nodeRef:v,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:C,disabled:N,in:i,unmountOnExit:!0,options:o.transitionOptions},a.createElement("div",{ref:v,className:b,role:"region",id:x,"aria-labelledby":O},a.createElement("div",{className:"p-panelmenu-content"},a.createElement(g,{menuProps:o,model:e.items,className:"p-panelmenu-root-submenu",multiple:o.multiple})))))},k=y.getOtherProps(o),w=l.classNames("p-panelmenu p-component",o.className),_=o.model?o.model.map(I):null;return a.createElement("div",i({id:o.id,ref:h,className:w,style:o.style},k),_)})));N.displayName="PanelMenu",exports.PanelMenu=N;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/csstransition"),t=require("primereact/hooks"),r=require("primereact/utils"),l=require("primereact/icons/chevronright"),a=require("primereact/icons/chevrondown");function i(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=i(e);function u(){return u=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},u.apply(this,arguments)}function s(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 s(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,n){if(e){if("string"==typeof e)return s(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)?s(e,n):void 0}}function d(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){return c(e)||m(e)||p(e)||d()}function b(e){if(Array.isArray(e))return e}function v(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,a,i,o=[],u=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=a.call(t)).done)&&(o.push(r.value),o.length!==n);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(s)throw l}}return o}}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.")}function y(e,n){return b(e)||v(e,n)||p(e,n)||g()}var N={defaultProps:{__TYPE:"Panel",id:null,model:null,style:null,submenuIcon:null,className:null,multiple:!1,transitionOptions:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,N.defaultProps)}},h=o.memo((function(e){var i=y(o.useState(null),2),u=i[0],s=i[1],c=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var n=null;return e.model.forEach((function(e){e.expanded&&(n?e.expanded=!1:n=e)})),n}return null},m=function(n,t){if(t.disabled)n.preventDefault();else{t.url||n.preventDefault(),t.command&&t.command({originalEvent:n,item:t});var r=u;p(t)?(t.expanded=!1,s(e.multiple?r.filter((function(e){return e!==t})):null)):(!e.multiple&&r&&(r.expanded=!1),t.expanded=!0,s(e.multiple?[].concat(f(r||[]),[t]):t))}},p=function(n){return u&&(e.multiple?u.indexOf(n)>-1:u===n)};t.useMountEffect((function(){s(c())}));var d=function(e){return o.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},b=function(t,l){var a=r.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!l}),i=o.createRef();return t.items?o.createElement(n.CSSTransition,{nodeRef:i,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:l,unmountOnExit:!0},o.createElement("div",{ref:i,className:a},o.createElement(h,{menuProps:e.menuProps,model:t.items,multiple:e.multiple,submenuIcon:e.submenuIcon}))):null},v=function(n,t){if(!1===n.visible)return null;var i=n.label+"_"+t,u=p(n),s=r.classNames("p-menuitem",n.className),c=r.classNames("p-menuitem-link",{"p-disabled":n.disabled}),d=r.classNames("p-menuitem-icon",n.icon),f=r.IconUtils.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),v=n.label&&o.createElement("span",{className:"p-menuitem-text"},n.label),g="p-panelmenu-icon",y=n.items&&r.IconUtils.getJSXIcon(u?e.submenuIcon||o.createElement(a.ChevronDownIcon,{className:g}):e.submenuIcon||o.createElement(l.ChevronRightIcon,{className:g})),N=b(n,u),h=o.createElement("a",{href:n.url||"#",className:c,target:n.target,onClick:function(e){return m(e,n)},role:"menuitem","aria-disabled":n.disabled},y,f,v);n.template&&(h=r.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return m(e,n)},className:c,labelClassName:"p-menuitem-text",iconClassName:d,submenuIconClassName:g,element:h,props:e,leaf:!n.items,active:u}));return o.createElement("li",{key:i,id:n.id,className:s,style:n.style,role:"none"},h,N)},g=function(e,n){return e.separator?d(n):v(e,n)},N=r.classNames("p-submenu-list",e.className),E=e.model?e.model.map(g):null;return o.createElement("ul",{className:N,role:"tree"},E)}));h.displayName="PanelMenuSub";var E=o.memo(o.forwardRef((function(e,i){var s=N.getProps(e),c=y(o.useState(s.id),2),m=c[0],p=c[1],d=y(o.useState(null),2),b=d[0],v=d[1],g=y(o.useState(!1),2),E=g[0],I=g[1],O=o.useRef(null),x=m+"_header",S=m+"_content",P=function(){if(s.model){if(s.multiple)return s.model.filter((function(e){return e.expanded}));var e=null;return s.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},j=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=b;C(n)?(n.expanded=!1,v(s.multiple?t.filter((function(e){return e!==n})):null)):(!s.multiple&&t&&(t.expanded=!1),n.expanded=!0,v(s.multiple?[].concat(f(t||[]),[n]):n))}},C=function(e){return b&&(s.multiple?b.indexOf(e)>-1:b===e)};o.useImperativeHandle(i,(function(){return{props:s,getElement:function(){return O.current}}})),t.useMountEffect((function(){m||p(r.UniqueComponentId()),v(P())})),t.useUpdateEffect((function(){I(!0),v(P())}),[s.model]);var k=function(){I(!1)},w=function(e,t){if(!1===e.visible)return null;var i=e.label+"_"+t,u=C(e),c=r.classNames("p-panelmenu-panel",e.className),m=r.classNames("p-component p-panelmenu-header",{"p-highlight":u,"p-disabled":e.disabled}),p=r.classNames("p-menuitem-icon",e.icon),d=r.IconUtils.getJSXIcon(e.icon,{className:"p-menuitem-icon"},{props:s}),f="p-panelmenu-icon",b=e.items&&r.IconUtils.getJSXIcon(u?s.submenuIcon||o.createElement(a.ChevronDownIcon,{className:f}):s.submenuIcon||o.createElement(l.ChevronRightIcon,{className:f})),v=e.label&&o.createElement("span",{className:"p-menuitem-text"},e.label),g=r.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!u}),y=o.createRef(),N=o.createElement("a",{href:e.url||"#",className:"p-panelmenu-header-link",onClick:function(n){return j(n,e)},"aria-expanded":u,id:x,"aria-controls":S,"aria-disabled":e.disabled},b,d,v);e.template&&(N=r.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return j(n,e)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:f,iconClassName:p,element:N,props:s,leaf:!e.items,active:u}));return o.createElement("div",{key:i,className:c,style:e.style},o.createElement("div",{className:m,style:e.style},N),o.createElement(n.CSSTransition,{nodeRef:y,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:k,disabled:E,in:u,unmountOnExit:!0,options:s.transitionOptions},o.createElement("div",{ref:y,className:g,role:"region",id:S,"aria-labelledby":x},o.createElement("div",{className:"p-panelmenu-content"},o.createElement(h,{menuProps:s,model:e.items,className:"p-panelmenu-root-submenu",multiple:s.multiple,submenuIcon:s.submenuIcon})))))},U=N.getOtherProps(s),_=r.classNames("p-panelmenu p-component",s.className),A=s.model?s.model.map(w):null;return o.createElement("div",u({id:s.id,ref:O,className:_,style:s.style},U),A)})));E.displayName="PanelMenu",exports.PanelMenu=E;

package/panelmenu/panelmenu.d.ts

@@ -10,6 +10,7 @@
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 import { MenuItem } from '../menuitem';
+import { IconType } from '../utils/utils';
 
 /**
  * Defines valid properties in PanelMenu component. In addition to these, all properties of HTMLDivElement can be used in this component.
@@ -25,6 +26,10 @@ export interface PanelMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLA
      * @defaultValue false
      */
     multiple?: boolean | undefined;
+    /**
+     * Icon of the submenu.
+     */
+    submenuIcon?: IconType<PanelMenuProps> | undefined;
     /**
      * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
      */

package/panelmenu/panelmenu.esm.js

@@ -2,6 +2,8 @@ import * as React from 'react';
 import { CSSTransition } from 'primereact/csstransition';
 import { useMountEffect, useUpdateEffect } from 'primereact/hooks';
 import { ObjectUtils, classNames, IconUtils, UniqueComponentId } from 'primereact/utils';
+import { ChevronRightIcon } from 'primereact/icons/chevronright';
+import { ChevronDownIcon } from 'primereact/icons/chevrondown';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -95,6 +97,7 @@ var PanelMenuBase = {
     id: null,
     model: null,
     style: null,
+    submenuIcon: null,
     className: null,
     multiple: false,
     transitionOptions: null,
@@ -194,7 +197,8 @@ var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
       }, /*#__PURE__*/React.createElement(PanelMenuSub, {
         menuProps: props.menuProps,
         model: item.items,
-        multiple: props.multiple
+        multiple: props.multiple,
+        submenuIcon: props.submenuIcon
       })));
     }
     return null;
@@ -210,10 +214,6 @@ var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
       'p-disabled': item.disabled
     });
     var iconClassName = classNames('p-menuitem-icon', item.icon);
-    var submenuIconClassName = classNames('p-panelmenu-icon pi pi-fw', {
-      'pi-angle-right': !active,
-      'pi-angle-down': active
-    });
     var icon = IconUtils.getJSXIcon(item.icon, {
       className: 'p-menuitem-icon'
     }, {
@@ -222,9 +222,12 @@ var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
     var label = item.label && /*#__PURE__*/React.createElement("span", {
       className: "p-menuitem-text"
     }, item.label);
-    var submenuIcon = item.items && /*#__PURE__*/React.createElement("span", {
+    var submenuIconClassName = 'p-panelmenu-icon';
+    var submenuIcon = item.items && IconUtils.getJSXIcon(active ? props.submenuIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, {
       className: submenuIconClassName
-    });
+    }) : props.submenuIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, {
+      className: submenuIconClassName
+    }));
     var submenu = createSubmenu(item, active);
     var content = /*#__PURE__*/React.createElement("a", {
       href: item.url || '#',
@@ -374,19 +377,18 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       'p-highlight': active,
       'p-disabled': item.disabled
     });
-    var submenuIconClassName = classNames('p-panelmenu-icon pi', {
-      'pi-chevron-right': !active,
-      ' pi-chevron-down': active
-    });
     var iconClassName = classNames('p-menuitem-icon', item.icon);
     var icon = IconUtils.getJSXIcon(item.icon, {
       className: 'p-menuitem-icon'
     }, {
       props: props
     });
-    var submenuIcon = item.items && /*#__PURE__*/React.createElement("span", {
+    var submenuIconClassName = 'p-panelmenu-icon';
+    var submenuIcon = item.items && IconUtils.getJSXIcon(active ? props.submenuIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, {
       className: submenuIconClassName
-    });
+    }) : props.submenuIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, {
+      className: submenuIconClassName
+    }));
     var label = item.label && /*#__PURE__*/React.createElement("span", {
       className: "p-menuitem-text"
     }, item.label);
@@ -452,7 +454,8 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       menuProps: props,
       model: item.items,
       className: "p-panelmenu-root-submenu",
-      multiple: props.multiple
+      multiple: props.multiple,
+      submenuIcon: props.submenuIcon
     })))));
   };
   var createPanels = function createPanels() {

package/panelmenu/panelmenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{CSSTransition as n}from"primereact/csstransition";import{useMountEffect as t,useUpdateEffect as l}from"primereact/hooks";import{ObjectUtils as r,classNames as a,IconUtils as i,UniqueComponentId as o}from"primereact/utils";function u(){return u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},u.apply(this,arguments)}function m(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function s(e){if(Array.isArray(e))return m(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,n){if(e){if("string"==typeof e)return m(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)?m(e,n):void 0}}function d(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){return s(e)||c(e)||p(e)||d()}function b(e){if(Array.isArray(e))return e}function v(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,r,a,i,o=[],u=!0,m=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(l=a.call(t)).done)&&(o.push(l.value),o.length!==n);u=!0);}catch(e){m=!0,r=e}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(m)throw r}}return o}}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.")}function y(e,n){return b(e)||v(e,n)||p(e,n)||g()}var N={defaultProps:{__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null,children:void 0},getProps:function(e){return r.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,N.defaultProps)}},h=e.memo((function(l){var o=y(e.useState(null),2),u=o[0],m=o[1],s=function(){if(l.model){if(l.multiple)return l.model.filter((function(e){return e.expanded}));var e=null;return l.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},c=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=u;p(n)?(n.expanded=!1,m(l.multiple?t.filter((function(e){return e!==n})):null)):(!l.multiple&&t&&(t.expanded=!1),n.expanded=!0,m(l.multiple?[].concat(f(t||[]),[n]):n))}},p=function(e){return u&&(l.multiple?u.indexOf(e)>-1:u===e)};t((function(){m(s())}));var d=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator"})},b=function(t,r){var i=a("p-toggleable-content",{"p-toggleable-content-collapsed":!r}),o=e.createRef();return t.items?e.createElement(n,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0},e.createElement("div",{ref:o,className:i},e.createElement(h,{menuProps:l.menuProps,model:t.items,multiple:l.multiple}))):null},v=function(n,t){if(!1===n.visible)return null;var o=n.label+"_"+t,u=p(n),m=a("p-menuitem",n.className),s=a("p-menuitem-link",{"p-disabled":n.disabled}),d=a("p-menuitem-icon",n.icon),f=a("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!u,"pi-angle-down":u}),v=i.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:l.menuProps}),g=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),y=n.items&&e.createElement("span",{className:f}),N=b(n,u),h=e.createElement("a",{href:n.url||"#",className:s,target:n.target,onClick:function(e){return c(e,n)},role:"menuitem","aria-disabled":n.disabled},y,v,g);n.template&&(h=r.getJSXElement(n.template,n,{onClick:function(e){return c(e,n)},className:s,labelClassName:"p-menuitem-text",iconClassName:d,submenuIconClassName:f,element:h,props:l,leaf:!n.items,active:u}));return e.createElement("li",{key:o,id:n.id,className:m,style:n.style,role:"none"},h,N)},g=function(e,n){return e.separator?d(n):v(e,n)},N=a("p-submenu-list",l.className),E=l.model?l.model.map(g):null;return e.createElement("ul",{className:N,role:"tree"},E)}));h.displayName="PanelMenuSub";var E=e.memo(e.forwardRef((function(m,s){var c=N.getProps(m),p=y(e.useState(c.id),2),d=p[0],b=p[1],v=y(e.useState(null),2),g=v[0],E=v[1],x=y(e.useState(!1),2),P=x[0],S=x[1],O=e.useRef(null),k=d+"_header",w=d+"_content",C=function(){if(c.model){if(c.multiple)return c.model.filter((function(e){return e.expanded}));var e=null;return c.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},I=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=g;j(n)?(n.expanded=!1,E(c.multiple?t.filter((function(e){return e!==n})):null)):(!c.multiple&&t&&(t.expanded=!1),n.expanded=!0,E(c.multiple?[].concat(f(t||[]),[n]):n))}},j=function(e){return g&&(c.multiple?g.indexOf(e)>-1:g===e)};e.useImperativeHandle(s,(function(){return{props:c,getElement:function(){return O.current}}})),t((function(){d||b(o()),E(C())})),l((function(){S(!0),E(C())}),[c.model]);var A=function(){S(!1)},_=function(t,l){if(!1===t.visible)return null;var o=t.label+"_"+l,u=j(t),m=a("p-panelmenu-panel",t.className),s=a("p-component p-panelmenu-header",{"p-highlight":u,"p-disabled":t.disabled}),p=a("p-panelmenu-icon pi",{"pi-chevron-right":!u," pi-chevron-down":u}),d=a("p-menuitem-icon",t.icon),f=i.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:c}),b=t.items&&e.createElement("span",{className:p}),v=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),g=a("p-toggleable-content",{"p-toggleable-content-collapsed":!u}),y=e.createRef(),N=e.createElement("a",{href:t.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return I(e,t)},"aria-expanded":u,id:k,"aria-controls":w,"aria-disabled":t.disabled},b,f,v);t.template&&(N=r.getJSXElement(t.template,t,{onClick:function(e){return I(e,t)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:p,iconClassName:d,element:N,props:c,leaf:!t.items,active:u}));return e.createElement("div",{key:o,className:m,style:t.style},e.createElement("div",{className:s,style:t.style},N),e.createElement(n,{nodeRef:y,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:A,disabled:P,in:u,unmountOnExit:!0,options:c.transitionOptions},e.createElement("div",{ref:y,className:g,role:"region",id:w,"aria-labelledby":k},e.createElement("div",{className:"p-panelmenu-content"},e.createElement(h,{menuProps:c,model:t.items,className:"p-panelmenu-root-submenu",multiple:c.multiple})))))},R=N.getOtherProps(c),D=a("p-panelmenu p-component",c.className),J=c.model?c.model.map(_):null;return e.createElement("div",u({id:c.id,ref:O,className:D,style:c.style},R),J)})));E.displayName="PanelMenu";export{E as PanelMenu};
+import*as e from"react";import{CSSTransition as n}from"primereact/csstransition";import{useMountEffect as t,useUpdateEffect as l}from"primereact/hooks";import{ObjectUtils as r,classNames as a,IconUtils as o,UniqueComponentId as i}from"primereact/utils";import{ChevronRightIcon as u}from"primereact/icons/chevronright";import{ChevronDownIcon as m}from"primereact/icons/chevrondown";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},s.apply(this,arguments)}function c(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function p(e){if(Array.isArray(e))return c(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,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 b(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e){return p(e)||d(e)||f(e)||b()}function y(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 l,r,a,o,i=[],u=!0,m=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(l=a.call(t)).done)&&(i.push(l.value),i.length!==n);u=!0);}catch(e){m=!0,r=e}finally{try{if(!u&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(m)throw r}}return i}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,n){return y(e)||g(e,n)||f(e,n)||N()}var h={defaultProps:{__TYPE:"Panel",id:null,model:null,style:null,submenuIcon:null,className:null,multiple:!1,transitionOptions:null,children:void 0},getProps:function(e){return r.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,h.defaultProps)}},x=e.memo((function(l){var i=E(e.useState(null),2),s=i[0],c=i[1],p=function(){if(l.model){if(l.multiple)return l.model.filter((function(e){return e.expanded}));var e=null;return l.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},d=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=s;f(n)?(n.expanded=!1,c(l.multiple?t.filter((function(e){return e!==n})):null)):(!l.multiple&&t&&(t.expanded=!1),n.expanded=!0,c(l.multiple?[].concat(v(t||[]),[n]):n))}},f=function(e){return s&&(l.multiple?s.indexOf(e)>-1:s===e)};t((function(){c(p())}));var b=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator"})},y=function(t,r){var o=a("p-toggleable-content",{"p-toggleable-content-collapsed":!r}),i=e.createRef();return t.items?e.createElement(n,{nodeRef:i,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0},e.createElement("div",{ref:i,className:o},e.createElement(x,{menuProps:l.menuProps,model:t.items,multiple:l.multiple,submenuIcon:l.submenuIcon}))):null},g=function(n,t){if(!1===n.visible)return null;var i=n.label+"_"+t,s=f(n),c=a("p-menuitem",n.className),p=a("p-menuitem-link",{"p-disabled":n.disabled}),b=a("p-menuitem-icon",n.icon),v=o.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:l.menuProps}),g=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),N="p-panelmenu-icon",E=n.items&&o.getJSXIcon(s?l.submenuIcon||e.createElement(m,{className:N}):l.submenuIcon||e.createElement(u,{className:N})),h=y(n,s),x=e.createElement("a",{href:n.url||"#",className:p,target:n.target,onClick:function(e){return d(e,n)},role:"menuitem","aria-disabled":n.disabled},E,v,g);n.template&&(x=r.getJSXElement(n.template,n,{onClick:function(e){return d(e,n)},className:p,labelClassName:"p-menuitem-text",iconClassName:b,submenuIconClassName:N,element:x,props:l,leaf:!n.items,active:s}));return e.createElement("li",{key:i,id:n.id,className:c,style:n.style,role:"none"},x,h)},N=function(e,n){return e.separator?b(n):g(e,n)},h=a("p-submenu-list",l.className),I=l.model?l.model.map(N):null;return e.createElement("ul",{className:h,role:"tree"},I)}));x.displayName="PanelMenuSub";var I=e.memo(e.forwardRef((function(c,p){var d=h.getProps(c),f=E(e.useState(d.id),2),b=f[0],y=f[1],g=E(e.useState(null),2),N=g[0],I=g[1],S=E(e.useState(!1),2),P=S[0],O=S[1],k=e.useRef(null),C=b+"_header",j=b+"_content",w=function(){if(d.model){if(d.multiple)return d.model.filter((function(e){return e.expanded}));var e=null;return d.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},A=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=N;_(n)?(n.expanded=!1,I(d.multiple?t.filter((function(e){return e!==n})):null)):(!d.multiple&&t&&(t.expanded=!1),n.expanded=!0,I(d.multiple?[].concat(v(t||[]),[n]):n))}},_=function(e){return N&&(d.multiple?N.indexOf(e)>-1:N===e)};e.useImperativeHandle(p,(function(){return{props:d,getElement:function(){return k.current}}})),t((function(){b||y(i()),I(w())})),l((function(){O(!0),I(w())}),[d.model]);var J=function(){O(!1)},R=function(t,l){if(!1===t.visible)return null;var i=t.label+"_"+l,s=_(t),c=a("p-panelmenu-panel",t.className),p=a("p-component p-panelmenu-header",{"p-highlight":s,"p-disabled":t.disabled}),f=a("p-menuitem-icon",t.icon),b=o.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:d}),v="p-panelmenu-icon",y=t.items&&o.getJSXIcon(s?d.submenuIcon||e.createElement(m,{className:v}):d.submenuIcon||e.createElement(u,{className:v})),g=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),N=a("p-toggleable-content",{"p-toggleable-content-collapsed":!s}),E=e.createRef(),h=e.createElement("a",{href:t.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return A(e,t)},"aria-expanded":s,id:C,"aria-controls":j,"aria-disabled":t.disabled},y,b,g);t.template&&(h=r.getJSXElement(t.template,t,{onClick:function(e){return A(e,t)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:v,iconClassName:f,element:h,props:d,leaf:!t.items,active:s}));return e.createElement("div",{key:i,className:c,style:t.style},e.createElement("div",{className:p,style:t.style},h),e.createElement(n,{nodeRef:E,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:J,disabled:P,in:s,unmountOnExit:!0,options:d.transitionOptions},e.createElement("div",{ref:E,className:N,role:"region",id:j,"aria-labelledby":C},e.createElement("div",{className:"p-panelmenu-content"},e.createElement(x,{menuProps:d,model:t.items,className:"p-panelmenu-root-submenu",multiple:d.multiple,submenuIcon:d.submenuIcon})))))},X=h.getOtherProps(d),D=a("p-panelmenu p-component",d.className),M=d.model?d.model.map(R):null;return e.createElement("div",s({id:d.id,ref:k,className:D,style:d.style},X),M)})));I.displayName="PanelMenu";export{I as PanelMenu};

package/panelmenu/panelmenu.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.panelmenu = (function (exports, React, csstransition, hooks, utils) {
+this.primereact.panelmenu = (function (exports, React, csstransition, hooks, utils, chevronright, chevrondown) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -114,6 +114,7 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
       id: null,
       model: null,
       style: null,
+      submenuIcon: null,
       className: null,
       multiple: false,
       transitionOptions: null,
@@ -213,7 +214,8 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
         }, /*#__PURE__*/React__namespace.createElement(PanelMenuSub, {
           menuProps: props.menuProps,
           model: item.items,
-          multiple: props.multiple
+          multiple: props.multiple,
+          submenuIcon: props.submenuIcon
         })));
       }
       return null;
@@ -229,10 +231,6 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
         'p-disabled': item.disabled
       });
       var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
-      var submenuIconClassName = utils.classNames('p-panelmenu-icon pi pi-fw', {
-        'pi-angle-right': !active,
-        'pi-angle-down': active
-      });
       var icon = utils.IconUtils.getJSXIcon(item.icon, {
         className: 'p-menuitem-icon'
       }, {
@@ -241,9 +239,12 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
       var label = item.label && /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-menuitem-text"
       }, item.label);
-      var submenuIcon = item.items && /*#__PURE__*/React__namespace.createElement("span", {
+      var submenuIconClassName = 'p-panelmenu-icon';
+      var submenuIcon = item.items && utils.IconUtils.getJSXIcon(active ? props.submenuIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, {
         className: submenuIconClassName
-      });
+      }) : props.submenuIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, {
+        className: submenuIconClassName
+      }));
       var submenu = createSubmenu(item, active);
       var content = /*#__PURE__*/React__namespace.createElement("a", {
         href: item.url || '#',
@@ -393,19 +394,18 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
         'p-highlight': active,
         'p-disabled': item.disabled
       });
-      var submenuIconClassName = utils.classNames('p-panelmenu-icon pi', {
-        'pi-chevron-right': !active,
-        ' pi-chevron-down': active
-      });
       var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
       var icon = utils.IconUtils.getJSXIcon(item.icon, {
         className: 'p-menuitem-icon'
       }, {
         props: props
       });
-      var submenuIcon = item.items && /*#__PURE__*/React__namespace.createElement("span", {
+      var submenuIconClassName = 'p-panelmenu-icon';
+      var submenuIcon = item.items && utils.IconUtils.getJSXIcon(active ? props.submenuIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, {
         className: submenuIconClassName
-      });
+      }) : props.submenuIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, {
+        className: submenuIconClassName
+      }));
       var label = item.label && /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-menuitem-text"
       }, item.label);
@@ -471,7 +471,8 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
         menuProps: props,
         model: item.items,
         className: "p-panelmenu-root-submenu",
-        multiple: props.multiple
+        multiple: props.multiple,
+        submenuIcon: props.submenuIcon
       })))));
     };
     var createPanels = function createPanels() {
@@ -495,4 +496,4 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
 
   return exports;
 
-})({}, React, primereact.csstransition, primereact.hooks, primereact.utils);
+})({}, React, primereact.csstransition, primereact.hooks, primereact.utils, primereact.icons/chevronright, primereact.icons/chevrondown);

package/panelmenu/panelmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.panelmenu=function(e,t,n,l,a){"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 l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=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 l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},o.apply(this,arguments)}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function u(e){if(Array.isArray(e))return s(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return u(e)||c(e)||m(e)||p()}function f(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r,i,o=[],s=!0,u=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(l=r.call(n)).done)&&(o.push(l.value),o.length!==t);s=!0);}catch(e){u=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return o}}function v(){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 y(e,t){return f(e)||b(e,t)||m(e,t)||v()}var g={defaultProps:{__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,g.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,g.defaultProps)}},N=i.memo((function(e){var t=y(i.useState(null),2),r=t[0],o=t[1],s=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},u=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var l=r;c(n)?(n.expanded=!1,o(e.multiple?l.filter((function(e){return e!==n})):null)):(!e.multiple&&l&&(l.expanded=!1),n.expanded=!0,o(e.multiple?[].concat(d(l||[]),[n]):n))}},c=function(t){return r&&(e.multiple?r.indexOf(t)>-1:r===t)};l.useMountEffect((function(){o(s())}));var m=function(e){return i.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},p=function(t,l){var r=a.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!l}),o=i.createRef();return t.items?i.createElement(n.CSSTransition,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:l,unmountOnExit:!0},i.createElement("div",{ref:o,className:r},i.createElement(N,{menuProps:e.menuProps,model:t.items,multiple:e.multiple}))):null},f=function(t,n){if(!1===t.visible)return null;var l=t.label+"_"+n,r=c(t),o=a.classNames("p-menuitem",t.className),s=a.classNames("p-menuitem-link",{"p-disabled":t.disabled}),m=a.classNames("p-menuitem-icon",t.icon),d=a.classNames("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!r,"pi-angle-down":r}),f=a.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&i.createElement("span",{className:"p-menuitem-text"},t.label),v=t.items&&i.createElement("span",{className:d}),y=p(t,r),g=i.createElement("a",{href:t.url||"#",className:s,target:t.target,onClick:function(e){return u(e,t)},role:"menuitem","aria-disabled":t.disabled},v,f,b);t.template&&(g=a.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:m,submenuIconClassName:d,element:g,props:e,leaf:!t.items,active:r}));return i.createElement("li",{key:l,id:t.id,className:o,style:t.style,role:"none"},g,y)},b=function(e,t){return e.separator?m(t):f(e,t)},v=a.classNames("p-submenu-list",e.className),g=e.model?e.model.map(b):null;return i.createElement("ul",{className:v,role:"tree"},g)}));N.displayName="PanelMenuSub";var h=i.memo(i.forwardRef((function(e,t){var r=g.getProps(e),s=y(i.useState(r.id),2),u=s[0],c=s[1],m=y(i.useState(null),2),p=m[0],f=m[1],b=y(i.useState(!1),2),v=b[0],h=b[1],E=i.useRef(null),O=u+"_header",x=u+"_content",P=function(){if(r.model){if(r.multiple)return r.model.filter((function(e){return e.expanded}));var e=null;return r.model.forEach((function(t){t.expanded&&(e?t.expanded=!1:e=t)})),e}return null},S=function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var n=p;j(t)?(t.expanded=!1,f(r.multiple?n.filter((function(e){return e!==t})):null)):(!r.multiple&&n&&(n.expanded=!1),t.expanded=!0,f(r.multiple?[].concat(d(n||[]),[t]):t))}},j=function(e){return p&&(r.multiple?p.indexOf(e)>-1:p===e)};i.useImperativeHandle(t,(function(){return{props:r,getElement:function(){return E.current}}})),l.useMountEffect((function(){u||c(a.UniqueComponentId()),f(P())})),l.useUpdateEffect((function(){h(!0),f(P())}),[r.model]);var C=function(){h(!1)},I=function(e,t){if(!1===e.visible)return null;var l=e.label+"_"+t,o=j(e),s=a.classNames("p-panelmenu-panel",e.className),u=a.classNames("p-component p-panelmenu-header",{"p-highlight":o,"p-disabled":e.disabled}),c=a.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!o," pi-chevron-down":o}),m=a.classNames("p-menuitem-icon",e.icon),p=a.IconUtils.getJSXIcon(e.icon,{className:"p-menuitem-icon"},{props:r}),d=e.items&&i.createElement("span",{className:c}),f=e.label&&i.createElement("span",{className:"p-menuitem-text"},e.label),b=a.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!o}),y=i.createRef(),g=i.createElement("a",{href:e.url||"#",className:"p-panelmenu-header-link",onClick:function(t){return S(t,e)},"aria-expanded":o,id:O,"aria-controls":x,"aria-disabled":e.disabled},d,p,f);e.template&&(g=a.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return S(t,e)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:c,iconClassName:m,element:g,props:r,leaf:!e.items,active:o}));return i.createElement("div",{key:l,className:s,style:e.style},i.createElement("div",{className:u,style:e.style},g),i.createElement(n.CSSTransition,{nodeRef:y,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:C,disabled:v,in:o,unmountOnExit:!0,options:r.transitionOptions},i.createElement("div",{ref:y,className:b,role:"region",id:x,"aria-labelledby":O},i.createElement("div",{className:"p-panelmenu-content"},i.createElement(N,{menuProps:r,model:e.items,className:"p-panelmenu-root-submenu",multiple:r.multiple})))))},k=g.getOtherProps(r),w=a.classNames("p-panelmenu p-component",r.className),_=r.model?r.model.map(I):null;return i.createElement("div",o({id:r.id,ref:E,className:w,style:r.style},k),_)})));return h.displayName="PanelMenu",e.PanelMenu=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.panelmenu=function(e,n,t,l,r,a,i){"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 l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var u=o(n);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},s.apply(this,arguments)}function c(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function m(e){if(Array.isArray(e))return c(e)}function p(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 f(){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 b(e){return m(e)||p(e)||d(e)||f()}function v(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 l,r,a,i,o=[],u=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(l=a.call(t)).done)&&(o.push(l.value),o.length!==n);u=!0);}catch(e){s=!0,r=e}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(s)throw r}}return o}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,n){return v(e)||g(e,n)||d(e,n)||y()}var h={defaultProps:{__TYPE:"Panel",id:null,model:null,style:null,submenuIcon:null,className:null,multiple:!1,transitionOptions:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,h.defaultProps)}},E=u.memo((function(e){var n=N(u.useState(null),2),o=n[0],s=n[1],c=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var n=null;return e.model.forEach((function(e){e.expanded&&(n?e.expanded=!1:n=e)})),n}return null},m=function(n,t){if(t.disabled)n.preventDefault();else{t.url||n.preventDefault(),t.command&&t.command({originalEvent:n,item:t});var l=o;p(t)?(t.expanded=!1,s(e.multiple?l.filter((function(e){return e!==t})):null)):(!e.multiple&&l&&(l.expanded=!1),t.expanded=!0,s(e.multiple?[].concat(b(l||[]),[t]):t))}},p=function(n){return o&&(e.multiple?o.indexOf(n)>-1:o===n)};l.useMountEffect((function(){s(c())}));var d=function(e){return u.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},f=function(n,l){var a=r.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!l}),i=u.createRef();return n.items?u.createElement(t.CSSTransition,{nodeRef:i,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:l,unmountOnExit:!0},u.createElement("div",{ref:i,className:a},u.createElement(E,{menuProps:e.menuProps,model:n.items,multiple:e.multiple,submenuIcon:e.submenuIcon}))):null},v=function(n,t){if(!1===n.visible)return null;var l=n.label+"_"+t,o=p(n),s=r.classNames("p-menuitem",n.className),c=r.classNames("p-menuitem-link",{"p-disabled":n.disabled}),d=r.classNames("p-menuitem-icon",n.icon),b=r.IconUtils.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),v=n.label&&u.createElement("span",{className:"p-menuitem-text"},n.label),g="p-panelmenu-icon",y=n.items&&r.IconUtils.getJSXIcon(o?e.submenuIcon||u.createElement(i.ChevronDownIcon,{className:g}):e.submenuIcon||u.createElement(a.ChevronRightIcon,{className:g})),N=f(n,o),h=u.createElement("a",{href:n.url||"#",className:c,target:n.target,onClick:function(e){return m(e,n)},role:"menuitem","aria-disabled":n.disabled},y,b,v);n.template&&(h=r.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return m(e,n)},className:c,labelClassName:"p-menuitem-text",iconClassName:d,submenuIconClassName:g,element:h,props:e,leaf:!n.items,active:o}));return u.createElement("li",{key:l,id:n.id,className:s,style:n.style,role:"none"},h,N)},g=function(e,n){return e.separator?d(n):v(e,n)},y=r.classNames("p-submenu-list",e.className),h=e.model?e.model.map(g):null;return u.createElement("ul",{className:y,role:"tree"},h)}));E.displayName="PanelMenuSub";var I=u.memo(u.forwardRef((function(e,n){var o=h.getProps(e),c=N(u.useState(o.id),2),m=c[0],p=c[1],d=N(u.useState(null),2),f=d[0],v=d[1],g=N(u.useState(!1),2),y=g[0],I=g[1],O=u.useRef(null),x=m+"_header",S=m+"_content",P=function(){if(o.model){if(o.multiple)return o.model.filter((function(e){return e.expanded}));var e=null;return o.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},j=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=f;C(n)?(n.expanded=!1,v(o.multiple?t.filter((function(e){return e!==n})):null)):(!o.multiple&&t&&(t.expanded=!1),n.expanded=!0,v(o.multiple?[].concat(b(t||[]),[n]):n))}},C=function(e){return f&&(o.multiple?f.indexOf(e)>-1:f===e)};u.useImperativeHandle(n,(function(){return{props:o,getElement:function(){return O.current}}})),l.useMountEffect((function(){m||p(r.UniqueComponentId()),v(P())})),l.useUpdateEffect((function(){I(!0),v(P())}),[o.model]);var k=function(){I(!1)},w=function(e,n){if(!1===e.visible)return null;var l=e.label+"_"+n,s=C(e),c=r.classNames("p-panelmenu-panel",e.className),m=r.classNames("p-component p-panelmenu-header",{"p-highlight":s,"p-disabled":e.disabled}),p=r.classNames("p-menuitem-icon",e.icon),d=r.IconUtils.getJSXIcon(e.icon,{className:"p-menuitem-icon"},{props:o}),f="p-panelmenu-icon",b=e.items&&r.IconUtils.getJSXIcon(s?o.submenuIcon||u.createElement(i.ChevronDownIcon,{className:f}):o.submenuIcon||u.createElement(a.ChevronRightIcon,{className:f})),v=e.label&&u.createElement("span",{className:"p-menuitem-text"},e.label),g=r.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!s}),N=u.createRef(),h=u.createElement("a",{href:e.url||"#",className:"p-panelmenu-header-link",onClick:function(n){return j(n,e)},"aria-expanded":s,id:x,"aria-controls":S,"aria-disabled":e.disabled},b,d,v);e.template&&(h=r.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return j(n,e)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:f,iconClassName:p,element:h,props:o,leaf:!e.items,active:s}));return u.createElement("div",{key:l,className:c,style:e.style},u.createElement("div",{className:m,style:e.style},h),u.createElement(t.CSSTransition,{nodeRef:N,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:k,disabled:y,in:s,unmountOnExit:!0,options:o.transitionOptions},u.createElement("div",{ref:N,className:g,role:"region",id:S,"aria-labelledby":x},u.createElement("div",{className:"p-panelmenu-content"},u.createElement(E,{menuProps:o,model:e.items,className:"p-panelmenu-root-submenu",multiple:o.multiple,submenuIcon:o.submenuIcon})))))},U=h.getOtherProps(o),_=r.classNames("p-panelmenu p-component",o.className),A=o.model?o.model.map(w):null;return u.createElement("div",s({id:o.id,ref:O,className:_,style:o.style},U),A)})));return I.displayName="PanelMenu",e.PanelMenu=I,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.hooks,primereact.utils,primereact.icons/chevronright,primereact.icons/chevrondown);

package/password/password.cjs.js

@@ -10,6 +10,8 @@ var inputtext = require('primereact/inputtext');
 var overlayservice = require('primereact/overlayservice');
 var portal = require('primereact/portal');
 var utils = require('primereact/utils');
+var eye = require('primereact/icons/eye');
+var eyeslash = require('primereact/icons/eyeslash');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -122,6 +124,8 @@ var PasswordBase = {
     header: null,
     content: null,
     footer: null,
+    showIcon: null,
+    hideIcon: null,
     icon: null,
     tooltip: null,
     tooltipOptions: null,
@@ -358,16 +362,27 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     utils.ZIndexUtils.clear(overlayRef.current);
   });
   var createIcon = function createIcon() {
+    var icon;
+    if (unmaskedState) {
+      icon = props.hideIcon || /*#__PURE__*/React__namespace.createElement(eyeslash.EyeSlashIcon, null);
+    } else {
+      icon = props.showIcon || /*#__PURE__*/React__namespace.createElement(eye.EyeIcon, null);
+    }
+    var hideIcon = utils.IconUtils.getJSXIcon(icon, undefined, {
+      props: props
+    });
+    var showIcon = utils.IconUtils.getJSXIcon(icon, undefined, {
+      props: props
+    });
+    var eyeIcons = hideIcon || showIcon;
     if (props.toggleMask) {
-      var iconClassName = unmaskedState ? 'pi pi-eye-slash' : 'pi pi-eye';
       var content = /*#__PURE__*/React__namespace.createElement("i", {
-        className: iconClassName,
         onClick: onMaskToggle
-      });
+      }, " ", eyeIcons, " ");
       if (props.icon) {
         var defaultIconOptions = {
           onClick: onMaskToggle,
-          className: iconClassName,
+          className: className,
           element: content,
           props: props
         };
@@ -451,7 +466,9 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onKeyUp: onKeyup,
     onInput: onInput,
     tooltip: props.tooltip,
-    tooltipOptions: props.tooltipOptions
+    tooltipOptions: props.tooltipOptions,
+    hideIcon: props.hideIcon,
+    showIcon: props.showIcon
   })), icon, panel);
 }));
 Password.displayName = 'Password';

package/password/password.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),l=require("primereact/inputtext"),a=require("primereact/overlayservice"),o=require("primereact/portal"),u=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(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 c=s(e),p=i(t);function f(){return f=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},f.apply(this,arguments)}function d(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,a,o,u=[],i=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=a.call(n)).done)&&(u.push(r.value),u.length!==t);i=!0);}catch(e){s=!0,l=e}finally{try{if(!i&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw l}}return u}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){if(e){if("string"==typeof e)return g(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}function 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 v(e,t){return d(e)||m(e,t)||y(e,t)||b()}var w={defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,onInput: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)}},h=c.memo(c.forwardRef((function(e,i){var s=w.getProps(e),d=s.promptLabel||t.localeOption("passwordPrompt"),m=s.weakLabel||t.localeOption("weak"),g=s.mediumLabel||t.localeOption("medium"),y=s.strongLabel||t.localeOption("strong"),b=v(c.useState(!1),2),h=b[0],O=b[1],E=v(c.useState(null),2),x=E[0],j=E[1],k=v(c.useState(d),2),S=k[0],R=k[1],N=v(c.useState(!1),2),P=N[0],U=N[1],I=v(c.useState(!1),2),C=I[0],H=I[1],A=c.useRef(null),L=c.useRef(null),T=c.useRef(s.inputRef),q=c.useRef(new RegExp(s.mediumRegex)),D=c.useRef(new RegExp(s.strongRegex)),M=C?"text":"password",Z=v(r.useOverlayListener({target:A,overlay:L,listener:function(e,t){t.valid&&Y()},when:h}),2),_=Z[0],z=Z[1],F=T.current&&T.current.value,J=c.useMemo((function(){return u.ObjectUtils.isNotEmpty(s.value)||u.ObjectUtils.isNotEmpty(s.defaultValue)||u.ObjectUtils.isNotEmpty(F)}),[s.value,s.defaultValue,F]),X=function(){if(x){var e=null;switch(x.strength){case"weak":e=m;break;case"medium":e=g;break;case"strong":e=y}e&&S!==e&&R(e)}else S!==d&&R(d)},B=function(e){s.feedback&&a.OverlayService.emit("overlay-click",{originalEvent:e,target:A.current})},K=function(){H((function(e){return!e}))},V=function(){X(),O(!0)},Y=function(){O(!1)},$=function(){u.ZIndexUtils.set("overlay",L.current,p.default.autoZIndex,p.default.zIndex.overlay),T.current&&u.DomHandler.alignOverlay(L.current,T.current.parentElement,s.appendTo||p.default.appendTo)},G=function(){_(),s.onShow&&s.onShow()},Q=function(){z()},W=function(){u.ZIndexUtils.clear(L.current),s.onHide&&s.onHide()},ee=function(e){return D.current.test(e)?3:q.current.test(e)?2:e.length?1:0};c.useImperativeHandle(i,(function(){return{props:s,focus:function(){return u.DomHandler.focus(T.current)},getElement:function(){return A.current},getOverlay:function(){return L.current},getInput:function(){return T.current}}})),c.useEffect((function(){u.ObjectUtils.combinedRefs(T,s.inputRef)}),[T,s.inputRef]),c.useEffect((function(){q.current=new RegExp(s.mediumRegex)}),[s.mediumRegex]),c.useEffect((function(){D.current=new RegExp(s.strongRegex)}),[s.strongRegex]),c.useEffect((function(){!J&&u.DomHandler.hasClass(A.current,"p-inputwrapper-filled")&&u.DomHandler.removeClass(A.current,"p-inputwrapper-filled")}),[J]),r.useUnmountEffect((function(){u.ZIndexUtils.clear(L.current)}));var te,ne,re,le,ae,oe,ue,ie=u.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":J,"p-inputwrapper-focus":P,"p-input-icon-right":s.toggleMask},s.className),se=u.classNames("p-password-input",s.inputClassName),ce=w.getOtherProps(s),pe=function(){if(s.toggleMask){var e=C?"pi pi-eye-slash":"pi pi-eye",t=c.createElement("i",{className:e,onClick:K});if(s.icon)t=u.ObjectUtils.getJSXElement(s.icon,{onClick:K,className:e,element:t,props:s});return t}return null}(),fe=(te=u.classNames("p-password-panel p-component",s.panelClassName,{"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple}),re=(ne=x||{strength:"",width:"0%"}).strength,le=ne.width,ae=u.ObjectUtils.getJSXElement(s.header,s),oe=u.ObjectUtils.getJSXElement(s.footer,s),ue=s.content?u.ObjectUtils.getJSXElement(s.content,s):c.createElement(c.Fragment,null,c.createElement("div",{className:"p-password-meter"},c.createElement("div",{className:"p-password-strength ".concat(re),style:{width:le}})),c.createElement("div",{className:"p-password-info ".concat(re)},S)),c.createElement(o.Portal,{element:c.createElement(n.CSSTransition,{nodeRef:L,classNames:"p-connected-overlay",in:h,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:$,onEntered:G,onExit:Q,onExited:W},c.createElement("div",{ref:L,className:te,style:s.panelStyle,onClick:B},ae,ue,oe)),appendTo:s.appendTo}));return c.createElement("div",{ref:A,id:s.id,className:ie,style:s.style},c.createElement(l.InputText,f({ref:T,id:s.inputId},ce,{type:M,className:se,style:s.inputStyle,onFocus:function(e){U(!0),s.feedback&&V(),s.onFocus&&s.onFocus(e)},onBlur:function(e){U(!1),s.feedback&&Y(),s.onBlur&&s.onBlur(e)},onKeyUp:function(e){var t=e.keyCode||e.which;if(s.feedback){var n=null,r=null;switch(ee(e.target.value)){case 1:n=m,r={strength:"weak",width:"33.33%"};break;case 2:n=g,r={strength:"medium",width:"66.66%"};break;case 3:n=y,r={strength:"strong",width:"100%"};break;default:n=d,r=null}j(r),R(n),t&&!h&&V()}s.onKeyUp&&s.onKeyUp(e)},onInput:function(e,t){s.onInput&&s.onInput(e,t),s.onChange||(u.ObjectUtils.isNotEmpty(e.target.value)?u.DomHandler.addClass(A.current,"p-inputwrapper-filled"):u.DomHandler.removeClass(A.current,"p-inputwrapper-filled"))},tooltip:s.tooltip,tooltipOptions:s.tooltipOptions})),pe,fe)})));h.displayName="Password",exports.Password=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),l=require("primereact/inputtext"),o=require("primereact/overlayservice"),a=require("primereact/portal"),u=require("primereact/utils"),i=require("primereact/icons/eye"),s=require("primereact/icons/eyeslash");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=p(e),d=c(t);function m(){return m=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},m.apply(this,arguments)}function g(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,u=[],i=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);i=!0);}catch(e){s=!0,l=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return u}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function v(){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 w(e,t){return g(e)||y(e,t)||h(e,t)||v()}var E={defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,showIcon:null,hideIcon:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,onInput:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return u.ObjectUtils.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return u.ObjectUtils.getDiffProps(e,E.defaultProps)}},O=f.memo(f.forwardRef((function(e,c){var p=E.getProps(e),g=p.promptLabel||t.localeOption("passwordPrompt"),y=p.weakLabel||t.localeOption("weak"),b=p.mediumLabel||t.localeOption("medium"),h=p.strongLabel||t.localeOption("strong"),v=w(f.useState(!1),2),O=v[0],I=v[1],S=w(f.useState(null),2),x=S[0],j=S[1],k=w(f.useState(g),2),R=k[0],N=k[1],U=w(f.useState(!1),2),P=U[0],C=U[1],q=w(f.useState(!1),2),H=q[0],A=q[1],L=f.useRef(null),T=f.useRef(null),D=f.useRef(p.inputRef),M=f.useRef(new RegExp(p.mediumRegex)),Z=f.useRef(new RegExp(p.strongRegex)),J=H?"text":"password",X=w(r.useOverlayListener({target:L,overlay:T,listener:function(e,t){t.valid&&G()},when:O}),2),_=X[0],z=X[1],F=D.current&&D.current.value,B=f.useMemo((function(){return u.ObjectUtils.isNotEmpty(p.value)||u.ObjectUtils.isNotEmpty(p.defaultValue)||u.ObjectUtils.isNotEmpty(F)}),[p.value,p.defaultValue,F]),K=function(){if(x){var e=null;switch(x.strength){case"weak":e=y;break;case"medium":e=b;break;case"strong":e=h}e&&R!==e&&N(e)}else R!==g&&N(g)},V=function(e){p.feedback&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:L.current})},Y=function(){A((function(e){return!e}))},$=function(){K(),I(!0)},G=function(){I(!1)},Q=function(){u.ZIndexUtils.set("overlay",T.current,d.default.autoZIndex,d.default.zIndex.overlay),D.current&&u.DomHandler.alignOverlay(T.current,D.current.parentElement,p.appendTo||d.default.appendTo)},W=function(){_(),p.onShow&&p.onShow()},ee=function(){z()},te=function(){u.ZIndexUtils.clear(T.current),p.onHide&&p.onHide()},ne=function(e){return Z.current.test(e)?3:M.current.test(e)?2:e.length?1:0};f.useImperativeHandle(c,(function(){return{props:p,focus:function(){return u.DomHandler.focus(D.current)},getElement:function(){return L.current},getOverlay:function(){return T.current},getInput:function(){return D.current}}})),f.useEffect((function(){u.ObjectUtils.combinedRefs(D,p.inputRef)}),[D,p.inputRef]),f.useEffect((function(){M.current=new RegExp(p.mediumRegex)}),[p.mediumRegex]),f.useEffect((function(){Z.current=new RegExp(p.strongRegex)}),[p.strongRegex]),f.useEffect((function(){!B&&u.DomHandler.hasClass(L.current,"p-inputwrapper-filled")&&u.DomHandler.removeClass(L.current,"p-inputwrapper-filled")}),[B]),r.useUnmountEffect((function(){u.ZIndexUtils.clear(T.current)}));var re,le,oe,ae,ue,ie,se,ce=u.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":B,"p-inputwrapper-focus":P,"p-input-icon-right":p.toggleMask},p.className),pe=u.classNames("p-password-input",p.inputClassName),fe=E.getOtherProps(p),de=function(){var e,t=u.IconUtils.getJSXIcon(e=H?p.hideIcon||f.createElement(s.EyeSlashIcon,null):p.showIcon||f.createElement(i.EyeIcon,null),void 0,{props:p}),n=u.IconUtils.getJSXIcon(e,void 0,{props:p});if(p.toggleMask){var r=f.createElement("i",{onClick:Y}," ",t||n," ");if(p.icon)r=u.ObjectUtils.getJSXElement(p.icon,{onClick:Y,className:ce,element:r,props:p});return r}return null}(),me=(re=u.classNames("p-password-panel p-component",p.panelClassName,{"p-input-filled":"filled"===d.default.inputStyle,"p-ripple-disabled":!1===d.default.ripple}),oe=(le=x||{strength:"",width:"0%"}).strength,ae=le.width,ue=u.ObjectUtils.getJSXElement(p.header,p),ie=u.ObjectUtils.getJSXElement(p.footer,p),se=p.content?u.ObjectUtils.getJSXElement(p.content,p):f.createElement(f.Fragment,null,f.createElement("div",{className:"p-password-meter"},f.createElement("div",{className:"p-password-strength ".concat(oe),style:{width:ae}})),f.createElement("div",{className:"p-password-info ".concat(oe)},R)),f.createElement(a.Portal,{element:f.createElement(n.CSSTransition,{nodeRef:T,classNames:"p-connected-overlay",in:O,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntered:W,onExit:ee,onExited:te},f.createElement("div",{ref:T,className:re,style:p.panelStyle,onClick:V},ue,se,ie)),appendTo:p.appendTo}));return f.createElement("div",{ref:L,id:p.id,className:ce,style:p.style},f.createElement(l.InputText,m({ref:D,id:p.inputId},fe,{type:J,className:pe,style:p.inputStyle,onFocus:function(e){C(!0),p.feedback&&$(),p.onFocus&&p.onFocus(e)},onBlur:function(e){C(!1),p.feedback&&G(),p.onBlur&&p.onBlur(e)},onKeyUp:function(e){var t=e.keyCode||e.which;if(p.feedback){var n=null,r=null;switch(ne(e.target.value)){case 1:n=y,r={strength:"weak",width:"33.33%"};break;case 2:n=b,r={strength:"medium",width:"66.66%"};break;case 3:n=h,r={strength:"strong",width:"100%"};break;default:n=g,r=null}j(r),N(n),t&&!O&&$()}p.onKeyUp&&p.onKeyUp(e)},onInput:function(e,t){p.onInput&&p.onInput(e,t),p.onChange||(u.ObjectUtils.isNotEmpty(e.target.value)?u.DomHandler.addClass(L.current,"p-inputwrapper-filled"):u.DomHandler.removeClass(L.current,"p-inputwrapper-filled"))},tooltip:p.tooltip,tooltipOptions:p.tooltipOptions,hideIcon:p.hideIcon,showIcon:p.showIcon})),de,me)})));O.displayName="Password",exports.Password=O;

package/password/password.d.ts

@@ -12,6 +12,7 @@ import { CSSTransitionProps } from '../csstransition';
 import { InputText } from '../inputtext';
 import { KeyFilterType } from '../keyfilter/keyfilteroptions';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
+import { IconType } from '../utils/utils';
 
 /**
  * Custom icon event
@@ -58,6 +59,14 @@ export interface PasswordProps extends Omit<React.DetailedHTMLProps<React.InputH
      * Style class of the input field.
      */
     inputClassName?: string | undefined;
+    /**
+     * Hide icon template.
+     */
+    hideIcon?: IconType<PasswordProps> | undefined;
+    /**
+     * Show icon template.
+     */
+    showIcon?: IconType<PasswordProps> | undefined;
     /**
      * Text to prompt password entry.
      * @defaultValue Please enter a password

package/password/password.esm.js

@@ -5,7 +5,9 @@ import { useOverlayListener, useUnmountEffect } from 'primereact/hooks';
 import { InputText } from 'primereact/inputtext';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
-import { ObjectUtils, DomHandler, ZIndexUtils, classNames } from 'primereact/utils';
+import { ObjectUtils, DomHandler, ZIndexUtils, classNames, IconUtils } from 'primereact/utils';
+import { EyeIcon } from 'primereact/icons/eye';
+import { EyeSlashIcon } from 'primereact/icons/eyeslash';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -95,6 +97,8 @@ var PasswordBase = {
     header: null,
     content: null,
     footer: null,
+    showIcon: null,
+    hideIcon: null,
     icon: null,
     tooltip: null,
     tooltipOptions: null,
@@ -331,16 +335,27 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     ZIndexUtils.clear(overlayRef.current);
   });
   var createIcon = function createIcon() {
+    var icon;
+    if (unmaskedState) {
+      icon = props.hideIcon || /*#__PURE__*/React.createElement(EyeSlashIcon, null);
+    } else {
+      icon = props.showIcon || /*#__PURE__*/React.createElement(EyeIcon, null);
+    }
+    var hideIcon = IconUtils.getJSXIcon(icon, undefined, {
+      props: props
+    });
+    var showIcon = IconUtils.getJSXIcon(icon, undefined, {
+      props: props
+    });
+    var eyeIcons = hideIcon || showIcon;
     if (props.toggleMask) {
-      var iconClassName = unmaskedState ? 'pi pi-eye-slash' : 'pi pi-eye';
       var content = /*#__PURE__*/React.createElement("i", {
-        className: iconClassName,
         onClick: onMaskToggle
-      });
+      }, " ", eyeIcons, " ");
       if (props.icon) {
         var defaultIconOptions = {
           onClick: onMaskToggle,
-          className: iconClassName,
+          className: className,
           element: content,
           props: props
         };
@@ -424,7 +439,9 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     onKeyUp: onKeyup,
     onInput: onInput,
     tooltip: props.tooltip,
-    tooltipOptions: props.tooltipOptions
+    tooltipOptions: props.tooltipOptions,
+    hideIcon: props.hideIcon,
+    showIcon: props.showIcon
   })), icon, panel);
 }));
 Password.displayName = 'Password';