primereact 8.7.2 → 9.0.0-beta.1

package/slidemenu/slidemenu.d.ts

@@ -1,37 +1,151 @@
+/**
+ *
+ * SlideMenu displays submenus with a slide animation.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/slidemenu/)
+ *
+ * @module slidemenu
+ *
+ */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 import { MenuItem } from '../menuitem';
 
-type SlideMenuAppendToType = 'self' | HTMLElement | undefined | null;
-
-interface SlideMenuNavigateParams {
+/**
+ * Custom navigate event
+ * @see {@link SlideMenuProps.onNavigate}
+ * @event
+ */
+interface SlideMenuNavigateEvent {
+    /**
+     * Level of current displayed menu
+     */
     level: number;
 }
 
+/**
+ * Defines valid properties in SlideMenu component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface SlideMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    appendTo?: SlideMenuAppendToType;
-    autoZIndex?: boolean;
-    backLabel?: string;
-    baseZIndex?: number;
-    children?: React.ReactNode;
-    easing?: string;
-    effectDuration?: number;
-    menuWidth?: number;
-    model?: MenuItem[];
-    popup?: boolean;
-    transitionOptions?: CSSTransitionProps;
-    viewportHeight?: number;
-    onShow?(e: React.SyntheticEvent): void;
-    onHide?(e: React.SyntheticEvent): void;
-    onNavigate?(e: SlideMenuNavigateParams): void;
+    /**
+     * 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;
+    /**
+     * Whether to automatically manage layering.
+     * @defaultValue true
+     */
+    autoZIndex?: boolean | undefined;
+    /**
+     * Label of element to navigate back.
+     * @defaultValue Back
+     */
+    backLabel?: string | undefined;
+    /**
+     * Base zIndex value to use in layering.
+     * @defaultValue 0
+     */
+    baseZIndex?: number | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
+    /**
+     * Easing animation to use for sliding.
+     * @defaultValue ease-out
+     */
+    easing?: string | undefined;
+    /**
+     * Duration of the sliding animation in milliseconds.
+     * @defaultValue 250
+     */
+    effectDuration?: number | undefined;
+    /**
+     * Width of the submenus.
+     * @defaultValue 190
+     */
+    menuWidth?: number | undefined;
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * Defines if menu would displayed as a popup.
+     * @defaultValue false
+     */
+    popup?: boolean | undefined;
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Height of the scrollable area, a scrollbar appears if a menu height is longer than this value.
+     * @defaultValue 175
+     */
+    viewportHeight?: number | undefined;
+    /**
+     * Callback to invoke when a popup menu is shown.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onShow?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke when a popup menu is hidden.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onHide?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke when a menu is navigated to.
+     * @param {SlideMenuNavigateEvent} event - Navigate event.
+     */
+    onNavigate?(event: SlideMenuNavigateEvent): void;
 }
 
+/**
+ * **PrimeReact - SlideMenu**
+ *
+ * _SlideMenu displays submenus with a slide animation._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/slidemenu/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class SlideMenu extends React.Component<SlideMenuProps, any> {
+    /**
+     * Displays the popup menu.
+     * @param {React.SyntheticEvent} event - Browser event
+     */
     public show(event: React.SyntheticEvent): void;
+    /**
+     * Hides the popup menu.
+     * @param {React.SyntheticEvent} event - Browser event
+     */
     public hide(event: React.SyntheticEvent): void;
+    /**
+     * Toggles the visibility of the popup menu.
+     * @param {React.SyntheticEvent} event - Browser event
+     */
     public toggle(event: React.SyntheticEvent): void;
+    /**
+     * Navigates the slide menu to this specific level.
+     * @param {number} level - Number of the menu to set
+     */
     public setLevelState(level: number): void;
+    /**
+     * Navigates the slide menu forward.
+     */
     public navigateForward(): void;
+    /**
+     * Navigates the slide menu backwards.
+     */
     public navigateBack(): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/slidemenu/slidemenu.esm.js

@@ -10,14 +10,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -28,42 +26,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -84,7 +80,34 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -95,41 +118,34 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      activeItemState = _React$useState2[0],
-      setActiveItemState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    activeItemState = _React$useState2[0],
+    setActiveItemState = _React$useState2[1];
   var _React$useState3 = React.useState({}),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      renderSubMenu = _React$useState4[0],
-      setRenderSubMenu = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    renderSubMenu = _React$useState4[0],
+    setRenderSubMenu = _React$useState4[1];
   var onItemClick = function onItemClick(event, item, index) {
     if (item.disabled) {
       event.preventDefault();
       return;
     }
-
     if (!item.url) {
       event.preventDefault();
     }
-
     if (item.command) {
       item.command({
         originalEvent: event,
         item: item
       });
     }
-
     if (item.items) {
       var key = createKey(item, index);
       setRenderSubMenu(_objectSpread(_objectSpread({}, renderSubMenu), {}, _defineProperty({}, key, true)));
@@ -137,7 +153,6 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
       props.onForward();
     }
   };
-
   var createSeparator = function createSeparator(index) {
     var key = 'separator_' + index;
     return /*#__PURE__*/React.createElement("li", {
@@ -145,10 +160,8 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
       className: "p-menu-separator"
     });
   };
-
   var createSubmenu = function createSubmenu(item, index) {
     var shouldRender = renderSubMenu[createKey(item, index)];
-
     if (item.items && shouldRender) {
       return /*#__PURE__*/React.createElement(SlideMenuSub, {
         menuProps: props.menuProps,
@@ -160,19 +173,15 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
         parentActive: item === activeItemState
       });
     }
-
     return null;
   };
-
   var createKey = function createKey(item, index) {
     return item.label + '_' + index;
   };
-
   var createMenuitem = function createMenuitem(item, index) {
     if (item.visible === false) {
       return null;
     }
-
     var key = createKey(item, index);
     var active = activeItemState === item;
     var className = classNames('p-menuitem', {
@@ -202,7 +211,6 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
       },
       "aria-disabled": item.disabled
     }, icon, label, submenuIcon);
-
     if (item.template) {
       var defaultContentOptions = {
         onClick: function onClick(event) {
@@ -218,7 +226,6 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
       };
       content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-
     return /*#__PURE__*/React.createElement("li", {
       key: key,
       id: item.id,
@@ -226,15 +233,12 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
       style: item.style
     }, content, submenu);
   };
-
   var createItem = function createItem(item, index) {
     return item.separator ? createSeparator(index) : createMenuitem(item, index);
   };
-
   var createItems = function createItems() {
     return props.model ? props.model.map(createItem) : null;
   };
-
   var style = {
     width: props.menuWidth + 'px',
     left: props.root ? -1 * props.level * props.menuWidth + 'px' : props.menuWidth + 'px',
@@ -257,33 +261,29 @@ SlideMenuSub.displayName = 'SlideMenuSub';
 
 var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(0),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      levelState = _React$useState2[0],
-      setLevelState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    levelState = _React$useState2[0],
+    setLevelState = _React$useState2[1];
   var _React$useState3 = React.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      visibleState = _React$useState4[0],
-      setVisibleState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    visibleState = _React$useState4[0],
+    setVisibleState = _React$useState4[1];
   var menuRef = React.useRef(null);
   var targetRef = React.useRef(null);
   var backward = React.useRef(null);
   var slideMenuContent = React.useRef(null);
-
   var _useOverlayListener = useOverlayListener({
-    target: targetRef,
-    overlay: menuRef,
-    listener: function listener(event, _ref) {
-      var valid = _ref.valid;
-      valid && hide(event);
-    },
-    when: visibleState
-  }),
-      _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
-      bindOverlayListener = _useOverlayListener2[0],
-      unbindOverlayListener = _useOverlayListener2[1];
-
+      target: targetRef,
+      overlay: menuRef,
+      listener: function listener(event, _ref) {
+        var valid = _ref.valid;
+        valid && hide(event);
+      },
+      when: visibleState
+    }),
+    _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
+    bindOverlayListener = _useOverlayListener2[0],
+    unbindOverlayListener = _useOverlayListener2[1];
   var onPanelClick = function onPanelClick(event) {
     if (props.popup) {
       OverlayService.emit('overlay-click', {
@@ -292,59 +292,48 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       });
     }
   };
-
   var navigateForward = function navigateForward() {
     setLevelState(function (prevLevel) {
       return prevLevel + 1;
     });
   };
-
   var navigateBack = function navigateBack() {
     setLevelState(function (prevLevel) {
       return prevLevel - 1;
     });
   };
-
   var toggle = function toggle(event) {
     if (props.popup) {
       visibleState ? hide(event) : show(event);
     }
   };
-
   var show = function show(event) {
     targetRef.current = event.currentTarget;
     setVisibleState(true);
     props.onShow && props.onShow(event);
   };
-
   var hide = function hide(event) {
     targetRef.current = event.currentTarget;
     setVisibleState(false);
     props.onHide && props.onHide(event);
   };
-
   var onEnter = function onEnter() {
     if (props.autoZIndex) {
       ZIndexUtils.set('menu', menuRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['menu']);
     }
-
     DomHandler.absolutePosition(menuRef.current, targetRef.current);
   };
-
   var onEntered = function onEntered() {
     bindOverlayListener();
   };
-
   var onExit = function onExit() {
     targetRef.current = null;
     unbindOverlayListener();
   };
-
   var onExited = function onExited() {
     ZIndexUtils.clear(menuRef.current);
     setLevelState(0);
   };
-
   useUpdateEffect(function () {
     setLevelState(0);
   }, [props.model]);
@@ -370,7 +359,6 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       }
     };
   });
-
   var createBackward = function createBackward() {
     var className = classNames('p-slidemenu-backward', {
       'p-hidden': levelState === 0
@@ -383,7 +371,6 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       className: "p-slidemenu-backward-icon pi pi-fw pi-chevron-left"
     }), /*#__PURE__*/React.createElement("span", null, props.backLabel));
   };
-
   var createElement = function createElement() {
     var otherProps = ObjectUtils.findDiffKeys(props, SlideMenu.defaultProps);
     var className = classNames('p-slidemenu p-component', {
@@ -432,7 +419,6 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       onForward: navigateForward
     })), backward)));
   };
-
   var element = createElement();
   return props.popup ? /*#__PURE__*/React.createElement(Portal, {
     element: element,

package/slidemenu/slidemenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as r,useUpdateEffect as i,useUnmountEffect as o}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Portal as l}from"primereact/portal";import{classNames as u,IconUtils as c,ObjectUtils as s,ZIndexUtils as m,DomHandler as p}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o=[],a=!0,l=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){l=!0,i=e}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return o}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return d(e)||v(e,t)||y(e,t)||g()}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(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 O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=e.memo((function(t){var n=h(e.useState(null),2),r=n[0],i=n[1],o=h(e.useState({}),2),a=o[0],l=o[1],m=function(e,n,r){if(n.disabled)e.preventDefault();else if(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),n.items){var o=d(n,r);l(O(O({},a),{},w({},o,!0))),i(n),t.onForward()}},p=function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator"})},f=function(n,i){var o=a[d(n,i)];return n.items&&o?e.createElement(N,{menuProps:t.menuProps,model:n.items,index:t.index+1,menuWidth:t.menuWidth,effectDuration:t.effectDuration,onForward:t.onForward,parentActive:n===r}):null},d=function(e,t){return e.label+"_"+t},v=function(n,i){if(!1===n.visible)return null;var o=d(n,i),a=r===n,l=u("p-menuitem",{"p-menuitem-active":a,"p-disabled":n.disabled},n.className),p=u("p-menuitem-icon",n.icon),v="p-submenu-icon pi pi-fw pi-angle-right",b=c.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:t.menuProps}),y=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),g=n.items&&e.createElement("span",{className:v}),h=f(n,i),w=e.createElement("a",{href:n.url||"#",className:"p-menuitem-link",target:n.target,onClick:function(e){return m(e,n,i)},"aria-disabled":n.disabled},b,y,g);n.template&&(w=s.getJSXElement(n.template,n,{onClick:function(e){return m(e,n,i)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:v,element:w,props:t,active:a}));return e.createElement("li",{key:o,id:n.id,className:l,style:n.style},w,h)},b=function(e,t){return e.separator?p(t):v(e,t)},y={width:t.menuWidth+"px",left:t.root?-1*t.level*t.menuWidth+"px":t.menuWidth+"px",transitionProperty:t.root?"left":"none",transitionDuration:t.effectDuration+"ms",transitionTimingFunction:t.easing},g=u({"p-slidemenu-rootlist":t.root,"p-submenu-list":!t.root,"p-active-submenu":t.parentActive}),E=t.model?t.model.map(b):null;return e.createElement("ul",{className:g,style:y},E)}));N.displayName="SlideMenuSub";var x=e.memo(e.forwardRef((function(c,d){var v=h(e.useState(0),2),b=v[0],y=v[1],g=h(e.useState(!1),2),w=g[0],E=g[1],O=e.useRef(null),S=e.useRef(null),P=e.useRef(null),j=e.useRef(null),k=h(r({target:S,overlay:O,listener:function(e,t){t.valid&&H(e)},when:w}),2),D=k[0],I=k[1],A=function(e){c.popup&&a.emit("overlay-click",{originalEvent:e,target:S.current})},C=function(){y((function(e){return e+1}))},T=function(){y((function(e){return e-1}))},W=function(e){c.popup&&(w?H(e):F(e))},F=function(e){S.current=e.currentTarget,E(!0),c.onShow&&c.onShow(e)},H=function(e){S.current=e.currentTarget,E(!1),c.onHide&&c.onHide(e)},R=function(){c.autoZIndex&&m.set("menu",O.current,t.autoZIndex,c.baseZIndex||t.zIndex.menu),p.absolutePosition(O.current,S.current)},Z=function(){D()},M=function(){S.current=null,I()},_=function(){m.clear(O.current),y(0)};i((function(){y(0)}),[c.model]),i((function(){c.onNavigate&&c.onNavigate({level:b})}),[b]),o((function(){m.clear(O.current)})),e.useImperativeHandle(d,(function(){return{props:c,toggle:W,show:F,hide:H,navigateForward:C,navigateBack:T,setLevelState:y,getElement:function(){return O.current}}}));var L=function(){var t=u("p-slidemenu-backward",{"p-hidden":0===b});return e.createElement("div",{ref:P,className:t,onClick:T},e.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),e.createElement("span",null,c.backLabel))},B=function(){var t=s.findDiffKeys(c,x.defaultProps),r=u("p-slidemenu p-component",{"p-slidemenu-overlay":c.popup},c.className),i={height:c.viewportHeight+"px"},o=L();return e.createElement(n,{nodeRef:O,classNames:"p-connected-overlay",in:!c.popup||w,timeout:{enter:120,exit:100},options:c.transitionOptions,unmountOnExit:!0,onEnter:R,onEntered:Z,onExit:M,onExited:_},e.createElement("div",f({ref:O,id:c.id,className:r,style:c.style},t,{onClick:A}),e.createElement("div",{className:"p-slidemenu-wrapper",style:i},e.createElement("div",{className:"p-slidemenu-content",ref:j},e.createElement(N,{menuProps:c,model:c.model,root:!0,index:0,menuWidth:c.menuWidth,effectDuration:c.effectDuration,level:b,parentActive:0===b,onForward:C})),o)))}();return c.popup?e.createElement(l,{element:B,appendTo:c.appendTo}):B})));x.displayName="SlideMenu",x.defaultProps={__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,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,transitionOptions:null,viewportHeight:175};export{x as SlideMenu};
+import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as r,useUpdateEffect as o,useUnmountEffect as i}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Portal as l}from"primereact/portal";import{classNames as u,IconUtils as c,ObjectUtils as s,ZIndexUtils as m,DomHandler as p}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return d(e)||b(e,t)||y(e,t)||g()}function w(e){return w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},w(e)}function E(e,t){if("object"!==w(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=E(e,"string");return"symbol"===w(t)?t:String(t)}function S(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(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 j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=e.memo((function(t){var n=h(e.useState(null),2),r=n[0],o=n[1],i=h(e.useState({}),2),a=i[0],l=i[1],m=function(e,n,r){if(n.disabled)e.preventDefault();else if(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),n.items){var i=d(n,r);l(j(j({},a),{},S({},i,!0))),o(n),t.onForward()}},p=function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator"})},f=function(n,o){var i=a[d(n,o)];return n.items&&i?e.createElement(x,{menuProps:t.menuProps,model:n.items,index:t.index+1,menuWidth:t.menuWidth,effectDuration:t.effectDuration,onForward:t.onForward,parentActive:n===r}):null},d=function(e,t){return e.label+"_"+t},b=function(n,o){if(!1===n.visible)return null;var i=d(n,o),a=r===n,l=u("p-menuitem",{"p-menuitem-active":a,"p-disabled":n.disabled},n.className),p=u("p-menuitem-icon",n.icon),b="p-submenu-icon pi pi-fw pi-angle-right",v=c.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:t.menuProps}),y=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),g=n.items&&e.createElement("span",{className:b}),h=f(n,o),w=e.createElement("a",{href:n.url||"#",className:"p-menuitem-link",target:n.target,onClick:function(e){return m(e,n,o)},"aria-disabled":n.disabled},v,y,g);n.template&&(w=s.getJSXElement(n.template,n,{onClick:function(e){return m(e,n,o)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:b,element:w,props:t,active:a}));return e.createElement("li",{key:i,id:n.id,className:l,style:n.style},w,h)},v=function(e,t){return e.separator?p(t):b(e,t)},y={width:t.menuWidth+"px",left:t.root?-1*t.level*t.menuWidth+"px":t.menuWidth+"px",transitionProperty:t.root?"left":"none",transitionDuration:t.effectDuration+"ms",transitionTimingFunction:t.easing},g=u({"p-slidemenu-rootlist":t.root,"p-submenu-list":!t.root,"p-active-submenu":t.parentActive}),w=t.model?t.model.map(v):null;return e.createElement("ul",{className:g,style:y},w)}));x.displayName="SlideMenuSub";var P=e.memo(e.forwardRef((function(c,d){var b=h(e.useState(0),2),v=b[0],y=b[1],g=h(e.useState(!1),2),w=g[0],E=g[1],O=e.useRef(null),S=e.useRef(null),N=e.useRef(null),j=e.useRef(null),k=h(r({target:S,overlay:O,listener:function(e,t){t.valid&&H(e)},when:w}),2),D=k[0],I=k[1],A=function(e){c.popup&&a.emit("overlay-click",{originalEvent:e,target:S.current})},T=function(){y((function(e){return e+1}))},C=function(){y((function(e){return e-1}))},W=function(e){c.popup&&(w?H(e):F(e))},F=function(e){S.current=e.currentTarget,E(!0),c.onShow&&c.onShow(e)},H=function(e){S.current=e.currentTarget,E(!1),c.onHide&&c.onHide(e)},R=function(){c.autoZIndex&&m.set("menu",O.current,t.autoZIndex,c.baseZIndex||t.zIndex.menu),p.absolutePosition(O.current,S.current)},Z=function(){D()},M=function(){S.current=null,I()},_=function(){m.clear(O.current),y(0)};o((function(){y(0)}),[c.model]),o((function(){c.onNavigate&&c.onNavigate({level:v})}),[v]),i((function(){m.clear(O.current)})),e.useImperativeHandle(d,(function(){return{props:c,toggle:W,show:F,hide:H,navigateForward:T,navigateBack:C,setLevelState:y,getElement:function(){return O.current}}}));var L=function(){var t=u("p-slidemenu-backward",{"p-hidden":0===v});return e.createElement("div",{ref:N,className:t,onClick:C},e.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),e.createElement("span",null,c.backLabel))},B=function(){var t=s.findDiffKeys(c,P.defaultProps),r=u("p-slidemenu p-component",{"p-slidemenu-overlay":c.popup},c.className),o={height:c.viewportHeight+"px"},i=L();return e.createElement(n,{nodeRef:O,classNames:"p-connected-overlay",in:!c.popup||w,timeout:{enter:120,exit:100},options:c.transitionOptions,unmountOnExit:!0,onEnter:R,onEntered:Z,onExit:M,onExited:_},e.createElement("div",f({ref:O,id:c.id,className:r,style:c.style},t,{onClick:A}),e.createElement("div",{className:"p-slidemenu-wrapper",style:o},e.createElement("div",{className:"p-slidemenu-content",ref:j},e.createElement(x,{menuProps:c,model:c.model,root:!0,index:0,menuWidth:c.menuWidth,effectDuration:c.effectDuration,level:v,parentActive:0===v,onForward:T})),i)))}();return c.popup?e.createElement(l,{element:B,appendTo:c.appendTo}):B})));P.displayName="SlideMenu",P.defaultProps={__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,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,transitionOptions:null,viewportHeight:175};export{P as SlideMenu};