UNPKG

@randy.tarampi/jsx

Version:

Some common JSX components for www.randytarampi.ca

90 lines (82 loc) 3.54 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = exports.PrintableSection = void 0; var _propTypes = _interopRequireDefault(require("prop-types")); var _react = _interopRequireDefault(require("react")); var _reactMaterialize = require("react-materialize"); var _sectionWrapper = _interopRequireDefault(require("./sectionWrapper")); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } var PrintableSection = function PrintableSection(_ref) { var printableType = _ref.printableType, type = _ref.type, label = _ref.label, labelNode = _ref.labelNode, description = _ref.description, descriptionNode = _ref.descriptionNode, hideOnPrint = _ref.hideOnPrint, showOnLetter = _ref.showOnLetter, showOnA4 = _ref.showOnA4, showOnLegal = _ref.showOnLegal, hideOnScreen = _ref.hideOnScreen, verticallyAlignContent = _ref.verticallyAlignContent, className = _ref.className, children = _ref.children; return /*#__PURE__*/_react["default"].createElement(_sectionWrapper["default"], { printableType: printableType, type: type, hideOnPrint: hideOnPrint, showOnLetter: showOnLetter, showOnA4: showOnA4, showOnLegal: showOnLegal, hideOnScreen: hideOnScreen, verticallyAlignContent: verticallyAlignContent, className: className }, /*#__PURE__*/_react["default"].createElement("aside", { className: "col m3 s12 printable-section__header" }, labelNode ? labelNode : label ? /*#__PURE__*/_react["default"].createElement("h3", { className: "printable-section__label" }, /*#__PURE__*/_react["default"].createElement("span", { className: "text" }, label)) : null, descriptionNode || description ? /*#__PURE__*/_react["default"].createElement(_reactMaterialize.Row, { className: "hide-on-small-only" }, /*#__PURE__*/_react["default"].createElement(_reactMaterialize.Col, { s: 9 }, descriptionNode ? /*#__PURE__*/_react["default"].createElement("div", { className: "printable-section__description" }, descriptionNode) : /*#__PURE__*/_react["default"].createElement("p", { className: "printable-section__description" }, /*#__PURE__*/_react["default"].createElement("span", { className: "text" }, description)))) : null), /*#__PURE__*/_react["default"].createElement(_reactMaterialize.Col, { m: 9, className: "printable-section__content" }, children)); }; exports.PrintableSection = PrintableSection; PrintableSection.propTypes = { className: _propTypes["default"].string, label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]), labelNode: _propTypes["default"].node, description: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]), descriptionNode: _propTypes["default"].node, 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 }; PrintableSection.defaultProps = { hideOnPrint: false, hideOnScreen: false, showOnA4: false, showOnLegal: false, showOnLetter: false, verticallyAlignContent: false }; var _default = PrintableSection; exports["default"] = _default;