@seafile/sdoc-editor 1.0.54 → 1.0.55

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

@@ -1,41 +1,49 @@
-import React, { useState, useRef, useCallback } from 'react';
-import classnames from 'classnames';
-import { useReadOnly, useSlateStatic } from '@seafile/slate-react';
-import { TableRootContext, TableRootScrollLeftContext, useContextMenu } from './hooks';
-import { TableContextMenu } from '../menu';
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _slateReact = require("@seafile/slate-react");
+var _hooks = require("./hooks");
+var _menu = require("../menu");
 const TableRoot = _ref => {
   let {
     attributes,
     columns = [],
     children
   } = _ref;
-  const editor = useSlateStatic();
-  const readonly = useReadOnly();
-  const tableScrollWrapper = useRef(null);
-  const [scrollLeft, setScrollLeft] = useState(0);
+  const editor = (0, _slateReact.useSlateStatic)();
+  const readonly = (0, _slateReact.useReadOnly)();
+  const tableScrollWrapper = (0, _react.useRef)(null);
+  const [scrollLeft, setScrollLeft] = (0, _react.useState)(0);
   const allWidth = columns.reduce((pre, cur) => pre + cur.width, 0);
-  const onScroll = useCallback(event => {
+  const onScroll = (0, _react.useCallback)(event => {
     setScrollLeft(event.target.scrollLeft);
   }, []);
   const {
     isShowContextMenu,
     menuPosition,
     onContextMenu
-  } = useContextMenu(tableScrollWrapper);
-  return /*#__PURE__*/React.createElement(TableRootContext.Provider, {
+  } = (0, _hooks.useContextMenu)(tableScrollWrapper);
+  return /*#__PURE__*/_react.default.createElement(_hooks.TableRootContext.Provider, {
     value: tableScrollWrapper.current
-  }, /*#__PURE__*/React.createElement(TableRootScrollLeftContext.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_hooks.TableRootScrollLeftContext.Provider, {
     value: scrollLeft
-  }, /*#__PURE__*/React.createElement("div", Object.assign({}, attributes, {
-    className: classnames('sdoc-table-wrapper position-relative', attributes.className, {
+  }, /*#__PURE__*/_react.default.createElement("div", Object.assign({}, attributes, {
+    className: (0, _classnames.default)('sdoc-table-wrapper position-relative', attributes.className, {
       'scroll': allWidth > editor.width
     }),
     style: {
       ...attributes.style,
       maxWidth: editor.width ? editor.width : '100%'
     }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classnames('sdoc-table-scroll-wrapper', {
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sdoc-table-scroll-wrapper', {
       'scroll-at-center': scrollLeft + editor.width !== allWidth && scrollLeft > 0,
       'scroll-at-right': scrollLeft + editor.width === allWidth,
       'scroll-at-left': scrollLeft === 0
@@ -43,10 +51,10 @@ const TableRoot = _ref => {
     ref: tableScrollWrapper,
     onScroll: onScroll,
     onContextMenu: onContextMenu
-  }, children)), isShowContextMenu && /*#__PURE__*/React.createElement(TableContextMenu, {
+  }, children)), isShowContextMenu && /*#__PURE__*/_react.default.createElement(_menu.TableContextMenu, {
     editor: editor,
     contextMenuPosition: menuPosition,
     readonly: readonly
   })));
 };
-export default TableRoot;
+var _default = exports.default = TableRoot;

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

@@ -1,4 +1,27 @@
-import renderTable from './render';
-import renderTableRow from './render/render-row';
-import renderTableCell from './render/render-cell';
-export { renderTable, renderTableRow, renderTableCell };
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "renderTable", {
+  enumerable: true,
+  get: function () {
+    return _render.default;
+  }
+});
+Object.defineProperty(exports, "renderTableCell", {
+  enumerable: true,
+  get: function () {
+    return _renderCell.default;
+  }
+});
+Object.defineProperty(exports, "renderTableRow", {
+  enumerable: true,
+  get: function () {
+    return _renderRow.default;
+  }
+});
+var _render = _interopRequireDefault(require("./render"));
+var _renderRow = _interopRequireDefault(require("./render/render-row"));
+var _renderCell = _interopRequireDefault(require("./render/render-cell"));

package/dist/basic-sdk/extension/plugins/text-align/helpers.js

@@ -1,11 +1,17 @@
-import { Editor, Transforms, Element } from '@seafile/slate';
-import { CODE_BLOCK, TABLE } from '../../constants';
-export const isMenuDisabled = (editor, readonly) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setAlignType = exports.isMenuDisabled = exports.getAlignType = void 0;
+var _slate = require("@seafile/slate");
+var _constants = require("../../constants");
+const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   if (!editor.selection) return true;
-  const [match] = Editor.nodes(editor, {
+  const [match] = _slate.Editor.nodes(editor, {
     match: node => {
-      return !Editor.isEditor(node) && Element.isElement(node) && Editor.isBlock(editor, node);
+      return !_slate.Editor.isEditor(node) && _slate.Element.isElement(node) && _slate.Editor.isBlock(editor, node);
     },
     universal: true,
     mode: 'highest'
@@ -13,12 +19,13 @@ export const isMenuDisabled = (editor, readonly) => {
   if (!match) return false;
   const elementType = match[0].type;
   // at present, TABLE got its own 'text align'
-  if (elementType === CODE_BLOCK || elementType === TABLE) {
+  if (elementType === _constants.CODE_BLOCK || elementType === _constants.TABLE) {
     return true;
   }
   return false;
 };
-export const getAlignType = editor => {
+exports.isMenuDisabled = isMenuDisabled;
+const getAlignType = editor => {
   const defaultType = 'left';
   const {
     selection
@@ -26,15 +33,17 @@ export const getAlignType = editor => {
   if (!selection) {
     return defaultType;
   }
-  const [match] = Editor.nodes(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: n => !Editor.isEditor(n) && Element.isElement(n) && n['align']
+  const [match] = _slate.Editor.nodes(editor, {
+    at: _slate.Editor.unhangRange(editor, selection),
+    match: n => !_slate.Editor.isEditor(n) && _slate.Element.isElement(n) && n['align']
   });
   if (!match) return defaultType;
   return match[0].align;
 };
-export const setAlignType = (editor, type) => {
-  Transforms.setNodes(editor, {
+exports.getAlignType = getAlignType;
+const setAlignType = (editor, type) => {
+  _slate.Transforms.setNodes(editor, {
     'align': type
   });
-};
+};
+exports.setAlignType = setAlignType;

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

@@ -1,2 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 const TextAlignPlugin = {};
-export default TextAlignPlugin;
+var _default = exports.default = TextAlignPlugin;

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

@@ -1,11 +1,19 @@
-import React, { useRef, useState, useCallback } from 'react';
-import { UncontrolledPopover } from 'reactstrap';
-import { useTranslation, withTranslation } from 'react-i18next';
-import classnames from 'classnames';
-import { getAlignType, isMenuDisabled, setAlignType } from '../helpers';
-import { TEXT_ALIGN, MENUS_CONFIG_MAP } from '../../../constants';
-import Tooltip from '../../../../../components/tooltip';
-import './index.css';
+"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 _reactstrap = require("reactstrap");
+var _reactI18next = require("react-i18next");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _helpers = require("../helpers");
+var _constants = require("../../../constants");
+var _tooltip = _interopRequireDefault(require("../../../../../components/tooltip"));
+require("./index.css");
 const TextAlignMenu = _ref => {
   let {
     isRichEditor,
@@ -13,29 +21,29 @@ const TextAlignMenu = _ref => {
     editor,
     readonly
   } = _ref;
-  const [isShowMenu, setMenuShow] = useState(false);
-  const popoverRef = useRef(null);
-  const disabled = isMenuDisabled(editor, readonly);
+  const [isShowMenu, setMenuShow] = (0, _react.useState)(false);
+  const popoverRef = (0, _react.useRef)(null);
+  const disabled = (0, _helpers.isMenuDisabled)(editor, readonly);
   const buttonId = 'sdoc-button-text-align';
   const {
     t
-  } = useTranslation();
-  const toggle = useCallback(event => {
+  } = (0, _reactI18next.useTranslation)();
+  const toggle = (0, _react.useCallback)(event => {
     popoverRef.current.toggle();
     setMenuShow(!isShowMenu);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowMenu]);
-  const getCurrentType = useCallback(() => {
-    return getAlignType(editor);
+  const getCurrentType = (0, _react.useCallback)(() => {
+    return (0, _helpers.getAlignType)(editor);
   }, [editor]);
-  const setType = useCallback(type => {
-    setAlignType(editor, type);
+  const setType = (0, _react.useCallback)(type => {
+    (0, _helpers.setAlignType)(editor, type);
     toggle();
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, isShowMenu]);
-  const validClassName = classnames(className, 'sdoc-menu-with-dropdown', {
+  const validClassName = (0, _classnames.default)(className, 'sdoc-menu-with-dropdown', {
     'menu-show': isShowMenu,
     'disabled': disabled,
     'rich-icon-btn d-flex': isRichEditor,
@@ -44,25 +52,25 @@ const TextAlignMenu = _ref => {
     'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
   });
   let curType = getCurrentType();
-  const curIcon = MENUS_CONFIG_MAP[TEXT_ALIGN].filter(item => item.type === curType)[0].iconClass;
-  const caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down');
+  const curIcon = _constants.MENUS_CONFIG_MAP[_constants.TEXT_ALIGN].filter(item => item.type === curType)[0].iconClass;
+  const caretIconClass = `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${isShowMenu ? 'caret-up' : 'drop-down'}`;
   curType = 'align_' + curType;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: validClassName,
     id: buttonId,
     disabled: disabled
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-menu-with-dropdown-icon"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: curIcon
-  })), !disabled && /*#__PURE__*/React.createElement("div", {
+  })), !disabled && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-menu-with-dropdown-triangle"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: caretIconClass
-  }))), /*#__PURE__*/React.createElement(Tooltip, {
+  }))), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: buttonId
-  }, t('Alignment_type')), !disabled && /*#__PURE__*/React.createElement(UncontrolledPopover, {
+  }, t('Alignment_type')), !disabled && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
     target: buttonId,
     className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-text-align-dropdown",
     trigger: "legacy",
@@ -71,17 +79,17 @@ const TextAlignMenu = _ref => {
     toggle: toggle,
     fade: false,
     ref: popoverRef
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "pt-2 pb-2"
-  }, MENUS_CONFIG_MAP[TEXT_ALIGN].map((item, index) => {
+  }, _constants.MENUS_CONFIG_MAP[_constants.TEXT_ALIGN].map((item, index) => {
     const isSelected = curType === item.id;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: index,
       className: "sdoc-dropdown-menu-item",
       onClick: () => setType(item.type)
-    }, isSelected && /*#__PURE__*/React.createElement("i", {
+    }, isSelected && /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-check-mark"
-    }), /*#__PURE__*/React.createElement("i", {
+    }), /*#__PURE__*/_react.default.createElement("i", {
       className: item.iconClass
     }));
   }))));
@@ -90,4 +98,4 @@ TextAlignMenu.defaultProps = {
   isRichEditor: true,
   className: 'menu-group-item'
 };
-export default withTranslation('sdoc-editor')(TextAlignMenu);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TextAlignMenu);

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

@@ -1,4 +1,11 @@
-import React from 'react';
+"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"));
 const cursorStyleBase = {
   position: 'absolute',
   top: -2,
@@ -35,19 +42,19 @@ const Caret = _ref => {
     left: '0%'
   };
   caretStyles['top'] = 1;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "caret-item",
     contentEditable: false,
     style: caretStyles
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     name: name,
     className: "caret-name",
     contentEditable: false,
     style: cursorStyles
   }))));
 };
-export default Caret;
+var _default = exports.default = Caret;

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

@@ -1,15 +1,21 @@
-import { Editor } from '@seafile/slate';
-import { getNodeType } from '../../core';
-import { CODE_BLOCK } from '../../constants/element-type';
-import { TEXT_STYLE_MAP } from '../../constants/menus-config';
-export const isMenuDisabled = (editor, readonly) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.removeMark = exports.isMenuDisabled = exports.getValue = exports.addMark = void 0;
+var _slate = require("@seafile/slate");
+var _core = require("../../core");
+var _elementType = require("../../constants/element-type");
+var _menusConfig = require("../../constants/menus-config");
+const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   if (editor.selection == null) return true;
-  const [match] = Editor.nodes(editor, {
+  const [match] = _slate.Editor.nodes(editor, {
     match: n => {
-      const type = getNodeType(n);
-      if (type === CODE_BLOCK) return true; // Code block
-      if (Editor.isVoid(editor, n)) return true; // void node
+      const type = (0, _core.getNodeType)(n);
+      if (type === _elementType.CODE_BLOCK) return true; // Code block
+      if (_slate.Editor.isVoid(editor, n)) return true; // void node
 
       return false;
     },
@@ -20,29 +26,33 @@ export const isMenuDisabled = (editor, readonly) => {
   if (match) return true;
   return false;
 };
-export const addMark = (editor, type) => {
-  if (type === TEXT_STYLE_MAP.SUPERSCRIPT) {
-    removeMark(editor, TEXT_STYLE_MAP.SUBSCRIPT);
-  } else if (type === TEXT_STYLE_MAP.SUBSCRIPT) {
-    removeMark(editor, TEXT_STYLE_MAP.SUPERSCRIPT);
+exports.isMenuDisabled = isMenuDisabled;
+const addMark = (editor, type) => {
+  if (type === _menusConfig.TEXT_STYLE_MAP.SUPERSCRIPT) {
+    removeMark(editor, _menusConfig.TEXT_STYLE_MAP.SUBSCRIPT);
+  } else if (type === _menusConfig.TEXT_STYLE_MAP.SUBSCRIPT) {
+    removeMark(editor, _menusConfig.TEXT_STYLE_MAP.SUPERSCRIPT);
   }
-  Editor.addMark(editor, type, true);
+  _slate.Editor.addMark(editor, type, true);
 };
-export const removeMark = (editor, type) => {
-  Editor.removeMark(editor, type);
+exports.addMark = addMark;
+const removeMark = (editor, type) => {
+  _slate.Editor.removeMark(editor, type);
 };
 
 // Whether mark is included
-export const getValue = (editor, mark) => {
-  const curMarks = Editor.marks(editor);
+exports.removeMark = removeMark;
+const getValue = (editor, mark) => {
+  const curMarks = _slate.Editor.marks(editor);
 
   // If curMarks exists, you need to set this parameter manually. curMarks prevails
   if (curMarks) {
     return curMarks[mark];
   } else {
-    const [match] = Editor.nodes(editor, {
+    const [match] = _slate.Editor.nodes(editor, {
       match: n => n[mark] === true
     });
     return !!match;
   }
-};
+};
+exports.getValue = getValue;

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

@@ -1,8 +1,15 @@
-import withTextStyle from './plugin';
-import renderText from './render-elem';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _plugin = _interopRequireDefault(require("./plugin"));
+var _renderElem = _interopRequireDefault(require("./render-elem"));
 const TextPlugin = {
   type: 'text',
-  editorPlugin: withTextStyle,
-  renderElements: [renderText]
+  editorPlugin: _plugin.default,
+  renderElements: [_renderElem.default]
 };
-export default TextPlugin;
+var _default = exports.default = TextPlugin;

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

@@ -1,15 +1,22 @@
-import React, { useCallback } from 'react';
-import { withTranslation } from 'react-i18next';
-import { TEXT_STYLE, MENUS_CONFIG_MAP } from '../../../constants';
-import { focusEditor } from '../../../core';
-import { MenuItem } from '../../../commons';
-import { getValue, isMenuDisabled, addMark, removeMark } from '../helpers';
-import { BOLD, ITALIC } from '../../../constants/menus-config';
+"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 _constants = require("../../../constants");
+var _core = require("../../../core");
+var _commons = require("../../../commons");
+var _helpers = require("../helpers");
+var _menusConfig = require("../../../constants/menus-config");
 const filterFontTypes = _ref => {
   let {
     id
   } = _ref;
-  return [BOLD, ITALIC].includes(id);
+  return [_menusConfig.BOLD, _menusConfig.ITALIC].includes(id);
 };
 const CommentEditorTextStyleMenuList = _ref2 => {
   let {
@@ -19,32 +26,32 @@ const CommentEditorTextStyleMenuList = _ref2 => {
     idPrefix,
     readonly
   } = _ref2;
-  const isActive = useCallback(type => {
-    const isMark = getValue(editor, type);
+  const isActive = (0, _react.useCallback)(type => {
+    const isMark = (0, _helpers.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, _helpers.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, _helpers.removeMark)(editor, type);
     } else {
-      addMark(editor, type);
+      (0, _helpers.addMark)(editor, type);
     }
-    focusEditor(editor);
+    (0, _core.focusEditor)(editor);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor]);
-  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,
@@ -55,15 +62,15 @@ const CommentEditorTextStyleMenuList = _ref2 => {
       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, readonly]);
-  const list = getTextStyleList(TEXT_STYLE).filter(filterFontTypes);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, list.map((itemProps, index) => /*#__PURE__*/React.createElement(MenuItem, Object.assign({
+  const list = getTextStyleList(_constants.TEXT_STYLE).filter(filterFontTypes);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, list.map((itemProps, index) => /*#__PURE__*/_react.default.createElement(_commons.MenuItem, Object.assign({
     key: index
   }, itemProps))));
 };
-export default withTranslation('sdoc-editor')(CommentEditorTextStyleMenuList);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(CommentEditorTextStyleMenuList);