@seafile/sdoc-editor 0.4.35 → 0.4.36

package/dist/basic-sdk/comment/components/global-comment/index.js

@@ -1,8 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import dayjs from 'dayjs';
-import { useSlateStatic } from '@seafile/slate-react';
-import { ReactEditor } from '@seafile/slate-react';
+import { useSlateStatic, ReactEditor } from '@seafile/slate-react';
 import { ElementPopover } from '../../../extension/commons';
 import EventBus from '../../../utils/event-bus';
 import useCommentList from '../../hooks/comment-hooks/use-comment-list';

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

@@ -13,8 +13,8 @@ export const getSelectionRange = () => {
   return null;
 };
 export const getCursorPosition = () => {
-  let x = 0,
-    y = 0;
+  let x = 0;
+  let y = 0;
   let range = getSelectionRange();
   if (range) {
     const rect = range.getBoundingClientRect();

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

@@ -100,7 +100,9 @@ class CommentUtilities {
         content,
         nodeType
       } = _ref2;
-      let spanNode1, spanNode2, imageContainer;
+      let spanNode1;
+      let spanNode2;
+      let imageContainer;
       if (nodeType === 'image') {
         spanNode1 = document.createElement('div');
         spanNode1.className = 'image-container';

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

@@ -154,7 +154,7 @@ const EditableArticle = _ref => {
         block: 'nearest'
       });
     } catch (error) {
-      // 
+      //
     }
   }, []);
   return /*#__PURE__*/React.createElement(Slate, {

package/dist/basic-sdk/editor/sdoc-editor.js

@@ -5,7 +5,7 @@ import deepCopy from 'deep-copy';
 import context from '../../context';
 import CommonLoading from '../../components/common-loading';
 import { INTERNAL_EVENT, PAGE_EDIT_AREA_WIDTH } from '../constants';
-import { createDefaultEditor } from '../extension';
+import { createDefaultEditor, HeaderToolbar } from '../extension';
 import withNodeId from '../node-id';
 import { withSocketIO } from '../socket';
 import { focusEditor } from '../extension/core';
@@ -13,7 +13,6 @@ import InsertElementDialog from '../extension/commons/insert-element-dialog';
 import { EditorContainer, EditorContent } from '../layout';
 import EditableArticle from './editable-article';
 import { ColorProvider } from '../hooks/use-color-context';
-import { HeaderToolbar } from '../extension';
 import ReadOnlyArticle from '../views/readonly-article';
 import { isMobile } from '../../utils';
 import { CollaboratorsProvider } from '../../hooks';

package/dist/basic-sdk/extension/commons/history-files/index.js

@@ -8,6 +8,7 @@ import debounce from 'lodash.debounce';
 import toaster from '../../../../components/toast';
 import EventBus from '../../../utils/event-bus';
 import context from '../../../../context';
+import { focusEditor } from '../../core';
 import { insertSdocFileLink } from '../../plugins/sdoc-link/helpers';
 import { LocalStorage, isEnglish } from '../../../../utils';
 import { INTERNAL_EVENT } from '../../../constants';
@@ -83,6 +84,16 @@ const HistoryFiles = _ref => {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  const onKeydown = useCallback(e => {
+    const {
+      key,
+      target
+    } = e;
+    if (key === 'Backspace' && !target.selectionStart && !target.selectionEnd && !target.value) {
+      focusEditor(editor);
+      closeDialog();
+    }
+  }, [closeDialog, editor]);
   const onCompositionStart = e => {
     e.stopPropagation();
     historyFilesInputRef.current.typing = true;
@@ -167,7 +178,8 @@ const HistoryFiles = _ref => {
     autoComplete: "off",
     onChange: debounce(onSearch, 200),
     onCompositionStart: onCompositionStart,
-    onCompositionEnd: onCompositionEnd
+    onCompositionEnd: onCompositionEnd,
+    onKeyDown: onKeydown
   }), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-history-files-content"
   }, header.length !== 0 && /*#__PURE__*/React.createElement("div", {

package/dist/basic-sdk/extension/constants/font.js

@@ -517,6 +517,7 @@ export const FONT = [
   }
 } // 楷体
 ];
+
 export const SDOC_FONT_SIZE = {
   DEFAULT: 11,
   [ELEMENT_TYPE.TITLE]: 26,

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

@@ -1,5 +1,6 @@
 // extension plugin
 import * as ELEMENT_TYPE from './element-type';
+// eslint-disable-next-line no-duplicate-imports
 import { BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE, IMAGE_BLOCK, TOP_LEVEL_TYPES, INLINE_LEVEL_TYPES, CALL_OUT } from './element-type';
 export { DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_LIST, DEFAULT_FONT_COLOR, RECENT_USED_HIGHLIGHT_COLORS_KEY, RECENT_USED_FONT_COLORS_KEY, RECENT_USED_TABLE_CELL_BACKGROUND_COLORS_KEY, DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BACKGROUND_COLOR } from './color';
 export { FONT_SIZE, DEFAULT_FONT, FONT, GOOGLE_FONT_CLASS, RECENT_USED_FONTS_KEY, SDOC_FONT_SIZE } from './font';

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

@@ -72,6 +72,7 @@ const renderCallout = (_ref, editor) => {
         top: menuTop,
         left: left // left = code-block left distance
       };
+
       setPopoverPosition(newMenuPosition);
     }
   }, [isShowColorSelector, readOnly]);
@@ -107,6 +108,7 @@ const renderCallout = (_ref, editor) => {
       top: menuTop,
       left: left // left = callout left distance
     };
+
     setPopoverPosition(newMenuPosition);
     setIsShowColorSelector(true);
   }, [readOnly]);

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

@@ -23,6 +23,7 @@ export const isMenuDisabled = (editor, readonly) => {
   if (isMatch) return false; // enable
   return true; // disable
 };
+
 export const getSelectCodeElem = editor => {
   const codeNode = getSelectedNodeByType(editor, CODE_BLOCK);
   if (codeNode == null) return null;
@@ -32,8 +33,8 @@ 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 = [],
-    path = Editor.path(editor, editor.selection);
+  let strArr = [];
+  let path = Editor.path(editor, editor.selection);
   if (position === INSERT_POSITION.AFTER) {
     strArr = [''];
   } else {
@@ -62,6 +63,7 @@ export const changeToCodeBlock = function (editor) {
     style: {
       white_space: 'nowrap' // default nowrap
     },
+
     children: [{
       id: slugid.nice(),
       type: CODE_LINE,

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

@@ -81,6 +81,7 @@ const CodeBlock = _ref => {
         top: menuTop,
         left: left // left = code-block left distance
       };
+
       setMenuPosition(newMenuPosition);
     }
     setShowHoverMenu(true);
@@ -104,6 +105,7 @@ const CodeBlock = _ref => {
         top: menuTop,
         left: left // left = code-block left distance
       };
+
       setMenuPosition(newMenuPosition);
     }
   }, [readOnly, showHoverMenu]);

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

@@ -20,6 +20,7 @@ export const isMenuDisabled = (editor, readonly) => {
   if (notMatch) return true; // disabled
   return false; // enable
 };
+
 export const generateFileNode = (uuid, text) => {
   const fileNode = {
     id: slugid.nice(),

package/dist/basic-sdk/extension/plugins/html/helper.js

@@ -68,6 +68,7 @@ const deserializeElements = function () {
       // nothing todo
     }
   });
+
   return nodes;
 };
 const formatElementNodes = nodes => {

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

@@ -71,9 +71,9 @@ const ImageHoverMenu = _ref => {
         const beforeLeaf = newNodeEntry[0].children.slice(0, index);
         const imageLeaf = newNodeEntry[0].children.slice(index, index + 1);
         const afterLeaf = newNodeEntry[0].children.slice(index + 1);
-        let beforeNode = null,
-          centerNode = null,
-          afterNode = null;
+        let beforeNode = null;
+        let centerNode = null;
+        let afterNode = null;
         let p = path[0];
         if (!beforeLeaf.every(item => {
           var _item$text;

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

@@ -19,6 +19,7 @@ export const isMenuDisabled = (editor, readonly) => {
   if (notMatch) return true; // disabled
   return false; // enable
 };
+
 export const checkLink = url => {
   if (url.indexOf('http') !== 0) {
     return true;

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

@@ -5,7 +5,6 @@ import slugid from 'slugid';
 import copy from 'copy-to-clipboard';
 import context from '../../../../context';
 import { focusEditor, getNodeType, getSelectedElems } from '../../core';
-import { LocalStorage } from '../../../../utils';
 import { SDOC_LINK, LINK, INSERT_FILE_DISPLAY_TYPE, CODE_BLOCK, CODE_LINE, PARAGRAPH } from '../../constants';
 export const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
@@ -22,6 +21,7 @@ export const isMenuDisabled = (editor, readonly) => {
   if (notMatch) return true; // disabled
   return false; // enable
 };
+
 export const generateSdocFileNode = (uuid, text) => {
   const sdocFileNode = {
     id: slugid.nice(),

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

@@ -175,6 +175,7 @@ export const isAllInTable = editor => {
   if (firstSelectedNode.type !== ELEMENT_TYPE.TABLE) return false;
   return selectedNodes.slice(1).every(node => [ELEMENT_TYPE.TABLE_ROW, ELEMENT_TYPE.TABLE_CELL].includes(node.type)); // same table element
 };
+
 export const setCellStyle = (editor, style) => {
   // Select single cell
   if (ObjectUtils.isSameObject(editor.tableSelectedRange, EMPTY_SELECTED_RANGE)) {

package/dist/basic-sdk/extension/plugins/table/render/render-cell.js

@@ -5,9 +5,9 @@ import { useSlateStatic, useReadOnly } from '@seafile/slate-react';
 import { Editor, Transforms } from '@seafile/slate';
 import ObjectUtils from '../../../../utils/object-utils';
 import { findPath, focusEditor } from '../../../core';
-import { useResizeHandlersContext, useTableSelectedRangeContext } from './hooks';
+import { useTableSelectedRangeContext } from './hooks';
 import { EMPTY_SELECTED_RANGE, SELECTED_TABLE_CELL_BACKGROUND_COLOR, TABLE_CELL_STYLE } from '../constants';
-import { getTableColumns, colorBlend, getHighlightClass } from '../helpers';
+import { colorBlend, getHighlightClass } from '../helpers';
 import EventBus from '../../../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../../../constants';
 const TableCell = _ref => {
@@ -19,7 +19,6 @@ const TableCell = _ref => {
   const editor = useSlateStatic();
   const selectedRange = useTableSelectedRangeContext() || EMPTY_SELECTED_RANGE;
   const cellPath = findPath(editor, element, [0, 0]);
-  const columns = useResizeHandlersContext() || getTableColumns(editor, element);
   const pathLength = cellPath.length;
   const rowIndex = cellPath[pathLength - 2];
   const cellIndex = cellPath[pathLength - 1];
@@ -60,10 +59,10 @@ const TableCell = _ref => {
   if (element.is_combined) {
     style.display = 'none';
   }
-  if (rowIndex == 0) {
+  if (rowIndex === 0) {
     style.borderTop = '1px solid #ddd';
   }
-  if (cellIndex == 0) {
+  if (cellIndex === 0) {
     style.borderLeft = '1px solid #ddd';
   }
   const {
@@ -134,10 +133,10 @@ function renderTableCell(props) {
     if (element.is_combined) {
       style.display = 'none';
     }
-    if (rowIndex == 0) {
+    if (rowIndex === 0) {
       style.borderTop = '1px solid #ddd';
     }
-    if (cellIndex == 0) {
+    if (cellIndex === 0) {
       style.borderLeft = '1px solid #ddd';
     }
     const {

package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/column-resize-handler.js

@@ -1,5 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useRef, useState, useEffect, useCallback, useLayoutEffect } from 'react';
+import React, { useRef, useState, useEffect, useLayoutEffect } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
 import { useTableRootContext } from '../hooks';
 import { TABLE_CELL_MIN_WIDTH } from '../../constants';

package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/row-resize-handler.js

@@ -1,6 +1,5 @@
 import React, { useEffect, useState, useRef, useLayoutEffect } from 'react';
-import { useSlateStatic } from '@seafile/slate-react';
-import { ReactEditor } from '@seafile/slate-react';
+import { useSlateStatic, ReactEditor } from '@seafile/slate-react';
 import { TABLE_ROW_MIN_HEIGHT } from '../../constants';
 import { focusClosestCellWhenJustifyCellSize, getRowHeight, updateTableRowHeight } from '../../helpers';
 import { eventStopPropagation, getMouseDownInfo, getMouseMoveInfo, registerResizeEvents, unregisterResizeEvents } from '../../../../../utils/mouse-event';
@@ -65,7 +64,7 @@ const RowResizeHandler = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isDraggingResizeHandler, mouseDownInfo, rowBottom, table, height]);
   useEffect(() => {
-    const cell = row.children.filter(cell => !cell.is_combined && (!cell.rowspan || cell.rowspan == 1))[0];
+    const cell = row.children.filter(cell => !cell.is_combined && (!cell.rowspan || cell.rowspan === 1))[0];
     if (!cell) return;
     const rowDom = ReactEditor.toDOMNode(editor, cell);
     if (!rowDom) return;

package/dist/basic-sdk/extension/plugins/table/render/table-header/rows-header/row-header.js

@@ -1,4 +1,4 @@
-import React, { useRef, useCallback, useState, useEffect, useLayoutEffect } from 'react';
+import React, { useRef, useCallback, useState, useEffect } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
 import classnames from 'classnames';
 import ObjectUtils from '../../../../../../utils/object-utils';

package/dist/basic-sdk/extension/toolbar/side-toolbar/helpers.js

@@ -92,6 +92,7 @@ export const getDomTopHeight = (dom, slateNode) => {
   if (ADD_POSITION_OFFSET_TYPE.includes(slateNode.type)) {
     offsetY = lightHight / 2 + paddingTop - 12; // side toolbar icon is 12 px
   }
+
   const HEADER_HEIGHT = 56 + 44;
   return rect.y - HEADER_HEIGHT + offsetY;
 };

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

@@ -27,8 +27,8 @@ export const getSelectionRange = () => {
 };
 export const getCursorPosition = function () {
   let isScrollUp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  let x = 0,
-    y = 0;
+  let x = 0;
+  let y = 0;
   let range = getSelectionRange();
   if (range) {
     const rect = range.getBoundingClientRect();

package/dist/utils/get-event-transfer.js

@@ -4,7 +4,9 @@ const {
   TEXT
 } = TransferTypes;
 function getEventTransfer(event) {
-  let html, text, files;
+  let html;
+  let text;
+  let files;
   if (window.isMobile) {
     if (window.dtableTransfer) {
       text = window.dtableTransfer['TEXT'];

package/dist/utils/index.js

@@ -56,12 +56,12 @@ export const resetWebTitle = t => {
 };
 export const getSelectionCoords = () => {
   let doc = window.document;
-  let sel = doc.selection,
-    range,
-    rects,
-    rect;
-  let x = 0,
-    y = 0;
+  let sel = doc.selection;
+  let range;
+  let rects;
+  let rect;
+  let x = 0;
+  let y = 0;
   if (sel) {
     if (sel.type !== 'Control') {
       range = sel.createRange();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.4.35",
+  "version": "0.4.36",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",