@mobx-json/mui-form/dist/containers/GridItemContainer.js

create material-ui forms by json & mobx

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _Divider2 = _interopRequireDefault(require("@material-ui/core/Divider"));

var _Grid2 = _interopRequireDefault(require("@material-ui/core/Grid"));

var _Typography2 = _interopRequireDefault(require("@material-ui/core/Typography"));

var _react = _interopRequireDefault(require("react"));

var _mobxReact = require("mobx-react");

var _clsx2 = _interopRequireDefault(require("clsx"));

var _styles = require("@material-ui/core/styles");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

var useStyles = (0, _styles.makeStyles)(function (theme) {
  return (0, _styles.createStyles)({
    root: {
      width: '100%'
    },
    contents: {
      margin: theme.spacing(1)
    },
    text: {
      marginBottom: theme.spacing(2)
    },
    divider: {
      margin: theme.spacing(3, 0, 3)
    },
    hidden: {
      display: 'none'
    }
  });
});

var GridItemContainer = function GridItemContainer(_ref) {
  var _ref$divider = _ref.divider,
      divider = _ref$divider === void 0 ? false : _ref$divider,
      dividerProps = _ref.dividerProps,
      primary = _ref.primary,
      primaryProps = _ref.primaryProps,
      subPrimary = _ref.subPrimary,
      subPrimaryProps = _ref.subPrimaryProps,
      secondary = _ref.secondary,
      secondaryProps = _ref.secondaryProps,
      children = _ref.children,
      hidden = _ref.hidden,
      restProps = _objectWithoutProperties(_ref, ["divider", "dividerProps", "primary", "primaryProps", "subPrimary", "subPrimaryProps", "secondary", "secondaryProps", "children", "hidden"]);

  var classes = useStyles();
  var primaryPart;

  if (primary || subPrimary) {
    primaryPart = _react["default"].createElement(_Grid2["default"], {
      container: true,
      alignItems: "center"
    }, _react["default"].createElement(_Grid2["default"], {
      item: true,
      xs: true
    }, _react["default"].createElement(_Typography2["default"], _extends({
      gutterBottom: true,
      variant: "h4"
    }, primaryProps), primary)), _react["default"].createElement(_Grid2["default"], {
      item: true
    }, _react["default"].createElement(_Typography2["default"], _extends({
      gutterBottom: true,
      variant: "h6"
    }, subPrimaryProps), subPrimary)));
  }

  var secondaryPart;

  if (secondary) {
    secondaryPart = _react["default"].createElement(_Typography2["default"], _extends({
      color: "textSecondary",
      variant: "body2"
    }, secondaryProps), secondary);
  }

  var textPart;

  if (primaryPart || secondaryPart) {
    textPart = _react["default"].createElement("div", {
      className: classes.text
    }, primaryPart, secondaryPart);
  }

  var dividerPart;

  if (divider) {
    dividerPart = _react["default"].createElement(_Divider2["default"], _extends({
      variant: "middle",
      className: classes.divider
    }, dividerProps));
  }

  return _react["default"].createElement("div", {
    className: (0, _clsx2["default"])(classes.root, _defineProperty({}, classes.hidden, hidden))
  }, _react["default"].createElement("div", {
    className: classes.contents
  }, textPart, _react["default"].createElement(_Grid2["default"], _extends({
    item: true,
    container: true,
    spacing: 2
  }, restProps), children)), dividerPart);
};

var _default = (0, _mobxReact.observer)(GridItemContainer);

exports["default"] = _default;
module.exports = exports.default;