primereact 10.1.1 → 10.2.1

package/sidebar/sidebar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/utils"),t=require("primereact/api"),r=require("primereact/componentbase"),i=require("primereact/csstransition"),a=require("primereact/hooks"),o=require("primereact/icons/times"),s=require("primereact/portal"),l=require("primereact/ripple");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=p(e),u=c(t);function b(){return b=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},b.apply(this,arguments)}function f(e){return f="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},f(e)}function m(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=m(e,"string");return"symbol"===f(n)?n:String(n)}function y(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,s=[],l=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw i}}return s}}function g(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 x(e,n){if(e){if("string"==typeof e)return g(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)?g(e,n):void 0}}function w(){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 y(e)||h(e,n)||x(e,n)||w()}var E=function(e){var n=d.useRef(void 0);return d.useEffect((function(){n.current=e})),n.current},O=function(e,t,r){var i,a,o,s,l,c,p,u,b,f,m,v,y,h,g,x=(s=void 0===(o=(i={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}).target)?"document":o,l=i.type,c=i.listener,p=i.options,b=void 0===(u=i.when)||u,f=d.useRef(null),m=d.useRef(null),v=E(c),y=E(p),h=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.ObjectUtils.isNotEmpty(e.target)&&(g(),(e.when||b)&&(f.current=n.DomHandler.getTargetElement(e.target))),!m.current&&f.current&&(m.current=function(e){return c&&c(e)},f.current.addEventListener(l,m.current,p))},g=function(){m.current&&(f.current.removeEventListener(l,m.current,p),m.current=null)},d.useEffect((function(){b?f.current=n.DomHandler.getTargetElement(s):(g(),f.current=null)}),[s,b]),d.useEffect((function(){!m.current||""+v==""+c&&y===p||(g(),b&&h())}),[c,p,b]),a=function(){g()},d.useEffect((function(){return a}),[]),[h,g]),w=S(x,2),O=w[0],j=w[1];return d.useEffect((function(){if(t&&e.current)return O(),function(){j()}})),[e,r]},j=r.ComponentBase.extend({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,closeIcon:null,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var t=e.props,r=e.maskVisibleState,i=["left","right","top","bottom"].find((function(e){return e===t.position}));return n.classNames("p-sidebar-mask",i&&!t.fullScreen?"p-sidebar-".concat(i):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-sidebar-mask-scrollblocker":t.blockScroll,"p-sidebar-visible":r,"p-sidebar-full":t.fullScreen},t.maskClassName)},header:function(e){return n.classNames("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var t=e.context;return n.classNames("p-sidebar p-component",e.props.className,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===u.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===u.default.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}});function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=v(i=n))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=d.forwardRef((function(e,c){var p=d.useContext(t.PrimeReactContext),f=j.getProps(e,p),m=S(d.useState(!1),2),v=m[0],y=m[1],h=S(d.useState(!1),2),g=h[0],x=h[1],w=j.setMetaData({props:f,state:{containerVisible:v}}),E=w.ptm,k=w.cx,P=w.sx;r.useHandleStyle(j.css.styles,w.isUnstyled,{name:"sidebar"});var N=d.useRef(null),C=d.useRef(null),U=d.useRef(null);O(C,f.closeOnEscape,(function(e){n.ZIndexUtils.get(C.current)===n.ZIndexUtils.getCurrent("modal",p&&p.autoZIndex||u.default.autoZIndex)&&q(e)}));var D=S(a.useEventListener({type:"click",listener:function(e){0===e.button&&Z(e)&&q(e)}}),2),R=D[0],T=D[1],Z=function(e){return N&&N.current&&!N.current.contains(e.target)},q=function(e){f.onHide(),e.preventDefault()},H=function(){var e;f.onShow&&f.onShow(),!((e=document.activeElement)&&N&&N.current.contains(e))&&f.showCloseIcon&&U.current.focus(),M()},A=function(){f.modal&&n.DomHandler.addClass(C.current,"p-component-overlay-leave")},B=function(){n.ZIndexUtils.clear(C.current),y(!1),z()},M=function(){f.dismissable&&!f.modal&&R(),f.blockScroll&&n.DomHandler.blockBodyScroll()},z=function(){T(),f.blockScroll&&n.DomHandler.unblockBodyScroll()};d.useImperativeHandle(c,(function(){return{props:f,getElement:function(){return N.current},gteMask:function(){return C.current},getCloseIcon:function(){return U.current}}})),a.useMountEffect((function(){f.visible&&y(!0)})),a.useUpdateEffect((function(){f.visible&&!v&&y(!0),f.visible!==g&&v&&x(f.visible)})),a.useUpdateEffect((function(){v&&(n.ZIndexUtils.set("modal",C.current,p&&p.autoZIndex||u.default.autoZIndex,f.baseZIndex||p&&p.zIndex.modal||u.default.zIndex.modal),x(!0))}),[v]),a.useUpdateEffect((function(){g&&(T(),f.dismissable&&!f.modal&&R())}),[f.dismissable,f.modal,g]),a.useUnmountEffect((function(){z(),C.current&&n.ZIndexUtils.clear(C.current)}));var L,_,J,V,X,F,Y,$,G,K,Q,W=function(){var e=n.mergeProps({type:"button",ref:U,className:k("closeButton"),onClick:function(e){return q(e)},"aria-label":a},E("closeButton")),r=n.mergeProps({className:k("closeIcon")},E("closeIcon")),i=n.IconUtils.getJSXIcon(f.closeIcon||d.createElement(o.TimesIcon,r),I({},r),{props:f}),a=f.ariaCloseLabel||t.localeOption("close");return f.showCloseIcon?d.createElement("button",e,i,d.createElement(l.Ripple,null)):null};return v&&(L=W(),_=f.icons?n.ObjectUtils.getJSXElement(f.icons,f):null,J=f.header?n.ObjectUtils.getJSXElement(f.header,f):null,V={enter:f.fullScreen?150:300,exit:f.fullScreen?150:300},X=n.mergeProps({ref:C,style:P("mask"),className:k("mask",{maskVisibleState:v}),onMouseDown:function(e){return n=e,void(f.dismissable&&f.modal&&C.current===n.target&&q(n));var n}},E("mask")),F=n.mergeProps({id:f.id,className:k("root",{context:p}),style:f.style,role:"complementary"},j.getOtherProps(f),E("root")),Y=n.mergeProps({className:k("header")},E("header")),$=n.mergeProps({className:k("content")},E("content")),G=n.mergeProps({className:k("icons")},E("icons")),K=n.mergeProps({classNames:k("transition"),in:g,timeout:V,options:f.transitionOptions,unmountOnExit:!0,onEntered:H,onExiting:A,onExited:B},E("transition")),Q=d.createElement("div",X,d.createElement(i.CSSTransition,b({nodeRef:N},K),d.createElement("div",b({ref:N},F),d.createElement("div",Y,J,d.createElement("div",G,_,L)),d.createElement("div",$,f.children)))),d.createElement(s.Portal,{element:Q,appendTo:f.appendTo,visible:!0}))}));P.displayName="Sidebar",exports.Sidebar=P;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/utils"),t=require("primereact/api"),r=require("primereact/componentbase"),i=require("primereact/csstransition"),a=require("primereact/hooks"),o=require("primereact/icons/times"),s=require("primereact/portal"),l=require("primereact/ripple");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=p(e),u=c(t);function b(){return b=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},b.apply(this,arguments)}function f(e){return f="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},f(e)}function m(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=m(e,"string");return"symbol"===f(n)?n:String(n)}function y(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,s=[],l=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw i}}return s}}function g(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 x(e,n){if(e){if("string"==typeof e)return g(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)?g(e,n):void 0}}function w(){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 y(e)||h(e,n)||x(e,n)||w()}var E=function(e){var t,r,i,a=e.target,o=void 0===a?"document":a,s=e.type,l=e.listener,c=e.options,p=e.when,u=void 0===p||p,b=d.useRef(null),f=d.useRef(null),m=(t=c,r=d.useRef(void 0),d.useEffect((function(){r.current=t})),r.current),v=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.ObjectUtils.isNotEmpty(e.target)&&(y(),(e.when||u)&&(b.current=n.DomHandler.getTargetElement(e.target))),!f.current&&b.current&&(f.current=function(e){return l&&l(e)},b.current.addEventListener(s,f.current,c))},y=function(){f.current&&(b.current.removeEventListener(s,f.current,c),f.current=null)};return d.useEffect((function(){u?b.current=n.DomHandler.getTargetElement(o):(y(),b.current=null)}),[o,u]),d.useEffect((function(){!f.current||f.current===l&&m===c||(y(),u&&v())}),[l,c]),i=function(){y()},d.useEffect((function(){return i}),[]),[v,y]},O=function(e,n,t){var r=S(E({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),t(e))}}),2),i=r[0],a=r[1];return d.useEffect((function(){if(n&&e.current)return i(),function(){a()}})),[e,t]},j=r.ComponentBase.extend({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,closeIcon:null,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var t=e.props,r=e.maskVisibleState,i=["left","right","top","bottom"].find((function(e){return e===t.position}));return n.classNames("p-sidebar-mask",i&&!t.fullScreen?"p-sidebar-".concat(i):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-sidebar-mask-scrollblocker":t.blockScroll,"p-sidebar-visible":r,"p-sidebar-full":t.fullScreen},t.maskClassName)},header:function(e){return n.classNames("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var t=e.context;return n.classNames("p-sidebar p-component",e.props.className,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===u.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===u.default.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}});function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=v(i=n))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=d.forwardRef((function(e,c){var p=d.useContext(t.PrimeReactContext),f=j.getProps(e,p),m=S(d.useState(!1),2),v=m[0],y=m[1],h=S(d.useState(!1),2),g=h[0],x=h[1],w=j.setMetaData({props:f,state:{containerVisible:v}}),E=w.ptm,k=w.cx,P=w.sx;r.useHandleStyle(j.css.styles,w.isUnstyled,{name:"sidebar"});var N=d.useRef(null),C=d.useRef(null),U=d.useRef(null);O(C,f.closeOnEscape,(function(e){n.ZIndexUtils.get(C.current)===n.ZIndexUtils.getCurrent("modal",p&&p.autoZIndex||u.default.autoZIndex)&&q(e)}));var D=S(a.useEventListener({type:"click",listener:function(e){0===e.button&&Z(e)&&q(e)}}),2),R=D[0],T=D[1],Z=function(e){return N&&N.current&&!N.current.contains(e.target)},q=function(e){f.onHide(),e.preventDefault()},H=function(){var e;f.onShow&&f.onShow(),!((e=document.activeElement)&&N&&N.current.contains(e))&&f.showCloseIcon&&U.current.focus(),M()},A=function(){f.modal&&n.DomHandler.addClass(C.current,"p-component-overlay-leave")},B=function(){n.ZIndexUtils.clear(C.current),y(!1),z()},M=function(){f.dismissable&&!f.modal&&R(),f.blockScroll&&n.DomHandler.blockBodyScroll()},z=function(){T(),f.blockScroll&&n.DomHandler.unblockBodyScroll()};d.useImperativeHandle(c,(function(){return{props:f,getElement:function(){return N.current},gteMask:function(){return C.current},getCloseIcon:function(){return U.current}}})),a.useMountEffect((function(){f.visible&&y(!0)})),a.useUpdateEffect((function(){f.visible&&!v&&y(!0),f.visible!==g&&v&&x(f.visible)})),a.useUpdateEffect((function(){v&&(n.ZIndexUtils.set("modal",C.current,p&&p.autoZIndex||u.default.autoZIndex,f.baseZIndex||p&&p.zIndex.modal||u.default.zIndex.modal),x(!0))}),[v]),a.useUpdateEffect((function(){g&&(T(),f.dismissable&&!f.modal&&R())}),[f.dismissable,f.modal,g]),a.useUnmountEffect((function(){z(),C.current&&n.ZIndexUtils.clear(C.current)}));var L,_,J,V,X,F,Y,$,G,K,Q,W=function(){var e=n.mergeProps({type:"button",ref:U,className:k("closeButton"),onClick:function(e){return q(e)},"aria-label":a},E("closeButton")),r=n.mergeProps({className:k("closeIcon")},E("closeIcon")),i=n.IconUtils.getJSXIcon(f.closeIcon||d.createElement(o.TimesIcon,r),I({},r),{props:f}),a=f.ariaCloseLabel||t.localeOption("close");return f.showCloseIcon?d.createElement("button",e,i,d.createElement(l.Ripple,null)):null};return v&&(L=W(),_=f.icons?n.ObjectUtils.getJSXElement(f.icons,f):null,J=f.header?n.ObjectUtils.getJSXElement(f.header,f):null,V={enter:f.fullScreen?150:300,exit:f.fullScreen?150:300},X=n.mergeProps({ref:C,style:P("mask"),className:k("mask",{maskVisibleState:v}),onMouseDown:function(e){return n=e,void(f.dismissable&&f.modal&&C.current===n.target&&q(n));var n}},E("mask")),F=n.mergeProps({id:f.id,className:k("root",{context:p}),style:f.style,role:"complementary"},j.getOtherProps(f),E("root")),Y=n.mergeProps({className:k("header")},E("header")),$=n.mergeProps({className:k("content")},E("content")),G=n.mergeProps({className:k("icons")},E("icons")),K=n.mergeProps({classNames:k("transition"),in:g,timeout:V,options:f.transitionOptions,unmountOnExit:!0,onEntered:H,onExiting:A,onExited:B},E("transition")),Q=d.createElement("div",X,d.createElement(i.CSSTransition,b({nodeRef:N},K),d.createElement("div",b({ref:N},F),d.createElement("div",Y,J,d.createElement("div",G,_,L)),d.createElement("div",$,f.children)))),d.createElement(s.Portal,{element:Q,appendTo:f.appendTo,visible:!0}))}));P.displayName="Sidebar",exports.Sidebar=P;

package/sidebar/sidebar.esm.js

@@ -147,7 +147,6 @@ var useEventListener = function useEventListener(_ref) {
     when = _ref$when === void 0 ? true : _ref$when;
   var targetRef = React.useRef(null);
   var listenerRef = React.useRef(null);
-  var prevListener = usePrevious(listener);
   var prevOptions = usePrevious(options);
   var bind = function bind() {
     var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -177,12 +176,11 @@ var useEventListener = function useEventListener(_ref) {
     }
   }, [target, when]);
   React.useEffect(function () {
-    // to properly compare functions we can implicitly converting the function to it's body's text as a String
-    if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
+    if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
       unbind();
       when && bind();
     }
-  }, [listener, options, when]);
+  }, [listener, options]);
   useUnmountEffect(function () {
     unbind();
   });

package/sidebar/sidebar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{DomHandler as n,ObjectUtils as t,classNames as r,ZIndexUtils as i,mergeProps as o,IconUtils as a}from"primereact/utils";import s,{PrimeReactContext as l,localeOption as c}from"primereact/api";import{ComponentBase as p,useHandleStyle as d}from"primereact/componentbase";import{CSSTransition as u}from"primereact/csstransition";import{useEventListener as b,useMountEffect as f,useUpdateEffect as m,useUnmountEffect as v}from"primereact/hooks";import{TimesIcon as h}from"primereact/icons/times";import{Portal as y}from"primereact/portal";import{Ripple as g}from"primereact/ripple";function x(){return x=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},x.apply(this,arguments)}function w(e){return w="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},w(e)}function S(e,n){if("object"!==w(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function E(e){var n=S(e,"string");return"symbol"===w(n)?n:String(n)}function k(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,s=[],l=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw i}}return s}}function j(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 I(e,n){if(e){if("string"==typeof e)return j(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)?j(e,n):void 0}}function P(){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 N(e,n){return k(e)||O(e,n)||I(e,n)||P()}var C=function(n){var t=e.useRef(void 0);return e.useEffect((function(){t.current=n})),t.current},R=function(r,i,o){var a,s,l,c,p,d,u,b,f,m,v,h,y,g,x,w=(c=void 0===(l=(a={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),o(e))}}).target)?"document":l,p=a.type,d=a.listener,u=a.options,f=void 0===(b=a.when)||b,m=e.useRef(null),v=e.useRef(null),h=C(d),y=C(u),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.isNotEmpty(e.target)&&(x(),(e.when||f)&&(m.current=n.getTargetElement(e.target))),!v.current&&m.current&&(v.current=function(e){return d&&d(e)},m.current.addEventListener(p,v.current,u))},x=function(){v.current&&(m.current.removeEventListener(p,v.current,u),v.current=null)},e.useEffect((function(){f?m.current=n.getTargetElement(c):(x(),m.current=null)}),[c,f]),e.useEffect((function(){!v.current||""+h==""+d&&y===u||(x(),f&&g())}),[d,u,f]),s=function(){x()},e.useEffect((function(){return s}),[]),[g,x]),S=N(w,2),E=S[0],k=S[1];return e.useEffect((function(){if(i&&r.current)return E(),function(){k()}})),[r,o]},T=p.extend({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,closeIcon:null,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var n=e.props,t=e.maskVisibleState,i=["left","right","top","bottom"].find((function(e){return e===n.position}));return r("p-sidebar-mask",i&&!n.fullScreen?"p-sidebar-".concat(i):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-sidebar-mask-scrollblocker":n.blockScroll,"p-sidebar-visible":t,"p-sidebar-full":n.fullScreen},n.maskClassName)},header:function(e){return r("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var n=e.context;return r("p-sidebar p-component",e.props.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===s.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===s.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}});function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){var r,i,o;r=e,o=t[n],(i=E(i=n))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var B=e.forwardRef((function(r,p){var w=e.useContext(l),S=T.getProps(r,w),E=N(e.useState(!1),2),k=E[0],O=E[1],j=N(e.useState(!1),2),I=j[0],P=j[1],C=T.setMetaData({props:S,state:{containerVisible:k}}),A=C.ptm,B=C.cx,L=C.sx;d(T.css.styles,C.isUnstyled,{name:"sidebar"});var Z=e.useRef(null),z=e.useRef(null),M=e.useRef(null);R(z,S.closeOnEscape,(function(e){i.get(z.current)===i.getCurrent("modal",w&&w.autoZIndex||s.autoZIndex)&&X(e)}));var H=N(b({type:"click",listener:function(e){0===e.button&&V(e)&&X(e)}}),2),J=H[0],U=H[1],V=function(e){return Z&&Z.current&&!Z.current.contains(e.target)},X=function(e){S.onHide(),e.preventDefault()},_=function(){var e;S.onShow&&S.onShow(),!((e=document.activeElement)&&Z&&Z.current.contains(e))&&S.showCloseIcon&&M.current.focus(),$()},F=function(){S.modal&&n.addClass(z.current,"p-component-overlay-leave")},Y=function(){i.clear(z.current),O(!1),q()},$=function(){S.dismissable&&!S.modal&&J(),S.blockScroll&&n.blockBodyScroll()},q=function(){U(),S.blockScroll&&n.unblockBodyScroll()};e.useImperativeHandle(p,(function(){return{props:S,getElement:function(){return Z.current},gteMask:function(){return z.current},getCloseIcon:function(){return M.current}}})),f((function(){S.visible&&O(!0)})),m((function(){S.visible&&!k&&O(!0),S.visible!==I&&k&&P(S.visible)})),m((function(){k&&(i.set("modal",z.current,w&&w.autoZIndex||s.autoZIndex,S.baseZIndex||w&&w.zIndex.modal||s.zIndex.modal),P(!0))}),[k]),m((function(){I&&(U(),S.dismissable&&!S.modal&&J())}),[S.dismissable,S.modal,I]),v((function(){q(),z.current&&i.clear(z.current)}));var G,K,Q,W,ee,ne,te,re,ie,oe,ae,se=function(){var n=o({type:"button",ref:M,className:B("closeButton"),onClick:function(e){return X(e)},"aria-label":i},A("closeButton")),t=o({className:B("closeIcon")},A("closeIcon")),r=a.getJSXIcon(S.closeIcon||e.createElement(h,t),D({},t),{props:S}),i=S.ariaCloseLabel||c("close");return S.showCloseIcon?e.createElement("button",n,r,e.createElement(g,null)):null};return k&&(G=se(),K=S.icons?t.getJSXElement(S.icons,S):null,Q=S.header?t.getJSXElement(S.header,S):null,W={enter:S.fullScreen?150:300,exit:S.fullScreen?150:300},ee=o({ref:z,style:L("mask"),className:B("mask",{maskVisibleState:k}),onMouseDown:function(e){return n=e,void(S.dismissable&&S.modal&&z.current===n.target&&X(n));var n}},A("mask")),ne=o({id:S.id,className:B("root",{context:w}),style:S.style,role:"complementary"},T.getOtherProps(S),A("root")),te=o({className:B("header")},A("header")),re=o({className:B("content")},A("content")),ie=o({className:B("icons")},A("icons")),oe=o({classNames:B("transition"),in:I,timeout:W,options:S.transitionOptions,unmountOnExit:!0,onEntered:_,onExiting:F,onExited:Y},A("transition")),ae=e.createElement("div",ee,e.createElement(u,x({nodeRef:Z},oe),e.createElement("div",x({ref:Z},ne),e.createElement("div",te,Q,e.createElement("div",ie,K,G)),e.createElement("div",re,S.children)))),e.createElement(y,{element:ae,appendTo:S.appendTo,visible:!0}))}));B.displayName="Sidebar";export{B as Sidebar};
+import*as e from"react";import{DomHandler as n,ObjectUtils as t,classNames as r,ZIndexUtils as i,mergeProps as o,IconUtils as a}from"primereact/utils";import s,{PrimeReactContext as l,localeOption as c}from"primereact/api";import{ComponentBase as p,useHandleStyle as d}from"primereact/componentbase";import{CSSTransition as u}from"primereact/csstransition";import{useEventListener as b,useMountEffect as f,useUpdateEffect as m,useUnmountEffect as v}from"primereact/hooks";import{TimesIcon as h}from"primereact/icons/times";import{Portal as y}from"primereact/portal";import{Ripple as g}from"primereact/ripple";function x(){return x=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},x.apply(this,arguments)}function w(e){return w="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},w(e)}function S(e,n){if("object"!==w(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function E(e){var n=S(e,"string");return"symbol"===w(n)?n:String(n)}function k(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,s=[],l=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw i}}return s}}function j(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 I(e,n){if(e){if("string"==typeof e)return j(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)?j(e,n):void 0}}function P(){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 N(e,n){return k(e)||O(e,n)||I(e,n)||P()}var C=function(r){var i,o,a,s=r.target,l=void 0===s?"document":s,c=r.type,p=r.listener,d=r.options,u=r.when,b=void 0===u||u,f=e.useRef(null),m=e.useRef(null),v=(i=d,o=e.useRef(void 0),e.useEffect((function(){o.current=i})),o.current),h=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.isNotEmpty(e.target)&&(y(),(e.when||b)&&(f.current=n.getTargetElement(e.target))),!m.current&&f.current&&(m.current=function(e){return p&&p(e)},f.current.addEventListener(c,m.current,d))},y=function(){m.current&&(f.current.removeEventListener(c,m.current,d),m.current=null)};return e.useEffect((function(){b?f.current=n.getTargetElement(l):(y(),f.current=null)}),[l,b]),e.useEffect((function(){!m.current||m.current===p&&v===d||(y(),b&&h())}),[p,d]),a=function(){y()},e.useEffect((function(){return a}),[]),[h,y]},R=function(n,t,r){var i=N(C({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}),2),o=i[0],a=i[1];return e.useEffect((function(){if(t&&n.current)return o(),function(){a()}})),[n,r]},T=p.extend({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,closeIcon:null,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var n=e.props,t=e.maskVisibleState,i=["left","right","top","bottom"].find((function(e){return e===n.position}));return r("p-sidebar-mask",i&&!n.fullScreen?"p-sidebar-".concat(i):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-sidebar-mask-scrollblocker":n.blockScroll,"p-sidebar-visible":t,"p-sidebar-full":n.fullScreen},n.maskClassName)},header:function(e){return r("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var n=e.context;return r("p-sidebar p-component",e.props.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===s.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===s.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}});function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){var r,i,o;r=e,o=t[n],(i=E(i=n))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var B=e.forwardRef((function(r,p){var w=e.useContext(l),S=T.getProps(r,w),E=N(e.useState(!1),2),k=E[0],O=E[1],j=N(e.useState(!1),2),I=j[0],P=j[1],C=T.setMetaData({props:S,state:{containerVisible:k}}),A=C.ptm,B=C.cx,L=C.sx;d(T.css.styles,C.isUnstyled,{name:"sidebar"});var Z=e.useRef(null),z=e.useRef(null),M=e.useRef(null);R(z,S.closeOnEscape,(function(e){i.get(z.current)===i.getCurrent("modal",w&&w.autoZIndex||s.autoZIndex)&&X(e)}));var H=N(b({type:"click",listener:function(e){0===e.button&&V(e)&&X(e)}}),2),J=H[0],U=H[1],V=function(e){return Z&&Z.current&&!Z.current.contains(e.target)},X=function(e){S.onHide(),e.preventDefault()},_=function(){var e;S.onShow&&S.onShow(),!((e=document.activeElement)&&Z&&Z.current.contains(e))&&S.showCloseIcon&&M.current.focus(),$()},F=function(){S.modal&&n.addClass(z.current,"p-component-overlay-leave")},Y=function(){i.clear(z.current),O(!1),q()},$=function(){S.dismissable&&!S.modal&&J(),S.blockScroll&&n.blockBodyScroll()},q=function(){U(),S.blockScroll&&n.unblockBodyScroll()};e.useImperativeHandle(p,(function(){return{props:S,getElement:function(){return Z.current},gteMask:function(){return z.current},getCloseIcon:function(){return M.current}}})),f((function(){S.visible&&O(!0)})),m((function(){S.visible&&!k&&O(!0),S.visible!==I&&k&&P(S.visible)})),m((function(){k&&(i.set("modal",z.current,w&&w.autoZIndex||s.autoZIndex,S.baseZIndex||w&&w.zIndex.modal||s.zIndex.modal),P(!0))}),[k]),m((function(){I&&(U(),S.dismissable&&!S.modal&&J())}),[S.dismissable,S.modal,I]),v((function(){q(),z.current&&i.clear(z.current)}));var G,K,Q,W,ee,ne,te,re,ie,oe,ae,se=function(){var n=o({type:"button",ref:M,className:B("closeButton"),onClick:function(e){return X(e)},"aria-label":i},A("closeButton")),t=o({className:B("closeIcon")},A("closeIcon")),r=a.getJSXIcon(S.closeIcon||e.createElement(h,t),D({},t),{props:S}),i=S.ariaCloseLabel||c("close");return S.showCloseIcon?e.createElement("button",n,r,e.createElement(g,null)):null};return k&&(G=se(),K=S.icons?t.getJSXElement(S.icons,S):null,Q=S.header?t.getJSXElement(S.header,S):null,W={enter:S.fullScreen?150:300,exit:S.fullScreen?150:300},ee=o({ref:z,style:L("mask"),className:B("mask",{maskVisibleState:k}),onMouseDown:function(e){return n=e,void(S.dismissable&&S.modal&&z.current===n.target&&X(n));var n}},A("mask")),ne=o({id:S.id,className:B("root",{context:w}),style:S.style,role:"complementary"},T.getOtherProps(S),A("root")),te=o({className:B("header")},A("header")),re=o({className:B("content")},A("content")),ie=o({className:B("icons")},A("icons")),oe=o({classNames:B("transition"),in:I,timeout:W,options:S.transitionOptions,unmountOnExit:!0,onEntered:_,onExiting:F,onExited:Y},A("transition")),ae=e.createElement("div",ee,e.createElement(u,x({nodeRef:Z},oe),e.createElement("div",x({ref:Z},ne),e.createElement("div",te,Q,e.createElement("div",ie,K,G)),e.createElement("div",re,S.children)))),e.createElement(y,{element:ae,appendTo:S.appendTo,visible:!0}))}));B.displayName="Sidebar";export{B as Sidebar};

package/sidebar/sidebar.js

@@ -163,7 +163,6 @@ this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componen
       when = _ref$when === void 0 ? true : _ref$when;
     var targetRef = React__namespace.useRef(null);
     var listenerRef = React__namespace.useRef(null);
-    var prevListener = usePrevious(listener);
     var prevOptions = usePrevious(options);
     var bind = function bind() {
       var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -193,12 +192,11 @@ this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componen
       }
     }, [target, when]);
     React__namespace.useEffect(function () {
-      // to properly compare functions we can implicitly converting the function to it's body's text as a String
-      if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
+      if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
         unbind();
         when && bind();
       }
-    }, [listener, options, when]);
+    }, [listener, options]);
     useUnmountEffect(function () {
       unbind();
     });

package/sidebar/sidebar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.sidebar=function(e,n,t,r,i,a,o,s,l,c){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var u=d(n),b=p(r);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 m(e){return m="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},m(e)}function v(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function h(e){var n=v(e,"string");return"symbol"===m(n)?n:String(n)}function y(e){if(Array.isArray(e))return e}function g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,s=[],l=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw i}}return s}}function x(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 w(e,n){if(e){if("string"==typeof e)return x(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)?x(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 y(e)||g(e,n)||w(e,n)||S()}var O=function(e){var n=u.useRef(void 0);return u.useEffect((function(){n.current=e})),n.current},j=function(e,n,r){var i,a,o,s,l,c,p,d,b,f,m,v,h,y,g,x=(s=void 0===(o=(i={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}).target)?"document":o,l=i.type,c=i.listener,p=i.options,b=void 0===(d=i.when)||d,f=u.useRef(null),m=u.useRef(null),v=O(c),h=O(p),y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.ObjectUtils.isNotEmpty(e.target)&&(g(),(e.when||b)&&(f.current=t.DomHandler.getTargetElement(e.target))),!m.current&&f.current&&(m.current=function(e){return c&&c(e)},f.current.addEventListener(l,m.current,p))},g=function(){m.current&&(f.current.removeEventListener(l,m.current,p),m.current=null)},u.useEffect((function(){b?f.current=t.DomHandler.getTargetElement(s):(g(),f.current=null)}),[s,b]),u.useEffect((function(){!m.current||""+v==""+c&&h===p||(g(),b&&y())}),[c,p,b]),a=function(){g()},u.useEffect((function(){return a}),[]),[y,g]),w=E(x,2),S=w[0],j=w[1];return u.useEffect((function(){if(n&&e.current)return S(),function(){j()}})),[e,r]},k=i.ComponentBase.extend({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,closeIcon:null,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var n=e.props,r=e.maskVisibleState,i=["left","right","top","bottom"].find((function(e){return e===n.position}));return t.classNames("p-sidebar-mask",i&&!n.fullScreen?"p-sidebar-".concat(i):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-sidebar-mask-scrollblocker":n.blockScroll,"p-sidebar-visible":r,"p-sidebar-full":n.fullScreen},n.maskClassName)},header:function(e){return t.classNames("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var n=e.context;return t.classNames("p-sidebar p-component",e.props.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===b.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===b.default.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}});function I(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?I(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=h(i=n))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var N=u.forwardRef((function(e,n){var p=u.useContext(r.PrimeReactContext),d=k.getProps(e,p),m=E(u.useState(!1),2),v=m[0],h=m[1],y=E(u.useState(!1),2),g=y[0],x=y[1],w=k.setMetaData({props:d,state:{containerVisible:v}}),S=w.ptm,O=w.cx,I=w.sx;i.useHandleStyle(k.css.styles,w.isUnstyled,{name:"sidebar"});var N=u.useRef(null),C=u.useRef(null),U=u.useRef(null);j(C,d.closeOnEscape,(function(e){t.ZIndexUtils.get(C.current)===t.ZIndexUtils.getCurrent("modal",p&&p.autoZIndex||b.default.autoZIndex)&&H(e)}));var D=E(o.useEventListener({type:"click",listener:function(e){0===e.button&&Z(e)&&H(e)}}),2),R=D[0],T=D[1],Z=function(e){return N&&N.current&&!N.current.contains(e.target)},H=function(e){d.onHide(),e.preventDefault()},A=function(){var e;d.onShow&&d.onShow(),!((e=document.activeElement)&&N&&N.current.contains(e))&&d.showCloseIcon&&U.current.focus(),z()},B=function(){d.modal&&t.DomHandler.addClass(C.current,"p-component-overlay-leave")},M=function(){t.ZIndexUtils.clear(C.current),h(!1),L()},z=function(){d.dismissable&&!d.modal&&R(),d.blockScroll&&t.DomHandler.blockBodyScroll()},L=function(){T(),d.blockScroll&&t.DomHandler.unblockBodyScroll()};u.useImperativeHandle(n,(function(){return{props:d,getElement:function(){return N.current},gteMask:function(){return C.current},getCloseIcon:function(){return U.current}}})),o.useMountEffect((function(){d.visible&&h(!0)})),o.useUpdateEffect((function(){d.visible&&!v&&h(!0),d.visible!==g&&v&&x(d.visible)})),o.useUpdateEffect((function(){v&&(t.ZIndexUtils.set("modal",C.current,p&&p.autoZIndex||b.default.autoZIndex,d.baseZIndex||p&&p.zIndex.modal||b.default.zIndex.modal),x(!0))}),[v]),o.useUpdateEffect((function(){g&&(T(),d.dismissable&&!d.modal&&R())}),[d.dismissable,d.modal,g]),o.useUnmountEffect((function(){L(),C.current&&t.ZIndexUtils.clear(C.current)}));var _,J,V,X,F,Y,$,q,G,K,Q,W=function(){var e=t.mergeProps({type:"button",ref:U,className:O("closeButton"),onClick:function(e){return H(e)},"aria-label":a},S("closeButton")),n=t.mergeProps({className:O("closeIcon")},S("closeIcon")),i=t.IconUtils.getJSXIcon(d.closeIcon||u.createElement(s.TimesIcon,n),P({},n),{props:d}),a=d.ariaCloseLabel||r.localeOption("close");return d.showCloseIcon?u.createElement("button",e,i,u.createElement(c.Ripple,null)):null};return v&&(_=W(),J=d.icons?t.ObjectUtils.getJSXElement(d.icons,d):null,V=d.header?t.ObjectUtils.getJSXElement(d.header,d):null,X={enter:d.fullScreen?150:300,exit:d.fullScreen?150:300},F=t.mergeProps({ref:C,style:I("mask"),className:O("mask",{maskVisibleState:v}),onMouseDown:function(e){return n=e,void(d.dismissable&&d.modal&&C.current===n.target&&H(n));var n}},S("mask")),Y=t.mergeProps({id:d.id,className:O("root",{context:p}),style:d.style,role:"complementary"},k.getOtherProps(d),S("root")),$=t.mergeProps({className:O("header")},S("header")),q=t.mergeProps({className:O("content")},S("content")),G=t.mergeProps({className:O("icons")},S("icons")),K=t.mergeProps({classNames:O("transition"),in:g,timeout:X,options:d.transitionOptions,unmountOnExit:!0,onEntered:A,onExiting:B,onExited:M},S("transition")),Q=u.createElement("div",F,u.createElement(a.CSSTransition,f({nodeRef:N},K),u.createElement("div",f({ref:N},Y),u.createElement("div",$,V,u.createElement("div",G,J,_)),u.createElement("div",q,d.children)))),u.createElement(l.Portal,{element:Q,appendTo:d.appendTo,visible:!0}))}));return N.displayName="Sidebar",e.Sidebar=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.portal,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.sidebar=function(e,n,t,r,i,a,o,s,l,c){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var u=d(n),b=p(r);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 m(e){return m="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},m(e)}function v(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function h(e){var n=v(e,"string");return"symbol"===m(n)?n:String(n)}function y(e){if(Array.isArray(e))return e}function g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,s=[],l=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw i}}return s}}function x(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 w(e,n){if(e){if("string"==typeof e)return x(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)?x(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 y(e)||g(e,n)||w(e,n)||S()}var O=function(e){var n,r,i,a=e.target,o=void 0===a?"document":a,s=e.type,l=e.listener,c=e.options,p=e.when,d=void 0===p||p,b=u.useRef(null),f=u.useRef(null),m=(n=c,r=u.useRef(void 0),u.useEffect((function(){r.current=n})),r.current),v=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.ObjectUtils.isNotEmpty(e.target)&&(h(),(e.when||d)&&(b.current=t.DomHandler.getTargetElement(e.target))),!f.current&&b.current&&(f.current=function(e){return l&&l(e)},b.current.addEventListener(s,f.current,c))},h=function(){f.current&&(b.current.removeEventListener(s,f.current,c),f.current=null)};return u.useEffect((function(){d?b.current=t.DomHandler.getTargetElement(o):(h(),b.current=null)}),[o,d]),u.useEffect((function(){!f.current||f.current===l&&m===c||(h(),d&&v())}),[l,c]),i=function(){h()},u.useEffect((function(){return i}),[]),[v,h]},j=function(e,n,t){var r=E(O({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),t(e))}}),2),i=r[0],a=r[1];return u.useEffect((function(){if(n&&e.current)return i(),function(){a()}})),[e,t]},k=i.ComponentBase.extend({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,closeIcon:null,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var n=e.props,r=e.maskVisibleState,i=["left","right","top","bottom"].find((function(e){return e===n.position}));return t.classNames("p-sidebar-mask",i&&!n.fullScreen?"p-sidebar-".concat(i):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-sidebar-mask-scrollblocker":n.blockScroll,"p-sidebar-visible":r,"p-sidebar-full":n.fullScreen},n.maskClassName)},header:function(e){return t.classNames("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var n=e.context;return t.classNames("p-sidebar p-component",e.props.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===b.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===b.default.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}});function I(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?I(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=h(i=n))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var N=u.forwardRef((function(e,n){var p=u.useContext(r.PrimeReactContext),d=k.getProps(e,p),m=E(u.useState(!1),2),v=m[0],h=m[1],y=E(u.useState(!1),2),g=y[0],x=y[1],w=k.setMetaData({props:d,state:{containerVisible:v}}),S=w.ptm,O=w.cx,I=w.sx;i.useHandleStyle(k.css.styles,w.isUnstyled,{name:"sidebar"});var N=u.useRef(null),C=u.useRef(null),U=u.useRef(null);j(C,d.closeOnEscape,(function(e){t.ZIndexUtils.get(C.current)===t.ZIndexUtils.getCurrent("modal",p&&p.autoZIndex||b.default.autoZIndex)&&H(e)}));var D=E(o.useEventListener({type:"click",listener:function(e){0===e.button&&Z(e)&&H(e)}}),2),R=D[0],T=D[1],Z=function(e){return N&&N.current&&!N.current.contains(e.target)},H=function(e){d.onHide(),e.preventDefault()},A=function(){var e;d.onShow&&d.onShow(),!((e=document.activeElement)&&N&&N.current.contains(e))&&d.showCloseIcon&&U.current.focus(),z()},B=function(){d.modal&&t.DomHandler.addClass(C.current,"p-component-overlay-leave")},M=function(){t.ZIndexUtils.clear(C.current),h(!1),L()},z=function(){d.dismissable&&!d.modal&&R(),d.blockScroll&&t.DomHandler.blockBodyScroll()},L=function(){T(),d.blockScroll&&t.DomHandler.unblockBodyScroll()};u.useImperativeHandle(n,(function(){return{props:d,getElement:function(){return N.current},gteMask:function(){return C.current},getCloseIcon:function(){return U.current}}})),o.useMountEffect((function(){d.visible&&h(!0)})),o.useUpdateEffect((function(){d.visible&&!v&&h(!0),d.visible!==g&&v&&x(d.visible)})),o.useUpdateEffect((function(){v&&(t.ZIndexUtils.set("modal",C.current,p&&p.autoZIndex||b.default.autoZIndex,d.baseZIndex||p&&p.zIndex.modal||b.default.zIndex.modal),x(!0))}),[v]),o.useUpdateEffect((function(){g&&(T(),d.dismissable&&!d.modal&&R())}),[d.dismissable,d.modal,g]),o.useUnmountEffect((function(){L(),C.current&&t.ZIndexUtils.clear(C.current)}));var _,J,V,X,F,Y,$,q,G,K,Q,W=function(){var e=t.mergeProps({type:"button",ref:U,className:O("closeButton"),onClick:function(e){return H(e)},"aria-label":a},S("closeButton")),n=t.mergeProps({className:O("closeIcon")},S("closeIcon")),i=t.IconUtils.getJSXIcon(d.closeIcon||u.createElement(s.TimesIcon,n),P({},n),{props:d}),a=d.ariaCloseLabel||r.localeOption("close");return d.showCloseIcon?u.createElement("button",e,i,u.createElement(c.Ripple,null)):null};return v&&(_=W(),J=d.icons?t.ObjectUtils.getJSXElement(d.icons,d):null,V=d.header?t.ObjectUtils.getJSXElement(d.header,d):null,X={enter:d.fullScreen?150:300,exit:d.fullScreen?150:300},F=t.mergeProps({ref:C,style:I("mask"),className:O("mask",{maskVisibleState:v}),onMouseDown:function(e){return n=e,void(d.dismissable&&d.modal&&C.current===n.target&&H(n));var n}},S("mask")),Y=t.mergeProps({id:d.id,className:O("root",{context:p}),style:d.style,role:"complementary"},k.getOtherProps(d),S("root")),$=t.mergeProps({className:O("header")},S("header")),q=t.mergeProps({className:O("content")},S("content")),G=t.mergeProps({className:O("icons")},S("icons")),K=t.mergeProps({classNames:O("transition"),in:g,timeout:X,options:d.transitionOptions,unmountOnExit:!0,onEntered:A,onExiting:B,onExited:M},S("transition")),Q=u.createElement("div",F,u.createElement(a.CSSTransition,f({nodeRef:N},K),u.createElement("div",f({ref:N},Y),u.createElement("div",$,V,u.createElement("div",G,J,_)),u.createElement("div",q,d.children)))),u.createElement(l.Portal,{element:Q,appendTo:d.appendTo,visible:!0}))}));return N.displayName="Sidebar",e.Sidebar=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.portal,primereact.ripple);

package/skeleton/skeleton.cjs.js

@@ -139,7 +139,8 @@ var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var rootProps = utils.mergeProps({
     ref: elementRef,
     className: utils.classNames(props.className, cx('root')),
-    style: _objectSpread(_objectSpread({}, style), sx('root'))
+    style: _objectSpread(_objectSpread({}, style), sx('root')),
+    'aria-hidden': true
   }, SkeletonBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React__namespace.createElement("div", rootProps);
 }));

package/skeleton/skeleton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/utils");function o(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=o(e);function a(e){return a="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},a(e)}function s(e,t){if("object"!==a(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function l(e){var t=s(e,"string");return"symbol"===a(t)?t:String(t)}var c=r.ComponentBase.extend({defaultProps:{__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},css:{classes:{root:function(e){var t=e.props;return n.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===t.shape,"p-skeleton-none":"none"===t.animation})}},inlineStyles:{root:{position:"relative"}},styles:'\n@layer primereact {\n    .p-skeleton {\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-skeleton::after {\n        content: "";\n        animation: p-skeleton-animation 1.2s infinite;\n        height: 100%;\n        left: 0;\n        position: absolute;\n        right: 0;\n        top: 0;\n        transform: translateX(-100%);\n        z-index: 1;\n    }\n    \n    .p-skeleton-circle {\n        border-radius: 50%;\n    }\n    \n    .p-skeleton-none::after {\n        animation: none;\n    }\n}\n\n@keyframes p-skeleton-animation {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(100%);\n    }\n}\n'}});function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=l(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var f=i.memo(i.forwardRef((function(e,o){var a=i.useContext(t.PrimeReactContext),s=c.getProps(e,a),l=c.setMetaData({props:s}),u=l.ptm,f=l.cx,m=l.sx;r.useHandleStyle(c.css.styles,l.isUnstyled,{name:"skeleton"});var b=i.useRef(null);i.useImperativeHandle(o,(function(){return{props:s,getElement:function(){return b.current}}}));var y=s.size?{width:s.size,height:s.size,borderRadius:s.borderRadius}:{width:s.width,height:s.height,borderRadius:s.borderRadius},d=n.mergeProps({ref:b,className:n.classNames(s.className,f("root")),style:p(p({},y),m("root"))},c.getOtherProps(s),u("root"));return i.createElement("div",d)})));f.displayName="Skeleton",exports.Skeleton=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/utils");function o(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=o(e);function a(e){return a="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},a(e)}function s(e,t){if("object"!==a(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function l(e){var t=s(e,"string");return"symbol"===a(t)?t:String(t)}var c=r.ComponentBase.extend({defaultProps:{__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},css:{classes:{root:function(e){var t=e.props;return n.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===t.shape,"p-skeleton-none":"none"===t.animation})}},inlineStyles:{root:{position:"relative"}},styles:'\n@layer primereact {\n    .p-skeleton {\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-skeleton::after {\n        content: "";\n        animation: p-skeleton-animation 1.2s infinite;\n        height: 100%;\n        left: 0;\n        position: absolute;\n        right: 0;\n        top: 0;\n        transform: translateX(-100%);\n        z-index: 1;\n    }\n    \n    .p-skeleton-circle {\n        border-radius: 50%;\n    }\n    \n    .p-skeleton-none::after {\n        animation: none;\n    }\n}\n\n@keyframes p-skeleton-animation {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(100%);\n    }\n}\n'}});function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=l(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var f=i.memo(i.forwardRef((function(e,o){var a=i.useContext(t.PrimeReactContext),s=c.getProps(e,a),l=c.setMetaData({props:s}),u=l.ptm,f=l.cx,m=l.sx;r.useHandleStyle(c.css.styles,l.isUnstyled,{name:"skeleton"});var b=i.useRef(null);i.useImperativeHandle(o,(function(){return{props:s,getElement:function(){return b.current}}}));var y=s.size?{width:s.size,height:s.size,borderRadius:s.borderRadius}:{width:s.width,height:s.height,borderRadius:s.borderRadius},d=n.mergeProps({ref:b,className:n.classNames(s.className,f("root")),style:p(p({},y),m("root")),"aria-hidden":!0},c.getOtherProps(s),u("root"));return i.createElement("div",d)})));f.displayName="Skeleton",exports.Skeleton=f;

package/skeleton/skeleton.esm.js

@@ -115,7 +115,8 @@ var Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var rootProps = mergeProps({
     ref: elementRef,
     className: classNames(props.className, cx('root')),
-    style: _objectSpread(_objectSpread({}, style), sx('root'))
+    style: _objectSpread(_objectSpread({}, style), sx('root')),
+    'aria-hidden': true
   }, SkeletonBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React.createElement("div", rootProps);
 }));

package/skeleton/skeleton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{classNames as o,mergeProps as i}from"primereact/utils";function a(e){return a="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},a(e)}function s(e,t){if("object"!==a(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==a(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function l(e){var t=s(e,"string");return"symbol"===a(t)?t:String(t)}var p=n.extend({defaultProps:{__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},css:{classes:{root:function(e){var t=e.props;return o("p-skeleton p-component",{"p-skeleton-circle":"circle"===t.shape,"p-skeleton-none":"none"===t.animation})}},inlineStyles:{root:{position:"relative"}},styles:'\n@layer primereact {\n    .p-skeleton {\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-skeleton::after {\n        content: "";\n        animation: p-skeleton-animation 1.2s infinite;\n        height: 100%;\n        left: 0;\n        position: absolute;\n        right: 0;\n        top: 0;\n        transform: translateX(-100%);\n        z-index: 1;\n    }\n    \n    .p-skeleton-circle {\n        border-radius: 50%;\n    }\n    \n    .p-skeleton-none::after {\n        animation: none;\n    }\n}\n\n@keyframes p-skeleton-animation {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(100%);\n    }\n}\n'}});function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=l(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var m=e.memo(e.forwardRef((function(n,a){var s=e.useContext(t),l=p.getProps(n,s),c=p.setMetaData({props:l}),m=c.ptm,f=c.cx,b=c.sx;r(p.css.styles,c.isUnstyled,{name:"skeleton"});var y=e.useRef(null);e.useImperativeHandle(a,(function(){return{props:l,getElement:function(){return y.current}}}));var d=l.size?{width:l.size,height:l.size,borderRadius:l.borderRadius}:{width:l.width,height:l.height,borderRadius:l.borderRadius},v=i({ref:y,className:o(l.className,f("root")),style:u(u({},d),b("root"))},p.getOtherProps(l),m("root"));return e.createElement("div",v)})));m.displayName="Skeleton";export{m as Skeleton};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{classNames as o,mergeProps as i}from"primereact/utils";function a(e){return a="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},a(e)}function s(e,t){if("object"!==a(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==a(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function l(e){var t=s(e,"string");return"symbol"===a(t)?t:String(t)}var p=n.extend({defaultProps:{__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},css:{classes:{root:function(e){var t=e.props;return o("p-skeleton p-component",{"p-skeleton-circle":"circle"===t.shape,"p-skeleton-none":"none"===t.animation})}},inlineStyles:{root:{position:"relative"}},styles:'\n@layer primereact {\n    .p-skeleton {\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-skeleton::after {\n        content: "";\n        animation: p-skeleton-animation 1.2s infinite;\n        height: 100%;\n        left: 0;\n        position: absolute;\n        right: 0;\n        top: 0;\n        transform: translateX(-100%);\n        z-index: 1;\n    }\n    \n    .p-skeleton-circle {\n        border-radius: 50%;\n    }\n    \n    .p-skeleton-none::after {\n        animation: none;\n    }\n}\n\n@keyframes p-skeleton-animation {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(100%);\n    }\n}\n'}});function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=l(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var m=e.memo(e.forwardRef((function(n,a){var s=e.useContext(t),l=p.getProps(n,s),c=p.setMetaData({props:l}),m=c.ptm,f=c.cx,b=c.sx;r(p.css.styles,c.isUnstyled,{name:"skeleton"});var y=e.useRef(null);e.useImperativeHandle(a,(function(){return{props:l,getElement:function(){return y.current}}}));var d=l.size?{width:l.size,height:l.size,borderRadius:l.borderRadius}:{width:l.width,height:l.height,borderRadius:l.borderRadius},v=i({ref:y,className:o(l.className,f("root")),style:u(u({},d),b("root")),"aria-hidden":!0},p.getOtherProps(l),m("root"));return e.createElement("div",v)})));m.displayName="Skeleton";export{m as Skeleton};

package/skeleton/skeleton.js

@@ -133,7 +133,8 @@ this.primereact.skeleton = (function (exports, React, api, componentbase, utils)
     var rootProps = utils.mergeProps({
       ref: elementRef,
       className: utils.classNames(props.className, cx('root')),
-      style: _objectSpread(_objectSpread({}, style), sx('root'))
+      style: _objectSpread(_objectSpread({}, style), sx('root')),
+      'aria-hidden': true
     }, SkeletonBase.getOtherProps(props), ptm('root'));
     return /*#__PURE__*/React__namespace.createElement("div", rootProps);
   }));

package/skeleton/skeleton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.skeleton=function(e,t,n,r,o){"use strict";function i(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 a=i(t);function s(e){return s="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},s(e)}function l(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function c(e){var t=l(e,"string");return"symbol"===s(t)?t:String(t)}var u=r.ComponentBase.extend({defaultProps:{__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},css:{classes:{root:function(e){var t=e.props;return o.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===t.shape,"p-skeleton-none":"none"===t.animation})}},inlineStyles:{root:{position:"relative"}},styles:'\n@layer primereact {\n    .p-skeleton {\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-skeleton::after {\n        content: "";\n        animation: p-skeleton-animation 1.2s infinite;\n        height: 100%;\n        left: 0;\n        position: absolute;\n        right: 0;\n        top: 0;\n        transform: translateX(-100%);\n        z-index: 1;\n    }\n    \n    .p-skeleton-circle {\n        border-radius: 50%;\n    }\n    \n    .p-skeleton-none::after {\n        animation: none;\n    }\n}\n\n@keyframes p-skeleton-animation {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(100%);\n    }\n}\n'}});function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=c(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var m=a.memo(a.forwardRef((function(e,t){var i=a.useContext(n.PrimeReactContext),s=u.getProps(e,i),l=u.setMetaData({props:s}),c=l.ptm,p=l.cx,m=l.sx;r.useHandleStyle(u.css.styles,l.isUnstyled,{name:"skeleton"});var b=a.useRef(null);a.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return b.current}}}));var y=s.size?{width:s.size,height:s.size,borderRadius:s.borderRadius}:{width:s.width,height:s.height,borderRadius:s.borderRadius},d=o.mergeProps({ref:b,className:o.classNames(s.className,p("root")),style:f(f({},y),m("root"))},u.getOtherProps(s),c("root"));return a.createElement("div",d)})));return m.displayName="Skeleton",e.Skeleton=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.skeleton=function(e,t,n,r,o){"use strict";function i(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 a=i(t);function s(e){return s="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},s(e)}function l(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function c(e){var t=l(e,"string");return"symbol"===s(t)?t:String(t)}var u=r.ComponentBase.extend({defaultProps:{__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},css:{classes:{root:function(e){var t=e.props;return o.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===t.shape,"p-skeleton-none":"none"===t.animation})}},inlineStyles:{root:{position:"relative"}},styles:'\n@layer primereact {\n    .p-skeleton {\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-skeleton::after {\n        content: "";\n        animation: p-skeleton-animation 1.2s infinite;\n        height: 100%;\n        left: 0;\n        position: absolute;\n        right: 0;\n        top: 0;\n        transform: translateX(-100%);\n        z-index: 1;\n    }\n    \n    .p-skeleton-circle {\n        border-radius: 50%;\n    }\n    \n    .p-skeleton-none::after {\n        animation: none;\n    }\n}\n\n@keyframes p-skeleton-animation {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(100%);\n    }\n}\n'}});function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=c(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var m=a.memo(a.forwardRef((function(e,t){var i=a.useContext(n.PrimeReactContext),s=u.getProps(e,i),l=u.setMetaData({props:s}),c=l.ptm,p=l.cx,m=l.sx;r.useHandleStyle(u.css.styles,l.isUnstyled,{name:"skeleton"});var b=a.useRef(null);a.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return b.current}}}));var y=s.size?{width:s.size,height:s.size,borderRadius:s.borderRadius}:{width:s.width,height:s.height,borderRadius:s.borderRadius},d=o.mergeProps({ref:b,className:o.classNames(s.className,p("root")),style:f(f({},y),m("root")),"aria-hidden":!0},u.getOtherProps(s),c("root"));return a.createElement("div",d)})));return m.displayName="Skeleton",e.Skeleton=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.utils);

package/slidemenu/slidemenu.cjs.js

@@ -419,7 +419,6 @@ var useEventListener = function useEventListener(_ref) {
     when = _ref$when === void 0 ? true : _ref$when;
   var targetRef = React__namespace.useRef(null);
   var listenerRef = React__namespace.useRef(null);
-  var prevListener = usePrevious(listener);
   var prevOptions = usePrevious(options);
   var bind = function bind() {
     var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -449,12 +448,11 @@ var useEventListener = function useEventListener(_ref) {
     }
   }, [target, when]);
   React__namespace.useEffect(function () {
-    // to properly compare functions we can implicitly converting the function to it's body's text as a String
-    if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
+    if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
       unbind();
       when && bind();
     }
-  }, [listener, options, when]);
+  }, [listener, options]);
   useUnmountEffect(function () {
     unbind();
   });

package/slidemenu/slidemenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),i=require("primereact/icons/chevronleft"),u=require("primereact/overlayservice"),a=require("primereact/portal"),l=require("primereact/utils"),s=require("primereact/icons/angleright");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=p(e),d=c(n);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 v(e){return v="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},v(e)}function b(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=b(e,"string");return"symbol"===v(n)?n:String(n)}function g(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,a=[],l=!0,s=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(s)throw o}}return a}}function w(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 P(e,n){if(e){if("string"==typeof e)return w(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)?w(e,n):void 0}}function E(){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 x(e,n){return h(e)||O(e,n)||P(e,n)||E()}var S=t.ComponentBase.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return l.classNames("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){var n=e.props;return l.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":n.popup},n.className)},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return l.classNames({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return l.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var N=m.memo((function(e){var n=x(m.useState(null),2),t=n[0],r=n[1],o=x(m.useState({}),2),i=o[0],u=o[1],a=e.ptm,c=e.cx,p=e.sx,d=function(n,r){return a(r,{hostName:e.hostName,context:{active:t===n}})},f=function(n,t,o){if(t.disabled)n.preventDefault();else if(t.url||n.preventDefault(),t.command&&t.command({originalEvent:n,item:t}),t.items){var a=y(t,o);u(I(I({},i),{},g({},a,!0))),r(t),e.onForward()}},v=function(n){var t=e.id+"_sep_"+n,r=l.mergeProps({id:t,key:t,className:c("separator"),role:"separator"},a("separator",{hostName:e.hostName}));return m.createElement("li",r)},b=function(n,r){var o=i[y(n,r)];return n.items&&o?m.createElement(N,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:n===t,submenuIcon:e.submenuIcon,ptm:a,cx:c,sx:p}):null},y=function(n,t){return n.id||e.id+"_"+t},h=function(n,r){if(!1===n.visible)return null;var o=y(n,r),i=t===n,u=l.classNames("p-menuitem-icon",n.icon),a=l.mergeProps({className:c("icon")},d(n,"icon")),p=l.IconUtils.getJSXIcon(n.icon,I({},a),{props:e.menuProps}),v=l.mergeProps({className:c("submenuIcon")},d(n,"submenuIcon")),g=l.mergeProps({className:c("label")},d(n,"label")),h=n.items&&l.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(s.AngleRightIcon,v),I({},v),{props:e}),O=n.label&&m.createElement("span",g,n.label),w=b(n,r),P=l.mergeProps({href:n.url||"#",className:c("action"),target:n.target,onClick:function(e){return f(e,n,r)},"aria-disabled":n.disabled},d(n,"action")),E=m.createElement("a",P,p,O,h);n.template&&(E=l.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return f(e,n,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:u,submenuIconClassName:"p-submenu-icon",element:E,props:e,active:i}));var x=l.mergeProps({id:o,key:o,className:c("menuitem",{active:i,item:n}),style:n.style},d(n,"menuitem"));return m.createElement("li",x,E,w)},O=e.model?e.model.map((function(e,n){return e.separator?v(n):h(e,n)})):null,w=l.mergeProps({className:c("menu",{subProps:e}),style:p("menu",{subProps:e})},a("menu",{hostName:e.hostName}));return m.createElement("ul",w,O)}));N.displayName="SlideMenuSub";var k=function(e){var n=m.useRef(void 0);return m.useEffect((function(){n.current=e})),n.current},D=function(e,n,t){var r,o,i,u,a,s,c,p,d,f,v,b,y,g,h,O=(u=void 0===(i=(r={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),t(e))}}).target)?"document":i,a=r.type,s=r.listener,c=r.options,d=void 0===(p=r.when)||p,f=m.useRef(null),v=m.useRef(null),b=k(s),y=k(c),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};l.ObjectUtils.isNotEmpty(e.target)&&(h(),(e.when||d)&&(f.current=l.DomHandler.getTargetElement(e.target))),!v.current&&f.current&&(v.current=function(e){return s&&s(e)},f.current.addEventListener(a,v.current,c))},h=function(){v.current&&(f.current.removeEventListener(a,v.current,c),v.current=null)},m.useEffect((function(){d?f.current=l.DomHandler.getTargetElement(u):(h(),f.current=null)}),[u,d]),m.useEffect((function(){!v.current||""+b==""+s&&y===c||(h(),d&&g())}),[s,c,d]),o=function(){h()},m.useEffect((function(){return o}),[]),[g,h]),w=x(O,2),P=w[0],E=w[1];return m.useEffect((function(){if(n&&e.current)return P(),function(){E()}})),[e,t]};function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function U(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var T=m.memo(m.forwardRef((function(e,s){var c=m.useContext(n.PrimeReactContext),p=S.getProps(e,c),v=x(m.useState(p.id),2),b=v[0],y=v[1],g=x(m.useState(0),2),h=g[0],O=g[1],w=x(m.useState(!1),2),P=w[0],E=w[1],j=S.setMetaData({props:p,state:{id:b,visible:P,level:h}}),I=j.ptm,k=j.cx,C=j.sx;t.useHandleStyle(S.css.styles,j.isUnstyled,{name:"slidemenu"});var T=m.useRef(null),q=m.useRef(null),H=m.useRef(null),R=m.useRef(null);D(q,p.popup&&p.closeOnEscape,(function(e){J(e)}));var A=x(o.useOverlayListener({target:q,overlay:T,listener:function(e,n){n.valid&&J(e)},when:P}),2),M=A[0],_=A[1],Z=function(){O((function(e){return e+1}))},L=function(){O((function(e){return e-1}))},W=function(e){p.popup&&(P?J(e):F(e))},F=function(e){q.current=e.currentTarget,E(!0),p.onShow&&p.onShow(e)},J=function(e){q.current=e.currentTarget,E(!1),p.onHide&&p.onHide(e)},X=function(){p.autoZIndex&&l.ZIndexUtils.set("menu",T.current,c&&c.autoZIndex||d.default.autoZIndex,p.baseZIndex||c&&c.zIndex.menu||d.default.zIndex.menu),l.DomHandler.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),l.DomHandler.absolutePosition(T.current,q.current)},z=function(){M()},B=function(){q.current=null,_()},Y=function(){l.ZIndexUtils.clear(T.current),O(0)};o.useMountEffect((function(){b||y(l.UniqueComponentId())})),o.useUpdateEffect((function(){O(0)}),[p.model]),o.useUpdateEffect((function(){p.onNavigate&&p.onNavigate({level:h})}),[h]),o.useUnmountEffect((function(){l.ZIndexUtils.clear(T.current)})),m.useImperativeHandle(s,(function(){return{props:p,toggle:W,show:F,hide:J,navigateForward:Z,navigateBack:L,setLevelState:O,getElement:function(){return T.current}}}));var $=function(){var e=l.mergeProps({className:k("previousIcon")},I("previousIcon")),n=l.IconUtils.getJSXIcon(p.backIcon||m.createElement(i.ChevronLeftIcon,e),U({},e),{props:p}),t=l.mergeProps(I("previousLabel")),r=l.mergeProps({ref:H,className:k("previous",{levelState:h}),onClick:function(e){return L()}},I("previous"));return m.createElement("div",r,n,m.createElement("span",t,p.backLabel))},G=function(){var e={height:p.viewportHeight+"px"},n=$(),t=l.mergeProps({ref:T,id:p.id,className:k("root"),style:p.style,onClick:function(e){return n=e,void(p.popup&&u.OverlayService.emit("overlay-click",{originalEvent:n,target:q.current}));var n}},S.getOtherProps(p),I("root")),o=l.mergeProps({className:k("wrapper"),style:e},I("wrapper")),i=l.mergeProps({ref:R,className:k("content")},I("content")),a=l.mergeProps({classNames:k("transition"),in:!p.popup||P,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:X,onEntered:z,onExit:B,onExited:Y},I("transition"));return m.createElement(r.CSSTransition,f({nodeRef:T},a),m.createElement("div",t,m.createElement("div",o,m.createElement("div",i,m.createElement(N,{id:b,hostName:"SlideMenu",menuProps:p,model:p.model,root:!0,index:0,menuWidth:p.menuWidth,effectDuration:p.effectDuration,level:h,parentActive:0===h,onForward:Z,submenuIcon:p.submenuIcon,ptm:I,cx:k,sx:C}))),n))}();return p.popup?m.createElement(a.Portal,{element:G,appendTo:p.appendTo}):G})));T.displayName="SlideMenu",exports.SlideMenu=T;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),i=require("primereact/icons/chevronleft"),u=require("primereact/overlayservice"),a=require("primereact/portal"),l=require("primereact/utils"),s=require("primereact/icons/angleright");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=p(e),d=c(n);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 v(e){return v="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},v(e)}function b(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=b(e,"string");return"symbol"===v(n)?n:String(n)}function g(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,a=[],l=!0,s=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(s)throw o}}return a}}function w(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 P(e,n){if(e){if("string"==typeof e)return w(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)?w(e,n):void 0}}function E(){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 x(e,n){return h(e)||O(e,n)||P(e,n)||E()}var S=t.ComponentBase.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return l.classNames("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){var n=e.props;return l.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":n.popup},n.className)},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return l.classNames({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return l.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var N=m.memo((function(e){var n=x(m.useState(null),2),t=n[0],r=n[1],o=x(m.useState({}),2),i=o[0],u=o[1],a=e.ptm,c=e.cx,p=e.sx,d=function(n,r){return a(r,{hostName:e.hostName,context:{active:t===n}})},f=function(n,t,o){if(t.disabled)n.preventDefault();else if(t.url||n.preventDefault(),t.command&&t.command({originalEvent:n,item:t}),t.items){var a=y(t,o);u(I(I({},i),{},g({},a,!0))),r(t),e.onForward()}},v=function(n){var t=e.id+"_sep_"+n,r=l.mergeProps({id:t,key:t,className:c("separator"),role:"separator"},a("separator",{hostName:e.hostName}));return m.createElement("li",r)},b=function(n,r){var o=i[y(n,r)];return n.items&&o?m.createElement(N,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:n===t,submenuIcon:e.submenuIcon,ptm:a,cx:c,sx:p}):null},y=function(n,t){return n.id||e.id+"_"+t},h=function(n,r){if(!1===n.visible)return null;var o=y(n,r),i=t===n,u=l.classNames("p-menuitem-icon",n.icon),a=l.mergeProps({className:c("icon")},d(n,"icon")),p=l.IconUtils.getJSXIcon(n.icon,I({},a),{props:e.menuProps}),v=l.mergeProps({className:c("submenuIcon")},d(n,"submenuIcon")),g=l.mergeProps({className:c("label")},d(n,"label")),h=n.items&&l.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(s.AngleRightIcon,v),I({},v),{props:e}),O=n.label&&m.createElement("span",g,n.label),w=b(n,r),P=l.mergeProps({href:n.url||"#",className:c("action"),target:n.target,onClick:function(e){return f(e,n,r)},"aria-disabled":n.disabled},d(n,"action")),E=m.createElement("a",P,p,O,h);n.template&&(E=l.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return f(e,n,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:u,submenuIconClassName:"p-submenu-icon",element:E,props:e,active:i}));var x=l.mergeProps({id:o,key:o,className:c("menuitem",{active:i,item:n}),style:n.style},d(n,"menuitem"));return m.createElement("li",x,E,w)},O=e.model?e.model.map((function(e,n){return e.separator?v(n):h(e,n)})):null,w=l.mergeProps({className:c("menu",{subProps:e}),style:p("menu",{subProps:e})},a("menu",{hostName:e.hostName}));return m.createElement("ul",w,O)}));N.displayName="SlideMenuSub";var k=function(e){var n,t,r,o=e.target,i=void 0===o?"document":o,u=e.type,a=e.listener,s=e.options,c=e.when,p=void 0===c||c,d=m.useRef(null),f=m.useRef(null),v=(n=s,t=m.useRef(void 0),m.useEffect((function(){t.current=n})),t.current),b=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};l.ObjectUtils.isNotEmpty(e.target)&&(y(),(e.when||p)&&(d.current=l.DomHandler.getTargetElement(e.target))),!f.current&&d.current&&(f.current=function(e){return a&&a(e)},d.current.addEventListener(u,f.current,s))},y=function(){f.current&&(d.current.removeEventListener(u,f.current,s),f.current=null)};return m.useEffect((function(){p?d.current=l.DomHandler.getTargetElement(i):(y(),d.current=null)}),[i,p]),m.useEffect((function(){!f.current||f.current===a&&v===s||(y(),p&&b())}),[a,s]),r=function(){y()},m.useEffect((function(){return r}),[]),[b,y]},D=function(e,n,t){var r=x(k({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),t(e))}}),2),o=r[0],i=r[1];return m.useEffect((function(){if(n&&e.current)return o(),function(){i()}})),[e,t]};function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function U(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var T=m.memo(m.forwardRef((function(e,s){var c=m.useContext(n.PrimeReactContext),p=S.getProps(e,c),v=x(m.useState(p.id),2),b=v[0],y=v[1],g=x(m.useState(0),2),h=g[0],O=g[1],w=x(m.useState(!1),2),P=w[0],E=w[1],j=S.setMetaData({props:p,state:{id:b,visible:P,level:h}}),I=j.ptm,k=j.cx,C=j.sx;t.useHandleStyle(S.css.styles,j.isUnstyled,{name:"slidemenu"});var T=m.useRef(null),q=m.useRef(null),H=m.useRef(null),R=m.useRef(null);D(q,p.popup&&p.closeOnEscape,(function(e){J(e)}));var A=x(o.useOverlayListener({target:q,overlay:T,listener:function(e,n){n.valid&&J(e)},when:P}),2),M=A[0],_=A[1],Z=function(){O((function(e){return e+1}))},L=function(){O((function(e){return e-1}))},W=function(e){p.popup&&(P?J(e):F(e))},F=function(e){q.current=e.currentTarget,E(!0),p.onShow&&p.onShow(e)},J=function(e){q.current=e.currentTarget,E(!1),p.onHide&&p.onHide(e)},X=function(){p.autoZIndex&&l.ZIndexUtils.set("menu",T.current,c&&c.autoZIndex||d.default.autoZIndex,p.baseZIndex||c&&c.zIndex.menu||d.default.zIndex.menu),l.DomHandler.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),l.DomHandler.absolutePosition(T.current,q.current)},z=function(){M()},B=function(){q.current=null,_()},Y=function(){l.ZIndexUtils.clear(T.current),O(0)};o.useMountEffect((function(){b||y(l.UniqueComponentId())})),o.useUpdateEffect((function(){O(0)}),[p.model]),o.useUpdateEffect((function(){p.onNavigate&&p.onNavigate({level:h})}),[h]),o.useUnmountEffect((function(){l.ZIndexUtils.clear(T.current)})),m.useImperativeHandle(s,(function(){return{props:p,toggle:W,show:F,hide:J,navigateForward:Z,navigateBack:L,setLevelState:O,getElement:function(){return T.current}}}));var $=function(){var e=l.mergeProps({className:k("previousIcon")},I("previousIcon")),n=l.IconUtils.getJSXIcon(p.backIcon||m.createElement(i.ChevronLeftIcon,e),U({},e),{props:p}),t=l.mergeProps(I("previousLabel")),r=l.mergeProps({ref:H,className:k("previous",{levelState:h}),onClick:function(e){return L()}},I("previous"));return m.createElement("div",r,n,m.createElement("span",t,p.backLabel))},G=function(){var e={height:p.viewportHeight+"px"},n=$(),t=l.mergeProps({ref:T,id:p.id,className:k("root"),style:p.style,onClick:function(e){return n=e,void(p.popup&&u.OverlayService.emit("overlay-click",{originalEvent:n,target:q.current}));var n}},S.getOtherProps(p),I("root")),o=l.mergeProps({className:k("wrapper"),style:e},I("wrapper")),i=l.mergeProps({ref:R,className:k("content")},I("content")),a=l.mergeProps({classNames:k("transition"),in:!p.popup||P,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:X,onEntered:z,onExit:B,onExited:Y},I("transition"));return m.createElement(r.CSSTransition,f({nodeRef:T},a),m.createElement("div",t,m.createElement("div",o,m.createElement("div",i,m.createElement(N,{id:b,hostName:"SlideMenu",menuProps:p,model:p.model,root:!0,index:0,menuWidth:p.menuWidth,effectDuration:p.effectDuration,level:h,parentActive:0===h,onForward:Z,submenuIcon:p.submenuIcon,ptm:I,cx:k,sx:C}))),n))}();return p.popup?m.createElement(a.Portal,{element:G,appendTo:p.appendTo}):G})));T.displayName="SlideMenu",exports.SlideMenu=T;

package/slidemenu/slidemenu.esm.js

@@ -392,7 +392,6 @@ var useEventListener = function useEventListener(_ref) {
     when = _ref$when === void 0 ? true : _ref$when;
   var targetRef = React.useRef(null);
   var listenerRef = React.useRef(null);
-  var prevListener = usePrevious(listener);
   var prevOptions = usePrevious(options);
   var bind = function bind() {
     var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -422,12 +421,11 @@ var useEventListener = function useEventListener(_ref) {
     }
   }, [target, when]);
   React.useEffect(function () {
-    // to properly compare functions we can implicitly converting the function to it's body's text as a String
-    if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
+    if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
       unbind();
       when && bind();
     }
-  }, [listener, options, when]);
+  }, [listener, options]);
   useUnmountEffect(function () {
     unbind();
   });

package/slidemenu/slidemenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useOverlayListener as u,useMountEffect as a,useUpdateEffect as l,useUnmountEffect as c}from"primereact/hooks";import{ChevronLeftIcon as s}from"primereact/icons/chevronleft";import{OverlayService as m}from"primereact/overlayservice";import{Portal as p}from"primereact/portal";import{classNames as f,mergeProps as d,IconUtils as v,ObjectUtils as b,DomHandler as y,UniqueComponentId as g,ZIndexUtils as h}from"primereact/utils";import{AngleRightIcon as w}from"primereact/icons/angleright";function O(){return O=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},O.apply(this,arguments)}function E(e){return E="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},E(e)}function x(e,n){if("object"!==E(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=x(e,"string");return"symbol"===E(n)?n:String(n)}function P(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function I(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 k(e,n){if(e){if("string"==typeof e)return I(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)?I(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 T(e,n){return N(e)||j(e,n)||k(e,n)||D()}var A=r.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return f("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){var n=e.props;return f("p-slidemenu p-component",{"p-slidemenu-overlay":n.popup},n.className)},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return f({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return f("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var W=e.memo((function(n){var t=T(e.useState(null),2),r=t[0],o=t[1],i=T(e.useState({}),2),u=i[0],a=i[1],l=n.ptm,c=n.cx,s=n.sx,m=function(e,t){return l(t,{hostName:n.hostName,context:{active:r===e}})},p=function(e,t,r){if(t.disabled)e.preventDefault();else if(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items){var i=h(t,r);a(R(R({},u),{},P({},i,!0))),o(t),n.onForward()}},y=function(t){var r=n.id+"_sep_"+t,o=d({id:r,key:r,className:c("separator"),role:"separator"},l("separator",{hostName:n.hostName}));return e.createElement("li",o)},g=function(t,o){var i=u[h(t,o)];return t.items&&i?e.createElement(W,{id:n.id+"_"+o,menuProps:n.menuProps,model:t.items,index:n.index+1,menuWidth:n.menuWidth,effectDuration:n.effectDuration,onForward:n.onForward,parentActive:t===r,submenuIcon:n.submenuIcon,ptm:l,cx:c,sx:s}):null},h=function(e,t){return e.id||n.id+"_"+t},O=function(t,o){if(!1===t.visible)return null;var i=h(t,o),u=r===t,a=f("p-menuitem-icon",t.icon),l=d({className:c("icon")},m(t,"icon")),s=v.getJSXIcon(t.icon,R({},l),{props:n.menuProps}),y=d({className:c("submenuIcon")},m(t,"submenuIcon")),O=d({className:c("label")},m(t,"label")),E=t.items&&v.getJSXIcon(n.submenuIcon||e.createElement(w,y),R({},y),{props:n}),x=t.label&&e.createElement("span",O,t.label),S=g(t,o),P=d({href:t.url||"#",className:c("action"),target:t.target,onClick:function(e){return p(e,t,o)},"aria-disabled":t.disabled},m(t,"action")),N=e.createElement("a",P,s,x,E);t.template&&(N=b.getJSXElement(t.template,t,{onClick:function(e){return p(e,t,o)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:"p-submenu-icon",element:N,props:n,active:u}));var j=d({id:i,key:i,className:c("menuitem",{active:u,item:t}),style:t.style},m(t,"menuitem"));return e.createElement("li",j,N,S)},E=n.model?n.model.map((function(e,n){return e.separator?y(n):O(e,n)})):null,x=d({className:c("menu",{subProps:n}),style:s("menu",{subProps:n})},l("menu",{hostName:n.hostName}));return e.createElement("ul",x,E)}));W.displayName="SlideMenuSub";var F=function(n){var t=e.useRef(void 0);return e.useEffect((function(){t.current=n})),t.current},H=function(n,t,r){var o,i,u,a,l,c,s,m,p,f,d,v,g,h,w,O=(a=void 0===(u=(o={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}).target)?"document":u,l=o.type,c=o.listener,s=o.options,p=void 0===(m=o.when)||m,f=e.useRef(null),d=e.useRef(null),v=F(c),g=F(s),h=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};b.isNotEmpty(e.target)&&(w(),(e.when||p)&&(f.current=y.getTargetElement(e.target))),!d.current&&f.current&&(d.current=function(e){return c&&c(e)},f.current.addEventListener(l,d.current,s))},w=function(){d.current&&(f.current.removeEventListener(l,d.current,s),d.current=null)},e.useEffect((function(){p?f.current=y.getTargetElement(a):(w(),f.current=null)}),[a,p]),e.useEffect((function(){!d.current||""+v==""+c&&g===s||(w(),p&&h())}),[c,s,p]),i=function(){w()},e.useEffect((function(){return i}),[]),[h,w]),E=T(O,2),x=E[0],S=E[1];return e.useEffect((function(){if(t&&n.current)return x(),function(){S()}})),[n,r]};function L(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function M(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?L(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var Z=e.memo(e.forwardRef((function(r,f){var b=e.useContext(t),w=A.getProps(r,b),E=T(e.useState(w.id),2),x=E[0],S=E[1],P=T(e.useState(0),2),N=P[0],j=P[1],I=T(e.useState(!1),2),k=I[0],D=I[1],C=A.setMetaData({props:w,state:{id:x,visible:k,level:N}}),R=C.ptm,F=C.cx,L=C.sx;o(A.css.styles,C.isUnstyled,{name:"slidemenu"});var Z=e.useRef(null),_=e.useRef(null),J=e.useRef(null),X=e.useRef(null);H(_,w.popup&&w.closeOnEscape,(function(e){K(e)}));var U=T(u({target:_,overlay:Z,listener:function(e,n){n.valid&&K(e)},when:k}),2),z=U[0],B=U[1],Y=function(){j((function(e){return e+1}))},$=function(){j((function(e){return e-1}))},q=function(e){w.popup&&(k?K(e):G(e))},G=function(e){_.current=e.currentTarget,D(!0),w.onShow&&w.onShow(e)},K=function(e){_.current=e.currentTarget,D(!1),w.onHide&&w.onHide(e)},Q=function(){w.autoZIndex&&h.set("menu",Z.current,b&&b.autoZIndex||n.autoZIndex,w.baseZIndex||b&&b.zIndex.menu||n.zIndex.menu),y.addStyles(Z.current,{position:"absolute",top:"0",left:"0"}),y.absolutePosition(Z.current,_.current)},V=function(){z()},ee=function(){_.current=null,B()},ne=function(){h.clear(Z.current),j(0)};a((function(){x||S(g())})),l((function(){j(0)}),[w.model]),l((function(){w.onNavigate&&w.onNavigate({level:N})}),[N]),c((function(){h.clear(Z.current)})),e.useImperativeHandle(f,(function(){return{props:w,toggle:q,show:G,hide:K,navigateForward:Y,navigateBack:$,setLevelState:j,getElement:function(){return Z.current}}}));var te=function(){var n=d({className:F("previousIcon")},R("previousIcon")),t=v.getJSXIcon(w.backIcon||e.createElement(s,n),M({},n),{props:w}),r=d(R("previousLabel")),o=d({ref:J,className:F("previous",{levelState:N}),onClick:function(e){return $()}},R("previous"));return e.createElement("div",o,t,e.createElement("span",r,w.backLabel))},re=function(){var n={height:w.viewportHeight+"px"},t=te(),r=d({ref:Z,id:w.id,className:F("root"),style:w.style,onClick:function(e){return n=e,void(w.popup&&m.emit("overlay-click",{originalEvent:n,target:_.current}));var n}},A.getOtherProps(w),R("root")),o=d({className:F("wrapper"),style:n},R("wrapper")),u=d({ref:X,className:F("content")},R("content")),a=d({classNames:F("transition"),in:!w.popup||k,timeout:{enter:120,exit:100},options:w.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntered:V,onExit:ee,onExited:ne},R("transition"));return e.createElement(i,O({nodeRef:Z},a),e.createElement("div",r,e.createElement("div",o,e.createElement("div",u,e.createElement(W,{id:x,hostName:"SlideMenu",menuProps:w,model:w.model,root:!0,index:0,menuWidth:w.menuWidth,effectDuration:w.effectDuration,level:N,parentActive:0===N,onForward:Y,submenuIcon:w.submenuIcon,ptm:R,cx:F,sx:L}))),t))}();return w.popup?e.createElement(p,{element:re,appendTo:w.appendTo}):re})));Z.displayName="SlideMenu";export{Z as SlideMenu};
+import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useOverlayListener as u,useMountEffect as a,useUpdateEffect as l,useUnmountEffect as c}from"primereact/hooks";import{ChevronLeftIcon as s}from"primereact/icons/chevronleft";import{OverlayService as m}from"primereact/overlayservice";import{Portal as p}from"primereact/portal";import{classNames as f,mergeProps as d,IconUtils as v,ObjectUtils as b,DomHandler as y,UniqueComponentId as g,ZIndexUtils as h}from"primereact/utils";import{AngleRightIcon as w}from"primereact/icons/angleright";function O(){return O=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},O.apply(this,arguments)}function E(e){return E="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},E(e)}function x(e,n){if("object"!==E(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=x(e,"string");return"symbol"===E(n)?n:String(n)}function P(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function I(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 k(e,n){if(e){if("string"==typeof e)return I(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)?I(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 T(e,n){return N(e)||j(e,n)||k(e,n)||D()}var A=r.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return f("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){var n=e.props;return f("p-slidemenu p-component",{"p-slidemenu-overlay":n.popup},n.className)},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return f({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return f("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var W=e.memo((function(n){var t=T(e.useState(null),2),r=t[0],o=t[1],i=T(e.useState({}),2),u=i[0],a=i[1],l=n.ptm,c=n.cx,s=n.sx,m=function(e,t){return l(t,{hostName:n.hostName,context:{active:r===e}})},p=function(e,t,r){if(t.disabled)e.preventDefault();else if(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items){var i=h(t,r);a(R(R({},u),{},P({},i,!0))),o(t),n.onForward()}},y=function(t){var r=n.id+"_sep_"+t,o=d({id:r,key:r,className:c("separator"),role:"separator"},l("separator",{hostName:n.hostName}));return e.createElement("li",o)},g=function(t,o){var i=u[h(t,o)];return t.items&&i?e.createElement(W,{id:n.id+"_"+o,menuProps:n.menuProps,model:t.items,index:n.index+1,menuWidth:n.menuWidth,effectDuration:n.effectDuration,onForward:n.onForward,parentActive:t===r,submenuIcon:n.submenuIcon,ptm:l,cx:c,sx:s}):null},h=function(e,t){return e.id||n.id+"_"+t},O=function(t,o){if(!1===t.visible)return null;var i=h(t,o),u=r===t,a=f("p-menuitem-icon",t.icon),l=d({className:c("icon")},m(t,"icon")),s=v.getJSXIcon(t.icon,R({},l),{props:n.menuProps}),y=d({className:c("submenuIcon")},m(t,"submenuIcon")),O=d({className:c("label")},m(t,"label")),E=t.items&&v.getJSXIcon(n.submenuIcon||e.createElement(w,y),R({},y),{props:n}),x=t.label&&e.createElement("span",O,t.label),S=g(t,o),P=d({href:t.url||"#",className:c("action"),target:t.target,onClick:function(e){return p(e,t,o)},"aria-disabled":t.disabled},m(t,"action")),N=e.createElement("a",P,s,x,E);t.template&&(N=b.getJSXElement(t.template,t,{onClick:function(e){return p(e,t,o)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:"p-submenu-icon",element:N,props:n,active:u}));var j=d({id:i,key:i,className:c("menuitem",{active:u,item:t}),style:t.style},m(t,"menuitem"));return e.createElement("li",j,N,S)},E=n.model?n.model.map((function(e,n){return e.separator?y(n):O(e,n)})):null,x=d({className:c("menu",{subProps:n}),style:s("menu",{subProps:n})},l("menu",{hostName:n.hostName}));return e.createElement("ul",x,E)}));W.displayName="SlideMenuSub";var F=function(n){var t,r,o,i=n.target,u=void 0===i?"document":i,a=n.type,l=n.listener,c=n.options,s=n.when,m=void 0===s||s,p=e.useRef(null),f=e.useRef(null),d=(t=c,r=e.useRef(void 0),e.useEffect((function(){r.current=t})),r.current),v=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};b.isNotEmpty(e.target)&&(g(),(e.when||m)&&(p.current=y.getTargetElement(e.target))),!f.current&&p.current&&(f.current=function(e){return l&&l(e)},p.current.addEventListener(a,f.current,c))},g=function(){f.current&&(p.current.removeEventListener(a,f.current,c),f.current=null)};return e.useEffect((function(){m?p.current=y.getTargetElement(u):(g(),p.current=null)}),[u,m]),e.useEffect((function(){!f.current||f.current===l&&d===c||(g(),m&&v())}),[l,c]),o=function(){g()},e.useEffect((function(){return o}),[]),[v,g]},H=function(n,t,r){var o=T(F({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}),2),i=o[0],u=o[1];return e.useEffect((function(){if(t&&n.current)return i(),function(){u()}})),[n,r]};function L(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function M(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?L(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var Z=e.memo(e.forwardRef((function(r,f){var b=e.useContext(t),w=A.getProps(r,b),E=T(e.useState(w.id),2),x=E[0],S=E[1],P=T(e.useState(0),2),N=P[0],j=P[1],I=T(e.useState(!1),2),k=I[0],D=I[1],C=A.setMetaData({props:w,state:{id:x,visible:k,level:N}}),R=C.ptm,F=C.cx,L=C.sx;o(A.css.styles,C.isUnstyled,{name:"slidemenu"});var Z=e.useRef(null),_=e.useRef(null),J=e.useRef(null),X=e.useRef(null);H(_,w.popup&&w.closeOnEscape,(function(e){K(e)}));var U=T(u({target:_,overlay:Z,listener:function(e,n){n.valid&&K(e)},when:k}),2),z=U[0],B=U[1],Y=function(){j((function(e){return e+1}))},$=function(){j((function(e){return e-1}))},q=function(e){w.popup&&(k?K(e):G(e))},G=function(e){_.current=e.currentTarget,D(!0),w.onShow&&w.onShow(e)},K=function(e){_.current=e.currentTarget,D(!1),w.onHide&&w.onHide(e)},Q=function(){w.autoZIndex&&h.set("menu",Z.current,b&&b.autoZIndex||n.autoZIndex,w.baseZIndex||b&&b.zIndex.menu||n.zIndex.menu),y.addStyles(Z.current,{position:"absolute",top:"0",left:"0"}),y.absolutePosition(Z.current,_.current)},V=function(){z()},ee=function(){_.current=null,B()},ne=function(){h.clear(Z.current),j(0)};a((function(){x||S(g())})),l((function(){j(0)}),[w.model]),l((function(){w.onNavigate&&w.onNavigate({level:N})}),[N]),c((function(){h.clear(Z.current)})),e.useImperativeHandle(f,(function(){return{props:w,toggle:q,show:G,hide:K,navigateForward:Y,navigateBack:$,setLevelState:j,getElement:function(){return Z.current}}}));var te=function(){var n=d({className:F("previousIcon")},R("previousIcon")),t=v.getJSXIcon(w.backIcon||e.createElement(s,n),M({},n),{props:w}),r=d(R("previousLabel")),o=d({ref:J,className:F("previous",{levelState:N}),onClick:function(e){return $()}},R("previous"));return e.createElement("div",o,t,e.createElement("span",r,w.backLabel))},re=function(){var n={height:w.viewportHeight+"px"},t=te(),r=d({ref:Z,id:w.id,className:F("root"),style:w.style,onClick:function(e){return n=e,void(w.popup&&m.emit("overlay-click",{originalEvent:n,target:_.current}));var n}},A.getOtherProps(w),R("root")),o=d({className:F("wrapper"),style:n},R("wrapper")),u=d({ref:X,className:F("content")},R("content")),a=d({classNames:F("transition"),in:!w.popup||k,timeout:{enter:120,exit:100},options:w.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntered:V,onExit:ee,onExited:ne},R("transition"));return e.createElement(i,O({nodeRef:Z},a),e.createElement("div",r,e.createElement("div",o,e.createElement("div",u,e.createElement(W,{id:x,hostName:"SlideMenu",menuProps:w,model:w.model,root:!0,index:0,menuWidth:w.menuWidth,effectDuration:w.effectDuration,level:N,parentActive:0===N,onForward:Y,submenuIcon:w.submenuIcon,ptm:R,cx:F,sx:L}))),t))}();return w.popup?e.createElement(p,{element:re,appendTo:w.appendTo}):re})));Z.displayName="SlideMenu";export{Z as SlideMenu};

package/slidemenu/slidemenu.js

@@ -407,7 +407,6 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
       when = _ref$when === void 0 ? true : _ref$when;
     var targetRef = React__namespace.useRef(null);
     var listenerRef = React__namespace.useRef(null);
-    var prevListener = usePrevious(listener);
     var prevOptions = usePrevious(options);
     var bind = function bind() {
       var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -437,12 +436,11 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
       }
     }, [target, when]);
     React__namespace.useEffect(function () {
-      // to properly compare functions we can implicitly converting the function to it's body's text as a String
-      if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
+      if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
         unbind();
         when && bind();
       }
-    }, [listener, options, when]);
+    }, [listener, options]);
     useUnmountEffect(function () {
       unbind();
     });