@seafile/sdoc-editor 0.4.36 → 0.5.0

package/dist/api/seafile-api.js

@@ -1,15 +1,16 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import axios from 'axios';
 import slugid from 'slugid';
 class SeafileAPI {
   constructor(server, token) {
-    this.deleteSdocRevision = docUuid => {
+    _defineProperty(this, "deleteSdocRevision", docUuid => {
       const url = 'api/v2.1/seadoc/revision/' + docUuid + '/';
       return this.req.delete(url);
-    };
-    this.deleteSdocOtherRevision = (docUuid, revisionId) => {
+    });
+    _defineProperty(this, "deleteSdocOtherRevision", (docUuid, revisionId) => {
       const url = 'api/v2.1/seadoc/delete-revision/' + docUuid + '/' + revisionId + '/';
       return this.req.delete(url);
-    };
+    });
     this.req = axios.create({
       baseURL: server,
       headers: {

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

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { Editor } from '@seafile/slate';
 import { getEventTransfer } from '../../../utils';
 import { COMMENT_URL_CLASSNAME } from '../constants';
@@ -53,7 +54,7 @@ export const checkMentionOperation = event => {
 };
 class CommentUtilities {
   constructor() {
-    this.onInsertElement = _ref => {
+    _defineProperty(this, "onInsertElement", _ref => {
       let {
         commentRef,
         selection,
@@ -72,8 +73,8 @@ class CommentUtilities {
         content,
         nodeType
       });
-    };
-    this.getHtmlElement = (nodeType, content) => {
+    });
+    _defineProperty(this, "getHtmlElement", (nodeType, content) => {
       switch (nodeType) {
         case 'image':
           {
@@ -91,8 +92,8 @@ class CommentUtilities {
             return '';
           }
       }
-    };
-    this.createHtmlElement = _ref2 => {
+    });
+    _defineProperty(this, "createHtmlElement", _ref2 => {
       let {
         commentRef,
         selection,
@@ -138,8 +139,8 @@ class CommentUtilities {
         selection.addRange(range);
       }
       return range;
-    };
-    this.onSelectParticipant = _ref3 => {
+    });
+    _defineProperty(this, "onSelectParticipant", _ref3 => {
       let {
         selection,
         range,
@@ -173,7 +174,7 @@ class CommentUtilities {
         commentRef.current.focus();
       }
       return newRange;
-    };
+    });
     /**
      * get the index of '@' from anchor position.
      * @param {*} anchorPosition '@text|anchor position|'
@@ -182,7 +183,7 @@ class CommentUtilities {
      * e.g. '@abc|anchor position|' // 0
      *      '@123 @|anchor position| @abc' // 5
      */
-    this.getAtIndexWithAnchorPosition = (anchorPosition, text) => {
+    _defineProperty(this, "getAtIndexWithAnchorPosition", (anchorPosition, text) => {
       let atIndex = -1;
       for (let i = anchorPosition - 1; i > -1; i--) {
         if (text[i] === '@') {
@@ -191,8 +192,8 @@ class CommentUtilities {
         }
       }
       return atIndex;
-    };
-    this.onPaste = (event, callBack) => {
+    });
+    _defineProperty(this, "onPaste", (event, callBack) => {
       event.stopPropagation();
       let cliperData = getEventTransfer(event);
       if (cliperData.files) {
@@ -213,7 +214,7 @@ class CommentUtilities {
           document.execCommand('paste', false, text);
         }
       }
-    };
+    });
   }
 }
 export const focusToCommentElement = (editor, element) => {

package/dist/basic-sdk/extension/commons/element-popover/index.js

@@ -1,11 +1,12 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import ReactDOM from 'react-dom';
 class ElementPopover extends React.Component {
   constructor(props) {
     super(props);
-    this.state = {
+    _defineProperty(this, "state", {
       isMounted: false
-    };
+    });
     this.el = document.createElement('div');
     if (props.className) {
       this.el.className = props.className;

package/dist/basic-sdk/extension/commons/menu/menu-group.js

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 class MenuGroup extends React.PureComponent {
   render() {
@@ -7,7 +8,7 @@ class MenuGroup extends React.PureComponent {
     }, this.props.children);
   }
 }
-MenuGroup.defaultProps = {
+_defineProperty(MenuGroup, "defaultProps", {
   className: 'menu-group'
-};
+});
 export default MenuGroup;

package/dist/basic-sdk/extension/core/utils/index.js

@@ -2,6 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React from 'react';
 import slugid from 'slugid';
 import { useTranslation } from 'react-i18next';
+import { PARAGRAPH } from '../../constants';
 export const match = (node, path, predicate) => {
   if (!predicate) return true;
   if (typeof predicate === 'object') {
@@ -22,6 +23,13 @@ export const generateDefaultText = () => {
     text: ''
   };
 };
+export const generateDefaultParagraph = () => {
+  return {
+    id: slugid.nice(),
+    type: PARAGRAPH,
+    children: [generateDefaultText()]
+  };
+};
 export const generateEmptyElement = function (type) {
   let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return _objectSpread(_objectSpread({

package/dist/basic-sdk/extension/plugins/blockquote/menu/index.js

@@ -1,4 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import { BLOCKQUOTE, MENUS_CONFIG_MAP } from '../../../constants';
 import { MenuItem } from '../../../commons';
@@ -7,27 +8,27 @@ import { focusEditor } from '../../../core';
 class QuoteMenu extends React.Component {
   constructor() {
     super(...arguments);
-    this.isActive = () => {
+    _defineProperty(this, "isActive", () => {
       const {
         editor
       } = this.props;
       return getBlockQuoteType(editor) === BLOCKQUOTE;
-    };
-    this.isDisabled = () => {
+    });
+    _defineProperty(this, "isDisabled", () => {
       const {
         editor,
         readonly
       } = this.props;
       return isMenuDisabled(editor, readonly);
-    };
-    this.onMouseDown = e => {
+    });
+    _defineProperty(this, "onMouseDown", e => {
       const {
         editor
       } = this.props;
       const active = this.isActive(editor);
       setBlockQuoteType(editor, active);
       focusEditor(editor);
-    };
+    });
   }
   render() {
     const {

package/dist/basic-sdk/extension/plugins/check-list/menu/index.js

@@ -1,4 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import { CHECK_LIST_ITEM, MENUS_CONFIG_MAP, PARAGRAPH } from '../../../constants';
 import { MenuItem } from '../../../commons';
@@ -7,20 +8,20 @@ import { focusEditor } from '../../../core';
 class CheckListMenu extends React.Component {
   constructor() {
     super(...arguments);
-    this.isActive = () => {
+    _defineProperty(this, "isActive", () => {
       const {
         editor
       } = this.props;
       return getCheckListItemType(editor) === CHECK_LIST_ITEM;
-    };
-    this.isDisabled = () => {
+    });
+    _defineProperty(this, "isDisabled", () => {
       const {
         editor,
         readonly
       } = this.props;
       return isMenuDisabled(editor, readonly);
-    };
-    this.onMouseDown = () => {
+    });
+    _defineProperty(this, "onMouseDown", () => {
       const {
         editor
       } = this.props;
@@ -28,7 +29,7 @@ class CheckListMenu extends React.Component {
       const newType = active ? PARAGRAPH : CHECK_LIST_ITEM;
       setCheckListItemType(editor, newType);
       focusEditor(editor, editor.selection);
-    };
+    });
   }
   render() {
     const {

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

@@ -1,10 +1,11 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import { Transforms } from '@seafile/slate';
 import { ReactEditor } from '@seafile/slate-react';
 class CheckListItem extends React.PureComponent {
   constructor() {
     super(...arguments);
-    this.onChange = event => {
+    _defineProperty(this, "onChange", event => {
       const checked = event.target.checked;
       const {
         editor,
@@ -16,7 +17,7 @@ class CheckListItem extends React.PureComponent {
       }, {
         at: path
       });
-    };
+    });
   }
   render() {
     const {

package/dist/basic-sdk/extension/plugins/code-block/helpers.js

@@ -29,15 +29,50 @@ export const getSelectCodeElem = editor => {
   if (codeNode == null) return null;
   return codeNode;
 };
+export const getCodeBlockNode = language => {
+  const node = {
+    id: slugid.nice(),
+    type: CODE_BLOCK,
+    language,
+    style: {
+      white_space: 'nowrap'
+    },
+    // default nowrap
+    children: [{
+      id: slugid.nice(),
+      type: CODE_LINE,
+      children: [{
+        text: '',
+        id: slugid.nice()
+      }]
+    }]
+  };
+  return node;
+};
 export const changeToCodeBlock = function (editor) {
   let language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : INSERT_POSITION.CURRENT;
-  // Summarizes the strings for the selected highest-level node
-  let strArr = [];
-  let path = Editor.path(editor, editor.selection);
+  if (!editor.selection) return;
+  let strArr = []; // Summarizes the strings for the selected highest-level node
+  const path = Editor.path(editor, editor.selection, {
+    edge: 'start'
+  });
+  const newCodeBlockNode = getCodeBlockNode(language); // New code-block node
+
+  // Insert after
   if (position === INSERT_POSITION.AFTER) {
     strArr = [''];
-  } else {
+    newCodeBlockNode.children[0].children[0].text = strArr.join('\n');
+    Transforms.insertNodes(editor, newCodeBlockNode, {
+      mode: 'highest',
+      at: [path[0] + 1]
+    });
+    Transforms.select(editor, [path[0] + 1, 0, 0]);
+    return;
+  }
+
+  // Insert current
+  if (position === INSERT_POSITION.CURRENT) {
     // Select the plain text of the node
     const nodeEntries = Editor.nodes(editor, {
       match: n => editor.children.includes(n),
@@ -48,55 +83,33 @@ export const changeToCodeBlock = function (editor) {
       const [n] = nodeEntry;
       if (n) strArr.push(Node.string(n));
     }
-
     // Deletes the selected node at the highest level
     Transforms.removeNodes(editor, {
       mode: 'highest'
     });
-  }
-
-  // Insert the codeBlockNode node
-  const newCodeBlockNode = {
-    id: slugid.nice(),
-    type: CODE_BLOCK,
-    language,
-    style: {
-      white_space: 'nowrap' // default nowrap
-    },
 
-    children: [{
-      id: slugid.nice(),
-      type: CODE_LINE,
-      children: [{
-        text: strArr.join('\n'),
-        id: slugid.nice()
-      }]
-    }]
-  };
-  if (position === INSERT_POSITION.AFTER) {
+    // Modify location
+    const atPath = [path[0]];
+    const atPoint = {
+      anchor: {
+        offset: 0,
+        path: [path[0], 0, 0]
+      },
+      focus: {
+        offset: 0,
+        path: [path[0], 0, 0]
+      }
+    };
+    // Insert new node
+    newCodeBlockNode.children[0].children[0].text = strArr.join('\n');
     Transforms.insertNodes(editor, newCodeBlockNode, {
       mode: 'highest',
-      at: [path[0] + 1]
+      at: atPath
+    });
+    queueMicrotask(() => {
+      Transforms.select(editor, atPoint);
     });
-    Transforms.select(editor, [path[0] + 1, 0, 0]);
-    return;
   }
-  const atPath = path ? [path[0]] : editor.selection;
-  const atPoint = path ? {
-    anchor: {
-      offset: 0,
-      path: [path[0], 0, 0]
-    },
-    focus: {
-      offset: 0,
-      path: [path[0], 0, 0]
-    }
-  } : editor.selection;
-  Transforms.insertNodes(editor, newCodeBlockNode, {
-    mode: 'highest',
-    at: atPath
-  });
-  Transforms.select(editor, atPoint);
 };
 export const changeToPlainText = editor => {
   const elem = getSelectCodeElem(editor);

package/dist/basic-sdk/extension/plugins/header/menu/index.js

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React, { Fragment } from 'react';
 import { withTranslation } from 'react-i18next';
 import classnames from 'classnames';
@@ -9,13 +10,13 @@ import './style.css';
 class HeaderMenu extends React.Component {
   constructor(props) {
     super(props);
-    this.registerEventHandler = () => {
+    _defineProperty(this, "registerEventHandler", () => {
       document.addEventListener('click', this.onHideHeaderMenu, true);
-    };
-    this.unregisterEventHandler = () => {
+    });
+    _defineProperty(this, "unregisterEventHandler", () => {
       document.removeEventListener('click', this.onHideHeaderMenu, true);
-    };
-    this.onHideHeaderMenu = e => {
+    });
+    _defineProperty(this, "onHideHeaderMenu", e => {
       const menu = this.menu;
       const clickIsInMenu = menu && menu.contains(e.target) && menu !== e.target;
       if (clickIsInMenu) return;
@@ -24,24 +25,24 @@ class HeaderMenu extends React.Component {
       }, () => {
         this.unregisterEventHandler();
       });
-    };
-    this.getValue = () => {
+    });
+    _defineProperty(this, "getValue", () => {
       const {
         editor
       } = this.props;
       return getHeaderType(editor);
-    };
-    this.isActive = type => {
+    });
+    _defineProperty(this, "isActive", type => {
       return this.getValue() === type;
-    };
-    this.isDisabled = () => {
+    });
+    _defineProperty(this, "isDisabled", () => {
       const {
         editor,
         readonly
       } = this.props;
       return isMenuDisabled(editor, readonly);
-    };
-    this.onToggleClick = event => {
+    });
+    _defineProperty(this, "onToggleClick", event => {
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
       const isShowHeaderPopover = !this.state.isShowHeaderPopover;
@@ -58,8 +59,8 @@ class HeaderMenu extends React.Component {
           this.unregisterEventHandler();
         });
       }
-    };
-    this.onMouseDown = type => {
+    });
+    _defineProperty(this, "onMouseDown", type => {
       return () => {
         const {
           editor
@@ -74,15 +75,15 @@ class HeaderMenu extends React.Component {
           this.unregisterEventHandler();
         });
       };
-    };
-    this.setMenuRef = ref => {
+    });
+    _defineProperty(this, "setMenuRef", ref => {
       this.menu = ref;
-    };
-    this.getToolTip = type => {
+    });
+    _defineProperty(this, "getToolTip", type => {
       // chrome in Mac: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36"
       const isMac = window.navigator.userAgent.indexOf('Macintosh') !== -1;
       return isMac ? MAC_HOTKEYS[type] : WIN_HOTKEYS[type];
-    };
+    });
     this.state = {
       isShowHeaderPopover: false
     };

package/dist/basic-sdk/extension/plugins/image/dialogs/image-previewer.js

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import Lightbox from '@seafile/react-image-lightbox';
 import { getImageURL } from '../helpers';
@@ -5,7 +6,7 @@ import '@seafile/react-image-lightbox/style.css';
 class ImagePreviewer extends React.Component {
   constructor(props) {
     super(props);
-    this.getImageNodes = nodes => {
+    _defineProperty(this, "getImageNodes", nodes => {
       let nodeIndex = 0;
       const list = [];
       while (nodes && nodeIndex <= nodes.length - 1) {
@@ -19,17 +20,17 @@ class ImagePreviewer extends React.Component {
         nodeIndex++;
       }
       return list;
-    };
-    this.moveToPrevImage = () => {
+    });
+    _defineProperty(this, "moveToPrevImage", () => {
       this.setState(prevState => ({
         imageIndex: (prevState.imageIndex + this.images.length - 1) % this.images.length
       }));
-    };
-    this.moveToNextImage = () => {
+    });
+    _defineProperty(this, "moveToNextImage", () => {
       this.setState(prevState => ({
         imageIndex: (prevState.imageIndex + 1) % this.images.length
       }));
-    };
+    });
     const {
       editor,
       imageUrl

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

@@ -1,12 +1,12 @@
 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 } from '../../core';
+import { generateEmptyElement, getNodeType, isTextNode, getParentNode, focusEditor } from '../../core';
+import { isList } from '../../toolbar/side-toolbar/helpers';
 import { INTERNAL_EVENT } from '../../../constants';
-import { CODE_BLOCK, ELEMENT_TYPE, IMAGE, INSERT_POSITION, LIST_ITEM } from '../../constants';
+import { CODE_BLOCK, ELEMENT_TYPE, IMAGE, INSERT_POSITION } from '../../constants';
 export const isInsertImageMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   const {
@@ -48,14 +48,16 @@ export const insertImage = function (editor, srcList, selection) {
   }
   const imageNodes = srcList.map(src => generateImageNode(src));
   const validSelection = selection || editor.selection;
+  let path = Editor.path(editor, validSelection);
   if (position === INSERT_POSITION.AFTER) {
-    let path = Editor.path(editor, validSelection);
-    if (slateNode && (slateNode === null || slateNode === void 0 ? void 0 : slateNode.type) === LIST_ITEM) {
-      path = ReactEditor.findPath(editor, slateNode);
-      const nextPath = Path.next(path);
+    if (isList(editor, path)) {
+      const targetPath = path.slice(0, -2);
+      targetPath[targetPath.length - 1] = targetPath[targetPath.length - 1] + 1;
       Transforms.insertNodes(editor, imageNodes, {
-        at: nextPath
+        at: targetPath
       });
+      const imageEndSelection = Path.next(Path.next([...targetPath, 0, 0]));
+      focusEditor(editor, imageEndSelection);
       return;
     }
     const p = generateEmptyElement(ELEMENT_TYPE.PARAGRAPH);
@@ -65,11 +67,14 @@ export const insertImage = function (editor, srcList, selection) {
     Transforms.insertNodes(editor, p, {
       at: [path[0] + 1]
     });
+    focusEditor(editor, [path[0] + 1, 2]);
     return;
   }
   Transforms.insertNodes(editor, imageNodes, {
     at: validSelection
   });
+  const imageEndSelection = Path.next(Path.next(path));
+  focusEditor(editor, imageEndSelection);
 };
 export const updateImage = (editor, data) => {
   Transforms.setNodes(editor, {

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

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import { Range } from '@seafile/slate';
 import { unWrapLinkNode } from './helpers';
@@ -8,20 +9,20 @@ import { ELEMENT_TYPE } from '../../constants';
 class LinkHoverMenuComponent extends React.Component {
   constructor(props) {
     super(props);
-    this.registerEventHandle = () => {
+    _defineProperty(this, "registerEventHandle", () => {
       document.addEventListener('click', this.onHideLinkMenu);
-    };
-    this.unregisterEventHandle = () => {
+    });
+    _defineProperty(this, "unregisterEventHandle", () => {
       document.removeEventListener('click', this.onHideLinkMenu);
-    };
-    this.onHideLinkMenu = () => {
+    });
+    _defineProperty(this, "onHideLinkMenu", () => {
       this.setState({
         isShowLinkMenu: false
       }, () => {
         this.unregisterEventHandle();
       });
-    };
-    this.onLinkClick = e => {
+    });
+    _defineProperty(this, "onLinkClick", e => {
       const {
         top,
         left,
@@ -41,14 +42,14 @@ class LinkHoverMenuComponent extends React.Component {
       setTimeout(() => {
         this.registerEventHandle();
       }, 0);
-    };
-    this.deleteLink = () => {
+    });
+    _defineProperty(this, "deleteLink", () => {
       const {
         editor
       } = this.props;
       unWrapLinkNode(editor);
-    };
-    this.openDialog = () => {
+    });
+    _defineProperty(this, "openDialog", () => {
       const {
         element
       } = this.props;
@@ -56,7 +57,7 @@ class LinkHoverMenuComponent extends React.Component {
         type: ELEMENT_TYPE.LINK,
         element
       });
-    };
+    });
     this.state = {
       isShowLinkMenu: false,
       menuPosition: null