design-react-kit
Version:
Componenti React per Bootstrap 5
2 lines • 1.7 kB
JavaScript
;var h=Object.create;var i=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var A=(e,a)=>{for(var r in a)i(e,r,{get:a[r],enumerable:!0})},d=(e,a,r,c)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of D(a))!x.call(e,l)&&l!==r&&i(e,l,{get:()=>a[l],enumerable:!(c=y(a,l))||c.enumerable});return e};var m=(e,a,r)=>(r=e!=null?h(P(e)):{},d(a||!e||!e.__esModule?i(r,"default",{value:e,enumerable:!0}):r,e)),L=e=>d(i({},"__esModule",{value:!0}),e);var H={};A(H,{TabNav:()=>S});module.exports=L(H);var v=m(require("classnames"),1),f=m(require("react"),1),T=require("react-bootstrap"),S=({className:e,vertical:a=!1,dark:r=!1,card:c=!1,tag:l="ul",testId:g,...E})=>{let N=l,p=(0,f.useRef)(),k=(0,v.default)(e,"nav-tabs",{"nav-tabs-vertical":a},{"nav-dark":r},{"nav-tabs-cards":c}),s=0,u=-1,b=(o,w=!1)=>{let t=p.current?.querySelectorAll(".nav-link");if(t){for(let n=0;n<t.length;n++)t[n].ariaSelected==="true"&&(u=n),!w&&document.activeElement===t[n]&&(s=n),t[n].ariaSelected="false";switch(o.key){case"ArrowLeft":case"ArrowUp":o.stopPropagation(),o.preventDefault(),s-1<0&&(s=t.length),s=(s-1)%t.length;break;case"ArrowRight":case"ArrowDown":o.stopPropagation(),o.preventDefault(),s=(s+1)%t.length;break;case"Enter":o.stopPropagation(),o.preventDefault(),t[s].click();break;case"Tab":break;default:return}t[s].ariaDisabled==="true"?b(o,!0):(t[s].focus({preventScroll:!0}),setTimeout(()=>{t[u].ariaSelected="true"},300))}};return f.default.createElement(T.Nav,{ref:p,as:N,className:k,"data-testid":g,...E,onKeyDown:b})};0&&(module.exports={TabNav});
//# sourceMappingURL=TabNav.cjs.map