@seafile/sdoc-editor 1.0.54 → 1.0.56

package/dist/basic-sdk/extension/render/custom-element.js

@@ -1,198 +1,204 @@
-import { useReadOnly, useSlateStatic } from '@seafile/slate-react';
-import { BLOCKQUOTE, LINK, CHECK_LIST_ITEM, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, LIST_ITEM, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST, CODE_BLOCK, CODE_LINE, IMAGE, IMAGE_BLOCK, ELEMENT_TYPE, SDOC_LINK, FILE_LINK, TITLE, SUBTITLE, CALL_OUT, SUPPORTED_SIDE_OPERATION_TYPE, MENTION, MENTION_TEMP, FILE_LINK_INSET_INPUT_TEMP, QUICK_INSERT } from '../constants';
-import { BlockquotePlugin, LinkPlugin, CheckListPlugin, HeaderPlugin, ListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, MentionPlugin, QuickInsertPlugin, WikiLinkPlugin, SeaTableColumnPlugin, SeaTableViewsPlugin } from '../plugins';
-import { onDragOver, onDragLeave, onDrop } from '../toolbar/side-toolbar/event';
-import { getParentNode } from '../core';
-import { setDataRoot, setMouseEnter } from './helper';
-import { COLUMN, WIKI_LINK, SEATABLE_TABLE } from '../constants/element-type';
-import { WIKI_EDITOR, DIFF_VIEWER } from '../../constants';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slateReact = require("@seafile/slate-react");
+var _constants = require("../constants");
+var _plugins = require("../plugins");
+var _event = require("../toolbar/side-toolbar/event");
+var _core = require("../core");
+var _helper = require("./helper");
+var _elementType = require("../constants/element-type");
+var _constants2 = require("../../constants");
 const CustomRenderElement = props => {
-  const editor = useSlateStatic();
-  const readonly = useReadOnly();
+  const editor = (0, _slateReact.useSlateStatic)();
+  const readonly = (0, _slateReact.useReadOnly)();
   const {
     element,
     attributes
   } = props;
-  if (SUPPORTED_SIDE_OPERATION_TYPE.includes(element.type)) {
-    setMouseEnter(editor, element, attributes);
-    attributes['onDragOver'] = onDragOver;
-    attributes['onDragLeave'] = onDragLeave;
-    attributes['onDrop'] = onDrop;
+  if (_constants.SUPPORTED_SIDE_OPERATION_TYPE.includes(element.type)) {
+    (0, _helper.setMouseEnter)(editor, element, attributes);
+    attributes['onDragOver'] = _event.onDragOver;
+    attributes['onDragLeave'] = _event.onDragLeave;
+    attributes['onDrop'] = _event.onDrop;
     attributes['className'] = 'sdoc-drag-cover';
   }
 
   // Sets the data-root attribute to true for certain elements
-  setDataRoot(element, attributes);
+  (0, _helper.setDataRoot)(element, attributes);
   switch (element.type) {
-    case PARAGRAPH:
+    case _constants.PARAGRAPH:
       {
-        const parentNode = getParentNode(editor.children, element.id);
+        const parentNode = (0, _core.getParentNode)(editor.children, element.id);
         let placeholder = undefined;
-        if (editor.editorType === DIFF_VIEWER) placeholder = '';
-        if (parentNode && parentNode.type === LIST_ITEM) {
-          const [renderParagraph] = ParagraphPlugin.renderElements;
+        if (editor.editorType === _constants2.DIFF_VIEWER) placeholder = '';
+        if (parentNode && parentNode.type === _constants.LIST_ITEM) {
+          const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;
           return renderParagraph({
             ...props,
             placeholder
           });
         }
         // Update the placeholder for the wiki editor
-        if (editor.editorType === WIKI_EDITOR) placeholder = 'Enter_text_or_press_forward_slash_to_insert_element';
-        const [renderParagraph] = ParagraphPlugin.renderElements;
+        if (editor.editorType === _constants2.WIKI_EDITOR) placeholder = 'Enter_text_or_press_forward_slash_to_insert_element';
+        const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;
         return renderParagraph({
           ...props,
           placeholder
         });
       }
-    case TITLE:
+    case _constants.TITLE:
       {
-        const [renderTitle] = HeaderPlugin.renderElements;
+        const [renderTitle] = _plugins.HeaderPlugin.renderElements;
         return renderTitle(props, editor);
       }
-    case SUBTITLE:
+    case _constants.SUBTITLE:
       {
-        const [, renderSubtitle] = HeaderPlugin.renderElements;
+        const [, renderSubtitle] = _plugins.HeaderPlugin.renderElements;
         return renderSubtitle(props, editor);
       }
-    case HEADER1:
-    case HEADER2:
-    case HEADER3:
-    case HEADER4:
-    case HEADER5:
-    case HEADER6:
+    case _constants.HEADER1:
+    case _constants.HEADER2:
+    case _constants.HEADER3:
+    case _constants.HEADER4:
+    case _constants.HEADER5:
+    case _constants.HEADER6:
       {
-        const [,, renderHeader] = HeaderPlugin.renderElements;
+        const [,, renderHeader] = _plugins.HeaderPlugin.renderElements;
         return renderHeader(props, editor);
       }
-    case LINK:
+    case _constants.LINK:
       {
-        const [renderLink] = LinkPlugin.renderElements;
+        const [renderLink] = _plugins.LinkPlugin.renderElements;
         return renderLink(props, editor, readonly);
       }
-    case BLOCKQUOTE:
+    case _constants.BLOCKQUOTE:
       {
-        const [renderBlockquote] = BlockquotePlugin.renderElements;
+        const [renderBlockquote] = _plugins.BlockquotePlugin.renderElements;
         return renderBlockquote(props, editor);
       }
-    case ORDERED_LIST:
-    case UNORDERED_LIST:
+    case _constants.ORDERED_LIST:
+    case _constants.UNORDERED_LIST:
       {
-        const [renderList] = ListPlugin.renderElements;
+        const [renderList] = _plugins.ListPlugin.renderElements;
         return renderList(props, editor);
       }
-    case LIST_ITEM:
+    case _constants.LIST_ITEM:
       {
-        const [, renderListItem] = ListPlugin.renderElements;
+        const [, renderListItem] = _plugins.ListPlugin.renderElements;
         return renderListItem(props, editor);
       }
-    case CHECK_LIST_ITEM:
+    case _constants.CHECK_LIST_ITEM:
       {
-        const [renderCheckListItem] = CheckListPlugin.renderElements;
+        const [renderCheckListItem] = _plugins.CheckListPlugin.renderElements;
         return renderCheckListItem(props, editor);
       }
-    case CODE_BLOCK:
+    case _constants.CODE_BLOCK:
       {
-        const [renderCodeBlock] = CodeBlockPlugin.renderElements;
+        const [renderCodeBlock] = _plugins.CodeBlockPlugin.renderElements;
         return renderCodeBlock(props, editor);
       }
-    case CODE_LINE:
+    case _constants.CODE_LINE:
       {
-        const [, renderCodeLine] = CodeBlockPlugin.renderElements;
+        const [, renderCodeLine] = _plugins.CodeBlockPlugin.renderElements;
         return renderCodeLine(props, editor);
       }
-    case IMAGE:
+    case _constants.IMAGE:
       {
         var _editor$element_comme;
-        const parentNode = getParentNode(editor.children, element.id);
+        const parentNode = (0, _core.getParentNode)(editor.children, element.id);
         const comments = ((_editor$element_comme = editor.element_comments_map) === null || _editor$element_comme === void 0 ? void 0 : _editor$element_comme[parentNode.id]) || [];
         const unresolvedComments = comments && comments.filter(item => !item.resolved);
         let leaf = {};
         if (unresolvedComments && unresolvedComments.length > 0) {
           leaf['computed_background_color'] = 'rgba(129, 237, 247, 0.5)';
         }
-        const [renderImage] = ImagePlugin.renderElements;
+        const [renderImage] = _plugins.ImagePlugin.renderElements;
         return renderImage({
           ...props,
           leaf
         }, editor);
       }
-    case IMAGE_BLOCK:
+    case _constants.IMAGE_BLOCK:
       {
-        const [, renderImageBlock] = ImagePlugin.renderElements;
+        const [, renderImageBlock] = _plugins.ImagePlugin.renderElements;
         return renderImageBlock({
           ...props
         }, editor);
       }
-    case ELEMENT_TYPE.TABLE:
+    case _constants.ELEMENT_TYPE.TABLE:
       {
-        const [renderTable] = TablePlugin.renderElements;
+        const [renderTable] = _plugins.TablePlugin.renderElements;
         return renderTable(props, editor);
       }
-    case ELEMENT_TYPE.TABLE_ROW:
+    case _constants.ELEMENT_TYPE.TABLE_ROW:
       {
-        const [, renderTableRow] = TablePlugin.renderElements;
+        const [, renderTableRow] = _plugins.TablePlugin.renderElements;
         return renderTableRow(props, editor);
       }
-    case ELEMENT_TYPE.TABLE_CELL:
+    case _constants.ELEMENT_TYPE.TABLE_CELL:
       {
-        const [,, renderTableCell] = TablePlugin.renderElements;
+        const [,, renderTableCell] = _plugins.TablePlugin.renderElements;
         return renderTableCell(props, editor);
       }
-    case SDOC_LINK:
+    case _constants.SDOC_LINK:
       {
-        const [renderSdocLink] = SdocLinkPlugin.renderElements;
+        const [renderSdocLink] = _plugins.SdocLinkPlugin.renderElements;
         return renderSdocLink(props, editor);
       }
-    case FILE_LINK:
+    case _constants.FILE_LINK:
       {
-        const [renderFileLink] = FileLinkPlugin.renderElements;
+        const [renderFileLink] = _plugins.FileLinkPlugin.renderElements;
         return renderFileLink(props, editor);
       }
-    case FILE_LINK_INSET_INPUT_TEMP:
+    case _constants.FILE_LINK_INSET_INPUT_TEMP:
       {
-        const [, renderFileLinkFileSearchInput] = SdocLinkPlugin.renderElements;
+        const [, renderFileLinkFileSearchInput] = _plugins.SdocLinkPlugin.renderElements;
         return renderFileLinkFileSearchInput(props, editor);
       }
-    case CALL_OUT:
+    case _constants.CALL_OUT:
       {
-        const [renderCallout] = CalloutPlugin.renderElements;
+        const [renderCallout] = _plugins.CalloutPlugin.renderElements;
         return renderCallout(props, editor);
       }
-    case MENTION:
+    case _constants.MENTION:
       {
-        const [renderMention] = MentionPlugin.renderElements;
+        const [renderMention] = _plugins.MentionPlugin.renderElements;
         return renderMention(props, editor);
       }
-    case MENTION_TEMP:
+    case _constants.MENTION_TEMP:
       {
-        const [, renderMentionTemporaryInput] = MentionPlugin.renderElements;
+        const [, renderMentionTemporaryInput] = _plugins.MentionPlugin.renderElements;
         return renderMentionTemporaryInput(props, editor);
       }
-    case QUICK_INSERT:
+    case _constants.QUICK_INSERT:
       {
-        const [renderQuickInsert] = QuickInsertPlugin.renderElements;
+        const [renderQuickInsert] = _plugins.QuickInsertPlugin.renderElements;
         return renderQuickInsert(props, editor);
       }
-    case WIKI_LINK:
+    case _elementType.WIKI_LINK:
       {
-        const [renderWikiLink] = WikiLinkPlugin.renderElements;
+        const [renderWikiLink] = _plugins.WikiLinkPlugin.renderElements;
         return renderWikiLink(props, editor);
       }
-    case COLUMN:
+    case _elementType.COLUMN:
       {
-        const [renderColumn] = SeaTableColumnPlugin.renderElements;
+        const [renderColumn] = _plugins.SeaTableColumnPlugin.renderElements;
         return renderColumn(props, editor);
       }
-    case SEATABLE_TABLE:
+    case _elementType.SEATABLE_TABLE:
       {
-        const [renderSeaTableTable] = SeaTableViewsPlugin.renderElements;
+        const [renderSeaTableTable] = _plugins.SeaTableViewsPlugin.renderElements;
         return renderSeaTableTable(props, editor);
       }
     default:
       {
-        const [renderParagraph] = ParagraphPlugin.renderElements;
+        const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;
         return renderParagraph(props);
       }
   }
 };
-export default CustomRenderElement;
+var _default = exports.default = CustomRenderElement;

package/dist/basic-sdk/extension/render/element-decorate/index.js

@@ -1,2 +1,13 @@
-import RebaseDecorate from './rebase-decorate';
-export { RebaseDecorate };
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "RebaseDecorate", {
+  enumerable: true,
+  get: function () {
+    return _rebaseDecorate.default;
+  }
+});
+var _rebaseDecorate = _interopRequireDefault(require("./rebase-decorate"));

package/dist/basic-sdk/extension/render/element-decorate/rebase-decorate/index.js

@@ -1,31 +1,38 @@
-import React from 'react';
-import RebaseModifyDeleteDecorate from './rebase-modify-delete-decorate';
-import RebaseModifyModifyDecorate from './rebase-modify-modify-decorate';
-import RebaseDeleteModifyDecorate from './rebase-delete-modify-decorate';
-import { REBASE_MARK_KEY, REBASE_TYPE } from '../../../../constants';
-import './index.css';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _rebaseModifyDeleteDecorate = _interopRequireDefault(require("./rebase-modify-delete-decorate"));
+var _rebaseModifyModifyDecorate = _interopRequireDefault(require("./rebase-modify-modify-decorate"));
+var _rebaseDeleteModifyDecorate = _interopRequireDefault(require("./rebase-delete-modify-decorate"));
+var _constants = require("../../../../constants");
+require("./index.css");
 const RebaseDecorate = _ref => {
   let {
     element,
     children
   } = _ref;
-  const rebaseType = element[REBASE_MARK_KEY.REBASE_TYPE];
-  if (!rebaseType) return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-  if (rebaseType === REBASE_TYPE.MODIFY_DELETE) {
-    return /*#__PURE__*/React.createElement(RebaseModifyDeleteDecorate, {
+  const rebaseType = element[_constants.REBASE_MARK_KEY.REBASE_TYPE];
+  if (!rebaseType) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+  if (rebaseType === _constants.REBASE_TYPE.MODIFY_DELETE) {
+    return /*#__PURE__*/_react.default.createElement(_rebaseModifyDeleteDecorate.default, {
       element: element
     }, children);
   }
-  if (rebaseType === REBASE_TYPE.DELETE_MODIFY) {
-    return /*#__PURE__*/React.createElement(RebaseDeleteModifyDecorate, {
+  if (rebaseType === _constants.REBASE_TYPE.DELETE_MODIFY) {
+    return /*#__PURE__*/_react.default.createElement(_rebaseDeleteModifyDecorate.default, {
       element: element
     }, children);
   }
-  if (rebaseType === REBASE_TYPE.MODIFY_MODIFY) {
-    return /*#__PURE__*/React.createElement(RebaseModifyModifyDecorate, {
+  if (rebaseType === _constants.REBASE_TYPE.MODIFY_MODIFY) {
+    return /*#__PURE__*/_react.default.createElement(_rebaseModifyModifyDecorate.default, {
       element: element
     }, children);
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
 };
-export default RebaseDecorate;
+var _default = exports.default = RebaseDecorate;

package/dist/basic-sdk/extension/render/element-decorate/rebase-decorate/rebase-delete-modify-decorate.js

@@ -1,10 +1,17 @@
-import React, { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Transforms } from '@seafile/slate';
-import { useSlateStatic } from '@seafile/slate-react';
-import { ELEMENT_TYPE } from '../../../constants';
-import { REBASE_MARKS } from '../../../../constants';
-import { findPath, deleteNodeMark, updateRebaseParentNodeByPath } from '../../../core';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _constants = require("../../../constants");
+var _constants2 = require("../../../../constants");
+var _core = require("../../../core");
 const RebaseDeleteModifyDecorate = _ref => {
   let {
     element,
@@ -12,56 +19,56 @@ const RebaseDeleteModifyDecorate = _ref => {
   } = _ref;
   const {
     t
-  } = useTranslation();
-  const editor = useSlateStatic();
-  const deleteElement = useCallback(() => {
-    const path = findPath(editor, element);
-    Transforms.removeNodes(editor, {
+  } = (0, _reactI18next.useTranslation)();
+  const editor = (0, _slateReact.useSlateStatic)();
+  const deleteElement = (0, _react.useCallback)(() => {
+    const path = (0, _core.findPath)(editor, element);
+    _slate.Transforms.removeNodes(editor, {
       at: path
     });
-    if (element.type === ELEMENT_TYPE.LIST_ITEM) {
-      updateRebaseParentNodeByPath(editor, path);
+    if (element.type === _constants.ELEMENT_TYPE.LIST_ITEM) {
+      (0, _core.updateRebaseParentNodeByPath)(editor, path);
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, element]);
-  const deleteMark = useCallback(() => {
-    const path = findPath(editor, element);
-    deleteNodeMark(editor, path, element, REBASE_MARKS);
-    if (element.type === ELEMENT_TYPE.LIST_ITEM) {
-      updateRebaseParentNodeByPath(editor, path);
+  const deleteMark = (0, _react.useCallback)(() => {
+    const path = (0, _core.findPath)(editor, element);
+    (0, _core.deleteNodeMark)(editor, path, element, _constants2.REBASE_MARKS);
+    if (element.type === _constants.ELEMENT_TYPE.LIST_ITEM) {
+      (0, _core.updateRebaseParentNodeByPath)(editor, path);
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, element]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-btn-group",
     contentEditable: false
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-btn",
     onClick: deleteElement
-  }, t('Keep_other_modification')), /*#__PURE__*/React.createElement("div", {
+  }, t('Keep_other_modification')), /*#__PURE__*/_react.default.createElement("div", {
     className: "mr-2 ml-2"
-  }, '|'), /*#__PURE__*/React.createElement("div", {
+  }, '|'), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-btn",
     onClick: deleteMark
-  }, t('Keep_my_modification')), /*#__PURE__*/React.createElement("div", {
+  }, t('Keep_my_modification')), /*#__PURE__*/_react.default.createElement("div", {
     className: "mr-2 ml-2"
-  }, '|'), /*#__PURE__*/React.createElement("div", {
+  }, '|'), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-btn",
     onClick: deleteMark
-  }, t('Keep_both_modification'))), /*#__PURE__*/React.createElement("div", {
+  }, t('Keep_both_modification'))), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-other-changes-title",
     contentEditable: false
-  }, t('Other_modification')), /*#__PURE__*/React.createElement("div", {
+  }, t('Other_modification')), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-other-changes empty",
     contentEditable: false
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-my-changes-title",
     contentEditable: false
-  }, t('My_modification')), /*#__PURE__*/React.createElement("div", {
+  }, t('My_modification')), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-my-changes",
     contentEditable: false
   }, children));
 };
-export default RebaseDeleteModifyDecorate;
+var _default = exports.default = RebaseDeleteModifyDecorate;

package/dist/basic-sdk/extension/render/element-decorate/rebase-decorate/rebase-modify-delete-decorate.js

@@ -1,10 +1,17 @@
-import React, { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Transforms } from '@seafile/slate';
-import { useSlateStatic } from '@seafile/slate-react';
-import { ELEMENT_TYPE } from '../../../constants';
-import { REBASE_MARKS } from '../../../../constants';
-import { findPath, deleteNodeMark, updateRebaseParentNodeByPath } from '../../../core';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _constants = require("../../../constants");
+var _constants2 = require("../../../../constants");
+var _core = require("../../../core");
 const RebaseModifyDeleteDecorate = _ref => {
   let {
     element,
@@ -12,56 +19,56 @@ const RebaseModifyDeleteDecorate = _ref => {
   } = _ref;
   const {
     t
-  } = useTranslation();
-  const editor = useSlateStatic();
-  const deleteElement = useCallback(() => {
-    const path = findPath(editor, element);
-    Transforms.removeNodes(editor, {
+  } = (0, _reactI18next.useTranslation)();
+  const editor = (0, _slateReact.useSlateStatic)();
+  const deleteElement = (0, _react.useCallback)(() => {
+    const path = (0, _core.findPath)(editor, element);
+    _slate.Transforms.removeNodes(editor, {
       at: path
     });
-    if (element.type === ELEMENT_TYPE.LIST_ITEM) {
-      updateRebaseParentNodeByPath(editor, path);
+    if (element.type === _constants.ELEMENT_TYPE.LIST_ITEM) {
+      (0, _core.updateRebaseParentNodeByPath)(editor, path);
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, element]);
-  const deleteMark = useCallback(() => {
-    const path = findPath(editor, element);
-    deleteNodeMark(editor, path, element, REBASE_MARKS);
-    if (element.type === ELEMENT_TYPE.LIST_ITEM) {
-      updateRebaseParentNodeByPath(editor, path);
+  const deleteMark = (0, _react.useCallback)(() => {
+    const path = (0, _core.findPath)(editor, element);
+    (0, _core.deleteNodeMark)(editor, path, element, _constants2.REBASE_MARKS);
+    if (element.type === _constants.ELEMENT_TYPE.LIST_ITEM) {
+      (0, _core.updateRebaseParentNodeByPath)(editor, path);
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, element]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-btn-group",
     contentEditable: false
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-btn",
     onClick: deleteMark
-  }, t('Keep_other_modification')), /*#__PURE__*/React.createElement("div", {
+  }, t('Keep_other_modification')), /*#__PURE__*/_react.default.createElement("div", {
     className: "mr-2 ml-2"
-  }, '|'), /*#__PURE__*/React.createElement("div", {
+  }, '|'), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-btn",
     onClick: deleteElement
-  }, t('Keep_my_modification')), /*#__PURE__*/React.createElement("div", {
+  }, t('Keep_my_modification')), /*#__PURE__*/_react.default.createElement("div", {
     className: "mr-2 ml-2"
-  }, '|'), /*#__PURE__*/React.createElement("div", {
+  }, '|'), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-btn",
     onClick: deleteMark
-  }, t('Keep_both_modification'))), /*#__PURE__*/React.createElement("div", {
+  }, t('Keep_both_modification'))), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-other-changes-title",
     contentEditable: false
-  }, t('Other_modification')), /*#__PURE__*/React.createElement("div", {
+  }, t('Other_modification')), /*#__PURE__*/_react.default.createElement("div", {
     className: "w-100 sdoc-rebase-my-changes",
     contentEditable: false
-  }, children), /*#__PURE__*/React.createElement("div", {
+  }, children), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-my-changes-title",
     contentEditable: false
-  }, t('My_modification')), /*#__PURE__*/React.createElement("div", {
+  }, t('My_modification')), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-my-changes empty",
     contentEditable: false
   }));
 };
-export default RebaseModifyDeleteDecorate;
+var _default = exports.default = RebaseModifyDeleteDecorate;