primereact 8.6.1 → 8.7.1

package/ripple/ripple.esm.js

@@ -14,16 +14,38 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function ()
   var bindEvents = function bindEvents() {
     if (targetRef.current) {
       targetRef.current.addEventListener('mousedown', onMouseDown);
+      DomHandler.isTouchDevice() && targetRef.current.addEventListener('touchstart', onTouchStart);
     }
   };
 
   var unbindEvents = function unbindEvents() {
     if (targetRef.current) {
       targetRef.current.removeEventListener('mousedown', onMouseDown);
+      DomHandler.isTouchDevice() && targetRef.current.removeEventListener('touchstart', onTouchStart);
     }
   };
 
+  var onTouchStart = function onTouchStart(event) {
+    isTouching.current = true;
+    var offset = DomHandler.getOffset(targetRef.current);
+    var offsetX = event.targetTouches[0].pageX - offset.left + document.body.scrollTop - DomHandler.getWidth(inkRef.current) / 2;
+    var offsetY = event.targetTouches[0].pageY - offset.top + document.body.scrollLeft - DomHandler.getHeight(inkRef.current) / 2;
+    activateRipple(offsetX, offsetY);
+  };
+
   var onMouseDown = function onMouseDown(event) {
+    if (DomHandler.isTouchDevice()) {
+      // already started ripple with onTouchStart
+      return;
+    }
+
+    var offset = DomHandler.getOffset(targetRef.current);
+    var offsetX = event.pageX - offset.left + document.body.scrollTop - DomHandler.getWidth(inkRef.current) / 2;
+    var offsetY = event.pageY - offset.top + document.body.scrollLeft - DomHandler.getHeight(inkRef.current) / 2;
+    activateRipple(offsetX, offsetY);
+  };
+
+  var activateRipple = function activateRipple(offsetX, offsetY) {
     if (!inkRef.current || getComputedStyle(inkRef.current, null).display === 'none') {
       return;
     }
@@ -36,11 +58,8 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function ()
       inkRef.current.style.width = d + 'px';
     }
 
-    var offset = DomHandler.getOffset(targetRef.current);
-    var x = event.pageX - offset.left + document.body.scrollTop - DomHandler.getWidth(inkRef.current) / 2;
-    var y = event.pageY - offset.top + document.body.scrollLeft - DomHandler.getHeight(inkRef.current) / 2;
-    inkRef.current.style.top = y + 'px';
-    inkRef.current.style.left = x + 'px';
+    inkRef.current.style.top = offsetY + 'px';
+    inkRef.current.style.left = offsetX + 'px';
     DomHandler.addClass(inkRef.current, 'p-ink-active');
   };
 

package/ripple/ripple.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import r from"primereact/api";import{useMountEffect as t,useUpdateEffect as n,useUnmountEffect as u}from"primereact/hooks";import{DomHandler as c}from"primereact/utils";var i=e.memo(e.forwardRef((function(){var i=e.useRef(null),o=e.useRef(null),a=function(){return i.current&&i.current.parentElement},l=function(){o.current&&o.current.addEventListener("mousedown",p)},p=function(e){if(i.current&&"none"!==getComputedStyle(i.current,null).display){if(c.removeClass(i.current,"p-ink-active"),!c.getHeight(i.current)&&!c.getWidth(i.current)){var r=Math.max(c.getOuterWidth(o.current),c.getOuterHeight(o.current));i.current.style.height=r+"px",i.current.style.width=r+"px"}var t=c.getOffset(o.current),n=e.pageX-t.left+document.body.scrollTop-c.getWidth(i.current)/2,u=e.pageY-t.top+document.body.scrollLeft-c.getHeight(i.current)/2;i.current.style.top=u+"px",i.current.style.left=n+"px",c.addClass(i.current,"p-ink-active")}};return t((function(){i.current&&(o.current=a(),l())})),n((function(){i.current&&!o.current&&(o.current=a(),l())})),u((function(){i.current&&(o.current=null,o.current&&o.current.removeEventListener("mousedown",p))})),r.ripple?e.createElement("span",{role:"presentation",ref:i,className:"p-ink",onAnimationEnd:function(e){c.removeClass(e.currentTarget,"p-ink-active")}}):null})));i.displayName="Ripple",i.defaultProps={__TYPE:"Ripple"};export{i as Ripple};
+import*as e from"react";import t from"primereact/api";import{useMountEffect as r,useUpdateEffect as n,useUnmountEffect as c}from"primereact/hooks";import{DomHandler as u}from"primereact/utils";var o=e.memo(e.forwardRef((function(){var o=e.useRef(null),i=e.useRef(null),a=function(){return o.current&&o.current.parentElement},s=function(){i.current&&(i.current.addEventListener("mousedown",p),u.isTouchDevice()&&i.current.addEventListener("touchstart",l))},l=function(e){isTouching.current=!0;var t=u.getOffset(i.current),r=e.targetTouches[0].pageX-t.left+document.body.scrollTop-u.getWidth(o.current)/2,n=e.targetTouches[0].pageY-t.top+document.body.scrollLeft-u.getHeight(o.current)/2;f(r,n)},p=function(e){if(!u.isTouchDevice()){var t=u.getOffset(i.current),r=e.pageX-t.left+document.body.scrollTop-u.getWidth(o.current)/2,n=e.pageY-t.top+document.body.scrollLeft-u.getHeight(o.current)/2;f(r,n)}},f=function(e,t){if(o.current&&"none"!==getComputedStyle(o.current,null).display){if(u.removeClass(o.current,"p-ink-active"),!u.getHeight(o.current)&&!u.getWidth(o.current)){var r=Math.max(u.getOuterWidth(i.current),u.getOuterHeight(i.current));o.current.style.height=r+"px",o.current.style.width=r+"px"}o.current.style.top=t+"px",o.current.style.left=e+"px",u.addClass(o.current,"p-ink-active")}};return r((function(){o.current&&(i.current=a(),s())})),n((function(){o.current&&!i.current&&(i.current=a(),s())})),c((function(){o.current&&(i.current=null,i.current&&(i.current.removeEventListener("mousedown",p),u.isTouchDevice()&&i.current.removeEventListener("touchstart",l)))})),t.ripple?e.createElement("span",{role:"presentation",ref:o,className:"p-ink",onAnimationEnd:function(e){u.removeClass(e.currentTarget,"p-ink-active")}}):null})));o.displayName="Ripple",o.defaultProps={__TYPE:"Ripple"};export{o as Ripple};

package/ripple/ripple.js

@@ -36,16 +36,38 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils) {
       var bindEvents = function bindEvents() {
         if (targetRef.current) {
           targetRef.current.addEventListener('mousedown', onMouseDown);
+          utils.DomHandler.isTouchDevice() && targetRef.current.addEventListener('touchstart', onTouchStart);
         }
       };
 
       var unbindEvents = function unbindEvents() {
         if (targetRef.current) {
           targetRef.current.removeEventListener('mousedown', onMouseDown);
+          utils.DomHandler.isTouchDevice() && targetRef.current.removeEventListener('touchstart', onTouchStart);
         }
       };
 
+      var onTouchStart = function onTouchStart(event) {
+        isTouching.current = true;
+        var offset = utils.DomHandler.getOffset(targetRef.current);
+        var offsetX = event.targetTouches[0].pageX - offset.left + document.body.scrollTop - utils.DomHandler.getWidth(inkRef.current) / 2;
+        var offsetY = event.targetTouches[0].pageY - offset.top + document.body.scrollLeft - utils.DomHandler.getHeight(inkRef.current) / 2;
+        activateRipple(offsetX, offsetY);
+      };
+
       var onMouseDown = function onMouseDown(event) {
+        if (utils.DomHandler.isTouchDevice()) {
+          // already started ripple with onTouchStart
+          return;
+        }
+
+        var offset = utils.DomHandler.getOffset(targetRef.current);
+        var offsetX = event.pageX - offset.left + document.body.scrollTop - utils.DomHandler.getWidth(inkRef.current) / 2;
+        var offsetY = event.pageY - offset.top + document.body.scrollLeft - utils.DomHandler.getHeight(inkRef.current) / 2;
+        activateRipple(offsetX, offsetY);
+      };
+
+      var activateRipple = function activateRipple(offsetX, offsetY) {
         if (!inkRef.current || getComputedStyle(inkRef.current, null).display === 'none') {
           return;
         }
@@ -58,11 +80,8 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils) {
           inkRef.current.style.width = d + 'px';
         }
 
-        var offset = utils.DomHandler.getOffset(targetRef.current);
-        var x = event.pageX - offset.left + document.body.scrollTop - utils.DomHandler.getWidth(inkRef.current) / 2;
-        var y = event.pageY - offset.top + document.body.scrollLeft - utils.DomHandler.getHeight(inkRef.current) / 2;
-        inkRef.current.style.top = y + 'px';
-        inkRef.current.style.left = x + 'px';
+        inkRef.current.style.top = offsetY + 'px';
+        inkRef.current.style.left = offsetX + 'px';
         utils.DomHandler.addClass(inkRef.current, 'p-ink-active');
       };
 

package/ripple/ripple.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.ripple=function(e,t,r,n,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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(t),a=c(r),l=i.memo(i.forwardRef((function(){var e=i.useRef(null),t=i.useRef(null),r=function(){return e.current&&e.current.parentElement},c=function(){t.current&&t.current.addEventListener("mousedown",o)},o=function(r){if(e.current&&"none"!==getComputedStyle(e.current,null).display){if(u.DomHandler.removeClass(e.current,"p-ink-active"),!u.DomHandler.getHeight(e.current)&&!u.DomHandler.getWidth(e.current)){var n=Math.max(u.DomHandler.getOuterWidth(t.current),u.DomHandler.getOuterHeight(t.current));e.current.style.height=n+"px",e.current.style.width=n+"px"}var c=u.DomHandler.getOffset(t.current),o=r.pageX-c.left+document.body.scrollTop-u.DomHandler.getWidth(e.current)/2,i=r.pageY-c.top+document.body.scrollLeft-u.DomHandler.getHeight(e.current)/2;e.current.style.top=i+"px",e.current.style.left=o+"px",u.DomHandler.addClass(e.current,"p-ink-active")}};return n.useMountEffect((function(){e.current&&(t.current=r(),c())})),n.useUpdateEffect((function(){e.current&&!t.current&&(t.current=r(),c())})),n.useUnmountEffect((function(){e.current&&(t.current=null,t.current&&t.current.removeEventListener("mousedown",o))})),a.default.ripple?i.createElement("span",{role:"presentation",ref:e,className:"p-ink",onAnimationEnd:function(e){u.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}):null})));return l.displayName="Ripple",l.defaultProps={__TYPE:"Ripple"},e.Ripple=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.ripple=function(e,t,r,n,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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(t),a=c(r),l=i.memo(i.forwardRef((function(){var e=i.useRef(null),t=i.useRef(null),r=function(){return e.current&&e.current.parentElement},c=function(){t.current&&(t.current.addEventListener("mousedown",l),u.DomHandler.isTouchDevice()&&t.current.addEventListener("touchstart",o))},o=function(r){isTouching.current=!0;var n=u.DomHandler.getOffset(t.current),c=r.targetTouches[0].pageX-n.left+document.body.scrollTop-u.DomHandler.getWidth(e.current)/2,o=r.targetTouches[0].pageY-n.top+document.body.scrollLeft-u.DomHandler.getHeight(e.current)/2;d(c,o)},l=function(r){if(!u.DomHandler.isTouchDevice()){var n=u.DomHandler.getOffset(t.current),c=r.pageX-n.left+document.body.scrollTop-u.DomHandler.getWidth(e.current)/2,o=r.pageY-n.top+document.body.scrollLeft-u.DomHandler.getHeight(e.current)/2;d(c,o)}},d=function(r,n){if(e.current&&"none"!==getComputedStyle(e.current,null).display){if(u.DomHandler.removeClass(e.current,"p-ink-active"),!u.DomHandler.getHeight(e.current)&&!u.DomHandler.getWidth(e.current)){var c=Math.max(u.DomHandler.getOuterWidth(t.current),u.DomHandler.getOuterHeight(t.current));e.current.style.height=c+"px",e.current.style.width=c+"px"}e.current.style.top=n+"px",e.current.style.left=r+"px",u.DomHandler.addClass(e.current,"p-ink-active")}};return n.useMountEffect((function(){e.current&&(t.current=r(),c())})),n.useUpdateEffect((function(){e.current&&!t.current&&(t.current=r(),c())})),n.useUnmountEffect((function(){e.current&&(t.current=null,t.current&&(t.current.removeEventListener("mousedown",l),u.DomHandler.isTouchDevice()&&t.current.removeEventListener("touchstart",o)))})),a.default.ripple?i.createElement("span",{role:"presentation",ref:e,className:"p-ink",onAnimationEnd:function(e){u.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}):null})));return l.displayName="Ripple",l.defaultProps={__TYPE:"Ripple"},e.Ripple=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils);

package/row/row.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 export interface RowProps {
-    style?: object;
+    style?: React.CSSProperties;
     className?: string;
     children?: React.ReactNode;
 }

package/scrolltop/scrolltop.d.ts

@@ -12,7 +12,7 @@ export interface ScrollTopProps {
     icon?: IconType<ScrollTopProps>;
     behavior?: ScrollTopScrollBehavior;
     className?: string;
-    style?: object;
+    style?: React.CSSProperties;
     transitionOptions?: CSSTransitionProps;
     onShow?(): void;
     onHide?(): void;

package/sidebar/sidebar.d.ts

@@ -8,7 +8,7 @@ type SidebarTemplateType = React.ReactNode | ((props: SidebarProps) => React.Rea
 type SidebarAppendToType = 'self' | HTMLElement | undefined | null;
 
 export interface SidebarProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    maskStyle?: object;
+    maskStyle?: React.CSSProperties;
     maskClassName?: string;
     visible?: boolean;
     position?: SidebarPositionType;

package/slidemenu/slidemenu.cjs.js

@@ -375,6 +375,11 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   hooks.useUpdateEffect(function () {
     setLevelState(0);
   }, [props.model]);
+  hooks.useUpdateEffect(function () {
+    props.onNavigate && props.onNavigate({
+      level: levelState
+    });
+  }, [levelState]);
   hooks.useUnmountEffect(function () {
     utils.ZIndexUtils.clear(menuRef.current);
   });
@@ -384,6 +389,9 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       toggle: toggle,
       show: show,
       hide: hide,
+      navigateForward: navigateForward,
+      navigateBack: navigateBack,
+      setLevelState: setLevelState,
       getElement: function getElement() {
         return menuRef.current;
       }
@@ -461,22 +469,23 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
 SlideMenu.displayName = 'SlideMenu';
 SlideMenu.defaultProps = {
   __TYPE: 'SlideMenu',
-  id: null,
-  model: null,
-  popup: false,
-  style: null,
+  appendTo: null,
+  autoZIndex: true,
+  backLabel: 'Back',
+  baseZIndex: 0,
   className: null,
   easing: 'ease-out',
   effectDuration: 250,
-  backLabel: 'Back',
+  id: null,
   menuWidth: 190,
-  viewportHeight: 175,
-  autoZIndex: true,
-  baseZIndex: 0,
-  appendTo: null,
-  transitionOptions: null,
+  model: null,
+  onHide: null,
   onShow: null,
-  onHide: null
+  onNavigate: null,
+  popup: false,
+  style: null,
+  transitionOptions: null,
+  viewportHeight: 175
 };
 
 exports.SlideMenu = SlideMenu;

package/slidemenu/slidemenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),i=require("primereact/overlayservice"),a=require("primereact/portal"),o=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 c=u(e),s=l(t);function m(){return m=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},m.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){l=!0,i=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw i}}return a}}function d(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 b(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function v(){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 y(e,t){return p(e)||f(e,t)||b(e,t)||v()}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(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?h(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=c.memo((function(e){var t=y(c.useState(null),2),n=t[0],r=t[1],i=y(c.useState({}),2),a=i[0],l=i[1],u=function(t,n,i){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var o=p(n,i);l(O(O({},a),{},g({},o,!0))),r(n),e.onForward()}},s=function(e){return c.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},m=function(t,r){var i=a[p(t,r)];return t.items&&i?c.createElement(E,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n}):null},p=function(e,t){return e.label+"_"+t},f=function(t,r){if(!1===t.visible)return null;var i=p(t,r),a=n===t,l=o.classNames("p-menuitem",{"p-menuitem-active":a,"p-disabled":t.disabled},t.className),s=o.classNames("p-menuitem-icon",t.icon),f="p-submenu-icon pi pi-fw pi-angle-right",d=o.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&c.createElement("span",{className:"p-menuitem-text"},t.label),v=t.items&&c.createElement("span",{className:f}),y=m(t,r),g=c.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return u(e,t,r)},"aria-disabled":t.disabled},d,b,v);t.template&&(g=o.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:s,submenuIconClassName:f,element:g,props:e,active:a}));return c.createElement("li",{key:i,id:t.id,className:l,style:t.style},g,y)},d=function(e,t){return e.separator?s(t):f(e,t)},b={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},v=o.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),h=e.model?e.model.map(d):null;return c.createElement("ul",{className:v,style:b},h)}));E.displayName="SlideMenuSub";var w=c.memo(c.forwardRef((function(e,t){var l=y(c.useState(0),2),u=l[0],p=l[1],f=y(c.useState(!1),2),d=f[0],b=f[1],v=c.useRef(null),g=c.useRef(null),h=c.useRef(null),O=c.useRef(null),j=y(r.useOverlayListener({target:g,overlay:v,listener:function(e,t){t.valid&&A(e)},when:d}),2),N=j[0],x=j[1],S=function(t){e.popup&&i.OverlayService.emit("overlay-click",{originalEvent:t,target:g.current})},P=function(){p((function(e){return e+1}))},k=function(){p((function(e){return e-1}))},D=function(t){e.popup&&(d?A(t):I(t))},I=function(t){g.current=t.currentTarget,b(!0),e.onShow&&e.onShow(t)},A=function(t){g.current=t.currentTarget,b(!1),e.onHide&&e.onHide(t)},C=function(){e.autoZIndex&&o.ZIndexUtils.set("menu",v.current,s.default.autoZIndex,e.baseZIndex||s.default.zIndex.menu),o.DomHandler.absolutePosition(v.current,g.current)},T=function(){N()},U=function(){g.current=null,x()},W=function(){o.ZIndexUtils.clear(v.current),p(0)};r.useUpdateEffect((function(){p(0)}),[e.model]),r.useUnmountEffect((function(){o.ZIndexUtils.clear(v.current)})),c.useImperativeHandle(t,(function(){return{props:e,toggle:D,show:I,hide:A,getElement:function(){return v.current}}}));var Z=function(){var t=o.classNames("p-slidemenu-backward",{"p-hidden":0===u});return c.createElement("div",{ref:h,className:t,onClick:k},c.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),c.createElement("span",null,e.backLabel))},_=function(){var t=o.ObjectUtils.findDiffKeys(e,w.defaultProps),r=o.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.popup},e.className),i={height:e.viewportHeight+"px"},a=Z();return c.createElement(n.CSSTransition,{nodeRef:v,classNames:"p-connected-overlay",in:!e.popup||d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:T,onExit:U,onExited:W},c.createElement("div",m({ref:v,id:e.id,className:r,style:e.style},t,{onClick:S}),c.createElement("div",{className:"p-slidemenu-wrapper",style:i},c.createElement("div",{className:"p-slidemenu-content",ref:O},c.createElement(E,{menuProps:e,model:e.model,root:!0,index:0,menuWidth:e.menuWidth,effectDuration:e.effectDuration,level:u,parentActive:0===u,onForward:P})),a)))}();return e.popup?c.createElement(a.Portal,{element:_,appendTo:e.appendTo}):_})));w.displayName="SlideMenu",w.defaultProps={__TYPE:"SlideMenu",id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.SlideMenu=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/overlayservice"),i=require("primereact/portal"),o=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 c=u(e),s=l(t);function p(){return p=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},p.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw a}}return i}}function d(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 v(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function b(){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 y(e,t){return m(e)||f(e,t)||v(e,t)||b()}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(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?h(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=c.memo((function(e){var t=y(c.useState(null),2),n=t[0],r=t[1],a=y(c.useState({}),2),i=a[0],l=a[1],u=function(t,n,a){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var o=m(n,a);l(O(O({},i),{},g({},o,!0))),r(n),e.onForward()}},s=function(e){return c.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},p=function(t,r){var a=i[m(t,r)];return t.items&&a?c.createElement(E,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n}):null},m=function(e,t){return e.label+"_"+t},f=function(t,r){if(!1===t.visible)return null;var a=m(t,r),i=n===t,l=o.classNames("p-menuitem",{"p-menuitem-active":i,"p-disabled":t.disabled},t.className),s=o.classNames("p-menuitem-icon",t.icon),f="p-submenu-icon pi pi-fw pi-angle-right",d=o.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),v=t.label&&c.createElement("span",{className:"p-menuitem-text"},t.label),b=t.items&&c.createElement("span",{className:f}),y=p(t,r),g=c.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return u(e,t,r)},"aria-disabled":t.disabled},d,v,b);t.template&&(g=o.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:s,submenuIconClassName:f,element:g,props:e,active:i}));return c.createElement("li",{key:a,id:t.id,className:l,style:t.style},g,y)},d=function(e,t){return e.separator?s(t):f(e,t)},v={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},b=o.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),h=e.model?e.model.map(d):null;return c.createElement("ul",{className:b,style:v},h)}));E.displayName="SlideMenuSub";var w=c.memo(c.forwardRef((function(e,t){var l=y(c.useState(0),2),u=l[0],m=l[1],f=y(c.useState(!1),2),d=f[0],v=f[1],b=c.useRef(null),g=c.useRef(null),h=c.useRef(null),O=c.useRef(null),N=y(r.useOverlayListener({target:g,overlay:b,listener:function(e,t){t.valid&&U(e)},when:d}),2),j=N[0],x=N[1],S=function(t){e.popup&&a.OverlayService.emit("overlay-click",{originalEvent:t,target:g.current})},P=function(){m((function(e){return e+1}))},k=function(){m((function(e){return e-1}))},D=function(t){e.popup&&(d?U(t):I(t))},I=function(t){g.current=t.currentTarget,v(!0),e.onShow&&e.onShow(t)},U=function(t){g.current=t.currentTarget,v(!1),e.onHide&&e.onHide(t)},A=function(){e.autoZIndex&&o.ZIndexUtils.set("menu",b.current,s.default.autoZIndex,e.baseZIndex||s.default.zIndex.menu),o.DomHandler.absolutePosition(b.current,g.current)},C=function(){j()},T=function(){g.current=null,x()},W=function(){o.ZIndexUtils.clear(b.current),m(0)};r.useUpdateEffect((function(){m(0)}),[e.model]),r.useUpdateEffect((function(){e.onNavigate&&e.onNavigate({level:u})}),[u]),r.useUnmountEffect((function(){o.ZIndexUtils.clear(b.current)})),c.useImperativeHandle(t,(function(){return{props:e,toggle:D,show:I,hide:U,navigateForward:P,navigateBack:k,setLevelState:m,getElement:function(){return b.current}}}));var Z=function(){var t=o.classNames("p-slidemenu-backward",{"p-hidden":0===u});return c.createElement("div",{ref:h,className:t,onClick:k},c.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),c.createElement("span",null,e.backLabel))},_=function(){var t=o.ObjectUtils.findDiffKeys(e,w.defaultProps),r=o.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.popup},e.className),a={height:e.viewportHeight+"px"},i=Z();return c.createElement(n.CSSTransition,{nodeRef:b,classNames:"p-connected-overlay",in:!e.popup||d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:A,onEntered:C,onExit:T,onExited:W},c.createElement("div",p({ref:b,id:e.id,className:r,style:e.style},t,{onClick:S}),c.createElement("div",{className:"p-slidemenu-wrapper",style:a},c.createElement("div",{className:"p-slidemenu-content",ref:O},c.createElement(E,{menuProps:e,model:e.model,root:!0,index:0,menuWidth:e.menuWidth,effectDuration:e.effectDuration,level:u,parentActive:0===u,onForward:P})),i)))}();return e.popup?c.createElement(i.Portal,{element:_,appendTo:e.appendTo}):_})));w.displayName="SlideMenu",w.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},exports.SlideMenu=w;

package/slidemenu/slidemenu.d.ts

@@ -1,29 +1,37 @@
 import * as React from 'react';
-import { MenuItem } from '../menuitem';
 import { CSSTransitionProps } from '../csstransition';
+import { MenuItem } from '../menuitem';
 
 type SlideMenuAppendToType = 'self' | HTMLElement | undefined | null;
 
+interface SlideMenuNavigateParams {
+    level: number;
+}
+
 export interface SlideMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    model?: MenuItem[];
-    popup?: boolean;
+    appendTo?: SlideMenuAppendToType;
+    autoZIndex?: boolean;
+    backLabel?: string;
+    baseZIndex?: number;
+    children?: React.ReactNode;
     easing?: string;
     effectDuration?: number;
-    backLabel?: string;
     menuWidth?: number;
-    viewportHeight?: number;
-    autoZIndex?: boolean;
-    baseZIndex?: number;
-    appendTo?: SlideMenuAppendToType;
+    model?: MenuItem[];
+    popup?: boolean;
     transitionOptions?: CSSTransitionProps;
+    viewportHeight?: number;
     onShow?(e: React.SyntheticEvent): void;
     onHide?(e: React.SyntheticEvent): void;
-    children?: React.ReactNode;
+    onNavigate?(e: SlideMenuNavigateParams): void;
 }
 
 export declare class SlideMenu extends React.Component<SlideMenuProps, any> {
     public show(event: React.SyntheticEvent): void;
     public hide(event: React.SyntheticEvent): void;
     public toggle(event: React.SyntheticEvent): void;
+    public setLevelState(level: number): void;
+    public navigateForward(): void;
+    public navigateBack(): void;
     public getElement(): HTMLDivElement;
 }

package/slidemenu/slidemenu.esm.js

@@ -348,6 +348,11 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   useUpdateEffect(function () {
     setLevelState(0);
   }, [props.model]);
+  useUpdateEffect(function () {
+    props.onNavigate && props.onNavigate({
+      level: levelState
+    });
+  }, [levelState]);
   useUnmountEffect(function () {
     ZIndexUtils.clear(menuRef.current);
   });
@@ -357,6 +362,9 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       toggle: toggle,
       show: show,
       hide: hide,
+      navigateForward: navigateForward,
+      navigateBack: navigateBack,
+      setLevelState: setLevelState,
       getElement: function getElement() {
         return menuRef.current;
       }
@@ -434,22 +442,23 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 SlideMenu.displayName = 'SlideMenu';
 SlideMenu.defaultProps = {
   __TYPE: 'SlideMenu',
-  id: null,
-  model: null,
-  popup: false,
-  style: null,
+  appendTo: null,
+  autoZIndex: true,
+  backLabel: 'Back',
+  baseZIndex: 0,
   className: null,
   easing: 'ease-out',
   effectDuration: 250,
-  backLabel: 'Back',
+  id: null,
   menuWidth: 190,
-  viewportHeight: 175,
-  autoZIndex: true,
-  baseZIndex: 0,
-  appendTo: null,
-  transitionOptions: null,
+  model: null,
+  onHide: null,
   onShow: null,
-  onHide: null
+  onNavigate: null,
+  popup: false,
+  style: null,
+  transitionOptions: null,
+  viewportHeight: 175
 };
 
 export { SlideMenu };

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 b(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 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 h(){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 g(e,t){return d(e)||b(e,t)||y(e,t)||h()}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=g(e.useState(null),2),r=n[0],i=n[1],o=g(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},b=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),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),h=n.items&&e.createElement("span",{className:b}),g=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},v,y,h);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:b,element:w,props:t,active:a}));return e.createElement("li",{key:o,id:n.id,className:l,style:n.style},w,g)},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},h=u({"p-slidemenu-rootlist":t.root,"p-submenu-list":!t.root,"p-active-submenu":t.parentActive}),E=t.model?t.model.map(v):null;return e.createElement("ul",{className:h,style:y},E)}));N.displayName="SlideMenuSub";var x=e.memo(e.forwardRef((function(c,d){var b=g(e.useState(0),2),v=b[0],y=b[1],h=g(e.useState(!1),2),w=h[0],E=h[1],O=e.useRef(null),S=e.useRef(null),P=e.useRef(null),j=e.useRef(null),k=g(r({target:S,overlay:O,listener:function(e,t){t.valid&&R(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?R(e):H(e))},H=function(e){S.current=e.currentTarget,E(!0),c.onShow&&c.onShow(e)},R=function(e){S.current=e.currentTarget,E(!1),c.onHide&&c.onHide(e)},F=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]),o((function(){m.clear(O.current)})),e.useImperativeHandle(d,(function(){return{props:c,toggle:W,show:H,hide:R,getElement:function(){return O.current}}}));var J=function(){var t=u("p-slidemenu-backward",{"p-hidden":0===v});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))},L=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=J();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:F,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:v,parentActive:0===v,onForward:C})),o)))}();return c.popup?e.createElement(l,{element:L,appendTo:c.appendTo}):L})));x.displayName="SlideMenu",x.defaultProps={__TYPE:"SlideMenu",id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null};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 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};

package/slidemenu/slidemenu.js

@@ -367,6 +367,11 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
     hooks.useUpdateEffect(function () {
       setLevelState(0);
     }, [props.model]);
+    hooks.useUpdateEffect(function () {
+      props.onNavigate && props.onNavigate({
+        level: levelState
+      });
+    }, [levelState]);
     hooks.useUnmountEffect(function () {
       utils.ZIndexUtils.clear(menuRef.current);
     });
@@ -376,6 +381,9 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
         toggle: toggle,
         show: show,
         hide: hide,
+        navigateForward: navigateForward,
+        navigateBack: navigateBack,
+        setLevelState: setLevelState,
         getElement: function getElement() {
           return menuRef.current;
         }
@@ -453,22 +461,23 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
   SlideMenu.displayName = 'SlideMenu';
   SlideMenu.defaultProps = {
     __TYPE: 'SlideMenu',
-    id: null,
-    model: null,
-    popup: false,
-    style: null,
+    appendTo: null,
+    autoZIndex: true,
+    backLabel: 'Back',
+    baseZIndex: 0,
     className: null,
     easing: 'ease-out',
     effectDuration: 250,
-    backLabel: 'Back',
+    id: null,
     menuWidth: 190,
-    viewportHeight: 175,
-    autoZIndex: true,
-    baseZIndex: 0,
-    appendTo: null,
-    transitionOptions: null,
+    model: null,
+    onHide: null,
     onShow: null,
-    onHide: null
+    onNavigate: null,
+    popup: false,
+    style: null,
+    transitionOptions: null,
+    viewportHeight: 175
   };
 
   exports.SlideMenu = SlideMenu;

package/slidemenu/slidemenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,t,n,r,i,a,o,l){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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=c(t),m=u(n);function p(){return p=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},p.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){l=!0,i=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw i}}return a}}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 v(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 y(){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 f(e)||d(e,t)||v(e,t)||y()}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(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 E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=s.memo((function(e){var t=h(s.useState(null),2),n=t[0],r=t[1],i=h(s.useState({}),2),a=i[0],o=i[1],u=function(t,n,i){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var l=p(n,i);o(E(E({},a),{},g({},l,!0))),r(n),e.onForward()}},c=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},m=function(t,r){var i=a[p(t,r)];return t.items&&i?s.createElement(w,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n}):null},p=function(e,t){return e.label+"_"+t},f=function(t,r){if(!1===t.visible)return null;var i=p(t,r),a=n===t,o=l.classNames("p-menuitem",{"p-menuitem-active":a,"p-disabled":t.disabled},t.className),c=l.classNames("p-menuitem-icon",t.icon),f="p-submenu-icon pi pi-fw pi-angle-right",d=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),v=t.items&&s.createElement("span",{className:f}),y=m(t,r),h=s.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return u(e,t,r)},"aria-disabled":t.disabled},d,b,v);t.template&&(h=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:c,submenuIconClassName:f,element:h,props:e,active:a}));return s.createElement("li",{key:i,id:t.id,className:o,style:t.style},h,y)},d=function(e,t){return e.separator?c(t):f(e,t)},b={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},v=l.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),y=e.model?e.model.map(d):null;return s.createElement("ul",{className:v,style:b},y)}));w.displayName="SlideMenuSub";var j=s.memo(s.forwardRef((function(e,t){var n=h(s.useState(0),2),u=n[0],c=n[1],f=h(s.useState(!1),2),d=f[0],b=f[1],v=s.useRef(null),y=s.useRef(null),g=s.useRef(null),O=s.useRef(null),E=h(i.useOverlayListener({target:y,overlay:v,listener:function(e,t){t.valid&&A(e)},when:d}),2),N=E[0],S=E[1],x=function(t){e.popup&&a.OverlayService.emit("overlay-click",{originalEvent:t,target:y.current})},P=function(){c((function(e){return e+1}))},k=function(){c((function(e){return e-1}))},D=function(t){e.popup&&(d?A(t):I(t))},I=function(t){y.current=t.currentTarget,b(!0),e.onShow&&e.onShow(t)},A=function(t){y.current=t.currentTarget,b(!1),e.onHide&&e.onHide(t)},C=function(){e.autoZIndex&&l.ZIndexUtils.set("menu",v.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),l.DomHandler.absolutePosition(v.current,y.current)},T=function(){N()},U=function(){y.current=null,S()},W=function(){l.ZIndexUtils.clear(v.current),c(0)};i.useUpdateEffect((function(){c(0)}),[e.model]),i.useUnmountEffect((function(){l.ZIndexUtils.clear(v.current)})),s.useImperativeHandle(t,(function(){return{props:e,toggle:D,show:I,hide:A,getElement:function(){return v.current}}}));var Z=function(){var t=l.classNames("p-slidemenu-backward",{"p-hidden":0===u});return s.createElement("div",{ref:g,className:t,onClick:k},s.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),s.createElement("span",null,e.backLabel))},_=function(){var t=l.ObjectUtils.findDiffKeys(e,j.defaultProps),n=l.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.popup},e.className),i={height:e.viewportHeight+"px"},a=Z();return s.createElement(r.CSSTransition,{nodeRef:v,classNames:"p-connected-overlay",in:!e.popup||d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:T,onExit:U,onExited:W},s.createElement("div",p({ref:v,id:e.id,className:n,style:e.style},t,{onClick:x}),s.createElement("div",{className:"p-slidemenu-wrapper",style:i},s.createElement("div",{className:"p-slidemenu-content",ref:O},s.createElement(w,{menuProps:e,model:e.model,root:!0,index:0,menuWidth:e.menuWidth,effectDuration:e.effectDuration,level:u,parentActive:0===u,onForward:P})),a)))}();return e.popup?s.createElement(o.Portal,{element:_,appendTo:e.appendTo}):_})));return j.displayName="SlideMenu",j.defaultProps={__TYPE:"SlideMenu",id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.SlideMenu=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,t,n,r,a,i,o,l){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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=c(t),m=u(n);function p(){return p=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},p.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw a}}return i}}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 b(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 y(){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 g(e,t){return f(e)||d(e,t)||b(e,t)||y()}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(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 E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=s.memo((function(e){var t=g(s.useState(null),2),n=t[0],r=t[1],a=g(s.useState({}),2),i=a[0],o=a[1],u=function(t,n,a){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var l=p(n,a);o(E(E({},i),{},h({},l,!0))),r(n),e.onForward()}},c=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},m=function(t,r){var a=i[p(t,r)];return t.items&&a?s.createElement(w,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n}):null},p=function(e,t){return e.label+"_"+t},f=function(t,r){if(!1===t.visible)return null;var a=p(t,r),i=n===t,o=l.classNames("p-menuitem",{"p-menuitem-active":i,"p-disabled":t.disabled},t.className),c=l.classNames("p-menuitem-icon",t.icon),f="p-submenu-icon pi pi-fw pi-angle-right",d=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),v=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),b=t.items&&s.createElement("span",{className:f}),y=m(t,r),g=s.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return u(e,t,r)},"aria-disabled":t.disabled},d,v,b);t.template&&(g=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:c,submenuIconClassName:f,element:g,props:e,active:i}));return s.createElement("li",{key:a,id:t.id,className:o,style:t.style},g,y)},d=function(e,t){return e.separator?c(t):f(e,t)},v={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},b=l.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),y=e.model?e.model.map(d):null;return s.createElement("ul",{className:b,style:v},y)}));w.displayName="SlideMenuSub";var N=s.memo(s.forwardRef((function(e,t){var n=g(s.useState(0),2),u=n[0],c=n[1],f=g(s.useState(!1),2),d=f[0],v=f[1],b=s.useRef(null),y=s.useRef(null),h=s.useRef(null),O=s.useRef(null),E=g(a.useOverlayListener({target:y,overlay:b,listener:function(e,t){t.valid&&U(e)},when:d}),2),j=E[0],S=E[1],x=function(t){e.popup&&i.OverlayService.emit("overlay-click",{originalEvent:t,target:y.current})},P=function(){c((function(e){return e+1}))},k=function(){c((function(e){return e-1}))},D=function(t){e.popup&&(d?U(t):I(t))},I=function(t){y.current=t.currentTarget,v(!0),e.onShow&&e.onShow(t)},U=function(t){y.current=t.currentTarget,v(!1),e.onHide&&e.onHide(t)},A=function(){e.autoZIndex&&l.ZIndexUtils.set("menu",b.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),l.DomHandler.absolutePosition(b.current,y.current)},C=function(){j()},T=function(){y.current=null,S()},W=function(){l.ZIndexUtils.clear(b.current),c(0)};a.useUpdateEffect((function(){c(0)}),[e.model]),a.useUpdateEffect((function(){e.onNavigate&&e.onNavigate({level:u})}),[u]),a.useUnmountEffect((function(){l.ZIndexUtils.clear(b.current)})),s.useImperativeHandle(t,(function(){return{props:e,toggle:D,show:I,hide:U,navigateForward:P,navigateBack:k,setLevelState:c,getElement:function(){return b.current}}}));var Z=function(){var t=l.classNames("p-slidemenu-backward",{"p-hidden":0===u});return s.createElement("div",{ref:h,className:t,onClick:k},s.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),s.createElement("span",null,e.backLabel))},_=function(){var t=l.ObjectUtils.findDiffKeys(e,N.defaultProps),n=l.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.popup},e.className),a={height:e.viewportHeight+"px"},i=Z();return s.createElement(r.CSSTransition,{nodeRef:b,classNames:"p-connected-overlay",in:!e.popup||d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:A,onEntered:C,onExit:T,onExited:W},s.createElement("div",p({ref:b,id:e.id,className:n,style:e.style},t,{onClick:x}),s.createElement("div",{className:"p-slidemenu-wrapper",style:a},s.createElement("div",{className:"p-slidemenu-content",ref:O},s.createElement(w,{menuProps:e,model:e.model,root:!0,index:0,menuWidth:e.menuWidth,effectDuration:e.effectDuration,level:u,parentActive:0===u,onForward:P})),i)))}();return e.popup?s.createElement(o.Portal,{element:_,appendTo:e.appendTo}):_})));return N.displayName="SlideMenu",N.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},e.SlideMenu=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils);

package/speeddial/speeddial.d.ts

@@ -27,10 +27,10 @@ export interface SpeedDialProps extends Omit<React.DetailedHTMLProps<React.HTMLA
     mask?: boolean;
     disabled?: boolean;
     hideOnClickOutside?: boolean;
-    buttonStyle?: object;
+    buttonStyle?: React.CSSProperties;
     buttonClassName?: string;
     buttonTemplate?: SpeedDialButtonTemplateType;
-    maskStyle?: object;
+    maskStyle?: React.CSSProperties;
     maskClassName?: string;
     showIcon?: IconType<SpeedDialProps>;
     hideIcon?: IconType<SpeedDialProps>;

package/splitbutton/splitbutton.d.ts

@@ -15,7 +15,7 @@ export interface SplitButtonProps extends Omit<React.DetailedHTMLProps<React.HTM
     disabled?: boolean;
     visible?: boolean;
     buttonClassName?: string;
-    menuStyle?: object;
+    menuStyle?: React.CSSProperties;
     menuClassName?: string;
     menuButtonClassName?: string;
     buttonProps?: any;