@seafile/sdoc-editor 1.0.54 → 1.0.55

package/dist/basic-sdk/comment/utils/index.js

@@ -1,11 +1,32 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { Editor } from '@seafile/slate';
-import { getEventTransfer } from '../../../utils';
-import { KeyCodes } from '../../../constants';
-import { createNotify, generatorNotificationKey } from './notification-utils';
-import { focusEditor, findPath } from '../../extension/core';
-import { ELEMENT_TYPE } from '../../extension/constants';
-export const searchCollaborators = (collaborators, searchValue) => {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertComment = exports.checkMentionOperation = exports.CommentUtilities = void 0;
+Object.defineProperty(exports, "createNotify", {
+  enumerable: true,
+  get: function () {
+    return _notificationUtils.createNotify;
+  }
+});
+exports.focusToCommentElement = void 0;
+Object.defineProperty(exports, "generatorNotificationKey", {
+  enumerable: true,
+  get: function () {
+    return _notificationUtils.generatorNotificationKey;
+  }
+});
+exports.searchCollaborators = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _slate = require("@seafile/slate");
+var _utils = require("../../../utils");
+var _constants = require("../../../constants");
+var _notificationUtils = require("./notification-utils");
+var _core = require("../../extension/core");
+var _constants2 = require("../../extension/constants");
+const searchCollaborators = (collaborators, searchValue) => {
   const validSearchValue = searchValue ? searchValue.trim().toLowerCase() : '';
   const validCollaborators = Array.isArray(collaborators) && collaborators.length > 0 ? collaborators : [];
   if (!validSearchValue) return validCollaborators;
@@ -36,11 +57,12 @@ export const searchCollaborators = (collaborators, searchValue) => {
 //   if (!text) return '';
 //   return text.replace(ALLOWED_URL_REG, '<a href="$1" target="_blank" class=' + COMMENT_URL_CLASSNAME + '>$1</a>');
 // };
-
-export const convertComment = value => {
+exports.searchCollaborators = searchCollaborators;
+const convertComment = value => {
   return value.replaceAll('<', '&lt;').replaceAll('>', '&gt;');
 };
-export const checkMentionOperation = event => {
+exports.convertComment = convertComment;
+const checkMentionOperation = event => {
   const {
     keyCode
   } = event;
@@ -48,13 +70,14 @@ export const checkMentionOperation = event => {
     Escape,
     LeftArrow,
     RightArrow
-  } = KeyCodes;
+  } = _constants.KeyCodes;
   if (keyCode === Escape || keyCode === LeftArrow || keyCode === RightArrow) return false;
   return true;
 };
+exports.checkMentionOperation = checkMentionOperation;
 class CommentUtilities {
   constructor() {
-    _defineProperty(this, "onInsertElement", _ref => {
+    (0, _defineProperty2.default)(this, "onInsertElement", _ref => {
       let {
         commentRef,
         selection,
@@ -74,7 +97,7 @@ class CommentUtilities {
         nodeType
       });
     });
-    _defineProperty(this, "getHtmlElement", (nodeType, content) => {
+    (0, _defineProperty2.default)(this, "getHtmlElement", (nodeType, content) => {
       switch (nodeType) {
         case 'image':
           {
@@ -93,7 +116,7 @@ class CommentUtilities {
           }
       }
     });
-    _defineProperty(this, "createHtmlElement", _ref2 => {
+    (0, _defineProperty2.default)(this, "createHtmlElement", _ref2 => {
       let {
         commentRef,
         selection,
@@ -119,7 +142,7 @@ class CommentUtilities {
         spanNode1 = document.createElement('span');
         spanNode2 = document.createElement('span');
         spanNode1.className = 'at-text';
-        spanNode1.innerHTML = "@".concat(content.name);
+        spanNode1.innerHTML = `@${content.name}`;
         spanNode2.innerHTML = '&nbsp;';
       }
       let frag = document.createDocumentFragment();
@@ -140,7 +163,7 @@ class CommentUtilities {
       }
       return range;
     });
-    _defineProperty(this, "onSelectParticipant", _ref3 => {
+    (0, _defineProperty2.default)(this, "onSelectParticipant", _ref3 => {
       let {
         selection,
         range,
@@ -183,7 +206,7 @@ class CommentUtilities {
      * e.g. '@abc|anchor position|' // 0
      *      '@123 @|anchor position| @abc' // 5
      */
-    _defineProperty(this, "getAtIndexWithAnchorPosition", (anchorPosition, text) => {
+    (0, _defineProperty2.default)(this, "getAtIndexWithAnchorPosition", (anchorPosition, text) => {
       let atIndex = -1;
       for (let i = anchorPosition - 1; i > -1; i--) {
         if (text[i] === '@') {
@@ -193,9 +216,9 @@ class CommentUtilities {
       }
       return atIndex;
     });
-    _defineProperty(this, "onPaste", (event, callBack) => {
+    (0, _defineProperty2.default)(this, "onPaste", (event, callBack) => {
       event.stopPropagation();
-      let cliperData = getEventTransfer(event);
+      let cliperData = (0, _utils.getEventTransfer)(event);
       if (cliperData.files) {
         let file = cliperData.files[0];
         let isImage = /image/i.test(file.type);
@@ -217,14 +240,15 @@ class CommentUtilities {
     });
   }
 }
-export const focusToCommentElement = (editor, element) => {
-  const path = findPath(editor, element);
-  const endOfFirstNode = Editor.end(editor, path);
-  const startOfFirstNode = Editor.start(editor, path);
+exports.CommentUtilities = CommentUtilities;
+const focusToCommentElement = (editor, element) => {
+  const path = (0, _core.findPath)(editor, element);
+  const endOfFirstNode = _slate.Editor.end(editor, path);
+  const startOfFirstNode = _slate.Editor.start(editor, path);
   const range = {
-    anchor: [ELEMENT_TYPE.LIST_ITEM, ELEMENT_TYPE.ORDERED_LIST, ELEMENT_TYPE.UNORDERED_LIST].includes(element.type) ? startOfFirstNode : endOfFirstNode,
+    anchor: [_constants2.ELEMENT_TYPE.LIST_ITEM, _constants2.ELEMENT_TYPE.ORDERED_LIST, _constants2.ELEMENT_TYPE.UNORDERED_LIST].includes(element.type) ? startOfFirstNode : endOfFirstNode,
     focus: endOfFirstNode
   };
-  focusEditor(editor, range);
+  (0, _core.focusEditor)(editor, range);
 };
-export { CommentUtilities, createNotify, generatorNotificationKey };
+exports.focusToCommentElement = focusToCommentElement;

package/dist/basic-sdk/comment/utils/notification-utils.js

@@ -1,7 +1,14 @@
-import dayjs from 'dayjs';
-import relativeTime from 'dayjs/plugin/relativeTime';
-import context from '../../../context';
-dayjs.extend(relativeTime);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generatorNotificationKey = exports.createNotify = void 0;
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _relativeTime = _interopRequireDefault(require("dayjs/plugin/relativeTime"));
+var _context = _interopRequireDefault(require("../../../context"));
+_dayjs.default.extend(_relativeTime.default);
 const PERMISSION_GRANTED = 'granted';
 const notify = ($title, $options) => {
   const notification = new Notification($title, $options);
@@ -11,9 +18,9 @@ const notify = ($title, $options) => {
   notification.onshow = function (event) {
     const {
       mediaUrl
-    } = context.getSetting('mediaUrl');
+    } = _context.default.getSetting('mediaUrl');
     let newAudioElement = document.createElement('audio');
-    newAudioElement.setAttribute('src', "".concat(mediaUrl, "audio/classic.mp3"));
+    newAudioElement.setAttribute('src', `${mediaUrl}audio/classic.mp3`);
     newAudioElement.setAttribute('autoplay', 'autoplay');
     newAudioElement.setAttribute('id', 'seatable-audio');
     let audioElement = document.getElementById('seatable-audio');
@@ -29,7 +36,7 @@ const notify = ($title, $options) => {
     notification.close();
   };
 };
-export const createNotify = (title, options) => {
+const createNotify = (title, options) => {
   // Let's check if the browser supports notifications
   if (!('Notification' in window)) {
     return false;
@@ -44,10 +51,12 @@ export const createNotify = (title, options) => {
     });
   }
 };
-export const generatorNotificationKey = function (commentId) {
+exports.createNotify = createNotify;
+const generatorNotificationKey = function (commentId) {
   let replyId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   const validCommentId = commentId + '';
   const validReplyId = replyId + '';
-  if (!validReplyId) return "sdoc_notification_".concat(validCommentId);
-  return "sdoc_notification_".concat(validCommentId, "_").concat(validReplyId);
-};
+  if (!validReplyId) return `sdoc_notification_${validCommentId}`;
+  return `sdoc_notification_${validCommentId}_${validReplyId}`;
+};
+exports.generatorNotificationKey = generatorNotificationKey;

package/dist/basic-sdk/constants/index.js

@@ -1,5 +1,13 @@
-import * as Z_INDEX from './z-index';
-export const INTERNAL_EVENT = {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Z_INDEX = exports.WIKI_EDITOR = exports.REVISION_DIFF_VALUE = exports.REVISION_DIFF_KEY = exports.REBASE_TYPES = exports.REBASE_TYPE = exports.REBASE_ORIGIN = exports.REBASE_MARK_KEY = exports.REBASE_MARKS = exports.PAGE_EDIT_AREA_WIDTH = exports.MODIFY_TYPE = exports.INTERNAL_EVENT = exports.DOCUMENT_PLUGIN_EDITOR = exports.DIFF_VIEWER = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR = void 0;
+var Z_INDEX = _interopRequireWildcard(require("./z-index"));
+exports.Z_INDEX = Z_INDEX;
+const INTERNAL_EVENT = exports.INTERNAL_EVENT = {
   CANCEL_TABLE_SELECT_RANGE: 'cancel_table_select_range',
   SET_TABLE_SELECT_RANGE: 'set_table_select_range',
   HIDDEN_CODE_BLOCK_HOVER_MENU: 'hidden_code_block_hover_menu',
@@ -26,35 +34,34 @@ export const INTERNAL_EVENT = {
   COMMENT_EDITOR_POST_COMMENT: 'comment_editor_post_comment',
   CLOSE_FILE_INSET_DIALOG: 'close_file_insert_dialog'
 };
-export const REVISION_DIFF_KEY = 'diff';
-export const REVISION_DIFF_VALUE = '1';
-export const PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
-export const COMMENT_EDITOR_EDIT_AREA_WIDTH = 364;
-export const COMMENT_EDITOR = 'comment_editor';
-export const WIKI_EDITOR = 'wiki_editor';
-export const DOCUMENT_PLUGIN_EDITOR = 'document_plugin_editor';
-export const MODIFY_TYPE = {
+const REVISION_DIFF_KEY = exports.REVISION_DIFF_KEY = 'diff';
+const REVISION_DIFF_VALUE = exports.REVISION_DIFF_VALUE = '1';
+const PAGE_EDIT_AREA_WIDTH = exports.PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
+const COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = 364;
+const COMMENT_EDITOR = exports.COMMENT_EDITOR = 'comment_editor';
+const WIKI_EDITOR = exports.WIKI_EDITOR = 'wiki_editor';
+const DOCUMENT_PLUGIN_EDITOR = exports.DOCUMENT_PLUGIN_EDITOR = 'document_plugin_editor';
+const MODIFY_TYPE = exports.MODIFY_TYPE = {
   ADD: 'add',
   DELETE: 'delete',
   MODIFY: 'modify',
   CHILDREN_MODIFY: 'children_modify'
 };
-export const REBASE_TYPE = {
+const REBASE_TYPE = exports.REBASE_TYPE = {
   MODIFY_MODIFY: 'modify_modify',
   DELETE_MODIFY: 'delete_modify',
   MODIFY_DELETE: 'modify_delete'
 };
-export const REBASE_TYPES = [REBASE_TYPE.MODIFY_DELETE, REBASE_TYPE.DELETE_MODIFY, REBASE_TYPE.MODIFY_MODIFY];
-export const REBASE_MARK_KEY = {
+const REBASE_TYPES = exports.REBASE_TYPES = [REBASE_TYPE.MODIFY_DELETE, REBASE_TYPE.DELETE_MODIFY, REBASE_TYPE.MODIFY_MODIFY];
+const REBASE_MARK_KEY = exports.REBASE_MARK_KEY = {
   ORIGIN: 'origin',
   REBASE_TYPE: 'rebase_type',
   MODIFY_TYPE: 'modify_type',
   OLD_ELEMENT: 'old_element'
 };
-export const REBASE_ORIGIN = {
+const REBASE_ORIGIN = exports.REBASE_ORIGIN = {
   OTHER: 'other',
   MY: 'my'
 };
-export const REBASE_MARKS = [REBASE_MARK_KEY.ORIGIN, REBASE_MARK_KEY.REBASE_TYPE, REBASE_MARK_KEY.MODIFY_TYPE, REBASE_MARK_KEY.OLD_ELEMENT];
-export { Z_INDEX };
-export const DIFF_VIEWER = 'diff_viewer';
+const REBASE_MARKS = exports.REBASE_MARKS = [REBASE_MARK_KEY.ORIGIN, REBASE_MARK_KEY.REBASE_TYPE, REBASE_MARK_KEY.MODIFY_TYPE, REBASE_MARK_KEY.OLD_ELEMENT];
+const DIFF_VIEWER = exports.DIFF_VIEWER = 'diff_viewer';

package/dist/basic-sdk/constants/z-index.js

@@ -1,2 +1,8 @@
-export const ACTIVE_COMMENT_COUNT = 1;
-export const COMMENT_ADD = 2;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.COMMENT_ADD = exports.ACTIVE_COMMENT_COUNT = void 0;
+const ACTIVE_COMMENT_COUNT = exports.ACTIVE_COMMENT_COUNT = 1;
+const COMMENT_ADD = exports.COMMENT_ADD = 2;

package/dist/basic-sdk/cursor/helper.js

@@ -1,9 +1,15 @@
-import randomColor from 'randomcolor';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setCursor = exports.generateCursorData = exports.deleteCursor = void 0;
+var _randomcolor = _interopRequireDefault(require("randomcolor"));
 // selection: { anchor, focus }
 // cursor: { anchor, focus }
 
-export const setCursor = (editor, user, location, cursorData) => {
+const setCursor = (editor, user, location, cursorData) => {
   const {
     username: clientId
   } = user;
@@ -24,14 +30,16 @@ export const setCursor = (editor, user, location, cursorData) => {
   };
   return editor;
 };
-export const deleteCursor = (editor, username) => {
+exports.setCursor = setCursor;
+const deleteCursor = (editor, username) => {
   delete editor.cursors[username];
   editor.cursors = {
     ...editor.cursors
   };
   return editor;
 };
-export const generateCursorData = config => {
+exports.deleteCursor = deleteCursor;
+const generateCursorData = config => {
   const {
     user
   } = config;
@@ -40,9 +48,10 @@ export const generateCursorData = config => {
     format: 'rgba',
     alpha: 1
   };
-  const color = randomColor(options);
+  const color = (0, _randomcolor.default)(options);
   return {
     name: user.name,
     cursor_color: color
   };
-};
+};
+exports.generateCursorData = generateCursorData;

package/dist/basic-sdk/cursor/use-cursors.js

@@ -1,12 +1,18 @@
-import { useEffect, useState } from 'react';
-export const useCursors = editor => {
-  const [cursors, setCursors] = useState([]);
-  useEffect(() => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCursors = void 0;
+var _react = require("react");
+const useCursors = editor => {
+  const [cursors, setCursors] = (0, _react.useState)([]);
+  (0, _react.useEffect)(() => {
     const cursors = Object.values(editor.cursors) || [];
     setCursors(cursors);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     editor.onCursor = editorCursors => {
       const cursors = Object.values(editorCursors) || [];
       setCursors(cursors);
@@ -17,4 +23,5 @@ export const useCursors = editor => {
     cursors,
     setCursors
   };
-};
+};
+exports.useCursors = useCursors;

package/dist/basic-sdk/decorates/index.js

@@ -1,20 +1,28 @@
-import { commentDecorate } from '../comment/comment-decorate';
-import { highlightDecorate } from '../highlight';
-import useSelectionUpdate from '../hooks/use-selection-update';
-const pluginDecorates = [highlightDecorate, commentDecorate];
-export const usePipDecorate = editor => {
-  useSelectionUpdate();
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePipDecorate = void 0;
+var _commentDecorate = require("../comment/comment-decorate");
+var _highlight = require("../highlight");
+var _useSelectionUpdate = _interopRequireDefault(require("../hooks/use-selection-update"));
+const pluginDecorates = [_highlight.highlightDecorate, _commentDecorate.commentDecorate];
+const usePipDecorate = editor => {
+  (0, _useSelectionUpdate.default)();
   const decorates = pluginDecorates.map(decorate => {
     return decorate(editor);
   });
   return entry => {
     let ranges = [];
     const addRanges = newRanges => {
-      if (newRanges === null || newRanges === void 0 ? void 0 : newRanges.length) ranges = [...ranges, ...newRanges];
+      if (newRanges !== null && newRanges !== void 0 && newRanges.length) ranges = [...ranges, ...newRanges];
     };
     decorates.forEach(decorate => {
       addRanges(decorate(entry));
     });
     return ranges;
   };
-};
+};
+exports.usePipDecorate = usePipDecorate;

package/dist/basic-sdk/editor/comment-article.js

@@ -1,16 +1,24 @@
-import React, { useCallback, useMemo } from 'react';
-import { Editable, ReactEditor, Slate } from '@seafile/slate-react';
-import { Editor, Node } from '@seafile/slate';
-import isHotkey from 'is-hotkey';
-import scrollIntoView from 'scroll-into-view-if-needed';
-import { renderLeaf } from '../extension';
-import { useCursors } from '../cursor/use-cursors';
-import { INTERNAL_EVENT } from '../constants';
-import { usePipDecorate } from '../decorates';
-import EventBus from '../utils/event-bus';
-import { IMAGE, IMAGE_BLOCK } from '../extension/constants';
-import RenderCommentEditorCustomRenderElement from '../extension/render/render-comment-editor-element';
-import EventProxy from '../utils/event-handler';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _slateReact = require("@seafile/slate-react");
+var _slate = require("@seafile/slate");
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _scrollIntoViewIfNeeded = _interopRequireDefault(require("scroll-into-view-if-needed"));
+var _extension = require("../extension");
+var _useCursors = require("../cursor/use-cursors");
+var _constants = require("../constants");
+var _decorates = require("../decorates");
+var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
+var _constants2 = require("../extension/constants");
+var _renderCommentEditorElement = _interopRequireDefault(require("../extension/render/render-comment-editor-element"));
+var _eventHandler = _interopRequireDefault(require("../utils/event-handler"));
 const CommentArticle = _ref => {
   let {
     editor,
@@ -20,63 +28,63 @@ const CommentArticle = _ref => {
   } = _ref;
   const {
     cursors
-  } = useCursors(editor);
-  const decorate = usePipDecorate(editor);
+  } = (0, _useCursors.useCursors)(editor);
+  const decorate = (0, _decorates.usePipDecorate)(editor);
   // init eventHandler
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  const eventProxy = useMemo(() => new EventProxy(editor), []);
-  const onMouseDown = useCallback(event => {
+  const eventProxy = (0, _react.useMemo)(() => new _eventHandler.default(editor), []);
+  const onMouseDown = (0, _react.useCallback)(event => {
     if (event.button === 0) {
       // Compatible with the editor which unload table plugin
       editor.reSetTableSelectedRange && editor.reSetTableSelectedRange();
-      const eventBus = EventBus.getInstance();
-      eventBus.dispatch(INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
+      const eventBus = _eventBus.default.getInstance();
+      eventBus.dispatch(_constants.INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const handleScrollIntoView = useCallback((editor, domRange) => {
+  const handleScrollIntoView = (0, _react.useCallback)((editor, domRange) => {
     try {
       const {
         selection
       } = editor;
       // Do not scroll into view, when focus on image
-      const [imageNodeEntry] = Editor.nodes(editor, {
-        match: n => [IMAGE, IMAGE_BLOCK].includes(n.type),
+      const [imageNodeEntry] = _slate.Editor.nodes(editor, {
+        match: n => [_constants2.IMAGE, _constants2.IMAGE_BLOCK].includes(n.type),
         at: selection
       });
       if (imageNodeEntry) return;
-      const focusedNode = Node.get(editor, selection.focus.path);
-      const domNode = ReactEditor.toDOMNode(editor, focusedNode);
+      const focusedNode = _slate.Node.get(editor, selection.focus.path);
+      const domNode = _slateReact.ReactEditor.toDOMNode(editor, focusedNode);
       if (!domNode) return;
-      scrollIntoView(domNode, {
+      (0, _scrollIntoViewIfNeeded.default)(domNode, {
         'scrollMode': 'if-needed'
       });
     } catch (error) {
       //
     }
   }, []);
-  const onKeyDown = useCallback(event => {
-    if (isHotkey('shift+enter', event)) {
+  const onKeyDown = (0, _react.useCallback)(event => {
+    if ((0, _isHotkey.default)('shift+enter', event)) {
       event.preventDefault();
-      const eventBus = EventBus.getInstance();
-      eventBus.dispatch(INTERNAL_EVENT.COMMENT_EDITOR_POST_COMMENT, event);
+      const eventBus = _eventBus.default.getInstance();
+      eventBus.dispatch(_constants.INTERNAL_EVENT.COMMENT_EDITOR_POST_COMMENT, event);
       return;
     }
     eventProxy.onKeyDown(event);
   }, [eventProxy]);
-  return /*#__PURE__*/React.createElement(Slate, {
+  return /*#__PURE__*/_react.default.createElement(_slateReact.Slate, {
     editor: editor,
     value: slateValue,
     onChange: updateSlateValue
-  }, /*#__PURE__*/React.createElement(Editable, {
+  }, /*#__PURE__*/_react.default.createElement(_slateReact.Editable, {
     id: "sdoc-editor",
     scrollSelectionIntoView: handleScrollIntoView,
     cursors: cursors,
-    renderElement: props => RenderCommentEditorCustomRenderElement({
+    renderElement: props => (0, _renderCommentEditorElement.default)({
       ...props,
       commentType: type
     }),
-    renderLeaf: renderLeaf,
+    renderLeaf: _extension.renderLeaf,
     onMouseDown: onMouseDown,
     decorate: decorate,
     onCut: eventProxy.onCut,
@@ -88,4 +96,4 @@ const CommentArticle = _ref => {
     onBeforeInput: eventProxy.onBeforeInput
   }));
 };
-export default CommentArticle;
+var _default = exports.default = CommentArticle;