primereact/tabmenu/tabmenu.esm.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

import*as e from"react";import{Ripple as t}from"primereact/ripple";import{ObjectUtils as n,classNames as r,DomHandler as a,IconUtils as l}from"primereact/utils";function i(){return i=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},i.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,u=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(u)throw a}}return l}}function c(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 s(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f=e.memo(e.forwardRef((function(c,p){var d,b,v=e.useState(c.activeIndex),y=(b=2,u(d=v)||o(d,b)||s(d,b)||m()),g=y[0],h=y[1],E=e.useRef(null),N=e.useRef(null),x=e.useRef(null),C=e.useRef({}),I=c.onTabChange?c.activeIndex:g,O=function(e,t,n){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),c.onTabChange?c.onTabChange({originalEvent:e,value:t,index:n}):h(n))},S=function(e){return e===(I||0)};e.useImperativeHandle(p,(function(){return{props:c,getElement:function(){return E.current}}})),e.useEffect((function(){var e;e=C.current["tab_".concat(I)],N.current.style.width=a.getWidth(e)+"px",N.current.style.left=a.getOffset(e).left-a.getOffset(x.current).left+"px"}));var T=function(a,i){if(!1===a.visible)return null;var u=a.className,o=a.style,s=a.disabled,m=a.icon,f=a.label,p=a.template,d=a.url,b=a.target,v=f+"_"+i,y=S(i),g=r("p-tabmenuitem",{"p-highlight":y,"p-disabled":s},u),h=r("p-menuitem-icon",m),E=l.getJSXIcon(m,{className:"p-menuitem-icon"},{props:c}),N=e.createElement("a",{href:d||"#",className:"p-menuitem-link",target:b,onClick:function(e){return O(e,a,i)},role:"presentation"},E,f&&e.createElement("span",{className:"p-menuitem-text"},f),e.createElement(t,null));p&&(N=n.getJSXElement(p,a,{onClick:function(e){return O(e,a,i)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:h,element:N,props:c,active:y,index:i,disabled:s}));return e.createElement("li",{ref:C.current["tab_".concat(i)],key:v,className:g,style:o,role:"tab","aria-selected":y,"aria-expanded":y,"aria-disabled":s},N)};if(c.model){var w=n.findDiffKeys(c,f.defaultProps),j=r("p-tabmenu p-component",c.className),k=c.model.map(T);return e.createElement("div",i({id:c.id,ref:E,className:j,style:c.style},w),e.createElement("ul",{ref:x,className:"p-tabmenu-nav p-reset",role:"tablist"},k,e.createElement("li",{ref:N,className:"p-tabmenu-ink-bar"})))}return null})));f.displayName="TabMenu",f.defaultProps={__TYPE:"TabMenu",id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null};export{f as TabMenu};