primereact/tabs/index.mjs

A rich set of premium UI Components for React.

'use client';

var q=Object.defineProperty;var g=(r,e)=>{for(var o in e)q(r,o,{get:e[o],enumerable:!0})};import{createOptionalContext as D}from"@primereact/core/utils";var[S,a]=D();var O={};g(O,{Content:()=>T,Indicator:()=>v,List:()=>C,Next:()=>y,Panel:()=>h,Panels:()=>R,Prev:()=>I,Root:()=>B,Tab:()=>L});import{Component as E,withComponent as F}from"@primereact/core/component";import{mergeProps as G}from"@primeuix/utils";import*as w from"react";var n={as:"div"};var T=F({name:"Tabs.Content",defaultProps:n,setup(){return{tabs:a()}},render(r){let{props:e,ptmi:o,tabs:t}=r,s=G({className:t?.cx("content")},t?.contentProps,t?.ptm("content"),o("root"));return w.createElement(E,{instance:r,attrs:s,children:e.children,ref:t?.contentRef})}});import{Component as J,withComponent as K}from"@primereact/core/component";import{mergeProps as Q}from"@primeuix/utils";import*as A from"react";var m={as:"span"};var v=K({name:"Tabs.Indicator",defaultProps:m,setup(){return{tabs:a()}},render(r){let{props:e,ptmi:o,tabs:t}=r,{style:s}=t?.getIndicatorProps?.()??{},p=Q({className:t?.cx("activeBar"),style:s},t?.scrollStateAttrs,t?.ptm("activeBar"),o("root"));return A.createElement(J,{instance:r,attrs:p,children:e.children,ref:t?.activeBarRef})}});import{Component as U,withComponent as V}from"@primereact/core/component";import{mergeProps as W}from"@primeuix/utils";import*as _ from"react";var i={as:"div"};var C=V({name:"Tabs.List",defaultProps:i,setup(){return{tabs:a()}},render(r){let{props:e,ptmi:o,tabs:t}=r,s=W({className:t?.cx("list")},t?.scrollStateAttrs,t?.ptm("list"),o("root"));return _.createElement(U,{instance:r,attrs:s,children:e.children})}});import{Component as X,withComponent as Y}from"@primereact/core/component";import{mergeProps as Z}from"@primeuix/utils";import*as $ from"react";var l={as:"button",lazy:!0};var y=Y({name:"Tabs.Next",defaultProps:l,setup(r){let{props:e}=r,o=a(),t=!o?.state.canScrollNext||e.disabled,s={type:"button","aria-label":e.ariaLabel,tabIndex:o?.props.tabIndex,onClick:o?.scrollNext,disabled:t,...t&&{"data-disabled":""},...o?.scrollStateAttrs};return{tabs:o,disabled:t,nextButtonProps:s}},render(r){let{props:e,ptmi:o,tabs:t,nextButtonProps:s}=r,p=Z(s,{className:t?.cx("nextButton")},t?.ptm("nextButton"),o("root"));return $.createElement(X,{pIf:e.lazy?t?.state.canScrollNext:!0,instance:r,attrs:p,children:e.children,ref:t?.nextButtonRef})}});import{Component as tt,withComponent as ot}from"@primereact/core/component";import{mergeProps as rt}from"@primeuix/utils";import*as u from"react";var c={as:"div",value:void 0};var h=ot({name:"Tabs.Panel",defaultProps:c,setup(r){let{props:e}=r,o=a(),t=u.useMemo(()=>o?.isItemActive(e.value)??!1,[o,e.value]),s={id:`${o?.id}_tabpanel_${e.value}`,role:"tabpanel",tabIndex:t?o?.props.tabIndex:-1,"aria-labelledby":`${o?.id}_tab_${e.value}`,...t&&{"data-active":""},...o?.scrollStateAttrs};return{tabs:o,active:t,panelProps:s}},render(r){let{props:e,ptmi:o,tabs:t,active:s,panelProps:p}=r,x=rt(p,{className:t?.cx("panel",{active:s}),style:{display:s?"block":"none"}},t?.ptm("panel"),o("root"));return u.createElement(tt,{pIf:t?.props?.lazy?s:!0,instance:r,attrs:x,children:e.children})}});import{Component as et,withComponent as st}from"@primereact/core/component";import{mergeProps as at}from"@primeuix/utils";import*as z from"react";var b={as:"div"};var R=st({name:"Tabs.Panels",defaultProps:b,setup(){return{tabs:a()}},render(r){let{props:e,ptmi:o,tabs:t}=r,s=at({className:t?.cx("panels")},t?.scrollStateAttrs,t?.ptm("panels"),o("root"));return z.createElement(et,{instance:r,attrs:s,children:e.children})}});import{Component as pt,withComponent as nt}from"@primereact/core/component";import{mergeProps as mt}from"@primeuix/utils";import*as k from"react";var f={as:"button",lazy:!0};var I=nt({name:"Tabs.Prev",defaultProps:f,setup(r){let{props:e}=r,o=a(),t=!o?.state.canScrollPrev||e.disabled,s={type:"button","aria-label":e.ariaLabel,tabIndex:o?.props.tabIndex,onClick:o?.scrollPrev,disabled:t,...t&&{"data-disabled":""},...o?.scrollStateAttrs};return{tabs:o,disabled:t,prevButtonProps:s}},render(r){let{props:e,ptmi:o,tabs:t,prevButtonProps:s}=r,p=mt(s,{className:t?.cx("prevButton")},t?.ptm("prevButton"),o("root"));return k.createElement(pt,{pIf:e.lazy?t?.state.canScrollPrev:!0,instance:r,attrs:p,children:e.children,ref:t?.prevButtonRef})}});import{Component as it,withComponent as lt}from"@primereact/core/component";import{useTabs as ct}from"@primereact/headless/tabs";import{mergeProps as bt}from"@primeuix/utils";import*as N from"react";import*as H from"@primereact/headless/tabs";var d={...H.defaultProps,as:"div",lazy:!1};var B=lt({name:"Tabs.Root",defaultProps:d,setup(r){return ct(r.inProps)},render(r){let{props:e,ptmi:o,cx:t}=r,s=bt({className:t("root")},o("root"));return N.createElement(S,{value:r},N.createElement(it,{instance:r,attrs:s,children:e.children}))}});import{Component as ft,withComponent as dt}from"@primereact/core/component";import{mergeProps as Pt}from"@primeuix/utils";import*as M from"react";var P={as:"button",disabled:!1,value:void 0};var L=dt({name:"Tabs.Tab",defaultProps:P,setup(r){let{props:e}=r,o=a(),t=o?.getTabProps(e.value,e.disabled),s=o?.isItemActive(e.value)??!1;return{tabs:o,active:s,tabProps:t}},render(r){let{props:e,ptmi:o,tabs:t,active:s,tabProps:p}=r,x=Pt(p,{id:`${t?.id}_tab_${e.value}`,"aria-controls":`${t?.id}_tabpanel_${e.value}`,className:t?.cx("tab",{active:s,disabled:e.disabled})},o("root"),t?.ptm("tab"));return M.createElement(ft,{instance:r,attrs:x,children:e.children})}});var j={};g(j,{defaultContentProps:()=>n,defaultIndicatorProps:()=>m,defaultListProps:()=>i,defaultNextProps:()=>l,defaultPanelProps:()=>c,defaultPanelsProps:()=>b,defaultPrevProps:()=>f,defaultRootProps:()=>d,defaultTabProps:()=>P});export{O as Tabs,T as TabsContent,v as TabsIndicator,C as TabsList,y as TabsNext,h as TabsPanel,R as TabsPanels,I as TabsPrev,j as TabsProps,S as TabsProvider,B as TabsRoot,L as TabsTab,n as defaultContentProps,m as defaultIndicatorProps,i as defaultListProps,l as defaultNextProps,c as defaultPanelProps,b as defaultPanelsProps,f as defaultPrevProps,d as defaultRootProps,P as defaultTabProps,a as useTabsContext};