primereact 10.3.1 → 10.3.3

package/menubar/menubar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n,{PrimeReactContext as t,ariaLabel as r}from"primereact/api";import{ComponentBase as i,useHandleStyle as o}from"primereact/componentbase";import{useEventListener as u,useResizeListener as a,useMountEffect as c,useUpdateEffect as l,useUnmountEffect as s}from"primereact/hooks";import{BarsIcon as m}from"primereact/icons/bars";import{classNames as f,mergeProps as p,ObjectUtils as d,IconUtils as b,DomHandler as v,UniqueComponentId as y,ZIndexUtils as g}from"primereact/utils";import{AngleDownIcon as x}from"primereact/icons/angledown";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as h}from"primereact/ripple";function E(e){return E="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},E(e)}function k(e,n){if("object"!==E(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=k(e,"string");return"symbol"===E(n)?n:String(n)}function w(e,n,t){return(n=S(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 P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function N(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function K(e,n){if(e){if("string"==typeof e)return N(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?N(e,n):void 0}}function j(){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 D(e,n){return O(e)||P(e,n)||K(e,n)||j()}var A=i.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,ariaLabel:null,ariaLabelledBy:null,onFocus:null,onBlur:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return f("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menuitem-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return f("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-menubar-root-list",content:"p-menuitem-content",submenu:"p-submenu-list",action:function(e){return f("p-menuitem-link",{"p-disabled":e.disabled})}},styles:"\n@layer primereact {\n    .p-menubar {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-menubar ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menubar .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-menubar .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-menubar .p-menuitem {\n        position: relative;\n    }\n\n    .p-menubar-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-menubar-root-list > li ul {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n\n    .p-menubar .p-submenu-list {\n        display: none;\n        position: absolute;\n        z-index: 1;\n    }\n\n    .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-menubar .p-menubar-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    .p-menubar-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n"}});function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var M=e.memo(e.forwardRef((function(n,t){var r=n.ptm,i=n.cx,o=function(e,t,i){return r(t,{props:n,hostName:n.hostName,context:{item:e,index:i,active:m(e),focused:g(e),disabled:y(e),level:n.level}})},u=function(e,t){y(t)||n.mobileActive?e.preventDefault():n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},a=function(e,n){var t=n.item;y(n)?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),c({originalEvent:e,processedItem:n,isFocus:!0}))},c=function(e){n.onLeafClick&&n.onLeafClick(e)},l=function(e){return"".concat(n.id,"_").concat(e.key)},s=function(e,n,t){return e&&e.item?d.getItemValue(e.item[n],t):void 0},m=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},v=function(e){return!1!==s(e,"visible")},y=function(e){return s(e,"disabled")},g=function(e){return n.focusedItemId===l(e)},E=function(e){return d.isNotEmpty(e.items)},k=function(e){return e-n.model.slice(0,e).filter((function(e){return v(e)&&s(e,"separator")})).length+1},S=function(t){var o=n.id+"_separator_"+t,u=p({id:o,key:o,className:i("separator"),role:"separator"},r("separator",{hostName:n.hostName}));return e.createElement("li",u)},O=function(t){var o=t&&t.items;return o?e.createElement(M,{id:n.id,hostName:n.hostName,menuProps:n.menuProps,level:n.level+1,model:o,activeItemPath:n.activeItemPath,focusedItemId:n.focusedItemId,onLeafClick:c,onItemMouseEnter:n.onItemMouseEnter,submenuIcon:n.submenuIcon,ptm:r,style:{display:m(t)?"block":"none"},cx:i}):null},P=function(t,r){var c=t.item;if(!v(t))return null;var S=l(t),P=m(t),N=g(t),K=y(t)||!1,j=E(t),D=f("p-menuitem-link",{"p-disabled":K}),A=f("p-menuitem-icon",s(t,"icon")),C=p({className:i("icon")},o(t,"icon",r)),M=b.getJSXIcon(c.icon,L({},C),{props:n.menuProps}),T=p({className:i("label")},o(t,"label",r)),R=c.label&&e.createElement("span",T,c.label),B=s(t,"items"),F=p({className:i("submenuIcon")},o(t,"submenuIcon",r)),_=B&&b.getJSXIcon(n.root?n.submenuIcon||e.createElement(x,F):n.submenuIcon||e.createElement(I,F),L({},F),{props:L({menuProps:n.menuProps},n)}),J=O(t),X=p({href:c.url||"#",tabIndex:"-1","aria-hidden":"true",className:i("action",{disabled:K}),onFocus:function(e){return e.stopPropagation()},target:s(t,"target"),"aria-haspopup":null!=B},o(t,"action",r)),z=e.createElement("a",X,M,R,_,e.createElement(h,null));c.template&&(z=d.getJSXElement(c.template,c,{className:D,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:n}));var U=p({onClick:function(e){return a(e,t)},onMouseEnter:function(e){return u(e,t)},className:i("content")},o(t,"content",r)),V=s(t,"className"),H=p(w({id:S,key:S,role:"menuitem","aria-label":c.label,"aria-disabled":K,"aria-expanded":j?P:void 0,"aria-haspopup":j&&!c.url?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return v(e)&&!s(e,"separator")})).length,"aria-posinset":k(r),"data-p-highlight":P,"data-p-focused":N,"data-p-disabled":K,className:f(V,i("menuitem",{active:P,focused:N,disabled:K}))},"data-p-disabled",K||!1),o(t,"menuitem",r));return e.createElement("li",H,e.createElement("div",U,z),J)},N=n.root?"menubar":"menu",K=n.root?"menu":"submenu",j=n.root?"0":null,D=n.model?n.model.map((function(e,n){return s(e,"separator")?S(n):P(e,n)})):null,A=p({ref:t,className:i(K),level:n.level,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,id:n.id,tabIndex:j,"aria-activedescendant":n.ariaActivedescendant,style:n.style,role:N},r(K));return e.createElement("ul",A,D)})));function T(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 R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?T(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}M.displayName="MenubarSub";var B=e.memo(e.forwardRef((function(i,x){var I=e.useContext(t),h=A.getProps(i,I),E=D(e.useState(h.id),2),k=E[0],S=E[1],O=D(e.useState(!1),2),P=O[0],N=O[1],K=D(e.useState(!1),2),j=K[0],C=K[1],L=D(e.useState({index:-1,level:0,parentKey:""}),2),T=L[0],B=L[1],F=D(e.useState(null),2),_=F[0],J=F[1],X=D(e.useState([]),2),z=X[0],U=X[1],V=D(e.useState([]),2),H=V[0],W=V[1],Z=D(e.useState([]),2),Y=Z[0],$=Z[1],q=D(e.useState(!1),2),G=q[0],Q=q[1],ee=D(e.useState(!1),2),ne=ee[0],te=ee[1],re=e.useRef(null),ie=e.useRef(null),oe=e.useRef(null),ue=e.useRef(""),ae=e.useRef(null),ce=e.useRef(!1),le=A.setMetaData({props:h,state:{id:k,mobileActive:P}}),se=le.ptm,me=le.cx;o(A.css.styles,le.isUnstyled,{name:"menubar"});var fe=D(u({type:"click",listener:function(e){he(e)&&(re.current&&!re.current.contains(e.target)&&Ie())}}),2),pe=fe[0],de=fe[1],be=D(a({listener:function(e){v.isTouchDevice()||Ie(e)}}),2),ve=be[0],ye=be[1],ge=function(e){P?(N(!1),Ie()):(N(!0),setTimeout((function(){xe()}),1)),e.preventDefault()},xe=function(){B({index:He(),level:0,parentKey:""}),v.focus(ie.current)},Ie=function(e){P&&(N(!1),setTimeout((function(){v.focus(oe.current)}),0)),U([]),B({index:-1,level:0,parentKey:""}),e&&v.focus(ie.current),te(!1)},he=function(e){return ie.current!==e.target&&!ie.current.contains(e.target)&&oe.current!==e.target&&!oe.current.contains(e.target)},Ee=function(e,n){return e?d.getItemValue(e[n]):void 0},ke=function(e){return Ee(e,"separator")},Se=function(e){return e?Ee(e.item,"label"):void 0},we=function(e){return e&&d.isNotEmpty(e.items)},Oe=function(e){var n=e.processedItem,t=e.isFocus;if(!d.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=d.isNotEmpty(n.items),c=z.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),B({index:r,level:o,parentKey:u}),U(c),a&&te(!0),t&&v.focus(ie.current)}},Pe=function(e){var n=H[T.index];if(n?d.isEmpty(n.parent):null){we(n)&&(Oe({originalEvent:e,processedItem:n}),B({index:-1,parentKey:n.key}),setTimeout((function(){return Q(!0)}),0))}else{var t=-1!==T.index?ze(T.index):He();Ye(t)}e.preventDefault()},Ne=function(e){var n=H[T.index];if(d.isEmpty(n.parent)){we(n)&&(Oe({originalEvent:e,processedItem:n}),B({index:-1,parentKey:n.key}),ce.current=!0,setTimeout((function(){return Q(!0)}),0))}else{var t=z.find((function(e){return e.key===n.parentKey}));if(0===T.index&&t&&""===t.parentKey)B({index:-1,parentKey:t?t.parentKey:""}),ue.current="",Ke(e);else{var r=-1!==T.index?Ue(T.index):We();Ye(r)}}e.preventDefault()},Ke=function(e){var n=H[T.index],t=n?z.find((function(e){return e.key===n.parentKey})):null;if(t)Oe({originalEvent:e,processedItem:t}),U(z.filter((function(e){return e.key!==t.key})));else{var r=-1!==T.index?Ue(T.index):We();Ye(r)}e.preventDefault()},je=function(e){var n=H[T.index];if(n?z.find((function(e){return e.key===n.parentKey})):null){we(n)&&(Oe({originalEvent:e,processedItem:n}),B({index:-1,parentKey:n.key}),setTimeout((function(){return Q(!0)}),0))}else{var t=-1!==T.index?ze(T.index):He();Ye(t)}e.preventDefault()},De=function(e){Ye(Je()),e.preventDefault()},Ae=function(e){Ye(Xe()),e.preventDefault()},Ce=function(e){if(-1!==T.index){var n=v.findSingle(ie.current,'li[id="'.concat("".concat(_),'"]')),t=n&&v.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},Le=function(e){Ce(e)},Me=function(e){Ie(!0),B({focusedItemInfo:T,index:He()})},Te=function(e){if(-1!==T.index){var n=H[T.index];!we(n)&&Oe({originalEvent:e,processedItem:n})}Ie()},Re=function(e){return Be(e)&&Se(e).toLocaleLowerCase().startsWith(ue.current.toLocaleLowerCase())},Be=function(e){return!!e&&!Ee(e.item,"disabled")&&!ke(e.item)},Fe=function(e){return Be(e)&&_e(e)},_e=function(e){return z.some((function(n){return n.key===e.key}))},Je=function(){return H.findIndex((function(e){return Be(e)}))},Xe=function(){return d.findLastIndex(H,(function(e){return Be(e)}))},ze=function(e){var n=e<H.length-1?H.slice(e+1).findIndex((function(e){return Be(e)})):-1;return n>-1?n+e+1:e},Ue=function(e){var n=e>0?d.findLastIndex(H.slice(0,e),(function(e){return Be(e)})):-1;return n>-1?n:e},Ve=function(){return H.findIndex((function(e){return Fe(e)}))},He=function(){var e=Ve();return e<0?Je():e},We=function(){var e=Ve();return e<0?Xe():e},Ze=function(e,n){ue.current=(ue.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==T.index?-1===(t=H.slice(T.index).findIndex((function(e){return Re(e)})))?H.slice(0,T.index).findIndex((function(e){return Re(e)})):t+T.index:H.findIndex((function(e){return Re(e)})))&&(r=!0),-1===t&&-1===T.index&&(t=He()),-1!==t&&Ye(t),ae.current&&clearTimeout(ae.current),ae.current=setTimeout((function(){ue.current="",ae.current=null}),500),r},Ye=function(e){T.index!==e&&(B(R(R({},T),{},{index:e})),$e())},$e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(k,"_").concat(e):_,t=v.findSingle(ie.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},qe=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,u){var a=(""!==i?i+"_":"")+u,c={item:n,index:u,level:t,key:a,parent:r,parentKey:i};c.items=e(n.items,t+1,c,a),o.push(c)})),o};c((function(){k||S(y())})),l((function(){P?(pe(),ve(),g.set("menu",ie.current,I&&I.autoZIndex||n.autoZIndex,I&&I.zIndex.menu||n.zIndex.menu)):(ye(),de(),g.clear(ie.current))}),[P]),l((function(){var e=qe(h.model||[],0,null,"");$(e)}),[h.model]),l((function(){var e=z.find((function(e){return e.key===T.parentKey}));W(e?e.items:Y)}),[z,T,Y]),l((function(){d.isNotEmpty(z)?(pe(),ve()):(de(),ye())}),[z]),l((function(){if(G){var e=-1!==T.index?ze(T.index):ce.current?Xe():He();Ye(e),ce.current=!1,Q(!1)}}),[G]),l((function(){J(-1!==T.index?"".concat(k).concat(d.isNotEmpty(T.parentKey)?"_"+T.parentKey:"","_").concat(T.index):null)}),[T]),s((function(){g.clear(ie.current)})),e.useImperativeHandle(x,(function(){return{props:h,toggle:ge,getElement:function(){return re.current},getRootMenu:function(){return ie.current},getMenuButton:function(){return oe.current}}}));var Ge=function(){if(h.start){var n=d.getJSXElement(h.start,h),t=p({className:me("start")},se("start"));return e.createElement("div",t,n)}return null}(),Qe=function(){if(h.end){var n=d.getJSXElement(h.end,h),t=p({className:me("end")},se("end"));return e.createElement("div",t,n)}return null}(),en=function(){if(h.model&&h.model.length<1)return null;var n=p(w(w(w(w({ref:oe,href:"#",tabIndex:"0","aria-haspopup":!!(P&&h.model&&h.model.lentgh>0),"aria-expanded":P,"aria-label":r("navigation"),"aria-controls":k,role:"button"},"tabIndex",0),"className",me("button")),"onKeyDown",(function(e){var n;("Enter"===(n=e).code||"Space"===n.code)&&ge(n)})),"onClick",(function(e){return ge(e)})),se("button")),t=p(se("popupIcon")),i=b.getJSXIcon(h.menuIcon||e.createElement(m,t),R({},t),{props:h});return e.createElement("a",n,i)}(),nn=e.createElement(M,{hostName:"Menubar",ariaActivedescendant:j?_:void 0,level:0,id:k,ref:ie,menuProps:h,model:Y,onLeafClick:function(e){var n=e.originalEvent,t=e.processedItem,r=we(t),i=d.isEmpty(t.parent);if(_e(t)){var o=t.index,u=t.key,a=t.level,c=t.parentKey;U(z.filter((function(e){return u!==e.key&&u.startsWith(e.key)}))),B({index:o,level:a,parentKey:c}),r||te(!i),setTimeout((function(){v.focus(ie.current),r&&te(!0)}),0)}else if(r)v.focus(ie.current),Oe({originalEvent:n,processedItem:t});else{var l=i?t:z.find((function(e){return""===e.parentKey})),s=l?l.index:-1;Ie(n),B({index:s,parentKey:l?l.parentKey:""}),N(!1)}},onItemMouseEnter:function(e){!P&&ne&&Oe(e)},onFocus:function(e){C(!0),B(-1!==T.index?T:{index:He(),level:0,parentKey:""}),h.onFocus&&h.onFocus(e)},onBlur:function(e){C(!1),B({index:-1,level:0,parentKey:""}),ue.current="",te(!1),h.onBlur&&h.onBlur(e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Pe(e);break;case"ArrowUp":Ne(e);break;case"ArrowLeft":Ke(e);break;case"ArrowRight":je(e);break;case"Home":De(e);break;case"End":Ae(e);break;case"Space":Le(e);break;case"Enter":Ce(e);break;case"Escape":Me();break;case"Tab":Te(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&d.isPrintableCharacter(e.key)&&Ze(e,e.key)}},root:!0,activeItemPath:z,focusedItemId:j?_:void 0,submenuIcon:h.submenuIcon,ptm:se,cx:me}),tn=p({id:h.id,ref:re,className:f(h.className,me("root",{mobileActiveState:P})),style:h.style},A.getOtherProps(h),se("root"));return e.createElement("div",tn,Ge,en,nn,Qe)})));B.displayName="Menubar";export{B as Menubar};
+import*as e from"react";import n,{PrimeReactContext as t,ariaLabel as r}from"primereact/api";import{ComponentBase as i,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as u,useEventListener as a,useResizeListener as c,useMountEffect as l,useUpdateEffect as s,useUnmountEffect as m}from"primereact/hooks";import{BarsIcon as f}from"primereact/icons/bars";import{classNames as p,ObjectUtils as d,IconUtils as b,DomHandler as v,UniqueComponentId as y,ZIndexUtils as g}from"primereact/utils";import{AngleDownIcon as x}from"primereact/icons/angledown";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as h}from"primereact/ripple";function E(e){return E="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},E(e)}function k(e,n){if("object"!==E(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=k(e,"string");return"symbol"===E(n)?n:String(n)}function w(e,n,t){return(n=S(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 P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function N(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function K(e,n){if(e){if("string"==typeof e)return N(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?N(e,n):void 0}}function j(){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 D(e,n){return O(e)||P(e,n)||K(e,n)||j()}var A=i.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,ariaLabel:null,ariaLabelledBy:null,onFocus:null,onBlur:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return p("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menuitem-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return p("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-menubar-root-list",content:"p-menuitem-content",submenu:"p-submenu-list",action:function(e){return p("p-menuitem-link",{"p-disabled":e.disabled})}},styles:"\n@layer primereact {\n    .p-menubar {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-menubar ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menubar .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-menubar .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-menubar .p-menuitem {\n        position: relative;\n    }\n\n    .p-menubar-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-menubar-root-list > li ul {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n\n    .p-menubar .p-submenu-list {\n        display: none;\n        position: absolute;\n        z-index: 1;\n    }\n\n    .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-menubar .p-menubar-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    .p-menubar-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n"}});function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var M=e.memo(e.forwardRef((function(n,t){var r=u(),i=n.ptm,o=n.cx,a=function(e,t,r){return i(t,{props:n,hostName:n.hostName,context:{item:e,index:r,active:v(e),focused:E(e),disabled:g(e),level:n.level}})},c=function(e,t){g(t)||n.mobileActive?e.preventDefault():n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},l=function(e,n){var t=n.item;g(n)?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),s({originalEvent:e,processedItem:n,isFocus:!0}))},s=function(e){n.onLeafClick&&n.onLeafClick(e)},m=function(e){return"".concat(n.id,"_").concat(e.key)},f=function(e,n,t){return e&&e.item?d.getItemValue(e.item[n],t):void 0},v=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},y=function(e){return!1!==f(e,"visible")},g=function(e){return f(e,"disabled")},E=function(e){return n.focusedItemId===m(e)},k=function(e){return d.isNotEmpty(e.items)},S=function(e){return e-n.model.slice(0,e).filter((function(e){return y(e)&&f(e,"separator")})).length+1},O=function(t){var u=n.id+"_separator_"+t,a=r({id:u,key:u,className:o("separator"),role:"separator"},i("separator",{hostName:n.hostName}));return e.createElement("li",a)},P=function(t){var r=t&&t.items;return r?e.createElement(M,{id:n.id,hostName:n.hostName,menuProps:n.menuProps,level:n.level+1,model:r,activeItemPath:n.activeItemPath,focusedItemId:n.focusedItemId,onLeafClick:s,onItemMouseEnter:n.onItemMouseEnter,submenuIcon:n.submenuIcon,ptm:i,style:{display:v(t)?"block":"none"},cx:o}):null},N=function(t,i){var u=t.item;if(!y(t))return null;var s=m(t),O=v(t),N=E(t),K=g(t)||!1,j=k(t),D=p("p-menuitem-link",{"p-disabled":K}),A=p("p-menuitem-icon",f(t,"icon")),C=r({className:o("icon")},a(t,"icon",i)),M=b.getJSXIcon(u.icon,L({},C),{props:n.menuProps}),T=r({className:o("label")},a(t,"label",i)),R=u.label&&e.createElement("span",T,u.label),B=f(t,"items"),F=r({className:o("submenuIcon")},a(t,"submenuIcon",i)),_=B&&b.getJSXIcon(n.root?n.submenuIcon||e.createElement(x,F):n.submenuIcon||e.createElement(I,F),L({},F),{props:L({menuProps:n.menuProps},n)}),J=P(t),X=r({href:u.url||"#",tabIndex:"-1","aria-hidden":"true",className:o("action",{disabled:K}),onFocus:function(e){return e.stopPropagation()},target:f(t,"target"),"aria-haspopup":null!=B},a(t,"action",i)),z=e.createElement("a",X,M,R,_,e.createElement(h,null));u.template&&(z=d.getJSXElement(u.template,u,{className:D,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:n}));var U=r({onClick:function(e){return l(e,t)},onMouseEnter:function(e){return c(e,t)},className:o("content")},a(t,"content",i)),V=f(t,"className"),H=r(w({id:s,key:s,role:"menuitem","aria-label":u.label,"aria-disabled":K,"aria-expanded":j?O:void 0,"aria-haspopup":j&&!u.url?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return y(e)&&!f(e,"separator")})).length,"aria-posinset":S(i),"data-p-highlight":O,"data-p-focused":N,"data-p-disabled":K,className:p(V,o("menuitem",{active:O,focused:N,disabled:K}))},"data-p-disabled",K||!1),a(t,"menuitem",i));return e.createElement("li",H,e.createElement("div",U,z),J)},K=n.root?"menubar":"menu",j=n.root?"menu":"submenu",D=n.root?"0":null,A=n.model?n.model.map((function(e,n){return f(e,"separator")?O(n):N(e,n)})):null,C=r({ref:t,className:o(j),level:n.level,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,id:n.id,tabIndex:D,"aria-activedescendant":n.ariaActivedescendant,style:n.style,role:K},i(j));return e.createElement("ul",C,A)})));function T(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 R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?T(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}M.displayName="MenubarSub";var B=e.memo(e.forwardRef((function(i,x){var I=u(),h=e.useContext(t),E=A.getProps(i,h),k=D(e.useState(E.id),2),S=k[0],O=k[1],P=D(e.useState(!1),2),N=P[0],K=P[1],j=D(e.useState(!1),2),C=j[0],L=j[1],T=D(e.useState({index:-1,level:0,parentKey:""}),2),B=T[0],F=T[1],_=D(e.useState(null),2),J=_[0],X=_[1],z=D(e.useState([]),2),U=z[0],V=z[1],H=D(e.useState([]),2),W=H[0],Z=H[1],Y=D(e.useState([]),2),$=Y[0],q=Y[1],G=D(e.useState(!1),2),Q=G[0],ee=G[1],ne=D(e.useState(!1),2),te=ne[0],re=ne[1],ie=e.useRef(null),oe=e.useRef(null),ue=e.useRef(null),ae=e.useRef(""),ce=e.useRef(null),le=e.useRef(!1),se=A.setMetaData({props:E,state:{id:S,mobileActive:N}}),me=se.ptm,fe=se.cx;o(A.css.styles,se.isUnstyled,{name:"menubar"});var pe=D(a({type:"click",listener:function(e){Ee(e)&&(ie.current&&!ie.current.contains(e.target)&&he())}}),2),de=pe[0],be=pe[1],ve=D(c({listener:function(e){v.isTouchDevice()||he(e)}}),2),ye=ve[0],ge=ve[1],xe=function(e){N?(K(!1),he()):(K(!0),setTimeout((function(){Ie()}),1)),e.preventDefault()},Ie=function(){F({index:We(),level:0,parentKey:""}),v.focus(oe.current)},he=function(e){N&&(K(!1),setTimeout((function(){v.focus(ue.current)}),0)),V([]),F({index:-1,level:0,parentKey:""}),e&&v.focus(oe.current),re(!1)},Ee=function(e){return oe.current!==e.target&&!oe.current.contains(e.target)&&ue.current!==e.target&&!ue.current.contains(e.target)},ke=function(e,n){return e?d.getItemValue(e[n]):void 0},Se=function(e){return ke(e,"separator")},we=function(e){return e?ke(e.item,"label"):void 0},Oe=function(e){return e&&d.isNotEmpty(e.items)},Pe=function(e){var n=e.processedItem,t=e.isFocus;if(!d.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=d.isNotEmpty(n.items),c=U.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),F({index:r,level:o,parentKey:u}),V(c),a&&re(!0),t&&v.focus(oe.current)}},Ne=function(e){var n=W[B.index];if(n?d.isEmpty(n.parent):null){Oe(n)&&(Pe({originalEvent:e,processedItem:n}),F({index:-1,parentKey:n.key}),setTimeout((function(){return ee(!0)}),0))}else{var t=-1!==B.index?Ue(B.index):We();$e(t)}e.preventDefault()},Ke=function(e){var n=W[B.index];if(d.isEmpty(n.parent)){Oe(n)&&(Pe({originalEvent:e,processedItem:n}),F({index:-1,parentKey:n.key}),le.current=!0,setTimeout((function(){return ee(!0)}),0))}else{var t=U.find((function(e){return e.key===n.parentKey}));if(0===B.index&&t&&""===t.parentKey)F({index:-1,parentKey:t?t.parentKey:""}),ae.current="",je(e);else{var r=-1!==B.index?Ve(B.index):Ze();$e(r)}}e.preventDefault()},je=function(e){var n=W[B.index],t=n?U.find((function(e){return e.key===n.parentKey})):null;if(t)Pe({originalEvent:e,processedItem:t}),V(U.filter((function(e){return e.key!==t.key})));else{var r=-1!==B.index?Ve(B.index):Ze();$e(r)}e.preventDefault()},De=function(e){var n=W[B.index];if(n?U.find((function(e){return e.key===n.parentKey})):null){Oe(n)&&(Pe({originalEvent:e,processedItem:n}),F({index:-1,parentKey:n.key}),setTimeout((function(){return ee(!0)}),0))}else{var t=-1!==B.index?Ue(B.index):We();$e(t)}e.preventDefault()},Ae=function(e){$e(Xe()),e.preventDefault()},Ce=function(e){$e(ze()),e.preventDefault()},Le=function(e){if(-1!==B.index){var n=v.findSingle(oe.current,'li[id="'.concat("".concat(J),'"]')),t=n&&v.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},Me=function(e){Le(e)},Te=function(e){he(!0),F({focusedItemInfo:B,index:We()})},Re=function(e){if(-1!==B.index){var n=W[B.index];!Oe(n)&&Pe({originalEvent:e,processedItem:n})}he()},Be=function(e){return Fe(e)&&we(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Fe=function(e){return!!e&&!ke(e.item,"disabled")&&!Se(e.item)},_e=function(e){return Fe(e)&&Je(e)},Je=function(e){return U.some((function(n){return n.key===e.key}))},Xe=function(){return W.findIndex((function(e){return Fe(e)}))},ze=function(){return d.findLastIndex(W,(function(e){return Fe(e)}))},Ue=function(e){var n=e<W.length-1?W.slice(e+1).findIndex((function(e){return Fe(e)})):-1;return n>-1?n+e+1:e},Ve=function(e){var n=e>0?d.findLastIndex(W.slice(0,e),(function(e){return Fe(e)})):-1;return n>-1?n:e},He=function(){return W.findIndex((function(e){return _e(e)}))},We=function(){var e=He();return e<0?Xe():e},Ze=function(){var e=He();return e<0?ze():e},Ye=function(e,n){ae.current=(ae.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==B.index?-1===(t=W.slice(B.index).findIndex((function(e){return Be(e)})))?W.slice(0,B.index).findIndex((function(e){return Be(e)})):t+B.index:W.findIndex((function(e){return Be(e)})))&&(r=!0),-1===t&&-1===B.index&&(t=We()),-1!==t&&$e(t),ce.current&&clearTimeout(ce.current),ce.current=setTimeout((function(){ae.current="",ce.current=null}),500),r},$e=function(e){B.index!==e&&(F(R(R({},B),{},{index:e})),qe())},qe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(S,"_").concat(e):J,t=v.findSingle(oe.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},Ge=e.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=Ge(e.items,n+1,a,u),i.push(a)})),i}),[]);l((function(){S||O(y())})),s((function(){N?(de(),ye(),g.set("menu",oe.current,h&&h.autoZIndex||n.autoZIndex,h&&h.zIndex.menu||n.zIndex.menu)):(ge(),be(),g.clear(oe.current))}),[N]),e.useEffect((function(){var e=Ge(E.model||[],0,null,"");q(e)}),[E.model,Ge]),s((function(){var e=U.find((function(e){return e.key===B.parentKey}));Z(e?e.items:$)}),[U,B,$]),s((function(){d.isNotEmpty(U)?(de(),ye()):(be(),ge())}),[U]),s((function(){if(Q){var e=-1!==B.index?Ue(B.index):le.current?ze():We();$e(e),le.current=!1,ee(!1)}}),[Q]),s((function(){X(-1!==B.index?"".concat(S).concat(d.isNotEmpty(B.parentKey)?"_"+B.parentKey:"","_").concat(B.index):null)}),[B]),m((function(){g.clear(oe.current)})),e.useImperativeHandle(x,(function(){return{props:E,toggle:xe,getElement:function(){return ie.current},getRootMenu:function(){return oe.current},getMenuButton:function(){return ue.current}}}));var Qe=function(){if(E.start){var n=d.getJSXElement(E.start,E),t=I({className:fe("start")},me("start"));return e.createElement("div",t,n)}return null}(),en=function(){if(E.end){var n=d.getJSXElement(E.end,E),t=I({className:fe("end")},me("end"));return e.createElement("div",t,n)}return null}(),nn=function(){if(E.model&&E.model.length<1)return null;var n=I(w(w(w(w({ref:ue,href:"#",tabIndex:"0","aria-haspopup":!!(N&&E.model&&E.model.lentgh>0),"aria-expanded":N,"aria-label":r("navigation"),"aria-controls":S,role:"button"},"tabIndex",0),"className",fe("button")),"onKeyDown",(function(e){var n;("Enter"===(n=e).code||"Space"===n.code)&&xe(n)})),"onClick",(function(e){return xe(e)})),me("button")),t=I(me("popupIcon")),i=b.getJSXIcon(E.menuIcon||e.createElement(f,t),R({},t),{props:E});return e.createElement("a",n,i)}(),tn=e.createElement(M,{hostName:"Menubar",ariaActivedescendant:C?J:void 0,level:0,id:S,ref:oe,menuProps:E,model:$,onLeafClick:function(e){var n=e.originalEvent,t=e.processedItem,r=Oe(t),i=d.isEmpty(t.parent);if(Je(t)){var o=t.index,u=t.key,a=t.level,c=t.parentKey;V(U.filter((function(e){return u!==e.key&&u.startsWith(e.key)}))),F({index:o,level:a,parentKey:c}),r||re(!i),setTimeout((function(){v.focus(oe.current),r&&re(!0)}),0)}else if(r)v.focus(oe.current),Pe({originalEvent:n,processedItem:t});else{var l=i?t:U.find((function(e){return""===e.parentKey})),s=l?l.index:-1;he(n),F({index:s,parentKey:l?l.parentKey:""}),K(!1)}},onItemMouseEnter:function(e){!N&&te&&Pe(e)},onFocus:function(e){L(!0),F(-1!==B.index?B:{index:We(),level:0,parentKey:""}),E.onFocus&&E.onFocus(e)},onBlur:function(e){L(!1),F({index:-1,level:0,parentKey:""}),ae.current="",re(!1),E.onBlur&&E.onBlur(e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ne(e);break;case"ArrowUp":Ke(e);break;case"ArrowLeft":je(e);break;case"ArrowRight":De(e);break;case"Home":Ae(e);break;case"End":Ce(e);break;case"Space":Me(e);break;case"Enter":Le(e);break;case"Escape":Te();break;case"Tab":Re(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&d.isPrintableCharacter(e.key)&&Ye(e,e.key)}},root:!0,activeItemPath:U,focusedItemId:C?J:void 0,submenuIcon:E.submenuIcon,ptm:me,cx:fe}),rn=I({id:E.id,ref:ie,className:p(E.className,fe("root",{mobileActiveState:N})),style:E.style},A.getOtherProps(E),me("root"));return e.createElement("div",rn,Qe,nn,tn,en)})));B.displayName="Menubar";export{B as Menubar};

package/menubar/menubar.js

@@ -182,6 +182,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
   function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var MenubarSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var mergeProps = hooks.useMergeProps();
     var ptm = props.ptm,
       cx = props.cx;
     var getPTOptions = function getPTOptions(processedItem, key, index) {
@@ -267,7 +268,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
     };
     var createSeparator = function createSeparator(index) {
       var key = props.id + '_separator_' + index;
-      var separatorProps = utils.mergeProps({
+      var separatorProps = mergeProps({
         id: key,
         key: key,
         className: cx('separator'),
@@ -314,19 +315,19 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
         'p-disabled': disabled
       });
       var iconClassName = utils.classNames('p-menuitem-icon', getItemProp(processedItem, 'icon'));
-      var iconProps = utils.mergeProps({
+      var iconProps = mergeProps({
         className: cx('icon')
       }, getPTOptions(processedItem, 'icon', index));
       var icon = utils.IconUtils.getJSXIcon(item.icon, _objectSpread$1({}, iconProps), {
         props: props.menuProps
       });
-      var labelProps = utils.mergeProps({
+      var labelProps = mergeProps({
         className: cx('label')
       }, getPTOptions(processedItem, 'label', index));
       var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
       var items = getItemProp(processedItem, 'items');
       var submenuIconClassName = 'p-submenu-icon';
-      var submenuIconProps = utils.mergeProps({
+      var submenuIconProps = mergeProps({
         className: cx('submenuIcon')
       }, getPTOptions(processedItem, 'submenuIcon', index));
       var submenuIcon = items && utils.IconUtils.getJSXIcon(!props.root ? props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, submenuIconProps) : props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angledown.AngleDownIcon, submenuIconProps), _objectSpread$1({}, submenuIconProps), {
@@ -335,7 +336,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
         }, props)
       });
       var submenu = createSubmenu(processedItem);
-      var actionProps = utils.mergeProps({
+      var actionProps = mergeProps({
         href: item.url || '#',
         tabIndex: '-1',
         'aria-hidden': 'true',
@@ -360,7 +361,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
         };
         content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
       }
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         onClick: function onClick(event) {
           return onItemClick(event, processedItem);
         },
@@ -370,7 +371,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
         className: cx('content')
       }, getPTOptions(processedItem, 'content', index));
       var itemClassName = getItemProp(processedItem, 'className');
-      var menuitemProps = utils.mergeProps(_defineProperty({
+      var menuitemProps = mergeProps(_defineProperty({
         id: key,
         key: key,
         role: 'menuitem',
@@ -402,7 +403,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
     var ptKey = props.root ? 'menu' : 'submenu';
     var tabIndex = props.root ? '0' : null;
     var submenu = createMenu();
-    var menuProps = utils.mergeProps({
+    var menuProps = mergeProps({
       ref: ref,
       className: cx(ptKey),
       level: props.level,
@@ -422,6 +423,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Menubar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = MenubarBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(props.id),
@@ -960,7 +962,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
         });
       }
     };
-    var createProcessedItems = function createProcessedItems(items) {
+    var createProcessedItems = React__namespace.useCallback(function (items) {
       var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
       var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var parentKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
@@ -979,7 +981,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
         _processedItems.push(newItem);
       });
       return _processedItems;
-    };
+    }, []);
     hooks.useMountEffect(function () {
       if (!idState) {
         setIdState(utils.UniqueComponentId());
@@ -996,11 +998,11 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
         utils.ZIndexUtils.clear(rootMenuRef.current);
       }
     }, [mobileActiveState]);
-    hooks.useUpdateEffect(function () {
+    React__namespace.useEffect(function () {
       var itemsToProcess = props.model || [];
       var processed = createProcessedItems(itemsToProcess, 0, null, '');
       setProcessedItems(processed);
-    }, [props.model]);
+    }, [props.model, createProcessedItems]);
     hooks.useUpdateEffect(function () {
       var processedItem = activeItemPath.find(function (p) {
         return p.key === focusedItemInfo.parentKey;
@@ -1049,7 +1051,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
     var createStartContent = function createStartContent() {
       if (props.start) {
         var _start = utils.ObjectUtils.getJSXElement(props.start, props);
-        var startProps = utils.mergeProps({
+        var startProps = mergeProps({
           className: cx('start')
         }, ptm('start'));
         return /*#__PURE__*/React__namespace.createElement("div", startProps, _start);
@@ -1059,7 +1061,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
     var createEndContent = function createEndContent() {
       if (props.end) {
         var _end = utils.ObjectUtils.getJSXElement(props.end, props);
-        var endProps = utils.mergeProps({
+        var endProps = mergeProps({
           className: cx('end')
         }, ptm('end'));
         return /*#__PURE__*/React__namespace.createElement("div", endProps, _end);
@@ -1070,7 +1072,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
       if (props.model && props.model.length < 1) {
         return null;
       }
-      var buttonProps = utils.mergeProps(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      var buttonProps = mergeProps(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
         ref: menuButtonRef,
         href: '#',
         tabIndex: '0',
@@ -1084,7 +1086,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
       }), "onClick", function onClick(e) {
         return toggle(e);
       }), ptm('button'));
-      var popupIconProps = utils.mergeProps(ptm('popupIcon'));
+      var popupIconProps = mergeProps(ptm('popupIcon'));
       var icon = props.menuIcon || /*#__PURE__*/React__namespace.createElement(bars.BarsIcon, popupIconProps);
       var menuIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, popupIconProps), {
         props: props
@@ -1119,7 +1121,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
       ptm: ptm,
       cx: cx
     });
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       id: props.id,
       ref: elementRef,
       className: utils.classNames(props.className, cx('root', {

package/menubar/menubar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.menubar=function(e,n,t,r,i,o,a,u,c,l){"use strict";function s(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 f=m(n),p=s(t);function d(e){return d="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},d(e)}function b(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=b(e,"string");return"symbol"===d(n)?n:String(n)}function y(e,n,t){return(n=v(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function g(e){if(Array.isArray(e))return e}function x(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}return u}}function I(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e,n){if(e){if("string"==typeof e)return I(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?I(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 O(e,n){return g(e)||x(e,n)||h(e,n)||E()}var k=r.ComponentBase.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,ariaLabel:null,ariaLabelledBy:null,onFocus:null,onBlur:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return a.classNames("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menuitem-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-menubar-root-list",content:"p-menuitem-content",submenu:"p-submenu-list",action:function(e){return a.classNames("p-menuitem-link",{"p-disabled":e.disabled})}},styles:"\n@layer primereact {\n    .p-menubar {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-menubar ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menubar .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-menubar .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-menubar .p-menuitem {\n        position: relative;\n    }\n\n    .p-menubar-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-menubar-root-list > li ul {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n\n    .p-menubar .p-submenu-list {\n        display: none;\n        position: absolute;\n        z-index: 1;\n    }\n\n    .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-menubar .p-menubar-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    .p-menubar-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n"}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var S=f.memo(f.forwardRef((function(e,n){var t=e.ptm,r=e.cx,i=function(n,r,i){return t(r,{props:e,hostName:e.hostName,context:{item:n,index:i,active:b(n),focused:x(n),disabled:g(n),level:e.level}})},o=function(n,t){g(t)||e.mobileActive?n.preventDefault():e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},s=function(e,n){var t=n.item;g(n)?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),m({originalEvent:e,processedItem:n,isFocus:!0}))},m=function(n){e.onLeafClick&&e.onLeafClick(n)},p=function(n){return"".concat(e.id,"_").concat(n.key)},d=function(e,n,t){return e&&e.item?a.ObjectUtils.getItemValue(e.item[n],t):void 0},b=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},v=function(e){return!1!==d(e,"visible")},g=function(e){return d(e,"disabled")},x=function(n){return e.focusedItemId===p(n)},I=function(e){return a.ObjectUtils.isNotEmpty(e.items)},h=function(n){return n-e.model.slice(0,n).filter((function(e){return v(e)&&d(e,"separator")})).length+1},E=function(n){var i=e.id+"_separator_"+n,o=a.mergeProps({id:i,key:i,className:r("separator"),role:"separator"},t("separator",{hostName:e.hostName}));return f.createElement("li",o)},O=function(n){var i=n&&n.items;return i?f.createElement(S,{id:e.id,hostName:e.hostName,menuProps:e.menuProps,level:e.level+1,model:i,activeItemPath:e.activeItemPath,focusedItemId:e.focusedItemId,onLeafClick:m,onItemMouseEnter:e.onItemMouseEnter,submenuIcon:e.submenuIcon,ptm:t,style:{display:b(n)?"block":"none"},cx:r}):null},k=function(n,t){var m=n.item;if(!v(n))return null;var E=p(n),k=b(n),j=x(n),S=g(n)||!1,w=I(n),N=a.classNames("p-menuitem-link",{"p-disabled":S}),D=a.classNames("p-menuitem-icon",d(n,"icon")),U=a.mergeProps({className:r("icon")},i(n,"icon",t)),K=a.IconUtils.getJSXIcon(m.icon,P({},U),{props:e.menuProps}),A=a.mergeProps({className:r("label")},i(n,"label",t)),M=m.label&&f.createElement("span",A,m.label),C=d(n,"items"),L=a.mergeProps({className:r("submenuIcon")},i(n,"submenuIcon",t)),R=C&&a.IconUtils.getJSXIcon(e.root?e.submenuIcon||f.createElement(u.AngleDownIcon,L):e.submenuIcon||f.createElement(c.AngleRightIcon,L),P({},L),{props:P({menuProps:e.menuProps},e)}),H=O(n),T=a.mergeProps({href:m.url||"#",tabIndex:"-1","aria-hidden":"true",className:r("action",{disabled:S}),onFocus:function(e){return e.stopPropagation()},target:d(n,"target"),"aria-haspopup":null!=C},i(n,"action",t)),_=f.createElement("a",T,K,M,R,f.createElement(l.Ripple,null));m.template&&(_=a.ObjectUtils.getJSXElement(m.template,m,{className:N,labelClassName:"p-menuitem-text",iconClassName:D,submenuIconClassName:"p-submenu-icon",element:_,props:e}));var B=a.mergeProps({onClick:function(e){return s(e,n)},onMouseEnter:function(e){return o(e,n)},className:r("content")},i(n,"content",t)),F=d(n,"className"),z=a.mergeProps(y({id:E,key:E,role:"menuitem","aria-label":m.label,"aria-disabled":S,"aria-expanded":w?k:void 0,"aria-haspopup":w&&!m.url?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return v(e)&&!d(e,"separator")})).length,"aria-posinset":h(t),"data-p-highlight":k,"data-p-focused":j,"data-p-disabled":S,className:a.classNames(F,r("menuitem",{active:k,focused:j,disabled:S}))},"data-p-disabled",S||!1),i(n,"menuitem",t));return f.createElement("li",z,f.createElement("div",B,_),H)},j=e.root?"menubar":"menu",w=e.root?"menu":"submenu",N=e.root?"0":null,D=e.model?e.model.map((function(e,n){return d(e,"separator")?E(n):k(e,n)})):null,U=a.mergeProps({ref:n,className:r(w),level:e.level,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,id:e.id,tabIndex:N,"aria-activedescendant":e.ariaActivedescendant,style:e.style,role:j},t(w));return f.createElement("ul",U,D)})));function w(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?w(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}S.displayName="MenubarSub";var D=f.memo(f.forwardRef((function(e,n){var u=f.useContext(t.PrimeReactContext),c=k.getProps(e,u),l=O(f.useState(c.id),2),s=l[0],m=l[1],d=O(f.useState(!1),2),b=d[0],v=d[1],g=O(f.useState(!1),2),x=g[0],I=g[1],h=O(f.useState({index:-1,level:0,parentKey:""}),2),E=h[0],j=h[1],P=O(f.useState(null),2),w=P[0],D=P[1],U=O(f.useState([]),2),K=U[0],A=U[1],M=O(f.useState([]),2),C=M[0],L=M[1],R=O(f.useState([]),2),H=R[0],T=R[1],_=O(f.useState(!1),2),B=_[0],F=_[1],z=O(f.useState(!1),2),J=z[0],X=z[1],Z=f.useRef(null),V=f.useRef(null),W=f.useRef(null),q=f.useRef(""),Y=f.useRef(null),$=f.useRef(!1),G=k.setMetaData({props:c,state:{id:s,mobileActive:b}}),Q=G.ptm,ee=G.cx;r.useHandleStyle(k.css.styles,G.isUnstyled,{name:"menubar"});var ne=O(i.useEventListener({type:"click",listener:function(e){se(e)&&(Z.current&&!Z.current.contains(e.target)&&le())}}),2),te=ne[0],re=ne[1],ie=O(i.useResizeListener({listener:function(e){a.DomHandler.isTouchDevice()||le(e)}}),2),oe=ie[0],ae=ie[1],ue=function(e){b?(v(!1),le()):(v(!0),setTimeout((function(){ce()}),1)),e.preventDefault()},ce=function(){j({index:Ce(),level:0,parentKey:""}),a.DomHandler.focus(V.current)},le=function(e){b&&(v(!1),setTimeout((function(){a.DomHandler.focus(W.current)}),0)),A([]),j({index:-1,level:0,parentKey:""}),e&&a.DomHandler.focus(V.current),X(!1)},se=function(e){return V.current!==e.target&&!V.current.contains(e.target)&&W.current!==e.target&&!W.current.contains(e.target)},me=function(e,n){return e?a.ObjectUtils.getItemValue(e[n]):void 0},fe=function(e){return me(e,"separator")},pe=function(e){return e?me(e.item,"label"):void 0},de=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},be=function(e){var n=e.processedItem,t=e.isFocus;if(!a.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,c=a.ObjectUtils.isNotEmpty(n.items),l=K.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),j({index:r,level:o,parentKey:u}),A(l),c&&X(!0),t&&a.DomHandler.focus(V.current)}},ve=function(e){var n=C[E.index];if(n?a.ObjectUtils.isEmpty(n.parent):null){de(n)&&(be({originalEvent:e,processedItem:n}),j({index:-1,parentKey:n.key}),setTimeout((function(){return F(!0)}),0))}else{var t=-1!==E.index?Ke(E.index):Ce();He(t)}e.preventDefault()},ye=function(e){var n=C[E.index];if(a.ObjectUtils.isEmpty(n.parent)){de(n)&&(be({originalEvent:e,processedItem:n}),j({index:-1,parentKey:n.key}),$.current=!0,setTimeout((function(){return F(!0)}),0))}else{var t=K.find((function(e){return e.key===n.parentKey}));if(0===E.index&&t&&""===t.parentKey)j({index:-1,parentKey:t?t.parentKey:""}),q.current="",ge(e);else{var r=-1!==E.index?Ae(E.index):Le();He(r)}}e.preventDefault()},ge=function(e){var n=C[E.index],t=n?K.find((function(e){return e.key===n.parentKey})):null;if(t)be({originalEvent:e,processedItem:t}),A(K.filter((function(e){return e.key!==t.key})));else{var r=-1!==E.index?Ae(E.index):Le();He(r)}e.preventDefault()},xe=function(e){var n=C[E.index];if(n?K.find((function(e){return e.key===n.parentKey})):null){de(n)&&(be({originalEvent:e,processedItem:n}),j({index:-1,parentKey:n.key}),setTimeout((function(){return F(!0)}),0))}else{var t=-1!==E.index?Ke(E.index):Ce();He(t)}e.preventDefault()},Ie=function(e){He(De()),e.preventDefault()},he=function(e){He(Ue()),e.preventDefault()},Ee=function(e){if(-1!==E.index){var n=a.DomHandler.findSingle(V.current,'li[id="'.concat("".concat(w),'"]')),t=n&&a.DomHandler.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},Oe=function(e){Ee(e)},ke=function(e){le(!0),j({focusedItemInfo:E,index:Ce()})},je=function(e){if(-1!==E.index){var n=C[E.index];!de(n)&&be({originalEvent:e,processedItem:n})}le()},Pe=function(e){return Se(e)&&pe(e).toLocaleLowerCase().startsWith(q.current.toLocaleLowerCase())},Se=function(e){return!!e&&!me(e.item,"disabled")&&!fe(e.item)},we=function(e){return Se(e)&&Ne(e)},Ne=function(e){return K.some((function(n){return n.key===e.key}))},De=function(){return C.findIndex((function(e){return Se(e)}))},Ue=function(){return a.ObjectUtils.findLastIndex(C,(function(e){return Se(e)}))},Ke=function(e){var n=e<C.length-1?C.slice(e+1).findIndex((function(e){return Se(e)})):-1;return n>-1?n+e+1:e},Ae=function(e){var n=e>0?a.ObjectUtils.findLastIndex(C.slice(0,e),(function(e){return Se(e)})):-1;return n>-1?n:e},Me=function(){return C.findIndex((function(e){return we(e)}))},Ce=function(){var e=Me();return e<0?De():e},Le=function(){var e=Me();return e<0?Ue():e},Re=function(e,n){q.current=(q.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==E.index?-1===(t=C.slice(E.index).findIndex((function(e){return Pe(e)})))?C.slice(0,E.index).findIndex((function(e){return Pe(e)})):t+E.index:C.findIndex((function(e){return Pe(e)})))&&(r=!0),-1===t&&-1===E.index&&(t=Ce()),-1!==t&&He(t),Y.current&&clearTimeout(Y.current),Y.current=setTimeout((function(){q.current="",Y.current=null}),500),r},He=function(e){E.index!==e&&(j(N(N({},E),{},{index:e})),Te())},Te=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(s,"_").concat(e):w,t=a.DomHandler.findSingle(V.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},_e=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,a){var u=(""!==i?i+"_":"")+a,c={item:n,index:a,level:t,key:u,parent:r,parentKey:i};c.items=e(n.items,t+1,c,u),o.push(c)})),o};i.useMountEffect((function(){s||m(a.UniqueComponentId())})),i.useUpdateEffect((function(){b?(te(),oe(),a.ZIndexUtils.set("menu",V.current,u&&u.autoZIndex||p.default.autoZIndex,u&&u.zIndex.menu||p.default.zIndex.menu)):(ae(),re(),a.ZIndexUtils.clear(V.current))}),[b]),i.useUpdateEffect((function(){var e=_e(c.model||[],0,null,"");T(e)}),[c.model]),i.useUpdateEffect((function(){var e=K.find((function(e){return e.key===E.parentKey}));L(e?e.items:H)}),[K,E,H]),i.useUpdateEffect((function(){a.ObjectUtils.isNotEmpty(K)?(te(),oe()):(re(),ae())}),[K]),i.useUpdateEffect((function(){if(B){var e=-1!==E.index?Ke(E.index):$.current?Ue():Ce();He(e),$.current=!1,F(!1)}}),[B]),i.useUpdateEffect((function(){D(-1!==E.index?"".concat(s).concat(a.ObjectUtils.isNotEmpty(E.parentKey)?"_"+E.parentKey:"","_").concat(E.index):null)}),[E]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(V.current)})),f.useImperativeHandle(n,(function(){return{props:c,toggle:ue,getElement:function(){return Z.current},getRootMenu:function(){return V.current},getMenuButton:function(){return W.current}}}));var Be=function(){if(c.start){var e=a.ObjectUtils.getJSXElement(c.start,c),n=a.mergeProps({className:ee("start")},Q("start"));return f.createElement("div",n,e)}return null}(),Fe=function(){if(c.end){var e=a.ObjectUtils.getJSXElement(c.end,c),n=a.mergeProps({className:ee("end")},Q("end"));return f.createElement("div",n,e)}return null}(),ze=function(){if(c.model&&c.model.length<1)return null;var e=a.mergeProps(y(y(y(y({ref:W,href:"#",tabIndex:"0","aria-haspopup":!!(b&&c.model&&c.model.lentgh>0),"aria-expanded":b,"aria-label":t.ariaLabel("navigation"),"aria-controls":s,role:"button"},"tabIndex",0),"className",ee("button")),"onKeyDown",(function(e){var n;("Enter"===(n=e).code||"Space"===n.code)&&ue(n)})),"onClick",(function(e){return ue(e)})),Q("button")),n=a.mergeProps(Q("popupIcon")),r=a.IconUtils.getJSXIcon(c.menuIcon||f.createElement(o.BarsIcon,n),N({},n),{props:c});return f.createElement("a",e,r)}(),Je=f.createElement(S,{hostName:"Menubar",ariaActivedescendant:x?w:void 0,level:0,id:s,ref:V,menuProps:c,model:H,onLeafClick:function(e){var n=e.originalEvent,t=e.processedItem,r=de(t),i=a.ObjectUtils.isEmpty(t.parent);if(Ne(t)){var o=t.index,u=t.key,c=t.level,l=t.parentKey;A(K.filter((function(e){return u!==e.key&&u.startsWith(e.key)}))),j({index:o,level:c,parentKey:l}),r||X(!i),setTimeout((function(){a.DomHandler.focus(V.current),r&&X(!0)}),0)}else if(r)a.DomHandler.focus(V.current),be({originalEvent:n,processedItem:t});else{var s=i?t:K.find((function(e){return""===e.parentKey})),m=s?s.index:-1;le(n),j({index:m,parentKey:s?s.parentKey:""}),v(!1)}},onItemMouseEnter:function(e){!b&&J&&be(e)},onFocus:function(e){I(!0),j(-1!==E.index?E:{index:Ce(),level:0,parentKey:""}),c.onFocus&&c.onFocus(e)},onBlur:function(e){I(!1),j({index:-1,level:0,parentKey:""}),q.current="",X(!1),c.onBlur&&c.onBlur(e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":ve(e);break;case"ArrowUp":ye(e);break;case"ArrowLeft":ge(e);break;case"ArrowRight":xe(e);break;case"Home":Ie(e);break;case"End":he(e);break;case"Space":Oe(e);break;case"Enter":Ee(e);break;case"Escape":ke();break;case"Tab":je(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&a.ObjectUtils.isPrintableCharacter(e.key)&&Re(e,e.key)}},root:!0,activeItemPath:K,focusedItemId:x?w:void 0,submenuIcon:c.submenuIcon,ptm:Q,cx:ee}),Xe=a.mergeProps({id:c.id,ref:Z,className:a.classNames(c.className,ee("root",{mobileActiveState:b})),style:c.style},k.getOtherProps(c),Q("root"));return f.createElement("div",Xe,Be,ze,Je,Fe)})));return D.displayName="Menubar",e.Menubar=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.bars,primereact.utils,primereact.icons.angledown,primereact.icons.angleright,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.menubar=function(e,n,t,r,i,o,a,u,c,l){"use strict";function s(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 f=m(n),p=s(t);function d(e){return d="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},d(e)}function b(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=b(e,"string");return"symbol"===d(n)?n:String(n)}function y(e,n,t){return(n=v(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function g(e){if(Array.isArray(e))return e}function x(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}return u}}function I(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e,n){if(e){if("string"==typeof e)return I(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?I(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 O(e,n){return g(e)||x(e,n)||h(e,n)||E()}var k=r.ComponentBase.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,ariaLabel:null,ariaLabelledBy:null,onFocus:null,onBlur:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return a.classNames("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menuitem-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-menubar-root-list",content:"p-menuitem-content",submenu:"p-submenu-list",action:function(e){return a.classNames("p-menuitem-link",{"p-disabled":e.disabled})}},styles:"\n@layer primereact {\n    .p-menubar {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-menubar ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menubar .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-menubar .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-menubar .p-menuitem {\n        position: relative;\n    }\n\n    .p-menubar-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-menubar-root-list > li ul {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n\n    .p-menubar .p-submenu-list {\n        display: none;\n        position: absolute;\n        z-index: 1;\n    }\n\n    .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-menubar .p-menubar-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    .p-menubar-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n"}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function S(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=f.memo(f.forwardRef((function(e,n){var t=i.useMergeProps(),r=e.ptm,o=e.cx,s=function(n,t,i){return r(t,{props:e,hostName:e.hostName,context:{item:n,index:i,active:g(n),focused:h(n),disabled:I(n),level:e.level}})},m=function(n,t){I(t)||e.mobileActive?n.preventDefault():e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},p=function(e,n){var t=n.item;I(n)?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),d({originalEvent:e,processedItem:n,isFocus:!0}))},d=function(n){e.onLeafClick&&e.onLeafClick(n)},b=function(n){return"".concat(e.id,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?a.ObjectUtils.getItemValue(e.item[n],t):void 0},g=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},x=function(e){return!1!==v(e,"visible")},I=function(e){return v(e,"disabled")},h=function(n){return e.focusedItemId===b(n)},E=function(e){return a.ObjectUtils.isNotEmpty(e.items)},O=function(n){return n-e.model.slice(0,n).filter((function(e){return x(e)&&v(e,"separator")})).length+1},k=function(n){var i=e.id+"_separator_"+n,a=t({id:i,key:i,className:o("separator"),role:"separator"},r("separator",{hostName:e.hostName}));return f.createElement("li",a)},j=function(n){var t=n&&n.items;return t?f.createElement(P,{id:e.id,hostName:e.hostName,menuProps:e.menuProps,level:e.level+1,model:t,activeItemPath:e.activeItemPath,focusedItemId:e.focusedItemId,onLeafClick:d,onItemMouseEnter:e.onItemMouseEnter,submenuIcon:e.submenuIcon,ptm:r,style:{display:g(n)?"block":"none"},cx:o}):null},w=function(n,r){var i=n.item;if(!x(n))return null;var d=b(n),k=g(n),P=h(n),w=I(n)||!1,N=E(n),D=a.classNames("p-menuitem-link",{"p-disabled":w}),U=a.classNames("p-menuitem-icon",v(n,"icon")),K=t({className:o("icon")},s(n,"icon",r)),M=a.IconUtils.getJSXIcon(i.icon,S({},K),{props:e.menuProps}),A=t({className:o("label")},s(n,"label",r)),C=i.label&&f.createElement("span",A,i.label),L=v(n,"items"),R=t({className:o("submenuIcon")},s(n,"submenuIcon",r)),H=L&&a.IconUtils.getJSXIcon(e.root?e.submenuIcon||f.createElement(u.AngleDownIcon,R):e.submenuIcon||f.createElement(c.AngleRightIcon,R),S({},R),{props:S({menuProps:e.menuProps},e)}),T=j(n),_=t({href:i.url||"#",tabIndex:"-1","aria-hidden":"true",className:o("action",{disabled:w}),onFocus:function(e){return e.stopPropagation()},target:v(n,"target"),"aria-haspopup":null!=L},s(n,"action",r)),B=f.createElement("a",_,M,C,H,f.createElement(l.Ripple,null));i.template&&(B=a.ObjectUtils.getJSXElement(i.template,i,{className:D,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:B,props:e}));var F=t({onClick:function(e){return p(e,n)},onMouseEnter:function(e){return m(e,n)},className:o("content")},s(n,"content",r)),z=v(n,"className"),J=t(y({id:d,key:d,role:"menuitem","aria-label":i.label,"aria-disabled":w,"aria-expanded":N?k:void 0,"aria-haspopup":N&&!i.url?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return x(e)&&!v(e,"separator")})).length,"aria-posinset":O(r),"data-p-highlight":k,"data-p-focused":P,"data-p-disabled":w,className:a.classNames(z,o("menuitem",{active:k,focused:P,disabled:w}))},"data-p-disabled",w||!1),s(n,"menuitem",r));return f.createElement("li",J,f.createElement("div",F,B),T)},N=e.root?"menubar":"menu",D=e.root?"menu":"submenu",U=e.root?"0":null,K=e.model?e.model.map((function(e,n){return v(e,"separator")?k(n):w(e,n)})):null,M=t({ref:n,className:o(D),level:e.level,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,id:e.id,tabIndex:U,"aria-activedescendant":e.ariaActivedescendant,style:e.style,role:N},r(D));return f.createElement("ul",M,K)})));function w(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?w(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}P.displayName="MenubarSub";var D=f.memo(f.forwardRef((function(e,n){var u=i.useMergeProps(),c=f.useContext(t.PrimeReactContext),l=k.getProps(e,c),s=O(f.useState(l.id),2),m=s[0],d=s[1],b=O(f.useState(!1),2),v=b[0],g=b[1],x=O(f.useState(!1),2),I=x[0],h=x[1],E=O(f.useState({index:-1,level:0,parentKey:""}),2),j=E[0],S=E[1],w=O(f.useState(null),2),D=w[0],U=w[1],K=O(f.useState([]),2),M=K[0],A=K[1],C=O(f.useState([]),2),L=C[0],R=C[1],H=O(f.useState([]),2),T=H[0],_=H[1],B=O(f.useState(!1),2),F=B[0],z=B[1],J=O(f.useState(!1),2),X=J[0],Z=J[1],V=f.useRef(null),W=f.useRef(null),q=f.useRef(null),Y=f.useRef(""),$=f.useRef(null),G=f.useRef(!1),Q=k.setMetaData({props:l,state:{id:m,mobileActive:v}}),ee=Q.ptm,ne=Q.cx;r.useHandleStyle(k.css.styles,Q.isUnstyled,{name:"menubar"});var te=O(i.useEventListener({type:"click",listener:function(e){me(e)&&(V.current&&!V.current.contains(e.target)&&se())}}),2),re=te[0],ie=te[1],oe=O(i.useResizeListener({listener:function(e){a.DomHandler.isTouchDevice()||se(e)}}),2),ae=oe[0],ue=oe[1],ce=function(e){v?(g(!1),se()):(g(!0),setTimeout((function(){le()}),1)),e.preventDefault()},le=function(){S({index:Le(),level:0,parentKey:""}),a.DomHandler.focus(W.current)},se=function(e){v&&(g(!1),setTimeout((function(){a.DomHandler.focus(q.current)}),0)),A([]),S({index:-1,level:0,parentKey:""}),e&&a.DomHandler.focus(W.current),Z(!1)},me=function(e){return W.current!==e.target&&!W.current.contains(e.target)&&q.current!==e.target&&!q.current.contains(e.target)},fe=function(e,n){return e?a.ObjectUtils.getItemValue(e[n]):void 0},pe=function(e){return fe(e,"separator")},de=function(e){return e?fe(e.item,"label"):void 0},be=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},ve=function(e){var n=e.processedItem,t=e.isFocus;if(!a.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,c=a.ObjectUtils.isNotEmpty(n.items),l=M.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),S({index:r,level:o,parentKey:u}),A(l),c&&Z(!0),t&&a.DomHandler.focus(W.current)}},ye=function(e){var n=L[j.index];if(n?a.ObjectUtils.isEmpty(n.parent):null){be(n)&&(ve({originalEvent:e,processedItem:n}),S({index:-1,parentKey:n.key}),setTimeout((function(){return z(!0)}),0))}else{var t=-1!==j.index?Me(j.index):Le();Te(t)}e.preventDefault()},ge=function(e){var n=L[j.index];if(a.ObjectUtils.isEmpty(n.parent)){be(n)&&(ve({originalEvent:e,processedItem:n}),S({index:-1,parentKey:n.key}),G.current=!0,setTimeout((function(){return z(!0)}),0))}else{var t=M.find((function(e){return e.key===n.parentKey}));if(0===j.index&&t&&""===t.parentKey)S({index:-1,parentKey:t?t.parentKey:""}),Y.current="",xe(e);else{var r=-1!==j.index?Ae(j.index):Re();Te(r)}}e.preventDefault()},xe=function(e){var n=L[j.index],t=n?M.find((function(e){return e.key===n.parentKey})):null;if(t)ve({originalEvent:e,processedItem:t}),A(M.filter((function(e){return e.key!==t.key})));else{var r=-1!==j.index?Ae(j.index):Re();Te(r)}e.preventDefault()},Ie=function(e){var n=L[j.index];if(n?M.find((function(e){return e.key===n.parentKey})):null){be(n)&&(ve({originalEvent:e,processedItem:n}),S({index:-1,parentKey:n.key}),setTimeout((function(){return z(!0)}),0))}else{var t=-1!==j.index?Me(j.index):Le();Te(t)}e.preventDefault()},he=function(e){Te(Ue()),e.preventDefault()},Ee=function(e){Te(Ke()),e.preventDefault()},Oe=function(e){if(-1!==j.index){var n=a.DomHandler.findSingle(W.current,'li[id="'.concat("".concat(D),'"]')),t=n&&a.DomHandler.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},ke=function(e){Oe(e)},je=function(e){se(!0),S({focusedItemInfo:j,index:Le()})},Se=function(e){if(-1!==j.index){var n=L[j.index];!be(n)&&ve({originalEvent:e,processedItem:n})}se()},Pe=function(e){return we(e)&&de(e).toLocaleLowerCase().startsWith(Y.current.toLocaleLowerCase())},we=function(e){return!!e&&!fe(e.item,"disabled")&&!pe(e.item)},Ne=function(e){return we(e)&&De(e)},De=function(e){return M.some((function(n){return n.key===e.key}))},Ue=function(){return L.findIndex((function(e){return we(e)}))},Ke=function(){return a.ObjectUtils.findLastIndex(L,(function(e){return we(e)}))},Me=function(e){var n=e<L.length-1?L.slice(e+1).findIndex((function(e){return we(e)})):-1;return n>-1?n+e+1:e},Ae=function(e){var n=e>0?a.ObjectUtils.findLastIndex(L.slice(0,e),(function(e){return we(e)})):-1;return n>-1?n:e},Ce=function(){return L.findIndex((function(e){return Ne(e)}))},Le=function(){var e=Ce();return e<0?Ue():e},Re=function(){var e=Ce();return e<0?Ke():e},He=function(e,n){Y.current=(Y.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==j.index?-1===(t=L.slice(j.index).findIndex((function(e){return Pe(e)})))?L.slice(0,j.index).findIndex((function(e){return Pe(e)})):t+j.index:L.findIndex((function(e){return Pe(e)})))&&(r=!0),-1===t&&-1===j.index&&(t=Le()),-1!==t&&Te(t),$.current&&clearTimeout($.current),$.current=setTimeout((function(){Y.current="",$.current=null}),500),r},Te=function(e){j.index!==e&&(S(N(N({},j),{},{index:e})),_e())},_e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(m,"_").concat(e):D,t=a.DomHandler.findSingle(W.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},Be=f.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var a=(""!==r?r+"_":"")+o,u={item:e,index:o,level:n,key:a,parent:t,parentKey:r};u.items=Be(e.items,n+1,u,a),i.push(u)})),i}),[]);i.useMountEffect((function(){m||d(a.UniqueComponentId())})),i.useUpdateEffect((function(){v?(re(),ae(),a.ZIndexUtils.set("menu",W.current,c&&c.autoZIndex||p.default.autoZIndex,c&&c.zIndex.menu||p.default.zIndex.menu)):(ue(),ie(),a.ZIndexUtils.clear(W.current))}),[v]),f.useEffect((function(){var e=Be(l.model||[],0,null,"");_(e)}),[l.model,Be]),i.useUpdateEffect((function(){var e=M.find((function(e){return e.key===j.parentKey}));R(e?e.items:T)}),[M,j,T]),i.useUpdateEffect((function(){a.ObjectUtils.isNotEmpty(M)?(re(),ae()):(ie(),ue())}),[M]),i.useUpdateEffect((function(){if(F){var e=-1!==j.index?Me(j.index):G.current?Ke():Le();Te(e),G.current=!1,z(!1)}}),[F]),i.useUpdateEffect((function(){U(-1!==j.index?"".concat(m).concat(a.ObjectUtils.isNotEmpty(j.parentKey)?"_"+j.parentKey:"","_").concat(j.index):null)}),[j]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(W.current)})),f.useImperativeHandle(n,(function(){return{props:l,toggle:ce,getElement:function(){return V.current},getRootMenu:function(){return W.current},getMenuButton:function(){return q.current}}}));var Fe=function(){if(l.start){var e=a.ObjectUtils.getJSXElement(l.start,l),n=u({className:ne("start")},ee("start"));return f.createElement("div",n,e)}return null}(),ze=function(){if(l.end){var e=a.ObjectUtils.getJSXElement(l.end,l),n=u({className:ne("end")},ee("end"));return f.createElement("div",n,e)}return null}(),Je=function(){if(l.model&&l.model.length<1)return null;var e=u(y(y(y(y({ref:q,href:"#",tabIndex:"0","aria-haspopup":!!(v&&l.model&&l.model.lentgh>0),"aria-expanded":v,"aria-label":t.ariaLabel("navigation"),"aria-controls":m,role:"button"},"tabIndex",0),"className",ne("button")),"onKeyDown",(function(e){var n;("Enter"===(n=e).code||"Space"===n.code)&&ce(n)})),"onClick",(function(e){return ce(e)})),ee("button")),n=u(ee("popupIcon")),r=a.IconUtils.getJSXIcon(l.menuIcon||f.createElement(o.BarsIcon,n),N({},n),{props:l});return f.createElement("a",e,r)}(),Xe=f.createElement(P,{hostName:"Menubar",ariaActivedescendant:I?D:void 0,level:0,id:m,ref:W,menuProps:l,model:T,onLeafClick:function(e){var n=e.originalEvent,t=e.processedItem,r=be(t),i=a.ObjectUtils.isEmpty(t.parent);if(De(t)){var o=t.index,u=t.key,c=t.level,l=t.parentKey;A(M.filter((function(e){return u!==e.key&&u.startsWith(e.key)}))),S({index:o,level:c,parentKey:l}),r||Z(!i),setTimeout((function(){a.DomHandler.focus(W.current),r&&Z(!0)}),0)}else if(r)a.DomHandler.focus(W.current),ve({originalEvent:n,processedItem:t});else{var s=i?t:M.find((function(e){return""===e.parentKey})),m=s?s.index:-1;se(n),S({index:m,parentKey:s?s.parentKey:""}),g(!1)}},onItemMouseEnter:function(e){!v&&X&&ve(e)},onFocus:function(e){h(!0),S(-1!==j.index?j:{index:Le(),level:0,parentKey:""}),l.onFocus&&l.onFocus(e)},onBlur:function(e){h(!1),S({index:-1,level:0,parentKey:""}),Y.current="",Z(!1),l.onBlur&&l.onBlur(e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":ye(e);break;case"ArrowUp":ge(e);break;case"ArrowLeft":xe(e);break;case"ArrowRight":Ie(e);break;case"Home":he(e);break;case"End":Ee(e);break;case"Space":ke(e);break;case"Enter":Oe(e);break;case"Escape":je();break;case"Tab":Se(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&a.ObjectUtils.isPrintableCharacter(e.key)&&He(e,e.key)}},root:!0,activeItemPath:M,focusedItemId:I?D:void 0,submenuIcon:l.submenuIcon,ptm:ee,cx:ne}),Ze=u({id:l.id,ref:V,className:a.classNames(l.className,ne("root",{mobileActiveState:v})),style:l.style},k.getOtherProps(l),ee("root"));return f.createElement("div",Ze,Fe,Je,Xe,ze)})));return D.displayName="Menubar",e.Menubar=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.bars,primereact.utils,primereact.icons.angledown,primereact.icons.angleright,primereact.ripple);

package/message/message.cjs.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var api = require('primereact/api');
 var componentbase = require('primereact/componentbase');
+var hooks = require('primereact/hooks');
 var check = require('primereact/icons/check');
 var exclamationtriangle = require('primereact/icons/exclamationtriangle');
 var infocircle = require('primereact/icons/infocircle');
@@ -122,6 +123,7 @@ var MessageBase = 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 Message = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = MessageBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
@@ -139,7 +141,7 @@ var Message = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       return utils.ObjectUtils.getJSXElement(props.content, props);
     }
     var text = utils.ObjectUtils.getJSXElement(props.text, props);
-    var iconProps = utils.mergeProps({
+    var iconProps = mergeProps({
       className: cx('icon')
     }, ptm('icon'));
     var icon = props.icon;
@@ -162,7 +164,7 @@ var Message = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     var messageIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
       props: props
     });
-    var textProps = utils.mergeProps({
+    var textProps = mergeProps({
       className: cx('text')
     }, ptm('text'));
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, messageIcon, /*#__PURE__*/React__namespace.createElement("span", textProps, text));
@@ -176,7 +178,7 @@ var Message = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     };
   });
   var content = createContent();
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     className: utils.classNames(props.className, cx('root')),
     style: props.style,
     role: 'alert',

package/message/message.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/icons/check"),i=require("primereact/icons/exclamationtriangle"),s=require("primereact/icons/infocircle"),o=require("primereact/icons/timescircle"),c=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,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 m(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=m(e,"string");return"symbol"===p(t)?t:String(t)}var y=r.ComponentBase.extend({defaultProps:{__TYPE:"Message",id:null,className:null,style:null,text:null,icon:null,severity:"info",content:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return c.classNames("p-inline-message p-component",{"p-inline-message-info":"info"===t.severity,"p-inline-message-warn":"warn"===t.severity,"p-inline-message-error":"error"===t.severity,"p-inline-message-success":"success"===t.severity,"p-inline-message-icon-only":!t.text})},icon:"p-inline-message-icon",text:"p-inline-message-text"},styles:"\n        @layer primereact {\n            .p-inline-message {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                vertical-align: top;\n            }\n\n            .p-inline-message-icon {\n                flex-shrink: 0;\n            }\n            \n            .p-inline-message-icon-only .p-inline-message-text {\n                visibility: hidden;\n                width: 0;\n            }\n            \n            .p-fluid .p-inline-message {\n                display: flex;\n            }        \n        }\n        "}});function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){var n,i,s;n=e,s=r[t],(i=f(i=t))in n?Object.defineProperty(n,i,{value:s,enumerable:!0,configurable:!0,writable:!0}):n[i]=s})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var v=l.memo(l.forwardRef((function(e,a){var p=l.useContext(t.PrimeReactContext),m=y.getProps(e,p),f=l.useRef(null),g=y.setMetaData({props:m}),v=g.ptm,O=g.cx;r.useHandleStyle(y.css.styles,g.isUnstyled,{name:"message"});l.useImperativeHandle(a,(function(){return{props:m,getElement:function(){return f.current}}}));var d=function(){if(m.content)return c.ObjectUtils.getJSXElement(m.content,m);var e=c.ObjectUtils.getJSXElement(m.text,m),t=c.mergeProps({className:O("icon")},v("icon")),r=m.icon;if(!r)switch(m.severity){case"info":r=l.createElement(s.InfoCircleIcon,t);break;case"warn":r=l.createElement(i.ExclamationTriangleIcon,t);break;case"error":r=l.createElement(o.TimesCircleIcon,t);break;case"success":r=l.createElement(n.CheckIcon,t)}var a=c.IconUtils.getJSXIcon(r,b({},t),{props:m}),u=c.mergeProps({className:O("text")},v("text"));return l.createElement(l.Fragment,null,a,l.createElement("span",u,e))}(),j=c.mergeProps({className:c.classNames(m.className,O("root")),style:m.style,role:"alert","aria-live":"polite","aria-atomic":"true"},y.getOtherProps(m),v("root"));return l.createElement("div",u({id:m.id,ref:f},j),d)})));v.displayName="Message",exports.Message=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),i=require("primereact/icons/check"),s=require("primereact/icons/exclamationtriangle"),o=require("primereact/icons/infocircle"),c=require("primereact/icons/timescircle"),a=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=l(e);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function f(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=f(e,"string");return"symbol"===m(t)?t:String(t)}var b=r.ComponentBase.extend({defaultProps:{__TYPE:"Message",id:null,className:null,style:null,text:null,icon:null,severity:"info",content:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-inline-message p-component",{"p-inline-message-info":"info"===t.severity,"p-inline-message-warn":"warn"===t.severity,"p-inline-message-error":"error"===t.severity,"p-inline-message-success":"success"===t.severity,"p-inline-message-icon-only":!t.text})},icon:"p-inline-message-icon",text:"p-inline-message-text"},styles:"\n        @layer primereact {\n            .p-inline-message {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                vertical-align: top;\n            }\n\n            .p-inline-message-icon {\n                flex-shrink: 0;\n            }\n            \n            .p-inline-message-icon-only .p-inline-message-text {\n                visibility: hidden;\n                width: 0;\n            }\n            \n            .p-fluid .p-inline-message {\n                display: flex;\n            }        \n        }\n        "}});function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){var n,i,s;n=e,s=r[t],(i=y(i=t))in n?Object.defineProperty(n,i,{value:s,enumerable:!0,configurable:!0,writable:!0}):n[i]=s})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O=u.memo(u.forwardRef((function(e,l){var m=n.useMergeProps(),f=u.useContext(t.PrimeReactContext),y=b.getProps(e,f),g=u.useRef(null),O=b.setMetaData({props:y}),d=O.ptm,j=O.cx;r.useHandleStyle(b.css.styles,O.isUnstyled,{name:"message"});u.useImperativeHandle(l,(function(){return{props:y,getElement:function(){return g.current}}}));var P=function(){if(y.content)return a.ObjectUtils.getJSXElement(y.content,y);var e=a.ObjectUtils.getJSXElement(y.text,y),t=m({className:j("icon")},d("icon")),r=y.icon;if(!r)switch(y.severity){case"info":r=u.createElement(o.InfoCircleIcon,t);break;case"warn":r=u.createElement(s.ExclamationTriangleIcon,t);break;case"error":r=u.createElement(c.TimesCircleIcon,t);break;case"success":r=u.createElement(i.CheckIcon,t)}var n=a.IconUtils.getJSXIcon(r,v({},t),{props:y}),l=m({className:j("text")},d("text"));return u.createElement(u.Fragment,null,n,u.createElement("span",l,e))}(),x=m({className:a.classNames(y.className,j("root")),style:y.style,role:"alert","aria-live":"polite","aria-atomic":"true"},b.getOtherProps(y),d("root"));return u.createElement("div",p({id:y.id,ref:g},x),P)})));O.displayName="Message",exports.Message=O;

package/message/message.esm.js

@@ -2,11 +2,12 @@
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
+import { useMergeProps } from 'primereact/hooks';
 import { CheckIcon } from 'primereact/icons/check';
 import { ExclamationTriangleIcon } from 'primereact/icons/exclamationtriangle';
 import { InfoCircleIcon } from 'primereact/icons/infocircle';
 import { TimesCircleIcon } from 'primereact/icons/timescircle';
-import { classNames, mergeProps, ObjectUtils, IconUtils } from 'primereact/utils';
+import { classNames, ObjectUtils, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -98,6 +99,7 @@ var MessageBase = 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 Message = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = MessageBase.getProps(inProps, context);
   var elementRef = React.useRef(null);

package/message/message.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{CheckIcon as i}from"primereact/icons/check";import{ExclamationTriangleIcon as o}from"primereact/icons/exclamationtriangle";import{InfoCircleIcon as s}from"primereact/icons/infocircle";import{TimesCircleIcon as a}from"primereact/icons/timescircle";import{classNames as c,mergeProps as l,ObjectUtils as m,IconUtils as p}from"primereact/utils";function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function f(e){return f="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},f(e)}function y(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"===f(t)?t:String(t)}var b=n.extend({defaultProps:{__TYPE:"Message",id:null,className:null,style:null,text:null,icon:null,severity:"info",content:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return c("p-inline-message p-component",{"p-inline-message-info":"info"===t.severity,"p-inline-message-warn":"warn"===t.severity,"p-inline-message-error":"error"===t.severity,"p-inline-message-success":"success"===t.severity,"p-inline-message-icon-only":!t.text})},icon:"p-inline-message-icon",text:"p-inline-message-text"},styles:"\n        @layer primereact {\n            .p-inline-message {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                vertical-align: top;\n            }\n\n            .p-inline-message-icon {\n                flex-shrink: 0;\n            }\n            \n            .p-inline-message-icon-only .p-inline-message-text {\n                visibility: hidden;\n                width: 0;\n            }\n            \n            .p-fluid .p-inline-message {\n                display: flex;\n            }        \n        }\n        "}});function v(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?v(Object(n),!0).forEach((function(t){var r,i,o;r=e,o=n[t],(i=g(i=t))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=e.memo(e.forwardRef((function(n,f){var y=e.useContext(t),g=b.getProps(n,y),v=e.useRef(null),O=b.setMetaData({props:g}),j=O.ptm,w=O.cx;r(b.css.styles,O.isUnstyled,{name:"message"});e.useImperativeHandle(f,(function(){return{props:g,getElement:function(){return v.current}}}));var x=function(){if(g.content)return m.getJSXElement(g.content,g);var t=m.getJSXElement(g.text,g),n=l({className:w("icon")},j("icon")),r=g.icon;if(!r)switch(g.severity){case"info":r=e.createElement(s,n);break;case"warn":r=e.createElement(o,n);break;case"error":r=e.createElement(a,n);break;case"success":r=e.createElement(i,n)}var c=p.getJSXIcon(r,d({},n),{props:g}),u=l({className:w("text")},j("text"));return e.createElement(e.Fragment,null,c,e.createElement("span",u,t))}(),P=l({className:c(g.className,w("root")),style:g.style,role:"alert","aria-live":"polite","aria-atomic":"true"},b.getOtherProps(g),j("root"));return e.createElement("div",u({id:g.id,ref:v},P),x)})));O.displayName="Message";export{O as Message};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as i}from"primereact/hooks";import{CheckIcon as o}from"primereact/icons/check";import{ExclamationTriangleIcon as s}from"primereact/icons/exclamationtriangle";import{InfoCircleIcon as a}from"primereact/icons/infocircle";import{TimesCircleIcon as c}from"primereact/icons/timescircle";import{classNames as l,ObjectUtils as m,IconUtils as p}from"primereact/utils";function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function f(e){return f="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},f(e)}function y(e,t){if("object"!==f(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"===f(t)?t:String(t)}var b=r.extend({defaultProps:{__TYPE:"Message",id:null,className:null,style:null,text:null,icon:null,severity:"info",content:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return l("p-inline-message p-component",{"p-inline-message-info":"info"===t.severity,"p-inline-message-warn":"warn"===t.severity,"p-inline-message-error":"error"===t.severity,"p-inline-message-success":"success"===t.severity,"p-inline-message-icon-only":!t.text})},icon:"p-inline-message-icon",text:"p-inline-message-text"},styles:"\n        @layer primereact {\n            .p-inline-message {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                vertical-align: top;\n            }\n\n            .p-inline-message-icon {\n                flex-shrink: 0;\n            }\n            \n            .p-inline-message-icon-only .p-inline-message-text {\n                visibility: hidden;\n                width: 0;\n            }\n            \n            .p-fluid .p-inline-message {\n                display: flex;\n            }        \n        }\n        "}});function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){var n,i,o;n=e,o=r[t],(i=g(i=t))in n?Object.defineProperty(n,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O=e.memo(e.forwardRef((function(r,f){var y=i(),g=e.useContext(t),v=b.getProps(r,g),O=e.useRef(null),j=b.setMetaData({props:v}),h=j.ptm,w=j.cx;n(b.css.styles,j.isUnstyled,{name:"message"});e.useImperativeHandle(f,(function(){return{props:v,getElement:function(){return O.current}}}));var x=function(){if(v.content)return m.getJSXElement(v.content,v);var t=m.getJSXElement(v.text,v),r=y({className:w("icon")},h("icon")),n=v.icon;if(!n)switch(v.severity){case"info":n=e.createElement(a,r);break;case"warn":n=e.createElement(s,r);break;case"error":n=e.createElement(c,r);break;case"success":n=e.createElement(o,r)}var i=p.getJSXIcon(n,d({},r),{props:v}),l=y({className:w("text")},h("text"));return e.createElement(e.Fragment,null,i,e.createElement("span",l,t))}(),P=y({className:l(v.className,w("root")),style:v.style,role:"alert","aria-live":"polite","aria-atomic":"true"},b.getOtherProps(v),h("root"));return e.createElement("div",u({id:v.id,ref:O},P),x)})));O.displayName="Message";export{O as Message};

package/message/message.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.message = (function (exports, React, api, componentbase, check, exclamationtriangle, infocircle, timescircle, utils) {
+this.primereact.message = (function (exports, React, api, componentbase, hooks, check, exclamationtriangle, infocircle, timescircle, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -112,6 +112,7 @@ this.primereact.message = (function (exports, React, api, componentbase, check,
   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 Message = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = MessageBase.getProps(inProps, context);
     var elementRef = React__namespace.useRef(null);
@@ -129,7 +130,7 @@ this.primereact.message = (function (exports, React, api, componentbase, check,
         return utils.ObjectUtils.getJSXElement(props.content, props);
       }
       var text = utils.ObjectUtils.getJSXElement(props.text, props);
-      var iconProps = utils.mergeProps({
+      var iconProps = mergeProps({
         className: cx('icon')
       }, ptm('icon'));
       var icon = props.icon;
@@ -152,7 +153,7 @@ this.primereact.message = (function (exports, React, api, componentbase, check,
       var messageIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
         props: props
       });
-      var textProps = utils.mergeProps({
+      var textProps = mergeProps({
         className: cx('text')
       }, ptm('text'));
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, messageIcon, /*#__PURE__*/React__namespace.createElement("span", textProps, text));
@@ -166,7 +167,7 @@ this.primereact.message = (function (exports, React, api, componentbase, check,
       };
     });
     var content = createContent();
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       className: utils.classNames(props.className, cx('root')),
       style: props.style,
       role: 'alert',
@@ -186,4 +187,4 @@ this.primereact.message = (function (exports, React, api, componentbase, check,
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.icons.check, primereact.icons.exclamationtriangle, primereact.icons.infocircle, primereact.icons.timescircle, primereact.utils);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.check, primereact.icons.exclamationtriangle, primereact.icons.infocircle, primereact.icons.timescircle, primereact.utils);

package/message/message.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.message=function(e,t,n,r,i,s,c,o,a){"use strict";function l(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 u=l(t);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function f(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=f(e,"string");return"symbol"===m(t)?t:String(t)}var g=r.ComponentBase.extend({defaultProps:{__TYPE:"Message",id:null,className:null,style:null,text:null,icon:null,severity:"info",content:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-inline-message p-component",{"p-inline-message-info":"info"===t.severity,"p-inline-message-warn":"warn"===t.severity,"p-inline-message-error":"error"===t.severity,"p-inline-message-success":"success"===t.severity,"p-inline-message-icon-only":!t.text})},icon:"p-inline-message-icon",text:"p-inline-message-text"},styles:"\n        @layer primereact {\n            .p-inline-message {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                vertical-align: top;\n            }\n\n            .p-inline-message-icon {\n                flex-shrink: 0;\n            }\n            \n            .p-inline-message-icon-only .p-inline-message-text {\n                visibility: hidden;\n                width: 0;\n            }\n            \n            .p-fluid .p-inline-message {\n                display: flex;\n            }        \n        }\n        "}});function b(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 v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){var r,i,s;r=e,s=n[t],(i=y(i=t))in r?Object.defineProperty(r,i,{value:s,enumerable:!0,configurable:!0,writable:!0}):r[i]=s})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=u.memo(u.forwardRef((function(e,t){var l=u.useContext(n.PrimeReactContext),m=g.getProps(e,l),f=u.useRef(null),y=g.setMetaData({props:m}),b=y.ptm,O=y.cx;r.useHandleStyle(g.css.styles,y.isUnstyled,{name:"message"});u.useImperativeHandle(t,(function(){return{props:m,getElement:function(){return f.current}}}));var d=function(){if(m.content)return a.ObjectUtils.getJSXElement(m.content,m);var e=a.ObjectUtils.getJSXElement(m.text,m),t=a.mergeProps({className:O("icon")},b("icon")),n=m.icon;if(!n)switch(m.severity){case"info":n=u.createElement(c.InfoCircleIcon,t);break;case"warn":n=u.createElement(s.ExclamationTriangleIcon,t);break;case"error":n=u.createElement(o.TimesCircleIcon,t);break;case"success":n=u.createElement(i.CheckIcon,t)}var r=a.IconUtils.getJSXIcon(n,v({},t),{props:m}),l=a.mergeProps({className:O("text")},b("text"));return u.createElement(u.Fragment,null,r,u.createElement("span",l,e))}(),j=a.mergeProps({className:a.classNames(m.className,O("root")),style:m.style,role:"alert","aria-live":"polite","aria-atomic":"true"},g.getOtherProps(m),b("root"));return u.createElement("div",p({id:m.id,ref:f},j),d)})));return O.displayName="Message",e.Message=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.icons.check,primereact.icons.exclamationtriangle,primereact.icons.infocircle,primereact.icons.timescircle,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.message=function(e,t,n,r,i,s,c,o,a,l){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=u(t);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function f(e){return f="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},f(e)}function y(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=y(e,"string");return"symbol"===f(t)?t:String(t)}var g=r.ComponentBase.extend({defaultProps:{__TYPE:"Message",id:null,className:null,style:null,text:null,icon:null,severity:"info",content:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return l.classNames("p-inline-message p-component",{"p-inline-message-info":"info"===t.severity,"p-inline-message-warn":"warn"===t.severity,"p-inline-message-error":"error"===t.severity,"p-inline-message-success":"success"===t.severity,"p-inline-message-icon-only":!t.text})},icon:"p-inline-message-icon",text:"p-inline-message-text"},styles:"\n        @layer primereact {\n            .p-inline-message {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                vertical-align: top;\n            }\n\n            .p-inline-message-icon {\n                flex-shrink: 0;\n            }\n            \n            .p-inline-message-icon-only .p-inline-message-text {\n                visibility: hidden;\n                width: 0;\n            }\n            \n            .p-fluid .p-inline-message {\n                display: flex;\n            }        \n        }\n        "}});function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){var r,i,s;r=e,s=n[t],(i=b(i=t))in r?Object.defineProperty(r,i,{value:s,enumerable:!0,configurable:!0,writable:!0}):r[i]=s})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var d=p.memo(p.forwardRef((function(e,t){var u=i.useMergeProps(),f=p.useContext(n.PrimeReactContext),y=g.getProps(e,f),b=p.useRef(null),v=g.setMetaData({props:y}),d=v.ptm,j=v.cx;r.useHandleStyle(g.css.styles,v.isUnstyled,{name:"message"});p.useImperativeHandle(t,(function(){return{props:y,getElement:function(){return b.current}}}));var h=function(){if(y.content)return l.ObjectUtils.getJSXElement(y.content,y);var e=l.ObjectUtils.getJSXElement(y.text,y),t=u({className:j("icon")},d("icon")),n=y.icon;if(!n)switch(y.severity){case"info":n=p.createElement(o.InfoCircleIcon,t);break;case"warn":n=p.createElement(c.ExclamationTriangleIcon,t);break;case"error":n=p.createElement(a.TimesCircleIcon,t);break;case"success":n=p.createElement(s.CheckIcon,t)}var r=l.IconUtils.getJSXIcon(n,O({},t),{props:y}),i=u({className:j("text")},d("text"));return p.createElement(p.Fragment,null,r,p.createElement("span",i,e))}(),P=u({className:l.classNames(y.className,j("root")),style:y.style,role:"alert","aria-live":"polite","aria-atomic":"true"},g.getOtherProps(y),d("root"));return p.createElement("div",m({id:y.id,ref:b},P),h)})));return d.displayName="Message",e.Message=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.check,primereact.icons.exclamationtriangle,primereact.icons.infocircle,primereact.icons.timescircle,primereact.utils);

package/messages/messages.cjs.js

@@ -8,8 +8,8 @@ var reactTransitionGroup = require('react-transition-group');
 var api = require('primereact/api');
 var componentbase = require('primereact/componentbase');
 var csstransition = require('primereact/csstransition');
-var utils = require('primereact/utils');
 var hooks = require('primereact/hooks');
+var utils = require('primereact/utils');
 var check = require('primereact/icons/check');
 var exclamationtriangle = require('primereact/icons/exclamationtriangle');
 var infocircle = require('primereact/icons/infocircle');
@@ -342,6 +342,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 messageIdx = 0;
 var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = MessagesBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState([]),
@@ -428,12 +429,12 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }
     };
   });
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: props.id,
     className: props.className,
     style: props.style
   }, MessagesBase.getOtherProps(props), ptCallbacks.ptm('root'));
-  var transitionProps = utils.mergeProps({
+  var transitionProps = mergeProps({
     classNames: ptCallbacks.cx('uimessage.transition'),
     unmountOnExit: true,
     timeout: {