@vnetwork/richtext-editor/lib/Elements/index.js

react richtext editor, only using for internal purpose

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

import React from "react";
import Mention from "./Mention";
import CheckListItem from "./CheckList/Item";
import Cell from "./Table/Cell";

const Elements = ({
  attributes,
  children,
  element
}) => {
  const props = {
    attributes,
    children,
    element
  };

  switch (element.type) {
    case "block-quote":
      return /*#__PURE__*/React.createElement("blockquote", attributes, children);

    case "bulleted-list":
      return /*#__PURE__*/React.createElement("ul", attributes, children);

    case "heading-one":
      return /*#__PURE__*/React.createElement("h1", attributes, children);

    case "heading-two":
      return /*#__PURE__*/React.createElement("h2", attributes, children);

    case "list-item":
      return /*#__PURE__*/React.createElement("li", attributes, children);

    case "numbered-list":
      return /*#__PURE__*/React.createElement("ol", attributes, children);

    case "link":
      return /*#__PURE__*/React.createElement("a", _extends({}, attributes, {
        href: element.href
      }), children);

    case "table":
      return /*#__PURE__*/React.createElement("table", {
        style: {
          width: "100%",
          borderCollapse: "collapse"
        }
      }, /*#__PURE__*/React.createElement("tbody", attributes, children));

    case "table-row":
      return /*#__PURE__*/React.createElement("tr", attributes, children);

    case "table-head":
      return /*#__PURE__*/React.createElement("th", _extends({
        style: {
          border: "2px solid #DDDDDD",
          backgroundColor: "#F1F1F1",
          padding: "0.25rem"
        }
      }, attributes), children);

    case "table-cell":
      return /*#__PURE__*/React.createElement(Cell, props);

    case "mention":
      return /*#__PURE__*/React.createElement(Mention, props);

    case "check-list-item":
      return /*#__PURE__*/React.createElement(CheckListItem, props);

    default:
      return /*#__PURE__*/React.createElement("p", attributes, children);
  }
};

export default Elements;