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

package/lib/website/readr/draft-editor/block-renderer-fn.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.atomicBlockRenderer = atomicBlockRenderer;
+
+var _infoBoxBlock = require("../custom/block-renderer/info-box-block");
+
+var _tableBlock = require("../custom/block-renderer/table-block");
+
+var _colorBoxBlock = require("../custom/block-renderer/color-box-block");
+
+var _backgroundImageBlock = require("../custom/block-renderer/background-image-block");
+
+var _backgroundVideoBlock = require("../custom/block-renderer/background-video-block");
+
+var _sideIndexBlock = require("../custom/block-renderer/side-index-block");
+
+var _lilithDraftRenderer = require("@mirrormedia/lilith-draft-renderer");
+
+const {
+  EmbeddedCodeBlock,
+  MediaBlock,
+  ImageBlock,
+  SlideshowBlock,
+  SlideshowBlockV2,
+  DividerBlock,
+  RelatedPostBlock
+} = _lilithDraftRenderer.Readr.blockRenderer;
+
+const AtomicBlock = props => {
+  const entity = props.contentState.getEntity(props.block.getEntityAt(0));
+  const entityType = entity.getType();
+
+  switch (entityType) {
+    case 'audioLink':
+    case 'imageLink':
+    case 'videoLink':
+      {
+        return MediaBlock(entity);
+      }
+
+    case 'image':
+      {
+        return ImageBlock(entity);
+      }
+
+    case 'slideshow':
+      {
+        return SlideshowBlock(entity);
+      }
+
+    case 'slideshow-v2':
+      {
+        return SlideshowBlockV2(entity);
+      }
+
+    case 'EMBEDDEDCODE':
+      {
+        return EmbeddedCodeBlock(entity);
+      }
+
+    case 'INFOBOX':
+      {
+        return (0, _infoBoxBlock.InfoBoxEditorBlock)(props);
+      }
+
+    case 'DIVIDER':
+      {
+        return DividerBlock();
+      }
+
+    case 'TABLE':
+      {
+        return (0, _tableBlock.TableEditorBlock)(props);
+      }
+
+    case 'COLORBOX':
+      {
+        return (0, _colorBoxBlock.ColorBoxEditorBlock)(props);
+      }
+
+    case 'BACKGROUNDIMAGE':
+      {
+        return (0, _backgroundImageBlock.BGImageEditorBlock)(props);
+      }
+
+    case 'BACKGROUNDVIDEO':
+      {
+        return (0, _backgroundVideoBlock.BGVideoEditorBlock)(props);
+      }
+
+    case 'RELATEDPOST':
+      {
+        return RelatedPostBlock(entity);
+      }
+
+    case 'SIDEINDEX':
+      {
+        return (0, _sideIndexBlock.SideIndexEditorBlock)(props);
+      }
+  }
+
+  return null;
+};
+
+function atomicBlockRenderer(block) {
+  if (block.getType() === 'atomic') {
+    return {
+      component: AtomicBlock,
+      editable: false
+    };
+  }
+
+  return null;
+}

package/lib/website/readr/draft-editor/entity-decorator.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+var _lilithDraftRenderer = require("@mirrormedia/lilith-draft-renderer");
+
+const {
+  annotationDecorator,
+  linkDecorator
+} = _lilithDraftRenderer.MirrorMedia.entityDecorator;
+const decorators = new _draftJs.CompositeDecorator([annotationDecorator, linkDecorator]);
+var _default = decorators;
+exports.default = _default;