UNPKG

@mskcc/carbon-react

Version:

Carbon react components for the MSKCC DSM

73 lines (64 loc) 2.04 kB
/** * MSKCC 2021, 2024 */ 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var React = require('react'); var PropTypes = require('prop-types'); var cx = require('classnames'); var Sidebar = require('./Sidebar.js'); var Content = require('./Content.js'); function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } function _interopNamespace(e) { if (e && e.__esModule) return e; var n = Object.create(null); if (e) { Object.keys(e).forEach(function (k) { if (k !== 'default') { var d = Object.getOwnPropertyDescriptor(e, k); Object.defineProperty(n, k, d.get ? d : { enumerable: true, get: function () { return e[k]; } }); } }); } n["default"] = e; return Object.freeze(n); } var React__namespace = /*#__PURE__*/_interopNamespace(React); var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes); var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx); const Dashboard = _ref => { let { header, sidebar, children } = _ref; const wrapperClasses = cx__default["default"]('msk-dashboard--dashboard', { 'msk-dashboard--fixed-header': header }); const contentClasses = cx__default["default"]('msk-dashboard--content', { 'msk-dashboard--content-with-sidebar': sidebar }); return /*#__PURE__*/React__namespace.createElement("div", { className: wrapperClasses }, header, /*#__PURE__*/React__namespace.createElement("div", { className: contentClasses }, children)); }; Dashboard.displayName = 'Dashboard'; Dashboard.propTypes = { children: PropTypes__default["default"].node, /** * Header component. default: <Header fixed /> */ header: PropTypes__default["default"].node, /** * Boolean to show sidebar. default: false */ sidebar: PropTypes__default["default"].bool }; Dashboard.Sidebar = Sidebar.DashboardSidebar; Dashboard.Content = Content.DashboardContent; exports.Dashboard = Dashboard;