@randy.tarampi/jsx
Version:
Some common JSX components for www.randytarampi.ca
90 lines (82 loc) • 3.54 kB
JavaScript
"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;