primereact/menubar/menubar.cjs.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

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/utils"),l=require("primereact/ripple");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=u(e),i=a(t);function c(){return c=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},c.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function m(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 f(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 p(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}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 b(e,t){return s(e)||m(e,t)||p(e,t)||d()}var v=o.memo(o.forwardRef((function(e,t){var a=b(o.useState(null),2),u=a[0],i=a[1],c=b(n.useEventListener({type:"click",listener:function(e){t&&t.current&&!t.current.contains(e.target)&&i(null)}}),1)[0],s=function(t,n){n.disabled||e.mobileActive?t.preventDefault():e.root?(u||e.popup)&&i(n):i(n)},m=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items?i(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):g(r),t.preventDefault();break;case 38:!e.root&&h(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&&h(r),t.preventDefault()}e.onKeyDown&&e.onKeyDown(t,r)},p=function(t,n){e.root?38===t.which&&null==n.previousElementSibling&&y(n):37===t.which&&y(n)},d=function(e,t){i(e),setTimeout((function(){t.children[1].children[0].children[0].focus()}),50)},y=function(e){i(null),e.parentElement.previousElementSibling.focus()},g=function(e){var t=E(e);t&&t.children[0].focus()},h=function(e){var t=N(e);t&&t.children[0].focus()},E=function e(t){var n=t.nextElementSibling;return n?r.DomHandler.hasClass(n,"p-disabled")||!r.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},N=function e(t){var n=t.previousElementSibling;return n?r.DomHandler.hasClass(n,"p-disabled")||!r.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},C=function(){i(null),e.onLeafClick&&e.onLeafClick()};n.useMountEffect((function(){c()})),n.useUpdateEffect((function(){!e.parentActive&&i(null)}),[e.parentActive]);var D=function(e){return o.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},w=function(t){return t.items?o.createElement(v,{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 a=t.label+"_"+n,i=r.classNames("p-menuitem",{"p-menuitem-active":u===t},t.className),c=r.classNames("p-menuitem-link",{"p-disabled":t.disabled}),p=r.classNames("p-menuitem-icon",t.icon),d=r.classNames("p-submenu-icon pi",{"pi-angle-down":e.root,"pi-angle-right":!e.root}),b=r.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),v=t.label&&o.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&o.createElement("span",{className:d}),g=w(t),h=o.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,o.createElement(l.Ripple,null));t.template&&(h=r.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:h,props:e}));return o.createElement("li",{key:a,role:"none",id:t.id,className:i,style:t.style,onMouseEnter:function(e){return s(e,t)}},h,g)},k=function(e,t){return e.separator?D(t):j(e,t)},O=e.root?"menubar":"menu",S=r.classNames({"p-submenu-list":!e.root,"p-menubar-root-list":e.root}),A=e.model?e.model.map(k):null;return o.createElement("ul",{ref:t,className:S,role:O},A)})));v.displayName="MenubarSub";var y=o.memo(o.forwardRef((function(e,t){var l=b(o.useState(!1),2),a=l[0],u=l[1],s=o.useRef(null),m=o.useRef(null),f=o.useRef(null),p=b(n.useEventListener({type:"click",listener:function(e){a&&E(e)&&u(!1)}}),2),d=p[0],g=p[1],h=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)};n.useUpdateEffect((function(){a?(r.ZIndexUtils.set("menu",m.current,i.default.autoZIndex,i.default.zIndex.menu),d()):(g(),r.ZIndexUtils.clear(m.current))}),[a]),n.useUnmountEffect((function(){r.ZIndexUtils.clear(m.current)})),o.useImperativeHandle(t,(function(){return{props:e,toggle:h,useCustomContent:useCustomContent,getElement:function(){return s.current},getRootMenu:function(){return m.current},getMenuButton:function(){return f.current}}}));var N=r.ObjectUtils.findDiffKeys(e,y.defaultProps),C=r.classNames("p-menubar p-component",{"p-menubar-mobile-active":a},e.className),D=function(){if(e.start){var t=r.ObjectUtils.getJSXElement(e.start,e);return o.createElement("div",{className:"p-menubar-start"},t)}return null}(),w=function(){if(e.end){var t=r.ObjectUtils.getJSXElement(e.end,e);return o.createElement("div",{className:"p-menubar-end"},t)}return null}(),j=e.model&&e.model.length<1?null:o.createElement("a",{ref:f,href:"#",role:"button",tabIndex:0,className:"p-menubar-button",onClick:h},o.createElement("i",{className:"pi pi-bars"})),k=o.createElement(v,{ref:m,menuProps:e,model:e.model,root:!0,mobileActive:a,onLeafClick:function(){u(!1)}});return o.createElement("div",c({id:e.id,className:C,style:e.style},N),D,j,k,w)})));y.displayName="Menubar",y.defaultProps={__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,end:null},exports.Menubar=y;