primereact 10.3.1 → 10.3.3

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};

package/skeleton/skeleton.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.skeleton = (function (exports, React, api, componentbase, utils) {
+this.primereact.skeleton = (function (exports, React, api, componentbase, hooks, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -100,6 +100,7 @@ this.primereact.skeleton = (function (exports, React, api, componentbase, utils)
   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({
@@ -130,7 +131,7 @@ this.primereact.skeleton = (function (exports, React, api, componentbase, utils)
       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')),
@@ -146,4 +147,4 @@ this.primereact.skeleton = (function (exports, React, api, componentbase, utils)
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.utils);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils);

package/skeleton/skeleton.min.js

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

package/slidemenu/slidemenu.cjs.js

@@ -244,6 +244,7 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     renderSubMenu = _React$useState4[0],
     setRenderSubMenu = _React$useState4[1];
+  var mergeProps = hooks.useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
     sx = props.sx;
@@ -278,7 +279,7 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var createSeparator = function createSeparator(index) {
     var key = props.id + '_sep_' + index;
-    var separatorProps = utils.mergeProps({
+    var separatorProps = mergeProps({
       id: key,
       key: key,
       className: cx('separator'),
@@ -318,16 +319,16 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     var key = createKey(item, index);
     var active = activeItemState === item;
     var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
-    var iconProps = utils.mergeProps({
+    var iconProps = mergeProps({
       className: cx('icon')
     }, getPTOptions(item, 'icon'));
     var icon = utils.IconUtils.getJSXIcon(item.icon, _objectSpread$1({}, iconProps), {
       props: props.menuProps
     });
-    var submenuIconProps = utils.mergeProps({
+    var submenuIconProps = mergeProps({
       className: cx('submenuIcon')
     }, getPTOptions(item, 'submenuIcon'));
-    var labelProps = utils.mergeProps({
+    var labelProps = mergeProps({
       className: cx('label')
     }, getPTOptions(item, 'label'));
     var submenuIcon = item.items && utils.IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, submenuIconProps), _objectSpread$1({}, submenuIconProps), {
@@ -335,7 +336,7 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     });
     var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
     var submenu = createSubmenu(item, index);
-    var actionProps = utils.mergeProps({
+    var actionProps = mergeProps({
       href: item.url || '#',
       className: cx('action'),
       target: item.target,
@@ -360,7 +361,7 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
       };
       content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-    var menuitemProps = utils.mergeProps({
+    var menuitemProps = mergeProps({
       id: key,
       key: key,
       className: cx('menuitem', {
@@ -378,7 +379,7 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     return props.model ? props.model.map(createItem) : null;
   };
   var items = createItems();
-  var menuProps = utils.mergeProps({
+  var menuProps = mergeProps({
     className: cx('menu', {
       subProps: props
     }),
@@ -395,6 +396,7 @@ SlideMenuSub.displayName = 'SlideMenuSub';
 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) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = SlideMenuBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -433,7 +435,7 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     callback: function callback(event) {
       hide(event);
     },
-    when: visibleState && props.popup && props.closeOnEscape,
+    when: visibleState && props.popup && props.closeOnEscape && slideMenuDisplayOrder,
     priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU, slideMenuDisplayOrder]
   });
   var _useOverlayListener = hooks.useOverlayListener({
@@ -534,15 +536,15 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     };
   });
   var createBackward = function createBackward() {
-    var previousIconProps = utils.mergeProps({
+    var previousIconProps = mergeProps({
       className: cx('previousIcon')
     }, ptm('previousIcon'));
     var icon = props.backIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, previousIconProps);
     var backIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, previousIconProps), {
       props: props
     });
-    var previousLabelProps = utils.mergeProps(ptm('previousLabel'));
-    var previousProps = utils.mergeProps({
+    var previousLabelProps = mergeProps(ptm('previousLabel'));
+    var previousProps = mergeProps({
       ref: backward,
       className: cx('previous', {
         levelState: levelState
@@ -558,7 +560,7 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       height: props.viewportHeight + 'px'
     };
     var backward = createBackward();
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: menuRef,
       id: props.id,
       className: cx('root'),
@@ -567,15 +569,15 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
         return onPanelClick(e);
       }
     }, SlideMenuBase.getOtherProps(props), ptm('root'));
-    var wrapperProps = utils.mergeProps({
+    var wrapperProps = mergeProps({
       className: cx('wrapper'),
       style: wrapperStyle
     }, ptm('wrapper'));
-    var contentProps = utils.mergeProps({
+    var contentProps = mergeProps({
       ref: slideMenuContent,
       className: cx('content')
     }, ptm('content'));
-    var transitionProps = utils.mergeProps({
+    var transitionProps = mergeProps({
       classNames: cx('transition'),
       "in": !props.popup || visibleState,
       timeout: {

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"),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;
+"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 S(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)||S(e,n)||E()}var I=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 P(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?P(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(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),a=o[0],u=o[1],c=i.useMergeProps(),p=e.ptm,d=e.cx,f=e.sx,b=function(n,r){return p(r,{hostName:e.hostName,context:{active:t===n}})},v=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 o=O(t,i);u(j(j({},a),{},g({},o,!0))),r(t),e.onForward()}},y=function(n){var t=e.id+"_sep_"+n,r=c({id:t,key:t,className:d("separator"),role:"separator"},p("separator",{hostName:e.hostName}));return m.createElement("li",r)},h=function(n,r){var i=a[O(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:p,cx:d,sx:f}):null},O=function(n,t){return n.id||e.id+"_"+t},w=function(n,r){if(!1===n.visible)return null;var i=O(n,r),o=t===n,a=l.classNames("p-menuitem-icon",n.icon),u=c({className:d("icon")},b(n,"icon")),p=l.IconUtils.getJSXIcon(n.icon,j({},u),{props:e.menuProps}),f=c({className:d("submenuIcon")},b(n,"submenuIcon")),y=c({className:d("label")},b(n,"label")),g=n.items&&l.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(s.AngleRightIcon,f),j({},f),{props:e}),w=n.label&&m.createElement("span",y,n.label),S=h(n,r),E=c({href:n.url||"#",className:d("action"),target:n.target,onClick:function(e){return v(e,n,r)},"aria-disabled":n.disabled},b(n,"action")),x=m.createElement("a",E,p,w,g);n.template&&(x=l.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return v(e,n,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:"p-submenu-icon",element:x,props:e,active:o}));var I=c({id:i,key:i,className:d("menuitem",{active:o,item:n}),style:n.style},b(n,"menuitem"));return m.createElement("li",I,x,S)},S=e.model?e.model.map((function(e,n){return e.separator?y(n):w(e,n)})):null,E=c({className:d("menu",{subProps:e}),style:f("menu",{subProps:e})},p("menu",{hostName:e.hostName}));return m.createElement("ul",E,S)}));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=i.useMergeProps(),p=m.useContext(n.PrimeReactContext),b=I.getProps(e,p),v=x(m.useState(b.id),2),y=v[0],g=v[1],h=x(m.useState(0),2),O=h[0],w=h[1],S=x(m.useState(!1),2),E=S[0],P=S[1],j=I.setMetaData({props:b,state:{id:y,visible:E,level:O}}),k=j.ptm,C=j.cx,U=j.sx;t.useHandleStyle(I.css.styles,j.isUnstyled,{name:"slidemenu"});var _=m.useRef(null),M=m.useRef(null),q=m.useRef(null),A=m.useRef(null),T=i.useDisplayOrder("slide-menu",E);i.useGlobalOnEscapeKey({callback:function(e){X(e)},when:E&&b.popup&&b.closeOnEscape&&T,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU,T]});var H=x(i.useOverlayListener({target:M,overlay:_,listener:function(e,n){n.valid&&X(e)},when:E}),2),R=H[0],Z=H[1],L=function(){w((function(e){return e+1}))},W=function(){w((function(e){return e-1}))},F=function(e){b.popup&&(E?X(e):J(e))},J=function(e){M.current=e.currentTarget,P(!0),b.onShow&&b.onShow(e)},X=function(e){M.current=e.currentTarget,P(!1),b.onHide&&b.onHide(e)},z=function(){b.autoZIndex&&l.ZIndexUtils.set("menu",_.current,p&&p.autoZIndex||d.default.autoZIndex,b.baseZIndex||p&&p.zIndex.menu||d.default.zIndex.menu),l.DomHandler.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),l.DomHandler.absolutePosition(_.current,M.current)},B=function(){R()},G=function(){M.current=null,Z()},K=function(){l.ZIndexUtils.clear(_.current),w(0)};i.useMountEffect((function(){y||g(l.UniqueComponentId())})),i.useUpdateEffect((function(){w(0)}),[b.model]),i.useUpdateEffect((function(){b.onNavigate&&b.onNavigate({level:O})}),[O]),i.useUnmountEffect((function(){l.ZIndexUtils.clear(_.current)})),m.useImperativeHandle(s,(function(){return{props:b,toggle:F,show:J,hide:X,navigateForward:L,navigateBack:W,setLevelState:w,getElement:function(){return _.current}}}));var Y=function(){var e=c({className:C("previousIcon")},k("previousIcon")),n=l.IconUtils.getJSXIcon(b.backIcon||m.createElement(o.ChevronLeftIcon,e),D({},e),{props:b}),t=c(k("previousLabel")),r=c({ref:q,className:C("previous",{levelState:O}),onClick:function(e){return W()}},k("previous"));return m.createElement("div",r,n,m.createElement("span",t,b.backLabel))},$=function(){var e={height:b.viewportHeight+"px"},n=Y(),t=c({ref:_,id:b.id,className:C("root"),style:b.style,onClick:function(e){return n=e,void(b.popup&&a.OverlayService.emit("overlay-click",{originalEvent:n,target:M.current}));var n}},I.getOtherProps(b),k("root")),i=c({className:C("wrapper"),style:e},k("wrapper")),o=c({ref:A,className:C("content")},k("content")),u=c({classNames:C("transition"),in:!b.popup||E,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:z,onEntered:B,onExit:G,onExited:K},k("transition"));return m.createElement(r.CSSTransition,f({nodeRef:_},u),m.createElement("div",t,m.createElement("div",i,m.createElement("div",o,m.createElement(N,{id:y,hostName:"SlideMenu",menuProps:b,model:b.model,root:!0,index:0,menuWidth:b.menuWidth,effectDuration:b.effectDuration,level:O,parentActive:0===O,onForward:L,submenuIcon:b.submenuIcon,ptm:k,cx:C,sx:U}))),n))}();return b.popup?m.createElement(u.Portal,{element:$,appendTo:b.appendTo}):$})));C.displayName="SlideMenu",exports.SlideMenu=C;

package/slidemenu/slidemenu.esm.js

@@ -3,11 +3,11 @@ import * as React from 'react';
 import PrimeReact, { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
+import { useMergeProps, useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { ChevronLeftIcon } from 'primereact/icons/chevronleft';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
-import { classNames, mergeProps, IconUtils, ObjectUtils, UniqueComponentId, ZIndexUtils, DomHandler } from 'primereact/utils';
+import { classNames, IconUtils, ObjectUtils, UniqueComponentId, ZIndexUtils, DomHandler } from 'primereact/utils';
 import { AngleRightIcon } from 'primereact/icons/angleright';
 
 function _extends() {
@@ -217,6 +217,7 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     renderSubMenu = _React$useState4[0],
     setRenderSubMenu = _React$useState4[1];
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
     sx = props.sx;
@@ -368,6 +369,7 @@ SlideMenuSub.displayName = 'SlideMenuSub';
 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.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = SlideMenuBase.getProps(inProps, context);
   var _React$useState = React.useState(props.id),
@@ -406,7 +408,7 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     callback: function callback(event) {
       hide(event);
     },
-    when: visibleState && props.popup && props.closeOnEscape,
+    when: visibleState && props.popup && props.closeOnEscape && slideMenuDisplayOrder,
     priority: [ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU, slideMenuDisplayOrder]
   });
   var _useOverlayListener = useOverlayListener({

package/slidemenu/slidemenu.esm.min.js

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

package/slidemenu/slidemenu.js

@@ -232,6 +232,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
       _React$useState4 = _slicedToArray(_React$useState3, 2),
       renderSubMenu = _React$useState4[0],
       setRenderSubMenu = _React$useState4[1];
+    var mergeProps = hooks.useMergeProps();
     var ptm = props.ptm,
       cx = props.cx,
       sx = props.sx;
@@ -266,7 +267,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
     };
     var createSeparator = function createSeparator(index) {
       var key = props.id + '_sep_' + index;
-      var separatorProps = utils.mergeProps({
+      var separatorProps = mergeProps({
         id: key,
         key: key,
         className: cx('separator'),
@@ -306,16 +307,16 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
       var key = createKey(item, index);
       var active = activeItemState === item;
       var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
-      var iconProps = utils.mergeProps({
+      var iconProps = mergeProps({
         className: cx('icon')
       }, getPTOptions(item, 'icon'));
       var icon = utils.IconUtils.getJSXIcon(item.icon, _objectSpread$1({}, iconProps), {
         props: props.menuProps
       });
-      var submenuIconProps = utils.mergeProps({
+      var submenuIconProps = mergeProps({
         className: cx('submenuIcon')
       }, getPTOptions(item, 'submenuIcon'));
-      var labelProps = utils.mergeProps({
+      var labelProps = mergeProps({
         className: cx('label')
       }, getPTOptions(item, 'label'));
       var submenuIcon = item.items && utils.IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, submenuIconProps), _objectSpread$1({}, submenuIconProps), {
@@ -323,7 +324,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
       });
       var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
       var submenu = createSubmenu(item, index);
-      var actionProps = utils.mergeProps({
+      var actionProps = mergeProps({
         href: item.url || '#',
         className: cx('action'),
         target: item.target,
@@ -348,7 +349,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
         };
         content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
       }
-      var menuitemProps = utils.mergeProps({
+      var menuitemProps = mergeProps({
         id: key,
         key: key,
         className: cx('menuitem', {
@@ -366,7 +367,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
       return props.model ? props.model.map(createItem) : null;
     };
     var items = createItems();
-    var menuProps = utils.mergeProps({
+    var menuProps = mergeProps({
       className: cx('menu', {
         subProps: props
       }),
@@ -383,6 +384,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
   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) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = SlideMenuBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(props.id),
@@ -421,7 +423,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
       callback: function callback(event) {
         hide(event);
       },
-      when: visibleState && props.popup && props.closeOnEscape,
+      when: visibleState && props.popup && props.closeOnEscape && slideMenuDisplayOrder,
       priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU, slideMenuDisplayOrder]
     });
     var _useOverlayListener = hooks.useOverlayListener({
@@ -522,15 +524,15 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
       };
     });
     var createBackward = function createBackward() {
-      var previousIconProps = utils.mergeProps({
+      var previousIconProps = mergeProps({
         className: cx('previousIcon')
       }, ptm('previousIcon'));
       var icon = props.backIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, previousIconProps);
       var backIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, previousIconProps), {
         props: props
       });
-      var previousLabelProps = utils.mergeProps(ptm('previousLabel'));
-      var previousProps = utils.mergeProps({
+      var previousLabelProps = mergeProps(ptm('previousLabel'));
+      var previousProps = mergeProps({
         ref: backward,
         className: cx('previous', {
           levelState: levelState
@@ -546,7 +548,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
         height: props.viewportHeight + 'px'
       };
       var backward = createBackward();
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         ref: menuRef,
         id: props.id,
         className: cx('root'),
@@ -555,15 +557,15 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
           return onPanelClick(e);
         }
       }, SlideMenuBase.getOtherProps(props), ptm('root'));
-      var wrapperProps = utils.mergeProps({
+      var wrapperProps = mergeProps({
         className: cx('wrapper'),
         style: wrapperStyle
       }, ptm('wrapper'));
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         ref: slideMenuContent,
         className: cx('content')
       }, ptm('content'));
-      var transitionProps = utils.mergeProps({
+      var transitionProps = mergeProps({
         classNames: cx('transition'),
         "in": !props.popup || visibleState,
         timeout: {