primereact 9.0.0-beta.1 → 9.0.0-rc.1

package/panel/panel.esm.js

@@ -37,9 +37,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -55,9 +53,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -78,7 +74,35 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var PanelBase = {
+  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: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, PanelBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, PanelBase.defaultProps);
+  }
+};
+
+var Panel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = PanelBase.getProps(inProps);
   var _React$useState = React.useState(props.id),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     idState = _React$useState2[0],
@@ -210,7 +234,7 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: "p-panel-content"
     }, props.children)));
   };
-  var otherProps = ObjectUtils.findDiffKeys(props, Panel.defaultProps);
+  var otherProps = PanelBase.getOtherProps(props);
   var className = classNames('p-panel p-component', {
     'p-panel-toggleable': props.toggleable
   }, props.className);
@@ -224,22 +248,5 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, otherProps), header, content);
 });
 Panel.displayName = 'Panel';
-Panel.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
-};
 
 export { Panel };

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

package/panel/panel.js

@@ -55,9 +55,7 @@ this.primereact.panel = (function (exports, React, csstransition, hooks, ripple,
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -73,9 +71,7 @@ this.primereact.panel = (function (exports, React, csstransition, hooks, ripple,
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -96,7 +92,35 @@ this.primereact.panel = (function (exports, React, csstransition, hooks, ripple,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var Panel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var PanelBase = {
+    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: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, PanelBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, PanelBase.defaultProps);
+    }
+  };
+
+  var Panel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = PanelBase.getProps(inProps);
     var _React$useState = React__namespace.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       idState = _React$useState2[0],
@@ -228,7 +252,7 @@ this.primereact.panel = (function (exports, React, csstransition, hooks, ripple,
         className: "p-panel-content"
       }, props.children)));
     };
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Panel.defaultProps);
+    var otherProps = PanelBase.getOtherProps(props);
     var className = utils.classNames('p-panel p-component', {
       'p-panel-toggleable': props.toggleable
     }, props.className);
@@ -242,23 +266,6 @@ this.primereact.panel = (function (exports, React, csstransition, hooks, ripple,
     }, otherProps), header, content);
   });
   Panel.displayName = 'Panel';
-  Panel.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
-  };
 
   exports.Panel = Panel;
 

package/panel/panel.min.js

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

package/panelmenu/package.json

@@ -2,5 +2,6 @@
     "main": "./panelmenu.cjs.js",
     "module": "./panelmenu.esm.js",
     "unpkg": "./panelmenu.min.js",
-    "types": "./panelmenu.d.ts"
+    "types": "./panelmenu.d.ts",
+    "sideEffects": false
 }

package/panelmenu/panelmenu.cjs.js

@@ -44,9 +44,7 @@ function _extends() {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -93,9 +91,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -117,6 +113,25 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var PanelMenuBase = {
+  defaultProps: {
+    __TYPE: 'Panel',
+    id: null,
+    model: null,
+    style: null,
+    className: null,
+    multiple: false,
+    transitionOptions: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, PanelMenuBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, PanelMenuBase.defaultProps);
+  }
+};
+
 var PanelMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -284,7 +299,8 @@ var PanelMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 PanelMenuSub.displayName = 'PanelMenuSub';
 
-var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = PanelMenuBase.getProps(inProps);
   var _React$useState = React__namespace.useState(props.id),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     idState = _React$useState2[0],
@@ -466,7 +482,7 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var createPanels = function createPanels() {
     return props.model ? props.model.map(createPanel) : null;
   };
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, PanelMenu.defaultProps);
+  var otherProps = PanelMenuBase.getOtherProps(props);
   var className = utils.classNames('p-panelmenu p-component', props.className);
   var panels = createPanels();
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -477,14 +493,5 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   }, otherProps), panels);
 }));
 PanelMenu.displayName = 'PanelMenu';
-PanelMenu.defaultProps = {
-  __TYPE: 'Panel',
-  id: null,
-  model: null,
-  style: null,
-  className: null,
-  multiple: false,
-  transitionOptions: null
-};
 
 exports.PanelMenu = PanelMenu;

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 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 r=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 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,a,r,i,o=[],s=!0,u=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(l=r.call(n)).done)&&(o.push(l.value),o.length!==t);s=!0);}catch(e){u=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return o}}function 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=r.memo((function(e){var a=v(r.useState(null),2),i=a[0],o=a[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 r.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},d=function(n,a){var i=l.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!a}),o=r.createRef();return n.items?r.createElement(t.CSSTransition,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:a,unmountOnExit:!0},r.createElement("div",{ref:o,className:i},r.createElement(y,{menuProps:e.menuProps,model:n.items,multiple:e.multiple}))):null},f=function(t,n){if(!1===t.visible)return null;var a=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&&r.createElement("span",{className:"p-menuitem-text"},t.label),v=t.items&&r.createElement("span",{className:p}),y=d(t,i),N=r.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&&(N=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:m,submenuIconClassName:p,element:N,props:e,leaf:!t.items,active:i}));return r.createElement("li",{key:a,id:t.id,className:o,style:t.style,role:"none"},N,y)},b=function(e,t){return e.separator?m(t):f(e,t)},N=l.classNames("p-submenu-list",e.className),g=e.model?e.model.map(b):null;return r.createElement("ul",{className:N,role:"tree"},g)}));y.displayName="PanelMenuSub";var N=r.memo(r.forwardRef((function(e,a){var o=v(r.useState(e.id),2),s=o[0],u=o[1],c=v(r.useState(null),2),m=c[0],d=c[1],f=v(r.useState(!1),2),b=f[0],g=f[1],E=r.useRef(null),h=s+"_header",x=s+"_content",O=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},S=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var l=m;j(n)?(n.expanded=!1,d(e.multiple?l.filter((function(e){return e!==n})):null)):(!e.multiple&&l&&(l.expanded=!1),n.expanded=!0,d(e.multiple?[].concat(p(l||[]),[n]):n))}},j=function(t){return m&&(e.multiple?m.indexOf(t)>-1:m===t)};r.useImperativeHandle(a,(function(){return{props:e,getElement:function(){return E.current}}})),n.useMountEffect((function(){s||u(l.UniqueComponentId()),d(O())})),n.useUpdateEffect((function(){g(!0),d(O())}),[e.model]);var P=function(){g(!1)},C=function(n,a){if(!1===n.visible)return null;var i=n.label+"_"+a,o=j(n),s=l.classNames("p-panelmenu-panel",n.className),u=l.classNames("p-component p-panelmenu-header",{"p-highlight":o,"p-disabled":n.disabled}),c=l.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!o," pi-chevron-down":o}),m=l.classNames("p-menuitem-icon",n.icon),p=l.IconUtils.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:e}),d=n.items&&r.createElement("span",{className:c}),f=n.label&&r.createElement("span",{className:"p-menuitem-text"},n.label),v=l.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!o}),N=r.createRef(),g=r.createElement("a",{href:n.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return S(e,n)},"aria-expanded":o,id:h,"aria-controls":x,"aria-disabled":n.disabled},d,p,f);n.template&&(g=l.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return S(e,n)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:c,iconClassName:m,element:g,props:e,leaf:!n.items,active:o}));return r.createElement("div",{key:i,className:s,style:n.style},r.createElement("div",{className:u,style:n.style},g),r.createElement(t.CSSTransition,{nodeRef:N,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:P,disabled:b,in:o,unmountOnExit:!0,options:e.transitionOptions},r.createElement("div",{ref:N,className:v,role:"region",id:x,"aria-labelledby":h},r.createElement("div",{className:"p-panelmenu-content"},r.createElement(y,{menuProps:e,model:n.items,className:"p-panelmenu-root-submenu",multiple:e.multiple})))))},I=l.ObjectUtils.findDiffKeys(e,N.defaultProps),k=l.classNames("p-panelmenu p-component",e.className),w=e.model?e.model.map(C):null;return r.createElement("div",i({id:e.id,ref:E,className:k,style:e.style},I),w)})));N.displayName="PanelMenu",N.defaultProps={__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null},exports.PanelMenu=N;
+"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;

package/panelmenu/panelmenu.d.ts

@@ -8,8 +8,8 @@
  *
  */
 import * as React from 'react';
-import { MenuItem } from '../menuitem';
 import { CSSTransitionProps } from '../csstransition';
+import { MenuItem } from '../menuitem';
 
 /**
  * Defines valid properties in PanelMenu component. In addition to these, all properties of HTMLDivElement can be used in this component.
@@ -43,7 +43,7 @@ export interface PanelMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLA
  *
  * [Live Demo](https://www.primefaces.org/primereact/panelmenu/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */

package/panelmenu/panelmenu.esm.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { CSSTransition } from 'primereact/csstransition';
 import { useMountEffect, useUpdateEffect } from 'primereact/hooks';
-import { classNames, IconUtils, ObjectUtils, UniqueComponentId } from 'primereact/utils';
+import { ObjectUtils, classNames, IconUtils, UniqueComponentId } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -20,9 +20,7 @@ function _extends() {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -69,9 +67,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -93,6 +89,25 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var PanelMenuBase = {
+  defaultProps: {
+    __TYPE: 'Panel',
+    id: null,
+    model: null,
+    style: null,
+    className: null,
+    multiple: false,
+    transitionOptions: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, PanelMenuBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, PanelMenuBase.defaultProps);
+  }
+};
+
 var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -260,7 +275,8 @@ var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
 });
 PanelMenuSub.displayName = 'PanelMenuSub';
 
-var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = PanelMenuBase.getProps(inProps);
   var _React$useState = React.useState(props.id),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     idState = _React$useState2[0],
@@ -442,7 +458,7 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var createPanels = function createPanels() {
     return props.model ? props.model.map(createPanel) : null;
   };
-  var otherProps = ObjectUtils.findDiffKeys(props, PanelMenu.defaultProps);
+  var otherProps = PanelMenuBase.getOtherProps(props);
   var className = classNames('p-panelmenu p-component', props.className);
   var panels = createPanels();
   return /*#__PURE__*/React.createElement("div", _extends({
@@ -453,14 +469,5 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   }, otherProps), panels);
 }));
 PanelMenu.displayName = 'PanelMenu';
-PanelMenu.defaultProps = {
-  __TYPE: 'Panel',
-  id: null,
-  model: null,
-  style: null,
-  className: null,
-  multiple: false,
-  transitionOptions: null
-};
 
 export { PanelMenu };

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{classNames as a,IconUtils as r,ObjectUtils 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,a,r,i,o=[],u=!0,m=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(l=r.call(t)).done)&&(o.push(l.value),o.length!==n);u=!0);}catch(e){m=!0,a=e}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(m)throw a}}return o}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e,n){return b(e)||v(e,n)||p(e,n)||y()}var N=e.memo((function(l){var o=g(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(N,{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=r.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:l.menuProps}),y=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),g=n.items&&e.createElement("span",{className:f}),N=b(n,u),E=e.createElement("a",{href:n.url||"#",className:s,target:n.target,onClick:function(e){return c(e,n)},role:"menuitem","aria-disabled":n.disabled},g,v,y);n.template&&(E=i.getJSXElement(n.template,n,{onClick:function(e){return c(e,n)},className:s,labelClassName:"p-menuitem-text",iconClassName:d,submenuIconClassName:f,element:E,props:l,leaf:!n.items,active:u}));return e.createElement("li",{key:o,id:n.id,className:m,style:n.style,role:"none"},E,N)},y=function(e,n){return e.separator?d(n):v(e,n)},E=a("p-submenu-list",l.className),h=l.model?l.model.map(y):null;return e.createElement("ul",{className:E,role:"tree"},h)}));N.displayName="PanelMenuSub";var E=e.memo(e.forwardRef((function(m,s){var c=g(e.useState(m.id),2),p=c[0],d=c[1],b=g(e.useState(null),2),v=b[0],y=b[1],h=g(e.useState(!1),2),x=h[0],S=h[1],O=e.useRef(null),k=p+"_header",w=p+"_content",C=function(){if(m.model){if(m.multiple)return m.model.filter((function(e){return e.expanded}));var e=null;return m.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},P=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=v;I(n)?(n.expanded=!1,y(m.multiple?t.filter((function(e){return e!==n})):null)):(!m.multiple&&t&&(t.expanded=!1),n.expanded=!0,y(m.multiple?[].concat(f(t||[]),[n]):n))}},I=function(e){return v&&(m.multiple?v.indexOf(e)>-1:v===e)};e.useImperativeHandle(s,(function(){return{props:m,getElement:function(){return O.current}}})),t((function(){p||d(o()),y(C())})),l((function(){S(!0),y(C())}),[m.model]);var j=function(){S(!1)},A=function(t,l){if(!1===t.visible)return null;var o=t.label+"_"+l,u=I(t),s=a("p-panelmenu-panel",t.className),c=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=r.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:m}),b=t.items&&e.createElement("span",{className:p}),v=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),y=a("p-toggleable-content",{"p-toggleable-content-collapsed":!u}),g=e.createRef(),E=e.createElement("a",{href:t.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return P(e,t)},"aria-expanded":u,id:k,"aria-controls":w,"aria-disabled":t.disabled},b,f,v);t.template&&(E=i.getJSXElement(t.template,t,{onClick:function(e){return P(e,t)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:p,iconClassName:d,element:E,props:m,leaf:!t.items,active:u}));return e.createElement("div",{key:o,className:s,style:t.style},e.createElement("div",{className:c,style:t.style},E),e.createElement(n,{nodeRef:g,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:j,disabled:x,in:u,unmountOnExit:!0,options:m.transitionOptions},e.createElement("div",{ref:g,className:y,role:"region",id:w,"aria-labelledby":k},e.createElement("div",{className:"p-panelmenu-content"},e.createElement(N,{menuProps:m,model:t.items,className:"p-panelmenu-root-submenu",multiple:m.multiple})))))},_=i.findDiffKeys(m,E.defaultProps),R=a("p-panelmenu p-component",m.className),D=m.model?m.model.map(A):null;return e.createElement("div",u({id:m.id,ref:O,className:R,style:m.style},_),D)})));E.displayName="PanelMenu",E.defaultProps={__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null};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 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};

package/panelmenu/panelmenu.js

@@ -39,9 +39,7 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -88,9 +86,7 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -112,6 +108,25 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var PanelMenuBase = {
+    defaultProps: {
+      __TYPE: 'Panel',
+      id: null,
+      model: null,
+      style: null,
+      className: null,
+      multiple: false,
+      transitionOptions: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, PanelMenuBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, PanelMenuBase.defaultProps);
+    }
+  };
+
   var PanelMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -279,7 +294,8 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
   });
   PanelMenuSub.displayName = 'PanelMenuSub';
 
-  var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = PanelMenuBase.getProps(inProps);
     var _React$useState = React__namespace.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       idState = _React$useState2[0],
@@ -461,7 +477,7 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
     var createPanels = function createPanels() {
       return props.model ? props.model.map(createPanel) : null;
     };
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, PanelMenu.defaultProps);
+    var otherProps = PanelMenuBase.getOtherProps(props);
     var className = utils.classNames('p-panelmenu p-component', props.className);
     var panels = createPanels();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -472,15 +488,6 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
     }, otherProps), panels);
   }));
   PanelMenu.displayName = 'PanelMenu';
-  PanelMenu.defaultProps = {
-    __TYPE: 'Panel',
-    id: null,
-    model: null,
-    style: null,
-    className: null,
-    multiple: false,
-    transitionOptions: null
-  };
 
   exports.PanelMenu = PanelMenu;