primereact/menubar/menubar.cjs.min.js

PrimeReact is an open source UI library for React featuring a rich set of 90+ 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,o=[],i=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=a.call(n)).done)&&(o.push(r.value),o.length!==t);i=!0);}catch(e){c=!0,l=e}finally{try{if(!i&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw l}}return o}}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={defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,end:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,v.defaultProps)}},g=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):O())},f=function(t,n){var r=t.currentTarget.parentElement;switch(t.which){case 40:e.root?n.items&&d(n,r):y(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&&v(n):37===t.which&&v(n)},d=function(e,t){i(e),setTimeout((function(){t.children[1].children[0].children[0].focus()}),50)},v=function(e){i(null),e.parentElement.previousElementSibling.focus()},y=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},O=function(){i(null),e.onLeafClick&&e.onLeafClick()};n.useMountEffect((function(){c()})),n.useUpdateEffect((function(){!e.parentActive&&i(null)}),[e.parentActive]);var j=function(e){return o.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},C=function(t){return t.items?o.createElement(g,{menuProps:e.menuProps,model:t.items,mobileActive:e.mobileActive,onLeafClick:O,onKeyDown:p,parentActive:t===u}):null},D=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),g=t.items&&o.createElement("span",{className:d}),y=C(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,g,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,y)},w=function(e,t){return e.separator?j(t):D(e,t)},P=e.root?"menubar":"menu",k=r.classNames({"p-submenu-list":!e.root,"p-menubar-root-list":e.root}),S=e.model?e.model.map(w):null;return o.createElement("ul",{ref:t,className:k,role:P},S)})));g.displayName="MenubarSub";var y=o.memo(o.forwardRef((function(e,t){var l=v.getProps(e),a=b(o.useState(!1),2),u=a[0],s=a[1],m=o.useRef(null),f=o.useRef(null),p=o.useRef(null),d=b(n.useEventListener({type:"click",listener:function(e){u&&N(e)&&s(!1)}}),2),y=d[0],h=d[1],E=function(e){e.preventDefault(),s((function(e){return!e}))},N=function(e){return f.current!==e.target&&!f.current.contains(e.target)&&p.current!==e.target&&!p.current.contains(e.target)};n.useUpdateEffect((function(){u?(r.ZIndexUtils.set("menu",f.current,i.default.autoZIndex,i.default.zIndex.menu),y()):(h(),r.ZIndexUtils.clear(f.current))}),[u]),n.useUnmountEffect((function(){r.ZIndexUtils.clear(f.current)})),o.useImperativeHandle(t,(function(){return{props:l,toggle:E,useCustomContent:useCustomContent,getElement:function(){return m.current},getRootMenu:function(){return f.current},getMenuButton:function(){return p.current}}}));var O=v.getOtherProps(l),j=r.classNames("p-menubar p-component",{"p-menubar-mobile-active":u},l.className),C=function(){if(l.start){var e=r.ObjectUtils.getJSXElement(l.start,l);return o.createElement("div",{className:"p-menubar-start"},e)}return null}(),D=function(){if(l.end){var e=r.ObjectUtils.getJSXElement(l.end,l);return o.createElement("div",{className:"p-menubar-end"},e)}return null}(),w=l.model&&l.model.length<1?null:o.createElement("a",{ref:p,href:"#",role:"button",tabIndex:0,className:"p-menubar-button",onClick:E},o.createElement("i",{className:"pi pi-bars"})),P=o.createElement(g,{ref:f,menuProps:l,model:l.model,root:!0,mobileActive:u,onLeafClick:function(){s(!1)}});return o.createElement("div",c({id:l.id,className:j,style:l.style},O),C,w,P,D)})));y.displayName="Menubar",exports.Menubar=y;