primereact/menubar/menubar.min.js

PrimeReact is an open source UI library for React featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

this.primereact=this.primereact||{},this.primereact.menubar=function(e,t,n,r,l,a){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=o(t),c=u(n);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a=[],u=!0,o=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);u=!0);}catch(e){o=!0,l=e}finally{try{u||null==n.return||n.return()}finally{if(o)throw l}}return a}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){return m(e)||f(e,t)||d(e,t)||b()}var y=i.memo(i.forwardRef((function(e,t){var n=v(i.useState(null),2),u=n[0],o=n[1],c=v(r.useEventListener({type:"click",listener:function(e){t&&t.current&&!t.current.contains(e.target)&&o(null)}}),1)[0],s=function(t,n){n.disabled||e.mobileActive?t.preventDefault():e.root?(u||e.popup)&&o(n):o(n)},m=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items?o(u&&t===u?null:t):C())},f=function(t,n){var r=t.currentTarget.parentElement;switch(t.which){case 40:e.root?n.items&&d(n,r):h(r),t.preventDefault();break;case 38:!e.root&&g(r),t.preventDefault();break;case 39:if(e.root){var l=E(r);l&&l.children[0].focus()}else n.items&&d(n,r);t.preventDefault();break;case 37:e.root&&g(r),t.preventDefault()}e.onKeyDown&&e.onKeyDown(t,r)},p=function(t,n){e.root?38===t.which&&null==n.previousElementSibling&&b(n):37===t.which&&b(n)},d=function(e,t){o(e),setTimeout((function(){t.children[1].children[0].children[0].focus()}),50)},b=function(e){o(null),e.parentElement.previousElementSibling.focus()},h=function(e){var t=E(e);t&&t.children[0].focus()},g=function(e){var t=N(e);t&&t.children[0].focus()},E=function e(t){var n=t.nextElementSibling;return n?l.DomHandler.hasClass(n,"p-disabled")||!l.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},N=function e(t){var n=t.previousElementSibling;return n?l.DomHandler.hasClass(n,"p-disabled")||!l.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},C=function(){o(null),e.onLeafClick&&e.onLeafClick()};r.useMountEffect((function(){c()})),r.useUpdateEffect((function(){!e.parentActive&&o(null)}),[e.parentActive]);var D=function(e){return i.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},w=function(t){return t.items?i.createElement(y,{menuProps:e.menuProps,model:t.items,mobileActive:e.mobileActive,onLeafClick:C,onKeyDown:p,parentActive:t===u}):null},j=function(t,n){if(!1===t.visible)return null;var r=t.label+"_"+n,o=l.classNames("p-menuitem",{"p-menuitem-active":u===t},t.className),c=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),p=l.classNames("p-menuitem-icon",t.icon),d=l.classNames("p-submenu-icon pi",{"pi-angle-down":e.root,"pi-angle-right":!e.root}),b=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),v=t.label&&i.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&i.createElement("span",{className:d}),h=w(t),g=i.createElement("a",{href:t.url||"#",role:"menuitem",className:c,target:t.target,"aria-haspopup":null!=t.items,onClick:function(e){return m(e,t)},onKeyDown:function(e){return f(e,t)}},b,v,y,i.createElement(a.Ripple,null));t.template&&(g=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return m(e,t)},onKeyDown:function(e){return f(e,t)},className:c,labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:d,element:g,props:e}));return i.createElement("li",{key:r,role:"none",id:t.id,className:o,style:t.style,onMouseEnter:function(e){return s(e,t)}},g,h)},k=function(e,t){return e.separator?D(t):j(e,t)},O=e.root?"menubar":"menu",S=l.classNames({"p-submenu-list":!e.root,"p-menubar-root-list":e.root}),A=e.model?e.model.map(k):null;return i.createElement("ul",{ref:t,className:S,role:O},A)})));y.displayName="MenubarSub";var h=i.memo(i.forwardRef((function(e,t){var n=v(i.useState(!1),2),a=n[0],u=n[1],o=i.useRef(null),m=i.useRef(null),f=i.useRef(null),p=v(r.useEventListener({type:"click",listener:function(e){a&&E(e)&&u(!1)}}),2),d=p[0],b=p[1],g=function(e){e.preventDefault(),u((function(e){return!e}))},E=function(e){return m.current!==e.target&&!m.current.contains(e.target)&&f.current!==e.target&&!f.current.contains(e.target)};r.useUpdateEffect((function(){a?(l.ZIndexUtils.set("menu",m.current,c.default.autoZIndex,c.default.zIndex.menu),d()):(b(),l.ZIndexUtils.clear(m.current))}),[a]),r.useUnmountEffect((function(){l.ZIndexUtils.clear(m.current)})),i.useImperativeHandle(t,(function(){return{props:e,toggle:g,useCustomContent:useCustomContent,getElement:function(){return o.current},getRootMenu:function(){return m.current},getMenuButton:function(){return f.current}}}));var N=l.ObjectUtils.findDiffKeys(e,h.defaultProps),C=l.classNames("p-menubar p-component",{"p-menubar-mobile-active":a},e.className),D=function(){if(e.start){var t=l.ObjectUtils.getJSXElement(e.start,e);return i.createElement("div",{className:"p-menubar-start"},t)}return null}(),w=function(){if(e.end){var t=l.ObjectUtils.getJSXElement(e.end,e);return i.createElement("div",{className:"p-menubar-end"},t)}return null}(),j=e.model&&e.model.length<1?null:i.createElement("a",{ref:f,href:"#",role:"button",tabIndex:0,className:"p-menubar-button",onClick:g},i.createElement("i",{className:"pi pi-bars"})),k=i.createElement(y,{ref:m,menuProps:e,model:e.model,root:!0,mobileActive:a,onLeafClick:function(){u(!1)}});return i.createElement("div",s({id:e.id,className:C,style:e.style},N),D,j,k,w)})));return h.displayName="Menubar",h.defaultProps={__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,end:null},e.Menubar=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.ripple);