@massds/mayflower-react/dist/RichText/index.js

React versions of Mayflower design system UI components

"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 _server = _interopRequireDefault(require("react-dom/server"));
var _excluded = ["className", "id", "htmlTag", "rawHtml", "transform", "children"];
/**
 * RichText module.
 * @module @massds/mayflower-react/RichText
 */
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 RichText = function RichText(_ref) {
  var className = _ref.className,
    id = _ref.id,
    htmlTag = _ref.htmlTag,
    rawHtml = _ref.rawHtml,
    transform = _ref.transform,
    children = _ref.children,
    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
  var CustomElement = htmlTag;
  // If chidlren don't exist, expect to render the rawHtml string.
  var markup = children ? _server["default"].renderToStaticMarkup(children) : rawHtml;
  return /*#__PURE__*/_react["default"].createElement(CustomElement, _extends({
    ref: function ref(element) {
      return element;
    },
    className: className,
    id: id
  }, rest), (0, _htmlReactParser["default"])(markup, {
    transform: transform
  }));
};
RichText.propTypes = process.env.NODE_ENV !== "production" ? {
  /** The raw html nodes that you want to render. */
  children: _propTypes["default"].node,
  /** The stringified raw html that you want to render. If children exist, will render children instead of rawHtml */
  rawHtml: _propTypes["default"].string,
  /** A className that you want to component to reference. */
  className: _propTypes["default"].string,
  /** An id to be rendered on the component. */
  id: _propTypes["default"].string,
  /** A valid html tag you want the component wrapper to be. By default, this is a `div`. */
  htmlTag: _propTypes["default"].string,
  /** The transform function will be called for every node that is parsed by ReactHtmlParser.
    * See documentation of html-react-parser for the transform function: https://www.npmjs.com/package/html-react-parser#transform-function
  * */
  transform: _propTypes["default"].func
} : {};
RichText.defaultProps = {
  htmlTag: 'div'
};
var _default = exports["default"] = RichText;
module.exports = exports.default;