@randy.tarampi/jsx/es5/lib/components/printable/section/sectionWrapper.js

Some common JSX components for www.randytarampi.ca

"use strict";

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

var _propTypes = _interopRequireDefault(require("prop-types"));

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

var _reactMaterialize = require("react-materialize");

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

var SectionWrapper = function SectionWrapper(_ref) {
  var printableType = _ref.printableType,
      type = _ref.type,
      hideOnPrint = _ref.hideOnPrint,
      showOnLetter = _ref.showOnLetter,
      showOnA4 = _ref.showOnA4,
      showOnLegal = _ref.showOnLegal,
      hideOnScreen = _ref.hideOnScreen,
      verticallyAlignContent = _ref.verticallyAlignContent,
      className = _ref.className,
      children = _ref.children;
  var classNames = ["printable-section", "printable-" + type, "".concat(printableType, "-").concat(type)];

  if (hideOnScreen) {
    classNames.push("hide-on-screen");
  }

  if (showOnA4) {
    classNames.push("show-on-a4");
  }

  if (showOnLetter) {
    classNames.push("show-on-letter");
  }

  if (showOnLegal) {
    classNames.push("show-on-legal");
  }

  if (hideOnPrint && !showOnA4 && !showOnLetter && !showOnLegal) {
    classNames.push("hide-on-print");
  }

  return /*#__PURE__*/_react["default"].createElement("section", {
    id: type,
    className: classNames.concat(className).join(" ").trim()
  }, /*#__PURE__*/_react["default"].createElement(_reactMaterialize.Row, {
    className: verticallyAlignContent ? "valign-wrapper" : null
  }, children));
};

exports.SectionWrapper = SectionWrapper;
SectionWrapper.propTypes = {
  className: _propTypes["default"].string,
  printableType: _propTypes["default"].string.isRequired,
  type: _propTypes["default"].string.isRequired,
  hideOnPrint: _propTypes["default"].bool,
  hideOnScreen: _propTypes["default"].bool,
  showOnA4: _propTypes["default"].bool,
  showOnLegal: _propTypes["default"].bool,
  showOnLetter: _propTypes["default"].bool,
  verticallyAlignContent: _propTypes["default"].bool
};
SectionWrapper.defaultProps = {
  hideOnPrint: false,
  hideOnScreen: false,
  showOnA4: false,
  showOnLegal: false,
  showOnLetter: false,
  verticallyAlignContent: false
};
var _default = SectionWrapper;
exports["default"] = _default;