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

package/sidebar/sidebar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),l=require("primereact/portal"),i=require("primereact/ripple"),o=require("primereact/utils");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=s(e),u=a(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}function f(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 r,l,i,o,a=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);s=!0);}catch(e){c=!0,l=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw l}}return a}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return f(e)||p(e,t)||b(e,t)||v()}var h=c.forwardRef((function(e,a){var s=y(c.useState(!1),2),f=s[0],p=s[1],m=y(c.useState(!1),2),b=m[0],v=m[1],E=c.useRef(null),S=c.useRef(null),O=c.useRef(null),g=y(r.useEventListener({type:"keydown",listener:function(e){27===e.which&&o.ZIndexUtils.get(S.current)===o.ZIndexUtils.getCurrent("modal",u.default.autoZIndex)&&U(e)}}),2),w=g[0],k=g[1],I=y(r.useEventListener({type:"click",listener:function(e){2!==e.which&&C(e)&&U(e)}}),2),j=I[0],x=I[1],C=function(e){return E&&E.current&&!E.current.contains(e.target)},N=function(t){e.dismissable&&e.modal&&S.current===t.target&&U(t)},U=function(t){e.onHide(),t.preventDefault()},Z=function(){var t;e.onShow&&e.onShow(),!((t=document.activeElement)&&E&&E.current.contains(t))&&e.showCloseIcon&&O.current.focus(),D()},P=function(){e.modal&&o.DomHandler.addClass(S.current,"p-component-overlay-leave")},q=function(){o.ZIndexUtils.clear(S.current),p(!1),A()},D=function(){e.closeOnEscape&&w(),e.dismissable&&!e.modal&&j(),e.blockScroll&&o.DomHandler.addClass(document.body,"p-overflow-hidden")},A=function(){k(),x(),e.blockScroll&&o.DomHandler.removeClass(document.body,"p-overflow-hidden")};c.useImperativeHandle(a,(function(){return{props:e,getElement:function(){return E.current},gteMask:function(){return S.current},getCloseIcon:function(){return O.current}}})),r.useMountEffect((function(){e.visible&&p(!0)})),r.useUpdateEffect((function(){e.visible&&!f&&p(!0),e.visible!==b&&f&&v(e.visible)})),r.useUpdateEffect((function(){f&&(o.ZIndexUtils.set("modal",S.current,u.default.autoZIndex,e.baseZIndex||u.default.zIndex.modal),v(!0))}),[f]),r.useUpdateEffect((function(){b&&(x(),e.dismissable&&!e.modal&&j())}),[e.dismissable,e.modal,b]),r.useUnmountEffect((function(){A(),S.current&&o.ZIndexUtils.clear(S.current)}));var H,M,R,T,_,L,z,J=function(){if(e.showCloseIcon){var n=e.ariaCloseLabel||t.localeOption("close");return c.createElement("button",{type:"button",ref:O,className:"p-sidebar-close p-sidebar-icon p-link",onClick:U,"aria-label":n},c.createElement("span",{className:"p-sidebar-close-icon pi pi-times","aria-hidden":"true"}),c.createElement(i.Ripple,null))}return null};return f&&(M=o.ObjectUtils.findDiffKeys(e,h.defaultProps),R=o.classNames("p-sidebar p-component",e.className,{"p-input-filled":"filled"===u.default.inputStyle,"p-ripple-disabled":!1===u.default.ripple}),T=o.classNames("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":e.modal,"p-sidebar-mask-scrollblocker":e.blockScroll,"p-sidebar-visible":f,"p-sidebar-full":e.fullScreen},(H=["left","right","top","bottom"].find((function(t){return t===e.position})))?"p-sidebar-".concat(H):"",e.maskClassName),_=J(),L=e.icons?o.ObjectUtils.getJSXElement(e.icons,e):null,z=c.createElement("div",{ref:S,style:e.maskStyle,className:T,onMouseDown:N},c.createElement(n.CSSTransition,{nodeRef:E,classNames:"p-sidebar",in:b,timeout:{enter:e.fullScreen?150:300,exit:e.fullScreen?150:300},options:e.transitionOptions,unmountOnExit:!0,onEntered:Z,onExiting:P,onExited:q},c.createElement("div",d({ref:E,id:e.id,className:R,style:e.style},M,{role:"complementary"}),c.createElement("div",{className:"p-sidebar-header"},L,_),c.createElement("div",{className:"p-sidebar-content"},e.children)))),c.createElement(l.Portal,{element:z,appendTo:e.appendTo,visible:!0}))}));h.displayName="Sidebar",h.defaultProps={__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.Sidebar=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),l=require("primereact/portal"),o=require("primereact/ripple"),i=require("primereact/utils");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=s(e),u=a(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}function f(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 r,l,o,i,a=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);s=!0);}catch(e){c=!0,l=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw l}}return a}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return f(e)||p(e,t)||b(e,t)||v()}var h={defaultProps:{__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,h.defaultProps)}},g=c.forwardRef((function(e,a){var s=h.getProps(e),f=y(c.useState(!1),2),p=f[0],m=f[1],b=y(c.useState(!1),2),v=b[0],g=b[1],E=c.useRef(null),S=c.useRef(null),O=c.useRef(null),w=y(r.useEventListener({type:"keydown",listener:function(e){27===e.which&&i.ZIndexUtils.get(S.current)===i.ZIndexUtils.getCurrent("modal",u.default.autoZIndex)&&U(e)}}),2),j=w[0],k=w[1],I=y(r.useEventListener({type:"click",listener:function(e){2!==e.which&&P(e)&&U(e)}}),2),x=I[0],C=I[1],P=function(e){return E&&E.current&&!E.current.contains(e.target)},N=function(e){s.dismissable&&s.modal&&S.current===e.target&&U(e)},U=function(e){s.onHide(),e.preventDefault()},Z=function(){var e;s.onShow&&s.onShow(),!((e=document.activeElement)&&E&&E.current.contains(e))&&s.showCloseIcon&&O.current.focus(),M()},q=function(){s.modal&&i.DomHandler.addClass(S.current,"p-component-overlay-leave")},D=function(){i.ZIndexUtils.clear(S.current),m(!1),A()},M=function(){s.closeOnEscape&&j(),s.dismissable&&!s.modal&&x(),s.blockScroll&&i.DomHandler.addClass(document.body,"p-overflow-hidden")},A=function(){k(),C(),s.blockScroll&&i.DomHandler.removeClass(document.body,"p-overflow-hidden")};c.useImperativeHandle(a,(function(){return{props:s,getElement:function(){return E.current},gteMask:function(){return S.current},getCloseIcon:function(){return O.current}}})),r.useMountEffect((function(){s.visible&&m(!0)})),r.useUpdateEffect((function(){s.visible&&!p&&m(!0),s.visible!==v&&p&&g(s.visible)})),r.useUpdateEffect((function(){p&&(i.ZIndexUtils.set("modal",S.current,u.default.autoZIndex,s.baseZIndex||u.default.zIndex.modal),g(!0))}),[p]),r.useUpdateEffect((function(){v&&(C(),s.dismissable&&!s.modal&&x())}),[s.dismissable,s.modal,v]),r.useUnmountEffect((function(){A(),S.current&&i.ZIndexUtils.clear(S.current)}));var H,R,T,_,L,z,J,X=function(){if(s.showCloseIcon){var e=s.ariaCloseLabel||t.localeOption("close");return c.createElement("button",{type:"button",ref:O,className:"p-sidebar-close p-sidebar-icon p-link",onClick:U,"aria-label":e},c.createElement("span",{className:"p-sidebar-close-icon pi pi-times","aria-hidden":"true"}),c.createElement(o.Ripple,null))}return null};return p&&(R=h.getOtherProps(s),T=i.classNames("p-sidebar p-component",s.className,{"p-input-filled":"filled"===u.default.inputStyle,"p-ripple-disabled":!1===u.default.ripple}),_=i.classNames("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":s.modal,"p-sidebar-mask-scrollblocker":s.blockScroll,"p-sidebar-visible":p,"p-sidebar-full":s.fullScreen},(H=["left","right","top","bottom"].find((function(e){return e===s.position})))?"p-sidebar-".concat(H):"",s.maskClassName),L=X(),z=s.icons?i.ObjectUtils.getJSXElement(s.icons,s):null,J=c.createElement("div",{ref:S,style:s.maskStyle,className:_,onMouseDown:N},c.createElement(n.CSSTransition,{nodeRef:E,classNames:"p-sidebar",in:v,timeout:{enter:s.fullScreen?150:300,exit:s.fullScreen?150:300},options:s.transitionOptions,unmountOnExit:!0,onEntered:Z,onExiting:q,onExited:D},c.createElement("div",d({ref:E,id:s.id,className:T,style:s.style},R,{role:"complementary"}),c.createElement("div",{className:"p-sidebar-header"},z,L),c.createElement("div",{className:"p-sidebar-content"},s.children)))),c.createElement(l.Portal,{element:J,appendTo:s.appendTo,visible:!0}))}));g.displayName="Sidebar",exports.Sidebar=g;

package/sidebar/sidebar.d.ts

@@ -110,7 +110,7 @@ export interface SidebarProps extends Omit<React.DetailedHTMLProps<React.HTMLAtt
  *
  * [Live Demo](https://www.primefaces.org/primereact/sidebar/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */

package/sidebar/sidebar.esm.js

@@ -4,7 +4,7 @@ import { CSSTransition } from 'primereact/csstransition';
 import { useEventListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { Portal } from 'primereact/portal';
 import { Ripple } from 'primereact/ripple';
-import { ZIndexUtils, DomHandler, ObjectUtils, classNames } from 'primereact/utils';
+import { ObjectUtils, ZIndexUtils, DomHandler, classNames } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -39,9 +39,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 {
@@ -57,9 +55,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;
 }
 
@@ -80,7 +76,41 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var SidebarBase = {
+  defaultProps: {
+    __TYPE: 'Sidebar',
+    id: null,
+    style: null,
+    className: null,
+    maskStyle: null,
+    maskClassName: null,
+    visible: false,
+    position: 'left',
+    fullScreen: false,
+    blockScroll: false,
+    baseZIndex: 0,
+    dismissable: true,
+    showCloseIcon: true,
+    ariaCloseLabel: null,
+    closeOnEscape: true,
+    icons: null,
+    modal: true,
+    appendTo: null,
+    transitionOptions: null,
+    onShow: null,
+    onHide: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, SidebarBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, SidebarBase.defaultProps);
+  }
+};
+
+var Sidebar = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = SidebarBase.getProps(inProps);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     maskVisibleState = _React$useState2[0],
@@ -245,7 +275,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return props.icons ? ObjectUtils.getJSXElement(props.icons, props) : null;
   };
   var createElement = function createElement() {
-    var otherProps = ObjectUtils.findDiffKeys(props, Sidebar.defaultProps);
+    var otherProps = SidebarBase.getOtherProps(props);
     var className = classNames('p-sidebar p-component', props.className, {
       'p-input-filled': PrimeReact.inputStyle === 'filled',
       'p-ripple-disabled': PrimeReact.ripple === false
@@ -301,28 +331,5 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return maskVisibleState && createSidebar();
 });
 Sidebar.displayName = 'Sidebar';
-Sidebar.defaultProps = {
-  __TYPE: 'Sidebar',
-  id: null,
-  style: null,
-  className: null,
-  maskStyle: null,
-  maskClassName: null,
-  visible: false,
-  position: 'left',
-  fullScreen: false,
-  blockScroll: false,
-  baseZIndex: 0,
-  dismissable: true,
-  showCloseIcon: true,
-  ariaCloseLabel: null,
-  closeOnEscape: true,
-  icons: null,
-  modal: true,
-  appendTo: null,
-  transitionOptions: null,
-  onShow: null,
-  onHide: null
-};
 
 export { Sidebar };

package/sidebar/sidebar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n,{localeOption as t}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useEventListener as l,useMountEffect as o,useUpdateEffect as i,useUnmountEffect as a}from"primereact/hooks";import{Portal as s}from"primereact/portal";import{Ripple as c}from"primereact/ripple";import{ZIndexUtils as u,DomHandler as m,ObjectUtils as p,classNames as d}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function y(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,o,i,a=[],s=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;s=!1}else for(;!(s=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);s=!0);}catch(e){c=!0,l=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw l}}return a}}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e,n){if(e){if("string"==typeof e)return v(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)?v(e,n):void 0}}function S(){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 E(e,n){return b(e)||y(e,n)||h(e,n)||S()}var g=e.forwardRef((function(b,y){var v=E(e.useState(!1),2),h=v[0],S=v[1],w=E(e.useState(!1),2),k=w[0],C=w[1],I=e.useRef(null),O=e.useRef(null),N=e.useRef(null),x=E(l({type:"keydown",listener:function(e){27===e.which&&u.get(O.current)===u.getCurrent("modal",n.autoZIndex)&&H(e)}}),2),j=x[0],A=x[1],R=E(l({type:"click",listener:function(e){2!==e.which&&Z(e)&&H(e)}}),2),T=R[0],P=R[1],Z=function(e){return I&&I.current&&!I.current.contains(e.target)},D=function(e){b.dismissable&&b.modal&&O.current===e.target&&H(e)},H=function(e){b.onHide(),e.preventDefault()},M=function(){var e;b.onShow&&b.onShow(),!((e=document.activeElement)&&I&&I.current.contains(e))&&b.showCloseIcon&&N.current.focus(),z()},L=function(){b.modal&&m.addClass(O.current,"p-component-overlay-leave")},_=function(){u.clear(O.current),S(!1),J()},z=function(){b.closeOnEscape&&j(),b.dismissable&&!b.modal&&T(),b.blockScroll&&m.addClass(document.body,"p-overflow-hidden")},J=function(){A(),P(),b.blockScroll&&m.removeClass(document.body,"p-overflow-hidden")};e.useImperativeHandle(y,(function(){return{props:b,getElement:function(){return I.current},gteMask:function(){return O.current},getCloseIcon:function(){return N.current}}})),o((function(){b.visible&&S(!0)})),i((function(){b.visible&&!h&&S(!0),b.visible!==k&&h&&C(b.visible)})),i((function(){h&&(u.set("modal",O.current,n.autoZIndex,b.baseZIndex||n.zIndex.modal),C(!0))}),[h]),i((function(){k&&(P(),b.dismissable&&!b.modal&&T())}),[b.dismissable,b.modal,k]),a((function(){J(),O.current&&u.clear(O.current)}));var K,U,X,Y,$,q,B,F=function(){if(b.showCloseIcon){var n=b.ariaCloseLabel||t("close");return e.createElement("button",{type:"button",ref:N,className:"p-sidebar-close p-sidebar-icon p-link",onClick:H,"aria-label":n},e.createElement("span",{className:"p-sidebar-close-icon pi pi-times","aria-hidden":"true"}),e.createElement(c,null))}return null};return h&&(U=p.findDiffKeys(b,g.defaultProps),X=d("p-sidebar p-component",b.className,{"p-input-filled":"filled"===n.inputStyle,"p-ripple-disabled":!1===n.ripple}),Y=d("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":b.modal,"p-sidebar-mask-scrollblocker":b.blockScroll,"p-sidebar-visible":h,"p-sidebar-full":b.fullScreen},(K=["left","right","top","bottom"].find((function(e){return e===b.position})))?"p-sidebar-".concat(K):"",b.maskClassName),$=F(),q=b.icons?p.getJSXElement(b.icons,b):null,B=e.createElement("div",{ref:O,style:b.maskStyle,className:Y,onMouseDown:D},e.createElement(r,{nodeRef:I,classNames:"p-sidebar",in:k,timeout:{enter:b.fullScreen?150:300,exit:b.fullScreen?150:300},options:b.transitionOptions,unmountOnExit:!0,onEntered:M,onExiting:L,onExited:_},e.createElement("div",f({ref:I,id:b.id,className:X,style:b.style},U,{role:"complementary"}),e.createElement("div",{className:"p-sidebar-header"},q,$),e.createElement("div",{className:"p-sidebar-content"},b.children)))),e.createElement(s,{element:B,appendTo:b.appendTo,visible:!0}))}));g.displayName="Sidebar",g.defaultProps={__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null};export{g as Sidebar};
+import*as e from"react";import n,{localeOption as t}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useEventListener as o,useMountEffect as l,useUpdateEffect as i,useUnmountEffect as a}from"primereact/hooks";import{Portal as s}from"primereact/portal";import{Ripple as c}from"primereact/ripple";import{ObjectUtils as u,ZIndexUtils as p,DomHandler as d,classNames as m}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function v(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,i,a=[],s=!0,c=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;s=!1}else for(;!(s=(r=l.call(t)).done)&&(a.push(r.value),a.length!==n);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e,n){if(e){if("string"==typeof e)return y(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)?y(e,n):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 S(e,n){return b(e)||v(e,n)||h(e,n)||g()}var E={defaultProps:{__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return u.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return u.getDiffProps(e,E.defaultProps)}},w=e.forwardRef((function(b,v){var y=E.getProps(b),h=S(e.useState(!1),2),g=h[0],w=h[1],k=S(e.useState(!1),2),O=k[0],C=k[1],I=e.useRef(null),N=e.useRef(null),x=e.useRef(null),P=S(o({type:"keydown",listener:function(e){27===e.which&&p.get(N.current)===p.getCurrent("modal",n.autoZIndex)&&H(e)}}),2),j=P[0],A=P[1],R=S(o({type:"click",listener:function(e){2!==e.which&&Z(e)&&H(e)}}),2),T=R[0],M=R[1],Z=function(e){return I&&I.current&&!I.current.contains(e.target)},D=function(e){y.dismissable&&y.modal&&N.current===e.target&&H(e)},H=function(e){y.onHide(),e.preventDefault()},L=function(){var e;y.onShow&&y.onShow(),!((e=document.activeElement)&&I&&I.current.contains(e))&&y.showCloseIcon&&x.current.focus(),J()},_=function(){y.modal&&d.addClass(N.current,"p-component-overlay-leave")},z=function(){p.clear(N.current),w(!1),U()},J=function(){y.closeOnEscape&&j(),y.dismissable&&!y.modal&&T(),y.blockScroll&&d.addClass(document.body,"p-overflow-hidden")},U=function(){A(),M(),y.blockScroll&&d.removeClass(document.body,"p-overflow-hidden")};e.useImperativeHandle(v,(function(){return{props:y,getElement:function(){return I.current},gteMask:function(){return N.current},getCloseIcon:function(){return x.current}}})),l((function(){y.visible&&w(!0)})),i((function(){y.visible&&!g&&w(!0),y.visible!==O&&g&&C(y.visible)})),i((function(){g&&(p.set("modal",N.current,n.autoZIndex,y.baseZIndex||n.zIndex.modal),C(!0))}),[g]),i((function(){O&&(M(),y.dismissable&&!y.modal&&T())}),[y.dismissable,y.modal,O]),a((function(){U(),N.current&&p.clear(N.current)}));var X,Y,$,q,B,F,G,K=function(){if(y.showCloseIcon){var n=y.ariaCloseLabel||t("close");return e.createElement("button",{type:"button",ref:x,className:"p-sidebar-close p-sidebar-icon p-link",onClick:H,"aria-label":n},e.createElement("span",{className:"p-sidebar-close-icon pi pi-times","aria-hidden":"true"}),e.createElement(c,null))}return null};return g&&(Y=E.getOtherProps(y),$=m("p-sidebar p-component",y.className,{"p-input-filled":"filled"===n.inputStyle,"p-ripple-disabled":!1===n.ripple}),q=m("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":y.modal,"p-sidebar-mask-scrollblocker":y.blockScroll,"p-sidebar-visible":g,"p-sidebar-full":y.fullScreen},(X=["left","right","top","bottom"].find((function(e){return e===y.position})))?"p-sidebar-".concat(X):"",y.maskClassName),B=K(),F=y.icons?u.getJSXElement(y.icons,y):null,G=e.createElement("div",{ref:N,style:y.maskStyle,className:q,onMouseDown:D},e.createElement(r,{nodeRef:I,classNames:"p-sidebar",in:O,timeout:{enter:y.fullScreen?150:300,exit:y.fullScreen?150:300},options:y.transitionOptions,unmountOnExit:!0,onEntered:L,onExiting:_,onExited:z},e.createElement("div",f({ref:I,id:y.id,className:$,style:y.style},Y,{role:"complementary"}),e.createElement("div",{className:"p-sidebar-header"},F,B),e.createElement("div",{className:"p-sidebar-content"},y.children)))),e.createElement(s,{element:G,appendTo:y.appendTo,visible:!0}))}));w.displayName="Sidebar";export{w as Sidebar};

package/sidebar/sidebar.js

@@ -58,9 +58,7 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
         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 {
@@ -76,9 +74,7 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
 
   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;
   }
 
@@ -99,7 +95,41 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var SidebarBase = {
+    defaultProps: {
+      __TYPE: 'Sidebar',
+      id: null,
+      style: null,
+      className: null,
+      maskStyle: null,
+      maskClassName: null,
+      visible: false,
+      position: 'left',
+      fullScreen: false,
+      blockScroll: false,
+      baseZIndex: 0,
+      dismissable: true,
+      showCloseIcon: true,
+      ariaCloseLabel: null,
+      closeOnEscape: true,
+      icons: null,
+      modal: true,
+      appendTo: null,
+      transitionOptions: null,
+      onShow: null,
+      onHide: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, SidebarBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, SidebarBase.defaultProps);
+    }
+  };
+
+  var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = SidebarBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       maskVisibleState = _React$useState2[0],
@@ -264,7 +294,7 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
       return props.icons ? utils.ObjectUtils.getJSXElement(props.icons, props) : null;
     };
     var createElement = function createElement() {
-      var otherProps = utils.ObjectUtils.findDiffKeys(props, Sidebar.defaultProps);
+      var otherProps = SidebarBase.getOtherProps(props);
       var className = utils.classNames('p-sidebar p-component', props.className, {
         'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
         'p-ripple-disabled': PrimeReact__default["default"].ripple === false
@@ -320,29 +350,6 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
     return maskVisibleState && createSidebar();
   });
   Sidebar.displayName = 'Sidebar';
-  Sidebar.defaultProps = {
-    __TYPE: 'Sidebar',
-    id: null,
-    style: null,
-    className: null,
-    maskStyle: null,
-    maskClassName: null,
-    visible: false,
-    position: 'left',
-    fullScreen: false,
-    blockScroll: false,
-    baseZIndex: 0,
-    dismissable: true,
-    showCloseIcon: true,
-    ariaCloseLabel: null,
-    closeOnEscape: true,
-    icons: null,
-    modal: true,
-    appendTo: null,
-    transitionOptions: null,
-    onShow: null,
-    onHide: null
-  };
 
   exports.Sidebar = Sidebar;
 

package/sidebar/sidebar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.sidebar=function(e,t,n,r,l,a,i,o){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=c(t),d=s(n);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a,i,o=[],s=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(o.push(r.value),o.length!==t);s=!0);}catch(e){c=!0,l=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw l}}return o}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return p(e)||m(e,t)||y(e,t)||v()}var E=u.forwardRef((function(e,t){var s=h(u.useState(!1),2),c=s[0],p=s[1],m=h(u.useState(!1),2),b=m[0],y=m[1],v=u.useRef(null),S=u.useRef(null),O=u.useRef(null),g=h(l.useEventListener({type:"keydown",listener:function(e){27===e.which&&o.ZIndexUtils.get(S.current)===o.ZIndexUtils.getCurrent("modal",d.default.autoZIndex)&&U(e)}}),2),w=g[0],k=g[1],I=h(l.useEventListener({type:"click",listener:function(e){2!==e.which&&C(e)&&U(e)}}),2),j=I[0],x=I[1],C=function(e){return v&&v.current&&!v.current.contains(e.target)},N=function(t){e.dismissable&&e.modal&&S.current===t.target&&U(t)},U=function(t){e.onHide(),t.preventDefault()},Z=function(){var t;e.onShow&&e.onShow(),!((t=document.activeElement)&&v&&v.current.contains(t))&&e.showCloseIcon&&O.current.focus(),R()},P=function(){e.modal&&o.DomHandler.addClass(S.current,"p-component-overlay-leave")},D=function(){o.ZIndexUtils.clear(S.current),p(!1),A()},R=function(){e.closeOnEscape&&w(),e.dismissable&&!e.modal&&j(),e.blockScroll&&o.DomHandler.addClass(document.body,"p-overflow-hidden")},A=function(){k(),x(),e.blockScroll&&o.DomHandler.removeClass(document.body,"p-overflow-hidden")};u.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return v.current},gteMask:function(){return S.current},getCloseIcon:function(){return O.current}}})),l.useMountEffect((function(){e.visible&&p(!0)})),l.useUpdateEffect((function(){e.visible&&!c&&p(!0),e.visible!==b&&c&&y(e.visible)})),l.useUpdateEffect((function(){c&&(o.ZIndexUtils.set("modal",S.current,d.default.autoZIndex,e.baseZIndex||d.default.zIndex.modal),y(!0))}),[c]),l.useUpdateEffect((function(){b&&(x(),e.dismissable&&!e.modal&&j())}),[e.dismissable,e.modal,b]),l.useUnmountEffect((function(){A(),S.current&&o.ZIndexUtils.clear(S.current)}));var H,M,T,_,L,z,J,K=function(){if(e.showCloseIcon){var t=e.ariaCloseLabel||n.localeOption("close");return u.createElement("button",{type:"button",ref:O,className:"p-sidebar-close p-sidebar-icon p-link",onClick:U,"aria-label":t},u.createElement("span",{className:"p-sidebar-close-icon pi pi-times","aria-hidden":"true"}),u.createElement(i.Ripple,null))}return null};return c&&(M=o.ObjectUtils.findDiffKeys(e,E.defaultProps),T=o.classNames("p-sidebar p-component",e.className,{"p-input-filled":"filled"===d.default.inputStyle,"p-ripple-disabled":!1===d.default.ripple}),_=o.classNames("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":e.modal,"p-sidebar-mask-scrollblocker":e.blockScroll,"p-sidebar-visible":c,"p-sidebar-full":e.fullScreen},(H=["left","right","top","bottom"].find((function(t){return t===e.position})))?"p-sidebar-".concat(H):"",e.maskClassName),L=K(),z=e.icons?o.ObjectUtils.getJSXElement(e.icons,e):null,J=u.createElement("div",{ref:S,style:e.maskStyle,className:_,onMouseDown:N},u.createElement(r.CSSTransition,{nodeRef:v,classNames:"p-sidebar",in:b,timeout:{enter:e.fullScreen?150:300,exit:e.fullScreen?150:300},options:e.transitionOptions,unmountOnExit:!0,onEntered:Z,onExiting:P,onExited:D},u.createElement("div",f({ref:v,id:e.id,className:T,style:e.style},M,{role:"complementary"}),u.createElement("div",{className:"p-sidebar-header"},z,L),u.createElement("div",{className:"p-sidebar-content"},e.children)))),u.createElement(a.Portal,{element:J,appendTo:e.appendTo,visible:!0}))}));return E.displayName="Sidebar",E.defaultProps={__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.Sidebar=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.sidebar=function(e,t,n,r,l,o,i,a){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=c(t),d=s(n);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,i,a=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);s=!0);}catch(e){c=!0,l=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw l}}return a}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return p(e)||m(e,t)||v(e,t)||y()}var g={defaultProps:{__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,g.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,g.defaultProps)}},E=u.forwardRef((function(e,t){var s=g.getProps(e),c=h(u.useState(!1),2),p=c[0],m=c[1],b=h(u.useState(!1),2),v=b[0],y=b[1],E=u.useRef(null),S=u.useRef(null),O=u.useRef(null),w=h(l.useEventListener({type:"keydown",listener:function(e){27===e.which&&a.ZIndexUtils.get(S.current)===a.ZIndexUtils.getCurrent("modal",d.default.autoZIndex)&&U(e)}}),2),j=w[0],k=w[1],I=h(l.useEventListener({type:"click",listener:function(e){2!==e.which&&P(e)&&U(e)}}),2),x=I[0],C=I[1],P=function(e){return E&&E.current&&!E.current.contains(e.target)},N=function(e){s.dismissable&&s.modal&&S.current===e.target&&U(e)},U=function(e){s.onHide(),e.preventDefault()},Z=function(){var e;s.onShow&&s.onShow(),!((e=document.activeElement)&&E&&E.current.contains(e))&&s.showCloseIcon&&O.current.focus(),R()},D=function(){s.modal&&a.DomHandler.addClass(S.current,"p-component-overlay-leave")},M=function(){a.ZIndexUtils.clear(S.current),m(!1),A()},R=function(){s.closeOnEscape&&j(),s.dismissable&&!s.modal&&x(),s.blockScroll&&a.DomHandler.addClass(document.body,"p-overflow-hidden")},A=function(){k(),C(),s.blockScroll&&a.DomHandler.removeClass(document.body,"p-overflow-hidden")};u.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return E.current},gteMask:function(){return S.current},getCloseIcon:function(){return O.current}}})),l.useMountEffect((function(){s.visible&&m(!0)})),l.useUpdateEffect((function(){s.visible&&!p&&m(!0),s.visible!==v&&p&&y(s.visible)})),l.useUpdateEffect((function(){p&&(a.ZIndexUtils.set("modal",S.current,d.default.autoZIndex,s.baseZIndex||d.default.zIndex.modal),y(!0))}),[p]),l.useUpdateEffect((function(){v&&(C(),s.dismissable&&!s.modal&&x())}),[s.dismissable,s.modal,v]),l.useUnmountEffect((function(){A(),S.current&&a.ZIndexUtils.clear(S.current)}));var H,T,_,L,z,J,X,Y=function(){if(s.showCloseIcon){var e=s.ariaCloseLabel||n.localeOption("close");return u.createElement("button",{type:"button",ref:O,className:"p-sidebar-close p-sidebar-icon p-link",onClick:U,"aria-label":e},u.createElement("span",{className:"p-sidebar-close-icon pi pi-times","aria-hidden":"true"}),u.createElement(i.Ripple,null))}return null};return p&&(T=g.getOtherProps(s),_=a.classNames("p-sidebar p-component",s.className,{"p-input-filled":"filled"===d.default.inputStyle,"p-ripple-disabled":!1===d.default.ripple}),L=a.classNames("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":s.modal,"p-sidebar-mask-scrollblocker":s.blockScroll,"p-sidebar-visible":p,"p-sidebar-full":s.fullScreen},(H=["left","right","top","bottom"].find((function(e){return e===s.position})))?"p-sidebar-".concat(H):"",s.maskClassName),z=Y(),J=s.icons?a.ObjectUtils.getJSXElement(s.icons,s):null,X=u.createElement("div",{ref:S,style:s.maskStyle,className:L,onMouseDown:N},u.createElement(r.CSSTransition,{nodeRef:E,classNames:"p-sidebar",in:v,timeout:{enter:s.fullScreen?150:300,exit:s.fullScreen?150:300},options:s.transitionOptions,unmountOnExit:!0,onEntered:Z,onExiting:D,onExited:M},u.createElement("div",f({ref:E,id:s.id,className:_,style:s.style},T,{role:"complementary"}),u.createElement("div",{className:"p-sidebar-header"},J,z),u.createElement("div",{className:"p-sidebar-content"},s.children)))),u.createElement(o.Portal,{element:X,appendTo:s.appendTo,visible:!0}))}));return E.displayName="Sidebar",e.Sidebar=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.ripple,primereact.utils);

package/skeleton/package.json

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

package/skeleton/skeleton.cjs.js

@@ -40,9 +40,31 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var SkeletonBase = {
+  defaultProps: {
+    __TYPE: 'Skeleton',
+    shape: 'rectangle',
+    size: null,
+    width: '100%',
+    height: '1rem',
+    borderRadius: null,
+    animation: 'wave',
+    style: null,
+    className: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, SkeletonBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, SkeletonBase.defaultProps);
+  }
+};
+
+var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = SkeletonBase.getProps(inProps);
   var elementRef = React__namespace.useRef(null);
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, Skeleton.defaultProps);
+  var otherProps = SkeletonBase.getOtherProps(props);
   var style = props.size ? {
     width: props.size,
     height: props.size,
@@ -71,16 +93,5 @@ var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   }, otherProps));
 }));
 Skeleton.displayName = 'Skeleton';
-Skeleton.defaultProps = {
-  __TYPE: 'Skeleton',
-  shape: 'rectangle',
-  size: null,
-  width: '100%',
-  height: '1rem',
-  borderRadius: null,
-  animation: 'wave',
-  style: null,
-  className: null
-};
 
 exports.Skeleton = Skeleton;

package/skeleton/skeleton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}var a=n.memo(n.forwardRef((function(e,r){var s=n.useRef(null),l=t.ObjectUtils.findDiffKeys(e,a.defaultProps),o=e.size?{width:e.size,height:e.size,borderRadius:e.borderRadius}:{width:e.width,height:e.height,borderRadius:e.borderRadius},u=t.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===e.shape,"p-skeleton-none":"none"===e.animation},e.className);return n.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return s.current}}})),n.createElement("div",i({ref:s,style:o,className:u},l))})));a.displayName="Skeleton",a.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},exports.Skeleton=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}var s={defaultProps:{__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null,children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,s.defaultProps)}},o=n.memo(n.forwardRef((function(e,r){var o=s.getProps(e),a=n.useRef(null),l=s.getOtherProps(o),u=o.size?{width:o.size,height:o.size,borderRadius:o.borderRadius}:{width:o.width,height:o.height,borderRadius:o.borderRadius},c=t.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===o.shape,"p-skeleton-none":"none"===o.animation},o.className);return n.useImperativeHandle(r,(function(){return{props:o,getElement:function(){return a.current}}})),n.createElement("div",i({ref:a,style:u,className:c},l))})));o.displayName="Skeleton",exports.Skeleton=o;

package/skeleton/skeleton.d.ts

@@ -56,7 +56,7 @@ export interface SkeletonProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
  *
  * [Live Demo](https://www.primefaces.org/primereact/skeleton/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */

package/skeleton/skeleton.esm.js

@@ -16,9 +16,31 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var SkeletonBase = {
+  defaultProps: {
+    __TYPE: 'Skeleton',
+    shape: 'rectangle',
+    size: null,
+    width: '100%',
+    height: '1rem',
+    borderRadius: null,
+    animation: 'wave',
+    style: null,
+    className: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, SkeletonBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, SkeletonBase.defaultProps);
+  }
+};
+
+var Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = SkeletonBase.getProps(inProps);
   var elementRef = React.useRef(null);
-  var otherProps = ObjectUtils.findDiffKeys(props, Skeleton.defaultProps);
+  var otherProps = SkeletonBase.getOtherProps(props);
   var style = props.size ? {
     width: props.size,
     height: props.size,
@@ -47,16 +69,5 @@ var Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   }, otherProps));
 }));
 Skeleton.displayName = 'Skeleton';
-Skeleton.defaultProps = {
-  __TYPE: 'Skeleton',
-  shape: 'rectangle',
-  size: null,
-  width: '100%',
-  height: '1rem',
-  borderRadius: null,
-  animation: 'wave',
-  style: null,
-  className: null
-};
 
 export { Skeleton };

package/skeleton/skeleton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as r,classNames as t}from"primereact/utils";function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var i=e.memo(e.forwardRef((function(a,s){var o=e.useRef(null),l=r.findDiffKeys(a,i.defaultProps),u=a.size?{width:a.size,height:a.size,borderRadius:a.borderRadius}:{width:a.width,height:a.height,borderRadius:a.borderRadius},c=t("p-skeleton p-component",{"p-skeleton-circle":"circle"===a.shape,"p-skeleton-none":"none"===a.animation},a.className);return e.useImperativeHandle(s,(function(){return{props:a,getElement:function(){return o.current}}})),e.createElement("div",n({ref:o,style:u,className:c},l))})));i.displayName="Skeleton",i.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null};export{i as Skeleton};
+import*as e from"react";import{ObjectUtils as r,classNames as t}from"primereact/utils";function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var o={defaultProps:{__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null,children:void 0},getProps:function(e){return r.getMergedProps(e,o.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,o.defaultProps)}},i=e.memo(e.forwardRef((function(r,i){var s=o.getProps(r),a=e.useRef(null),l=o.getOtherProps(s),u=s.size?{width:s.size,height:s.size,borderRadius:s.borderRadius}:{width:s.width,height:s.height,borderRadius:s.borderRadius},p=t("p-skeleton p-component",{"p-skeleton-circle":"circle"===s.shape,"p-skeleton-none":"none"===s.animation},s.className);return e.useImperativeHandle(i,(function(){return{props:s,getElement:function(){return a.current}}})),e.createElement("div",n({ref:a,style:u,className:p},l))})));i.displayName="Skeleton";export{i as Skeleton};

package/skeleton/skeleton.js

@@ -37,9 +37,31 @@ this.primereact.skeleton = (function (exports, React, utils) {
     return _extends.apply(this, arguments);
   }
 
-  var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var SkeletonBase = {
+    defaultProps: {
+      __TYPE: 'Skeleton',
+      shape: 'rectangle',
+      size: null,
+      width: '100%',
+      height: '1rem',
+      borderRadius: null,
+      animation: 'wave',
+      style: null,
+      className: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, SkeletonBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, SkeletonBase.defaultProps);
+    }
+  };
+
+  var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = SkeletonBase.getProps(inProps);
     var elementRef = React__namespace.useRef(null);
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Skeleton.defaultProps);
+    var otherProps = SkeletonBase.getOtherProps(props);
     var style = props.size ? {
       width: props.size,
       height: props.size,
@@ -68,17 +90,6 @@ this.primereact.skeleton = (function (exports, React, utils) {
     }, otherProps));
   }));
   Skeleton.displayName = 'Skeleton';
-  Skeleton.defaultProps = {
-    __TYPE: 'Skeleton',
-    shape: 'rectangle',
-    size: null,
-    width: '100%',
-    height: '1rem',
-    borderRadius: null,
-    animation: 'wave',
-    style: null,
-    className: null
-  };
 
   exports.Skeleton = Skeleton;
 

package/skeleton/skeleton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.skeleton=function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=n(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var s=i.memo(i.forwardRef((function(e,t){var n=i.useRef(null),l=r.ObjectUtils.findDiffKeys(e,s.defaultProps),o=e.size?{width:e.size,height:e.size,borderRadius:e.borderRadius}:{width:e.width,height:e.height,borderRadius:e.borderRadius},u=r.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===e.shape,"p-skeleton-none":"none"===e.animation},e.className);return i.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return n.current}}})),i.createElement("div",a({ref:n,style:o,className:u},l))})));return s.displayName="Skeleton",s.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},e.Skeleton=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.skeleton=function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=n(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}var a={defaultProps:{__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,a.defaultProps)}},o=i.memo(i.forwardRef((function(e,t){var n=a.getProps(e),o=i.useRef(null),l=a.getOtherProps(n),u=n.size?{width:n.size,height:n.size,borderRadius:n.borderRadius}:{width:n.width,height:n.height,borderRadius:n.borderRadius},c=r.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===n.shape,"p-skeleton-none":"none"===n.animation},n.className);return i.useImperativeHandle(t,(function(){return{props:n,getElement:function(){return o.current}}})),i.createElement("div",s({ref:o,style:u,className:c},l))})));return o.displayName="Skeleton",e.Skeleton=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/slidemenu/package.json

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

package/slidemenu/slidemenu.cjs.js

@@ -66,9 +66,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 {
@@ -84,9 +82,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;
 }
 
@@ -107,6 +103,36 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var SlideMenuBase = {
+  defaultProps: {
+    __TYPE: 'SlideMenu',
+    appendTo: null,
+    autoZIndex: true,
+    backLabel: 'Back',
+    baseZIndex: 0,
+    className: null,
+    easing: 'ease-out',
+    effectDuration: 250,
+    id: null,
+    menuWidth: 190,
+    model: null,
+    onHide: null,
+    onShow: null,
+    onNavigate: null,
+    popup: false,
+    style: null,
+    transitionOptions: null,
+    viewportHeight: 175,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, SlideMenuBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, SlideMenuBase.defaultProps);
+  }
+};
+
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -286,7 +312,8 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 SlideMenuSub.displayName = 'SlideMenuSub';
 
-var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = SlideMenuBase.getProps(inProps);
   var _React$useState = React__namespace.useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     levelState = _React$useState2[0],
@@ -399,7 +426,7 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     }), /*#__PURE__*/React__namespace.createElement("span", null, props.backLabel));
   };
   var createElement = function createElement() {
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, SlideMenu.defaultProps);
+    var otherProps = SlideMenuBase.getOtherProps(props);
     var className = utils.classNames('p-slidemenu p-component', {
       'p-slidemenu-overlay': props.popup
     }, props.className);
@@ -453,25 +480,5 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   }) : element;
 }));
 SlideMenu.displayName = 'SlideMenu';
-SlideMenu.defaultProps = {
-  __TYPE: 'SlideMenu',
-  appendTo: null,
-  autoZIndex: true,
-  backLabel: 'Back',
-  baseZIndex: 0,
-  className: null,
-  easing: 'ease-out',
-  effectDuration: 250,
-  id: null,
-  menuWidth: 190,
-  model: null,
-  onHide: null,
-  onShow: null,
-  onNavigate: null,
-  popup: false,
-  style: null,
-  transitionOptions: null,
-  viewportHeight: 175
-};
 
 exports.SlideMenu = SlideMenu;