primereact 10.3.0 → 10.3.2

package/sidebar/sidebar.esm.js

@@ -1,13 +1,13 @@
 'use client';
 import * as React from 'react';
-import { DomHandler, ObjectUtils, classNames, ZIndexUtils, mergeProps, IconUtils } from 'primereact/utils';
 import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useEventListener as useEventListener$1, useMountEffect, useUpdateEffect, useUnmountEffect as useUnmountEffect$1 } from 'primereact/hooks';
+import { useMergeProps, useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useEventListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { TimesIcon } from 'primereact/icons/times';
 import { Portal } from 'primereact/portal';
 import { Ripple } from 'primereact/ripple';
+import { classNames, ZIndexUtils, DomHandler, ObjectUtils, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -120,106 +120,6 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var usePrevious = function usePrevious(newValue) {
-  var ref = React.useRef(undefined);
-  React.useEffect(function () {
-    ref.current = newValue;
-  });
-  return ref.current;
-};
-
-/* eslint-disable */
-var useUnmountEffect = function useUnmountEffect(fn) {
-  return React.useEffect(function () {
-    return fn;
-  }, []);
-};
-/* eslint-enable */
-
-/* eslint-disable */
-var useEventListener = function useEventListener(_ref) {
-  var _ref$target = _ref.target,
-    target = _ref$target === void 0 ? 'document' : _ref$target,
-    type = _ref.type,
-    listener = _ref.listener,
-    options = _ref.options,
-    _ref$when = _ref.when,
-    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] : {};
-    if (ObjectUtils.isNotEmpty(bindOptions.target)) {
-      unbind();
-      (bindOptions.when || when) && (targetRef.current = DomHandler.getTargetElement(bindOptions.target));
-    }
-    if (!listenerRef.current && targetRef.current) {
-      listenerRef.current = function (event) {
-        return listener && listener(event);
-      };
-      targetRef.current.addEventListener(type, listenerRef.current, options);
-    }
-  };
-  var unbind = function unbind() {
-    if (listenerRef.current) {
-      targetRef.current.removeEventListener(type, listenerRef.current, options);
-      listenerRef.current = null;
-    }
-  };
-  React.useEffect(function () {
-    if (when) {
-      targetRef.current = DomHandler.getTargetElement(target);
-    } else {
-      unbind();
-      targetRef.current = null;
-    }
-  }, [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)) {
-      unbind();
-      when && bind();
-    }
-  }, [listener, options, when]);
-  useUnmountEffect(function () {
-    unbind();
-  });
-  return [bind, unbind];
-};
-/* eslint-enable */
-
-var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-  var handleEsc = function handleEsc(event) {
-    if (event.key === 'Esc' || event.key === 'Escape') {
-      event.stopImmediatePropagation();
-      callback(event);
-    }
-    return;
-  };
-  var _useEventListener = useEventListener({
-      type: 'keydown',
-      listener: handleEsc
-    }),
-    _useEventListener2 = _slicedToArray(_useEventListener, 2),
-    bindKeyDownListener = _useEventListener2[0],
-    unbindKeyDownListener = _useEventListener2[1];
-  React.useEffect(function () {
-    if (!condition) {
-      return;
-    }
-    if (!ref.current) {
-      return;
-    }
-    bindKeyDownListener();
-    return function () {
-      unbindKeyDownListener();
-    };
-  });
-  return [ref, callback];
-};
-
 var classes = {
   closeButton: 'p-sidebar-close p-sidebar-icon p-link',
   closeIcon: 'p-sidebar-close-icon',
@@ -307,6 +207,7 @@ var SidebarBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Sidebar = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = SidebarBase.getProps(inProps, context);
   var _React$useState = React.useState(false),
@@ -333,12 +234,15 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var sidebarRef = React.useRef(null);
   var maskRef = React.useRef(null);
   var closeIconRef = React.useRef(null);
-  useOnEscapeKey(maskRef, props.closeOnEscape, function (event) {
-    if (ZIndexUtils.get(maskRef.current) === ZIndexUtils.getCurrent('modal', context && context.autoZIndex || PrimeReact.autoZIndex)) {
+  var sidebarDisplayOrder = useDisplayOrder('sidebar', visibleState);
+  useGlobalOnEscapeKey({
+    callback: function callback(event) {
       onClose(event);
-    }
+    },
+    when: visibleState && props.closeOnEscape && sidebarDisplayOrder,
+    priority: [ESC_KEY_HANDLING_PRIORITIES.SIDEBAR, sidebarDisplayOrder]
   });
-  var _useEventListener = useEventListener$1({
+  var _useEventListener = useEventListener({
       type: 'click',
       listener: function listener(event) {
         if (event.button !== 0) {
@@ -443,11 +347,12 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       }
     }
   }, [props.dismissable, props.modal, visibleState]);
-  useUnmountEffect$1(function () {
+  useUnmountEffect(function () {
     disableDocumentSettings();
     maskRef.current && ZIndexUtils.clear(maskRef.current);
   });
   var createCloseIcon = function createCloseIcon() {
+    var ariaLabel = props.ariaCloseLabel || localeOption('close');
     var closeButtonProps = mergeProps({
       type: 'button',
       ref: closeIconRef,
@@ -464,7 +369,6 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     var closeIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, closeIconProps), {
       props: props
     });
-    var ariaLabel = props.ariaCloseLabel || localeOption('close');
     if (props.showCloseIcon) {
       return /*#__PURE__*/React.createElement("button", closeButtonProps, closeIcon, /*#__PURE__*/React.createElement(Ripple, null));
     }

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),J=e.useRef(null);R(z,S.closeOnEscape,(function(e){i.get(z.current)===i.getCurrent("modal",w&&w.autoZIndex||s.autoZIndex)&&V(e)}));var M=N(b({type:"click",listener:function(e){0===e.button&&U(e)&&V(e)}}),2),X=M[0],H=M[1],U=function(e){return Z&&Z.current&&!Z.current.contains(e.target)},V=function(e){S.onHide(),e.preventDefault()},_=function(){S.dismissable&&!S.modal&&X(),S.blockScroll&&n.blockBodyScroll()},F=function(){H(),S.blockScroll&&n.unblockBodyScroll()};e.useImperativeHandle(p,(function(){return{props:S,getElement:function(){return Z.current},gteMask:function(){return z.current},getCloseIcon:function(){return J.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&&(H(),S.dismissable&&!S.modal&&X())}),[S.dismissable,S.modal,I]),v((function(){F(),z.current&&i.clear(z.current)}));var Y,$,q,G,K,Q=function(){var n=o({type:"button",ref:J,className:B("closeButton"),onClick:function(e){return V(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},W=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&&V(n));var n}},A("mask")),ee=o({id:S.id,className:B("root",{context:w}),style:S.style,role:"complementary"},T.getOtherProps(S),A("root")),ne=o({className:B("header")},A("header")),te=o({className:B("content")},A("content")),re=o({className:B("icons")},A("icons")),ie={enter:S.fullScreen?150:300,exit:S.fullScreen?150:300},oe=o({classNames:B("transition"),in:I,timeout:ie,options:S.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;S.onShow&&S.onShow(),!((e=document.activeElement)&&Z&&Z.current.contains(e))&&S.showCloseIcon&&J.current&&J.current.focus(),_()},onExiting:function(){S.modal&&n.addClass(z.current,"p-component-overlay-leave")},onExited:function(){i.clear(z.current),O(!1),F()}},A("transition"));return k&&(K=null!=r&&r.content?(G={closeIconRef:J,hide:V},e.createElement("div",W,e.createElement(u,x({nodeRef:Z},oe),e.createElement("div",x({ref:Z},ee),t.getJSXElement(r.content,G))))):(Y=Q(),$=S.icons?t.getJSXElement(S.icons,S):null,q=S.header?t.getJSXElement(S.header,S):null,e.createElement("div",W,e.createElement(u,x({nodeRef:Z},oe),e.createElement("div",x({ref:Z},ee),e.createElement("div",ne,q,e.createElement("div",re,$,Y)),e.createElement("div",te,S.children))))),e.createElement(y,{element:K,appendTo:S.appendTo,visible:!0}))}));B.displayName="Sidebar";export{B as Sidebar};
+import*as e from"react";import n,{PrimeReactContext as t,localeOption as r}from"primereact/api";import{ComponentBase as i,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as s,useDisplayOrder as l,useGlobalOnEscapeKey as p,ESC_KEY_HANDLING_PRIORITIES as c,useEventListener as d,useMountEffect as b,useUpdateEffect as u,useUnmountEffect as m}from"primereact/hooks";import{TimesIcon as f}from"primereact/icons/times";import{Portal as h}from"primereact/portal";import{Ripple as v}from"primereact/ripple";import{classNames as y,ZIndexUtils as g,DomHandler as x,ObjectUtils as w,IconUtils as S}from"primereact/utils";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 k(e){return k="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},k(e)}function E(e,n){if("object"!==k(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==k(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function j(e){var n=E(e,"string");return"symbol"===k(n)?n:String(n)}function I(e){if(Array.isArray(e))return e}function P(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,p=!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){p=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(p)throw i}}return s}}function N(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 C(e,n){if(e){if("string"==typeof e)return N(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)?N(e,n):void 0}}function R(){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 A(e,n){return I(e)||P(e,n)||C(e,n)||R()}var D=i.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,r=["left","right","top","bottom"].find((function(e){return e===n.position}));return y("p-sidebar-mask",r&&!n.fullScreen?"p-sidebar-".concat(r):"",{"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 y("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 y("p-sidebar p-component",e.props.className,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.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 B(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 T(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?B(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=j(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)):B(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var z=e.forwardRef((function(i,y){var k=s(),E=e.useContext(t),j=D.getProps(i,E),I=A(e.useState(!1),2),P=I[0],N=I[1],C=A(e.useState(!1),2),R=C[0],B=C[1],z=D.setMetaData({props:j,state:{containerVisible:P}}),J=z.ptm,M=z.cx,X=z.sx;a(D.css.styles,z.isUnstyled,{name:"sidebar"});var Z=e.useRef(null),H=e.useRef(null),L=e.useRef(null),V=l("sidebar",R);p({callback:function(e){$(e)},when:R&&j.closeOnEscape&&V,priority:[c.SIDEBAR,V]});var U=A(d({type:"click",listener:function(e){0===e.button&&Y(e)&&$(e)}}),2),_=U[0],F=U[1],Y=function(e){return Z&&Z.current&&!Z.current.contains(e.target)},$=function(e){j.onHide(),e.preventDefault()},q=function(){j.dismissable&&!j.modal&&_(),j.blockScroll&&x.blockBodyScroll()},G=function(){F(),j.blockScroll&&x.unblockBodyScroll()};e.useImperativeHandle(y,(function(){return{props:j,getElement:function(){return Z.current},gteMask:function(){return H.current},getCloseIcon:function(){return L.current}}})),b((function(){j.visible&&N(!0)})),u((function(){j.visible&&!P&&N(!0),j.visible!==R&&P&&B(j.visible)})),u((function(){P&&(g.set("modal",H.current,E&&E.autoZIndex||n.autoZIndex,j.baseZIndex||E&&E.zIndex.modal||n.zIndex.modal),B(!0))}),[P]),u((function(){R&&(F(),j.dismissable&&!j.modal&&_())}),[j.dismissable,j.modal,R]),m((function(){G(),H.current&&g.clear(H.current)}));var K,Q,W,ee,ne,te=function(){var n=j.ariaCloseLabel||r("close"),t=k({type:"button",ref:L,className:M("closeButton"),onClick:function(e){return $(e)},"aria-label":n},J("closeButton")),i=k({className:M("closeIcon")},J("closeIcon")),a=S.getJSXIcon(j.closeIcon||e.createElement(f,i),T({},i),{props:j});return j.showCloseIcon?e.createElement("button",t,a,e.createElement(v,null)):null},re=k({ref:H,style:X("mask"),className:M("mask",{maskVisibleState:P}),onMouseDown:function(e){return n=e,void(j.dismissable&&j.modal&&H.current===n.target&&$(n));var n}},J("mask")),ie=k({id:j.id,className:M("root",{context:E}),style:j.style,role:"complementary"},D.getOtherProps(j),J("root")),ae=k({className:M("header")},J("header")),oe=k({className:M("content")},J("content")),se=k({className:M("icons")},J("icons")),le={enter:j.fullScreen?150:300,exit:j.fullScreen?150:300},pe=k({classNames:M("transition"),in:R,timeout:le,options:j.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;j.onShow&&j.onShow(),!((e=document.activeElement)&&Z&&Z.current.contains(e))&&j.showCloseIcon&&L.current&&L.current.focus(),q()},onExiting:function(){j.modal&&x.addClass(H.current,"p-component-overlay-leave")},onExited:function(){g.clear(H.current),N(!1),G()}},J("transition"));return P&&(ne=null!=i&&i.content?(ee={closeIconRef:L,hide:$},e.createElement("div",re,e.createElement(o,O({nodeRef:Z},pe),e.createElement("div",O({ref:Z},ie),w.getJSXElement(i.content,ee))))):(K=te(),Q=j.icons?w.getJSXElement(j.icons,j):null,W=j.header?w.getJSXElement(j.header,j):null,e.createElement("div",re,e.createElement(o,O({nodeRef:Z},pe),e.createElement("div",O({ref:Z},ie),e.createElement("div",ae,W,e.createElement("div",se,Q,K)),e.createElement("div",oe,j.children))))),e.createElement(h,{element:ne,appendTo:j.appendTo,visible:!0}))}));z.displayName="Sidebar";export{z as Sidebar};

package/sidebar/sidebar.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componentbase, csstransition, hooks, times, portal, ripple) {
+this.primereact.sidebar = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, times, portal, ripple, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -136,106 +136,6 @@ this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componen
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var usePrevious = function usePrevious(newValue) {
-    var ref = React__namespace.useRef(undefined);
-    React__namespace.useEffect(function () {
-      ref.current = newValue;
-    });
-    return ref.current;
-  };
-
-  /* eslint-disable */
-  var useUnmountEffect = function useUnmountEffect(fn) {
-    return React__namespace.useEffect(function () {
-      return fn;
-    }, []);
-  };
-  /* eslint-enable */
-
-  /* eslint-disable */
-  var useEventListener = function useEventListener(_ref) {
-    var _ref$target = _ref.target,
-      target = _ref$target === void 0 ? 'document' : _ref$target,
-      type = _ref.type,
-      listener = _ref.listener,
-      options = _ref.options,
-      _ref$when = _ref.when,
-      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] : {};
-      if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
-        unbind();
-        (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
-      }
-      if (!listenerRef.current && targetRef.current) {
-        listenerRef.current = function (event) {
-          return listener && listener(event);
-        };
-        targetRef.current.addEventListener(type, listenerRef.current, options);
-      }
-    };
-    var unbind = function unbind() {
-      if (listenerRef.current) {
-        targetRef.current.removeEventListener(type, listenerRef.current, options);
-        listenerRef.current = null;
-      }
-    };
-    React__namespace.useEffect(function () {
-      if (when) {
-        targetRef.current = utils.DomHandler.getTargetElement(target);
-      } else {
-        unbind();
-        targetRef.current = null;
-      }
-    }, [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)) {
-        unbind();
-        when && bind();
-      }
-    }, [listener, options, when]);
-    useUnmountEffect(function () {
-      unbind();
-    });
-    return [bind, unbind];
-  };
-  /* eslint-enable */
-
-  var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-    var handleEsc = function handleEsc(event) {
-      if (event.key === 'Esc' || event.key === 'Escape') {
-        event.stopImmediatePropagation();
-        callback(event);
-      }
-      return;
-    };
-    var _useEventListener = useEventListener({
-        type: 'keydown',
-        listener: handleEsc
-      }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindKeyDownListener = _useEventListener2[0],
-      unbindKeyDownListener = _useEventListener2[1];
-    React__namespace.useEffect(function () {
-      if (!condition) {
-        return;
-      }
-      if (!ref.current) {
-        return;
-      }
-      bindKeyDownListener();
-      return function () {
-        unbindKeyDownListener();
-      };
-    });
-    return [ref, callback];
-  };
-
   var classes = {
     closeButton: 'p-sidebar-close p-sidebar-icon p-link',
     closeIcon: 'p-sidebar-close-icon',
@@ -323,6 +223,7 @@ this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componen
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = SidebarBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
@@ -349,10 +250,13 @@ this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componen
     var sidebarRef = React__namespace.useRef(null);
     var maskRef = React__namespace.useRef(null);
     var closeIconRef = React__namespace.useRef(null);
-    useOnEscapeKey(maskRef, props.closeOnEscape, function (event) {
-      if (utils.ZIndexUtils.get(maskRef.current) === utils.ZIndexUtils.getCurrent('modal', context && context.autoZIndex || PrimeReact__default["default"].autoZIndex)) {
+    var sidebarDisplayOrder = hooks.useDisplayOrder('sidebar', visibleState);
+    hooks.useGlobalOnEscapeKey({
+      callback: function callback(event) {
         onClose(event);
-      }
+      },
+      when: visibleState && props.closeOnEscape && sidebarDisplayOrder,
+      priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.SIDEBAR, sidebarDisplayOrder]
     });
     var _useEventListener = hooks.useEventListener({
         type: 'click',
@@ -464,7 +368,8 @@ this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componen
       maskRef.current && utils.ZIndexUtils.clear(maskRef.current);
     });
     var createCloseIcon = function createCloseIcon() {
-      var closeButtonProps = utils.mergeProps({
+      var ariaLabel = props.ariaCloseLabel || PrimeReact.localeOption('close');
+      var closeButtonProps = mergeProps({
         type: 'button',
         ref: closeIconRef,
         className: cx('closeButton'),
@@ -473,14 +378,13 @@ this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componen
         },
         'aria-label': ariaLabel
       }, ptm('closeButton'));
-      var closeIconProps = utils.mergeProps({
+      var closeIconProps = mergeProps({
         className: cx('closeIcon')
       }, ptm('closeIcon'));
       var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, closeIconProps);
       var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, closeIconProps), {
         props: props
       });
-      var ariaLabel = props.ariaCloseLabel || PrimeReact.localeOption('close');
       if (props.showCloseIcon) {
         return /*#__PURE__*/React__namespace.createElement("button", closeButtonProps, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
@@ -492,7 +396,7 @@ this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componen
     var createIcons = function createIcons() {
       return props.icons ? utils.ObjectUtils.getJSXElement(props.icons, props) : null;
     };
-    var maskProps = utils.mergeProps({
+    var maskProps = mergeProps({
       ref: maskRef,
       style: sx('mask'),
       className: cx('mask', {
@@ -502,7 +406,7 @@ this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componen
         return onMaskClick(e);
       }
     }, ptm('mask'));
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       id: props.id,
       className: cx('root', {
         context: context
@@ -510,20 +414,20 @@ this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componen
       style: props.style,
       role: 'complementary'
     }, SidebarBase.getOtherProps(props), ptm('root'));
-    var headerProps = utils.mergeProps({
+    var headerProps = mergeProps({
       className: cx('header')
     }, ptm('header'));
-    var contentProps = utils.mergeProps({
+    var contentProps = mergeProps({
       className: cx('content')
     }, ptm('content'));
-    var iconsProps = utils.mergeProps({
+    var iconsProps = mergeProps({
       className: cx('icons')
     }, ptm('icons'));
     var transitionTimeout = {
       enter: props.fullScreen ? 150 : 300,
       exit: props.fullScreen ? 150 : 300
     };
-    var transitionProps = utils.mergeProps({
+    var transitionProps = mergeProps({
       classNames: cx('transition'),
       "in": visibleState,
       timeout: transitionTimeout,
@@ -572,4 +476,4 @@ this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componen
 
   return exports;
 
-})({}, React, primereact.utils, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.times, primereact.portal, primereact.ripple);
+})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.times, primereact.portal, primereact.ripple, primereact.utils);

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 S(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 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 E(e,n){return y(e)||g(e,n)||S(e,n)||w()}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]),S=E(x,2),w=S[0],j=S[1];return u.useEffect((function(){if(n&&e.current)return w(),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 C=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],S=k.setMetaData({props:d,state:{containerVisible:v}}),w=S.ptm,O=S.cx,I=S.sx;i.useHandleStyle(k.css.styles,S.isUnstyled,{name:"sidebar"});var C=u.useRef(null),N=u.useRef(null),U=u.useRef(null);j(N,d.closeOnEscape,(function(e){t.ZIndexUtils.get(N.current)===t.ZIndexUtils.getCurrent("modal",p&&p.autoZIndex||b.default.autoZIndex)&&H(e)}));var R=E(o.useEventListener({type:"click",listener:function(e){0===e.button&&Z(e)&&H(e)}}),2),D=R[0],T=R[1],Z=function(e){return C&&C.current&&!C.current.contains(e.target)},H=function(e){d.onHide(),e.preventDefault()},A=function(){d.dismissable&&!d.modal&&D(),d.blockScroll&&t.DomHandler.blockBodyScroll()},B=function(){T(),d.blockScroll&&t.DomHandler.unblockBodyScroll()};u.useImperativeHandle(n,(function(){return{props:d,getElement:function(){return C.current},gteMask:function(){return N.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",N.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&&D())}),[d.dismissable,d.modal,g]),o.useUnmountEffect((function(){B(),N.current&&t.ZIndexUtils.clear(N.current)}));var M,z,L,_,J,X=function(){var e=t.mergeProps({type:"button",ref:U,className:O("closeButton"),onClick:function(e){return H(e)},"aria-label":a},w("closeButton")),n=t.mergeProps({className:O("closeIcon")},w("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},V=t.mergeProps({ref:N,style:I("mask"),className:O("mask",{maskVisibleState:v}),onMouseDown:function(e){return n=e,void(d.dismissable&&d.modal&&N.current===n.target&&H(n));var n}},w("mask")),F=t.mergeProps({id:d.id,className:O("root",{context:p}),style:d.style,role:"complementary"},k.getOtherProps(d),w("root")),Y=t.mergeProps({className:O("header")},w("header")),$=t.mergeProps({className:O("content")},w("content")),q=t.mergeProps({className:O("icons")},w("icons")),G={enter:d.fullScreen?150:300,exit:d.fullScreen?150:300},K=t.mergeProps({classNames:O("transition"),in:g,timeout:G,options:d.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;d.onShow&&d.onShow(),!((e=document.activeElement)&&C&&C.current.contains(e))&&d.showCloseIcon&&U.current&&U.current.focus(),A()},onExiting:function(){d.modal&&t.DomHandler.addClass(N.current,"p-component-overlay-leave")},onExited:function(){t.ZIndexUtils.clear(N.current),h(!1),B()}},w("transition"));return v&&(J=null!=e&&e.content?(_={closeIconRef:U,hide:H},u.createElement("div",V,u.createElement(a.CSSTransition,f({nodeRef:C},K),u.createElement("div",f({ref:C},F),t.ObjectUtils.getJSXElement(e.content,_))))):(M=X(),z=d.icons?t.ObjectUtils.getJSXElement(d.icons,d):null,L=d.header?t.ObjectUtils.getJSXElement(d.header,d):null,u.createElement("div",V,u.createElement(a.CSSTransition,f({nodeRef:C},K),u.createElement("div",f({ref:C},F),u.createElement("div",Y,L,u.createElement("div",q,z,M)),u.createElement("div",$,d.children))))),u.createElement(l.Portal,{element:J,appendTo:d.appendTo,visible:!0}))}));return C.displayName="Sidebar",e.Sidebar=C,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 b=d(n),u=p(t);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 h(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 y(e){var n=h(e,"string");return"symbol"===m(n)?n:String(n)}function v(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 S(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 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 O(e,n){return v(e)||g(e,n)||S(e,n)||w()}var E=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 n=e.props,t=e.maskVisibleState,r=["left","right","top","bottom"].find((function(e){return e===n.position}));return c.classNames("p-sidebar-mask",r&&!n.fullScreen?"p-sidebar-".concat(r):"",{"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 c.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 c.classNames("p-sidebar p-component",e.props.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===u.default.inputStyle,"p-ripple-disabled":n&&!1===n.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 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 k(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){var r,i,a;r=e,a=t[n],(i=y(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)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var I=b.forwardRef((function(e,n){var p=a.useMergeProps(),d=b.useContext(t.PrimeReactContext),m=E.getProps(e,d),h=O(b.useState(!1),2),y=h[0],v=h[1],g=O(b.useState(!1),2),x=g[0],S=g[1],w=E.setMetaData({props:m,state:{containerVisible:y}}),j=w.ptm,I=w.cx,P=w.sx;r.useHandleStyle(E.css.styles,w.isUnstyled,{name:"sidebar"});var N=b.useRef(null),C=b.useRef(null),D=b.useRef(null),R=a.useDisplayOrder("sidebar",x);a.useGlobalOnEscapeKey({callback:function(e){B(e)},when:x&&m.closeOnEscape&&R,priority:[a.ESC_KEY_HANDLING_PRIORITIES.SIDEBAR,R]});var U=O(a.useEventListener({type:"click",listener:function(e){0===e.button&&_(e)&&B(e)}}),2),T=U[0],A=U[1],_=function(e){return N&&N.current&&!N.current.contains(e.target)},B=function(e){m.onHide(),e.preventDefault()},H=function(){m.dismissable&&!m.modal&&T(),m.blockScroll&&c.DomHandler.blockBodyScroll()},M=function(){A(),m.blockScroll&&c.DomHandler.unblockBodyScroll()};b.useImperativeHandle(n,(function(){return{props:m,getElement:function(){return N.current},gteMask:function(){return C.current},getCloseIcon:function(){return D.current}}})),a.useMountEffect((function(){m.visible&&v(!0)})),a.useUpdateEffect((function(){m.visible&&!y&&v(!0),m.visible!==x&&y&&S(m.visible)})),a.useUpdateEffect((function(){y&&(c.ZIndexUtils.set("modal",C.current,d&&d.autoZIndex||u.default.autoZIndex,m.baseZIndex||d&&d.zIndex.modal||u.default.zIndex.modal),S(!0))}),[y]),a.useUpdateEffect((function(){x&&(A(),m.dismissable&&!m.modal&&T())}),[m.dismissable,m.modal,x]),a.useUnmountEffect((function(){M(),C.current&&c.ZIndexUtils.clear(C.current)}));var Z,z,L,J,X,V=function(){var e=m.ariaCloseLabel||t.localeOption("close"),n=p({type:"button",ref:D,className:I("closeButton"),onClick:function(e){return B(e)},"aria-label":e},j("closeButton")),r=p({className:I("closeIcon")},j("closeIcon")),i=c.IconUtils.getJSXIcon(m.closeIcon||b.createElement(o.TimesIcon,r),k({},r),{props:m});return m.showCloseIcon?b.createElement("button",n,i,b.createElement(l.Ripple,null)):null},G=p({ref:C,style:P("mask"),className:I("mask",{maskVisibleState:y}),onMouseDown:function(e){return n=e,void(m.dismissable&&m.modal&&C.current===n.target&&B(n));var n}},j("mask")),K=p({id:m.id,className:I("root",{context:d}),style:m.style,role:"complementary"},E.getOtherProps(m),j("root")),Y=p({className:I("header")},j("header")),F=p({className:I("content")},j("content")),$=p({className:I("icons")},j("icons")),q={enter:m.fullScreen?150:300,exit:m.fullScreen?150:300},Q=p({classNames:I("transition"),in:x,timeout:q,options:m.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;m.onShow&&m.onShow(),!((e=document.activeElement)&&N&&N.current.contains(e))&&m.showCloseIcon&&D.current&&D.current.focus(),H()},onExiting:function(){m.modal&&c.DomHandler.addClass(C.current,"p-component-overlay-leave")},onExited:function(){c.ZIndexUtils.clear(C.current),v(!1),M()}},j("transition"));return y&&(X=null!=e&&e.content?(J={closeIconRef:D,hide:B},b.createElement("div",G,b.createElement(i.CSSTransition,f({nodeRef:N},Q),b.createElement("div",f({ref:N},K),c.ObjectUtils.getJSXElement(e.content,J))))):(Z=V(),z=m.icons?c.ObjectUtils.getJSXElement(m.icons,m):null,L=m.header?c.ObjectUtils.getJSXElement(m.header,m):null,b.createElement("div",G,b.createElement(i.CSSTransition,f({nodeRef:N},Q),b.createElement("div",f({ref:N},K),b.createElement("div",Y,L,b.createElement("div",$,z,Z)),b.createElement("div",F,m.children))))),b.createElement(s.Portal,{element:X,appendTo:m.appendTo,visible:!0}))}));return I.displayName="Sidebar",e.Sidebar=I,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.portal,primereact.ripple,primereact.utils);

package/skeleton/skeleton.cjs.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var api = require('primereact/api');
 var componentbase = require('primereact/componentbase');
+var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
 
 function _interopNamespace(e) {
@@ -106,6 +107,7 @@ var SkeletonBase = componentbase.ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = SkeletonBase.getProps(inProps, context);
   var _SkeletonBase$setMeta = SkeletonBase.setMetaData({
@@ -136,7 +138,7 @@ var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     height: props.height,
     borderRadius: props.borderRadius
   };
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     ref: elementRef,
     className: utils.classNames(props.className, cx('root')),
     style: _objectSpread(_objectSpread({}, style), sx('root')),

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")),"aria-hidden":!0},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/hooks"),o=require("primereact/utils");function i(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 a=i(e);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 r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function u(e){var t=l(e,"string");return"symbol"===s(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 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 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 f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=u(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)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=a.memo(a.forwardRef((function(e,i){var s=n.useMergeProps(),l=a.useContext(t.PrimeReactContext),u=c.getProps(e,l),p=c.setMetaData({props:u}),m=p.ptm,b=p.cx,y=p.sx;r.useHandleStyle(c.css.styles,p.isUnstyled,{name:"skeleton"});var d=a.useRef(null);a.useImperativeHandle(i,(function(){return{props:u,getElement:function(){return d.current}}}));var v=u.size?{width:u.size,height:u.size,borderRadius:u.borderRadius}:{width:u.width,height:u.height,borderRadius:u.borderRadius},h=s({ref:d,className:o.classNames(u.className,b("root")),style:f(f({},v),y("root")),"aria-hidden":!0},c.getOtherProps(u),m("root"));return a.createElement("div",h)})));m.displayName="Skeleton",exports.Skeleton=m;

package/skeleton/skeleton.esm.js

@@ -2,7 +2,8 @@
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { classNames, mergeProps } from 'primereact/utils';
+import { useMergeProps } from 'primereact/hooks';
+import { classNames } from 'primereact/utils';
 
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -82,6 +83,7 @@ var SkeletonBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = SkeletonBase.getProps(inProps, context);
   var _SkeletonBase$setMeta = SkeletonBase.setMetaData({

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")),"aria-hidden":!0},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{useMergeProps as o}from"primereact/hooks";import{classNames 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 i("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=o(),l=e.useContext(t),c=p.getProps(n,l),m=p.setMetaData({props:c}),f=m.ptm,b=m.cx,y=m.sx;r(p.css.styles,m.isUnstyled,{name:"skeleton"});var d=e.useRef(null);e.useImperativeHandle(a,(function(){return{props:c,getElement:function(){return d.current}}}));var h=c.size?{width:c.size,height:c.size,borderRadius:c.borderRadius}:{width:c.width,height:c.height,borderRadius:c.borderRadius},v=s({ref:d,className:i(c.className,b("root")),style:u(u({},h),y("root")),"aria-hidden":!0},p.getOtherProps(c),f("root"));return e.createElement("div",v)})));m.displayName="Skeleton";export{m as Skeleton};