@wulperstudio/cms/node/layouts/Settings/Settings.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.LayoutHeaderMenuContent = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _styled = require("./styled");
var _components = require("../../components");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["header", "menu", "content", "isOpen", "drawerMobileProps"],
  _excluded2 = ["padding", "width", "direction", "variant", "open"];
/* eslint-disable operator-linebreak */
var LayoutHeaderMenuContent = exports.LayoutHeaderMenuContent = function LayoutHeaderMenuContent(props) {
  var theme = (0, _material.useTheme)();
  var isMqMdUp = (0, _material.useMediaQuery)(theme.breakpoints.up('md'));
  var header = props.header,
    menu = props.menu,
    content = props.content,
    isOpen = props.isOpen,
    drawerMobileProps = props.drawerMobileProps,
    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
  var _ref = drawerMobileProps || {},
    _ref$padding = _ref.padding,
    padding = _ref$padding === void 0 ? '0px' : _ref$padding,
    _ref$width = _ref.width,
    width = _ref$width === void 0 ? '100%' : _ref$width,
    _ref$direction = _ref.direction,
    direction = _ref$direction === void 0 ? 'left' : _ref$direction,
    _ref$variant = _ref.variant,
    variant = _ref$variant === void 0 ? 'temporary' : _ref$variant,
    _ref$open = _ref.open,
    open = _ref$open === void 0 ? isOpen : _ref$open,
    drawerProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.Root, Object.assign({}, rest, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.Header, {
      className: "root-header",
      children: header
    }), isMqMdUp && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.Menu, {
      className: "root-menu",
      children: menu
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.Content, {
      isOpen: isOpen,
      className: "root-content",
      children: content
    }), !isMqMdUp ? isOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DrawerV2, Object.assign({
      open: open,
      variant: variant,
      direction: direction,
      width: width,
      padding: padding
    }, drawerProps, {
      children: menu
    })) : null]
  }));
};