@seafile/seafile-editor 3.0.41 → 3.0.43

package/dist/extension/constants/menus-config.js

@@ -67,12 +67,12 @@ const MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = {
   [_elementTypes.IMAGE]: {
     id: "seafile_".concat(_elementTypes.IMAGE),
     iconClass: 'mdfont md-image',
-    text: 'Insert_image'
+    text: 'Image'
   },
   [_elementTypes.TABLE]: {
     id: "seafile_".concat(_elementTypes.TABLE),
     iconClass: 'mdfont md-table',
-    text: 'Insert_table'
+    text: 'Table'
   },
   [ITALIC]: {
     id: "seafile_".concat(ITALIC),
@@ -116,7 +116,7 @@ const MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = {
   [_elementTypes.FORMULA]: {
     id: "seafile_".concat(_elementTypes.FORMULA),
     iconClass: 'mdfont md-formula',
-    text: 'Insert_formula'
+    text: 'Formula'
   },
   [CLEAR_FORMAT]: {
     id: "seafile_".concat(CLEAR_FORMAT),
@@ -126,7 +126,7 @@ const MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = {
   [_elementTypes.COLUMN]: {
     id: "seafile_".concat(_elementTypes.COLUMN),
     iconClass: 'mdfont md-choose-column',
-    text: 'Insert_column'
+    text: 'Column'
   },
   [MORE_OPERATION]: {
     id: "seafile_".concat(MORE_OPERATION),

package/dist/extension/plugins/divider/helper.js

@@ -17,7 +17,51 @@ const transformToDivider = editor => {
 exports.transformToDivider = transformToDivider;
 const insertDivider = editor => {
   if (!editor.selection) return;
+  const blockEntry = _slate.Editor.above(editor, {
+    at: editor.selection,
+    match: n => _slate.Element.isElement(n) && _slate.Editor.isBlock(editor, n),
+    mode: 'highest'
+  });
   const dividerNode = (0, _core.generateElement)(_elementTypes.DIVIDER);
+  const paragraphNode = (0, _core.generateDefaultParagraph)();
+  const focusInsertedParagraph = () => {
+    const [paragraphEntry] = _slate.Editor.nodes(editor, {
+      at: [],
+      match: node => node.id === paragraphNode.id,
+      mode: 'highest'
+    });
+    if (paragraphEntry) {
+      (0, _core.focusEditor)(editor, _slate.Editor.start(editor, paragraphEntry[1]));
+      return;
+    }
+    (0, _core.focusEditor)(editor);
+  };
+  if (!blockEntry) {
+    _slate.Editor.withoutNormalizing(editor, () => {
+      _slate.Transforms.insertNodes(editor, [dividerNode, paragraphNode]);
+      focusInsertedParagraph();
+    });
+    return;
+  }
+  const [blockNode, blockPath] = blockEntry;
+  const isEmptyParagraph = blockNode.type === _elementTypes.PARAGRAPH && _slate.Node.string(blockNode) === '';
+  const insertPath = isEmptyParagraph ? blockPath : (0, _core.isSelectionAtBlockEnd)(editor, {
+    at: editor.selection
+  }) ? _slate.Path.next(blockPath) : null;
+  if (insertPath) {
+    _slate.Editor.withoutNormalizing(editor, () => {
+      if (isEmptyParagraph) {
+        _slate.Transforms.removeNodes(editor, {
+          at: blockPath
+        });
+      }
+      _slate.Transforms.insertNodes(editor, [dividerNode, paragraphNode], {
+        at: insertPath
+      });
+      focusInsertedParagraph();
+    });
+    return;
+  }
   _slate.Transforms.insertNodes(editor, dividerNode);
   (0, _core.focusEditor)(editor);
 };

package/dist/extension/plugins/divider/menu/index.js

@@ -28,7 +28,7 @@ const DividerMenu = _ref => {
     disabled: readonly,
     menuConfig: menuConfig,
     className: "pr-2",
-    onClick: onMousedown
+    onMousedown: onMousedown
   });
 };
 var _default = exports.default = DividerMenu;

package/dist/extension/plugins/header/menu/index.js

@@ -46,7 +46,7 @@ const HeaderMenu = _ref => {
     if (clickIsInMenu) return;
 
     // in header toggle
-    if (headerToggleRef && headerPopoverRef.contains(e.target)) return;
+    if (headerToggleRef && headerToggleRef.current.contains(e.target)) return;
     setIsShowHeaderPopover(false);
     unregisterEventHandler();
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/extension/plugins/table/context-menu/horizontal-align-popover/index.js

@@ -13,17 +13,21 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _core = require("../../../../core");
 var _constants = require("../../../../../constants");
 var _tableOperations = require("../../table-operations");
+var _helper = require("../../helper");
 require("./style.css");
 const HorizontalAlignPopover = _ref => {
   let {
     target,
     editor,
     readonly,
-    horizontalAlign
+    horizontalAlign,
+    handleCloseContextMenu
   } = _ref;
   const {
     t
   } = (0, _reactI18next.useTranslation)(_constants.TRANSLATE_NAMESPACE);
+  const popoverRef = (0, _react.useRef)(null);
+  const [popoverClassName, setPopoverClassName] = (0, _react.useState)('sf-table-alignment-popover');
   const setTextAlignStyle = (0, _react.useCallback)(textAlign => {
     if (readonly) return;
     (0, _tableOperations.changeColumnAlign)(editor, textAlign);
@@ -34,7 +38,40 @@ const HorizontalAlignPopover = _ref => {
     setTimeout(() => {
       (0, _core.focusEditor)(editor, focusPoint);
     }, 0);
-  }, [editor, readonly]);
+    handleCloseContextMenu();
+  }, [editor, handleCloseContextMenu, readonly]);
+  (0, _react.useEffect)(() => {
+    var _target$current;
+    const updatePlacement = () => {
+      var _popoverRef$current;
+      const popoverNode = (_popoverRef$current = popoverRef.current) === null || _popoverRef$current === void 0 ? void 0 : _popoverRef$current._element;
+      const targetNode = target === null || target === void 0 ? void 0 : target.current;
+      if (!popoverNode || !targetNode) return;
+      const boundaryRect = (0, _helper.getTableMenuBoundaryRect)(targetNode);
+      const targetRect = targetNode.getBoundingClientRect();
+      const popoverWidth = popoverNode.offsetWidth || 0;
+      const gap = 8;
+      const boundaryGap = 10;
+      const canShowRight = targetRect.right + gap + popoverWidth <= boundaryRect.right - boundaryGap;
+      const canShowLeft = targetRect.left - gap - popoverWidth >= boundaryRect.left + boundaryGap;
+      if (!canShowRight && canShowLeft) {
+        setPopoverClassName('sf-table-alignment-popover sf-table-alignment-popover-left');
+        return;
+      }
+      setPopoverClassName('sf-table-alignment-popover');
+    };
+    const handleMouseEnter = () => {
+      setTimeout(updatePlacement, 0);
+    };
+    updatePlacement();
+    target === null || target === void 0 ? void 0 : (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.addEventListener('mouseenter', handleMouseEnter);
+    window.addEventListener('resize', updatePlacement);
+    return () => {
+      var _target$current2;
+      target === null || target === void 0 ? void 0 : (_target$current2 = target.current) === null || _target$current2 === void 0 ? void 0 : _target$current2.removeEventListener('mouseenter', handleMouseEnter);
+      window.removeEventListener('resize', updatePlacement);
+    };
+  }, [target]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
     target: target.current,
     trigger: "hover",
@@ -42,7 +79,8 @@ const HorizontalAlignPopover = _ref => {
     hideArrow: true,
     fade: false,
     offset: [0, 8],
-    popperClassName: "sf-table-alignment-popover sf-popover-box-shadow"
+    popperClassName: "".concat(popoverClassName, " sf-popover-box-shadow"),
+    innerRef: popoverRef
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-dropdown-menu sf-table-alignment-menu"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/extension/plugins/table/context-menu/horizontal-align-popover/style.css

@@ -5,7 +5,14 @@
 
 .sf-table-alignment-popover {
   z-index: 2000;
+}
+
+.sf-table-alignment-popover .popover {
+  left: 0 !important;
+}
 
+.sf-table-alignment-popover-left .popover {
+  transform: translateX(calc(-100% - 16px));
 }
 
 .sf-table-alignment-menu {

package/dist/extension/plugins/table/context-menu/index.js

@@ -118,7 +118,8 @@ const ContextMenu = _ref => {
   })), horizontalAlignRef.current && /*#__PURE__*/_react.default.createElement(_horizontalAlignPopover.default, {
     target: horizontalAlignRef,
     editor: editor,
-    horizontalAlign: horizontalAlign
+    horizontalAlign: horizontalAlign,
+    handleCloseContextMenu: handleCloseContextMenu
   })));
 };
 var _default = exports.default = ContextMenu;

package/dist/extension/plugins/table/helper.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectCellByGrid = exports.pasteContentIntoTable = exports.jumpOutTableInEditor = exports.isSelectingMultipleTables = exports.isInTable = exports.isDisabled = exports.insertTable = exports.getTableFocusingInfos = exports.getTableEntry = exports.getSelectedTableCells = exports.getSelectGrid = exports.getContextMenuPosition = void 0;
+exports.selectCellByGrid = exports.pasteContentIntoTable = exports.jumpOutTableInEditor = exports.isSelectingMultipleTables = exports.isInTable = exports.isDisabled = exports.insertTable = exports.getTableMenuBoundaryRect = exports.getTableFocusingInfos = exports.getTableEntry = exports.getSelectedTableCells = exports.getSelectGrid = exports.getContextMenuPosition = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("slate");
 var _slateReact = require("slate-react");
@@ -17,6 +17,8 @@ var _deserializeHtml = require("../../../utils/deserialize-html");
 var _common = require("../../../utils/common");
 var _helper = require("../link/helper");
 var _helper2 = require("../image/helper");
+const TABLE_MENU_BOUNDARY_SELECTOR = '.longtext-dialog-container, .sf-long-text-inline-editor-container';
+const TABLE_MENU_BOUNDARY_GAP = 10;
 const isDisabled = (editor, readonly) => {
   const {
     selection
@@ -275,57 +277,38 @@ const isSelectingMultipleTables = editor => {
   return isSelectedMultiple;
 };
 exports.isSelectingMultipleTables = isSelectingMultipleTables;
+const getTableMenuBoundaryRect = targetNode => {
+  const boundaryContainer = targetNode === null || targetNode === void 0 ? void 0 : targetNode.closest(TABLE_MENU_BOUNDARY_SELECTOR);
+  if (boundaryContainer) {
+    return boundaryContainer.getBoundingClientRect();
+  }
+  return {
+    top: 0,
+    left: 0,
+    right: window.innerWidth,
+    bottom: window.innerHeight
+  };
+};
+exports.getTableMenuBoundaryRect = getTableMenuBoundaryRect;
 const getContextMenuPosition = (event, tableRef) => {
   const menuHeight = 240;
   const menuWidth = 350;
-  const {
-    clientHeight,
-    clientWidth
-  } = document.body; // page
-  const {
-    x,
-    y
-  } = tableRef.current.getBoundingClientRect(); // table
+  const boundaryRect = getTableMenuBoundaryRect(tableRef.current);
+  const tableRect = tableRef.current.getBoundingClientRect();
   const {
     clientY,
     clientX
   } = event; // cursor
 
-  const isBeyondBottom = clientY + menuHeight > clientHeight;
-  const isBeyondRight = clientX + menuWidth > clientWidth;
-  const defaultTop = clientY - y;
-  const defaultLeft = clientX - x;
-  let top = 0;
-  let left = 0;
-  if (isBeyondBottom) {
-    const hiddenHeight = menuHeight - (clientHeight - clientY);
-    top = defaultTop - hiddenHeight;
-  }
-  if (isBeyondRight) {
-    const hiddenWidth = menuWidth - (clientWidth - clientX);
-    left = defaultLeft - hiddenWidth;
-  }
-  if (!isBeyondBottom && !isBeyondRight) {
-    return {
-      top: defaultTop,
-      left: defaultLeft
-    };
-  }
-  if (isBeyondBottom && isBeyondRight) {
-    return {
-      top,
-      left
-    };
-  }
-  if (isBeyondBottom) {
-    return {
-      top,
-      left: defaultLeft
-    };
-  }
+  const minTop = Math.max(boundaryRect.top - tableRect.top, 0);
+  const minLeft = Math.max(boundaryRect.left - tableRect.left, 0);
+  const maxTop = Math.max(boundaryRect.bottom - tableRect.top - menuHeight, minTop);
+  const maxLeft = Math.max(boundaryRect.right - tableRect.left - menuWidth - TABLE_MENU_BOUNDARY_GAP, minLeft);
+  const defaultTop = clientY - tableRect.top;
+  const defaultLeft = clientX - tableRect.left;
   return {
-    top: defaultTop,
-    left
+    top: Math.min(Math.max(defaultTop, minTop), maxTop),
+    left: Math.min(Math.max(defaultLeft, minLeft), maxLeft)
   };
 };
 exports.getContextMenuPosition = getContextMenuPosition;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "3.0.41",
+  "version": "3.0.43",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/public/locales/cs/seafile-editor.json

@@ -13,14 +13,13 @@
   "Ordered_list": "Seřazený seznam",
   "Unordered_list": "Neseřazený seznam",
   "Check_list_item": "Pole zaškrtnutí",
-  "Insert_image": "Vložit obrázek",
-  "Insert_formula": "Vložit vzorec",
+  "Image": "Obrázek",
   "Formula": "Vzorec",
   "Insert_file": "Vložit soubor",
   "Code": "Řádkový kód",
   "Code_block": "Blok kódu",
   "Insert_link": "Vložit odkaz",
-  "Insert_table": "Vložit tabulku",
+  "Table": "Tabulka",
   "Save": "Uložit",
   "More": "Více",
   "Invalid_url": "Chybná URL",
@@ -241,5 +240,6 @@
   "Copy_link": "Kopírovat odkaz",
   "Zoom_in": "Přiblížit",
   "Zoom_out": "Oddálit",
+  "Divider": "Divider",
   "Close": "Zavřít"
 }

package/public/locales/de/seafile-editor.json

@@ -13,14 +13,13 @@
   "Ordered_list": "Nummerierte Liste",
   "Unordered_list": "Ungeordnete Liste",
   "Check_list_item": "Checkbox Liste",
-  "Insert_image": "Bild einfügen",
-  "Insert_formula": "Formel einfügen",
+  "Image": "Bild",
   "Formula": "Formel",
   "Insert_file": "Datei einnfügen",
   "Code": "Inline-Code",
   "Code_block": "Codeblock",
   "Insert_link": "Link einfügen",
-  "Insert_table": "Tabelle einfügen",
+  "Table": "Tabelle",
   "Save": "Speichern",
   "More": "Mehr",
   "Invalid_url": "Ungültige Adresse",
@@ -241,5 +240,6 @@
   "Copy_link": "Link kopieren",
   "Zoom_in": "Hineinzoomen",
   "Zoom_out": "Herauszoomen",
+  "Divider": "Divider",
   "Close": "Schließen"
 }

package/public/locales/en/seafile-editor.json

@@ -13,14 +13,13 @@
   "Ordered_list": "Ordered list",
   "Unordered_list": "Unordered list",
   "Check_list_item": "Check list item",
-  "Insert_image": "Insert image",
-  "Insert_formula": "Insert formula",
+  "Image": "Image",
   "Formula": "Formula",
   "Insert_file": "Insert file",
   "Code": "Inline code",
   "Code_block": "Code block",
   "Insert_link": "Insert link",
-  "Insert_table": "Insert table",
+  "Table": "Table",
   "Save": "Save",
   "More": "More",
   "Invalid_url": "Invalid URL",

package/public/locales/es/seafile-editor.json

@@ -13,14 +13,13 @@
   "Ordered_list": "Lista ordenada",
   "Unordered_list": "Lista desordenada",
   "Check_list_item": "Elemento de lista de verificación",
-  "Insert_image": "Insertar imagen",
-  "Insert_formula": "Insertar fórmula",
+  "Image": "Imagen",
   "Formula": "Fórmula",
   "Insert_file": "Insertar archivo",
   "Code": "Inline code",
   "Code_block": "Bloque de código",
   "Insert_link": "Insertar enlace",
-  "Insert_table": "Insertar tabla",
+  "Table": "Tabla",
   "Save": "Guardar",
   "More": "Más",
   "Invalid_url": "URL Inválida",
@@ -241,5 +240,6 @@
   "Copy_link": "Copiar enlace",
   "Zoom_in": "Acercar",
   "Zoom_out": "Alejar",
+  "Divider": "Divider",
   "Close": "Cerrar"
 }

package/public/locales/fr/seafile-editor.json

@@ -13,14 +13,13 @@
   "Ordered_list": "Liste ordonnée",
   "Unordered_list": "Liste non ordonnée",
   "Check_list_item": "Élément de la liste de vérification",
-  "Insert_image": "Insérer une image",
-  "Insert_formula": "Insérer formule",
+  "Image": "Image",
   "Formula": "Formule",
   "Insert_file": "Insérer un fichier",
   "Code": "Ligne de code",
   "Code_block": "Bloc de code",
   "Insert_link": "Insérer un lien",
-  "Insert_table": "Insérer un tableau",
+  "Table": "Tableau",
   "Save": "Sauvegarder",
   "More": "Plus",
   "Invalid_url": "L'adresse n'est pas valide.",
@@ -241,5 +240,6 @@
   "Copy_link": "Copier le lien",
   "Zoom_in": "Agrandir",
   "Zoom_out": "Dézoomer",
+  "Divider": "Divider",
   "Close": "Fermer"
 }

package/public/locales/it/seafile-editor.json

@@ -13,14 +13,13 @@
   "Ordered_list": "Elenco Ordiniato",
   "Unordered_list": "Elenco non ordinato",
   "Check_list_item": "Elemento di elenco verificato",
-  "Insert_image": "Inserisci immagine",
-  "Insert_formula": "Inserisci formula",
+  "Image": "Immagine",
   "Formula": "Formula",
   "Insert_file": "Inserisci file",
   "Code": "Codice in linea",
   "Code_block": "Blocco di codice",
   "Insert_link": "Inserisci collegamento",
-  "Insert_table": "Inserisci tabella",
+  "Table": "Tabella",
   "Save": "Salvare",
   "More": "Altro",
   "Invalid_url": "URL non valida",
@@ -241,5 +240,6 @@
   "Copy_link": "Copia link",
   "Zoom_in": "Ingrandire",
   "Zoom_out": "Rimpicciolire",
+  "Divider": "Divider",
   "Close": "Chiudi"
 }

package/public/locales/ru/seafile-editor.json

@@ -13,14 +13,13 @@
   "Ordered_list": "Нумерованный список",
   "Unordered_list": "Маркированный список",
   "Check_list_item": "Элемент контрольного списка",
-  "Insert_image": "Вставить изображение",
-  "Insert_formula": "Вставить формулу",
+  "Image": "Изображение",
   "Formula": "Формула",
   "Insert_file": "Вставить файл",
   "Code": "Встроенный код",
   "Code_block": "Блок кода",
   "Insert_link": "Вставить ссылку",
-  "Insert_table": "Вставить таблицу",
+  "Table": "Таблица",
   "Save": "Сохранить",
   "More": "Подробнее",
   "Invalid_url": "Недопустимый URL",
@@ -241,5 +240,6 @@
   "Copy_link": "Копировать ссылку",
   "Zoom_in": "Увеличить",
   "Zoom_out": "Уменьшить",
+  "Divider": "Разделитель",
   "Close": "Закрыть"
 }

package/public/locales/zh-CN/seafile-editor.json

@@ -13,14 +13,13 @@
   "Ordered_list": "有序列表",
   "Unordered_list": "无序列表",
   "Check_list_item": "任务列表",
-  "Insert_image": "插入图片",
-  "Insert_formula": "插入公式",
+  "Image": "图片",
   "Formula": "公式",
   "Insert_file": "插入文件",
   "Code": "行内代码",
   "Code_block": "代码块",
   "Insert_link": "添加链接",
-  "Insert_table": "添加表格",
+  "Table": "表格",
   "Save": "保存",
   "More": "更多",
   "Invalid_url": "无效链接",

package/public/locales/zh_CN/seafile-editor.json

@@ -13,14 +13,13 @@
   "Ordered_list": "有序列表",
   "Unordered_list": "无序列表",
   "Check_list_item": "任务列表",
-  "Insert_image": "插入图片",
-  "Insert_formula": "插入公式",
+  "Image": "图片",
   "Formula": "公式",
   "Insert_file": "插入文件",
   "Code": "行内代码",
   "Code_block": "代码块",
   "Insert_link": "添加链接",
-  "Insert_table": "添加表格",
+  "Table": "表格",
   "Save": "保存",
   "More": "更多",
   "Invalid_url": "无效链接",