@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
83 lines (82 loc) • 3.45 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.RootCmsLayout = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["className", "sx"],
_excluded2 = ["className", "sx"],
_excluded3 = ["className", "sx"],
_excluded4 = ["className", "sx"];
var RootCmsLayout = exports.RootCmsLayout = function RootCmsLayout(_ref) {
var RootProps = _ref.RootProps,
content = _ref.content,
ContentProps = _ref.ContentProps,
contentLeft = _ref.contentLeft,
ContentLeftProps = _ref.ContentLeftProps,
contentRight = _ref.contentRight,
ContentRightProps = _ref.ContentRightProps;
var _useTheme = (0, _material.useTheme)(),
breakpoints = _useTheme.breakpoints;
var bk = (0, _material.useMediaQuery)(breakpoints.down('md'));
var _ref2 = RootProps || {},
classNameRoot = _ref2.className,
sxRoot = _ref2.sx,
rootProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
var _ref3 = ContentProps || {},
classNameContent = _ref3.className,
sxContent = _ref3.sx,
contentProps = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
var _ref4 = ContentLeftProps || {},
classNameCLeft = _ref4.className,
sxCLeft = _ref4.sx,
cLeftProps = (0, _objectWithoutProperties2["default"])(_ref4, _excluded3);
var _ref5 = ContentRightProps || {},
classNameCRight = _ref5.className,
sxCRight = _ref5.sx,
cRightProps = (0, _objectWithoutProperties2["default"])(_ref5, _excluded4);
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, Object.assign({}, rootProps, {
className: "".concat(classNameRoot || '', " root__cms__layout"),
sx: Object.assign({
display: 'grid',
width: '100%',
height: '100%',
columnGap: 1.25
}, contentLeft && !bk && {
gridTemplateColumns: 'auto 1fr'
}, contentRight && !bk && {
gridTemplateColumns: '1fr auto'
}, contentLeft && contentRight && !bk && {
gridTemplateColumns: 'auto 1fr auto'
}, (0, _defineProperty2["default"])({}, breakpoints.down('md'), {
gridTemplateColumns: '1fr'
}), sxRoot),
children: [contentLeft && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, Object.assign({}, cLeftProps, {
className: "".concat(classNameCLeft || '', " content__left__cms__layout"),
sx: Object.assign({
height: '100%',
width: '100%'
}, sxCLeft),
children: contentLeft
})), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, Object.assign({}, contentProps, {
className: "".concat(classNameContent || '', " content__cms__layout"),
sx: Object.assign({
height: '100%',
width: '100%'
}, sxContent),
children: content
})), contentRight && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, Object.assign({}, cRightProps, {
className: "".concat(classNameCRight || '', " content__right__cms__layout"),
sx: Object.assign({
height: '100%',
width: '100%'
}, sxCRight),
children: contentRight
}))]
}));
};