@seafile/sdoc-editor 0.5.41 → 0.5.43

package/dist/basic-sdk/extension/plugins/code-block/hover-menu/index.js

@@ -1,12 +1,43 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { Input } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
+import { useTranslation, withTranslation } from 'react-i18next';
 import Tooltip from '../../../../../components/tooltip';
 import { ElementPopover } from '../../../commons/';
 import { genCodeLangs } from '../prismjs';
 import { getSelectedLangOption } from '../helpers';
 import './index.css';
-const CodeBlockHoverMenu = _ref => {
+const LangList = _ref => {
+  let {
+    langsData,
+    onSelectLang,
+    selectedLanguageText
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  if (!langsData.length) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "langs-list-empty"
+    }, /*#__PURE__*/React.createElement("span", null, t('Search_not_found')));
+  }
+  return /*#__PURE__*/React.createElement("ul", {
+    className: "langs-list-ul"
+  }, langsData.map(item => {
+    return /*#__PURE__*/React.createElement("li", {
+      className: "langs-list-li ".concat(selectedLanguageText === item.text ? 'active' : ''),
+      id: item.value,
+      key: item.value,
+      onClick: () => {
+        onSelectLang(item);
+      }
+    }, item.text, /*#__PURE__*/React.createElement("span", {
+      className: "li-check-mark ".concat(selectedLanguageText === item.text ? 'li-checked' : '')
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "sdocfont sdoc-check-mark icon-font"
+    })));
+  }));
+};
+const CodeBlockHoverMenu = _ref2 => {
   let {
     style,
     language,
@@ -16,7 +47,7 @@ const CodeBlockHoverMenu = _ref => {
     onCopyCodeBlock,
     onDeleteCodeBlock,
     t
-  } = _ref;
+  } = _ref2;
   const {
     white_space = 'nowrap'
   } = style;
@@ -74,15 +105,12 @@ const CodeBlockHoverMenu = _ref => {
   }, [language]);
   const onChange = useCallback(e => {
     const filterData = [];
-    const restData = [];
     genCodeLangs().forEach(item => {
       if (item.value.startsWith(e.currentTarget.value.toLowerCase())) {
         filterData.push(item);
-      } else {
-        restData.push(item);
       }
     });
-    setLangsData([...filterData, ...restData]);
+    setLangsData(filterData);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/React.createElement(ElementPopover, null, /*#__PURE__*/React.createElement("div", {
@@ -150,21 +178,10 @@ const CodeBlockHoverMenu = _ref => {
   }, /*#__PURE__*/React.createElement(Input, {
     placeholder: t('Search_language'),
     onChange: onChange
-  })), /*#__PURE__*/React.createElement("ul", {
-    className: "langs-list-ul"
-  }, langsData.map(item => {
-    return /*#__PURE__*/React.createElement("li", {
-      className: "langs-list-li ".concat(selectedLanguageText === item.text ? 'active' : ''),
-      id: item.value,
-      key: item.value,
-      onClick: () => {
-        onSelectLang(item);
-      }
-    }, item.text, /*#__PURE__*/React.createElement("span", {
-      className: "li-check-mark ".concat(selectedLanguageText === item.text ? 'li-checked' : '')
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "sdocfont sdoc-check-mark icon-font"
-    })));
-  }))))));
+  })), /*#__PURE__*/React.createElement(LangList, {
+    langsData: langsData,
+    onSelectLang: onSelectLang,
+    selectedLanguageText: selectedLanguageText
+  })))));
 };
 export default withTranslation('sdoc-editor')(CodeBlockHoverMenu);

package/dist/basic-sdk/extension/plugins/image/helpers.js

@@ -1,12 +1,13 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import urlJoin from 'url-join';
 import { Editor, Range, Transforms, Path, Node } from '@seafile/slate';
+import { ReactEditor } from '@seafile/slate-react';
 import context from '../../../../context';
 import EventBus from '../../../utils/event-bus';
-import { generateEmptyElement, getNodeType, isTextNode, getParentNode, focusEditor } from '../../core';
+import { generateEmptyElement, getNodeType, isTextNode, getParentNode, focusEditor, getSelectedElems } from '../../core';
 import { isList } from '../../toolbar/side-toolbar/helpers';
 import { COMMENT_EDITOR, INTERNAL_EVENT } from '../../../constants';
-import { CODE_BLOCK, ELEMENT_TYPE, IMAGE, INSERT_POSITION } from '../../constants';
+import { CODE_BLOCK, ELEMENT_TYPE, IMAGE, IMAGE_BLOCK, INSERT_POSITION } from '../../constants';
 export const isInsertImageMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   const {
@@ -154,4 +155,27 @@ export const insertImageFiles = (files, editor, targetPath) => {
   context.uploadLocalImage(files).then(fileUrl => {
     insertImage(editor, fileUrl, targetPath, INSERT_POSITION.AFTER);
   });
+};
+export const selectImageWhenSelectPartial = (event, editor, imageNode, isImageSelected) => {
+  if (isImageSelected) return;
+  const isMouseLeftDown = event.buttons === 1;
+  if (!isMouseLeftDown) return;
+  const {
+    selection
+  } = editor;
+  if (Range.isCollapsed(selection)) return;
+  let imagePath = ReactEditor.findPath(editor, imageNode);
+  if (imageNode.type === IMAGE_BLOCK) {
+    const imageIndex = imageNode.children.findIndex(item => item.type === IMAGE);
+    imagePath = imagePath.concat([imageIndex]);
+  }
+  const isIncludedSelection = Range.includes(selection, imagePath);
+  if (isIncludedSelection) return;
+  const focusRange = _objectSpread(_objectSpread({}, selection), {}, {
+    focus: {
+      offset: 0,
+      path: imagePath
+    }
+  });
+  focusEditor(editor, focusRange);
 };

package/dist/basic-sdk/extension/plugins/image/render-elem.js

@@ -4,7 +4,7 @@ import { ReactEditor, useSelected, useReadOnly } from '@seafile/slate-react';
 import { Transforms, Editor } from '@seafile/slate';
 import classNames from 'classnames';
 import { withTranslation } from 'react-i18next';
-import { getImageURL, updateImage } from './helpers';
+import { getImageURL, selectImageWhenSelectPartial, updateImage } from './helpers';
 import EventBus from '../../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../../constants';
 import ImageHoverMenu from './hover-menu';
@@ -195,7 +195,8 @@ const Image = _ref => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, isShowImagePlaceholder && /*#__PURE__*/React.createElement("span", Object.assign({
     className: classNames('sdoc-image-wrapper', className)
   }, attributes, {
-    style: _objectSpread({}, style)
+    style: _objectSpread({}, style),
+    onMouseOver: e => selectImageWhenSelectPartial(e, editor, element, isSelected)
   }), /*#__PURE__*/React.createElement("img", {
     ref: imageRef,
     src: imagePlaceholder,
@@ -206,7 +207,8 @@ const Image = _ref => {
     "data-id": element.id,
     className: classNames('sdoc-image-wrapper', className)
   }, attributes, {
-    style: _objectSpread({}, style)
+    style: _objectSpread({}, style),
+    onMouseOver: e => selectImageWhenSelectPartial(e, editor, element, isSelected)
   }), /*#__PURE__*/React.createElement("span", {
     className: "sdoc-image-inner"
   }, /*#__PURE__*/React.createElement("span", {
@@ -294,6 +296,8 @@ export function renderImageBlock(props, editor) {
   const {
     align
   } = element;
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const isSelected = useSelected();
   let justifyContent = '';
   if (align) {
     justifyContent = align === 'left' ? 'start' : align === 'right' ? 'end' : align;
@@ -305,5 +309,7 @@ export function renderImageBlock(props, editor) {
       padding: '5px 0px',
       justifyContent: "".concat(justifyContent)
     }
-  }, attributes), children);
+  }, attributes, {
+    onMouseOver: e => selectImageWhenSelectPartial(e, editor, element, isSelected)
+  }), children);
 }

package/dist/basic-sdk/extension/plugins/sdoc-link/helpers.js

@@ -1,11 +1,11 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { ReactEditor } from '@seafile/slate-react';
-import { Editor, Transforms, Range, Text } from '@seafile/slate';
+import { Editor, Transforms, Range, Text, Path, Node } from '@seafile/slate';
 import slugid from 'slugid';
 import copy from 'copy-to-clipboard';
 import context from '../../../../context';
-import { focusEditor, getNodeType, getSelectedElems } from '../../core';
-import { SDOC_LINK, LINK, INSERT_FILE_DISPLAY_TYPE, CODE_BLOCK, CODE_LINE, PARAGRAPH } from '../../constants';
+import { focusEditor, generateEmptyElement, getNodeType, getSelectedElems } from '../../core';
+import { SDOC_LINK, LINK, INSERT_FILE_DISPLAY_TYPE, CODE_BLOCK, CODE_LINE, PARAGRAPH, FILE_LINK_INSET_INPUT_TEMP } from '../../constants';
 export const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   if (editor.selection == null) return true;
@@ -149,17 +149,13 @@ export const getBeforeText = editor => {
     range
   };
 };
-export const isTriggeredByShortCut = editor => {
-  const {
-    selection
-  } = editor;
-  const {
-    anchor
-  } = selection;
+export const isTriggeredByShortcut = editor => {
   const {
     beforeText
   } = getBeforeText(editor);
-  return beforeText.slice(-1) === '[' && Editor.isEnd(editor, anchor, anchor.path);
+  const fileSearchInput = getFileSearchInputEntry(editor);
+  if (fileSearchInput) return false;
+  return beforeText.endsWith('[');
 };
 
 // If insert operation is triggered by shortcut, remove the '[[' symbol
@@ -172,8 +168,8 @@ export const removeShortCutSymbol = editor => {
     beforeText,
     range: beforeRange
   } = getBeforeText(editor);
-  const isTrrigeredByShortCut = beforeText.slice(-2) === '[[';
-  isTrrigeredByShortCut && Transforms.delete(editor, {
+  const isTriggeredByShortCut = beforeText.slice(-2) === '[[';
+  isTriggeredByShortCut && Transforms.delete(editor, {
     at: {
       anchor: {
         path: beforeRange.focus.path,
@@ -184,4 +180,57 @@ export const removeShortCutSymbol = editor => {
     voids: true
   });
   focusEditor(editor);
+};
+
+// Generate temp input for collecting file name
+const generateFileLinkInput = () => {
+  const input = generateEmptyElement(FILE_LINK_INSET_INPUT_TEMP);
+  return input;
+};
+
+// Insert temp input collecting file name
+export const insertTempInput = editor => {
+  const {
+    selection
+  } = editor;
+  if (!Range.isCollapsed(selection)) return;
+  const tempInput = generateFileLinkInput();
+  const insertPoint = Editor.start(editor, selection);
+  Transforms.insertNodes(editor, tempInput, {
+    at: insertPoint
+  });
+  const path = Editor.path(editor, insertPoint);
+  const insertPath = Path.next(path);
+  const focusPoint = insertPath.concat(0);
+  focusEditor(editor, focusPoint);
+};
+
+// Remove temp input collecting file name
+export const removeTempInput = (editor, element) => {
+  const path = ReactEditor.findPath(editor, element);
+  Transforms.delete(editor, {
+    at: path
+  });
+};
+export const getFileSearchInputEntry = editor => {
+  const [searchInputNodeEntry] = Editor.nodes(editor, {
+    match: n => n.type === FILE_LINK_INSET_INPUT_TEMP
+  });
+  return searchInputNodeEntry;
+};
+
+// Insert text when remove file name collector, such as inserting 'filename' into prevNode when close collector entered '[[filename'
+export const insertTextWhenRemoveFileNameCollector = (editor, searchInputNode) => {
+  const inputNodePath = ReactEditor.findPath(editor, searchInputNode);
+  if (!inputNodePath) return;
+  const prevNodeEntry = Editor.previous(editor, {
+    at: inputNodePath
+  });
+  if (!prevNodeEntry) return;
+  const searchContent = Node.string(searchInputNode);
+  const insertPoint = Editor.end(editor, prevNodeEntry[1]);
+  Transforms.insertText(editor, searchContent, {
+    at: insertPoint
+  });
+  removeTempInput(editor, searchInputNode);
 };

package/dist/basic-sdk/extension/plugins/sdoc-link/index.js

@@ -1,11 +1,12 @@
 import { SDOC_LINK } from '../../constants';
 import SdocLinkMenu from './menu';
 import withSdocLink from './plugin';
-import renderSdocLink from './render-elem';
+import renderSdocLink from './render/render-elem';
+import renderFileLinkTempInput from './render/render-file-link-temp-input';
 const SdocLinkPlugin = {
   type: SDOC_LINK,
   editorMenus: [SdocLinkMenu],
   editorPlugin: withSdocLink,
-  renderElements: [renderSdocLink]
+  renderElements: [renderSdocLink, renderFileLinkTempInput]
 };
 export default SdocLinkPlugin;

package/dist/basic-sdk/extension/plugins/sdoc-link/plugin.js

@@ -1,13 +1,14 @@
 import { Transforms, Node, Editor } from '@seafile/slate';
-import { ELEMENT_TYPE, SDOC_LINK } from '../../constants';
-import EventBus from '../../../utils/event-bus';
-import { INTERNAL_EVENT } from '../../../constants';
-import { insertSdocFileLink, isTriggeredByShortCut } from './helpers';
+import { ReactEditor } from '@seafile/slate-react';
+import { FILE_LINK_INSET_INPUT_TEMP, SDOC_LINK } from '../../constants';
+import { getFileSearchInputEntry, insertTempInput, isTriggeredByShortcut } from './helpers';
+import { getSelectedElems } from '../../core';
 const withSdocLink = editor => {
   const {
     isInline,
     deleteBackward,
-    onHotKeyDown
+    insertText,
+    onCompositionStart
   } = editor;
   const newEditor = editor;
 
@@ -16,9 +17,8 @@ const withSdocLink = editor => {
     const {
       type
     } = elem;
-    if (type === SDOC_LINK) {
-      return true;
-    }
+    const isInlineElem = [SDOC_LINK, FILE_LINK_INSET_INPUT_TEMP].includes(type);
+    if (isInlineElem) return true;
     return isInline(elem);
   };
   newEditor.deleteBackward = unit => {
@@ -29,13 +29,21 @@ const withSdocLink = editor => {
       return deleteBackward(unit);
     }
 
-    // Delete file link node
+    // Delete file link node when the input is empty
+    const selectedElems = getSelectedElems(newEditor);
+    const fileLinkSearchInputNode = selectedElems.find(elem => elem.type === FILE_LINK_INSET_INPUT_TEMP);
+    if (fileLinkSearchInputNode) {
+      const path = ReactEditor.findPath(editor, fileLinkSearchInputNode);
+      if (Node.string(fileLinkSearchInputNode).length === 0) return Transforms.delete(newEditor, {
+        at: path
+      });
+    }
     const nodeEntry = Editor.node(newEditor, newEditor.selection);
     if (nodeEntry && Node.string(nodeEntry[0]).length === 0) {
       const beforePath = nodeEntry[1];
       beforePath.splice(-1, 1, Math.max(nodeEntry[1].at(-1) - 1, 0));
       const beforeNodeEntry = Editor.node(newEditor, beforePath);
-      if (beforeNodeEntry && beforeNodeEntry[0].type === SDOC_LINK) {
+      if (beforeNodeEntry && [SDOC_LINK, FILE_LINK_INSET_INPUT_TEMP].includes(beforeNodeEntry[0].type)) {
         Transforms.delete(newEditor, {
           at: beforeNodeEntry[1]
         });
@@ -45,21 +53,23 @@ const withSdocLink = editor => {
     }
     return deleteBackward(unit);
   };
-  newEditor.onHotKeyDown = event => {
-    const {
-      key
-    } = event;
-    if (key !== '[') return onHotKeyDown && onHotKeyDown(event);
+  newEditor.insertText = text => {
+    if (text !== '[') return insertText(text);
     // If user press '[[', open file modal
-    const eventBus = EventBus.getInstance();
-    if (isTriggeredByShortCut(newEditor)) {
-      eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-        type: ELEMENT_TYPE.SDOC_LINK,
-        insertSdocFileLinkCallback: insertSdocFileLink,
-        isShowHistoryFiles: true
-      });
+    if (isTriggeredByShortcut(newEditor)) {
+      insertText(text);
+      insertTempInput(newEditor);
+      return;
+    }
+    return insertText(text);
+  };
+  newEditor.onCompositionStart = event => {
+    const fileSearchInputNodeEntry = getFileSearchInputEntry(newEditor);
+    if (fileSearchInputNodeEntry) {
+      event.preventDefault();
+      return true;
     }
-    return onHotKeyDown && onHotKeyDown(event);
+    return onCompositionStart && onCompositionStart(event);
   };
   return newEditor;
 };

package/dist/basic-sdk/extension/plugins/sdoc-link/{render-elem.css → render/render-elem.css}

@@ -20,7 +20,7 @@
 }
 
 .sdoc-file-card-link .sdoc-file-link-icon :first-child {
- font-size: 24px;
+  font-size: 24px;
 }
 
 .sdoc-file-card-link .sdoc-file-link-icon {
@@ -39,3 +39,7 @@
   text-decoration: none;
   color: #333;
 }
+
+.sdoc-file-name-insert-collector {
+  padding: 0 .25em;
+}

package/dist/basic-sdk/extension/plugins/sdoc-link/{render-elem.js → render/render-elem.js}

@@ -2,12 +2,12 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useCallback, useEffect, useState, useRef } from 'react';
 import { Editor, Range } from '@seafile/slate';
 import { ReactEditor, useReadOnly } from '@seafile/slate-react';
-import { useScrollContext } from '../../../hooks/use-scroll-context';
-import { unwrapLinkNode, getUrl } from './helpers';
-import HoverMenu from './hover-menu';
-import { DELETED_STYLE, ADDED_STYLE } from '../../constants';
-import { SDOC_LINK_TYPE } from './constants';
-import { focusEditor } from '../../core';
+import { useScrollContext } from '../../../../hooks/use-scroll-context';
+import { unwrapLinkNode, getUrl } from '../helpers';
+import HoverMenu from '../hover-menu';
+import { DELETED_STYLE, ADDED_STYLE } from '../../../constants';
+import { SDOC_LINK_TYPE } from '../constants';
+import { focusEditor } from '../../../core';
 import './render-elem.css';
 const SdocFileLink = _ref => {
   let {

package/dist/basic-sdk/extension/plugins/sdoc-link/render/render-file-link-temp-input.js

@@ -0,0 +1,26 @@
+import React, { useEffect } from 'react';
+import EventBus from '../../../../utils/event-bus';
+import { INTERNAL_EVENT } from '../../../../constants';
+import { FILE_LINK_INSET_INPUT_TEMP } from '../../../constants';
+import './render-elem.css';
+const RenderFileLinkTempInput = _ref => {
+  let {
+    element,
+    attributes,
+    children
+  } = _ref;
+  const eventBus = EventBus.getInstance();
+  useEffect(() => {
+    eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: FILE_LINK_INSET_INPUT_TEMP,
+      slateNode: element
+    });
+    return () => {
+      eventBus.dispatch(INTERNAL_EVENT.CLOSE_FILE_INSET_DIALOG);
+    };
+  }, [element, eventBus]);
+  return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes, {
+    className: "sdoc-file-name-insert-collector"
+  }), children);
+};
+export default RenderFileLinkTempInput;

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

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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 } from '../constants';
+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 } from '../constants';
 import { BlockquotePlugin, LinkPlugin, CheckListPlugin, HeaderPlugin, ListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, MentionPlugin } from '../plugins';
 import { onDragOver, onDragLeave, onDrop } from '../toolbar/side-toolbar/event';
 import { getParentNode } from '../core';
@@ -134,6 +134,11 @@ const CustomRenderElement = props => {
         const [renderFileLink] = FileLinkPlugin.renderElements;
         return renderFileLink(props, editor);
       }
+    case FILE_LINK_INSET_INPUT_TEMP:
+      {
+        const [, renderFileLinkFileSearchInput] = SdocLinkPlugin.renderElements;
+        return renderFileLinkFileSearchInput(props, editor);
+      }
     case CALL_OUT:
       {
         const [renderCallout] = CalloutPlugin.renderElements;

package/dist/basic-sdk/extension/toolbar/context-toolbar/index.js

@@ -47,10 +47,18 @@ const ContextToolbar = () => {
   const onMouseDown = useCallback(event => {
     event.preventDefault(); // prevent toolbar from taking focus away from editor
   }, []);
+  const onMouseMove = useCallback(e => {
+    const isMouseLeftDown = e.buttons === 1;
+    if (isMouseLeftDown) {
+      const el = ref.current;
+      el.removeAttribute('style');
+    }
+  }, []);
   return createPortal( /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: "sdoc-context-toolbar",
-    onMouseDown: onMouseDown
+    onMouseDown: onMouseDown,
+    onMouseOver: onMouseMove
   }, /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(TextStyleMenuList, {
     editor: editor,
     idPrefix: 'sdoc_context_toolbar'

package/dist/basic-sdk/utils/diff.js

@@ -37,6 +37,30 @@ export const getTopLevelChanges = changes => {
   return Array.from(new Set(topLevelChanges));
 };
 
+// Merge consecutive added areas or deleted areas
+export const getMergedChanges = (topLevelChanges, diffValue) => {
+  const topLevelChangesValue = [];
+  const changes = [];
+  diffValue.forEach(item => {
+    if (topLevelChanges.includes(item.id)) {
+      const obj = {
+        id: item.id,
+        value: item
+      };
+      topLevelChangesValue.push(obj);
+    }
+  });
+  topLevelChangesValue.forEach(item => {
+    var _changes;
+    const preChange = (_changes = changes[changes.length - 1]) === null || _changes === void 0 ? void 0 : _changes.value;
+    const curChange = item.value;
+    if ((curChange === null || curChange === void 0 ? void 0 : curChange.add) && (preChange === null || preChange === void 0 ? void 0 : preChange.add)) return;
+    if ((curChange === null || curChange === void 0 ? void 0 : curChange.delete) && (preChange === null || preChange === void 0 ? void 0 : preChange.delete)) return;
+    changes.push(item);
+  });
+  return changes.map(item => item.id);
+};
+
 // Depth facilitates each child node, adding diffType to each end node
 const generatorDiffElement = function (element, diffType) {
   let style = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};

package/dist/components/doc-operations/more-operations.js

@@ -62,6 +62,7 @@ const MoreOperations = _ref => {
     return printTexts;
   }, []);
   return /*#__PURE__*/React.createElement(Dropdown, {
+    className: "sdoc-operator-folder",
     isOpen: isDropdownOpen,
     toggle: () => toggleDropdown(isDropdownOpen)
   }, /*#__PURE__*/React.createElement(DropdownToggle, {
@@ -72,26 +73,28 @@ const MoreOperations = _ref => {
   })), /*#__PURE__*/React.createElement(DropdownMenu, {
     className: "sdoc-dropdown-menu",
     right: true
-  }, parentFolderURL && /*#__PURE__*/React.createElement(DropdownItem, {
-    className: "sdoc-dropdown-menu-item",
-    tag: "a",
-    href: parentFolderURL
-  }, t('Open_parent_folder')), isPro && isFreezed && /*#__PURE__*/React.createElement(DropdownItem, {
-    className: "sdoc-dropdown-menu-item",
-    onClick: unFreeze
-  }, t('Unfreeze')), /*#__PURE__*/React.createElement(DropdownItem, {
+  }, /*#__PURE__*/React.createElement(DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     onClick: handlePrint
   }, /*#__PURE__*/React.createElement("div", {
     className: "sdoc-dropdown-print-container"
   }, /*#__PURE__*/React.createElement("div", null, t('Print')), /*#__PURE__*/React.createElement(MenuShortcutPrompt, {
     shortcuts: printShortCutTexts
-  }))), isPro && !isFreezed && /*#__PURE__*/React.createElement(DropdownItem, {
+  }))), isPro && isFreezed && /*#__PURE__*/React.createElement(DropdownItem, {
+    className: "sdoc-dropdown-menu-item",
+    onClick: unFreeze
+  }, t('Unfreeze')), isPro && !isFreezed && /*#__PURE__*/React.createElement(DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     onClick: onFreezeDocument
   }, t('Freeze_document')), /*#__PURE__*/React.createElement(DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     onClick: handleClickHistory
-  }, t('Document_history'))));
+  }, t('Document_history')), parentFolderURL && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-operator-folder-divider"
+  }), /*#__PURE__*/React.createElement(DropdownItem, {
+    className: "sdoc-dropdown-menu-item",
+    tag: "a",
+    href: parentFolderURL
+  }, t('Open_parent_folder')))));
 };
 export default withTranslation('sdoc-editor')(MoreOperations);