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

UI Component for chief editor

"use strict";var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,s=1,r=arguments.length;s<r;s++)for(var i in t=arguments[s])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,t){var s={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(s[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(s[r[i]]=e[r[i]])}return s},__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"),icons_1=require("@byte-design/icons"),use_1=require("@rc-hooks/use"),usePrefixCls_1=require("../../hooks/usePrefixCls");function SidebarContent(e){var t,s,r=e.title,i=e.id,l=e.closeable,a=void 0!==l&&l,n=e.onClose,c=e.children,o=e.className,u=e.extraTitle,_=__rest(e,["title","id","closeable","onClose","children","className","extraTitle"]),f=use_1.useRefCallback(n),d=util_1.classnames(usePrefixCls_1.usePrefixCls("sidebar-content"),o),m=usePrefixCls_1.usePrefixCls("sidebar-content-title",((t={})[i]=!0,t)),b=usePrefixCls_1.usePrefixCls("sidebar-content-title-inner"),x=usePrefixCls_1.usePrefixCls("sidebar-content-title-text"),C=usePrefixCls_1.usePrefixCls("sidebar-content-title-extra"),p=usePrefixCls_1.usePrefixCls("sidebar-content-title-close"),P=usePrefixCls_1.usePrefixCls("sidebar-content-main",((s={})[i]=!0,s));return react_1.default.createElement("div",__assign({},_,{className:d}),(a||r)&&react_1.default.createElement("div",{className:m},react_1.default.createElement("div",{className:b},react_1.default.createElement("div",{className:x},r),u&&react_1.default.createElement("div",{className:C},u)),a&&react_1.default.createElement(icons_1.CloseSmall,{className:p,onClick:f})),react_1.default.createElement("div",{className:P},c))}exports.SidebarContent=SidebarContent;