primereact 10.5.2 → 10.6.0

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{useMergeProps as a,useEventListener as u,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,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 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=a(),i=n.ptm,o=n.cx,u=function(e,t,r){return i(t,{props:n,hostName:n.hostName,context:{item:e,index:r,active:y(e),focused:k(e),disabled:E(e),level:n.level}})},c=function(e,t){E(t)||n.mobileActive?e.preventDefault():n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},l=function(e,n){var t=n.item;E(n)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),s({originalEvent:e,processedItem:n,isFocus:!0}),t.url||(e.preventDefault(),e.stopPropagation()))},s=function(e){n.onLeafClick&&n.onLeafClick(e)},m=function(e){var n;return null===(n=e.item)||void 0===n?void 0:n.id},f=function(e){return"".concat(n.id,"_").concat(e.key)},v=function(e,n,t){return e&&e.item?d.getItemValue(e.item[n],t):void 0},y=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},g=function(e){return!1!==v(e,"visible")},E=function(e){return v(e,"disabled")},k=function(e){return n.focusedItemId===f(e)},S=function(e){return d.isNotEmpty(e.items)},O=function(e){return e-n.model.slice(0,e).filter((function(e){return g(e)&&v(e,"separator")})).length+1},P=function(t){var a=n.id+"_separator_"+t,u=r({key:a,"data-id":a,className:o("separator"),role:"separator"},i("separator",{hostName:n.hostName}));return e.createElement("li",u)},N=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:y(t)?"block":"none"},cx:o}):null},K=function(t,i){var a=t.item;if(!g(t))return null;var s=m(t),P=f(t),K=y(t),j=k(t),D=E(t)||!1,A=S(t),C=p("p-menuitem-link",{"p-disabled":D}),M=p("p-menuitem-icon",v(t,"icon")),T=r({className:o("icon")},u(t,"icon",i)),R=b.getJSXIcon(a.icon,L({},T),{props:n.menuProps}),B=r({className:o("label")},u(t,"label",i)),F=a.label&&e.createElement("span",B,a.label),_=v(t,"items"),J=r({className:o("submenuIcon")},u(t,"submenuIcon",i)),X=_&&b.getJSXIcon(n.root?n.submenuIcon||e.createElement(x,J):n.submenuIcon||e.createElement(I,J),L({},J),{props:L({menuProps:n.menuProps},n)}),z=N(t),U=r({href:a.url||"#",tabIndex:"-1","aria-hidden":"true",className:o("action",{disabled:D}),onFocus:function(e){return e.stopPropagation()},target:v(t,"target"),"aria-haspopup":null!=_},u(t,"action",i)),V=e.createElement("a",U,R,F,X,e.createElement(h,null));a.template&&(V=d.getJSXElement(a.template,a,{className:C,labelClassName:"p-menuitem-text",iconClassName:M,submenuIconClassName:"p-submenu-icon",element:V,props:n}));var H=r({onClick:function(e){return l(e,t)},onMouseEnter:function(e){return c(e,t)},className:o("content")},u(t,"content",i)),W=v(t,"className"),Z=r(w({id:s,key:P,"data-id":P,role:"menuitem","aria-label":a.label,"aria-disabled":D,"aria-expanded":A?K:void 0,"aria-haspopup":A&&!a.url?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":O(i),"data-p-highlight":K,"data-p-focused":j,"data-p-disabled":D,className:p(W,o("menuitem",{active:K,focused:j,disabled:D}))},"data-p-disabled",D||!1),u(t,"menuitem",i));return e.createElement("li",Z,e.createElement("div",H,V),z)},j=n.root?"menubar":"menu",D=n.root?"menu":"submenu",A=n.root?"0":null,C=n.model?n.model.map((function(e,n){return v(e,"separator")?P(n):K(e,n)})):null,T=r({ref:t,className:o(D),level:n.level,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,"data-id":n.id,tabIndex:A,"aria-activedescendant":n.ariaActivedescendant,style:n.style,role:j},i(D));return e.createElement("ul",T,C)})));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=a(),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),ae=e.useRef(null),ue=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(u({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(ae.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)&&ae.current!==e.target&&!ae.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,a=n.parentKey,u=d.isNotEmpty(n.items),c=U.filter((function(e){return e.parentKey!==a&&e.parentKey!==i}));u&&c.push(n),F({index:r,level:o,parentKey:a}),V(c),u&&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:""}),ue.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[data-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(ue.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){ue.current=(ue.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(){ue.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[data-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 a=(""!==r?r+"_":"")+o,u={item:e,index:o,level:n,key:a,parent:t,parentKey:r};u.items=Ge(e.items,n+1,u,a),i.push(u)})),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 ae.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:ae,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,a=t.key,u=t.level,c=t.parentKey;V(U.filter((function(e){return a!==e.key&&a.startsWith(e.key)}))),F({index:o,level:u,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:""}),ue.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};
+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 a,useEventListener as u,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,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 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=a(),i=n.ptm,o=n.cx,u=function(e,t,r){return i(t,{props:n,hostName:n.hostName,context:{item:e,index:r,active:y(e),focused:k(e),disabled:E(e),level:n.level}})},c=function(e,t){E(t)||n.mobileActive?e.preventDefault():n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},l=function(e,n){var t=n.item;E(n)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),s({originalEvent:e,processedItem:n,isFocus:!0}),t.url||(e.preventDefault(),e.stopPropagation()))},s=function(e){n.onLeafClick&&n.onLeafClick(e)},m=function(e){var n;return null===(n=e.item)||void 0===n?void 0:n.id},f=function(e){return"".concat(n.id,"_").concat(e.key)},v=function(e,n,t){return e&&e.item?d.getItemValue(e.item[n],t):void 0},y=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},g=function(e){return!1!==v(e,"visible")},E=function(e){return v(e,"disabled")},k=function(e){return n.focusedItemId===f(e)},S=function(e){return d.isNotEmpty(e.items)},O=function(e){return e-n.model.slice(0,e).filter((function(e){return g(e)&&v(e,"separator")})).length+1},P=function(t){var a=n.id+"_separator_"+t,u=r({key:a,"data-id":a,className:o("separator"),role:"separator"},i("separator",{hostName:n.hostName}));return e.createElement("li",u)},N=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:y(t)?"block":"none"},cx:o}):null},K=function(t,i){var a=t.item;if(!g(t))return null;var s=m(t),P=f(t),K=y(t),j=k(t),D=E(t)||!1,A=S(t),C=p("p-menuitem-link",{"p-disabled":D}),M=p("p-menuitem-icon",v(t,"icon")),T=r({className:o("icon")},u(t,"icon",i)),R=b.getJSXIcon(a.icon,L({},T),{props:n.menuProps}),B=r({className:o("label")},u(t,"label",i)),F=a.label&&e.createElement("span",B,a.label),_=v(t,"items"),J=r({className:o("submenuIcon")},u(t,"submenuIcon",i)),X=_&&b.getJSXIcon(n.root?n.submenuIcon||e.createElement(x,J):n.submenuIcon||e.createElement(I,J),L({},J),{props:L({menuProps:n.menuProps},n)}),z=N(t),U=r({href:a.url||"#",tabIndex:"-1","aria-hidden":"true",className:o("action",{disabled:D}),onFocus:function(e){return e.stopPropagation()},target:v(t,"target"),"aria-haspopup":null!=_},u(t,"action",i)),V=e.createElement("a",U,R,F,X,e.createElement(h,null));a.template&&(V=d.getJSXElement(a.template,a,{className:C,labelClassName:"p-menuitem-text",iconClassName:M,submenuIconClassName:"p-submenu-icon",element:V,props:n}));var H=r({onClick:function(e){return l(e,t)},onMouseEnter:function(e){return c(e,t)},className:o("content")},u(t,"content",i)),W=v(t,"className"),Z=r(w({id:s,key:P,"data-id":P,role:"menuitem","aria-label":a.label,"aria-disabled":D,"aria-expanded":A?K:void 0,"aria-haspopup":A&&!a.url?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":O(i),"data-p-highlight":K,"data-p-focused":j,"data-p-disabled":D,className:p(W,o("menuitem",{active:K,focused:j,disabled:D}))},"data-p-disabled",D||!1),u(t,"menuitem",i));return e.createElement("li",Z,e.createElement("div",H,V),z)},j=n.root?"menubar":"menu",D=n.root?"menu":"submenu",A=n.root?"0":null,C=n.model?n.model.map((function(e,n){return v(e,"separator")?P(n):K(e,n)})):null,T=r({ref:t,className:o(D),level:n.level,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,"data-id":n.id,tabIndex:A,"aria-activedescendant":n.ariaActivedescendant,style:n.style,role:j},i(D));return e.createElement("ul",T,C)})));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=a(),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),ae=e.useRef(null),ue=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(u({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(ae.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)&&ae.current!==e.target&&!ae.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,a=n.parentKey,u=d.isNotEmpty(n.items),c=U.filter((function(e){return e.parentKey!==a&&e.parentKey!==i}));u&&c.push(n),F({index:r,level:o,parentKey:a}),V(c),u&&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:""}),ue.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[data-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(ue.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){ue.current=(ue.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(){ue.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[data-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 a=(""!==r?r+"_":"")+o,u={item:e,index:o,level:n,key:a,parent:t,parentKey:r};u.items=Ge(e.items,n+1,u,a),i.push(u)})),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 ae.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:ae,href:"#",tabIndex:"0","aria-haspopup":!!(N&&E.model&&E.model.length>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||"NumpadEnter"===n.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,a=t.key,u=t.level,c=t.parentKey;V(U.filter((function(e){return a!==e.key&&a.startsWith(e.key)}))),F({index:o,level:u,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:""}),ue.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":case"NumpadEnter":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

@@ -557,7 +557,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
       setDirty(false);
     };
     var menuButtonKeydown = function menuButtonKeydown(event) {
-      (event.code === 'Enter' || event.code === 'Space') && toggle(event);
+      (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') && toggle(event);
     };
     var isOutsideClicked = function isOutsideClicked(event) {
       return rootMenuRef.current !== event.target && !rootMenuRef.current.contains(event.target) && menuButtonRef.current !== event.target && !menuButtonRef.current.contains(event.target);
@@ -626,6 +626,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
           onSpaceKey(event);
           break;
         case 'Enter':
+        case 'NumpadEnter':
           onEnterKey(event);
           break;
         case 'Escape':
@@ -650,7 +651,9 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
     var onItemChange = function onItemChange(event) {
       var processedItem = event.processedItem,
         isFocus = event.isFocus;
-      if (utils.ObjectUtils.isEmpty(processedItem)) return;
+      if (utils.ObjectUtils.isEmpty(processedItem)) {
+        return;
+      }
       var index = processedItem.index,
         key = processedItem.key,
         level = processedItem.level,
@@ -698,25 +701,23 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
             setDirty(true);
           }
         }, 0);
+      } else if (grouped) {
+        utils.DomHandler.focus(rootMenuRef.current);
+        onItemChange({
+          originalEvent: originalEvent,
+          processedItem: processedItem
+        });
       } else {
-        if (grouped) {
-          utils.DomHandler.focus(rootMenuRef.current);
-          onItemChange({
-            originalEvent: originalEvent,
-            processedItem: processedItem
-          });
-        } else {
-          var rootProcessedItem = root ? processedItem : activeItemPath.find(function (p) {
-            return p.parentKey === '';
-          });
-          var rootProcessedItemIndex = rootProcessedItem ? rootProcessedItem.index : -1;
-          hide(originalEvent);
-          setFocusedItemInfo({
-            index: rootProcessedItemIndex,
-            parentKey: rootProcessedItem ? rootProcessedItem.parentKey : ''
-          });
-          setMobileActiveState(false);
-        }
+        var rootProcessedItem = root ? processedItem : activeItemPath.find(function (p) {
+          return p.parentKey === '';
+        });
+        var rootProcessedItemIndex = rootProcessedItem ? rootProcessedItem.index : -1;
+        hide(originalEvent);
+        setFocusedItemInfo({
+          index: rootProcessedItemIndex,
+          parentKey: rootProcessedItem ? rootProcessedItem.parentKey : ''
+        });
+        setMobileActiveState(false);
       }
     };
     var onItemMouseEnter = function onItemMouseEnter(event) {
@@ -984,7 +985,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
           parent: parent,
           parentKey: parentKey
         };
-        newItem['items'] = createProcessedItems(item.items, level + 1, newItem, key);
+        newItem.items = createProcessedItems(item.items, level + 1, newItem, key);
         _processedItems.push(newItem);
       });
       return _processedItems;
@@ -998,7 +999,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
       if (mobileActiveState) {
         bindOutsideClickListener();
         bindResizeListener();
-        utils.ZIndexUtils.set('menu', rootMenuRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
+        utils.ZIndexUtils.set('menu', rootMenuRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex.menu || PrimeReact__default["default"].zIndex.menu);
       } else {
         unbindResizeListener();
         unbindOutsideClickListener();
@@ -1083,7 +1084,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
         ref: menuButtonRef,
         href: '#',
         tabIndex: '0',
-        'aria-haspopup': mobileActiveState && props.model && props.model.lentgh > 0 ? true : false,
+        'aria-haspopup': mobileActiveState && props.model && props.model.length > 0 ? true : false,
         'aria-expanded': mobileActiveState,
         'aria-label': PrimeReact.ariaLabel('navigation'),
         'aria-controls': idState,

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=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:x(n),focused:E(n),disabled:h(n),level:e.level}})},m=function(n,t){h(t)||e.mobileActive?n.preventDefault():e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},p=function(e,n){var t=n.item;h(n)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),d({originalEvent:e,processedItem:n,isFocus:!0}),t.url||(e.preventDefault(),e.stopPropagation()))},d=function(n){e.onLeafClick&&e.onLeafClick(n)},b=function(e){var n;return null===(n=e.item)||void 0===n?void 0:n.id},v=function(n){return"".concat(e.id,"_").concat(n.key)},g=function(e,n,t){return e&&e.item?a.ObjectUtils.getItemValue(e.item[n],t):void 0},x=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},I=function(e){return!1!==g(e,"visible")},h=function(e){return g(e,"disabled")},E=function(n){return e.focusedItemId===v(n)},O=function(e){return a.ObjectUtils.isNotEmpty(e.items)},k=function(n){return n-e.model.slice(0,n).filter((function(e){return I(e)&&g(e,"separator")})).length+1},j=function(n){var i=e.id+"_separator_"+n,a=t({key:i,"data-id":i,className:o("separator"),role:"separator"},r("separator",{hostName:e.hostName}));return f.createElement("li",a)},w=function(n){var t=n&&n.items;return t?f.createElement(S,{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:x(n)?"block":"none"},cx:o}):null},N=function(n,r){var i=n.item;if(!I(n))return null;var d=b(n),j=v(n),S=x(n),N=E(n),D=h(n)||!1,U=O(n),K=a.classNames("p-menuitem-link",{"p-disabled":D}),M=a.classNames("p-menuitem-icon",g(n,"icon")),A=t({className:o("icon")},s(n,"icon",r)),C=a.IconUtils.getJSXIcon(i.icon,P({},A),{props:e.menuProps}),L=t({className:o("label")},s(n,"label",r)),R=i.label&&f.createElement("span",L,i.label),H=g(n,"items"),T=t({className:o("submenuIcon")},s(n,"submenuIcon",r)),_=H&&a.IconUtils.getJSXIcon(e.root?e.submenuIcon||f.createElement(u.AngleDownIcon,T):e.submenuIcon||f.createElement(c.AngleRightIcon,T),P({},T),{props:P({menuProps:e.menuProps},e)}),B=w(n),F=t({href:i.url||"#",tabIndex:"-1","aria-hidden":"true",className:o("action",{disabled:D}),onFocus:function(e){return e.stopPropagation()},target:g(n,"target"),"aria-haspopup":null!=H},s(n,"action",r)),z=f.createElement("a",F,C,R,_,f.createElement(l.Ripple,null));i.template&&(z=a.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:M,submenuIconClassName:"p-submenu-icon",element:z,props:e}));var J=t({onClick:function(e){return p(e,n)},onMouseEnter:function(e){return m(e,n)},className:o("content")},s(n,"content",r)),X=g(n,"className"),Z=t(y({id:d,key:j,"data-id":j,role:"menuitem","aria-label":i.label,"aria-disabled":D,"aria-expanded":U?S:void 0,"aria-haspopup":U&&!i.url?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return I(e)&&!g(e,"separator")})).length,"aria-posinset":k(r),"data-p-highlight":S,"data-p-focused":N,"data-p-disabled":D,className:a.classNames(X,o("menuitem",{active:S,focused:N,disabled:D}))},"data-p-disabled",D||!1),s(n,"menuitem",r));return f.createElement("li",Z,f.createElement("div",J,z),B)},D=e.root?"menubar":"menu",U=e.root?"menu":"submenu",K=e.root?"0":null,M=e.model?e.model.map((function(e,n){return g(e,"separator")?j(n):N(e,n)})):null,A=t({ref:n,className:o(U),level:e.level,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,"data-id":e.id,tabIndex:K,"aria-activedescendant":e.ariaActivedescendant,style:e.style,role:D},r(U));return f.createElement("ul",A,M)})));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=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],P=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(){P({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([]),P({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),P({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}),P({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}),P({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)P({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}),P({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[data-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),P({focusedItemInfo:j,index:Le()})},Pe=function(e){if(-1!==j.index){var n=L[j.index];!be(n)&&ve({originalEvent:e,processedItem:n})}se()},Se=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 Se(e)})))?L.slice(0,j.index).findIndex((function(e){return Se(e)})):t+j.index:L.findIndex((function(e){return Se(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&&(P(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[data-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(S,{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)}))),P({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),P({index:m,parentKey:s?s.parentKey:""}),g(!1)}},onItemMouseEnter:function(e){!v&&X&&ve(e)},onFocus:function(e){h(!0),P(-1!==j.index?j:{index:Le(),level:0,parentKey:""}),l.onFocus&&l.onFocus(e)},onBlur:function(e){h(!1),P({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":Pe(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);
+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=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:x(n),focused:E(n),disabled:h(n),level:e.level}})},m=function(n,t){h(t)||e.mobileActive?n.preventDefault():e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},p=function(e,n){var t=n.item;h(n)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),d({originalEvent:e,processedItem:n,isFocus:!0}),t.url||(e.preventDefault(),e.stopPropagation()))},d=function(n){e.onLeafClick&&e.onLeafClick(n)},b=function(e){var n;return null===(n=e.item)||void 0===n?void 0:n.id},v=function(n){return"".concat(e.id,"_").concat(n.key)},g=function(e,n,t){return e&&e.item?a.ObjectUtils.getItemValue(e.item[n],t):void 0},x=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},I=function(e){return!1!==g(e,"visible")},h=function(e){return g(e,"disabled")},E=function(n){return e.focusedItemId===v(n)},O=function(e){return a.ObjectUtils.isNotEmpty(e.items)},k=function(n){return n-e.model.slice(0,n).filter((function(e){return I(e)&&g(e,"separator")})).length+1},j=function(n){var i=e.id+"_separator_"+n,a=t({key:i,"data-id":i,className:o("separator"),role:"separator"},r("separator",{hostName:e.hostName}));return f.createElement("li",a)},N=function(n){var t=n&&n.items;return t?f.createElement(S,{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:x(n)?"block":"none"},cx:o}):null},w=function(n,r){var i=n.item;if(!I(n))return null;var d=b(n),j=v(n),S=x(n),w=E(n),D=h(n)||!1,U=O(n),K=a.classNames("p-menuitem-link",{"p-disabled":D}),M=a.classNames("p-menuitem-icon",g(n,"icon")),A=t({className:o("icon")},s(n,"icon",r)),C=a.IconUtils.getJSXIcon(i.icon,P({},A),{props:e.menuProps}),L=t({className:o("label")},s(n,"label",r)),R=i.label&&f.createElement("span",L,i.label),H=g(n,"items"),T=t({className:o("submenuIcon")},s(n,"submenuIcon",r)),_=H&&a.IconUtils.getJSXIcon(e.root?e.submenuIcon||f.createElement(u.AngleDownIcon,T):e.submenuIcon||f.createElement(c.AngleRightIcon,T),P({},T),{props:P({menuProps:e.menuProps},e)}),B=N(n),F=t({href:i.url||"#",tabIndex:"-1","aria-hidden":"true",className:o("action",{disabled:D}),onFocus:function(e){return e.stopPropagation()},target:g(n,"target"),"aria-haspopup":null!=H},s(n,"action",r)),z=f.createElement("a",F,C,R,_,f.createElement(l.Ripple,null));i.template&&(z=a.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:M,submenuIconClassName:"p-submenu-icon",element:z,props:e}));var J=t({onClick:function(e){return p(e,n)},onMouseEnter:function(e){return m(e,n)},className:o("content")},s(n,"content",r)),X=g(n,"className"),Z=t(y({id:d,key:j,"data-id":j,role:"menuitem","aria-label":i.label,"aria-disabled":D,"aria-expanded":U?S:void 0,"aria-haspopup":U&&!i.url?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return I(e)&&!g(e,"separator")})).length,"aria-posinset":k(r),"data-p-highlight":S,"data-p-focused":w,"data-p-disabled":D,className:a.classNames(X,o("menuitem",{active:S,focused:w,disabled:D}))},"data-p-disabled",D||!1),s(n,"menuitem",r));return f.createElement("li",Z,f.createElement("div",J,z),B)},D=e.root?"menubar":"menu",U=e.root?"menu":"submenu",K=e.root?"0":null,M=e.model?e.model.map((function(e,n){return g(e,"separator")?j(n):w(e,n)})):null,A=t({ref:n,className:o(U),level:e.level,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,"data-id":e.id,tabIndex:K,"aria-activedescendant":e.ariaActivedescendant,style:e.style,role:D},r(U));return f.createElement("ul",A,M)})));function N(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}S.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],P=E[1],N=O(f.useState(null),2),D=N[0],U=N[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(){P({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([]),P({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),P({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}),P({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}),P({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)P({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}),P({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[data-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),P({focusedItemInfo:j,index:Le()})},Pe=function(e){if(-1!==j.index){var n=L[j.index];!be(n)&&ve({originalEvent:e,processedItem:n})}se()},Se=function(e){return Ne(e)&&de(e).toLocaleLowerCase().startsWith(Y.current.toLocaleLowerCase())},Ne=function(e){return!!e&&!fe(e.item,"disabled")&&!pe(e.item)},we=function(e){return Ne(e)&&De(e)},De=function(e){return M.some((function(n){return n.key===e.key}))},Ue=function(){return L.findIndex((function(e){return Ne(e)}))},Ke=function(){return a.ObjectUtils.findLastIndex(L,(function(e){return Ne(e)}))},Me=function(e){var n=e<L.length-1?L.slice(e+1).findIndex((function(e){return Ne(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 Ne(e)})):-1;return n>-1?n:e},Ce=function(){return L.findIndex((function(e){return we(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 Se(e)})))?L.slice(0,j.index).findIndex((function(e){return Se(e)})):t+j.index:L.findIndex((function(e){return Se(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&&(P(w(w({},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[data-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.length>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||"NumpadEnter"===n.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),w({},n),{props:l});return f.createElement("a",e,r)}(),Xe=f.createElement(S,{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)}))),P({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),P({index:m,parentKey:s?s.parentKey:""}),g(!1)}},onItemMouseEnter:function(e){!v&&X&&ve(e)},onFocus:function(e){h(!0),P(-1!==j.index?j:{index:Le(),level:0,parentKey:""}),l.onFocus&&l.onFocus(e)},onBlur:function(e){h(!1),P({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":case"NumpadEnter":Oe(e);break;case"Escape":je();break;case"Tab":Pe(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/messages/messages.cjs.js

@@ -201,6 +201,7 @@ var MessagesBase = componentbase.ComponentBase.extend({
 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 UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var mergeProps = hooks.useMergeProps();
   var messageInfo = props.message,
     parentMetaData = props.metaData,
     _props$ptCallbacks = props.ptCallbacks,
@@ -251,7 +252,7 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var createCloseIcon = function createCloseIcon() {
     if (closable !== false) {
       var ariaLabel = api.localeOption('close');
-      var buttonIconProps = utils.mergeProps({
+      var buttonIconProps = mergeProps({
         className: cx('uimessage.buttonicon')
       }, getPTOptions('buttonicon', parentParams), ptmo(pt, 'buttonicon', _objectSpread$1(_objectSpread$1({}, params), {}, {
         hostName: props.hostName
@@ -260,7 +261,7 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       var _closeIcon2 = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, buttonIconProps), {
         props: props
       });
-      var buttonProps = utils.mergeProps({
+      var buttonProps = mergeProps({
         type: 'button',
         className: cx('uimessage.button'),
         'aria-label': ariaLabel,
@@ -274,7 +275,7 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   };
   var createMessage = function createMessage() {
     if (props.message) {
-      var iconProps = utils.mergeProps({
+      var iconProps = mergeProps({
         className: cx('uimessage.icon')
       }, getPTOptions('icon', parentParams), ptmo(pt, 'icon', _objectSpread$1(_objectSpread$1({}, params), {}, {
         hostName: props.hostName
@@ -299,12 +300,12 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       var iconContent = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, iconProps), {
         props: props
       });
-      var summaryProps = utils.mergeProps({
+      var summaryProps = mergeProps({
         className: cx('uimessage.summary')
       }, getPTOptions('summary', parentParams), ptmo(pt, 'summary', _objectSpread$1(_objectSpread$1({}, params), {}, {
         hostName: props.hostName
       })));
-      var detailProps = utils.mergeProps({
+      var detailProps = mergeProps({
         className: cx('uimessage.detail')
       }, getPTOptions('detail', parentParams), ptmo(pt, 'detail', _objectSpread$1(_objectSpread$1({}, params), {}, {
         hostName: props.hostName
@@ -315,13 +316,13 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   };
   var closeIcon = createCloseIcon();
   var message = createMessage();
-  var wrapperProps = utils.mergeProps({
+  var wrapperProps = mergeProps({
     className: utils.classNames(_contentClassName, cx('uimessage.wrapper')),
     style: contentStyle
   }, getPTOptions('wrapper', parentParams), ptmo(pt, 'wrapper', _objectSpread$1(_objectSpread$1({}, params), {}, {
     hostName: props.hostName
   })));
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     ref: ref,
     className: utils.classNames(_className, cx('uimessage.root', {
       severity: severity

package/messages/messages.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("primereact/api"),n=require("primereact/componentbase"),a=require("primereact/csstransition"),o=require("primereact/hooks"),s=require("primereact/utils"),i=require("primereact/icons/check"),c=require("primereact/icons/exclamationtriangle"),l=require("primereact/icons/infocircle"),u=require("primereact/icons/times"),m=require("primereact/icons/timescircle"),p=require("primereact/ripple");function f(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 y=f(e);function g(){return g=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},g.apply(this,arguments)}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e){if(Array.isArray(e))return b(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,t){if(e){if("string"==typeof e)return b(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?b(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e){return d(e)||v(e)||h(e)||O()}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 w(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 N(e){var t=w(e,"string");return"symbol"===P(t)?t:String(t)}function E(e,t,r){return(t=N(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function S(e){if(Array.isArray(e))return e}function x(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,s,i=[],c=!0,l=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){l=!0,a=e}finally{try{if(!c&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(l)throw a}}return i}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e,t){return S(e)||x(e,t)||h(e,t)||I()}var C=n.ComponentBase.extend({defaultProps:{__TYPE:"Messages",__parentMetadata:null,id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null,children:void 0},css:{classes:{uimessage:{root:function(e){var t=e.severity;return s.classNames("p-message p-component",E({},"p-message-".concat(t),t))},wrapper:"p-message-wrapper",detail:"p-message-detail",summary:"p-message-summary",icon:"p-message-icon",buttonicon:"p-message-close-icon",button:"p-message-close p-link",transition:"p-message"}},styles:"\n@layer primereact {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-message-enter {\n        opacity: 0;\n    }\n    \n    .p-message-enter-active {\n        opacity: 1;\n        transition: opacity .3s;\n    }\n    \n    .p-message-exit {\n        opacity: 1;\n        max-height: 1000px;\n    }\n    \n    .p-message-exit-active {\n        opacity: 0;\n        max-height: 0;\n        margin: 0;\n        overflow: hidden;\n        transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .3s;\n    }\n    \n    .p-message-exit-active .p-message-close {\n        display: none;\n    }\n}\n"}});function _(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 q(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_(Object(r),!0).forEach((function(t){E(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var D=y.memo(y.forwardRef((function(e,t){var n=e.ptCallbacks,a=n.ptm,f=n.ptmo,g=n.cx,b=e.message.message,d=b.severity,v=b.content,h=b.summary,O=b.detail,j=b.closable,P=b.life,w=b.sticky,N=b.className,E=b.style,S=b.contentClassName,x=b.contentStyle,I=b.icon,C=b.closeIcon,_=b.pt,D={index:e.index},M=q(q({},e.metaData),D),A=k(o.useTimeout((function(){T(null)}),P||3e3,!w),1)[0],R=function(t,r){return a(t,q({hostName:e.hostName},r))},T=function(t){A(),e.onClose&&e.onClose(e.message),t&&(t.preventDefault(),t.stopPropagation())},U=function(){if(!1!==j){var t=r.localeOption("close"),n=s.mergeProps({className:g("uimessage.buttonicon")},R("buttonicon",M),f(_,"buttonicon",q(q({},D),{},{hostName:e.hostName}))),a=s.IconUtils.getJSXIcon(C||y.createElement(u.TimesIcon,n),q({},n),{props:e}),o=s.mergeProps({type:"button",className:g("uimessage.button"),"aria-label":t,onClick:T},R("button",M),f(_,"button",q(q({},D),{},{hostName:e.hostName})));return y.createElement("button",o,a,y.createElement(p.Ripple,null))}return null}(),z=function(){if(e.message){var t=s.mergeProps({className:g("uimessage.icon")},R("icon",M),f(_,"icon",q(q({},D),{},{hostName:e.hostName}))),r=I;if(!I)switch(d){case"info":r=y.createElement(l.InfoCircleIcon,t);break;case"warn":r=y.createElement(c.ExclamationTriangleIcon,t);break;case"error":r=y.createElement(m.TimesCircleIcon,t);break;case"success":r=y.createElement(i.CheckIcon,t)}var n=s.IconUtils.getJSXIcon(r,q({},t),{props:e}),a=s.mergeProps({className:g("uimessage.summary")},R("summary",M),f(_,"summary",q(q({},D),{},{hostName:e.hostName}))),o=s.mergeProps({className:g("uimessage.detail")},R("detail",M),f(_,"detail",q(q({},D),{},{hostName:e.hostName})));return v||y.createElement(y.Fragment,null,n,y.createElement("span",a,h),y.createElement("span",o,O))}return null}(),H=s.mergeProps({className:s.classNames(S,g("uimessage.wrapper")),style:x},R("wrapper",M),f(_,"wrapper",q(q({},D),{},{hostName:e.hostName}))),J=s.mergeProps({ref:t,className:s.classNames(N,g("uimessage.root",{severity:d})),style:E,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:function(){e.onClick&&e.onClick(e.message)}},R("root",M),f(_,"root",q(q({},D),{},{hostName:e.hostName})));return y.createElement("div",J,y.createElement("div",H,z,U))})));function M(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 A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?M(Object(r),!0).forEach((function(t){E(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}D.displayName="UIMessage";var R=0,T=y.memo(y.forwardRef((function(e,i){var c=o.useMergeProps(),l=y.useContext(r.PrimeReactContext),u=C.getProps(e,l),m=k(y.useState([]),2),p=m[0],f=m[1],b=y.useRef(null),d=A(A({props:u},u.__parentMetadata),{},{state:{messages:p}}),v=C.setMetaData(d);n.useHandleStyle(C.css.styles,v.isUnstyled,{name:"messages"});var h=function(e){e&&f((function(t){return O(t,e,!0)}))},O=function(e,t,r){var n;if(Array.isArray(t)){var a=t.reduce((function(e,t){return e.push({_pId:R++,message:t}),e}),[]);n=r&&e?[].concat(j(e),j(a)):a}else{var o={_pId:R++,message:t};n=r&&e?[].concat(j(e),[o]):[o]}return n},P=function(){f([])},w=function(e){f((function(t){return O(t,e,!1)}))},N=function(e){var t=e._pId?e.message:e;f((function(r){return r.filter((function(r){return r._pId!==e._pId&&!s.ObjectUtils.deepEquals(r.message,t)}))})),u.onRemove&&u.onRemove(t.message||t)},E=function(e){N(e)};y.useImperativeHandle(i,(function(){return{props:u,show:h,replace:w,remove:N,clear:P,getElement:function(){return b.current}}}));var S=c({id:u.id,className:u.className,style:u.style},C.getOtherProps(u),v.ptm("root")),x=c({classNames:v.cx("uimessage.transition"),unmountOnExit:!0,timeout:{enter:300,exit:300},options:u.transitionOptions},v.ptm("transition"));return y.createElement("div",g({ref:b},S),y.createElement(t.TransitionGroup,null,p&&p.map((function(e,t){var r=y.createRef();return y.createElement(a.CSSTransition,g({nodeRef:r,key:e._pId},x),y.createElement(D,{hostName:"Messages",ref:r,message:e,onClick:u.onClick,onClose:E,ptCallbacks:v,metaData:d,index:t}))}))))})));T.displayName="Messages",exports.Messages=T;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("primereact/api"),n=require("primereact/componentbase"),a=require("primereact/csstransition"),o=require("primereact/hooks"),s=require("primereact/utils"),i=require("primereact/icons/check"),c=require("primereact/icons/exclamationtriangle"),l=require("primereact/icons/infocircle"),u=require("primereact/icons/times"),m=require("primereact/icons/timescircle"),p=require("primereact/ripple");function f(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 y=f(e);function g(){return g=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},g.apply(this,arguments)}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e){if(Array.isArray(e))return b(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,t){if(e){if("string"==typeof e)return b(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?b(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e){return d(e)||v(e)||h(e)||O()}function w(e){return w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},w(e)}function N(e,t){if("object"!==w(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==w(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=N(e,"string");return"symbol"===w(t)?t:String(t)}function E(e,t,r){return(t=P(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function S(e){if(Array.isArray(e))return e}function x(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,s,i=[],c=!0,l=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){l=!0,a=e}finally{try{if(!c&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(l)throw a}}return i}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e,t){return S(e)||x(e,t)||h(e,t)||I()}var C=n.ComponentBase.extend({defaultProps:{__TYPE:"Messages",__parentMetadata:null,id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null,children:void 0},css:{classes:{uimessage:{root:function(e){var t=e.severity;return s.classNames("p-message p-component",E({},"p-message-".concat(t),t))},wrapper:"p-message-wrapper",detail:"p-message-detail",summary:"p-message-summary",icon:"p-message-icon",buttonicon:"p-message-close-icon",button:"p-message-close p-link",transition:"p-message"}},styles:"\n@layer primereact {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-message-enter {\n        opacity: 0;\n    }\n    \n    .p-message-enter-active {\n        opacity: 1;\n        transition: opacity .3s;\n    }\n    \n    .p-message-exit {\n        opacity: 1;\n        max-height: 1000px;\n    }\n    \n    .p-message-exit-active {\n        opacity: 0;\n        max-height: 0;\n        margin: 0;\n        overflow: hidden;\n        transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .3s;\n    }\n    \n    .p-message-exit-active .p-message-close {\n        display: none;\n    }\n}\n"}});function _(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 q(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_(Object(r),!0).forEach((function(t){E(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var D=y.memo(y.forwardRef((function(e,t){var n=o.useMergeProps(),a=e.ptCallbacks,f=a.ptm,g=a.ptmo,b=a.cx,d=e.message.message,v=d.severity,h=d.content,O=d.summary,j=d.detail,w=d.closable,N=d.life,P=d.sticky,E=d.className,S=d.style,x=d.contentClassName,I=d.contentStyle,C=d.icon,_=d.closeIcon,D=d.pt,M={index:e.index},A=q(q({},e.metaData),M),R=k(o.useTimeout((function(){U(null)}),N||3e3,!P),1)[0],T=function(t,r){return f(t,q({hostName:e.hostName},r))},U=function(t){R(),e.onClose&&e.onClose(e.message),t&&(t.preventDefault(),t.stopPropagation())},z=function(){if(!1!==w){var t=r.localeOption("close"),a=n({className:b("uimessage.buttonicon")},T("buttonicon",A),g(D,"buttonicon",q(q({},M),{},{hostName:e.hostName}))),o=s.IconUtils.getJSXIcon(_||y.createElement(u.TimesIcon,a),q({},a),{props:e}),i=n({type:"button",className:b("uimessage.button"),"aria-label":t,onClick:U},T("button",A),g(D,"button",q(q({},M),{},{hostName:e.hostName})));return y.createElement("button",i,o,y.createElement(p.Ripple,null))}return null}(),H=function(){if(e.message){var t=n({className:b("uimessage.icon")},T("icon",A),g(D,"icon",q(q({},M),{},{hostName:e.hostName}))),r=C;if(!C)switch(v){case"info":r=y.createElement(l.InfoCircleIcon,t);break;case"warn":r=y.createElement(c.ExclamationTriangleIcon,t);break;case"error":r=y.createElement(m.TimesCircleIcon,t);break;case"success":r=y.createElement(i.CheckIcon,t)}var a=s.IconUtils.getJSXIcon(r,q({},t),{props:e}),o=n({className:b("uimessage.summary")},T("summary",A),g(D,"summary",q(q({},M),{},{hostName:e.hostName}))),u=n({className:b("uimessage.detail")},T("detail",A),g(D,"detail",q(q({},M),{},{hostName:e.hostName})));return h||y.createElement(y.Fragment,null,a,y.createElement("span",o,O),y.createElement("span",u,j))}return null}(),J=n({className:s.classNames(x,b("uimessage.wrapper")),style:I},T("wrapper",A),g(D,"wrapper",q(q({},M),{},{hostName:e.hostName}))),X=n({ref:t,className:s.classNames(E,b("uimessage.root",{severity:v})),style:S,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:function(){e.onClick&&e.onClick(e.message)}},T("root",A),g(D,"root",q(q({},M),{},{hostName:e.hostName})));return y.createElement("div",X,y.createElement("div",J,H,z))})));function M(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 A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?M(Object(r),!0).forEach((function(t){E(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}D.displayName="UIMessage";var R=0,T=y.memo(y.forwardRef((function(e,i){var c=o.useMergeProps(),l=y.useContext(r.PrimeReactContext),u=C.getProps(e,l),m=k(y.useState([]),2),p=m[0],f=m[1],b=y.useRef(null),d=A(A({props:u},u.__parentMetadata),{},{state:{messages:p}}),v=C.setMetaData(d);n.useHandleStyle(C.css.styles,v.isUnstyled,{name:"messages"});var h=function(e){e&&f((function(t){return O(t,e,!0)}))},O=function(e,t,r){var n;if(Array.isArray(t)){var a=t.reduce((function(e,t){return e.push({_pId:R++,message:t}),e}),[]);n=r&&e?[].concat(j(e),j(a)):a}else{var o={_pId:R++,message:t};n=r&&e?[].concat(j(e),[o]):[o]}return n},w=function(){f([])},N=function(e){f((function(t){return O(t,e,!1)}))},P=function(e){var t=e._pId?e.message:e;f((function(r){return r.filter((function(r){return r._pId!==e._pId&&!s.ObjectUtils.deepEquals(r.message,t)}))})),u.onRemove&&u.onRemove(t.message||t)},E=function(e){P(e)};y.useImperativeHandle(i,(function(){return{props:u,show:h,replace:N,remove:P,clear:w,getElement:function(){return b.current}}}));var S=c({id:u.id,className:u.className,style:u.style},C.getOtherProps(u),v.ptm("root")),x=c({classNames:v.cx("uimessage.transition"),unmountOnExit:!0,timeout:{enter:300,exit:300},options:u.transitionOptions},v.ptm("transition"));return y.createElement("div",g({ref:b},S),y.createElement(t.TransitionGroup,null,p&&p.map((function(e,t){var r=y.createRef();return y.createElement(a.CSSTransition,g({nodeRef:r,key:e._pId},x),y.createElement(D,{hostName:"Messages",ref:r,message:e,onClick:u.onClick,onClose:E,ptCallbacks:v,metaData:d,index:t}))}))))})));T.displayName="Messages",exports.Messages=T;

package/messages/messages.esm.js

@@ -4,8 +4,8 @@ import { TransitionGroup } from 'react-transition-group';
 import { localeOption, PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useTimeout, useMergeProps } from 'primereact/hooks';
-import { classNames, mergeProps, IconUtils, ObjectUtils } from 'primereact/utils';
+import { useMergeProps, useTimeout } from 'primereact/hooks';
+import { classNames, IconUtils, ObjectUtils } from 'primereact/utils';
 import { CheckIcon } from 'primereact/icons/check';
 import { ExclamationTriangleIcon } from 'primereact/icons/exclamationtriangle';
 import { InfoCircleIcon } from 'primereact/icons/infocircle';
@@ -177,6 +177,7 @@ var MessagesBase = ComponentBase.extend({
 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 UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var mergeProps = useMergeProps();
   var messageInfo = props.message,
     parentMetaData = props.metaData,
     _props$ptCallbacks = props.ptCallbacks,

package/messages/messages.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{TransitionGroup as t}from"react-transition-group";import{localeOption as r,PrimeReactContext as n}from"primereact/api";import{ComponentBase as o,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as s}from"primereact/csstransition";import{useTimeout as i,useMergeProps as c}from"primereact/hooks";import{classNames as l,mergeProps as m,IconUtils as u,ObjectUtils as p}from"primereact/utils";import{CheckIcon as f}from"primereact/icons/check";import{ExclamationTriangleIcon as y}from"primereact/icons/exclamationtriangle";import{InfoCircleIcon as g}from"primereact/icons/infocircle";import{TimesIcon as b}from"primereact/icons/times";import{TimesCircleIcon as v}from"primereact/icons/timescircle";import{Ripple as d}from"primereact/ripple";function h(){return h=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},h.apply(this,arguments)}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function j(e){if(Array.isArray(e))return O(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function N(e,t){if(e){if("string"==typeof e)return O(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?O(e,t):void 0}}function E(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e){return j(e)||w(e)||N(e)||E()}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function x(e,t){if("object"!==S(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==S(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=x(e,"string");return"symbol"===S(t)?t:String(t)}function I(e,t,r){return(t=k(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function C(e){if(Array.isArray(e))return e}function D(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,s,i=[],c=!0,l=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(l)throw o}}return i}}function _(){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 A(e,t){return C(e)||D(e,t)||N(e,t)||_()}var M=o.extend({defaultProps:{__TYPE:"Messages",__parentMetadata:null,id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null,children:void 0},css:{classes:{uimessage:{root:function(e){var t=e.severity;return l("p-message p-component",I({},"p-message-".concat(t),t))},wrapper:"p-message-wrapper",detail:"p-message-detail",summary:"p-message-summary",icon:"p-message-icon",buttonicon:"p-message-close-icon",button:"p-message-close p-link",transition:"p-message"}},styles:"\n@layer primereact {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-message-enter {\n        opacity: 0;\n    }\n    \n    .p-message-enter-active {\n        opacity: 1;\n        transition: opacity .3s;\n    }\n    \n    .p-message-exit {\n        opacity: 1;\n        max-height: 1000px;\n    }\n    \n    .p-message-exit-active {\n        opacity: 0;\n        max-height: 0;\n        margin: 0;\n        overflow: hidden;\n        transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .3s;\n    }\n    \n    .p-message-exit-active .p-message-close {\n        display: none;\n    }\n}\n"}});function R(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 T(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?R(Object(r),!0).forEach((function(t){I(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var U=e.memo(e.forwardRef((function(t,n){var o=t.ptCallbacks,a=o.ptm,s=o.ptmo,c=o.cx,p=t.message.message,h=p.severity,O=p.content,j=p.summary,w=p.detail,N=p.closable,E=p.life,P=p.sticky,S=p.className,x=p.style,k=p.contentClassName,I=p.contentStyle,C=p.icon,D=p.closeIcon,_=p.pt,M={index:t.index},R=T(T({},t.metaData),M),U=A(i((function(){X(null)}),E||3e3,!P),1)[0],J=function(e,r){return a(e,T({hostName:t.hostName},r))},X=function(e){U(),t.onClose&&t.onClose(t.message),e&&(e.preventDefault(),e.stopPropagation())},q=function(){if(!1!==N){var n=r("close"),o=m({className:c("uimessage.buttonicon")},J("buttonicon",R),s(_,"buttonicon",T(T({},M),{},{hostName:t.hostName}))),a=u.getJSXIcon(D||e.createElement(b,o),T({},o),{props:t}),i=m({type:"button",className:c("uimessage.button"),"aria-label":n,onClick:X},J("button",R),s(_,"button",T(T({},M),{},{hostName:t.hostName})));return e.createElement("button",i,a,e.createElement(d,null))}return null}(),z=function(){if(t.message){var r=m({className:c("uimessage.icon")},J("icon",R),s(_,"icon",T(T({},M),{},{hostName:t.hostName}))),n=C;if(!C)switch(h){case"info":n=e.createElement(g,r);break;case"warn":n=e.createElement(y,r);break;case"error":n=e.createElement(v,r);break;case"success":n=e.createElement(f,r)}var o=u.getJSXIcon(n,T({},r),{props:t}),a=m({className:c("uimessage.summary")},J("summary",R),s(_,"summary",T(T({},M),{},{hostName:t.hostName}))),i=m({className:c("uimessage.detail")},J("detail",R),s(_,"detail",T(T({},M),{},{hostName:t.hostName})));return O||e.createElement(e.Fragment,null,o,e.createElement("span",a,j),e.createElement("span",i,w))}return null}(),F=m({className:l(k,c("uimessage.wrapper")),style:I},J("wrapper",R),s(_,"wrapper",T(T({},M),{},{hostName:t.hostName}))),H=m({ref:n,className:l(S,c("uimessage.root",{severity:h})),style:x,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:function(){t.onClick&&t.onClick(t.message)}},J("root",R),s(_,"root",T(T({},M),{},{hostName:t.hostName})));return e.createElement("div",H,e.createElement("div",F,z,q))})));function J(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 X(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?J(Object(r),!0).forEach((function(t){I(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):J(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}U.displayName="UIMessage";var q=0,z=e.memo(e.forwardRef((function(r,o){var i=c(),l=e.useContext(n),m=M.getProps(r,l),u=A(e.useState([]),2),f=u[0],y=u[1],g=e.useRef(null),b=X(X({props:m},m.__parentMetadata),{},{state:{messages:f}}),v=M.setMetaData(b);a(M.css.styles,v.isUnstyled,{name:"messages"});var d=function(e){e&&y((function(t){return O(t,e,!0)}))},O=function(e,t,r){var n;if(Array.isArray(t)){var o=t.reduce((function(e,t){return e.push({_pId:q++,message:t}),e}),[]);n=r&&e?[].concat(P(e),P(o)):o}else{var a={_pId:q++,message:t};n=r&&e?[].concat(P(e),[a]):[a]}return n},j=function(){y([])},w=function(e){y((function(t){return O(t,e,!1)}))},N=function(e){var t=e._pId?e.message:e;y((function(r){return r.filter((function(r){return r._pId!==e._pId&&!p.deepEquals(r.message,t)}))})),m.onRemove&&m.onRemove(t.message||t)},E=function(e){N(e)};e.useImperativeHandle(o,(function(){return{props:m,show:d,replace:w,remove:N,clear:j,getElement:function(){return g.current}}}));var S=i({id:m.id,className:m.className,style:m.style},M.getOtherProps(m),v.ptm("root")),x=i({classNames:v.cx("uimessage.transition"),unmountOnExit:!0,timeout:{enter:300,exit:300},options:m.transitionOptions},v.ptm("transition"));return e.createElement("div",h({ref:g},S),e.createElement(t,null,f&&f.map((function(t,r){var n=e.createRef();return e.createElement(s,h({nodeRef:n,key:t._pId},x),e.createElement(U,{hostName:"Messages",ref:n,message:t,onClick:m.onClick,onClose:E,ptCallbacks:v,metaData:b,index:r}))}))))})));z.displayName="Messages";export{z as Messages};
+import*as e from"react";import{TransitionGroup as t}from"react-transition-group";import{localeOption as r,PrimeReactContext as n}from"primereact/api";import{ComponentBase as o,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as s}from"primereact/csstransition";import{useMergeProps as i,useTimeout as c}from"primereact/hooks";import{classNames as l,IconUtils as m,ObjectUtils as u}from"primereact/utils";import{CheckIcon as p}from"primereact/icons/check";import{ExclamationTriangleIcon as f}from"primereact/icons/exclamationtriangle";import{InfoCircleIcon as y}from"primereact/icons/infocircle";import{TimesIcon as g}from"primereact/icons/times";import{TimesCircleIcon as b}from"primereact/icons/timescircle";import{Ripple as v}from"primereact/ripple";function d(){return d=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},d.apply(this,arguments)}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function O(e){if(Array.isArray(e))return h(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return h(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?h(e,t):void 0}}function N(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e){return O(e)||j(e)||w(e)||N()}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 S(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 x(e){var t=S(e,"string");return"symbol"===P(t)?t:String(t)}function k(e,t,r){return(t=x(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function I(e){if(Array.isArray(e))return e}function C(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,s,i=[],c=!0,l=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(l)throw o}}return i}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _(e,t){return I(e)||C(e,t)||w(e,t)||D()}var A=o.extend({defaultProps:{__TYPE:"Messages",__parentMetadata:null,id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null,children:void 0},css:{classes:{uimessage:{root:function(e){var t=e.severity;return l("p-message p-component",k({},"p-message-".concat(t),t))},wrapper:"p-message-wrapper",detail:"p-message-detail",summary:"p-message-summary",icon:"p-message-icon",buttonicon:"p-message-close-icon",button:"p-message-close p-link",transition:"p-message"}},styles:"\n@layer primereact {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-message-enter {\n        opacity: 0;\n    }\n    \n    .p-message-enter-active {\n        opacity: 1;\n        transition: opacity .3s;\n    }\n    \n    .p-message-exit {\n        opacity: 1;\n        max-height: 1000px;\n    }\n    \n    .p-message-exit-active {\n        opacity: 0;\n        max-height: 0;\n        margin: 0;\n        overflow: hidden;\n        transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .3s;\n    }\n    \n    .p-message-exit-active .p-message-close {\n        display: none;\n    }\n}\n"}});function M(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 R(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?M(Object(r),!0).forEach((function(t){k(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var T=e.memo(e.forwardRef((function(t,n){var o=i(),a=t.ptCallbacks,s=a.ptm,u=a.ptmo,d=a.cx,h=t.message.message,O=h.severity,j=h.content,w=h.summary,N=h.detail,E=h.closable,P=h.life,S=h.sticky,x=h.className,k=h.style,I=h.contentClassName,C=h.contentStyle,D=h.icon,A=h.closeIcon,M=h.pt,T={index:t.index},U=R(R({},t.metaData),T),J=_(c((function(){q(null)}),P||3e3,!S),1)[0],X=function(e,r){return s(e,R({hostName:t.hostName},r))},q=function(e){J(),t.onClose&&t.onClose(t.message),e&&(e.preventDefault(),e.stopPropagation())},z=function(){if(!1!==E){var n=r("close"),a=o({className:d("uimessage.buttonicon")},X("buttonicon",U),u(M,"buttonicon",R(R({},T),{},{hostName:t.hostName}))),s=m.getJSXIcon(A||e.createElement(g,a),R({},a),{props:t}),i=o({type:"button",className:d("uimessage.button"),"aria-label":n,onClick:q},X("button",U),u(M,"button",R(R({},T),{},{hostName:t.hostName})));return e.createElement("button",i,s,e.createElement(v,null))}return null}(),F=function(){if(t.message){var r=o({className:d("uimessage.icon")},X("icon",U),u(M,"icon",R(R({},T),{},{hostName:t.hostName}))),n=D;if(!D)switch(O){case"info":n=e.createElement(y,r);break;case"warn":n=e.createElement(f,r);break;case"error":n=e.createElement(b,r);break;case"success":n=e.createElement(p,r)}var a=m.getJSXIcon(n,R({},r),{props:t}),s=o({className:d("uimessage.summary")},X("summary",U),u(M,"summary",R(R({},T),{},{hostName:t.hostName}))),i=o({className:d("uimessage.detail")},X("detail",U),u(M,"detail",R(R({},T),{},{hostName:t.hostName})));return j||e.createElement(e.Fragment,null,a,e.createElement("span",s,w),e.createElement("span",i,N))}return null}(),H=o({className:l(I,d("uimessage.wrapper")),style:C},X("wrapper",U),u(M,"wrapper",R(R({},T),{},{hostName:t.hostName}))),Y=o({ref:n,className:l(x,d("uimessage.root",{severity:O})),style:k,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:function(){t.onClick&&t.onClick(t.message)}},X("root",U),u(M,"root",R(R({},T),{},{hostName:t.hostName})));return e.createElement("div",Y,e.createElement("div",H,F,z))})));function U(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function J(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?U(Object(r),!0).forEach((function(t){k(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):U(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}T.displayName="UIMessage";var X=0,q=e.memo(e.forwardRef((function(r,o){var c=i(),l=e.useContext(n),m=A.getProps(r,l),p=_(e.useState([]),2),f=p[0],y=p[1],g=e.useRef(null),b=J(J({props:m},m.__parentMetadata),{},{state:{messages:f}}),v=A.setMetaData(b);a(A.css.styles,v.isUnstyled,{name:"messages"});var h=function(e){e&&y((function(t){return O(t,e,!0)}))},O=function(e,t,r){var n;if(Array.isArray(t)){var o=t.reduce((function(e,t){return e.push({_pId:X++,message:t}),e}),[]);n=r&&e?[].concat(E(e),E(o)):o}else{var a={_pId:X++,message:t};n=r&&e?[].concat(E(e),[a]):[a]}return n},j=function(){y([])},w=function(e){y((function(t){return O(t,e,!1)}))},N=function(e){var t=e._pId?e.message:e;y((function(r){return r.filter((function(r){return r._pId!==e._pId&&!u.deepEquals(r.message,t)}))})),m.onRemove&&m.onRemove(t.message||t)},P=function(e){N(e)};e.useImperativeHandle(o,(function(){return{props:m,show:h,replace:w,remove:N,clear:j,getElement:function(){return g.current}}}));var S=c({id:m.id,className:m.className,style:m.style},A.getOtherProps(m),v.ptm("root")),x=c({classNames:v.cx("uimessage.transition"),unmountOnExit:!0,timeout:{enter:300,exit:300},options:m.transitionOptions},v.ptm("transition"));return e.createElement("div",d({ref:g},S),e.createElement(t,null,f&&f.map((function(t,r){var n=e.createRef();return e.createElement(s,d({nodeRef:n,key:t._pId},x),e.createElement(T,{hostName:"Messages",ref:n,message:t,onClick:m.onClick,onClose:P,ptCallbacks:v,metaData:b,index:r}))}))))})));q.displayName="Messages";export{q as Messages};

package/messages/messages.js

@@ -186,6 +186,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
   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 UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var mergeProps = hooks.useMergeProps();
     var messageInfo = props.message,
       parentMetaData = props.metaData,
       _props$ptCallbacks = props.ptCallbacks,
@@ -236,7 +237,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
     var createCloseIcon = function createCloseIcon() {
       if (closable !== false) {
         var ariaLabel = api.localeOption('close');
-        var buttonIconProps = utils.mergeProps({
+        var buttonIconProps = mergeProps({
           className: cx('uimessage.buttonicon')
         }, getPTOptions('buttonicon', parentParams), ptmo(pt, 'buttonicon', _objectSpread$1(_objectSpread$1({}, params), {}, {
           hostName: props.hostName
@@ -245,7 +246,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
         var _closeIcon2 = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, buttonIconProps), {
           props: props
         });
-        var buttonProps = utils.mergeProps({
+        var buttonProps = mergeProps({
           type: 'button',
           className: cx('uimessage.button'),
           'aria-label': ariaLabel,
@@ -259,7 +260,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
     };
     var createMessage = function createMessage() {
       if (props.message) {
-        var iconProps = utils.mergeProps({
+        var iconProps = mergeProps({
           className: cx('uimessage.icon')
         }, getPTOptions('icon', parentParams), ptmo(pt, 'icon', _objectSpread$1(_objectSpread$1({}, params), {}, {
           hostName: props.hostName
@@ -284,12 +285,12 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
         var iconContent = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, iconProps), {
           props: props
         });
-        var summaryProps = utils.mergeProps({
+        var summaryProps = mergeProps({
           className: cx('uimessage.summary')
         }, getPTOptions('summary', parentParams), ptmo(pt, 'summary', _objectSpread$1(_objectSpread$1({}, params), {}, {
           hostName: props.hostName
         })));
-        var detailProps = utils.mergeProps({
+        var detailProps = mergeProps({
           className: cx('uimessage.detail')
         }, getPTOptions('detail', parentParams), ptmo(pt, 'detail', _objectSpread$1(_objectSpread$1({}, params), {}, {
           hostName: props.hostName
@@ -300,13 +301,13 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
     };
     var closeIcon = createCloseIcon();
     var message = createMessage();
-    var wrapperProps = utils.mergeProps({
+    var wrapperProps = mergeProps({
       className: utils.classNames(_contentClassName, cx('uimessage.wrapper')),
       style: contentStyle
     }, getPTOptions('wrapper', parentParams), ptmo(pt, 'wrapper', _objectSpread$1(_objectSpread$1({}, params), {}, {
       hostName: props.hostName
     })));
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: ref,
       className: utils.classNames(_className, cx('uimessage.root', {
         severity: severity