primereact 9.2.2 → 9.3.0

package/paginator/paginator.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple, inputnumber, dropdown) {
+this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple, angledoubleleft, inputnumber, angledoubleright, angleright, angleleft, dropdown) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -184,6 +184,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       disabled: false,
       onClick: null,
       template: null,
+      firstPageLinkIcon: null,
       children: undefined
     },
     getProps: function getProps(props) {
@@ -217,6 +218,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       disabled: false,
       onClick: null,
       template: null,
+      lastPageLinkIcon: null,
       children: undefined
     },
     getProps: function getProps(props) {
@@ -232,6 +234,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       disabled: false,
       onClick: null,
       template: null,
+      nextPageLinkIcon: null,
       children: undefined
     },
     getProps: function getProps(props) {
@@ -265,6 +268,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       disabled: false,
       onClick: null,
       template: null,
+      prevPageLinkIcon: null,
       children: undefined
     },
     getProps: function getProps(props) {
@@ -329,16 +333,22 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     var className = utils.classNames('p-paginator-first p-paginator-element p-link', {
       'p-disabled': props.disabled
     });
-    var iconClassName = 'p-paginator-icon pi pi-angle-double-left';
+    var iconClassName = 'p-paginator-icon';
+    var icon = props.firstPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angledoubleleft.AngleDoubleLeftIcon, {
+      className: iconClassName
+    });
+    var firstPageLinkIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
+    });
     var element = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: className,
       onClick: props.onClick,
       disabled: props.disabled,
       "aria-label": api.ariaLabel('firstPageLabel')
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    }, firstPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     if (props.template) {
       var defaultOptions = {
         onClick: props.onClick,
@@ -388,16 +398,22 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     var className = utils.classNames('p-paginator-last p-paginator-element p-link', {
       'p-disabled': props.disabled
     });
-    var iconClassName = 'p-paginator-icon pi pi-angle-double-right';
+    var iconClassName = 'p-paginator-icon';
+    var icon = props.lastPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angledoubleright.AngleDoubleRightIcon, {
+      className: iconClassName
+    });
+    var lastPageLinkIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
+    });
     var element = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: className,
       onClick: props.onClick,
       disabled: props.disabled,
       "aria-label": api.ariaLabel('lastPageLabel')
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    }, lastPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     if (props.template) {
       var defaultOptions = {
         onClick: props.onClick,
@@ -418,16 +434,22 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     var className = utils.classNames('p-paginator-next p-paginator-element p-link', {
       'p-disabled': props.disabled
     });
-    var iconClassName = 'p-paginator-icon pi pi-angle-right';
+    var iconClassName = 'p-paginator-icon';
+    var icon = props.nextPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, {
+      className: iconClassName
+    });
+    var nextPageLinkIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
+    });
     var element = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: className,
       onClick: props.onClick,
       disabled: props.disabled,
       "aria-label": api.ariaLabel('nextPageLabel')
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    }, nextPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     if (props.template) {
       var defaultOptions = {
         onClick: props.onClick,
@@ -435,6 +457,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
         iconClassName: iconClassName,
         disabled: props.disabled,
         element: element,
+        nextPageLinkIcon: nextPageLinkIcon,
         props: props
       };
       return utils.ObjectUtils.getJSXElement(props.template, defaultOptions);
@@ -506,16 +529,22 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     var className = utils.classNames('p-paginator-prev p-paginator-element p-link', {
       'p-disabled': props.disabled
     });
-    var iconClassName = 'p-paginator-icon pi pi-angle-left';
+    var iconClassName = 'p-paginator-icon';
+    var icon = props.prevPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angleleft.AngleLeftIcon, {
+      className: iconClassName
+    });
+    var prevPageLinkIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
+    });
     var element = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: className,
       onClick: props.onClick,
       disabled: props.disabled,
       "aria-label": api.ariaLabel('previousPageLabel')
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    }, prevPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     if (props.template) {
       var defaultOptions = {
         onClick: props.onClick,
@@ -659,7 +688,8 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
             key: key,
             onClick: changePageToFirst,
             disabled: isFirstPage || isEmpty,
-            template: template
+            template: template,
+            firstPageLinkIcon: props.firstPageLinkIcon
           });
           break;
         case 'PrevPageLink':
@@ -667,7 +697,8 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
             key: key,
             onClick: changePageToPrev,
             disabled: isFirstPage || isEmpty,
-            template: template
+            template: template,
+            prevPageLinkIcon: props.prevPageLinkIcon
           });
           break;
         case 'NextPageLink':
@@ -675,7 +706,8 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
             key: key,
             onClick: changePageToNext,
             disabled: isLastPage || isEmpty,
-            template: template
+            template: template,
+            nextPageLinkIcon: props.nextPageLinkIcon
           });
           break;
         case 'LastPageLink':
@@ -683,7 +715,8 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
             key: key,
             onClick: changePageToLast,
             disabled: isLastPage || isEmpty,
-            template: template
+            template: template,
+            lastPageLinkIcon: props.lastPageLinkIcon
           });
           break;
         case 'PageLinks':
@@ -789,4 +822,4 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.utils, primereact.api, primereact.ripple, primereact.inputnumber, primereact.dropdown);
+})({}, React, primereact.hooks, primereact.utils, primereact.api, primereact.ripple, primereact.icons/angledoubleleft, primereact.inputnumber, primereact.icons/angledoubleright, primereact.icons/angleright, primereact.icons/angleleft, primereact.dropdown);

package/paginator/paginator.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.paginator=function(e,t,a,r,n,l,o,i){"use strict";function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var p=s(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},u.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function g(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var r,n,l,o,i=[],s=!0,p=!1;try{if(l=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;s=!1}else for(;!(s=(r=l.call(a)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){p=!0,n=e}finally{try{if(!s&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(p)throw n}}return i}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a<t;a++)r[a]=e[a];return r}function m(e,t){if(e){if("string"==typeof e)return d(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?d(e,t):void 0}}function f(){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 P(e){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P(e)}function b(e,t){if("object"!==P(e)||null===e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var r=a.call(e,t||"default");if("object"!==P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=b(e,"string");return"symbol"===P(t)?t:String(t)}function h(e,t,a){return(t=v(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var y={defaultProps:{__TYPE:"Paginator",totalRecords:0,rows:0,first:0,pageLinkSize:5,rowsPerPageOptions:null,alwaysShow:!0,style:null,className:null,template:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",onPageChange:null,leftContent:null,rightContent:null,dropdownAppendTo:null,currentPageReportTemplate:"({currentPage} of {totalPages})",children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,y.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,y.defaultProps)}},k={defaultProps:{__TYPE:"CurrentPageReport",pageCount:null,page:null,first:null,rows:null,totalRecords:null,reportTemplate:"({currentPage} of {totalPages})",template:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,k.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,k.defaultProps)}},O={defaultProps:{__TYPE:"FirstPageLink",disabled:!1,onClick:null,template:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,O.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,O.defaultProps)}},C={defaultProps:{__TYPE:"JumpToPageInput",page:null,rows:null,pageCount:null,disabled:!1,template:null,onChange:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,C.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,C.defaultProps)}},w={defaultProps:{__TYPE:"LastPageLink",disabled:!1,onClick:null,template:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,w.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,w.defaultProps)}},j={defaultProps:{__TYPE:"NextPageLink",disabled:!1,onClick:null,template:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,j.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,j.defaultProps)}},E={defaultProps:{__TYPE:"PageLinks",value:null,page:null,rows:null,pageCount:null,links:null,template:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,E.defaultProps)}},N={defaultProps:{__TYPE:"PrevPageLink",disabled:!1,onClick:null,template:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,N.defaultProps)}},L={defaultProps:{__TYPE:"RowsPerPageDropdown",options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,L.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,L.defaultProps)}};function R(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function S(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?R(Object(a),!0).forEach((function(t){h(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):R(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var U=p.memo((function(e){var t=k.getProps(e),a={currentPage:t.page+1,totalPages:t.pageCount,first:Math.min(t.first+1,t.totalRecords),last:Math.min(t.first+t.rows,t.totalRecords),rows:t.rows,totalRecords:t.totalRecords},n=t.reportTemplate.replace("{currentPage}",a.currentPage).replace("{totalPages}",a.totalPages).replace("{first}",a.first).replace("{last}",a.last).replace("{rows}",a.rows).replace("{totalRecords}",a.totalRecords),l=p.createElement("span",{className:"p-paginator-current"},n);if(t.template){var o=S(S({},a),{className:"p-paginator-current",element:l,props:t});return r.ObjectUtils.getJSXElement(t.template,o)}return l}));U.displayName="CurrentPageReport";var T=p.memo((function(e){var t=O.getProps(e),a=r.classNames("p-paginator-first p-paginator-element p-link",{"p-disabled":t.disabled}),o="p-paginator-icon pi pi-angle-double-left",i=p.createElement("button",{type:"button",className:a,onClick:t.onClick,disabled:t.disabled,"aria-label":n.ariaLabel("firstPageLabel")},p.createElement("span",{className:o}),p.createElement(l.Ripple,null));return t.template?r.ObjectUtils.getJSXElement(t.template,{onClick:t.onClick,className:a,iconClassName:o,disabled:t.disabled,element:i,props:t}):i}));T.displayName="FirstPageLink";var D=p.memo((function(e){var t=C.getProps(e),a=function(e){t.onChange&&t.onChange(t.rows*(e.value-1),t.rows)},n=t.pageCount>0?t.page+1:0,l=p.createElement(o.InputNumber,{value:n,onChange:a,className:"p-paginator-page-input",disabled:t.disabled});return t.template?r.ObjectUtils.getJSXElement(t.template,{value:n,onChange:a,disabled:t.disabled,className:"p-paginator-page-input",element:l,props:t}):l}));D.displayName="JumpToPageInput";var M=p.memo((function(e){var t=w.getProps(e),a=r.classNames("p-paginator-last p-paginator-element p-link",{"p-disabled":t.disabled}),o="p-paginator-icon pi pi-angle-double-right",i=p.createElement("button",{type:"button",className:a,onClick:t.onClick,disabled:t.disabled,"aria-label":n.ariaLabel("lastPageLabel")},p.createElement("span",{className:o}),p.createElement(l.Ripple,null));return t.template?r.ObjectUtils.getJSXElement(t.template,{onClick:t.onClick,className:a,iconClassName:o,disabled:t.disabled,element:i,props:t}):i}));M.displayName="LastPageLink";var _=p.memo((function(e){var t=j.getProps(e),a=r.classNames("p-paginator-next p-paginator-element p-link",{"p-disabled":t.disabled}),o="p-paginator-icon pi pi-angle-right",i=p.createElement("button",{type:"button",className:a,onClick:t.onClick,disabled:t.disabled,"aria-label":n.ariaLabel("nextPageLabel")},p.createElement("span",{className:o}),p.createElement(l.Ripple,null));return t.template?r.ObjectUtils.getJSXElement(t.template,{onClick:t.onClick,className:a,iconClassName:o,disabled:t.disabled,element:i,props:t}):i}));_.displayName="NextPageLink";var J=p.memo((function(e){var t,a=E.getProps(e),o=function(e,t){a.onClick&&a.onClick({originalEvent:e,value:t}),e.preventDefault()};if(a.value){var i=a.value[0],s=a.value[a.value.length-1];t=a.value.map((function(e){var t=r.classNames("p-paginator-page p-paginator-element p-link",{"p-paginator-page-start":e===i,"p-paginator-page-end":e===s,"p-highlight":e-1===a.page}),u=p.createElement("button",{type:"button",className:t,onClick:function(t){return o(t,e)},"aria-label":"".concat(n.ariaLabel("pageLabel")," ").concat(e+1)},e,p.createElement(l.Ripple,null));a.template&&(u=r.ObjectUtils.getJSXElement(a.template,{onClick:function(t){return o(t,e)},className:t,view:{startPage:i-1,endPage:s-1},page:e-1,currentPage:a.page,totalPages:a.pageCount,element:u,props:a}));return p.createElement(p.Fragment,{key:e},u)}))}return p.createElement("span",{className:"p-paginator-pages"},t)}));J.displayName="PageLinks";var X=p.memo((function(e){var t=N.getProps(e),a=r.classNames("p-paginator-prev p-paginator-element p-link",{"p-disabled":t.disabled}),o="p-paginator-icon pi pi-angle-left",i=p.createElement("button",{type:"button",className:a,onClick:t.onClick,disabled:t.disabled,"aria-label":n.ariaLabel("previousPageLabel")},p.createElement("span",{className:o}),p.createElement(l.Ripple,null));return t.template?r.ObjectUtils.getJSXElement(t.template,{onClick:t.onClick,className:a,iconClassName:o,disabled:t.disabled,element:i,props:t}):i}));X.displayName="PrevPageLink";var x=p.memo((function(e){var t=L.getProps(e),a=t.options&&t.options.length>0,l=a?t.options.map((function(e){return{label:String(e),value:e}})):[],o=n.localeOption("choose"),s=a?p.createElement(i.Dropdown,{value:t.value,options:l,onChange:t.onChange,appendTo:t.appendTo,disabled:t.disabled,placeholder:o,"aria-label":o}):null;return t.template?r.ObjectUtils.getJSXElement(t.template,{value:t.value,options:l,onChange:t.onChange,appendTo:t.appendTo,currentPage:t.page,totalPages:t.pageCount,totalRecords:t.totalRecords,disabled:t.disabled,element:s,props:t}):s}));x.displayName="RowsPerPageDropdown";var Y=p.memo(p.forwardRef((function(e,t){var n=y.getProps(e),l=p.useRef(null),o=Math.floor(n.first/n.rows),i=Math.ceil(n.totalRecords/n.rows),s=0===o,d=o===i-1,b=0===i,v=function(){var e=i,t=Math.min(n.pageLinkSize,e),a=Math.max(0,Math.ceil(o-t/2)),r=Math.min(e-1,a+t-1);return[a=Math.max(0,a-(n.pageLinkSize-(r-a+1))),r]},h=function(){for(var e=[],t=v(),a=t[1],r=t[0];r<=a;r++)e.push(r+1);return e},k=function(e,t){var a=i,r=Math.floor(e/t);r>=0&&r<a&&(n.onPageChange&&n.onPageChange({first:e,rows:t,page:r,pageCount:a}))},O=function(e){k(0,n.rows),e.preventDefault()},C=function(e){k(n.first-n.rows,n.rows),e.preventDefault()},w=function(e){k((e.value-1)*n.rows,n.rows)},j=function(e){k(n.first+n.rows,n.rows),e.preventDefault()},E=function(e){k((i-1)*n.rows,n.rows),e.preventDefault()},N=function(e){k(0,e.value)};p.useImperativeHandle(t,(function(){return{props:n,getElement:function(){return l.current}}})),a.useUpdateEffect((function(){o>0&&n.first>=n.totalRecords&&k((i-1)*n.rows,n.rows)}),[n.totalRecords]);var L,R=function(e,t){var a;switch(e){case"FirstPageLink":a=p.createElement(T,{key:e,onClick:O,disabled:s||b,template:t});break;case"PrevPageLink":a=p.createElement(X,{key:e,onClick:C,disabled:s||b,template:t});break;case"NextPageLink":a=p.createElement(_,{key:e,onClick:j,disabled:d||b,template:t});break;case"LastPageLink":a=p.createElement(M,{key:e,onClick:E,disabled:d||b,template:t});break;case"PageLinks":a=p.createElement(J,{key:e,value:h(),page:o,rows:n.rows,pageCount:i,onClick:w,template:t});break;case"RowsPerPageDropdown":a=p.createElement(x,{key:e,value:n.rows,page:o,pageCount:i,totalRecords:n.totalRecords,options:n.rowsPerPageOptions,onChange:N,appendTo:n.dropdownAppendTo,template:t,disabled:b});break;case"CurrentPageReport":a=p.createElement(U,{reportTemplate:n.currentPageReportTemplate,key:e,page:o,pageCount:i,first:n.first,rows:n.rows,totalRecords:n.totalRecords,template:t});break;case"JumpToPageInput":a=p.createElement(D,{key:e,rows:n.rows,page:o,pageCount:i,onChange:k,disabled:b,template:t});break;default:a=null}return a};if(n.alwaysShow||1!==i){var S=y.getOtherProps(n),Y=r.classNames("p-paginator p-component",n.className),A=r.ObjectUtils.getJSXElement(n.leftContent,n),I=r.ObjectUtils.getJSXElement(n.rightContent,n),F=(L=n.template)?"object"===P(L)?L.layout?L.layout.split(" ").map((function(e){var t=e.trim();return R(t,L[t])})):Object.entries(L).map((function(e){var t,a,r=(a=2,c(t=e)||g(t,a)||m(t,a)||f());return R(r[0],r[1])})):L.split(" ").map((function(e){return R(e.trim())})):null,z=A&&p.createElement("div",{className:"p-paginator-left-content"},A),H=I&&p.createElement("div",{className:"p-paginator-right-content"},I);return p.createElement("div",u({ref:l,className:Y,style:n.style},S),z,F,H)}return null})));return Y.displayName="Paginator",e.Paginator=Y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils,primereact.api,primereact.ripple,primereact.inputnumber,primereact.dropdown);
+this.primereact=this.primereact||{},this.primereact.paginator=function(e,t,a,n,r,l,o,i,s,p,c,u){"use strict";function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var d=g(t);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},m.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function P(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,l,o,i=[],s=!0,p=!1;try{if(l=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;s=!1}else for(;!(s=(n=l.call(a)).done)&&(i.push(n.value),i.length!==t);s=!0);}catch(e){p=!0,r=e}finally{try{if(!s&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(p)throw r}}return i}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function v(e,t){if(e){if("string"==typeof e)return b(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?b(e,t):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function y(e,t){if("object"!==h(e)||null===e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var n=a.call(e,t||"default");if("object"!==h(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=y(e,"string");return"symbol"===h(t)?t:String(t)}function C(e,t,a){return(t=O(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var w={defaultProps:{__TYPE:"Paginator",totalRecords:0,rows:0,first:0,pageLinkSize:5,rowsPerPageOptions:null,alwaysShow:!0,style:null,className:null,template:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",onPageChange:null,leftContent:null,rightContent:null,dropdownAppendTo:null,currentPageReportTemplate:"({currentPage} of {totalPages})",children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,w.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,w.defaultProps)}},j={defaultProps:{__TYPE:"CurrentPageReport",pageCount:null,page:null,first:null,rows:null,totalRecords:null,reportTemplate:"({currentPage} of {totalPages})",template:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,j.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,j.defaultProps)}},E={defaultProps:{__TYPE:"FirstPageLink",disabled:!1,onClick:null,template:null,firstPageLinkIcon:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,E.defaultProps)}},L={defaultProps:{__TYPE:"JumpToPageInput",page:null,rows:null,pageCount:null,disabled:!1,template:null,onChange:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,L.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,L.defaultProps)}},N={defaultProps:{__TYPE:"LastPageLink",disabled:!1,onClick:null,template:null,lastPageLinkIcon:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,N.defaultProps)}},I={defaultProps:{__TYPE:"NextPageLink",disabled:!1,onClick:null,template:null,nextPageLinkIcon:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,I.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,I.defaultProps)}},R={defaultProps:{__TYPE:"PageLinks",value:null,page:null,rows:null,pageCount:null,links:null,template:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,R.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,R.defaultProps)}},S={defaultProps:{__TYPE:"PrevPageLink",disabled:!1,onClick:null,template:null,prevPageLinkIcon:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,S.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,S.defaultProps)}},U={defaultProps:{__TYPE:"RowsPerPageDropdown",options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,U.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,U.defaultProps)}};function T(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function D(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?T(Object(a),!0).forEach((function(t){C(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):T(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var M=d.memo((function(e){var t=j.getProps(e),a={currentPage:t.page+1,totalPages:t.pageCount,first:Math.min(t.first+1,t.totalRecords),last:Math.min(t.first+t.rows,t.totalRecords),rows:t.rows,totalRecords:t.totalRecords},r=t.reportTemplate.replace("{currentPage}",a.currentPage).replace("{totalPages}",a.totalPages).replace("{first}",a.first).replace("{last}",a.last).replace("{rows}",a.rows).replace("{totalRecords}",a.totalRecords),l=d.createElement("span",{className:"p-paginator-current"},r);if(t.template){var o=D(D({},a),{className:"p-paginator-current",element:l,props:t});return n.ObjectUtils.getJSXElement(t.template,o)}return l}));M.displayName="CurrentPageReport";var _=d.memo((function(e){var t=E.getProps(e),a=n.classNames("p-paginator-first p-paginator-element p-link",{"p-disabled":t.disabled}),i="p-paginator-icon",s=n.IconUtils.getJSXIcon(t.firstPageLinkIcon||d.createElement(o.AngleDoubleLeftIcon,{className:i}),{className:i},{props:t}),p=d.createElement("button",{type:"button",className:a,onClick:t.onClick,disabled:t.disabled,"aria-label":r.ariaLabel("firstPageLabel")},s,d.createElement(l.Ripple,null));return t.template?n.ObjectUtils.getJSXElement(t.template,{onClick:t.onClick,className:a,iconClassName:i,disabled:t.disabled,element:p,props:t}):p}));_.displayName="FirstPageLink";var J=d.memo((function(e){var t=L.getProps(e),a=function(e){t.onChange&&t.onChange(t.rows*(e.value-1),t.rows)},r=t.pageCount>0?t.page+1:0,l=d.createElement(i.InputNumber,{value:r,onChange:a,className:"p-paginator-page-input",disabled:t.disabled});return t.template?n.ObjectUtils.getJSXElement(t.template,{value:r,onChange:a,disabled:t.disabled,className:"p-paginator-page-input",element:l,props:t}):l}));J.displayName="JumpToPageInput";var x=d.memo((function(e){var t=N.getProps(e),a=n.classNames("p-paginator-last p-paginator-element p-link",{"p-disabled":t.disabled}),o="p-paginator-icon",i=n.IconUtils.getJSXIcon(t.lastPageLinkIcon||d.createElement(s.AngleDoubleRightIcon,{className:o}),{className:o},{props:t}),p=d.createElement("button",{type:"button",className:a,onClick:t.onClick,disabled:t.disabled,"aria-label":r.ariaLabel("lastPageLabel")},i,d.createElement(l.Ripple,null));return t.template?n.ObjectUtils.getJSXElement(t.template,{onClick:t.onClick,className:a,iconClassName:o,disabled:t.disabled,element:p,props:t}):p}));x.displayName="LastPageLink";var X=d.memo((function(e){var t=I.getProps(e),a=n.classNames("p-paginator-next p-paginator-element p-link",{"p-disabled":t.disabled}),o="p-paginator-icon",i=n.IconUtils.getJSXIcon(t.nextPageLinkIcon||d.createElement(p.AngleRightIcon,{className:o}),{className:o},{props:t}),s=d.createElement("button",{type:"button",className:a,onClick:t.onClick,disabled:t.disabled,"aria-label":r.ariaLabel("nextPageLabel")},i,d.createElement(l.Ripple,null));return t.template?n.ObjectUtils.getJSXElement(t.template,{onClick:t.onClick,className:a,iconClassName:o,disabled:t.disabled,element:s,nextPageLinkIcon:i,props:t}):s}));X.displayName="NextPageLink";var A=d.memo((function(e){var t,a=R.getProps(e),o=function(e,t){a.onClick&&a.onClick({originalEvent:e,value:t}),e.preventDefault()};if(a.value){var i=a.value[0],s=a.value[a.value.length-1];t=a.value.map((function(e){var t=n.classNames("p-paginator-page p-paginator-element p-link",{"p-paginator-page-start":e===i,"p-paginator-page-end":e===s,"p-highlight":e-1===a.page}),p=d.createElement("button",{type:"button",className:t,onClick:function(t){return o(t,e)},"aria-label":"".concat(r.ariaLabel("pageLabel")," ").concat(e+1)},e,d.createElement(l.Ripple,null));a.template&&(p=n.ObjectUtils.getJSXElement(a.template,{onClick:function(t){return o(t,e)},className:t,view:{startPage:i-1,endPage:s-1},page:e-1,currentPage:a.page,totalPages:a.pageCount,element:p,props:a}));return d.createElement(d.Fragment,{key:e},p)}))}return d.createElement("span",{className:"p-paginator-pages"},t)}));A.displayName="PageLinks";var Y=d.memo((function(e){var t=S.getProps(e),a=n.classNames("p-paginator-prev p-paginator-element p-link",{"p-disabled":t.disabled}),o="p-paginator-icon",i=n.IconUtils.getJSXIcon(t.prevPageLinkIcon||d.createElement(c.AngleLeftIcon,{className:o}),{className:o},{props:t}),s=d.createElement("button",{type:"button",className:a,onClick:t.onClick,disabled:t.disabled,"aria-label":r.ariaLabel("previousPageLabel")},i,d.createElement(l.Ripple,null));return t.template?n.ObjectUtils.getJSXElement(t.template,{onClick:t.onClick,className:a,iconClassName:o,disabled:t.disabled,element:s,props:t}):s}));Y.displayName="PrevPageLink";var F=d.memo((function(e){var t=U.getProps(e),a=t.options&&t.options.length>0,l=a?t.options.map((function(e){return{label:String(e),value:e}})):[],o=r.localeOption("choose"),i=a?d.createElement(u.Dropdown,{value:t.value,options:l,onChange:t.onChange,appendTo:t.appendTo,disabled:t.disabled,placeholder:o,"aria-label":o}):null;return t.template?n.ObjectUtils.getJSXElement(t.template,{value:t.value,options:l,onChange:t.onChange,appendTo:t.appendTo,currentPage:t.page,totalPages:t.pageCount,totalRecords:t.totalRecords,disabled:t.disabled,element:i,props:t}):i}));F.displayName="RowsPerPageDropdown";var z=d.memo(d.forwardRef((function(e,t){var r=w.getProps(e),l=d.useRef(null),o=Math.floor(r.first/r.rows),i=Math.ceil(r.totalRecords/r.rows),s=0===o,p=o===i-1,c=0===i,u=function(){var e=i,t=Math.min(r.pageLinkSize,e),a=Math.max(0,Math.ceil(o-t/2)),n=Math.min(e-1,a+t-1);return[a=Math.max(0,a-(r.pageLinkSize-(n-a+1))),n]},g=function(){for(var e=[],t=u(),a=t[1],n=t[0];n<=a;n++)e.push(n+1);return e},b=function(e,t){var a=i,n=Math.floor(e/t);n>=0&&n<a&&(r.onPageChange&&r.onPageChange({first:e,rows:t,page:n,pageCount:a}))},y=function(e){b(0,r.rows),e.preventDefault()},O=function(e){b(r.first-r.rows,r.rows),e.preventDefault()},C=function(e){b((e.value-1)*r.rows,r.rows)},j=function(e){b(r.first+r.rows,r.rows),e.preventDefault()},E=function(e){b((i-1)*r.rows,r.rows),e.preventDefault()},L=function(e){b(0,e.value)};d.useImperativeHandle(t,(function(){return{props:r,getElement:function(){return l.current}}})),a.useUpdateEffect((function(){o>0&&r.first>=r.totalRecords&&b((i-1)*r.rows,r.rows)}),[r.totalRecords]);var N,I=function(e,t){var a;switch(e){case"FirstPageLink":a=d.createElement(_,{key:e,onClick:y,disabled:s||c,template:t,firstPageLinkIcon:r.firstPageLinkIcon});break;case"PrevPageLink":a=d.createElement(Y,{key:e,onClick:O,disabled:s||c,template:t,prevPageLinkIcon:r.prevPageLinkIcon});break;case"NextPageLink":a=d.createElement(X,{key:e,onClick:j,disabled:p||c,template:t,nextPageLinkIcon:r.nextPageLinkIcon});break;case"LastPageLink":a=d.createElement(x,{key:e,onClick:E,disabled:p||c,template:t,lastPageLinkIcon:r.lastPageLinkIcon});break;case"PageLinks":a=d.createElement(A,{key:e,value:g(),page:o,rows:r.rows,pageCount:i,onClick:C,template:t});break;case"RowsPerPageDropdown":a=d.createElement(F,{key:e,value:r.rows,page:o,pageCount:i,totalRecords:r.totalRecords,options:r.rowsPerPageOptions,onChange:L,appendTo:r.dropdownAppendTo,template:t,disabled:c});break;case"CurrentPageReport":a=d.createElement(M,{reportTemplate:r.currentPageReportTemplate,key:e,page:o,pageCount:i,first:r.first,rows:r.rows,totalRecords:r.totalRecords,template:t});break;case"JumpToPageInput":a=d.createElement(J,{key:e,rows:r.rows,page:o,pageCount:i,onChange:b,disabled:c,template:t});break;default:a=null}return a};if(r.alwaysShow||1!==i){var R=w.getOtherProps(r),S=n.classNames("p-paginator p-component",r.className),U=n.ObjectUtils.getJSXElement(r.leftContent,r),T=n.ObjectUtils.getJSXElement(r.rightContent,r),D=(N=r.template)?"object"===h(N)?N.layout?N.layout.split(" ").map((function(e){var t=e.trim();return I(t,N[t])})):Object.entries(N).map((function(e){var t,a,n=(a=2,f(t=e)||P(t,a)||v(t,a)||k());return I(n[0],n[1])})):N.split(" ").map((function(e){return I(e.trim())})):null,z=U&&d.createElement("div",{className:"p-paginator-left-content"},U),H=T&&d.createElement("div",{className:"p-paginator-right-content"},T);return d.createElement("div",m({ref:l,className:S,style:r.style},R),z,D,H)}return null})));return z.displayName="Paginator",e.Paginator=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils,primereact.api,primereact.ripple,primereact.icons/angledoubleleft,primereact.inputnumber,primereact.icons/angledoubleright,primereact.icons/angleright,primereact.icons/angleleft,primereact.dropdown);

package/panel/panel.cjs.js

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

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() {