@styleless-ui/react/TabGroup/Panel/Panel.js

Completely unstyled, headless and accessible React UI components.

"use strict";var __assign=this&&this.__assign||function(){return __assign=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},__assign.apply(this,arguments)},__createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,n)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(r[i[n]]=e[i[n]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var jsx_runtime_1=require("react/jsx-runtime"),React=__importStar(require("react")),utils_1=require("../../utils"),context_1=__importDefault(require("../context")),slots_1=require("../slots"),TabPanelBase=function(e,t){var r=e.children,i=e.id,n=e.className,a=__rest(e,["children","id","className"]),l=React.useContext(context_1.default),s=(0,utils_1.useDeterministicId)(i,"styleless-ui__panel"),o=React.useRef(null),u=(0,utils_1.useForkedRefs)(t,o);null==l||l.register(o);var _=Number(a["data-index"]);return!!l&&l.activeTab===_?(0,jsx_runtime_1.jsx)("div",__assign({},a,{id:s,ref:function(e){var t,r;if(u(e),e){var i=null===(r=null===(t=null==l?void 0:l.tabs[_])||void 0===t?void 0:t.current)||void 0===r?void 0:r.id;i&&e.setAttribute("aria-labelledby",i)}},className:n,role:"tabpanel","data-slot":slots_1.PanelRoot},{children:r})):null},TabPanel=(0,utils_1.componentWithForwardedRef)(TabPanelBase);exports.default=TabPanel;