primereact 8.7.3 → 9.0.0-rc.1

package/panel/panel.d.ts

@@ -1,47 +1,173 @@
+/**
+ *
+ * Panel is a grouping component providing with content toggle feature.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/panel/)
+ *
+ * @module panel
+ *
+ */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 import { IconType } from '../utils';
 
-type PanelHeaderTemplateType = React.ReactNode | ((options: PanelHeaderTemplateOptions) => React.ReactNode);
-
-type PanelIconsTemplateType = React.ReactNode | ((props: PanelProps) => React.ReactNode);
-
+/**
+ * Custom panel header template options.
+ * @group Misc
+ */
 interface PanelHeaderTemplateOptions {
+    /**
+     * Style class of the panel.
+     */
     className: string;
+    /**
+     * Style class of the panel title.
+     */
     titleClassName: string;
+    /**
+     * Style class of the panel icons.
+     */
     iconsClassName: string;
+    /**
+     * Style class of the panel toggler.
+     */
     togglerClassName: string;
+    /**
+     * Style class of the panel toggler icon.
+     */
     togglerIconClassName: string;
+    /**
+     * Callback to invoke when the toggler button is clicked.
+     * @param {React.MouseEvent<HTMLElement>} event Browser event.
+     */
     onTogglerClick(event: React.MouseEvent<HTMLElement>): void;
+    /**
+     * The JSX element that represents the title of the panel.
+     */
     titleElement: JSX.Element;
+    /**
+     * The JSX element that represents the icons of the panel.
+     */
     iconsElement: JSX.Element;
+    /**
+     * The JSX element that represents the toggler of the panel.
+     */
     togglerElement: JSX.Element;
+    /**
+     * The JSX element that represents the panel.
+     */
     element: JSX.Element;
+    /**
+     * The props of the Panel component.
+     */
     props: PanelProps;
+    /**
+     * Whether the panel header is collapsed or not.
+     */
     collapsed: boolean;
 }
 
-interface PanelToggleParams {
+/**
+ * Custom toggle event.
+ * @see {@link PanelProps.onToggle}
+ * @event
+ */
+interface PanelToggleEvent {
+    /**
+     * Browser event.
+     */
     originalEvent: React.MouseEvent<HTMLElement>;
+    /**
+     * Collapsed state as a boolean.
+     */
     value: boolean;
 }
 
+/**
+ * Defines valid properties in Panel component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface PanelProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    header?: React.ReactNode;
-    headerTemplate?: PanelHeaderTemplateType;
-    toggleable?: boolean;
-    collapsed?: boolean;
-    expandIcon?: IconType<PanelProps>;
-    collapseIcon?: IconType<PanelProps>;
-    icons?: PanelIconsTemplateType;
-    transitionOptions?: CSSTransitionProps;
+    /**
+     * Custom header template of the panel.
+     */
+    header?: React.ReactNode | undefined;
+    /**
+     * Header template of the panel to customize more.
+     * @param {PanelHeaderTemplateOptions} options - Options to customize the header template.
+     */
+    headerTemplate?: React.ReactNode | ((options: PanelHeaderTemplateOptions) => React.ReactNode);
+    /**
+     * Defines if content of panel can be expanded and collapsed.
+     * @defaultValue false
+     */
+    toggleable?: boolean | undefined;
+    /**
+     * Defines the initial state of panel content, supports one or two-way binding as well.
+     * @defaultValue false
+     */
+    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;
+    /**
+     * Custom icons template for the header.
+     */
+    icons?: React.ReactNode | ((props: PanelProps) => React.ReactNode);
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     * @type {CSSTransitionProps}
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Callback to invoke when a tab gets expanded.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
     onExpand?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke when an active tab is collapsed by clicking on the header.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
     onCollapse?(event: React.SyntheticEvent): void;
-    onToggle?(e: PanelToggleParams): void;
-    children?: React.ReactNode;
+    /**
+     * Callback to invoke when a tab gets expanded.
+     * @param {PanelToggleEvent} event - Custom toggle event.
+     */
+    onToggle?(event: PanelToggleEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Panel**
+ *
+ * _Panel is a grouping component providing with content toggle feature._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/panel/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Panel extends React.Component<PanelProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
+    /**
+     * Used to get content of the panel.
+     * @return {HTMLDivElement} Content element
+     */
     public getContent(): HTMLDivElement;
 }

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

@@ -1,14 +1,56 @@
+/**
+ *
+ * PanelMenu is a hybrid of accordion-tree components.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/panelmenu/)
+ *
+ * @module panelmenu
+ *
+ */
 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.
+ * @group Properties
+ */
 export interface PanelMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    model?: MenuItem[];
-    multiple?: boolean;
-    transitionOptions?: CSSTransitionProps;
-    children?: React.ReactNode;
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * Whether multiple tabs can be activated at the same time or not.
+     * @defaultValue false
+     */
+    multiple?: boolean | undefined;
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - PanelMenu**
+ *
+ * _PanelMenu is a hybrid of accordion-tree components._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/panelmenu/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class PanelMenu extends React.Component<PanelMenuProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }