@seafile/sdoc-editor 1.0.54 → 1.0.55

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

@@ -1,21 +1,29 @@
-import React, { useCallback } from 'react';
-import { withTranslation } from 'react-i18next';
-import { Editor } from '@seafile/slate';
-import { TEXT_STYLE, TEXT_STYLE_MAP, TEXT_STYLE_MORE, MENUS_CONFIG_MAP } from '../../../constants';
-import { focusEditor } from '../../../core';
-import { MenuItem, ColorMenu, MoreDropdown } from '../../../commons';
-import { getFontSize, setFontSize } from '../../font/helpers';
-import FontSizeScale from '../../font/menu/font-size/font-size-scale';
-import { getValue, isMenuDisabled, addMark, removeMark } from '../helpers';
-import { useColorContext } from '../../../../hooks/use-color-context';
-import { eventStopPropagation } from '../../../../utils/mouse-event';
-import { BOLD, ITALIC } from '../../../constants/menus-config';
-import { COMMENT_EDITOR } from '../../../../constants';
+"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 _reactI18next = require("react-i18next");
+var _slate = require("@seafile/slate");
+var _constants = require("../../../constants");
+var _core = require("../../../core");
+var _commons = require("../../../commons");
+var _helpers = require("../../font/helpers");
+var _fontSizeScale = _interopRequireDefault(require("../../font/menu/font-size/font-size-scale"));
+var _helpers2 = require("../helpers");
+var _useColorContext = require("../../../../hooks/use-color-context");
+var _mouseEvent = require("../../../../utils/mouse-event");
+var _menusConfig = require("../../../constants/menus-config");
+var _constants2 = require("../../../../constants");
 const filterFontTypes = _ref => {
   let {
     id
   } = _ref;
-  return [BOLD, ITALIC].includes(id);
+  return [_menusConfig.BOLD, _menusConfig.ITALIC].includes(id);
 };
 const TextStyleMenuList = _ref2 => {
   let {
@@ -26,62 +34,62 @@ const TextStyleMenuList = _ref2 => {
     idPrefix,
     readonly
   } = _ref2;
-  let selectedFontSize = getFontSize(editor);
+  let selectedFontSize = (0, _helpers.getFontSize)(editor);
   let selectedFontSizeValue = selectedFontSize;
-  const isCommentEditor = editor.editorType === COMMENT_EDITOR;
+  const isCommentEditor = editor.editorType === _constants2.COMMENT_EDITOR;
   const {
     lastUsedFontColor,
     updateLastUsedFontColor,
     lastUsedHighlightColor,
     updateLastUsedHighlightColor
-  } = useColorContext();
-  const isActive = useCallback(type => {
-    const isMark = getValue(editor, type);
+  } = (0, _useColorContext.useColorContext)();
+  const isActive = (0, _react.useCallback)(type => {
+    const isMark = (0, _helpers2.getValue)(editor, type);
     return !!isMark;
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor]);
-  const isDisabled = useCallback(() => {
-    return isMenuDisabled(editor, readonly);
+  const isDisabled = (0, _react.useCallback)(() => {
+    return (0, _helpers2.isMenuDisabled)(editor, readonly);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, readonly]);
-  const onMouseDown = useCallback((event, type) => {
+  const onMouseDown = (0, _react.useCallback)((event, type) => {
     event.preventDefault();
     event.stopPropagation();
     if (isDisabled()) return;
     const active = isActive(type);
     if (active) {
-      removeMark(editor, type);
+      (0, _helpers2.removeMark)(editor, type);
     } else {
-      addMark(editor, type);
+      (0, _helpers2.addMark)(editor, type);
     }
-    focusEditor(editor);
+    (0, _core.focusEditor)(editor);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor]);
-  const setColor = useCallback((type, color) => {
-    Editor.addMark(editor, type, color);
-    focusEditor(editor);
+  const setColor = (0, _react.useCallback)((type, color) => {
+    _slate.Editor.addMark(editor, type, color);
+    (0, _core.focusEditor)(editor);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor]);
-  const increaseFontSize = useCallback(event => {
-    eventStopPropagation(event);
-    setFontSize(editor, selectedFontSizeValue + 1);
+  const increaseFontSize = (0, _react.useCallback)(event => {
+    (0, _mouseEvent.eventStopPropagation)(event);
+    (0, _helpers.setFontSize)(editor, selectedFontSizeValue + 1);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, selectedFontSize, selectedFontSizeValue]);
-  const reduceFontSize = useCallback(event => {
-    eventStopPropagation(event);
+  const reduceFontSize = (0, _react.useCallback)(event => {
+    (0, _mouseEvent.eventStopPropagation)(event);
     const nextFontSize = selectedFontSizeValue - 1;
     if (nextFontSize < 1) return;
-    setFontSize(editor, nextFontSize);
+    (0, _helpers.setFontSize)(editor, nextFontSize);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, selectedFontSize, selectedFontSizeValue]);
-  const getTextStyleList = useCallback(key => {
-    return MENUS_CONFIG_MAP[key].map(item => {
+  const getTextStyleList = (0, _react.useCallback)(key => {
+    return _constants.MENUS_CONFIG_MAP[key].map(item => {
       let itemProps = {
         isRichEditor,
         className,
@@ -91,46 +99,46 @@ const TextStyleMenuList = _ref2 => {
       };
       if (item.isColor) {
         itemProps['setColor'] = color => setColor(item.type, color);
-        itemProps['defaultColorTip'] = item.type === TEXT_STYLE_MAP.COLOR ? t('Default') : '';
-        itemProps['lastUsedColor'] = item.type === TEXT_STYLE_MAP.COLOR ? lastUsedFontColor : lastUsedHighlightColor;
-        itemProps['updateLastUsedColor'] = item.type === TEXT_STYLE_MAP.COLOR ? updateLastUsedFontColor : updateLastUsedHighlightColor;
+        itemProps['defaultColorTip'] = item.type === _constants.TEXT_STYLE_MAP.COLOR ? t('Default') : '';
+        itemProps['lastUsedColor'] = item.type === _constants.TEXT_STYLE_MAP.COLOR ? lastUsedFontColor : lastUsedHighlightColor;
+        itemProps['updateLastUsedColor'] = item.type === _constants.TEXT_STYLE_MAP.COLOR ? updateLastUsedFontColor : updateLastUsedHighlightColor;
       }
       return {
         ...itemProps,
         ...item,
-        id: idPrefix ? "".concat(idPrefix, "_").concat(item.id) : item.id
+        id: idPrefix ? `${idPrefix}_${item.id}` : item.id
       };
     });
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, lastUsedFontColor, lastUsedHighlightColor, readonly]);
-  let list = getTextStyleList(TEXT_STYLE);
+  let list = getTextStyleList(_constants.TEXT_STYLE);
   // Filter for comment editor
   if (isCommentEditor) {
     list = list.filter(filterFontTypes);
   }
-  const dropdownList = getTextStyleList(TEXT_STYLE_MORE);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, list.map((itemProps, index) => {
-    const Component = itemProps.isColor ? ColorMenu : MenuItem;
-    return /*#__PURE__*/React.createElement(Component, Object.assign({
+  const dropdownList = getTextStyleList(_constants.TEXT_STYLE_MORE);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, list.map((itemProps, index) => {
+    const Component = itemProps.isColor ? _commons.ColorMenu : _commons.MenuItem;
+    return /*#__PURE__*/_react.default.createElement(Component, Object.assign({
       key: index
     }, itemProps));
-  }), !isCommentEditor && /*#__PURE__*/React.createElement(MoreDropdown, null, dropdownList.map((itemProps, index) => /*#__PURE__*/React.createElement(MenuItem, Object.assign({
+  }), !isCommentEditor && /*#__PURE__*/_react.default.createElement(_commons.MoreDropdown, null, dropdownList.map((itemProps, index) => /*#__PURE__*/_react.default.createElement(_commons.MenuItem, Object.assign({
     key: index
-  }, itemProps))), /*#__PURE__*/React.createElement(FontSizeScale, {
+  }, itemProps))), /*#__PURE__*/_react.default.createElement(_fontSizeScale.default, {
     disabled: isDisabled(),
     onClick: increaseFontSize,
     id: "sdoc-increase-font-size",
     tipMessage: t('Increase_font_size')
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-increase-font-size"
-  })), /*#__PURE__*/React.createElement(FontSizeScale, {
+  })), /*#__PURE__*/_react.default.createElement(_fontSizeScale.default, {
     disabled: isDisabled(),
     onClick: reduceFontSize,
     id: "sdoc-reduce-font-size",
     tipMessage: t('Reduce_font_size')
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-reduce-font-size"
   }))));
 };
-export default withTranslation('sdoc-editor')(TextStyleMenuList);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TextStyleMenuList);

package/dist/basic-sdk/extension/plugins/text-style/plugin.js

@@ -1,24 +1,30 @@
-import { TEXT_STYLE_MAP } from '../../constants';
-import { getValue, isMenuDisabled, addMark, removeMark } from './helpers';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../../constants");
+var _helpers = require("./helpers");
 const withTextStyle = editor => {
   const toggleTextStyle = type => {
-    const isDisabled = isMenuDisabled(editor);
+    const isDisabled = (0, _helpers.isMenuDisabled)(editor);
     if (isDisabled) {
       return false;
     }
-    const isActive = !!getValue(editor, type);
+    const isActive = !!(0, _helpers.getValue)(editor, type);
     if (isActive) {
-      removeMark(editor, type);
+      (0, _helpers.removeMark)(editor, type);
     } else {
-      addMark(editor, type);
+      (0, _helpers.addMark)(editor, type);
     }
   };
   editor.toggleTextBold = () => {
-    toggleTextStyle(TEXT_STYLE_MAP.BOLD);
+    toggleTextStyle(_constants.TEXT_STYLE_MAP.BOLD);
   };
   editor.toggleTextItalic = () => {
-    toggleTextStyle(TEXT_STYLE_MAP.ITALIC);
+    toggleTextStyle(_constants.TEXT_STYLE_MAP.ITALIC);
   };
   return editor;
 };
-export default withTextStyle;
+var _default = exports.default = withTextStyle;

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

@@ -1,7 +1,14 @@
-import React from 'react';
-import Caret from './caret';
-import { TEXT_STYLE_MAP } from '../../constants';
-import { generatorFontFamily } from '../font/helpers';
+"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 _caret = _interopRequireDefault(require("./caret"));
+var _constants = require("../../constants");
+var _helpers = require("../font/helpers");
 const renderText = (props, editor) => {
   const {
     attributes,
@@ -12,7 +19,7 @@ const renderText = (props, editor) => {
     text,
     ...rest
   } = leaf;
-  let markedChildren = React.cloneElement(children);
+  let markedChildren = /*#__PURE__*/_react.default.cloneElement(children);
   let style = {};
   // The following is a workaround for a Chromium bug where,
   // if you have an inline at the end of a block,
@@ -30,67 +37,67 @@ const renderText = (props, editor) => {
   if (leaf.computed_background_color) {
     style['backgroundColor'] = leaf.computed_background_color;
   }
-  if (leaf[TEXT_STYLE_MAP.COLOR]) {
-    style['color'] = leaf[TEXT_STYLE_MAP.COLOR];
+  if (leaf[_constants.TEXT_STYLE_MAP.COLOR]) {
+    style['color'] = leaf[_constants.TEXT_STYLE_MAP.COLOR];
   }
-  if (leaf[TEXT_STYLE_MAP.HIGHLIGHT_COLOR]) {
-    style['backgroundColor'] = leaf[TEXT_STYLE_MAP.HIGHLIGHT_COLOR];
+  if (leaf[_constants.TEXT_STYLE_MAP.HIGHLIGHT_COLOR]) {
+    style['backgroundColor'] = leaf[_constants.TEXT_STYLE_MAP.HIGHLIGHT_COLOR];
   }
-  if (leaf[TEXT_STYLE_MAP.FONT_SIZE]) {
-    const fontSize = leaf[TEXT_STYLE_MAP.FONT_SIZE];
+  if (leaf[_constants.TEXT_STYLE_MAP.FONT_SIZE]) {
+    const fontSize = leaf[_constants.TEXT_STYLE_MAP.FONT_SIZE];
     if (typeof fontSize === 'number') {
-      style['fontSize'] = "".concat(fontSize, "pt");
+      style['fontSize'] = `${fontSize}pt`;
     }
   }
-  if (leaf[TEXT_STYLE_MAP.FONT]) {
-    const fontWeight = leaf[TEXT_STYLE_MAP.BOLD] ? 600 : 400;
-    style['fontFamily'] = generatorFontFamily(leaf[TEXT_STYLE_MAP.FONT], fontWeight);
+  if (leaf[_constants.TEXT_STYLE_MAP.FONT]) {
+    const fontWeight = leaf[_constants.TEXT_STYLE_MAP.BOLD] ? 600 : 400;
+    style['fontFamily'] = (0, _helpers.generatorFontFamily)(leaf[_constants.TEXT_STYLE_MAP.FONT], fontWeight);
   }
-  if (leaf[TEXT_STYLE_MAP.BOLD]) {
-    markedChildren = /*#__PURE__*/React.createElement("strong", null, markedChildren);
+  if (leaf[_constants.TEXT_STYLE_MAP.BOLD]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("strong", null, markedChildren);
   }
-  if (leaf[TEXT_STYLE_MAP.ITALIC]) {
-    markedChildren = /*#__PURE__*/React.createElement("i", null, markedChildren);
+  if (leaf[_constants.TEXT_STYLE_MAP.ITALIC]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("i", null, markedChildren);
   }
-  if (leaf[TEXT_STYLE_MAP.UNDERLINE]) {
-    markedChildren = /*#__PURE__*/React.createElement("span", {
+  if (leaf[_constants.TEXT_STYLE_MAP.UNDERLINE]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("span", {
       style: {
         textDecoration: 'underline'
       }
     }, markedChildren);
   }
-  if (leaf[TEXT_STYLE_MAP.STRIKETHROUGH]) {
-    markedChildren = /*#__PURE__*/React.createElement("span", {
+  if (leaf[_constants.TEXT_STYLE_MAP.STRIKETHROUGH]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("span", {
       style: {
         textDecoration: 'line-through'
       }
     }, markedChildren);
   }
-  if (leaf[TEXT_STYLE_MAP.SUPERSCRIPT]) {
-    markedChildren = /*#__PURE__*/React.createElement("sup", null, markedChildren);
+  if (leaf[_constants.TEXT_STYLE_MAP.SUPERSCRIPT]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("sup", null, markedChildren);
   }
-  if (leaf[TEXT_STYLE_MAP.SUBSCRIPT]) {
-    markedChildren = /*#__PURE__*/React.createElement("sub", null, markedChildren);
+  if (leaf[_constants.TEXT_STYLE_MAP.SUBSCRIPT]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("sub", null, markedChildren);
   }
-  if (leaf[TEXT_STYLE_MAP.CODE]) {
-    markedChildren = /*#__PURE__*/React.createElement("code", null, markedChildren);
+  if (leaf[_constants.TEXT_STYLE_MAP.CODE]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("code", null, markedChildren);
   }
-  if (leaf[TEXT_STYLE_MAP.DELETE]) {
-    markedChildren = /*#__PURE__*/React.createElement("del", null, markedChildren);
+  if (leaf[_constants.TEXT_STYLE_MAP.DELETE]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("del", null, markedChildren);
   }
-  if (leaf[TEXT_STYLE_MAP.ADD]) {
-    markedChildren = /*#__PURE__*/React.createElement("span", null, markedChildren);
+  if (leaf[_constants.TEXT_STYLE_MAP.ADD]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("span", null, markedChildren);
   }
   if (leaf.decoration) {
-    markedChildren = /*#__PURE__*/React.createElement("span", {
-      className: "token ".concat(leaf.type)
+    markedChildren = /*#__PURE__*/_react.default.createElement("span", {
+      className: `token ${leaf.type}`
     }, markedChildren);
   }
-  return /*#__PURE__*/React.createElement("span", Object.assign({
+  return /*#__PURE__*/_react.default.createElement("span", Object.assign({
     "data-id": leaf.id
   }, attributes, {
     style: style,
     className: Object.keys(rest).join(' ')
-  }), leaf.isCaret ? /*#__PURE__*/React.createElement(Caret, leaf) : null, markedChildren);
+  }), leaf.isCaret ? /*#__PURE__*/_react.default.createElement(_caret.default, leaf) : null, markedChildren);
 };
-export default renderText;
+var _default = exports.default = renderText;

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

@@ -1,60 +1,70 @@
-import { Editor, Transforms, Range } from '@seafile/slate';
-import slugid from 'slugid';
-import { INSERT_FILE_DISPLAY_TYPE } from '../../constants';
-import { isMenuDisabled, removeShortCutSymbol } from '../sdoc-link/helpers';
-import { WIKI_LINK } from '../../constants/element-type';
-export const insertWikiPageLink = (editor, text, wikiRepoId, pageId) => {
-  if (isMenuDisabled(editor)) return;
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.insertWikiPageLink = exports.getWikiUrl = exports.generateSdocFileNode = void 0;
+var _slate = require("@seafile/slate");
+var _slugid = _interopRequireDefault(require("slugid"));
+var _constants = require("../../constants");
+var _helpers = require("../sdoc-link/helpers");
+var _elementType = require("../../constants/element-type");
+const insertWikiPageLink = (editor, text, wikiRepoId, pageId) => {
+  if ((0, _helpers.isMenuDisabled)(editor)) return;
   // Selection folded or not
   const {
     selection
   } = editor;
   if (selection == null) return;
-  const isCollapsed = Range.isCollapsed(selection);
+  const isCollapsed = _slate.Range.isCollapsed(selection);
 
   // Remove shortcut symbol,if trigger by shortcut
-  removeShortCutSymbol(editor);
+  (0, _helpers.removeShortCutSymbol)(editor);
   const wikiLinkNode = generateSdocFileNode(wikiRepoId, pageId, text);
   if (isCollapsed) {
-    Transforms.insertNodes(editor, wikiLinkNode);
+    _slate.Transforms.insertNodes(editor, wikiLinkNode);
   } else {
-    const selectedText = Editor.string(editor, selection); // Selected text
+    const selectedText = _slate.Editor.string(editor, selection); // Selected text
     if (selectedText !== text) {
       // If the selected text is different from the typed text, delete the text and insert the link
       editor.deleteFragment();
-      Transforms.insertNodes(editor, wikiLinkNode);
+      _slate.Transforms.insertNodes(editor, wikiLinkNode);
     } else {
       // If the selected text is the same as the entered text, only the link can be wrapped
-      Transforms.wrapNodes(editor, wikiLinkNode, {
+      _slate.Transforms.wrapNodes(editor, wikiLinkNode, {
         split: true
       });
-      Transforms.collapse(editor, {
+      _slate.Transforms.collapse(editor, {
         edge: 'end'
       });
     }
   }
 };
-export const generateSdocFileNode = function (wikiRepoId, pageId) {
+exports.insertWikiPageLink = insertWikiPageLink;
+const generateSdocFileNode = function (wikiRepoId, pageId) {
   let title = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   const wikiPageLinkNode = {
-    id: slugid.nice(),
-    type: WIKI_LINK,
+    id: _slugid.default.nice(),
+    type: _elementType.WIKI_LINK,
     wiki_repo_id: wikiRepoId,
     page_id: pageId,
     title: title,
-    display_type: INSERT_FILE_DISPLAY_TYPE[1],
+    display_type: _constants.INSERT_FILE_DISPLAY_TYPE[1],
     children: [{
-      id: slugid.nice(),
+      id: _slugid.default.nice(),
       text: title
     }]
   };
   return wikiPageLinkNode;
 };
-export const getWikiUrl = (wikiRepoId, pageId) => {
+exports.generateSdocFileNode = generateSdocFileNode;
+const getWikiUrl = (wikiRepoId, pageId) => {
   const {
     origin,
     pathname
   } = window.location;
-  const pathName = pathname.replace(/\d+\/$/, "".concat(wikiRepoId, "/"));
-  return "".concat(origin).concat(pathName, "?page_id=").concat(pageId);
-};
+  const pathName = pathname.replace(/\d+\/$/, `${wikiRepoId}/`);
+  return `${origin}${pathName}?page_id=${pageId}`;
+};
+exports.getWikiUrl = getWikiUrl;

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

@@ -1,9 +1,16 @@
-import { WIKI_LINK } from '../../constants/element-type';
-import withSdocLink from '../sdoc-link/plugin';
-import renderWikiLink from '../sdoc-link/render/render-elem';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _elementType = require("../../constants/element-type");
+var _plugin = _interopRequireDefault(require("../sdoc-link/plugin"));
+var _renderElem = _interopRequireDefault(require("../sdoc-link/render/render-elem"));
 const WikiLinkPlugin = {
-  type: WIKI_LINK,
-  editorPlugin: withSdocLink,
-  renderElements: [renderWikiLink]
+  type: _elementType.WIKI_LINK,
+  editorPlugin: _plugin.default,
+  renderElements: [_renderElem.default]
 };
-export default WikiLinkPlugin;
+var _default = exports.default = WikiLinkPlugin;