@mirrormedia/lilith-draft-editor 1.0.0-beta4 → 1.0.1

package/lib/draft-js/block-renderer/background-image-block.js

@@ -1,123 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BGImageBlock = BGImageBlock;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _draftConverter = _interopRequireDefault(require("../editor/draft-converter"));
-
-var _backgroundImage = require("../buttons/background-image");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const BGImageRenderWrapper = _styledComponents.default.div`
-  padding: 30px;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background-image: url(${({
-  image
-}) => image});
-  background-size: cover;
-  background-position: center center;
-  ${({
-  textBlockAlign
-}) => {
-  if (textBlockAlign === 'left') {
-    return `padding-right: 50%;`;
-  } else if (textBlockAlign === 'right') {
-    return `padding-left: 50%;`;
-  } else if (textBlockAlign === 'bottom') {
-    return `padding-top: 50%;`;
-  }
-}}
-`;
-const BGImageRenderBody = _styledComponents.default.div`
-  background: rgba(0, 0, 0, 0.5);
-  padding: 4px 20px;
-  margin-bottom: 10px;
-`;
-const BGImageRenderButton = _styledComponents.default.span`
-  cursor: pointer;
-  background-color: white;
-  padding: 6px;
-  border-radius: 6px;
-`;
-
-function BGImageBlock(props) {
-  var _image$imageFile;
-
-  const [toShowInput, setToShowInput] = (0, _react.useState)(false);
-  const {
-    block,
-    blockProps,
-    contentState
-  } = props;
-  const {
-    onEditStart,
-    onEditFinish
-  } = blockProps;
-  const entityKey = block.getEntityAt(0);
-  const entity = contentState.getEntity(entityKey);
-  const {
-    textBlockAlign,
-    image,
-    body,
-    rawContentState
-  } = entity.getData();
-
-  const onChange = ({
-    textBlockAlign: newTextBlockAlign,
-    image: newImage,
-    rawContentState: newRawContentState
-  }) => {
-    // close `BGImageInput`
-    setToShowInput(false);
-    onEditFinish({
-      entityKey,
-      entityData: {
-        textBlockAlign: newTextBlockAlign,
-        image: newImage,
-        body: _draftConverter.default.convertToHtml(newRawContentState),
-        rawContentState: newRawContentState
-      }
-    });
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_backgroundImage.BGImageInput, {
-    textBlockAlign: textBlockAlign,
-    image: image,
-    rawContentStateForBGImageEditor: rawContentState,
-    onChange: onChange,
-    onCancel: () => {
-      onEditFinish({});
-      setToShowInput(false);
-    },
-    isOpen: toShowInput
-  }), /*#__PURE__*/_react.default.createElement(BGImageRenderWrapper, {
-    image: image === null || image === void 0 ? void 0 : (_image$imageFile = image.imageFile) === null || _image$imageFile === void 0 ? void 0 : _image$imageFile.url,
-    textBlockAlign: textBlockAlign
-  }, /*#__PURE__*/_react.default.createElement(BGImageRenderBody, {
-    dangerouslySetInnerHTML: {
-      __html: body
-    }
-  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(BGImageRenderButton, {
-    onClick: () => {
-      // call `onEditStart` prop as we are trying to update the BGImage entity
-      onEditStart(); // open `BGImageInput`
-
-      setToShowInput(true);
-    }
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "fa-solid fa-pen"
-  }), /*#__PURE__*/_react.default.createElement("span", null, "Modify")))));
-}

package/lib/draft-js/block-renderer/background-video-block.js

@@ -1,133 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BGVideoBlock = BGVideoBlock;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _draftConverter = _interopRequireDefault(require("../editor/draft-converter"));
-
-var _backgroundVideo = require("../buttons/background-video");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const BGVideoRenderWrapper = _styledComponents.default.div`
-  position: relative;
-  padding: 30px;
-  width: 100%;
-  ${({
-  textBlockAlign
-}) => {
-  if (textBlockAlign === 'left') {
-    return `padding-right: 50%;`;
-  } else if (textBlockAlign === 'right') {
-    return `padding-left: 50%;`;
-  } else if (textBlockAlign === 'bottom') {
-    return `padding-top: 50%;`;
-  }
-}}
-`;
-const BGVideoRednerVideo = _styledComponents.default.video`
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  background-color: black;
-`;
-const BGVideoRenderBody = _styledComponents.default.div`
-  background: rgba(0, 0, 0, 0.5);
-  padding: 4px 20px;
-  margin-bottom: 10px;
-`;
-const BGVideoRenderButton = _styledComponents.default.span`
-  cursor: pointer;
-  background-color: white;
-  padding: 6px;
-  border-radius: 6px;
-`;
-
-function BGVideoBlock(props) {
-  var _video$videoFile;
-
-  const [toShowInput, setToShowInput] = (0, _react.useState)(false);
-  const {
-    block,
-    blockProps,
-    contentState
-  } = props;
-  const {
-    onEditStart,
-    onEditFinish
-  } = blockProps;
-  const entityKey = block.getEntityAt(0);
-  const entity = contentState.getEntity(entityKey);
-  const {
-    textBlockAlign,
-    video,
-    body,
-    rawContentState
-  } = entity.getData();
-
-  const onChange = ({
-    textBlockAlign: newTextBlockAlign,
-    video: newVideo,
-    rawContentState: newRawContentState
-  }) => {
-    // close `BGVideoInput`
-    setToShowInput(false);
-    onEditFinish({
-      entityKey,
-      entityData: {
-        textBlockAlign: newTextBlockAlign,
-        video: newVideo,
-        body: _draftConverter.default.convertToHtml(newRawContentState),
-        rawContentState: newRawContentState
-      }
-    });
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_backgroundVideo.BGVideoInput, {
-    textBlockAlign: textBlockAlign,
-    video: video,
-    rawContentStateForBGVideoEditor: rawContentState,
-    onChange: onChange,
-    onCancel: () => {
-      onEditFinish({});
-      setToShowInput(false);
-    },
-    isOpen: toShowInput
-  }), /*#__PURE__*/_react.default.createElement(BGVideoRenderWrapper, {
-    textBlockAlign: textBlockAlign
-  }, /*#__PURE__*/_react.default.createElement(BGVideoRednerVideo, {
-    muted: true,
-    autoPlay: true,
-    loop: true
-  }, /*#__PURE__*/_react.default.createElement("source", {
-    src: video === null || video === void 0 ? void 0 : video.videoSrc
-  }), /*#__PURE__*/_react.default.createElement("source", {
-    src: video === null || video === void 0 ? void 0 : (_video$videoFile = video.videoFile) === null || _video$videoFile === void 0 ? void 0 : _video$videoFile.url
-  })), /*#__PURE__*/_react.default.createElement(BGVideoRenderBody, {
-    dangerouslySetInnerHTML: {
-      __html: body
-    }
-  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(BGVideoRenderButton, {
-    onClick: () => {
-      // call `onEditStart` prop as we are trying to update the BGVideo entity
-      onEditStart(); // open `BGVideoInput`
-
-      setToShowInput(true);
-    }
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "fa-solid fa-pen"
-  }), /*#__PURE__*/_react.default.createElement("span", null, "Modify")))));
-}

package/lib/draft-js/block-renderer/color-box-block.js

@@ -1,92 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColorBoxBlock = ColorBoxBlock;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _draftConverter = _interopRequireDefault(require("../editor/draft-converter"));
-
-var _colorBox = require("../buttons/color-box");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const ColorBoxRenderWrapper = _styledComponents.default.div`
-  background-color: ${props => props.color ? props.color : '#F5F4F3'};
-  padding: 30px;
-  position: relative;
-  color: white;
-`;
-const ColorBoxRenderButton = _styledComponents.default.div`
-  cursor: pointer;
-`;
-
-function ColorBoxBlock(props) {
-  const [toShowInput, setToShowInput] = (0, _react.useState)(false);
-  const {
-    block,
-    blockProps,
-    contentState
-  } = props;
-  const {
-    onEditStart,
-    onEditFinish
-  } = blockProps;
-  const entityKey = block.getEntityAt(0);
-  const entity = contentState.getEntity(entityKey);
-  const {
-    color,
-    body,
-    rawContentState
-  } = entity.getData();
-
-  const onChange = ({
-    color: newColor,
-    rawContentState: newRawContentState
-  }) => {
-    // close `ColorBoxInput`
-    setToShowInput(false);
-    onEditFinish({
-      entityKey,
-      entityData: {
-        color: newColor,
-        body: _draftConverter.default.convertToHtml(newRawContentState),
-        rawContentState: newRawContentState
-      }
-    });
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_colorBox.ColorBoxInput, {
-    color: color,
-    rawContentStateForColorBoxEditor: rawContentState,
-    onChange: onChange,
-    onCancel: () => {
-      onEditFinish({});
-      setToShowInput(false);
-    },
-    isOpen: toShowInput
-  }), /*#__PURE__*/_react.default.createElement(ColorBoxRenderWrapper, {
-    color: color
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    dangerouslySetInnerHTML: {
-      __html: body
-    }
-  }), /*#__PURE__*/_react.default.createElement(ColorBoxRenderButton, {
-    onClick: () => {
-      // call `onEditStart` prop as we are trying to update the ColorBox entity
-      onEditStart(); // open `ColorBoxInput`
-
-      setToShowInput(true);
-    }
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "fa-solid fa-pen"
-  }), /*#__PURE__*/_react.default.createElement("span", null, "Modify"))));
-}

package/lib/draft-js/block-renderer/divider-block.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DividerBlock = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Divider = _styledComponents.default.hr`
-  box-sizing: border-box;
-  border-width: 1px;
-  border-style: inset;
-`;
-
-const DividerBlock = () => {
-  return /*#__PURE__*/_react.default.createElement(Divider, null);
-};
-
-exports.DividerBlock = DividerBlock;

package/lib/draft-js/block-renderer/embedded-code-block.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmbeddedCodeBlock = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _embeddedCode = require("../buttons/embedded-code");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const EmbeddedCodeBlock = entity => {
-  const {
-    caption,
-    embeddedCode
-  } = entity.getData();
-  const embedded = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    if (!embedded.current) return;
-    const node = embedded.current;
-    const fragment = document.createDocumentFragment(); // `embeddedCode` is a string, which may includes
-    // multiple '<script>' tags and other html tags.
-    // For executing '<script>' tags on the browser,
-    // we need to extract '<script>' tags from `embeddedCode` string first.
-    //
-    // The approach we have here is to parse html string into elements,
-    // and we could use DOM element built-in functions,
-    // such as `querySelectorAll` method, to query '<script>' elements,
-    // and other non '<script>' elements.
-
-    const parser = new DOMParser();
-    const ele = parser.parseFromString(`<div id="draft-embed">${embeddedCode}</div>`, 'text/html');
-    const scripts = ele.querySelectorAll('script');
-    const nonScripts = ele.querySelectorAll('div#draft-embed > :not(script)');
-    nonScripts.forEach(ele => {
-      fragment.appendChild(ele);
-    });
-    scripts.forEach(s => {
-      const scriptEle = document.createElement('script');
-      const attrs = s.attributes;
-
-      for (let i = 0; i < attrs.length; i++) {
-        scriptEle.setAttribute(attrs[i].name, attrs[i].value);
-      }
-
-      scriptEle.text = s.text || '';
-      fragment.appendChild(scriptEle);
-    });
-    node.appendChild(fragment);
-  }, [embeddedCode]);
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("input", {
-    hidden: true,
-    disabled: true
-  }), /*#__PURE__*/_react.default.createElement(_embeddedCode.Block, {
-    ref: embedded
-  }), caption ? /*#__PURE__*/_react.default.createElement(_embeddedCode.Caption, null, caption) : null);
-};
-
-exports.EmbeddedCodeBlock = EmbeddedCodeBlock;

package/lib/draft-js/block-renderer/image-block.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImageBlock = ImageBlock;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Image = _styledComponents.default.img`
-  width: 100%;
-`;
-const Figure = _styledComponents.default.figure`
-  margin-block: unset;
-  margin-inline: unset;
-  margin: 0 10px;
-`;
-const Anchor = _styledComponents.default.a`
-  text-decoration: none;
-`;
-
-function ImageBlock(entity) {
-  const {
-    desc,
-    imageFile,
-    resized,
-    url
-  } = entity.getData();
-
-  let imgBlock = /*#__PURE__*/_react.default.createElement(Figure, null, /*#__PURE__*/_react.default.createElement(Image, {
-    src: resized === null || resized === void 0 ? void 0 : resized.w800,
-    onError: e => e.currentTarget.src = imageFile === null || imageFile === void 0 ? void 0 : imageFile.url
-  }), /*#__PURE__*/_react.default.createElement("figcaption", null, desc));
-
-  if (url) {
-    imgBlock = /*#__PURE__*/_react.default.createElement(Anchor, {
-      href: url,
-      target: "_blank"
-    }, imgBlock);
-  }
-
-  return imgBlock;
-}

package/lib/draft-js/block-renderer/info-box-block.js

@@ -1,89 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InfoBoxBlock = InfoBoxBlock;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _draftConverter = _interopRequireDefault(require("../editor/draft-converter"));
-
-var _infoBox = require("../buttons/info-box");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const InfoBoxRenderWrapper = _styledComponents.default.div`
-  background-color: #f5f4f3;
-  padding: 30px;
-  position: relative;
-`;
-const InfoBoxRenderButton = _styledComponents.default.div`
-  cursor: pointer;
-`;
-
-function InfoBoxBlock(props) {
-  const [toShowInput, setToShowInput] = (0, _react.useState)(false);
-  const {
-    block,
-    blockProps,
-    contentState
-  } = props;
-  const {
-    onEditStart,
-    onEditFinish
-  } = blockProps;
-  const entityKey = block.getEntityAt(0);
-  const entity = contentState.getEntity(entityKey);
-  const {
-    title,
-    body,
-    rawContentState
-  } = entity.getData();
-
-  const onChange = ({
-    title: newTitle,
-    rawContentState: newRawContentState
-  }) => {
-    // close `InfoBoxInput`
-    setToShowInput(false);
-    onEditFinish({
-      entityKey,
-      entityData: {
-        title: newTitle,
-        body: _draftConverter.default.convertToHtml(newRawContentState),
-        rawContentState: newRawContentState
-      }
-    });
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_infoBox.InfoBoxInput, {
-    title: title,
-    rawContentStateForInfoBoxEditor: rawContentState,
-    onChange: onChange,
-    onCancel: () => {
-      onEditFinish({});
-      setToShowInput(false);
-    },
-    isOpen: toShowInput
-  }), /*#__PURE__*/_react.default.createElement(InfoBoxRenderWrapper, null, /*#__PURE__*/_react.default.createElement("h2", null, title), /*#__PURE__*/_react.default.createElement("div", {
-    dangerouslySetInnerHTML: {
-      __html: body
-    }
-  }), /*#__PURE__*/_react.default.createElement(InfoBoxRenderButton, {
-    onClick: () => {
-      // call `onEditStart` prop as we are trying to update the InfoBox entity
-      onEditStart(); // open `InfoBoxInput`
-
-      setToShowInput(true);
-    }
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "fa-solid fa-pen"
-  }), /*#__PURE__*/_react.default.createElement("span", null, "Modify"))));
-}

package/lib/draft-js/block-renderer/media-block.js

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MediaBlock = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const styles = {
-  media: {
-    width: '100%'
-  }
-};
-
-const Audio = props => {
-  return /*#__PURE__*/_react.default.createElement("audio", {
-    controls: true,
-    src: props.src,
-    style: styles.media
-  });
-};
-
-const Image = props => {
-  return /*#__PURE__*/_react.default.createElement("img", {
-    src: props.src,
-    style: styles.media
-  });
-};
-
-const Video = props => {
-  return /*#__PURE__*/_react.default.createElement("video", {
-    controls: true,
-    src: props.src,
-    style: styles.media
-  });
-};
-
-const MediaBlock = entity => {
-  const {
-    src
-  } = entity.getData();
-  const type = entity.getType();
-  let media;
-
-  if (type === 'audioLink') {
-    media = /*#__PURE__*/_react.default.createElement(Audio, {
-      src: src
-    });
-  } else if (type === 'imageLink') {
-    media = /*#__PURE__*/_react.default.createElement(Image, {
-      src: src
-    });
-  } else if (type === 'videoLink') {
-    media = /*#__PURE__*/_react.default.createElement(Video, {
-      src: src
-    });
-  }
-
-  return media;
-};
-
-exports.MediaBlock = MediaBlock;