primereact 9.0.0-beta.1 → 9.0.0

package/paginator/paginator.js

@@ -55,9 +55,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, 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.paginator = (function (exports, React, hooks, utils, api, 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;
   }
 
@@ -137,9 +133,173 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return obj;
   }
 
+  var PaginatorBase = {
+    defaultProps: {
+      __TYPE: 'Paginator',
+      totalRecords: 0,
+      rows: 0,
+      first: 0,
+      pageLinkSize: 5,
+      rowsPerPageOptions: null,
+      alwaysShow: true,
+      style: null,
+      className: null,
+      template: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown',
+      onPageChange: null,
+      leftContent: null,
+      rightContent: null,
+      dropdownAppendTo: null,
+      currentPageReportTemplate: '({currentPage} of {totalPages})',
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, PaginatorBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, PaginatorBase.defaultProps);
+    }
+  };
+  var CurrentPageReportBase = {
+    defaultProps: {
+      __TYPE: 'CurrentPageReport',
+      pageCount: null,
+      page: null,
+      first: null,
+      rows: null,
+      totalRecords: null,
+      reportTemplate: '({currentPage} of {totalPages})',
+      template: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, CurrentPageReportBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, CurrentPageReportBase.defaultProps);
+    }
+  };
+  var FirstPageLinkBase = {
+    defaultProps: {
+      __TYPE: 'FirstPageLink',
+      disabled: false,
+      onClick: null,
+      template: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, FirstPageLinkBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, FirstPageLinkBase.defaultProps);
+    }
+  };
+  var JumpToPageInputBase = {
+    defaultProps: {
+      __TYPE: 'JumpToPageInput',
+      page: null,
+      rows: null,
+      pageCount: null,
+      disabled: false,
+      template: null,
+      onChange: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, JumpToPageInputBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, JumpToPageInputBase.defaultProps);
+    }
+  };
+  var LastPageLinkBase = {
+    defaultProps: {
+      __TYPE: 'LastPageLink',
+      disabled: false,
+      onClick: null,
+      template: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, LastPageLinkBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, LastPageLinkBase.defaultProps);
+    }
+  };
+  var NextPageLinkBase = {
+    defaultProps: {
+      __TYPE: 'NextPageLink',
+      disabled: false,
+      onClick: null,
+      template: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, NextPageLinkBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, NextPageLinkBase.defaultProps);
+    }
+  };
+  var PageLinksBase = {
+    defaultProps: {
+      __TYPE: 'PageLinks',
+      value: null,
+      page: null,
+      rows: null,
+      pageCount: null,
+      links: null,
+      template: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, PageLinksBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, PageLinksBase.defaultProps);
+    }
+  };
+  var PrevPageLinkBase = {
+    defaultProps: {
+      __TYPE: 'PrevPageLink',
+      disabled: false,
+      onClick: null,
+      template: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, PrevPageLinkBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, PrevPageLinkBase.defaultProps);
+    }
+  };
+  var RowsPerPageDropdownBase = {
+    defaultProps: {
+      __TYPE: 'RowsPerPageDropdown',
+      options: null,
+      value: null,
+      page: null,
+      pageCount: null,
+      totalRecords: 0,
+      appendTo: null,
+      onChange: null,
+      template: null,
+      disabled: false,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, RowsPerPageDropdownBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, RowsPerPageDropdownBase.defaultProps);
+    }
+  };
+
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-  var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (props) {
+  var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = CurrentPageReportBase.getProps(inProps);
     var report = {
       currentPage: props.page + 1,
       totalPages: props.pageCount,
@@ -163,18 +323,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return element;
   });
   CurrentPageReport.displayName = 'CurrentPageReport';
-  CurrentPageReport.defaultProps = {
-    __TYPE: 'CurrentPageReport',
-    pageCount: null,
-    page: null,
-    first: null,
-    rows: null,
-    totalRecords: null,
-    reportTemplate: '({currentPage} of {totalPages})',
-    template: null
-  };
 
-  var FirstPageLink = /*#__PURE__*/React__namespace.memo(function (props) {
+  var FirstPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = FirstPageLinkBase.getProps(inProps);
     var className = utils.classNames('p-paginator-first p-paginator-element p-link', {
       'p-disabled': props.disabled
     });
@@ -202,14 +353,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return element;
   });
   FirstPageLink.displayName = 'FirstPageLink';
-  FirstPageLink.defaultProps = {
-    __TYPE: 'FirstPageLink',
-    disabled: false,
-    onClick: null,
-    template: null
-  };
 
-  var JumpToPageInput = /*#__PURE__*/React__namespace.memo(function (props) {
+  var JumpToPageInput = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = JumpToPageInputBase.getProps(inProps);
     var onChange = function onChange(event) {
       if (props.onChange) {
         props.onChange(props.rows * (event.value - 1), props.rows);
@@ -236,17 +382,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return element;
   });
   JumpToPageInput.displayName = 'JumpToPageInput';
-  JumpToPageInput.defaultProps = {
-    __TYPE: 'JumbToPageInput',
-    page: null,
-    rows: null,
-    pageCount: null,
-    disabled: false,
-    template: null,
-    onChange: null
-  };
 
-  var LastPageLink = /*#__PURE__*/React__namespace.memo(function (props) {
+  var LastPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = LastPageLinkBase.getProps(inProps);
     var className = utils.classNames('p-paginator-last p-paginator-element p-link', {
       'p-disabled': props.disabled
     });
@@ -274,14 +412,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return element;
   });
   LastPageLink.displayName = 'LastPageLink';
-  LastPageLink.defaultProps = {
-    __TYPE: 'LastPageLink',
-    disabled: false,
-    onClick: null,
-    template: null
-  };
 
-  var NextPageLink = /*#__PURE__*/React__namespace.memo(function (props) {
+  var NextPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = NextPageLinkBase.getProps(inProps);
     var className = utils.classNames('p-paginator-next p-paginator-element p-link', {
       'p-disabled': props.disabled
     });
@@ -309,14 +442,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return element;
   });
   NextPageLink.displayName = 'NextPageLink';
-  NextPageLink.defaultProps = {
-    __TYPE: 'NextPageLink',
-    disabled: false,
-    onClick: null,
-    template: null
-  };
 
-  var PageLinks = /*#__PURE__*/React__namespace.memo(function (props) {
+  var PageLinks = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = PageLinksBase.getProps(inProps);
     var onPageLinkClick = function onPageLinkClick(event, pageLink) {
       if (props.onClick) {
         props.onClick({
@@ -372,17 +500,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     }, elements);
   });
   PageLinks.displayName = 'PageLinks';
-  PageLinks.defaultProps = {
-    __TYPE: 'PageLinks',
-    value: null,
-    page: null,
-    rows: null,
-    pageCount: null,
-    links: null,
-    template: null
-  };
 
-  var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (props) {
+  var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = PrevPageLinkBase.getProps(inProps);
     var className = utils.classNames('p-paginator-prev p-paginator-element p-link', {
       'p-disabled': props.disabled
     });
@@ -410,14 +530,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return element;
   });
   PrevPageLink.displayName = 'PrevPageLink';
-  PrevPageLink.defaultProps = {
-    __TYPE: 'PrevPageLink',
-    disabled: false,
-    onClick: null,
-    template: null
-  };
 
-  var RowsPerPageDropdown = /*#__PURE__*/React__namespace.memo(function (props) {
+  var RowsPerPageDropdown = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = RowsPerPageDropdownBase.getProps(inProps);
     var hasOptions = props.options && props.options.length > 0;
     var options = hasOptions ? props.options.map(function (opt) {
       return {
@@ -453,20 +568,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return element;
   });
   RowsPerPageDropdown.displayName = 'RowsPerPageDropdown';
-  RowsPerPageDropdown.defaultProps = {
-    __TYPE: 'RowsPerPageDropdown',
-    options: null,
-    value: null,
-    page: null,
-    pageCount: null,
-    totalRecords: 0,
-    appendTo: null,
-    onChange: null,
-    template: null,
-    disabled: false
-  };
 
-  var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = PaginatorBase.getProps(inProps);
     var elementRef = React__namespace.useRef(null);
     var rppChanged = React__namespace.useRef(false);
     var page = Math.floor(props.first / props.rows);
@@ -667,7 +771,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     if (!props.alwaysShow && pageCount === 1) {
       return null;
     } else {
-      var otherProps = utils.ObjectUtils.findDiffKeys(props, Paginator.defaultProps);
+      var otherProps = PaginatorBase.getOtherProps(props);
       var className = utils.classNames('p-paginator p-component', props.className);
       var leftContent = utils.ObjectUtils.getJSXElement(props.leftContent, props);
       var rightContent = utils.ObjectUtils.getJSXElement(props.rightContent, props);
@@ -686,23 +790,6 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     }
   }));
   Paginator.displayName = 'Paginator';
-  Paginator.defaultProps = {
-    __TYPE: 'Paginator',
-    totalRecords: 0,
-    rows: 0,
-    first: 0,
-    pageLinkSize: 5,
-    rowsPerPageOptions: null,
-    alwaysShow: true,
-    style: null,
-    className: null,
-    template: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown',
-    onPageChange: null,
-    leftContent: null,
-    rightContent: null,
-    dropdownAppendTo: null,
-    currentPageReportTemplate: '({currentPage} of {totalPages})'
-  };
 
   exports.Paginator = Paginator;
 

package/paginator/paginator.min.js

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

package/panel/package.json

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

package/panel/panel.cjs.js

@@ -61,9 +61,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 {
@@ -79,9 +77,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;
 }
 
@@ -102,7 +98,35 @@ function _slicedToArray(arr, i) {
   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],
@@ -234,7 +258,7 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       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);
@@ -248,22 +272,5 @@ var Panel = /*#__PURE__*/React__namespace.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
-};
 
 exports.Panel = Panel;

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,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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/hooks"),l=require("primereact/ripple"),r=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=a(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},i.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a,o,i=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=a.call(n)).done)&&(i.push(l.value),i.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return i}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function p(e,t){if(e){if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e,t){return c(e)||s(e,t)||p(e,t)||d()}var f={defaultProps:{__TYPE:"Panel",id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,f.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,f.defaultProps)}},m=o.forwardRef((function(e,a){var c=f.getProps(e),s=g(o.useState(c.id),2),u=s[0],p=s[1],d=g(o.useState(c.collapsed),2),m=d[0],b=d[1],v=o.useRef(a),h=o.useRef(null),y=!!c.toggleable&&(c.onToggle?c.collapsed:m),E=u+"_header",O=u+"_content",j=function(e){c.toggleable&&(y?N(e):P(e),c.onToggle&&c.onToggle({originalEvent:e,value:!y})),e.preventDefault()},N=function(e){c.onToggle||b(!1),c.onExpand&&c.onExpand(e)},P=function(e){c.onToggle||b(!0),c.onCollapse&&c.onCollapse(e)};o.useImperativeHandle(a,(function(){return{props:c,getElement:function(){return v.current},getContent:function(){return h.current}}})),o.useEffect((function(){r.ObjectUtils.combinedRefs(v,a)}),[v,a]),n.useMountEffect((function(){u||p(r.UniqueComponentId())}));var I=f.getOtherProps(c),C=r.classNames("p-panel p-component",{"p-panel-toggleable":c.toggleable},c.className),S=function(){var e=r.ObjectUtils.getJSXElement(c.header,c),t=r.ObjectUtils.getJSXElement(c.icons,c),n=c.toggleable?o.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:j,id:u+"_label","aria-controls":O,"aria-expanded":!y,role:"tab"},r.IconUtils.getJSXIcon(y?c.expandIcon:c.collapseIcon,void 0,{props:c,collapsed:y}),o.createElement(l.Ripple,null)):null,a=o.createElement("span",{className:"p-panel-title",id:E},e),i=o.createElement("div",{className:"p-panel-icons"},t,n),s=o.createElement("div",{className:"p-panel-header"},a,i);return c.headerTemplate?r.ObjectUtils.getJSXElement(c.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:y?c.expandIcon:c.collapseIcon,onTogglerClick:j,titleElement:a,iconsElement:i,togglerElement:n,element:s,props:c,collapsed:y}):c.header||c.toggleable?s:null}(),T=o.createElement(t.CSSTransition,{nodeRef:h,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!y,unmountOnExit:!0,options:c.transitionOptions},o.createElement("div",{ref:h,className:"p-toggleable-content","aria-hidden":y,role:"region",id:O,"aria-labelledby":E},o.createElement("div",{className:"p-panel-content"},c.children)));return o.createElement("div",i({id:c.id,ref:v,className:C,style:c.style},I),S,T)}));m.displayName="Panel",exports.Panel=m;

package/panel/panel.d.ts

@@ -2,7 +2,7 @@
  *
  * Panel is a grouping component providing with content toggle feature.
  *
- * [Live Demo](https://www.primefaces.org/primereact/panel/)
+ * [Live Demo](https://www.primereact.org/panel/)
  *
  * @module panel
  *
@@ -13,7 +13,6 @@ import { IconType } from '../utils';
 
 /**
  * Custom panel header template options.
- * @group Misc
  */
 interface PanelHeaderTemplateOptions {
     /**
@@ -23,7 +22,7 @@ interface PanelHeaderTemplateOptions {
     /**
      * Style class of the panel title.
      */
-    titleClssName: string;
+    titleClassName: string;
     /**
      * Style class of the panel icons.
      */
@@ -153,9 +152,9 @@ export interface PanelProps extends Omit<React.DetailedHTMLProps<React.HTMLAttri
  *
  * _Panel is a grouping component providing with content toggle feature._
  *
- * [Live Demo](https://www.primefaces.org/primereact/panel/)
+ * [Live Demo](https://www.primereact.org/panel/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */