primereact 10.2.1 → 10.3.1

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,104 +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 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 () {
-      if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
-        unbind();
-        when && bind();
-      }
-    }, [listener, options]);
-    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',
@@ -347,10 +249,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,
+      priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.SIDEBAR, sidebarDisplayOrder]
     });
     var _useEventListener = hooks.useEventListener({
         type: 'click',
@@ -373,7 +278,7 @@ this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componen
     var focus = function focus() {
       var activeElement = document.activeElement;
       var isActiveElementInDialog = activeElement && sidebarRef && sidebarRef.current.contains(activeElement);
-      if (!isActiveElementInDialog && props.showCloseIcon) {
+      if (!isActiveElementInDialog && props.showCloseIcon && closeIconRef.current) {
         closeIconRef.current.focus();
       }
     };
@@ -462,6 +367,7 @@ this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componen
       maskRef.current && utils.ZIndexUtils.clear(maskRef.current);
     });
     var createCloseIcon = function createCloseIcon() {
+      var ariaLabel = props.ariaCloseLabel || PrimeReact.localeOption('close');
       var closeButtonProps = utils.mergeProps({
         type: 'button',
         ref: closeIconRef,
@@ -478,7 +384,6 @@ this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componen
       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));
       }
@@ -490,51 +395,62 @@ 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({
+      ref: maskRef,
+      style: sx('mask'),
+      className: cx('mask', {
+        maskVisibleState: maskVisibleState
+      }),
+      onMouseDown: function onMouseDown(e) {
+        return onMaskClick(e);
+      }
+    }, ptm('mask'));
+    var rootProps = utils.mergeProps({
+      id: props.id,
+      className: cx('root', {
+        context: context
+      }),
+      style: props.style,
+      role: 'complementary'
+    }, SidebarBase.getOtherProps(props), ptm('root'));
+    var headerProps = utils.mergeProps({
+      className: cx('header')
+    }, ptm('header'));
+    var contentProps = utils.mergeProps({
+      className: cx('content')
+    }, ptm('content'));
+    var iconsProps = utils.mergeProps({
+      className: cx('icons')
+    }, ptm('icons'));
+    var transitionTimeout = {
+      enter: props.fullScreen ? 150 : 300,
+      exit: props.fullScreen ? 150 : 300
+    };
+    var transitionProps = utils.mergeProps({
+      classNames: cx('transition'),
+      "in": visibleState,
+      timeout: transitionTimeout,
+      options: props.transitionOptions,
+      unmountOnExit: true,
+      onEntered: onEntered,
+      onExiting: onExiting,
+      onExited: onExited
+    }, ptm('transition'));
+    var createTemplateElement = function createTemplateElement() {
+      var templateElementProps = {
+        closeIconRef: closeIconRef,
+        hide: onClose
+      };
+      return /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
+        nodeRef: sidebarRef
+      }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", _extends({
+        ref: sidebarRef
+      }, rootProps), utils.ObjectUtils.getJSXElement(inProps.content, templateElementProps))));
+    };
     var createElement = function createElement() {
       var closeIcon = createCloseIcon();
       var icons = createIcons();
       var header = createHeader();
-      var transitionTimeout = {
-        enter: props.fullScreen ? 150 : 300,
-        exit: props.fullScreen ? 150 : 300
-      };
-      var maskProps = utils.mergeProps({
-        ref: maskRef,
-        style: sx('mask'),
-        className: cx('mask', {
-          maskVisibleState: maskVisibleState
-        }),
-        onMouseDown: function onMouseDown(e) {
-          return onMaskClick(e);
-        }
-      }, ptm('mask'));
-      var rootProps = utils.mergeProps({
-        id: props.id,
-        className: cx('root', {
-          context: context
-        }),
-        style: props.style,
-        role: 'complementary'
-      }, SidebarBase.getOtherProps(props), ptm('root'));
-      var headerProps = utils.mergeProps({
-        className: cx('header')
-      }, ptm('header'));
-      var contentProps = utils.mergeProps({
-        className: cx('content')
-      }, ptm('content'));
-      var iconsProps = utils.mergeProps({
-        className: cx('icons')
-      }, ptm('icons'));
-      var transitionProps = utils.mergeProps({
-        classNames: cx('transition'),
-        "in": visibleState,
-        timeout: transitionTimeout,
-        options: props.transitionOptions,
-        unmountOnExit: true,
-        onEntered: onEntered,
-        onExiting: onExiting,
-        onExited: onExited
-      }, ptm('transition'));
       return /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
         nodeRef: sidebarRef
       }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -542,7 +458,7 @@ this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componen
       }, rootProps), /*#__PURE__*/React__namespace.createElement("div", headerProps, header, /*#__PURE__*/React__namespace.createElement("div", iconsProps, icons, closeIcon)), /*#__PURE__*/React__namespace.createElement("div", contentProps, props.children))));
     };
     var createSidebar = function createSidebar() {
-      var element = createElement();
+      var element = inProps !== null && inProps !== void 0 && inProps.content ? createTemplateElement() : createElement();
       return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
         element: element,
         appendTo: props.appendTo,
@@ -559,4 +475,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 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);
+this.primereact=this.primereact||{},this.primereact.sidebar=function(e,n,t,r,i,a,o,s,l,p){"use strict";function c(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=c(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,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 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 p.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 p.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 p.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 c=b.useContext(t.PrimeReactContext),d=E.getProps(e,c),m=O(b.useState(!1),2),h=m[0],y=m[1],v=O(b.useState(!1),2),g=v[0],x=v[1],S=E.setMetaData({props:d,state:{containerVisible:h}}),w=S.ptm,j=S.cx,I=S.sx;r.useHandleStyle(E.css.styles,S.isUnstyled,{name:"sidebar"});var P=b.useRef(null),N=b.useRef(null),C=b.useRef(null),D=a.useDisplayOrder("sidebar",g);a.useGlobalOnEscapeKey({callback:function(e){_(e)},when:g&&d.closeOnEscape,priority:[a.ESC_KEY_HANDLING_PRIORITIES.SIDEBAR,D]});var R=O(a.useEventListener({type:"click",listener:function(e){0===e.button&&A(e)&&_(e)}}),2),U=R[0],T=R[1],A=function(e){return P&&P.current&&!P.current.contains(e.target)},_=function(e){d.onHide(),e.preventDefault()},B=function(){d.dismissable&&!d.modal&&U(),d.blockScroll&&p.DomHandler.blockBodyScroll()},H=function(){T(),d.blockScroll&&p.DomHandler.unblockBodyScroll()};b.useImperativeHandle(n,(function(){return{props:d,getElement:function(){return P.current},gteMask:function(){return N.current},getCloseIcon:function(){return C.current}}})),a.useMountEffect((function(){d.visible&&y(!0)})),a.useUpdateEffect((function(){d.visible&&!h&&y(!0),d.visible!==g&&h&&x(d.visible)})),a.useUpdateEffect((function(){h&&(p.ZIndexUtils.set("modal",N.current,c&&c.autoZIndex||u.default.autoZIndex,d.baseZIndex||c&&c.zIndex.modal||u.default.zIndex.modal),x(!0))}),[h]),a.useUpdateEffect((function(){g&&(T(),d.dismissable&&!d.modal&&U())}),[d.dismissable,d.modal,g]),a.useUnmountEffect((function(){H(),N.current&&p.ZIndexUtils.clear(N.current)}));var M,Z,z,L,J,X=function(){var e=d.ariaCloseLabel||t.localeOption("close"),n=p.mergeProps({type:"button",ref:C,className:j("closeButton"),onClick:function(e){return _(e)},"aria-label":e},w("closeButton")),r=p.mergeProps({className:j("closeIcon")},w("closeIcon")),i=p.IconUtils.getJSXIcon(d.closeIcon||b.createElement(o.TimesIcon,r),k({},r),{props:d});return d.showCloseIcon?b.createElement("button",n,i,b.createElement(l.Ripple,null)):null},V=p.mergeProps({ref:N,style:I("mask"),className:j("mask",{maskVisibleState:h}),onMouseDown:function(e){return n=e,void(d.dismissable&&d.modal&&N.current===n.target&&_(n));var n}},w("mask")),G=p.mergeProps({id:d.id,className:j("root",{context:c}),style:d.style,role:"complementary"},E.getOtherProps(d),w("root")),K=p.mergeProps({className:j("header")},w("header")),Y=p.mergeProps({className:j("content")},w("content")),F=p.mergeProps({className:j("icons")},w("icons")),$={enter:d.fullScreen?150:300,exit:d.fullScreen?150:300},q=p.mergeProps({classNames:j("transition"),in:g,timeout:$,options:d.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;d.onShow&&d.onShow(),!((e=document.activeElement)&&P&&P.current.contains(e))&&d.showCloseIcon&&C.current&&C.current.focus(),B()},onExiting:function(){d.modal&&p.DomHandler.addClass(N.current,"p-component-overlay-leave")},onExited:function(){p.ZIndexUtils.clear(N.current),y(!1),H()}},w("transition"));return h&&(J=null!=e&&e.content?(L={closeIconRef:C,hide:_},b.createElement("div",V,b.createElement(i.CSSTransition,f({nodeRef:P},q),b.createElement("div",f({ref:P},G),p.ObjectUtils.getJSXElement(e.content,L))))):(M=X(),Z=d.icons?p.ObjectUtils.getJSXElement(d.icons,d):null,z=d.header?p.ObjectUtils.getJSXElement(d.header,d):null,b.createElement("div",V,b.createElement(i.CSSTransition,f({nodeRef:P},q),b.createElement("div",f({ref:P},G),b.createElement("div",K,z,b.createElement("div",F,Z,M)),b.createElement("div",Y,d.children))))),b.createElement(s.Portal,{element:J,appendTo:d.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/slidemenu/slidemenu.cjs.js

@@ -392,104 +392,6 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 SlideMenuSub.displayName = 'SlideMenuSub';
 
-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 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 () {
-    if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
-      unbind();
-      when && bind();
-    }
-  }, [listener, options]);
-  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];
-};
-
 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 SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
@@ -526,8 +428,13 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var targetRef = React__namespace.useRef(null);
   var backward = React__namespace.useRef(null);
   var slideMenuContent = React__namespace.useRef(null);
-  useOnEscapeKey(targetRef, props.popup && props.closeOnEscape, function (event) {
-    hide(event);
+  var slideMenuDisplayOrder = hooks.useDisplayOrder('slide-menu', visibleState);
+  hooks.useGlobalOnEscapeKey({
+    callback: function callback(event) {
+      hide(event);
+    },
+    when: visibleState && props.popup && props.closeOnEscape,
+    priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU, slideMenuDisplayOrder]
   });
   var _useOverlayListener = hooks.useOverlayListener({
       target: targetRef,

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,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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/icons/chevronleft"),a=require("primereact/overlayservice"),u=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 b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function v(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=v(e,"string");return"symbol"===b(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,i,o,a,u=[],l=!0,s=!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)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw i}}return u}}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 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 h(e)||O(e,n)||P(e,n)||S()}var x=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 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 j(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){g(e,n,t[n])})):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=m.memo((function(e){var n=E(m.useState(null),2),t=n[0],r=n[1],i=E(m.useState({}),2),o=i[0],a=i[1],u=e.ptm,c=e.cx,p=e.sx,d=function(n,r){return u(r,{hostName:e.hostName,context:{active:t===n}})},f=function(n,t,i){if(t.disabled)n.preventDefault();else if(t.url||n.preventDefault(),t.command&&t.command({originalEvent:n,item:t}),t.items){var u=y(t,i);a(j(j({},o),{},g({},u,!0))),r(t),e.onForward()}},b=function(n){var t=e.id+"_sep_"+n,r=l.mergeProps({id:t,key:t,className:c("separator"),role:"separator"},u("separator",{hostName:e.hostName}));return m.createElement("li",r)},v=function(n,r){var i=o[y(n,r)];return n.items&&i?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:u,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 i=y(n,r),o=t===n,a=l.classNames("p-menuitem-icon",n.icon),u=l.mergeProps({className:c("icon")},d(n,"icon")),p=l.IconUtils.getJSXIcon(n.icon,j({},u),{props:e.menuProps}),b=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,b),j({},b),{props:e}),O=n.label&&m.createElement("span",g,n.label),w=v(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")),S=m.createElement("a",P,p,O,h);n.template&&(S=l.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return f(e,n,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:"p-submenu-icon",element:S,props:e,active:o}));var E=l.mergeProps({id:i,key:i,className:c("menuitem",{active:o,item:n}),style:n.style},d(n,"menuitem"));return m.createElement("li",E,S,w)},O=e.model?e.model.map((function(e,n){return e.separator?b(n):h(e,n)})):null,w=l.mergeProps({className:c("menu",{subProps:e}),style:p("menu",{subProps:e})},u("menu",{hostName:e.hostName}));return m.createElement("ul",w,O)}));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 D(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){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}N.displayName="SlideMenuSub";var C=m.memo(m.forwardRef((function(e,s){var c=m.useContext(n.PrimeReactContext),p=x.getProps(e,c),b=E(m.useState(p.id),2),v=b[0],y=b[1],g=E(m.useState(0),2),h=g[0],O=g[1],w=E(m.useState(!1),2),P=w[0],S=w[1],I=x.setMetaData({props:p,state:{id:v,visible:P,level:h}}),j=I.ptm,k=I.cx,C=I.sx;t.useHandleStyle(x.css.styles,I.isUnstyled,{name:"slidemenu"});var U=m.useRef(null),_=m.useRef(null),q=m.useRef(null),A=m.useRef(null),M=i.useDisplayOrder("slide-menu",P);i.useGlobalOnEscapeKey({callback:function(e){J(e)},when:P&&p.popup&&p.closeOnEscape,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU,M]});var T=E(i.useOverlayListener({target:_,overlay:U,listener:function(e,n){n.valid&&J(e)},when:P}),2),H=T[0],R=T[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){_.current=e.currentTarget,S(!0),p.onShow&&p.onShow(e)},J=function(e){_.current=e.currentTarget,S(!1),p.onHide&&p.onHide(e)},X=function(){p.autoZIndex&&l.ZIndexUtils.set("menu",U.current,c&&c.autoZIndex||d.default.autoZIndex,p.baseZIndex||c&&c.zIndex.menu||d.default.zIndex.menu),l.DomHandler.addStyles(U.current,{position:"absolute",top:"0",left:"0"}),l.DomHandler.absolutePosition(U.current,_.current)},z=function(){H()},B=function(){_.current=null,R()},G=function(){l.ZIndexUtils.clear(U.current),O(0)};i.useMountEffect((function(){v||y(l.UniqueComponentId())})),i.useUpdateEffect((function(){O(0)}),[p.model]),i.useUpdateEffect((function(){p.onNavigate&&p.onNavigate({level:h})}),[h]),i.useUnmountEffect((function(){l.ZIndexUtils.clear(U.current)})),m.useImperativeHandle(s,(function(){return{props:p,toggle:W,show:F,hide:J,navigateForward:Z,navigateBack:L,setLevelState:O,getElement:function(){return U.current}}}));var K=function(){var e=l.mergeProps({className:k("previousIcon")},j("previousIcon")),n=l.IconUtils.getJSXIcon(p.backIcon||m.createElement(o.ChevronLeftIcon,e),D({},e),{props:p}),t=l.mergeProps(j("previousLabel")),r=l.mergeProps({ref:q,className:k("previous",{levelState:h}),onClick:function(e){return L()}},j("previous"));return m.createElement("div",r,n,m.createElement("span",t,p.backLabel))},Y=function(){var e={height:p.viewportHeight+"px"},n=K(),t=l.mergeProps({ref:U,id:p.id,className:k("root"),style:p.style,onClick:function(e){return n=e,void(p.popup&&a.OverlayService.emit("overlay-click",{originalEvent:n,target:_.current}));var n}},x.getOtherProps(p),j("root")),i=l.mergeProps({className:k("wrapper"),style:e},j("wrapper")),o=l.mergeProps({ref:A,className:k("content")},j("content")),u=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:G},j("transition"));return m.createElement(r.CSSTransition,f({nodeRef:U},u),m.createElement("div",t,m.createElement("div",i,m.createElement("div",o,m.createElement(N,{id:v,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:j,cx:k,sx:C}))),n))}();return p.popup?m.createElement(u.Portal,{element:Y,appendTo:p.appendTo}):Y})));C.displayName="SlideMenu",exports.SlideMenu=C;

package/slidemenu/slidemenu.d.ts

@@ -143,7 +143,7 @@ export interface SlideMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLA
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
      * @defaultValue document.body
      */
-    appendTo?: 'self' | HTMLElement | undefined | null;
+    appendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
     /**
      * Whether to automatically manage layering.
      * @defaultValue true