@chief-editor/ui/lib/components/sidebar/Sidebar.js

UI Component for chief editor

"use strict";var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(r[a[i]]=e[a[i]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__importDefault(require("react")),util_1=require("@co-hooks/util"),use_1=require("@rc-hooks/use"),usePrefixCls_1=require("../../hooks/usePrefixCls"),SidebarTab_1=require("./SidebarTab"),SidebarContent_1=require("./SidebarContent");function Sidebar(e){var t,r=e.tabs,a=e.type,i=void 0===a?"icon":a,s=e.closeable,n=e.activeTab,o=e.placement,l=void 0===o?"left":o,c=e.className,u=e.onActiveTabChange,b=__rest(e,["tabs","type","closeable","activeTab","placement","className","onActiveTabChange"]),_=use_1.useRefCallback(u),d=util_1.classnames(usePrefixCls_1.usePrefixCls("sidebar",((t={})[l]=!0,t)),c);return react_1.default.createElement("div",__assign({},b,{className:d}),react_1.default.createElement(SidebarTab_1.SidebarTab,{tabs:r,type:i,activeTab:n,onActiveTabChange:u}),r.map((function(e){return react_1.default.createElement(SidebarContent_1.SidebarContent,{id:e.id,key:e.id,title:e.title,style:{display:e.id===n?"":"none"},closeable:s,extraTitle:e.extraTitle,onClose:_},e.content)})))}exports.Sidebar=Sidebar;