@radix-ui/react-tabs
Version:
3 lines (2 loc) • 2.54 kB
JavaScript
var e,t,a,r=require("@radix-ui/react-id").useId,o=require("@radix-ui/react-roving-focus"),n=o.RovingFocusGroup,i=o.RovingFocusItem,s=require("@radix-ui/react-primitive").Primitive,u=require("@radix-ui/react-use-controllable-state").useControllableState,c=require("@radix-ui/react-use-callback-ref").useCallbackRef,d=require("@radix-ui/react-context").createContext,l=require("@radix-ui/primitive").composeEventHandlers,b=(e={},t=require("react"),Object.keys(t).forEach((function(a){"default"!==a&&"__esModule"!==a&&Object.defineProperty(e,a,{enumerable:!0,get:function(){return t[a]}})})),e),f=(a=require("@babel/runtime/helpers/extends"))&&a.__esModule?a.default:a;const[v,p]=d("Tabs"),x=/*#__PURE__*/b.forwardRef(((e,t)=>{const{value:a,onValueChange:o,defaultValue:n,orientation:i="horizontal",dir:c="ltr",activationMode:d="automatic",...l}=e,[p,x]=u({prop:a,onChange:o,defaultProp:n});/*#__PURE__*/return b.createElement(v,{baseId:r(),value:p,onValueChange:x,orientation:i,dir:c,activationMode:d},/*#__PURE__*/b.createElement(s,f({"data-orientation":i},l,{ref:t})))}));exports.Tabs=x;const g="div",m=/*#__PURE__*/b.forwardRef(((e,t)=>{const{as:a=g,loop:r=!0,...o}=e,i=p("TabsList");/*#__PURE__*/return b.createElement(n,f({role:"tablist",orientation:i.orientation,dir:i.dir,loop:r},o,{as:a,ref:t}))}));exports.TabsList=m;const T="div",C=/*#__PURE__*/b.forwardRef(((e,t)=>{const{as:a=T,value:r,disabled:o=!1,...n}=e,s=p("TabsTrigger"),u=h(s.baseId,r),d=w(s.baseId,r),v=r===s.value,x=c((()=>s.onValueChange(r)));/*#__PURE__*/return b.createElement(i,f({role:"tab","aria-selected":v,"aria-controls":d,"aria-disabled":o||void 0,"data-state":v?"active":"inactive","data-disabled":o?"":void 0,id:u},n,{focusable:!o,active:v,as:a,ref:t,onKeyDown:l(e.onKeyDown,(e=>{o||" "!==e.key&&"Enter"!==e.key||x()})),onMouseDown:l(e.onMouseDown,(e=>{o||0!==e.button||!1!==e.ctrlKey||x()})),onFocus:l(e.onFocus,(()=>{const e="manual"!==s.activationMode;v||o||!e||x()}))}))}));exports.TabsTrigger=C;const q=/*#__PURE__*/b.forwardRef(((e,t)=>{const{value:a,...r}=e,o=p("TabsContent"),n=h(o.baseId,a),i=w(o.baseId,a),u=a===o.value;/*#__PURE__*/return b.createElement(s,f({"data-state":u?"active":"inactive","data-orientation":o.orientation,role:"tabpanel","aria-labelledby":n,hidden:!u,id:i,tabIndex:0},r,{ref:t}))}));function h(e,t){return`${e}-trigger-${t}`}function w(e,t){return`${e}-content-${t}`}exports.TabsContent=q;const y=x;exports.Root=y;const E=m;exports.List=E;const I=C;exports.Trigger=I;const R=q;exports.Content=R;
//# sourceMappingURL=index.js.map