UNPKG

@massds/mayflower-react

Version:

React versions of Mayflower design system UI components

46 lines (45 loc) 2.41 kB
"use strict"; exports.__esModule = true; exports["default"] = void 0; var _react = _interopRequireDefault(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var _htmlReactParser = _interopRequireDefault(require("html-react-parser")); var _excluded = ["children", "description"]; /** * GenTeaserDescription module. * @module @massds/mayflower-react/GenTeaserDescription * @requires module:@massds/mayflower-assets/scss/03-organisms/gen-teaser */ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; } function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; } var GenTeaserDescription = function GenTeaserDescription(props) { var children = props.children, description = props.description, rest = _objectWithoutPropertiesLoose(props, _excluded); var descriptionHTML = null; if (typeof description === 'string') { var parserOptions = { replace: function replace(domNode) { // Wrap children text nodes in spans to persist DOM relationship consistency for ReactDOM when Google Translate manipulates the DOM tree // eslint-disable-next-line react/no-array-index-key if (domNode.type === 'text') { return /*#__PURE__*/_react["default"].createElement("span", null, domNode.data); } return null; } }; descriptionHTML = (0, _htmlReactParser["default"])(description, parserOptions); } return /*#__PURE__*/_react["default"].createElement("div", _extends({ className: "ma__gen-teaser__description" }, rest), children || /*#__PURE__*/_react["default"].createElement("p", null, descriptionHTML)); }; GenTeaserDescription.propTypes = process.env.NODE_ENV !== "production" ? { /** A html formatted or plain string of text */ description: _propTypes["default"].string, /** React children to render */ children: _propTypes["default"].node } : {}; var _default = exports["default"] = GenTeaserDescription; module.exports = exports.default;