primereact 9.2.3 → 9.3.1

package/panel/panel.d.ts

@@ -108,12 +108,10 @@ export interface PanelProps extends Omit<React.DetailedHTMLProps<React.HTMLAttri
     collapsed?: boolean | undefined;
     /**
      * Icon of a expanded tab.
-     * @defaultValue pi pi-plus
      */
     expandIcon?: IconType<PanelProps> | undefined;
     /**
      * Icon of a collapsed tab.
-     * @defaultValue pi pi-minus
      */
     collapseIcon?: IconType<PanelProps> | undefined;
     /**

package/panel/panel.esm.js

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { CSSTransition } from 'primereact/csstransition';
 import { useMountEffect } from 'primereact/hooks';
+import { MinusIcon } from 'primereact/icons/minus';
+import { PlusIcon } from 'primereact/icons/plus';
 import { Ripple } from 'primereact/ripple';
 import { ObjectUtils, UniqueComponentId, classNames, IconUtils } from 'primereact/utils';
 
@@ -84,8 +86,8 @@ var PanelBase = {
     style: null,
     className: null,
     collapsed: null,
-    expandIcon: 'pi pi-plus',
-    collapseIcon: 'pi pi-minus',
+    expandIcon: null,
+    collapseIcon: null,
     icons: null,
     transitionOptions: null,
     onExpand: null,
@@ -162,7 +164,11 @@ var Panel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var createToggleIcon = function createToggleIcon() {
     if (props.toggleable) {
       var buttonId = idState + '_label';
-      var toggleIcon = collapsed ? props.expandIcon : props.collapseIcon;
+      var icon = collapsed ? props.expandIcon || /*#__PURE__*/React.createElement(PlusIcon, null) : props.collapseIcon || /*#__PURE__*/React.createElement(MinusIcon, null);
+      var toggleIcon = IconUtils.getJSXIcon(icon, undefined, {
+        props: props,
+        collapsed: collapsed
+      });
       return /*#__PURE__*/React.createElement("button", {
         className: "p-panel-header-icon p-panel-toggler p-link",
         onClick: toggle,
@@ -170,10 +176,7 @@ var Panel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
         "aria-controls": contentId,
         "aria-expanded": !collapsed,
         role: "tab"
-      }, IconUtils.getJSXIcon(toggleIcon, undefined, {
-        props: props,
-        collapsed: collapsed
-      }), /*#__PURE__*/React.createElement(Ripple, null));
+      }, toggleIcon, /*#__PURE__*/React.createElement(Ripple, null));
     }
     return null;
   };
@@ -197,7 +200,6 @@ var Panel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
         titleClassName: 'p-panel-title',
         iconsClassName: 'p-panel-icons',
         togglerClassName: 'p-panel-header-icon p-panel-toggler p-link',
-        togglerIconClassName: collapsed ? props.expandIcon : props.collapseIcon,
         onTogglerClick: toggle,
         titleElement: titleElement,
         iconsElement: iconsElement,

package/panel/panel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{CSSTransition as n}from"primereact/csstransition";import{useMountEffect as t}from"primereact/hooks";import{Ripple as l}from"primereact/ripple";import{ObjectUtils as r,UniqueComponentId as a,classNames as o,IconUtils as i}from"primereact/utils";function p(){return p=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},p.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function s(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,r,a,o,i=[],p=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;p=!1}else for(;!(p=(l=a.call(t)).done)&&(i.push(l.value),i.length!==n);p=!0);}catch(e){c=!0,r=e}finally{try{if(!p&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw r}}return i}}function u(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 g(e,n){if(e){if("string"==typeof e)return u(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)?u(e,n):void 0}}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.")}function d(e,n){return c(e)||s(e,n)||g(e,n)||m()}var f={defaultProps:{__TYPE:"Panel",id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,children:void 0},getProps:function(e){return r.getMergedProps(e,f.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,f.defaultProps)}},b=e.forwardRef((function(c,s){var u=f.getProps(c),g=d(e.useState(u.id),2),m=g[0],b=g[1],h=d(e.useState(u.collapsed),2),v=h[0],y=h[1],E=e.useRef(s),N=e.useRef(null),O=!!u.toggleable&&(u.onToggle?u.collapsed:v),P=m+"_header",I=m+"_content",T=function(e){u.toggleable&&(O?x(e):C(e),u.onToggle&&u.onToggle({originalEvent:e,value:!O})),e.preventDefault()},x=function(e){u.onToggle||y(!1),u.onExpand&&u.onExpand(e)},C=function(e){u.onToggle||y(!0),u.onCollapse&&u.onCollapse(e)};e.useImperativeHandle(s,(function(){return{props:u,getElement:function(){return E.current},getContent:function(){return N.current}}})),e.useEffect((function(){r.combinedRefs(E,s)}),[E,s]),t((function(){m||b(a())}));var S=f.getOtherProps(u),j=o("p-panel p-component",{"p-panel-toggleable":u.toggleable},u.className),w=function(){var n=r.getJSXElement(u.header,u),t=r.getJSXElement(u.icons,u),a=u.toggleable?e.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:T,id:m+"_label","aria-controls":I,"aria-expanded":!O,role:"tab"},i.getJSXIcon(O?u.expandIcon:u.collapseIcon,void 0,{props:u,collapsed:O}),e.createElement(l,null)):null,o=e.createElement("span",{className:"p-panel-title",id:P},n),p=e.createElement("div",{className:"p-panel-icons"},t,a),c=e.createElement("div",{className:"p-panel-header"},o,p);return u.headerTemplate?r.getJSXElement(u.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:O?u.expandIcon:u.collapseIcon,onTogglerClick:T,titleElement:o,iconsElement:p,togglerElement:a,element:c,props:u,collapsed:O}):u.header||u.toggleable?c:null}(),A=e.createElement(n,{nodeRef:N,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!O,unmountOnExit:!0,options:u.transitionOptions},e.createElement("div",{ref:N,className:"p-toggleable-content","aria-hidden":O,role:"region",id:I,"aria-labelledby":P},e.createElement("div",{className:"p-panel-content"},u.children)));return e.createElement("div",p({id:u.id,ref:E,className:j,style:u.style},S),w,A)}));b.displayName="Panel";export{b as Panel};
+import*as e from"react";import{CSSTransition as n}from"primereact/csstransition";import{useMountEffect as t}from"primereact/hooks";import{MinusIcon as l}from"primereact/icons/minus";import{PlusIcon as r}from"primereact/icons/plus";import{Ripple as a}from"primereact/ripple";import{ObjectUtils as o,UniqueComponentId as i,classNames as c,IconUtils as p}from"primereact/utils";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 u(e){if(Array.isArray(e))return e}function m(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,r,a,o,i=[],c=!0,p=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(l=a.call(t)).done)&&(i.push(l.value),i.length!==n);c=!0);}catch(e){p=!0,r=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(p)throw r}}return i}}function g(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 f(e,n){if(e){if("string"==typeof e)return g(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)?g(e,n):void 0}}function d(){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 b(e,n){return u(e)||m(e,n)||f(e,n)||d()}var h={defaultProps:{__TYPE:"Panel",id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:null,collapseIcon:null,icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,children:void 0},getProps:function(e){return o.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return o.getDiffProps(e,h.defaultProps)}},v=e.forwardRef((function(u,m){var g=h.getProps(u),f=b(e.useState(g.id),2),d=f[0],v=f[1],E=b(e.useState(g.collapsed),2),y=E[0],N=E[1],O=e.useRef(m),P=e.useRef(null),T=!!g.toggleable&&(g.onToggle?g.collapsed:y),S=d+"_header",x=d+"_content",C=function(e){g.toggleable&&(T?I(e):j(e),g.onToggle&&g.onToggle({originalEvent:e,value:!T})),e.preventDefault()},I=function(e){g.onToggle||N(!1),g.onExpand&&g.onExpand(e)},j=function(e){g.onToggle||N(!0),g.onCollapse&&g.onCollapse(e)};e.useImperativeHandle(m,(function(){return{props:g,getElement:function(){return O.current},getContent:function(){return P.current}}})),e.useEffect((function(){o.combinedRefs(O,m)}),[O,m]),t((function(){d||v(i())}));var w=function(){if(g.toggleable){var n=d+"_label",t=p.getJSXIcon(T?g.expandIcon||e.createElement(r,null):g.collapseIcon||e.createElement(l,null),void 0,{props:g,collapsed:T});return e.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:C,id:n,"aria-controls":x,"aria-expanded":!T,role:"tab"},t,e.createElement(a,null))}return null},A=h.getOtherProps(g),k=c("p-panel p-component",{"p-panel-toggleable":g.toggleable},g.className),R=function(){var n=o.getJSXElement(g.header,g),t=o.getJSXElement(g.icons,g),l=w(),r=e.createElement("span",{className:"p-panel-title",id:S},n),a=e.createElement("div",{className:"p-panel-icons"},t,l),i=e.createElement("div",{className:"p-panel-header"},r,a);return g.headerTemplate?o.getJSXElement(g.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",onTogglerClick:C,titleElement:r,iconsElement:a,togglerElement:l,element:i,props:g,collapsed:T}):g.header||g.toggleable?i:null}(),_=e.createElement(n,{nodeRef:P,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!T,unmountOnExit:!0,options:g.transitionOptions},e.createElement("div",{ref:P,className:"p-toggleable-content","aria-hidden":T,role:"region",id:x,"aria-labelledby":S},e.createElement("div",{className:"p-panel-content"},g.children)));return e.createElement("div",s({id:g.id,ref:O,className:k,style:g.style},A),R,_)}));v.displayName="Panel";export{v as Panel};

package/panel/panel.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.panel = (function (exports, React, csstransition, hooks, ripple, utils) {
+this.primereact.panel = (function (exports, React, csstransition, hooks, minus, plus, ripple, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -102,8 +102,8 @@ this.primereact.panel = (function (exports, React, csstransition, hooks, ripple,
       style: null,
       className: null,
       collapsed: null,
-      expandIcon: 'pi pi-plus',
-      collapseIcon: 'pi pi-minus',
+      expandIcon: null,
+      collapseIcon: null,
       icons: null,
       transitionOptions: null,
       onExpand: null,
@@ -180,7 +180,11 @@ this.primereact.panel = (function (exports, React, csstransition, hooks, ripple,
     var createToggleIcon = function createToggleIcon() {
       if (props.toggleable) {
         var buttonId = idState + '_label';
-        var toggleIcon = collapsed ? props.expandIcon : props.collapseIcon;
+        var icon = collapsed ? props.expandIcon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, null) : props.collapseIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, null);
+        var toggleIcon = utils.IconUtils.getJSXIcon(icon, undefined, {
+          props: props,
+          collapsed: collapsed
+        });
         return /*#__PURE__*/React__namespace.createElement("button", {
           className: "p-panel-header-icon p-panel-toggler p-link",
           onClick: toggle,
@@ -188,10 +192,7 @@ this.primereact.panel = (function (exports, React, csstransition, hooks, ripple,
           "aria-controls": contentId,
           "aria-expanded": !collapsed,
           role: "tab"
-        }, utils.IconUtils.getJSXIcon(toggleIcon, undefined, {
-          props: props,
-          collapsed: collapsed
-        }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        }, toggleIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
       return null;
     };
@@ -215,7 +216,6 @@ this.primereact.panel = (function (exports, React, csstransition, hooks, ripple,
           titleClassName: 'p-panel-title',
           iconsClassName: 'p-panel-icons',
           togglerClassName: 'p-panel-header-icon p-panel-toggler p-link',
-          togglerIconClassName: collapsed ? props.expandIcon : props.collapseIcon,
           onTogglerClick: toggle,
           titleElement: titleElement,
           iconsElement: iconsElement,
@@ -273,4 +273,4 @@ this.primereact.panel = (function (exports, React, csstransition, hooks, ripple,
 
   return exports;
 
-})({}, React, primereact.csstransition, primereact.hooks, primereact.ripple, primereact.utils);
+})({}, React, primereact.csstransition, primereact.hooks, primereact.icons.minus, primereact.icons.plus, primereact.ripple, primereact.utils);

package/panel/panel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.panel=function(e,t,n,l,r,a){"use strict";function o(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=o(t);function c(){return c=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},c.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a,o,i=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=a.call(n)).done)&&(i.push(l.value),i.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return i}}function u(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 d(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}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 f(e,t){return s(e)||p(e,t)||d(e,t)||g()}var m={defaultProps:{__TYPE:"Panel",id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,m.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,m.defaultProps)}},b=i.forwardRef((function(e,t){var o=m.getProps(e),s=f(i.useState(o.id),2),p=s[0],u=s[1],d=f(i.useState(o.collapsed),2),g=d[0],b=d[1],h=i.useRef(t),v=i.useRef(null),y=!!o.toggleable&&(o.onToggle?o.collapsed:g),E=p+"_header",O=p+"_content",j=function(e){o.toggleable&&(y?N(e):P(e),o.onToggle&&o.onToggle({originalEvent:e,value:!y})),e.preventDefault()},N=function(e){o.onToggle||b(!1),o.onExpand&&o.onExpand(e)},P=function(e){o.onToggle||b(!0),o.onCollapse&&o.onCollapse(e)};i.useImperativeHandle(t,(function(){return{props:o,getElement:function(){return h.current},getContent:function(){return v.current}}})),i.useEffect((function(){a.ObjectUtils.combinedRefs(h,t)}),[h,t]),l.useMountEffect((function(){p||u(a.UniqueComponentId())}));var I=m.getOtherProps(o),C=a.classNames("p-panel p-component",{"p-panel-toggleable":o.toggleable},o.className),S=function(){var e=a.ObjectUtils.getJSXElement(o.header,o),t=a.ObjectUtils.getJSXElement(o.icons,o),n=o.toggleable?i.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:j,id:p+"_label","aria-controls":O,"aria-expanded":!y,role:"tab"},a.IconUtils.getJSXIcon(y?o.expandIcon:o.collapseIcon,void 0,{props:o,collapsed:y}),i.createElement(r.Ripple,null)):null,l=i.createElement("span",{className:"p-panel-title",id:E},e),c=i.createElement("div",{className:"p-panel-icons"},t,n),s=i.createElement("div",{className:"p-panel-header"},l,c);return o.headerTemplate?a.ObjectUtils.getJSXElement(o.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:y?o.expandIcon:o.collapseIcon,onTogglerClick:j,titleElement:l,iconsElement:c,togglerElement:n,element:s,props:o,collapsed:y}):o.header||o.toggleable?s:null}(),T=i.createElement(n.CSSTransition,{nodeRef:v,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!y,unmountOnExit:!0,options:o.transitionOptions},i.createElement("div",{ref:v,className:"p-toggleable-content","aria-hidden":y,role:"region",id:O,"aria-labelledby":E},i.createElement("div",{className:"p-panel-content"},o.children)));return i.createElement("div",c({id:o.id,ref:h,className:C,style:o.style},I),S,T)}));return b.displayName="Panel",e.Panel=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.hooks,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.panel=function(e,t,n,l,r,a,o,i){"use strict";function c(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 s=c(t);function u(){return u=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},u.apply(this,arguments)}function p(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,o,i=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=a.call(n)).done)&&(i.push(l.value),i.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return i}}function d(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 g(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}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.")}function b(e,t){return p(e)||f(e,t)||g(e,t)||m()}var h={defaultProps:{__TYPE:"Panel",id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:null,collapseIcon:null,icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,h.defaultProps)}},v=s.forwardRef((function(e,t){var c=h.getProps(e),p=b(s.useState(c.id),2),f=p[0],d=p[1],g=b(s.useState(c.collapsed),2),m=g[0],v=g[1],y=s.useRef(t),E=s.useRef(null),O=!!c.toggleable&&(c.onToggle?c.collapsed:m),j=f+"_header",P=f+"_content",N=function(e){c.toggleable&&(O?I(e):S(e),c.onToggle&&c.onToggle({originalEvent:e,value:!O})),e.preventDefault()},I=function(e){c.onToggle||v(!1),c.onExpand&&c.onExpand(e)},S=function(e){c.onToggle||v(!0),c.onCollapse&&c.onCollapse(e)};s.useImperativeHandle(t,(function(){return{props:c,getElement:function(){return y.current},getContent:function(){return E.current}}})),s.useEffect((function(){i.ObjectUtils.combinedRefs(y,t)}),[y,t]),l.useMountEffect((function(){f||d(i.UniqueComponentId())}));var T=function(){if(c.toggleable){var e=f+"_label",t=i.IconUtils.getJSXIcon(O?c.expandIcon||s.createElement(a.PlusIcon,null):c.collapseIcon||s.createElement(r.MinusIcon,null),void 0,{props:c,collapsed:O});return s.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:N,id:e,"aria-controls":P,"aria-expanded":!O,role:"tab"},t,s.createElement(o.Ripple,null))}return null},C=h.getOtherProps(c),x=i.classNames("p-panel p-component",{"p-panel-toggleable":c.toggleable},c.className),U=function(){var e=i.ObjectUtils.getJSXElement(c.header,c),t=i.ObjectUtils.getJSXElement(c.icons,c),n=T(),l=s.createElement("span",{className:"p-panel-title",id:j},e),r=s.createElement("div",{className:"p-panel-icons"},t,n),a=s.createElement("div",{className:"p-panel-header"},l,r);return c.headerTemplate?i.ObjectUtils.getJSXElement(c.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",onTogglerClick:N,titleElement:l,iconsElement:r,togglerElement:n,element:a,props:c,collapsed:O}):c.header||c.toggleable?a:null}(),_=s.createElement(n.CSSTransition,{nodeRef:E,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!O,unmountOnExit:!0,options:c.transitionOptions},s.createElement("div",{ref:E,className:"p-toggleable-content","aria-hidden":O,role:"region",id:P,"aria-labelledby":j},s.createElement("div",{className:"p-panel-content"},c.children)));return s.createElement("div",u({id:c.id,ref:y,className:x,style:c.style},C),U,_)}));return v.displayName="Panel",e.Panel=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);

package/panelmenu/panelmenu.cjs.js

@@ -6,6 +6,8 @@ var React = require('react');
 var csstransition = require('primereact/csstransition');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
+var chevronright = require('primereact/icons/chevronright');
+var chevrondown = require('primereact/icons/chevrondown');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -119,6 +121,7 @@ var PanelMenuBase = {
     id: null,
     model: null,
     style: null,
+    submenuIcon: null,
     className: null,
     multiple: false,
     transitionOptions: null,
@@ -218,7 +221,8 @@ var PanelMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
       }, /*#__PURE__*/React__namespace.createElement(PanelMenuSub, {
         menuProps: props.menuProps,
         model: item.items,
-        multiple: props.multiple
+        multiple: props.multiple,
+        submenuIcon: props.submenuIcon
       })));
     }
     return null;
@@ -234,10 +238,6 @@ var PanelMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
       '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'
     }, {
@@ -246,9 +246,12 @@ var PanelMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     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 || '#',
@@ -398,19 +401,18 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       '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);
@@ -476,7 +478,8 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       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.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);