primereact 10.9.6 → 10.9.7

package/slidemenu/slidemenu.cjs.js

@@ -270,13 +270,14 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     var key = props.id + '_sep_' + index;
     var separatorProps = mergeProps({
       id: key,
-      key: key,
       className: cx('separator'),
       role: 'separator'
     }, ptm('separator', {
       hostName: props.hostName
     }));
-    return /*#__PURE__*/React__namespace.createElement("li", separatorProps);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, separatorProps, {
+      key: key
+    }));
   };
   var createSubmenu = function createSubmenu(item, index) {
     var shouldRender = renderSubMenu[createKey(item, index)];
@@ -352,14 +353,15 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     }
     var menuitemProps = mergeProps({
       id: key,
-      key: key,
       className: cx('menuitem', {
         active: active,
         item: item
       }),
       style: item.style
     }, getPTOptions(item, 'menuitem'));
-    return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, content, submenu);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, menuitemProps, {
+      key: key
+    }), content, submenu);
   };
   var createItem = function createItem(item, index) {
     if (item.visible === false) {

package/slidemenu/slidemenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/icons/chevronleft"),a=require("primereact/overlayservice"),u=require("primereact/portal"),l=require("primereact/utils"),s=require("primereact/icons/angleright");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=p(e),d=c(n);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(null,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function v(e,n){if("object"!=b(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=v(e,"string");return"symbol"==b(n)?n:n+""}function g(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],l=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw i}}return u}}function w(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function S(e,n){if(e){if("string"==typeof e)return w(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?w(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,n){return h(e)||O(e,n)||S(e,n)||E()}var I=t.ComponentBase.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return l.classNames("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){return l.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.props.popup})},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return l.classNames({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return l.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=m.memo((function(e){var n=x(m.useState(null),2),t=n[0],r=n[1],o=x(m.useState({}),2),a=o[0],u=o[1],c=i.useMergeProps(),p=e.ptm,d=e.cx,f=e.sx,b=function(n,r){return p(r,{hostName:e.hostName,context:{active:t===n}})},v=function(n,t,i){if(t.disabled)n.preventDefault();else{if(t.command&&t.command({originalEvent:n,item:t}),t.items){var o=O(t,i);u(N(N({},a),{},g({},o,!0))),r(t),e.onForward()}t.url||(n.preventDefault(),n.stopPropagation())}},y=function(n){var t=e.id+"_sep_"+n,r=c({id:t,key:t,className:d("separator"),role:"separator"},p("separator",{hostName:e.hostName}));return m.createElement("li",r)},h=function(n,r){var i=a[O(n,r)];return n.items&&i?m.createElement(j,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:n===t,submenuIcon:e.submenuIcon,ptm:p,cx:d,sx:f}):null},O=function(n,t){return n.id||e.id+"_"+t},w=function(n,r){if(!1===n.visible)return null;var i=O(n,r),o=t===n,a=l.classNames("p-menuitem-icon",n.icon),u=c({className:d("icon")},b(n,"icon")),p=l.IconUtils.getJSXIcon(n.icon,N({},u),{props:e.menuProps}),f=c({className:d("submenuIcon")},b(n,"submenuIcon")),y=c({className:d("label")},b(n,"label")),g=n.items&&l.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(s.AngleRightIcon,f),N({},f),{props:e}),w=n.label&&m.createElement("span",y,n.label),S=h(n,r),E=c({href:n.url||"#",className:d("action"),target:n.target,onClick:function(e){return v(e,n,r)},"aria-disabled":n.disabled},b(n,"action")),x=m.createElement("a",E,p,w,g);n.template&&(x=l.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return v(e,n,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:"p-submenu-icon",element:x,props:e,active:o}));var I=c({id:i,key:i,className:d("menuitem",{active:o,item:n}),style:n.style},b(n,"menuitem"));return m.createElement("li",I,x,S)},S=e.model?e.model.map((function(e,n){return!1===e.visible?null:e.separator?y(n):w(e,n)})):null,E=c({className:d("menu",{subProps:e}),style:f("menu",{subProps:e})},p("menu",{hostName:e.hostName}));return m.createElement("ul",E,S)}));function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}j.displayName="SlideMenuSub";var C=m.memo(m.forwardRef((function(e,s){var c=i.useMergeProps(),p=m.useContext(n.PrimeReactContext),b=I.getProps(e,p),v=x(m.useState(b.id),2),y=v[0],g=v[1],h=x(m.useState(0),2),O=h[0],w=h[1],S=x(m.useState(!1),2),E=S[0],P=S[1],N=I.setMetaData({props:b,state:{id:y,visible:E,level:O}}),k=N.ptm,C=N.cx,U=N.sx;t.useHandleStyle(I.css.styles,N.isUnstyled,{name:"slidemenu"});var _=m.useRef(null),M=m.useRef(null),H=m.useRef(null),q=m.useRef(null),A=E&&b.popup&&b.closeOnEscape,T=i.useDisplayOrder("slide-menu",A);i.useGlobalOnEscapeKey({callback:function(e){z(e)},when:A&&T,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU,T]});var R=x(i.useOverlayListener({target:M,overlay:_,listener:function(e,n){n.valid&&("outside"===n.type||p.hideOverlaysOnDocumentScrolling?z(e):l.DomHandler.isDocument(e.target)||l.DomHandler.absolutePosition(_.current,M.current))},when:E}),2),Z=R[0],L=R[1],W=function(){w((function(e){return e+1}))},F=function(){w((function(e){return e-1}))},J=function(e){b.popup&&(E?z(e):X(e))},X=function(e){M.current=e.currentTarget,P(!0),b.onShow&&b.onShow(e)},z=function(e){M.current=e.currentTarget,P(!1),b.onHide&&b.onHide(e)},B=function(){b.autoZIndex&&l.ZIndexUtils.set("menu",_.current,p&&p.autoZIndex||d.default.autoZIndex,b.baseZIndex||p&&p.zIndex.menu||d.default.zIndex.menu),l.DomHandler.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),l.DomHandler.absolutePosition(_.current,M.current)},G=function(){Z()},K=function(){M.current=null,L()},Y=function(){l.ZIndexUtils.clear(_.current),w(0)};i.useMountEffect((function(){y||g(l.UniqueComponentId())})),i.useUpdateEffect((function(){w(0)}),[b.model]),i.useUpdateEffect((function(){b.onNavigate&&b.onNavigate({level:O})}),[O]),i.useUnmountEffect((function(){l.ZIndexUtils.clear(_.current)})),m.useImperativeHandle(s,(function(){return{props:b,toggle:J,show:X,hide:z,navigateForward:W,navigateBack:F,setLevelState:w,getElement:function(){return _.current}}}));var $=function(){var e=c({className:C("previousIcon")},k("previousIcon")),n=l.IconUtils.getJSXIcon(b.backIcon||m.createElement(o.ChevronLeftIcon,e),D({},e),{props:b}),t=c(k("previousLabel")),r=c({ref:H,className:C("previous",{levelState:O}),onClick:function(e){return F()}},k("previous"));return m.createElement("div",r,n,m.createElement("span",t,b.backLabel))},Q=function(){var e={height:b.viewportHeight+"px"},n=$(),t=c({ref:_,id:b.id,className:l.classNames(b.className,C("root")),style:b.style,onClick:function(e){return n=e,void(b.popup&&a.OverlayService.emit("overlay-click",{originalEvent:n,target:M.current}));var n}},I.getOtherProps(b),k("root")),i=c({className:C("wrapper"),style:e},k("wrapper")),o=c({ref:q,className:C("content")},k("content")),u=c({classNames:C("transition"),in:!b.popup||E,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:B,onEntered:G,onExit:K,onExited:Y},k("transition"));return m.createElement(r.CSSTransition,f({nodeRef:_},u),m.createElement("div",t,m.createElement("div",i,m.createElement("div",o,m.createElement(j,{id:y,hostName:"SlideMenu",menuProps:b,model:b.model,root:!0,index:0,menuWidth:b.menuWidth,effectDuration:b.effectDuration,level:O,parentActive:0===O,onForward:W,submenuIcon:b.submenuIcon,ptm:k,cx:C,sx:U}))),n))}();return b.popup?m.createElement(u.Portal,{element:Q,appendTo:b.appendTo}):Q})));C.displayName="SlideMenu",exports.SlideMenu=C;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/icons/chevronleft"),a=require("primereact/overlayservice"),u=require("primereact/portal"),l=require("primereact/utils"),s=require("primereact/icons/angleright");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=p(e),d=c(n);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(null,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function v(e,n){if("object"!=b(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=v(e,"string");return"symbol"==b(n)?n:n+""}function g(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],l=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw i}}return u}}function w(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function S(e,n){if(e){if("string"==typeof e)return w(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?w(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,n){return h(e)||O(e,n)||S(e,n)||E()}var I=t.ComponentBase.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return l.classNames("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){return l.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.props.popup})},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return l.classNames({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return l.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=m.memo((function(e){var n=x(m.useState(null),2),t=n[0],r=n[1],o=x(m.useState({}),2),a=o[0],u=o[1],c=i.useMergeProps(),p=e.ptm,d=e.cx,b=e.sx,v=function(n,r){return p(r,{hostName:e.hostName,context:{active:t===n}})},y=function(n,t,i){if(t.disabled)n.preventDefault();else{if(t.command&&t.command({originalEvent:n,item:t}),t.items){var o=w(t,i);u(N(N({},a),{},g({},o,!0))),r(t),e.onForward()}t.url||(n.preventDefault(),n.stopPropagation())}},h=function(n){var t=e.id+"_sep_"+n,r=c({id:t,className:d("separator"),role:"separator"},p("separator",{hostName:e.hostName}));return m.createElement("li",f({},r,{key:t}))},O=function(n,r){var i=a[w(n,r)];return n.items&&i?m.createElement(j,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:n===t,submenuIcon:e.submenuIcon,ptm:p,cx:d,sx:b}):null},w=function(n,t){return n.id||e.id+"_"+t},S=function(n,r){if(!1===n.visible)return null;var i=w(n,r),o=t===n,a=l.classNames("p-menuitem-icon",n.icon),u=c({className:d("icon")},v(n,"icon")),p=l.IconUtils.getJSXIcon(n.icon,N({},u),{props:e.menuProps}),b=c({className:d("submenuIcon")},v(n,"submenuIcon")),g=c({className:d("label")},v(n,"label")),h=n.items&&l.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(s.AngleRightIcon,b),N({},b),{props:e}),S=n.label&&m.createElement("span",g,n.label),E=O(n,r),x=c({href:n.url||"#",className:d("action"),target:n.target,onClick:function(e){return y(e,n,r)},"aria-disabled":n.disabled},v(n,"action")),I=m.createElement("a",x,p,S,h);n.template&&(I=l.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return y(e,n,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:"p-submenu-icon",element:I,props:e,active:o}));var P=c({id:i,className:d("menuitem",{active:o,item:n}),style:n.style},v(n,"menuitem"));return m.createElement("li",f({},P,{key:i}),I,E)},E=e.model?e.model.map((function(e,n){return!1===e.visible?null:e.separator?h(n):S(e,n)})):null,I=c({className:d("menu",{subProps:e}),style:b("menu",{subProps:e})},p("menu",{hostName:e.hostName}));return m.createElement("ul",I,E)}));function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}j.displayName="SlideMenuSub";var C=m.memo(m.forwardRef((function(e,s){var c=i.useMergeProps(),p=m.useContext(n.PrimeReactContext),b=I.getProps(e,p),v=x(m.useState(b.id),2),y=v[0],g=v[1],h=x(m.useState(0),2),O=h[0],w=h[1],S=x(m.useState(!1),2),E=S[0],P=S[1],N=I.setMetaData({props:b,state:{id:y,visible:E,level:O}}),k=N.ptm,C=N.cx,U=N.sx;t.useHandleStyle(I.css.styles,N.isUnstyled,{name:"slidemenu"});var _=m.useRef(null),M=m.useRef(null),H=m.useRef(null),q=m.useRef(null),A=E&&b.popup&&b.closeOnEscape,T=i.useDisplayOrder("slide-menu",A);i.useGlobalOnEscapeKey({callback:function(e){z(e)},when:A&&T,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU,T]});var R=x(i.useOverlayListener({target:M,overlay:_,listener:function(e,n){n.valid&&("outside"===n.type||p.hideOverlaysOnDocumentScrolling?z(e):l.DomHandler.isDocument(e.target)||l.DomHandler.absolutePosition(_.current,M.current))},when:E}),2),Z=R[0],L=R[1],W=function(){w((function(e){return e+1}))},F=function(){w((function(e){return e-1}))},J=function(e){b.popup&&(E?z(e):X(e))},X=function(e){M.current=e.currentTarget,P(!0),b.onShow&&b.onShow(e)},z=function(e){M.current=e.currentTarget,P(!1),b.onHide&&b.onHide(e)},B=function(){b.autoZIndex&&l.ZIndexUtils.set("menu",_.current,p&&p.autoZIndex||d.default.autoZIndex,b.baseZIndex||p&&p.zIndex.menu||d.default.zIndex.menu),l.DomHandler.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),l.DomHandler.absolutePosition(_.current,M.current)},G=function(){Z()},K=function(){M.current=null,L()},Y=function(){l.ZIndexUtils.clear(_.current),w(0)};i.useMountEffect((function(){y||g(l.UniqueComponentId())})),i.useUpdateEffect((function(){w(0)}),[b.model]),i.useUpdateEffect((function(){b.onNavigate&&b.onNavigate({level:O})}),[O]),i.useUnmountEffect((function(){l.ZIndexUtils.clear(_.current)})),m.useImperativeHandle(s,(function(){return{props:b,toggle:J,show:X,hide:z,navigateForward:W,navigateBack:F,setLevelState:w,getElement:function(){return _.current}}}));var $=function(){var e=c({className:C("previousIcon")},k("previousIcon")),n=l.IconUtils.getJSXIcon(b.backIcon||m.createElement(o.ChevronLeftIcon,e),D({},e),{props:b}),t=c(k("previousLabel")),r=c({ref:H,className:C("previous",{levelState:O}),onClick:function(e){return F()}},k("previous"));return m.createElement("div",r,n,m.createElement("span",t,b.backLabel))},Q=function(){var e={height:b.viewportHeight+"px"},n=$(),t=c({ref:_,id:b.id,className:l.classNames(b.className,C("root")),style:b.style,onClick:function(e){return n=e,void(b.popup&&a.OverlayService.emit("overlay-click",{originalEvent:n,target:M.current}));var n}},I.getOtherProps(b),k("root")),i=c({className:C("wrapper"),style:e},k("wrapper")),o=c({ref:q,className:C("content")},k("content")),u=c({classNames:C("transition"),in:!b.popup||E,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:B,onEntered:G,onExit:K,onExited:Y},k("transition"));return m.createElement(r.CSSTransition,f({nodeRef:_},u),m.createElement("div",t,m.createElement("div",i,m.createElement("div",o,m.createElement(j,{id:y,hostName:"SlideMenu",menuProps:b,model:b.model,root:!0,index:0,menuWidth:b.menuWidth,effectDuration:b.effectDuration,level:O,parentActive:0===O,onForward:W,submenuIcon:b.submenuIcon,ptm:k,cx:C,sx:U}))),n))}();return b.popup?m.createElement(u.Portal,{element:Q,appendTo:b.appendTo}):Q})));C.displayName="SlideMenu",exports.SlideMenu=C;

package/slidemenu/slidemenu.esm.js

@@ -243,13 +243,14 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
     var key = props.id + '_sep_' + index;
     var separatorProps = mergeProps({
       id: key,
-      key: key,
       className: cx('separator'),
       role: 'separator'
     }, ptm('separator', {
       hostName: props.hostName
     }));
-    return /*#__PURE__*/React.createElement("li", separatorProps);
+    return /*#__PURE__*/React.createElement("li", _extends({}, separatorProps, {
+      key: key
+    }));
   };
   var createSubmenu = function createSubmenu(item, index) {
     var shouldRender = renderSubMenu[createKey(item, index)];
@@ -325,14 +326,15 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
     }
     var menuitemProps = mergeProps({
       id: key,
-      key: key,
       className: cx('menuitem', {
         active: active,
         item: item
       }),
       style: item.style
     }, getPTOptions(item, 'menuitem'));
-    return /*#__PURE__*/React.createElement("li", menuitemProps, content, submenu);
+    return /*#__PURE__*/React.createElement("li", _extends({}, menuitemProps, {
+      key: key
+    }), content, submenu);
   };
   var createItem = function createItem(item, index) {
     if (item.visible === false) {

package/slidemenu/slidemenu.esm.min.js

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

package/slidemenu/slidemenu.js

@@ -258,13 +258,14 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
       var key = props.id + '_sep_' + index;
       var separatorProps = mergeProps({
         id: key,
-        key: key,
         className: cx('separator'),
         role: 'separator'
       }, ptm('separator', {
         hostName: props.hostName
       }));
-      return /*#__PURE__*/React__namespace.createElement("li", separatorProps);
+      return /*#__PURE__*/React__namespace.createElement("li", _extends({}, separatorProps, {
+        key: key
+      }));
     };
     var createSubmenu = function createSubmenu(item, index) {
       var shouldRender = renderSubMenu[createKey(item, index)];
@@ -340,14 +341,15 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
       }
       var menuitemProps = mergeProps({
         id: key,
-        key: key,
         className: cx('menuitem', {
           active: active,
           item: item
         }),
         style: item.style
       }, getPTOptions(item, 'menuitem'));
-      return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, content, submenu);
+      return /*#__PURE__*/React__namespace.createElement("li", _extends({}, menuitemProps, {
+        key: key
+      }), content, submenu);
     };
     var createItem = function createItem(item, index) {
       if (item.visible === false) {

package/slidemenu/slidemenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,n,t,r,i,o,a,u,l,s,c){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=m(n),f=p(t);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},b.apply(null,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function y(e,n){if("object"!=v(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"==v(n)?n:n+""}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function w(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],l=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw i}}return u}}function S(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function E(e,n){if(e){if("string"==typeof e)return S(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?S(e,n):void 0}}function I(){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 P(e,n){return O(e)||w(e,n)||E(e,n)||I()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return s.classNames("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){return s.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.props.popup})},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return s.classNames({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return s.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function N(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=d.memo((function(e){var n=P(d.useState(null),2),t=n[0],r=n[1],i=P(d.useState({}),2),a=i[0],u=i[1],l=o.useMergeProps(),p=e.ptm,m=e.cx,f=e.sx,b=function(n,r){return p(r,{hostName:e.hostName,context:{active:t===n}})},v=function(n,t,i){if(t.disabled)n.preventDefault();else{if(t.command&&t.command({originalEvent:n,item:t}),t.items){var o=O(t,i);u(j(j({},a),{},h({},o,!0))),r(t),e.onForward()}t.url||(n.preventDefault(),n.stopPropagation())}},y=function(n){var t=e.id+"_sep_"+n,r=l({id:t,key:t,className:m("separator"),role:"separator"},p("separator",{hostName:e.hostName}));return d.createElement("li",r)},g=function(n,r){var i=a[O(n,r)];return n.items&&i?d.createElement(k,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:n===t,submenuIcon:e.submenuIcon,ptm:p,cx:m,sx:f}):null},O=function(n,t){return n.id||e.id+"_"+t},w=function(n,r){if(!1===n.visible)return null;var i=O(n,r),o=t===n,a=s.classNames("p-menuitem-icon",n.icon),u=l({className:m("icon")},b(n,"icon")),p=s.IconUtils.getJSXIcon(n.icon,j({},u),{props:e.menuProps}),f=l({className:m("submenuIcon")},b(n,"submenuIcon")),y=l({className:m("label")},b(n,"label")),h=n.items&&s.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(c.AngleRightIcon,f),j({},f),{props:e}),w=n.label&&d.createElement("span",y,n.label),S=g(n,r),E=l({href:n.url||"#",className:m("action"),target:n.target,onClick:function(e){return v(e,n,r)},"aria-disabled":n.disabled},b(n,"action")),I=d.createElement("a",E,p,w,h);n.template&&(I=s.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return v(e,n,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:"p-submenu-icon",element:I,props:e,active:o}));var P=l({id:i,key:i,className:m("menuitem",{active:o,item:n}),style:n.style},b(n,"menuitem"));return d.createElement("li",P,I,S)},S=e.model?e.model.map((function(e,n){return!1===e.visible?null:e.separator?y(n):w(e,n)})):null,E=l({className:m("menu",{subProps:e}),style:f("menu",{subProps:e})},p("menu",{hostName:e.hostName}));return d.createElement("ul",E,S)}));function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function C(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}k.displayName="SlideMenuSub";var U=d.memo(d.forwardRef((function(e,n){var c=o.useMergeProps(),p=d.useContext(t.PrimeReactContext),m=x.getProps(e,p),v=P(d.useState(m.id),2),y=v[0],g=v[1],h=P(d.useState(0),2),O=h[0],w=h[1],S=P(d.useState(!1),2),E=S[0],I=S[1],N=x.setMetaData({props:m,state:{id:y,visible:E,level:O}}),j=N.ptm,D=N.cx,U=N.sx;r.useHandleStyle(x.css.styles,N.isUnstyled,{name:"slidemenu"});var _=d.useRef(null),M=d.useRef(null),H=d.useRef(null),A=d.useRef(null),R=E&&m.popup&&m.closeOnEscape,T=o.useDisplayOrder("slide-menu",R);o.useGlobalOnEscapeKey({callback:function(e){B(e)},when:R&&T,priority:[o.ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU,T]});var Z=P(o.useOverlayListener({target:M,overlay:_,listener:function(e,n){n.valid&&("outside"===n.type||p.hideOverlaysOnDocumentScrolling?B(e):s.DomHandler.isDocument(e.target)||s.DomHandler.absolutePosition(_.current,M.current))},when:E}),2),L=Z[0],W=Z[1],F=function(){w((function(e){return e+1}))},J=function(){w((function(e){return e-1}))},X=function(e){m.popup&&(E?B(e):z(e))},z=function(e){M.current=e.currentTarget,I(!0),m.onShow&&m.onShow(e)},B=function(e){M.current=e.currentTarget,I(!1),m.onHide&&m.onHide(e)},G=function(){m.autoZIndex&&s.ZIndexUtils.set("menu",_.current,p&&p.autoZIndex||f.default.autoZIndex,m.baseZIndex||p&&p.zIndex.menu||f.default.zIndex.menu),s.DomHandler.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),s.DomHandler.absolutePosition(_.current,M.current)},K=function(){L()},Y=function(){M.current=null,W()},q=function(){s.ZIndexUtils.clear(_.current),w(0)};o.useMountEffect((function(){y||g(s.UniqueComponentId())})),o.useUpdateEffect((function(){w(0)}),[m.model]),o.useUpdateEffect((function(){m.onNavigate&&m.onNavigate({level:O})}),[O]),o.useUnmountEffect((function(){s.ZIndexUtils.clear(_.current)})),d.useImperativeHandle(n,(function(){return{props:m,toggle:X,show:z,hide:B,navigateForward:F,navigateBack:J,setLevelState:w,getElement:function(){return _.current}}}));var $=function(){var e=c({className:D("previousIcon")},j("previousIcon")),n=s.IconUtils.getJSXIcon(m.backIcon||d.createElement(a.ChevronLeftIcon,e),C({},e),{props:m}),t=c(j("previousLabel")),r=c({ref:H,className:D("previous",{levelState:O}),onClick:function(e){return J()}},j("previous"));return d.createElement("div",r,n,d.createElement("span",t,m.backLabel))},Q=function(){var e={height:m.viewportHeight+"px"},n=$(),t=c({ref:_,id:m.id,className:s.classNames(m.className,D("root")),style:m.style,onClick:function(e){return n=e,void(m.popup&&u.OverlayService.emit("overlay-click",{originalEvent:n,target:M.current}));var n}},x.getOtherProps(m),j("root")),r=c({className:D("wrapper"),style:e},j("wrapper")),o=c({ref:A,className:D("content")},j("content")),a=c({classNames:D("transition"),in:!m.popup||E,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:G,onEntered:K,onExit:Y,onExited:q},j("transition"));return d.createElement(i.CSSTransition,b({nodeRef:_},a),d.createElement("div",t,d.createElement("div",r,d.createElement("div",o,d.createElement(k,{id:y,hostName:"SlideMenu",menuProps:m,model:m.model,root:!0,index:0,menuWidth:m.menuWidth,effectDuration:m.effectDuration,level:O,parentActive:0===O,onForward:F,submenuIcon:m.submenuIcon,ptm:j,cx:D,sx:U}))),n))}();return m.popup?d.createElement(l.Portal,{element:Q,appendTo:m.appendTo}):Q})));return U.displayName="SlideMenu",e.SlideMenu=U,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.chevronleft,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright);
+this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,n,t,r,i,o,a,u,l,s,c){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=m(n),f=p(t);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},b.apply(null,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function y(e,n){if("object"!=v(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"==v(n)?n:n+""}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function w(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],l=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw i}}return u}}function S(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function E(e,n){if(e){if("string"==typeof e)return S(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?S(e,n):void 0}}function I(){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 P(e,n){return O(e)||w(e,n)||E(e,n)||I()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return s.classNames("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){return s.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.props.popup})},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return s.classNames({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return s.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function N(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=d.memo((function(e){var n=P(d.useState(null),2),t=n[0],r=n[1],i=P(d.useState({}),2),a=i[0],u=i[1],l=o.useMergeProps(),p=e.ptm,m=e.cx,f=e.sx,v=function(n,r){return p(r,{hostName:e.hostName,context:{active:t===n}})},y=function(n,t,i){if(t.disabled)n.preventDefault();else{if(t.command&&t.command({originalEvent:n,item:t}),t.items){var o=w(t,i);u(j(j({},a),{},h({},o,!0))),r(t),e.onForward()}t.url||(n.preventDefault(),n.stopPropagation())}},g=function(n){var t=e.id+"_sep_"+n,r=l({id:t,className:m("separator"),role:"separator"},p("separator",{hostName:e.hostName}));return d.createElement("li",b({},r,{key:t}))},O=function(n,r){var i=a[w(n,r)];return n.items&&i?d.createElement(k,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:n===t,submenuIcon:e.submenuIcon,ptm:p,cx:m,sx:f}):null},w=function(n,t){return n.id||e.id+"_"+t},S=function(n,r){if(!1===n.visible)return null;var i=w(n,r),o=t===n,a=s.classNames("p-menuitem-icon",n.icon),u=l({className:m("icon")},v(n,"icon")),p=s.IconUtils.getJSXIcon(n.icon,j({},u),{props:e.menuProps}),f=l({className:m("submenuIcon")},v(n,"submenuIcon")),g=l({className:m("label")},v(n,"label")),h=n.items&&s.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(c.AngleRightIcon,f),j({},f),{props:e}),S=n.label&&d.createElement("span",g,n.label),E=O(n,r),I=l({href:n.url||"#",className:m("action"),target:n.target,onClick:function(e){return y(e,n,r)},"aria-disabled":n.disabled},v(n,"action")),P=d.createElement("a",I,p,S,h);n.template&&(P=s.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return y(e,n,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:"p-submenu-icon",element:P,props:e,active:o}));var x=l({id:i,className:m("menuitem",{active:o,item:n}),style:n.style},v(n,"menuitem"));return d.createElement("li",b({},x,{key:i}),P,E)},E=e.model?e.model.map((function(e,n){return!1===e.visible?null:e.separator?g(n):S(e,n)})):null,I=l({className:m("menu",{subProps:e}),style:f("menu",{subProps:e})},p("menu",{hostName:e.hostName}));return d.createElement("ul",I,E)}));function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function C(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}k.displayName="SlideMenuSub";var U=d.memo(d.forwardRef((function(e,n){var c=o.useMergeProps(),p=d.useContext(t.PrimeReactContext),m=x.getProps(e,p),v=P(d.useState(m.id),2),y=v[0],g=v[1],h=P(d.useState(0),2),O=h[0],w=h[1],S=P(d.useState(!1),2),E=S[0],I=S[1],N=x.setMetaData({props:m,state:{id:y,visible:E,level:O}}),j=N.ptm,D=N.cx,U=N.sx;r.useHandleStyle(x.css.styles,N.isUnstyled,{name:"slidemenu"});var _=d.useRef(null),M=d.useRef(null),H=d.useRef(null),A=d.useRef(null),R=E&&m.popup&&m.closeOnEscape,T=o.useDisplayOrder("slide-menu",R);o.useGlobalOnEscapeKey({callback:function(e){B(e)},when:R&&T,priority:[o.ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU,T]});var Z=P(o.useOverlayListener({target:M,overlay:_,listener:function(e,n){n.valid&&("outside"===n.type||p.hideOverlaysOnDocumentScrolling?B(e):s.DomHandler.isDocument(e.target)||s.DomHandler.absolutePosition(_.current,M.current))},when:E}),2),L=Z[0],W=Z[1],F=function(){w((function(e){return e+1}))},J=function(){w((function(e){return e-1}))},X=function(e){m.popup&&(E?B(e):z(e))},z=function(e){M.current=e.currentTarget,I(!0),m.onShow&&m.onShow(e)},B=function(e){M.current=e.currentTarget,I(!1),m.onHide&&m.onHide(e)},G=function(){m.autoZIndex&&s.ZIndexUtils.set("menu",_.current,p&&p.autoZIndex||f.default.autoZIndex,m.baseZIndex||p&&p.zIndex.menu||f.default.zIndex.menu),s.DomHandler.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),s.DomHandler.absolutePosition(_.current,M.current)},K=function(){L()},Y=function(){M.current=null,W()},q=function(){s.ZIndexUtils.clear(_.current),w(0)};o.useMountEffect((function(){y||g(s.UniqueComponentId())})),o.useUpdateEffect((function(){w(0)}),[m.model]),o.useUpdateEffect((function(){m.onNavigate&&m.onNavigate({level:O})}),[O]),o.useUnmountEffect((function(){s.ZIndexUtils.clear(_.current)})),d.useImperativeHandle(n,(function(){return{props:m,toggle:X,show:z,hide:B,navigateForward:F,navigateBack:J,setLevelState:w,getElement:function(){return _.current}}}));var $=function(){var e=c({className:D("previousIcon")},j("previousIcon")),n=s.IconUtils.getJSXIcon(m.backIcon||d.createElement(a.ChevronLeftIcon,e),C({},e),{props:m}),t=c(j("previousLabel")),r=c({ref:H,className:D("previous",{levelState:O}),onClick:function(e){return J()}},j("previous"));return d.createElement("div",r,n,d.createElement("span",t,m.backLabel))},Q=function(){var e={height:m.viewportHeight+"px"},n=$(),t=c({ref:_,id:m.id,className:s.classNames(m.className,D("root")),style:m.style,onClick:function(e){return n=e,void(m.popup&&u.OverlayService.emit("overlay-click",{originalEvent:n,target:M.current}));var n}},x.getOtherProps(m),j("root")),r=c({className:D("wrapper"),style:e},j("wrapper")),o=c({ref:A,className:D("content")},j("content")),a=c({classNames:D("transition"),in:!m.popup||E,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:G,onEntered:K,onExit:Y,onExited:q},j("transition"));return d.createElement(i.CSSTransition,b({nodeRef:_},a),d.createElement("div",t,d.createElement("div",r,d.createElement("div",o,d.createElement(k,{id:y,hostName:"SlideMenu",menuProps:m,model:m.model,root:!0,index:0,menuWidth:m.menuWidth,effectDuration:m.effectDuration,level:O,parentActive:0===O,onForward:F,submenuIcon:m.submenuIcon,ptm:j,cx:D,sx:U}))),n))}();return m.popup?d.createElement(l.Portal,{element:Q,appendTo:m.appendTo}):Q})));return U.displayName="SlideMenu",e.SlideMenu=U,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.chevronleft,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright);

package/splitbutton/splitbutton.cjs.js

@@ -267,6 +267,9 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
     }
   };
   var getItemId = function getItemId(processedItem) {
+    if (processedItem.item && processedItem.item.id) {
+      return processedItem.item.id;
+    }
     return "".concat(props.menuId, "_").concat(processedItem.key);
   };
   var getItemProp = function getItemProp(processedItem, name, params) {
@@ -320,13 +323,14 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
   var createSeparator = function createSeparator(index) {
     var key = 'separator_' + index;
     var separatorProps = mergeProps({
-      key: key,
       className: cx('separator'),
       role: 'separator'
     }, ptm('separator', {
       hostName: props.hostName
     }));
-    return /*#__PURE__*/React__namespace.createElement("li", separatorProps);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, separatorProps, {
+      key: key
+    }));
   };
   var createSubmenu = function createSubmenu(processedItem, index) {
     if (isItemGroup(processedItem)) {
@@ -420,7 +424,6 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
       className: cx('content')
     }, getPTOptions(processedItem, 'content'));
     var menuitemProps = mergeProps({
-      key: key,
       id: key,
       'aria-label': item.label,
       'aria-disabled': disabled,
@@ -443,7 +446,9 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
       },
       role: 'menuitem'
     }, getPTOptions(processedItem, 'menuitem'));
-    return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, content), submenu);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, menuitemProps, {
+      key: key
+    }), /*#__PURE__*/React__namespace.createElement("div", contentProps, content), submenu);
   };
   var createItem = function createItem(processedItem, index) {
     if (processedItem.visible === false) {
@@ -1275,10 +1280,11 @@ var SplitButtonBase = componentbase.ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SplitButton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var _props$id;
   var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = SplitButtonBase.getProps(inProps, context);
-  var _React$useState = React__namespace.useState(props.id),
+  var _React$useState = React__namespace.useState((_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : utils.UniqueComponentId),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     idState = _React$useState2[0],
     setIdState = _React$useState2[1];

package/splitbutton/splitbutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/componentbase"),o=require("primereact/hooks"),i=require("primereact/icons/chevrondown"),u=require("primereact/overlayservice"),a=require("primereact/csstransition"),l=require("primereact/portal"),c=require("primereact/utils"),s=require("primereact/icons/angleright"),p=require("primereact/ripple"),d=require("primereact/tooltip");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 b=f(e),y=m(t);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(null,arguments)}function g(e){return g="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},g(e)}function x(e,t){if("object"!=g(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=x(e,"string");return"symbol"==g(t)?t:t+""}function I(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function S(e,t){if(e){if("string"==typeof e)return w(e,t);var n={}.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)?w(e,t):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,t){return O(e)||E(e,t)||S(e,t)||k()}var P=r.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",__parentMetadata:null,id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===y.default.ripple})},separator:"p-menuitem-separator",icon:function(e){return c.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-tieredmenu-overlay {\n        position: absolute;\n    }\n\n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-tieredmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n        left: -100%;\n    }\n}\n",inlineStyles:{submenu:function(e){var t=e.subProps;return{display:!t.root&&t.parentActive?"block":"none"}}}}});function j(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 D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=b.memo(b.forwardRef((function(e,t){var n=b.useRef(null),r=o.useMergeProps(),i=e.ptm,u=e.cx,a=e.sx,l=function(t,n){return i(n,{hostName:e.hostName,context:{active:v(t)}})},d=function(){if(n.current){var e=n.current.parentElement,t=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),o=n.current.offsetParent?n.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(n.current),i=c.DomHandler.getOuterWidth(e.children[0]),u=parseInt(t.top,10)+n.current.offsetHeight-c.DomHandler.getWindowScrollTop();n.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(t.left,10)+i+o>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(n.current,"p-submenu-list-flipped")}},m=function(t,n){var r=n.item;x(n)?t.preventDefault():(r.command&&r.command({originalEvent:t,item:r}),e.onItemClick&&e.onItemClick({originalEvent:t,processedItem:n}),r.url||(t.preventDefault(),t.stopPropagation()))},f=function(t){return"".concat(e.menuId,"_").concat(t.key)},y=function(e,t,n){return e&&e.item?c.ObjectUtils.getItemValue(e.item[t],n):void 0},v=function(t){return e.activeItemPath.some((function(e){return e.key===t.key}))},g=function(e){return!1!==y(e,"visible")},x=function(e){return y(e,"disabled")},h=function(t){return e.focusedItemId===f(t)},I=function(e){return c.ObjectUtils.isNotEmpty(e.items)},O=function(t,n){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:t,processedItem:n})},E=function(t){return t-e.model.slice(0,t).filter((function(e){return g(e)&&y(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||d()}),[e.parentActive]),b.useImperativeHandle(t,(function(){return{getElement:function(){return n.current}}}));var w=function(t){var n=r({key:"separator_"+t,className:u("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return b.createElement("li",n)},S=function(t,n){return I(t)?b.createElement(H,{id:e.id+"_"+n,menuProps:e.menuProps,model:t.items,menuId:e.menuId,ariaLabelledby:f(t),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:v(t),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:u,sx:a}):null},k=function(t,n){if(!1===g(t))return null;var o=t.item,i=y(t,"style"),a=y(t,"className"),d=y(t,"icon"),w=y(t,"target"),k=y(t,"url"),N=f(t),P=h(t),j=v(t),H=x(t),C=I(t),M=c.classNames("p-menuitem-link"),U=c.classNames("p-menuitem-icon",d),T=r({className:c.classNames(o.icon,"p-menuitem-icon","icon")},l(t,"icon")),K=c.IconUtils.getJSXIcon(d,D({},T),{props:e.menuProps}),_=r({className:u("label")},l(t,"label")),R=o.label&&b.createElement("span",_,o.label),B=r({className:u("submenuIcon")},l(t,"submenuIcon")),L=C&&c.IconUtils.getJSXIcon(e.submenuIcon||b.createElement(s.AngleRightIcon,B),D({},B),{props:e.menuProps}),A=S(t,n),Z=r({href:k||"#",tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:w},l(t,"action")),q=b.createElement("a",Z,K,R,L,b.createElement(p.Ripple,null));o.template&&(q=c.ObjectUtils.getJSXElement(o.template,o,{className:M,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:q,props:e,active:j,disabled:H}));var z=r({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return O(e,t)},className:u("content")},l(t,"content")),F=r({key:N,id:N,"aria-label":o.label,"aria-disabled":H,"aria-expanded":C?j:void 0,"aria-haspopup":C&&!k?"menu":void 0,"aria-setsize":e.model.filter((function(e){return g(e)&&!y(e,"separator")})).length,"aria-posinset":E(n),"data-p-highlight":j,"data-p-disabled":H,"data-p-visited":P,className:u("menuitem",{itemClassName:a,active:j,focused:P,disabled:H}),style:i,onMouseEnter:function(e){return O(e,o)},role:"menuitem"},l(t,"menuitem"));return b.createElement("li",F,b.createElement("div",z,q),A)},N=e.model?e.model.map((function(e,t){return!1===e.visible?null:y(e,"separator")?w(t):k(e,t)})):null,P=e.root?"menu":"submenu",j=r({ref:n,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:u(P,{subProps:e}),style:a(P,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},i(P,{hostName:e.hostName}));return b.createElement("ul",j,N)})));function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}H.displayName="TieredMenuSub";var U=b.memo(b.forwardRef((function(e,n){var i=o.useMergeProps(),s=b.useContext(t.PrimeReactContext),p=P.getProps(e,s),d=N(b.useState(p.id),2),m=d[0],f=d[1],g=N(b.useState(!p.popup),2),x=g[0],h=g[1],I=N(b.useState([]),2),O=I[0],E=I[1],w=N(b.useState(!1),2),S=w[0],k=w[1],j=N(b.useState(null),2),D=j[0],C=j[1],U=N(b.useState({index:-1,level:0,parentKey:""}),2),T=U[0],K=U[1],_=N(b.useState(!1),2),R=_[0],B=_[1],L=N(b.useState([]),2),A=L[0],Z=L[1],q=N(b.useState([]),2),z=q[0],F=q[1],W=N(b.useState(!1),2),V=W[0],J=W[1],X=N(b.useState(null),2),Y=X[0],G=X[1],$=M(M({props:p},p.__parentMetadata),{},{state:{id:m,visible:x,attributeSelector:Y}}),Q=P.setMetaData($),ee=Q.ptm,te=Q.cx,ne=Q.sx;r.useHandleStyle(P.css.styles,Q.isUnstyled,{name:"tieredmenu"});var re=b.useRef(null),oe=b.useRef(null),ie=b.useRef(null),ue=b.useRef(null),ae=b.useRef(null),le=b.useRef(null),ce=b.useRef(null),se=o.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),pe=N(o.useEventListener({type:"click",listener:function(e){var t=re.current&&!re.current.contains(e.target),n=!p.popup||!(ie.current&&(ie.current===e.target||ie.current.contains(e.target)));t&&n&&he(e,!p.popup)}}),2),de=pe[0],me=pe[1],fe=N(o.useResizeListener({listener:function(){!se&&he(event,!0)}}),2),be=fe[0],ye=fe[1],ve=function(e){p.popup&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:ie.current})},ge=function(e){p.popup&&(x?he(e):xe(e))},xe=function(e){p.popup&&(ie.current=e.currentTarget,h(!0),p.onShow&&p.onShow(e),ue.current=e.relatedTarget||null),K({index:Ge(),level:0,parentKey:""})},he=function(e,t){p.popup&&(h(!1),p.onHide&&p.onHide(e));var n=_e();E([]),K({index:-1,level:0,parentKey:""}),t&&c.DomHandler.focus(ue.current||ie.current||n),B(!1)},Ie=function(e){k(!0),K(-1!==T.index?T:{index:Ge(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Oe=function(e){k(!1),K({index:-1,level:0,parentKey:""}),le.current="",B(!1),p.onBlur&&p.onBlur(e)},Ee=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ne(e);break;case"ArrowUp":Pe(e);break;case"ArrowLeft":je(e);break;case"ArrowRight":De(e);break;case"Home":He(e);break;case"End":Ce(e);break;case"Space":Ue(e);break;case"Enter":case"NumpadEnter":Me(e);break;case"Escape":p.popup&&c.DomHandler.focus(ie.current),Te(e);break;case"Tab":Ke(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&c.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e.key)}},we=function(e){var t=e.processedItem,n=e.isFocus;if(!c.ObjectUtils.isEmpty(t)){var r=t.index,o=t.key,i=t.level,u=t.parentKey,a=c.ObjectUtils.isNotEmpty(t.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==o}));a&&l.push(t),K({index:r,level:i,parentKey:u}),E(l),a&&B(!0),n&&c.DomHandler.focus(_e())}},Se=function(e){var t=e.originalEvent,n=e.processedItem;if(!Be(n)&&!p.isMobileMode){var r=Ae(n),o=c.ObjectUtils.isEmpty(n.parent),i=Fe(n),u=_e();if(i){var a=n.index,l=n.key,s=n.level,d=n.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),K({index:a,level:s,parentKey:d}),r||B(!o),setTimeout((function(){c.DomHandler.focus(u),r&&B(!0)}),0)}else if(r)c.DomHandler.focus(u),we(e);else{var m=o?n:O.find((function(e){return""===e.parentKey})),f=m?m.index:-1;he(t,!0),K({index:f,parentKey:m?m.parentKey:""})}}},ke=function(e){var t=e.originalEvent;Be(e.processedItem)||p.isMobileMode?t.preventDefault():R&&!p.popup&&we(e)},Ne=function(e){var t=-1!==T.index?Je(T.index):Ge();et(t),e.preventDefault()},Pe=function(e){if(e.altKey){if(p.popup&&c.DomHandler.focus(ie.current),-1!==T.index){var t=z[T.index];!Ae(t)&&we({originalEvent:e,processedItem:t})}p.popup&&he(e,!0),e.preventDefault()}else{var n=-1!==T.index?Xe(T.index):$e();et(n),e.preventDefault()}},je=function(e){var t=z[T.index],n=O.find((function(e){return e.key===t.parentKey}));c.ObjectUtils.isEmpty(t.parent)||(K({index:-1,parentKey:n?n.parentKey:""}),le.current="",setTimeout((function(){return J(!0)}),0)),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),e.preventDefault()},De=function(e){var t=z[T.index];Ae(t)&&(we({originalEvent:e,processedItem:t}),K({index:-1,parentKey:t.key}),le.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},He=function(e){et(We()),e.preventDefault()},Ce=function(e){et(Ve()),e.preventDefault()},Me=function(e){if(-1!==T.index){var t=c.DomHandler.findSingle(_e(),'li[id="'.concat("".concat(D),'"]')),n=t&&c.DomHandler.findSingle(t,'[data-pc-section="action"]');p.popup&&c.DomHandler.focus(ie.current),n?n.click():t&&t.click()}e.preventDefault()},Ue=function(e){Me(e)},Te=function(e){he(e,!0),!p.popup&&K(M(M({},T),{},{index:Ge()})),e.preventDefault()},Ke=function(e){if(-1!==T.index){var t=z[T.index];!Ae(t)&&we({originalEvent:e,processedItem:t})}he(e)},_e=function(){return oe.current.getElement()||null},Re=function(e,t){return e?c.ObjectUtils.getItemValue(e[t]):void 0},Be=function(e){return Re(e,"disabled")},Le=function(e){return e?Re(e.item,"label"):void 0},Ae=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},Ze=function(e){return qe(e)&&Le(e).toLocaleLowerCase().startsWith(le.current.toLocaleLowerCase())},qe=function(e){return!!e&&!Be(e.item)&&!Re(e.item,"separator")},ze=function(e){return qe(e)&&Fe(e)},Fe=function(e){return O.some((function(t){return t.key===e.key}))},We=function(){return z.findIndex((function(e){return qe(e)}))},Ve=function(){return c.ObjectUtils.findLastIndex(z,(function(e){return qe(e)}))},Je=function(e){var t=e<z.length-1?z.slice(e+1).findIndex((function(e){return qe(e)})):-1;return t>-1?t+e+1:e},Xe=function(e){var t=e>0?c.ObjectUtils.findLastIndex(z.slice(0,e),(function(e){return qe(e)})):-1;return t>-1?t:e},Ye=function(){return z.findIndex((function(e){return ze(e)}))},Ge=function(){var e=Ye();return e<0?We():e},$e=function(){var e=Ye();return e<0?Ve():e},Qe=function(e){le.current=(le.current||"")+e;var t=-1,n=!1;return-1!==(t=-1!==T.index?-1===(t=z.slice(T.index).findIndex((function(e){return Ze(e)})))?z.slice(0,T.index).findIndex((function(e){return Ze(e)})):t+T.index:z.findIndex((function(e){return Ze(e)})))&&(n=!0),-1===t&&-1===T.index&&(t=Ge()),-1!==t&&et(t),ce.current&&clearTimeout(ce),ce.current=setTimeout((function(){le.current="",ce.current=null}),500),n},et=function(e){T.index!==e&&(K(M(M({},T),{},{index:e})),tt())},tt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(m,"_").concat(e):D,n=c.DomHandler.findSingle(_e(),'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},nt=b.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return e&&e.forEach((function(e,i){var u=(""!==r?r+"_":"")+i,a={item:e,index:i,level:t,key:u,parent:n,parentKey:r};a.items=nt(e.items,t+1,a,u),o.push(a)})),o}),[]),rt=function(){if(!ae.current){ae.current=c.DomHandler.createInlineStyle(s&&s.nonce||y.default.nonce,s&&s.styleContainer);var e="".concat(Y),t="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(p.scrollHeight,";\n        overflow: ").concat(p.scrollHeight?"auto":"",";\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n\n    ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ae.current.innerHTML=t}},ot=function(){ae.current=c.DomHandler.removeInlineStyle(ae.current)},it=function(){var e;p.autoZIndex&&c.ZIndexUtils.set("menu",re.current,s&&s.autoZIndex||y.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||y.default.zIndex.menu),c.DomHandler.addStyles(re.current,{position:"absolute",top:"0",left:"0"}),e=c.DomHandler.getOuterWidth(ie.current)>c.DomHandler.getOuterWidth(re.current),c.DomHandler.alignOverlay(re.current,ie.current,p.appendTo,e),c.DomHandler.focus(oe.current.getElement()),tt(),Y&&p.breakpoint&&(re.current.setAttribute(Y,""),rt())},ut=function(){de(),be()},at=function(){ie.current=null,me(),ye()},lt=function(){c.ZIndexUtils.clear(re.current),ot()};o.useMountEffect((function(){var e=c.UniqueComponentId();!m&&f(e),p.breakpoint&&!Y&&G(e)})),b.useEffect((function(){var e=nt(p.model||[]);Z(e)}),[p.model,nt]),o.useUpdateEffect((function(){var e=O.find((function(e){return e.key===T.parentKey}));F(e?e.items:A)}),[O,T,A]),o.useUpdateEffect((function(){var e=-1!==T.index?"".concat(m).concat(c.ObjectUtils.isNotEmpty(T.parentKey)?"_"+T.parentKey:"","_").concat(T.index):null;C(e)}),[T]),o.useUpdateEffect((function(){p.popup||(c.ObjectUtils.isNotEmpty(O)?(de(),be()):(me(),ye()))}),[O]),o.useUpdateEffect((function(){if(V){var e=-1!==T.index?Je(T.index):Ge();et(e),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),J(!1)}}),[V]),o.useUpdateEffect((function(){return Y&&re.current&&(re.current.setAttribute(Y,""),rt()),function(){ot()}}),[Y,p.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(re.current)})),b.useImperativeHandle(n,(function(){return{props:p,toggle:ge,show:xe,hide:he,getElement:function(){return re.current}}}));var ct,st,pt=(ct=i({ref:re,id:p.id,className:c.classNames(p.className,te("root")),style:p.style,onClick:ve},P.getOtherProps(p),ee("root")),st=i({classNames:te("transition"),in:x,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:it,onEntered:ut,onExit:at,onExited:lt},ee("transition")),b.createElement(a.CSSTransition,v({nodeRef:re},st),b.createElement("div",ct,b.createElement(H,{id:m+"_list",ref:oe,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:A,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:S?D:void 0,menuId:m,level:0,focusedItemId:D,activeItemPath:O,onFocus:Ie,onBlur:Oe,onKeyDown:Ee,onItemClick:Se,onItemMouseEnter:ke,root:!0,popup:p.popup,onHide:he,isMobileMode:se,submenuIcon:p.submenuIcon,ptm:ee,cx:te,sx:ne}))));return p.popup?b.createElement(l.Portal,{element:pt,appendTo:p.appendTo}):pt})));U.displayName="TieredMenu";var T=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,autoZIndex:!0,baseZIndex:0,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t=e.props,n=e.size;return c.classNames("p-splitbutton p-component",I(I(I(I(I(I({"p-disabled":t.disabled,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-".concat(t.severity),t.severity),"p-button-raised",t.raised),"p-button-rounded",t.rounded),"p-button-text",t.text),"p-button-outlined",t.outlined),"p-button-".concat(n),n))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return c.classNames("p-menu p-menu-overlay p-component",e.props.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return c.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n\n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n\n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function K(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){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=b.memo(b.forwardRef((function(e,a){var l=o.useMergeProps(),s=b.useContext(t.PrimeReactContext),p=T.getProps(e,s),m=N(b.useState(p.id),2),f=m[0],g=m[1],x=N(b.useState(!1),2),h=x[0],I=x[1],O=b.useRef(null),E=b.useRef(null),w=b.useRef(null),S=b.useRef(null),k=o.useDisplayOrder("split-button-tooltip",h),P={props:p,state:{id:f,overlayVisible:h}},j=T.setMetaData(P),D=j.ptm,H=j.cx;r.useHandleStyle(T.css.styles,j.isUnstyled,{name:"splitbutton"}),o.useGlobalOnEscapeKey({callback:function(){K()},when:h&&k,priority:[o.ESC_KEY_HANDLING_PRIORITIES.SPLIT_BUTTON,k]});var C=function(e){h?K(e):M(e)},M=function(e){I(!0),E.current&&E.current.show(e)},K=function(e){I(!1),E.current&&E.current.hide(e)};if(o.useMountEffect((function(){f||g(c.UniqueComponentId()),c.DomHandler.alignOverlay(S.current,w.current.parentElement,p.appendTo||s&&s.appendTo||y.default.appendTo)})),o.useUnmountEffect((function(){c.ZIndexUtils.clear(S.current)})),b.useImperativeHandle(a,(function(){return{props:p,show:M,hide:K,getElement:function(){return O.current}}})),!1===p.visible)return null;var R=c.ObjectUtils.isNotEmpty(p.tooltip),B={large:"lg",small:"sm"}[p.size],L=p.buttonTemplate?c.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,A=f+"_overlay",Z=l({ref:O,id:f,className:c.classNames(p.className,H("root",{size:B})),style:p.style},T.getOtherProps(p),D("root"));return b.createElement(b.Fragment,null,b.createElement("div",Z,b.createElement(n.Button,v({ref:w,type:"button",className:c.classNames(p.buttonClassName,H("button")),icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,"aria-label":p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:D("button"),__parentMetadata:{parent:P},unstyled:p.unstyled}),L),b.createElement(n.Button,v({type:"button",className:c.classNames(p.menuButtonClassName,H("menuButton")),icon:function(){var e=l({className:H("icon")},D("icon")),t=c.IconUtils.getJSXIcon(p.dropdownIcon||b.createElement(i.ChevronDownIcon,e),_({},e),{props:p});return t},onClick:C,disabled:p.disabled,"aria-expanded":h,"aria-haspopup":"true","aria-controls":A},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:D("menuButton"),__parentMetadata:{parent:P},onKeyDown:function(e){"ArrowDown"!==e.code&&"ArrowUp"!==e.code||(C(e),e.preventDefault())},unstyled:p.unstyled})),b.createElement(U,{ref:E,popup:!0,unstyled:p.unstyled,model:p.model,appendTo:p.appendTo,id:A,style:p.menuStyle,autoZIndex:p.autoZIndex,baseZIndex:p.baseZIndex,className:c.classNames(p.menuClassName,H("menu")),onClick:function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:O.current})},onShow:function(){p.onShow&&p.onShow()},onHide:function(){I(!1),p.onHide&&p.onHide()},pt:D("menu"),__parentMetadata:{parent:P}})),R&&b.createElement(d.Tooltip,v({target:O,content:p.tooltip,pt:D("tooltip")},p.tooltipOptions)))})));R.displayName="SplitButton",exports.SplitButton=R;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/componentbase"),o=require("primereact/hooks"),i=require("primereact/icons/chevrondown"),u=require("primereact/overlayservice"),a=require("primereact/csstransition"),l=require("primereact/portal"),c=require("primereact/utils"),s=require("primereact/icons/angleright"),p=require("primereact/ripple"),d=require("primereact/tooltip");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 b=f(e),y=m(t);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(null,arguments)}function g(e){return g="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},g(e)}function x(e,t){if("object"!=g(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=x(e,"string");return"symbol"==g(t)?t:t+""}function I(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function S(e,t){if(e){if("string"==typeof e)return w(e,t);var n={}.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)?w(e,t):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,t){return O(e)||E(e,t)||S(e,t)||k()}var P=r.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",__parentMetadata:null,id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===y.default.ripple})},separator:"p-menuitem-separator",icon:function(e){return c.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-tieredmenu-overlay {\n        position: absolute;\n    }\n\n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-tieredmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n        left: -100%;\n    }\n}\n",inlineStyles:{submenu:function(e){var t=e.subProps;return{display:!t.root&&t.parentActive?"block":"none"}}}}});function j(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 D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=b.memo(b.forwardRef((function(e,t){var n=b.useRef(null),r=o.useMergeProps(),i=e.ptm,u=e.cx,a=e.sx,l=function(t,n){return i(n,{hostName:e.hostName,context:{active:g(t)}})},d=function(){if(n.current){var e=n.current.parentElement,t=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),o=n.current.offsetParent?n.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(n.current),i=c.DomHandler.getOuterWidth(e.children[0]),u=parseInt(t.top,10)+n.current.offsetHeight-c.DomHandler.getWindowScrollTop();n.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(t.left,10)+i+o>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(n.current,"p-submenu-list-flipped")}},m=function(t,n){var r=n.item;h(n)?t.preventDefault():(r.command&&r.command({originalEvent:t,item:r}),e.onItemClick&&e.onItemClick({originalEvent:t,processedItem:n}),r.url||(t.preventDefault(),t.stopPropagation()))},f=function(t){return t.item&&t.item.id?t.item.id:"".concat(e.menuId,"_").concat(t.key)},y=function(e,t,n){return e&&e.item?c.ObjectUtils.getItemValue(e.item[t],n):void 0},g=function(t){return e.activeItemPath.some((function(e){return e.key===t.key}))},x=function(e){return!1!==y(e,"visible")},h=function(e){return y(e,"disabled")},I=function(t){return e.focusedItemId===f(t)},O=function(e){return c.ObjectUtils.isNotEmpty(e.items)},E=function(t,n){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:t,processedItem:n})},w=function(t){return t-e.model.slice(0,t).filter((function(e){return x(e)&&y(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||d()}),[e.parentActive]),b.useImperativeHandle(t,(function(){return{getElement:function(){return n.current}}}));var S=function(t){var n="separator_"+t,o=r({className:u("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return b.createElement("li",v({},o,{key:n}))},k=function(t,n){return O(t)?b.createElement(H,{id:e.id+"_"+n,menuProps:e.menuProps,model:t.items,menuId:e.menuId,ariaLabelledby:f(t),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:g(t),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:u,sx:a}):null},N=function(t,n){if(!1===x(t))return null;var o=t.item,i=y(t,"style"),a=y(t,"className"),d=y(t,"icon"),S=y(t,"target"),N=y(t,"url"),P=f(t),j=I(t),H=g(t),C=h(t),M=O(t),U=c.classNames("p-menuitem-link"),T=c.classNames("p-menuitem-icon",d),K=r({className:c.classNames(o.icon,"p-menuitem-icon","icon")},l(t,"icon")),_=c.IconUtils.getJSXIcon(d,D({},K),{props:e.menuProps}),R=r({className:u("label")},l(t,"label")),B=o.label&&b.createElement("span",R,o.label),L=r({className:u("submenuIcon")},l(t,"submenuIcon")),A=M&&c.IconUtils.getJSXIcon(e.submenuIcon||b.createElement(s.AngleRightIcon,L),D({},L),{props:e.menuProps}),q=k(t,n),Z=r({href:N||"#",tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:S},l(t,"action")),z=b.createElement("a",Z,_,B,A,b.createElement(p.Ripple,null));o.template&&(z=c.ObjectUtils.getJSXElement(o.template,o,{className:U,labelClassName:"p-menuitem-text",iconClassName:T,submenuIconClassName:"p-submenu-icon",element:z,props:e,active:H,disabled:C}));var F=r({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return E(e,t)},className:u("content")},l(t,"content")),W=r({id:P,"aria-label":o.label,"aria-disabled":C,"aria-expanded":M?H:void 0,"aria-haspopup":M&&!N?"menu":void 0,"aria-setsize":e.model.filter((function(e){return x(e)&&!y(e,"separator")})).length,"aria-posinset":w(n),"data-p-highlight":H,"data-p-disabled":C,"data-p-visited":j,className:u("menuitem",{itemClassName:a,active:H,focused:j,disabled:C}),style:i,onMouseEnter:function(e){return E(e,o)},role:"menuitem"},l(t,"menuitem"));return b.createElement("li",v({},W,{key:P}),b.createElement("div",F,z),q)},P=e.model?e.model.map((function(e,t){return!1===e.visible?null:y(e,"separator")?S(t):N(e,t)})):null,j=e.root?"menu":"submenu",C=r({ref:n,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:u(j,{subProps:e}),style:a(j,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},i(j,{hostName:e.hostName}));return b.createElement("ul",C,P)})));function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}H.displayName="TieredMenuSub";var U=b.memo(b.forwardRef((function(e,n){var i=o.useMergeProps(),s=b.useContext(t.PrimeReactContext),p=P.getProps(e,s),d=N(b.useState(p.id),2),m=d[0],f=d[1],g=N(b.useState(!p.popup),2),x=g[0],h=g[1],I=N(b.useState([]),2),O=I[0],E=I[1],w=N(b.useState(!1),2),S=w[0],k=w[1],j=N(b.useState(null),2),D=j[0],C=j[1],U=N(b.useState({index:-1,level:0,parentKey:""}),2),T=U[0],K=U[1],_=N(b.useState(!1),2),R=_[0],B=_[1],L=N(b.useState([]),2),A=L[0],q=L[1],Z=N(b.useState([]),2),z=Z[0],F=Z[1],W=N(b.useState(!1),2),V=W[0],J=W[1],X=N(b.useState(null),2),Y=X[0],G=X[1],$=M(M({props:p},p.__parentMetadata),{},{state:{id:m,visible:x,attributeSelector:Y}}),Q=P.setMetaData($),ee=Q.ptm,te=Q.cx,ne=Q.sx;r.useHandleStyle(P.css.styles,Q.isUnstyled,{name:"tieredmenu"});var re=b.useRef(null),oe=b.useRef(null),ie=b.useRef(null),ue=b.useRef(null),ae=b.useRef(null),le=b.useRef(null),ce=b.useRef(null),se=o.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),pe=N(o.useEventListener({type:"click",listener:function(e){var t=re.current&&!re.current.contains(e.target),n=!p.popup||!(ie.current&&(ie.current===e.target||ie.current.contains(e.target)));t&&n&&he(e,!p.popup)}}),2),de=pe[0],me=pe[1],fe=N(o.useResizeListener({listener:function(){!se&&he(event,!0)}}),2),be=fe[0],ye=fe[1],ve=function(e){p.popup&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:ie.current})},ge=function(e){p.popup&&(x?he(e):xe(e))},xe=function(e){p.popup&&(ie.current=e.currentTarget,h(!0),p.onShow&&p.onShow(e),ue.current=e.relatedTarget||null),K({index:Ge(),level:0,parentKey:""})},he=function(e,t){p.popup&&(h(!1),p.onHide&&p.onHide(e));var n=_e();E([]),K({index:-1,level:0,parentKey:""}),t&&c.DomHandler.focus(ue.current||ie.current||n),B(!1)},Ie=function(e){k(!0),K(-1!==T.index?T:{index:Ge(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Oe=function(e){k(!1),K({index:-1,level:0,parentKey:""}),le.current="",B(!1),p.onBlur&&p.onBlur(e)},Ee=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ne(e);break;case"ArrowUp":Pe(e);break;case"ArrowLeft":je(e);break;case"ArrowRight":De(e);break;case"Home":He(e);break;case"End":Ce(e);break;case"Space":Ue(e);break;case"Enter":case"NumpadEnter":Me(e);break;case"Escape":p.popup&&c.DomHandler.focus(ie.current),Te(e);break;case"Tab":Ke(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&c.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e.key)}},we=function(e){var t=e.processedItem,n=e.isFocus;if(!c.ObjectUtils.isEmpty(t)){var r=t.index,o=t.key,i=t.level,u=t.parentKey,a=c.ObjectUtils.isNotEmpty(t.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==o}));a&&l.push(t),K({index:r,level:i,parentKey:u}),E(l),a&&B(!0),n&&c.DomHandler.focus(_e())}},Se=function(e){var t=e.originalEvent,n=e.processedItem;if(!Be(n)&&!p.isMobileMode){var r=Ae(n),o=c.ObjectUtils.isEmpty(n.parent),i=Fe(n),u=_e();if(i){var a=n.index,l=n.key,s=n.level,d=n.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),K({index:a,level:s,parentKey:d}),r||B(!o),setTimeout((function(){c.DomHandler.focus(u),r&&B(!0)}),0)}else if(r)c.DomHandler.focus(u),we(e);else{var m=o?n:O.find((function(e){return""===e.parentKey})),f=m?m.index:-1;he(t,!0),K({index:f,parentKey:m?m.parentKey:""})}}},ke=function(e){var t=e.originalEvent;Be(e.processedItem)||p.isMobileMode?t.preventDefault():R&&!p.popup&&we(e)},Ne=function(e){var t=-1!==T.index?Je(T.index):Ge();et(t),e.preventDefault()},Pe=function(e){if(e.altKey){if(p.popup&&c.DomHandler.focus(ie.current),-1!==T.index){var t=z[T.index];!Ae(t)&&we({originalEvent:e,processedItem:t})}p.popup&&he(e,!0),e.preventDefault()}else{var n=-1!==T.index?Xe(T.index):$e();et(n),e.preventDefault()}},je=function(e){var t=z[T.index],n=O.find((function(e){return e.key===t.parentKey}));c.ObjectUtils.isEmpty(t.parent)||(K({index:-1,parentKey:n?n.parentKey:""}),le.current="",setTimeout((function(){return J(!0)}),0)),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),e.preventDefault()},De=function(e){var t=z[T.index];Ae(t)&&(we({originalEvent:e,processedItem:t}),K({index:-1,parentKey:t.key}),le.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},He=function(e){et(We()),e.preventDefault()},Ce=function(e){et(Ve()),e.preventDefault()},Me=function(e){if(-1!==T.index){var t=c.DomHandler.findSingle(_e(),'li[id="'.concat("".concat(D),'"]')),n=t&&c.DomHandler.findSingle(t,'[data-pc-section="action"]');p.popup&&c.DomHandler.focus(ie.current),n?n.click():t&&t.click()}e.preventDefault()},Ue=function(e){Me(e)},Te=function(e){he(e,!0),!p.popup&&K(M(M({},T),{},{index:Ge()})),e.preventDefault()},Ke=function(e){if(-1!==T.index){var t=z[T.index];!Ae(t)&&we({originalEvent:e,processedItem:t})}he(e)},_e=function(){return oe.current.getElement()||null},Re=function(e,t){return e?c.ObjectUtils.getItemValue(e[t]):void 0},Be=function(e){return Re(e,"disabled")},Le=function(e){return e?Re(e.item,"label"):void 0},Ae=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},qe=function(e){return Ze(e)&&Le(e).toLocaleLowerCase().startsWith(le.current.toLocaleLowerCase())},Ze=function(e){return!!e&&!Be(e.item)&&!Re(e.item,"separator")},ze=function(e){return Ze(e)&&Fe(e)},Fe=function(e){return O.some((function(t){return t.key===e.key}))},We=function(){return z.findIndex((function(e){return Ze(e)}))},Ve=function(){return c.ObjectUtils.findLastIndex(z,(function(e){return Ze(e)}))},Je=function(e){var t=e<z.length-1?z.slice(e+1).findIndex((function(e){return Ze(e)})):-1;return t>-1?t+e+1:e},Xe=function(e){var t=e>0?c.ObjectUtils.findLastIndex(z.slice(0,e),(function(e){return Ze(e)})):-1;return t>-1?t:e},Ye=function(){return z.findIndex((function(e){return ze(e)}))},Ge=function(){var e=Ye();return e<0?We():e},$e=function(){var e=Ye();return e<0?Ve():e},Qe=function(e){le.current=(le.current||"")+e;var t=-1,n=!1;return-1!==(t=-1!==T.index?-1===(t=z.slice(T.index).findIndex((function(e){return qe(e)})))?z.slice(0,T.index).findIndex((function(e){return qe(e)})):t+T.index:z.findIndex((function(e){return qe(e)})))&&(n=!0),-1===t&&-1===T.index&&(t=Ge()),-1!==t&&et(t),ce.current&&clearTimeout(ce),ce.current=setTimeout((function(){le.current="",ce.current=null}),500),n},et=function(e){T.index!==e&&(K(M(M({},T),{},{index:e})),tt())},tt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(m,"_").concat(e):D,n=c.DomHandler.findSingle(_e(),'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},nt=b.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return e&&e.forEach((function(e,i){var u=(""!==r?r+"_":"")+i,a={item:e,index:i,level:t,key:u,parent:n,parentKey:r};a.items=nt(e.items,t+1,a,u),o.push(a)})),o}),[]),rt=function(){if(!ae.current){ae.current=c.DomHandler.createInlineStyle(s&&s.nonce||y.default.nonce,s&&s.styleContainer);var e="".concat(Y),t="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(p.scrollHeight,";\n        overflow: ").concat(p.scrollHeight?"auto":"",";\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n\n    ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ae.current.innerHTML=t}},ot=function(){ae.current=c.DomHandler.removeInlineStyle(ae.current)},it=function(){var e;p.autoZIndex&&c.ZIndexUtils.set("menu",re.current,s&&s.autoZIndex||y.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||y.default.zIndex.menu),c.DomHandler.addStyles(re.current,{position:"absolute",top:"0",left:"0"}),e=c.DomHandler.getOuterWidth(ie.current)>c.DomHandler.getOuterWidth(re.current),c.DomHandler.alignOverlay(re.current,ie.current,p.appendTo,e),c.DomHandler.focus(oe.current.getElement()),tt(),Y&&p.breakpoint&&(re.current.setAttribute(Y,""),rt())},ut=function(){de(),be()},at=function(){ie.current=null,me(),ye()},lt=function(){c.ZIndexUtils.clear(re.current),ot()};o.useMountEffect((function(){var e=c.UniqueComponentId();!m&&f(e),p.breakpoint&&!Y&&G(e)})),b.useEffect((function(){var e=nt(p.model||[]);q(e)}),[p.model,nt]),o.useUpdateEffect((function(){var e=O.find((function(e){return e.key===T.parentKey}));F(e?e.items:A)}),[O,T,A]),o.useUpdateEffect((function(){var e=-1!==T.index?"".concat(m).concat(c.ObjectUtils.isNotEmpty(T.parentKey)?"_"+T.parentKey:"","_").concat(T.index):null;C(e)}),[T]),o.useUpdateEffect((function(){p.popup||(c.ObjectUtils.isNotEmpty(O)?(de(),be()):(me(),ye()))}),[O]),o.useUpdateEffect((function(){if(V){var e=-1!==T.index?Je(T.index):Ge();et(e),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),J(!1)}}),[V]),o.useUpdateEffect((function(){return Y&&re.current&&(re.current.setAttribute(Y,""),rt()),function(){ot()}}),[Y,p.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(re.current)})),b.useImperativeHandle(n,(function(){return{props:p,toggle:ge,show:xe,hide:he,getElement:function(){return re.current}}}));var ct,st,pt=(ct=i({ref:re,id:p.id,className:c.classNames(p.className,te("root")),style:p.style,onClick:ve},P.getOtherProps(p),ee("root")),st=i({classNames:te("transition"),in:x,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:it,onEntered:ut,onExit:at,onExited:lt},ee("transition")),b.createElement(a.CSSTransition,v({nodeRef:re},st),b.createElement("div",ct,b.createElement(H,{id:m+"_list",ref:oe,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:A,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:S?D:void 0,menuId:m,level:0,focusedItemId:D,activeItemPath:O,onFocus:Ie,onBlur:Oe,onKeyDown:Ee,onItemClick:Se,onItemMouseEnter:ke,root:!0,popup:p.popup,onHide:he,isMobileMode:se,submenuIcon:p.submenuIcon,ptm:ee,cx:te,sx:ne}))));return p.popup?b.createElement(l.Portal,{element:pt,appendTo:p.appendTo}):pt})));U.displayName="TieredMenu";var T=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,autoZIndex:!0,baseZIndex:0,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t=e.props,n=e.size;return c.classNames("p-splitbutton p-component",I(I(I(I(I(I({"p-disabled":t.disabled,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-".concat(t.severity),t.severity),"p-button-raised",t.raised),"p-button-rounded",t.rounded),"p-button-text",t.text),"p-button-outlined",t.outlined),"p-button-".concat(n),n))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return c.classNames("p-menu p-menu-overlay p-component",e.props.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return c.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n\n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n\n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function K(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){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=b.memo(b.forwardRef((function(e,a){var l,s=o.useMergeProps(),p=b.useContext(t.PrimeReactContext),m=T.getProps(e,p),f=N(b.useState(null!==(l=m.id)&&void 0!==l?l:c.UniqueComponentId),2),g=f[0],x=f[1],h=N(b.useState(!1),2),I=h[0],O=h[1],E=b.useRef(null),w=b.useRef(null),S=b.useRef(null),k=b.useRef(null),P=o.useDisplayOrder("split-button-tooltip",I),j={props:m,state:{id:g,overlayVisible:I}},D=T.setMetaData(j),H=D.ptm,C=D.cx;r.useHandleStyle(T.css.styles,D.isUnstyled,{name:"splitbutton"}),o.useGlobalOnEscapeKey({callback:function(){R()},when:I&&P,priority:[o.ESC_KEY_HANDLING_PRIORITIES.SPLIT_BUTTON,P]});var M=function(e){I?R(e):K(e)},K=function(e){O(!0),w.current&&w.current.show(e)},R=function(e){O(!1),w.current&&w.current.hide(e)};if(o.useMountEffect((function(){g||x(c.UniqueComponentId()),c.DomHandler.alignOverlay(k.current,S.current.parentElement,m.appendTo||p&&p.appendTo||y.default.appendTo)})),o.useUnmountEffect((function(){c.ZIndexUtils.clear(k.current)})),b.useImperativeHandle(a,(function(){return{props:m,show:K,hide:R,getElement:function(){return E.current}}})),!1===m.visible)return null;var B=c.ObjectUtils.isNotEmpty(m.tooltip),L={large:"lg",small:"sm"}[m.size],A=m.buttonTemplate?c.ObjectUtils.getJSXElement(m.buttonTemplate,m):null,q=g+"_overlay",Z=s({ref:E,id:g,className:c.classNames(m.className,C("root",{size:L})),style:m.style},T.getOtherProps(m),H("root"));return b.createElement(b.Fragment,null,b.createElement("div",Z,b.createElement(n.Button,v({ref:S,type:"button",className:c.classNames(m.buttonClassName,C("button")),icon:m.icon,loading:m.loading,loadingIcon:m.loadingIcon,severity:m.severity,label:m.label,"aria-label":m.label,raised:m.raised,onClick:m.onClick,disabled:m.disabled,tabIndex:m.tabIndex,size:m.size,outlined:m.outlined,text:m.text},m.buttonProps,{pt:H("button"),__parentMetadata:{parent:j},unstyled:m.unstyled}),A),b.createElement(n.Button,v({type:"button",className:c.classNames(m.menuButtonClassName,C("menuButton")),icon:function(){var e=s({className:C("icon")},H("icon")),t=c.IconUtils.getJSXIcon(m.dropdownIcon||b.createElement(i.ChevronDownIcon,e),_({},e),{props:m});return t},onClick:M,disabled:m.disabled,"aria-expanded":I,"aria-haspopup":"true","aria-controls":q},m.menuButtonProps,{size:m.size,severity:m.severity,outlined:m.outlined,text:m.text,raised:m.raised,pt:H("menuButton"),__parentMetadata:{parent:j},onKeyDown:function(e){"ArrowDown"!==e.code&&"ArrowUp"!==e.code||(M(e),e.preventDefault())},unstyled:m.unstyled})),b.createElement(U,{ref:w,popup:!0,unstyled:m.unstyled,model:m.model,appendTo:m.appendTo,id:q,style:m.menuStyle,autoZIndex:m.autoZIndex,baseZIndex:m.baseZIndex,className:c.classNames(m.menuClassName,C("menu")),onClick:function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:E.current})},onShow:function(){m.onShow&&m.onShow()},onHide:function(){O(!1),m.onHide&&m.onHide()},pt:H("menu"),__parentMetadata:{parent:j}})),B&&b.createElement(d.Tooltip,v({target:E,content:m.tooltip,pt:H("tooltip")},m.tooltipOptions)))})));R.displayName="SplitButton",exports.SplitButton=R;

package/splitbutton/splitbutton.esm.js

@@ -240,6 +240,9 @@ var TieredMenuSub = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
     }
   };
   var getItemId = function getItemId(processedItem) {
+    if (processedItem.item && processedItem.item.id) {
+      return processedItem.item.id;
+    }
     return "".concat(props.menuId, "_").concat(processedItem.key);
   };
   var getItemProp = function getItemProp(processedItem, name, params) {
@@ -293,13 +296,14 @@ var TieredMenuSub = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
   var createSeparator = function createSeparator(index) {
     var key = 'separator_' + index;
     var separatorProps = mergeProps({
-      key: key,
       className: cx('separator'),
       role: 'separator'
     }, ptm('separator', {
       hostName: props.hostName
     }));
-    return /*#__PURE__*/React.createElement("li", separatorProps);
+    return /*#__PURE__*/React.createElement("li", _extends({}, separatorProps, {
+      key: key
+    }));
   };
   var createSubmenu = function createSubmenu(processedItem, index) {
     if (isItemGroup(processedItem)) {
@@ -393,7 +397,6 @@ var TieredMenuSub = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
       className: cx('content')
     }, getPTOptions(processedItem, 'content'));
     var menuitemProps = mergeProps({
-      key: key,
       id: key,
       'aria-label': item.label,
       'aria-disabled': disabled,
@@ -416,7 +419,9 @@ var TieredMenuSub = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
       },
       role: 'menuitem'
     }, getPTOptions(processedItem, 'menuitem'));
-    return /*#__PURE__*/React.createElement("li", menuitemProps, /*#__PURE__*/React.createElement("div", contentProps, content), submenu);
+    return /*#__PURE__*/React.createElement("li", _extends({}, menuitemProps, {
+      key: key
+    }), /*#__PURE__*/React.createElement("div", contentProps, content), submenu);
   };
   var createItem = function createItem(processedItem, index) {
     if (processedItem.visible === false) {
@@ -1248,10 +1253,11 @@ var SplitButtonBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SplitButton = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var _props$id;
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = SplitButtonBase.getProps(inProps, context);
-  var _React$useState = React.useState(props.id),
+  var _React$useState = React.useState((_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : UniqueComponentId),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     idState = _React$useState2[0],
     setIdState = _React$useState2[1];