@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
46 lines (45 loc) • 2.41 kB
JavaScript
;
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;