@chief-editor/brick-control/lib/brick/Tab/Brick.js

Control Brick for chief editor

"use strict";var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,a=1,r=arguments.length;a<r;a++)for(var i in t=arguments[a])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)Object.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t.default=e,t};Object.defineProperty(exports,"__esModule",{value:!0});var ui_1=require("@chief-editor/ui"),react_1=__importStar(require("react"));function TabBrick(e){var t=e.styles,a=e.layout,r=e.setState,i=e.state.currentIndex,n=e.creator,l=e.renderPart,u=e.datasource,c=void 0===u?[]:u,s=react_1.useCallback((function(e){r({currentIndex:e})}),[]);return react_1.default.createElement("div",{"data-id":n,style:__assign(__assign({},t),a)},react_1.default.createElement("div",null,react_1.default.createElement(ui_1.Tab,{activeId:String(i),onChange:s,lazy:!0},c.map((function(e){return react_1.default.createElement(ui_1.Tab.Item,{key:e.value,id:String(e.value),tab:e.label,disabled:e.disabled},react_1.default.createElement("div",{key:"tab_item_"+e.value,style:{display:e.value===i?"block":"none"}},l(String(e.value))))})))))}exports.TabBrick=TabBrick;