primereact 8.7.2 → 9.0.0-beta.1

package/panel/panel.cjs.js

@@ -32,14 +32,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -50,42 +48,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      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) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 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];
   }
-
   return arr2;
 }
 
@@ -108,25 +104,21 @@ function _slicedToArray(arr, i) {
 
 var Panel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(props.id),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      idState = _React$useState2[0],
-      setIdState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    idState = _React$useState2[0],
+    setIdState = _React$useState2[1];
   var _React$useState3 = React__namespace.useState(props.collapsed),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      collapsedState = _React$useState4[0],
-      setCollapsedState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    collapsedState = _React$useState4[0],
+    setCollapsedState = _React$useState4[1];
   var elementRef = React__namespace.useRef(ref);
   var contentRef = React__namespace.useRef(null);
   var collapsed = props.toggleable ? props.onToggle ? props.collapsed : collapsedState : false;
   var headerId = idState + '_header';
   var contentId = idState + '_content';
-
   var toggle = function toggle(event) {
     if (props.toggleable) {
       collapsed ? expand(event) : collapse(event);
-
       if (props.onToggle) {
         props.onToggle({
           originalEvent: event,
@@ -134,26 +126,20 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
         });
       }
     }
-
     event.preventDefault();
   };
-
   var expand = function expand(event) {
     if (!props.onToggle) {
       setCollapsedState(false);
     }
-
     props.onExpand && props.onExpand(event);
   };
-
   var collapse = function collapse(event) {
     if (!props.onToggle) {
       setCollapsedState(true);
     }
-
     props.onCollapse && props.onCollapse(event);
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -173,7 +159,6 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       setIdState(utils.UniqueComponentId());
     }
   });
-
   var createToggleIcon = function createToggleIcon() {
     if (props.toggleable) {
       var buttonId = idState + '_label';
@@ -190,10 +175,8 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
         collapsed: collapsed
       }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
-
     return null;
   };
-
   var createHeader = function createHeader() {
     var header = utils.ObjectUtils.getJSXElement(props.header, props);
     var icons = utils.ObjectUtils.getJSXElement(props.icons, props);
@@ -208,7 +191,6 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var content = /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-panel-header"
     }, titleElement, iconsElement);
-
     if (props.headerTemplate) {
       var defaultContentOptions = {
         className: 'p-panel-header',
@@ -228,10 +210,8 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     } else if (props.header || props.toggleable) {
       return content;
     }
-
     return null;
   };
-
   var createContent = function createContent() {
     return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
       nodeRef: contentRef,
@@ -254,7 +234,6 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       className: "p-panel-content"
     }, props.children)));
   };
-
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Panel.defaultProps);
   var className = utils.classNames('p-panel p-component', {
     'p-panel-toggleable': props.toggleable

package/panel/panel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/csstransition"),t=require("primereact/hooks"),l=require("primereact/ripple"),r=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var o=a(e);function i(){return i=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},i.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=!0,i=!1;try{for(t=t.call(e);!(o=(l=t.next()).done)&&(a.push(l.value),!n||a.length!==n);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw r}}return a}}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 p(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 f(e,n){return c(e)||s(e,n)||p(e,n)||d()}var g=o.forwardRef((function(e,a){var c=f(o.useState(e.id),2),s=c[0],u=c[1],p=f(o.useState(e.collapsed),2),d=p[0],m=p[1],b=o.useRef(a),v=o.useRef(null),y=!!e.toggleable&&(e.onToggle?e.collapsed:d),h=s+"_header",E=s+"_content",O=function(n){e.toggleable&&(y?j(n):N(n),e.onToggle&&e.onToggle({originalEvent:n,value:!y})),n.preventDefault()},j=function(n){e.onToggle||m(!1),e.onExpand&&e.onExpand(n)},N=function(n){e.onToggle||m(!0),e.onCollapse&&e.onCollapse(n)};o.useImperativeHandle(a,(function(){return{props:e,getElement:function(){return b.current},getContent:function(){return v.current}}})),o.useEffect((function(){r.ObjectUtils.combinedRefs(b,a)}),[b,a]),t.useMountEffect((function(){s||u(r.UniqueComponentId())}));var I=r.ObjectUtils.findDiffKeys(e,g.defaultProps),C=r.classNames("p-panel p-component",{"p-panel-toggleable":e.toggleable},e.className),S=function(){var n=r.ObjectUtils.getJSXElement(e.header,e),t=r.ObjectUtils.getJSXElement(e.icons,e),a=e.toggleable?o.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}),o.createElement(l.Ripple,null)):null,i=o.createElement("span",{className:"p-panel-title",id:h},n),c=o.createElement("div",{className:"p-panel-icons"},t,a),u=o.createElement("div",{className:"p-panel-header"},i,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:i,iconsElement:c,togglerElement:a,element:u,props:e,collapsed:y}):e.header||e.toggleable?u:null}(),T=o.createElement(n.CSSTransition,{nodeRef:v,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!y,unmountOnExit:!0,options:e.transitionOptions},o.createElement("div",{ref:v,className:"p-toggleable-content","aria-hidden":y,role:"region",id:E,"aria-labelledby":h},o.createElement("div",{className:"p-panel-content"},e.children)));return o.createElement("div",i({id:e.id,ref:b,className:C,style:e.style},I),S,T)}));g.displayName="Panel",g.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=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/csstransition"),t=require("primereact/hooks"),l=require("primereact/ripple"),r=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var o=a(e);function i(){return i=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},i.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=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(l=a.call(t)).done)&&(i.push(l.value),i.length!==n);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)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 p(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 f(e,n){return c(e)||s(e,n)||p(e,n)||d()}var g=o.forwardRef((function(e,a){var c=f(o.useState(e.id),2),s=c[0],u=c[1],p=f(o.useState(e.collapsed),2),d=p[0],m=p[1],b=o.useRef(a),v=o.useRef(null),y=!!e.toggleable&&(e.onToggle?e.collapsed:d),h=s+"_header",E=s+"_content",O=function(n){e.toggleable&&(y?j(n):N(n),e.onToggle&&e.onToggle({originalEvent:n,value:!y})),n.preventDefault()},j=function(n){e.onToggle||m(!1),e.onExpand&&e.onExpand(n)},N=function(n){e.onToggle||m(!0),e.onCollapse&&e.onCollapse(n)};o.useImperativeHandle(a,(function(){return{props:e,getElement:function(){return b.current},getContent:function(){return v.current}}})),o.useEffect((function(){r.ObjectUtils.combinedRefs(b,a)}),[b,a]),t.useMountEffect((function(){s||u(r.UniqueComponentId())}));var I=r.ObjectUtils.findDiffKeys(e,g.defaultProps),C=r.classNames("p-panel p-component",{"p-panel-toggleable":e.toggleable},e.className),S=function(){var n=r.ObjectUtils.getJSXElement(e.header,e),t=r.ObjectUtils.getJSXElement(e.icons,e),a=e.toggleable?o.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}),o.createElement(l.Ripple,null)):null,i=o.createElement("span",{className:"p-panel-title",id:h},n),c=o.createElement("div",{className:"p-panel-icons"},t,a),u=o.createElement("div",{className:"p-panel-header"},i,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:i,iconsElement:c,togglerElement:a,element:u,props:e,collapsed:y}):e.header||e.toggleable?u:null}(),T=o.createElement(n.CSSTransition,{nodeRef:v,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!y,unmountOnExit:!0,options:e.transitionOptions},o.createElement("div",{ref:v,className:"p-toggleable-content","aria-hidden":y,role:"region",id:E,"aria-labelledby":h},o.createElement("div",{className:"p-panel-content"},e.children)));return o.createElement("div",i({id:e.id,ref:b,className:C,style:e.style},I),S,T)}));g.displayName="Panel",g.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=g;

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;
-    titleClassName: string;
+    /**
+     * Style class of the panel title.
+     */
+    titleClssName: 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://www.primefaces.org/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

@@ -8,14 +8,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -26,42 +24,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      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) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 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];
   }
-
   return arr2;
 }
 
@@ -84,25 +80,21 @@ function _slicedToArray(arr, i) {
 
 var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.id),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      idState = _React$useState2[0],
-      setIdState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    idState = _React$useState2[0],
+    setIdState = _React$useState2[1];
   var _React$useState3 = React.useState(props.collapsed),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      collapsedState = _React$useState4[0],
-      setCollapsedState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    collapsedState = _React$useState4[0],
+    setCollapsedState = _React$useState4[1];
   var elementRef = React.useRef(ref);
   var contentRef = React.useRef(null);
   var collapsed = props.toggleable ? props.onToggle ? props.collapsed : collapsedState : false;
   var headerId = idState + '_header';
   var contentId = idState + '_content';
-
   var toggle = function toggle(event) {
     if (props.toggleable) {
       collapsed ? expand(event) : collapse(event);
-
       if (props.onToggle) {
         props.onToggle({
           originalEvent: event,
@@ -110,26 +102,20 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
         });
       }
     }
-
     event.preventDefault();
   };
-
   var expand = function expand(event) {
     if (!props.onToggle) {
       setCollapsedState(false);
     }
-
     props.onExpand && props.onExpand(event);
   };
-
   var collapse = function collapse(event) {
     if (!props.onToggle) {
       setCollapsedState(true);
     }
-
     props.onCollapse && props.onCollapse(event);
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -149,7 +135,6 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       setIdState(UniqueComponentId());
     }
   });
-
   var createToggleIcon = function createToggleIcon() {
     if (props.toggleable) {
       var buttonId = idState + '_label';
@@ -166,10 +151,8 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
         collapsed: collapsed
       }), /*#__PURE__*/React.createElement(Ripple, null));
     }
-
     return null;
   };
-
   var createHeader = function createHeader() {
     var header = ObjectUtils.getJSXElement(props.header, props);
     var icons = ObjectUtils.getJSXElement(props.icons, props);
@@ -184,7 +167,6 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var content = /*#__PURE__*/React.createElement("div", {
       className: "p-panel-header"
     }, titleElement, iconsElement);
-
     if (props.headerTemplate) {
       var defaultContentOptions = {
         className: 'p-panel-header',
@@ -204,10 +186,8 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     } else if (props.header || props.toggleable) {
       return content;
     }
-
     return null;
   };
-
   var createContent = function createContent() {
     return /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: contentRef,
@@ -230,7 +210,6 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: "p-panel-content"
     }, props.children)));
   };
-
   var otherProps = ObjectUtils.findDiffKeys(props, Panel.defaultProps);
   var className = classNames('p-panel p-component', {
     'p-panel-toggleable': props.toggleable

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=!0,i=!1;try{for(t=t.call(e);!(o=(l=t.next()).done)&&(r.push(l.value),!n||r.length!==n);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw a}}return r}}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):S(e),p.onToggle&&p.onToggle({originalEvent:e,value:!N})),e.preventDefault()},C=function(e){p.onToggle||y(!1),p.onExpand&&p.onExpand(e)},S=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 O=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},O),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 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};