@seafile/sea-email-editor 0.0.4 → 0.0.6

package/dist/assets/icons/divider.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1774854103046" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2163" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M960 464v96H64v-96h896z" fill="#000000" p-id="2164"></path></svg>

package/dist/extension/constants/element-default-style.js

@@ -74,5 +74,12 @@ const ELEMENT_DEFAULT_STYLE = exports.ELEMENT_DEFAULT_STYLE = {
   },
   [ElementTypes.PARAGRAPH]: {
     lineHeight: 1.5
+  },
+  [ElementTypes.DIVIDER]: {
+    display: 'flex',
+    alignItems: 'center',
+    height: '13px',
+    width: '100%',
+    cursor: 'pointer'
   }
 };

package/dist/extension/constants/element-types.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UNORDERED_LIST = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.PARAGRAPH = exports.P = exports.ORDERED_LIST = exports.LIST_ITEM = exports.LINK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FORMULA = exports.CODE_LINE = exports.CODE_BLOCK = exports.CODE = exports.CHECK_LIST_ITEM = exports.BR = exports.BLOCKQUOTE = void 0;
+exports.UNORDERED_LIST = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.PARAGRAPH = exports.P = exports.ORDERED_LIST = exports.LIST_ITEM = exports.LINK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FORMULA = exports.DIVIDER = exports.CODE_LINE = exports.CODE_BLOCK = exports.CODE = exports.CHECK_LIST_ITEM = exports.BR = exports.BLOCKQUOTE = void 0;
 const BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
 const HEADER = exports.HEADER = 'header';
 // each header type should be start with HEADER, all of justices should based on HEADER
@@ -26,6 +26,7 @@ const TABLE_CELL = exports.TABLE_CELL = 'table_cell';
 const IMAGE = exports.IMAGE = 'image';
 const LINK = exports.LINK = 'link';
 const FORMULA = exports.FORMULA = 'formula';
+const DIVIDER = exports.DIVIDER = 'divider';
 const P = exports.P = 'p';
 const BR = exports.BR = 'br';
 

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

@@ -138,5 +138,10 @@ const MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = {
     id: `sea_email_${CLEAR_FORMAT}`,
     icon: 'clear-format',
     text: 'Clear format'
+  },
+  [_elementTypes.DIVIDER]: {
+    id: `sea_email_${_elementTypes.DIVIDER}`,
+    icon: 'divider',
+    text: 'Divider'
   }
 };

package/dist/extension/plugins/code-block/menu/index.js

@@ -35,18 +35,21 @@ const CodeBlockMenu = _ref => {
     }),
     id: menuConfig.id,
     onClick: onClick,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
-      icon: menuConfig.icon,
-      className: "no-hover-bg sea-email-option-editor-option-icon",
-      style: {
-        marginLeft: 0,
-        marginRight: 8
-      },
-      size: 16
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "text-truncate",
-      title: (0, _constants2.gettext)(menuConfig.text),
-      children: (0, _constants2.gettext)(menuConfig.text)
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "sea-email-option-editor-option-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
+        icon: menuConfig.icon,
+        className: "no-hover-bg sea-email-option-editor-option-icon",
+        style: {
+          marginLeft: 0,
+          marginRight: 8
+        },
+        size: 16
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "text-truncate",
+        title: (0, _constants2.gettext)(menuConfig.text),
+        children: (0, _constants2.gettext)(menuConfig.text)
+      })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
       icon: '',
       className: "sea-email-option-editor-option-check-btn no-hover-bg",

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformToDivider = exports.isDisabled = exports.insertDivider = void 0;
+var _slate = require("slate");
+var _core = require("../../core");
+var _constants = require("../../constants");
+const isDisabled = (editor, readonly) => {
+  const {
+    selection
+  } = editor;
+  if (readonly || !selection) return true;
+  const disableTypes = [_constants.ElementTypes.TABLE, _constants.ElementTypes.TABLE_ROW, _constants.ElementTypes.TABLE_CELL, _constants.ElementTypes.FORMULA, _constants.ElementTypes.CODE_BLOCK, _constants.ElementTypes.BLOCKQUOTE, _constants.ElementTypes.UNORDERED_LIST, _constants.ElementTypes.ORDERED_LIST, _constants.ElementTypes.LIST_ITEM];
+  const [nodeEntry] = _slate.Editor.nodes(editor, {
+    match: n => disableTypes.includes(n.type),
+    mode: 'highest'
+  });
+  if (nodeEntry) return true;
+  return false;
+};
+exports.isDisabled = isDisabled;
+const transformToDivider = editor => {
+  if (!editor.selection) return;
+  _slate.Transforms.setNodes(editor, {
+    type: _constants.ElementTypes.DIVIDER
+  });
+  (0, _core.focusEditor)(editor);
+};
+exports.transformToDivider = transformToDivider;
+const insertDivider = editor => {
+  if (!editor.selection) return;
+  const dividerNode = (0, _core.generateElement)(_constants.ElementTypes.DIVIDER);
+  _slate.Transforms.insertNodes(editor, dividerNode);
+  (0, _core.focusEditor)(editor);
+};
+exports.insertDivider = insertDivider;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _elementTypes = require("../../constants/element-types");
+var _plugin = _interopRequireDefault(require("./plugin"));
+var _renderElem = _interopRequireDefault(require("./render-elem"));
+const DividerPlugin = {
+  type: _elementTypes.DIVIDER,
+  nodeType: 'element',
+  editorPlugin: _plugin.default,
+  renderElements: [_renderElem.default]
+};
+var _default = exports.default = DividerPlugin;

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

@@ -0,0 +1,61 @@
+"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 _elementTypes = require("../../../constants/element-types");
+var _constants = require("../../../constants");
+var _components = require("../../../../components");
+var _constants2 = require("../../../../constants");
+var _helper = require("../helper");
+var _jsxRuntime = require("react/jsx-runtime");
+const menuConfig = _constants.MENUS_CONFIG_MAP[_elementTypes.DIVIDER];
+const DividerMenu = _ref => {
+  let {
+    readonly,
+    editor,
+    toggle
+  } = _ref;
+  const disabled = (0, _react.useMemo)(() => (0, _helper.isDisabled)(editor, readonly), [readonly, editor]);
+  const onClick = (0, _react.useCallback)(e => {
+    if (disabled) return;
+    e.preventDefault();
+    (0, _helper.insertDivider)(editor);
+    toggle && toggle();
+  }, [disabled, editor, toggle]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)('sea-email-option-editor-option', {
+      'disabled': disabled
+    }),
+    id: menuConfig.id,
+    onClick: onClick,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "sea-email-option-editor-option-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
+        icon: menuConfig.icon,
+        className: "no-hover-bg sea-email-option-editor-option-icon",
+        style: {
+          marginLeft: 0,
+          marginRight: 8
+        },
+        size: 16
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "text-truncate",
+        title: (0, _constants2.gettext)(menuConfig.text),
+        children: (0, _constants2.gettext)(menuConfig.text)
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
+      icon: '',
+      className: "sea-email-option-editor-option-check-btn no-hover-bg",
+      style: {
+        marginLeft: 12
+      }
+    })]
+  });
+};
+var _default = exports.default = DividerMenu;

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

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slate = require("slate");
+var _constants = require("../../constants");
+var _core = require("../../core");
+var _elementTypes = require("../../constants/element-types");
+const HR_PATTERNS = ['---', '***', '___'];
+const withDivider = editor => {
+  const {
+    isVoid,
+    insertText,
+    normalizeNode
+  } = editor;
+  const newEditor = editor;
+  newEditor.isVoid = element => {
+    const {
+      type
+    } = element;
+    if (type === _constants.ElementTypes.DIVIDER) return true;
+    return isVoid(element);
+  };
+  newEditor.insertText = text => {
+    const {
+      selection
+    } = newEditor;
+    if (!selection || !_slate.Range.isCollapsed(selection)) {
+      insertText(text);
+      return;
+    }
+    const [blockEntry] = _slate.Editor.nodes(newEditor, {
+      at: selection,
+      match: n => _slate.Element.isElement(n) && (n.type === _constants.ElementTypes.PARAGRAPH || n.type === _constants.ElementTypes.P)
+    });
+    if (!blockEntry) {
+      insertText(text);
+      return;
+    }
+    const [blockNode, blockPath] = blockEntry;
+    const blockText = _slate.Node.string(blockNode);
+    const nextText = blockText + text;
+    if (HR_PATTERNS.includes(nextText)) {
+      _slate.Editor.withoutNormalizing(newEditor, () => {
+        _slate.Transforms.removeNodes(newEditor, {
+          at: blockPath
+        });
+        _slate.Transforms.insertNodes(newEditor, (0, _core.generateEmptyElement)(_constants.ElementTypes.DIVIDER), {
+          at: blockPath
+        });
+        const nextPath = _slate.Path.next(blockPath);
+        _slate.Transforms.insertNodes(newEditor, (0, _core.generateEmptyElement)(_constants.ElementTypes.PARAGRAPH), {
+          at: nextPath
+        });
+        _slate.Transforms.select(newEditor, _slate.Editor.start(newEditor, nextPath));
+      });
+      return;
+    }
+    return insertText(text);
+  };
+  newEditor.normalizeNode = _ref => {
+    let [node, path] = _ref;
+    if (node.type === _elementTypes.DIVIDER) {
+      const isLast = (0, _core.isLastNode)(newEditor, node);
+      if (isLast) {
+        const paragraph = (0, _core.generateEmptyElement)(_elementTypes.PARAGRAPH);
+        _slate.Transforms.insertNodes(newEditor, paragraph, {
+          at: [path[0] + 1]
+        });
+        return;
+      }
+      const isFirst = (0, _core.isFirstNode)(newEditor, node);
+      if (isFirst) {
+        const paragraph = (0, _core.generateEmptyElement)(_elementTypes.PARAGRAPH);
+        _slate.Transforms.insertNodes(newEditor, paragraph, {
+          at: [path[0]]
+        });
+        return;
+      }
+    }
+    return normalizeNode([node, path]);
+  };
+  return newEditor;
+};
+var _default = exports.default = withDivider;

package/dist/extension/plugins/divider/render-elem/index.css

@@ -0,0 +1,4 @@
+.sea-email-editor-divider-highlight {
+  border-radius: 4px;
+  background-color: Highlight;
+}

package/dist/extension/plugins/divider/render-elem/index.js

@@ -0,0 +1,44 @@
+"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 _slateReact = require("slate-react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _constants = require("../../../constants");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+/* eslint-disable react-hooks/rules-of-hooks */
+
+const renderDivider = _ref => {
+  let {
+    attributes,
+    children,
+    element
+  } = _ref;
+  const isSelected = (0, _slateReact.useSelected)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    "data-id": element.id,
+    className: (0, _classnames.default)(element.className, {
+      'sea-email-editor-divider-highlight': isSelected
+    }),
+    ...attributes,
+    style: {
+      ...(_constants.ELEMENT_DEFAULT_STYLE[element.type] || {}),
+      ...((element === null || element === void 0 ? void 0 : element.style) || {})
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        width: '100%',
+        height: 1,
+        backgroundColor: '#ccc',
+        margin: '5px 0'
+      },
+      contentEditable: false
+    }), children]
+  });
+};
+var _default = exports.default = renderDivider;

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

@@ -47,18 +47,21 @@ const ImageMenu = _ref => {
       }),
       ref: domRef,
       id: menuConfig.id,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
-        icon: menuConfig.icon,
-        className: "no-hover-bg sea-email-option-editor-option-icon",
-        style: {
-          marginLeft: 0,
-          marginRight: 8
-        },
-        size: 16
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "text-truncate",
-        title: (0, _constants.gettext)(menuConfig.text),
-        children: (0, _constants.gettext)(menuConfig.text)
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "sea-email-option-editor-option-content",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
+          icon: menuConfig.icon,
+          className: "no-hover-bg sea-email-option-editor-option-icon",
+          style: {
+            marginLeft: 0,
+            marginRight: 8
+          },
+          size: 16
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "text-truncate",
+          title: (0, _constants.gettext)(menuConfig.text),
+          children: (0, _constants.gettext)(menuConfig.text)
+        })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
         icon: readonly ? '' : 'arrow-right',
         className: "sea-email-option-editor-option-check-btn no-hover-bg",

package/dist/extension/plugins/image/render-element/image-previewer.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _slateReact = require("slate-react");
 var _reactImageLightbox = _interopRequireDefault(require("@seafile/react-image-lightbox"));
 var _helper = require("../helper");
+var _constants = require("../../../../constants");
 require("@seafile/react-image-lightbox/style.css");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -56,7 +57,9 @@ const ImagePreviewer = _ref => {
       overlay: {
         zIndex: 1071
       }
-    }
+    },
+    zoomInTip: (0, _constants.gettext)('Zoom in'),
+    zoomOutTip: (0, _constants.gettext)('Zoom out')
   });
 };
 var _default = exports.default = ImagePreviewer;

package/dist/extension/plugins/index.js

@@ -22,6 +22,12 @@ Object.defineProperty(exports, "CodeBlockPlugin", {
     return _codeBlock.default;
   }
 });
+Object.defineProperty(exports, "DividerPlugin", {
+  enumerable: true,
+  get: function () {
+    return _divider.default;
+  }
+});
 Object.defineProperty(exports, "FormulaPlugin", {
   enumerable: true,
   get: function () {
@@ -110,7 +116,8 @@ var _formula = _interopRequireDefault(require("./formula"));
 var _markdown = _interopRequireDefault(require("./markdown"));
 var _html = _interopRequireDefault(require("./html"));
 var _p = _interopRequireDefault(require("./p"));
-const Plugins = [_paragraph.default, _textStyle.default, _header.default, _image.default, _checkList.default, _list.default, _codeBlock.default, _table.default, _blockquote.default, _link.default, _formula.default, _markdown.default, _html.default, _p.default,
+var _divider = _interopRequireDefault(require("./divider"));
+const Plugins = [_paragraph.default, _textStyle.default, _header.default, _image.default, _checkList.default, _list.default, _codeBlock.default, _table.default, _blockquote.default, _link.default, _formula.default, _markdown.default, _html.default, _p.default, _divider.default,
 // put at the end
 _nodeId.default];
 var _default = exports.default = Plugins;

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

@@ -1,7 +1,7 @@
 .sea-email-table-context-menu {
   height: fit-content;
   width: fit-content;
-  position: absolute;
+  position: fixed;
 }
 
 .sea-email-table-context-menu .popover {

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

@@ -45,9 +45,15 @@ const ContextMenu = _ref => {
       top,
       left
     } = position;
+    const {
+      width,
+      height
+    } = contextMenuRef.current.getBoundingClientRect();
+    const validTop = window.innerHeight - top >= height ? top : window.innerHeight - height;
+    const validLeft = window.innerWidth - left >= width ? left : window.innerWidth - width;
     setContextMenuStyle({
-      top,
-      left,
+      top: validTop,
+      left: validLeft,
       zIndex: '1071',
       display: 'block'
     });
@@ -66,11 +72,11 @@ const ContextMenu = _ref => {
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     contentEditable: false,
-    ref: contextMenuRef,
     style: contextMenuStyle,
     className: "sea-email-option-editor-popover show sea-email-table-context-menu",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "popover show bs-popover-auto",
+      ref: contextMenuRef,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "popover-inner",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

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

@@ -32,18 +32,21 @@ const TableMenu = _ref => {
       }),
       ref: domRef,
       id: menuConfig.id,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
-        icon: menuConfig.icon,
-        className: "no-hover-bg sea-email-option-editor-option-icon",
-        style: {
-          marginLeft: 0,
-          marginRight: 8
-        },
-        size: 16
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "text-truncate",
-        title: (0, _constants2.gettext)(menuConfig.text),
-        children: (0, _constants2.gettext)(menuConfig.text)
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "sea-email-option-editor-option-content",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
+          icon: menuConfig.icon,
+          className: "no-hover-bg sea-email-option-editor-option-icon",
+          style: {
+            marginLeft: 0,
+            marginRight: 8
+          },
+          size: 16
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "text-truncate",
+          title: (0, _constants2.gettext)(menuConfig.text),
+          children: (0, _constants2.gettext)(menuConfig.text)
+        })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
         icon: disabled ? '' : 'arrow-right',
         className: "sea-email-option-editor-option-check-btn no-hover-bg",

package/dist/extension/plugins/table/render-elem/index.js

@@ -12,7 +12,6 @@ var _slate = require("slate");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constant = require("../constant");
 var _contextMenu = _interopRequireDefault(require("../context-menu"));
-var _helper = require("../helper");
 var _core = require("../../../core");
 var _constants = require("../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
@@ -165,8 +164,14 @@ const RenderTableContainer = (_ref, editor) => {
     }
     e.preventDefault();
     e.stopPropagation();
-    const position = (0, _helper.getContextMenuPosition)(e, tableRef);
-    setContextMenuPosition(position);
+    const {
+      clientY,
+      clientX
+    } = e;
+    setContextMenuPosition({
+      left: clientX,
+      top: clientY
+    });
     setIsShowContextMenu(true);
   }, []);
   const handleCloseContextMenu = () => {

package/dist/extension/render/render-element.js

@@ -100,6 +100,11 @@ const SlateElement = _ref => {
         const [renderP] = _plugins.PPlugin.renderElements;
         return renderP(props);
       }
+    case _constants.ElementTypes.DIVIDER:
+      {
+        const [renderDivider] = _plugins.DividerPlugin.renderElements;
+        return renderDivider(props);
+      }
     default:
       {
         const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;

package/dist/extension/toolbar/insert-toolbar.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _menu = _interopRequireDefault(require("../plugins/image/menu"));
 var _menu2 = _interopRequireDefault(require("../plugins/table/menu"));
 var _menu3 = _interopRequireDefault(require("../plugins/code-block/menu"));
+var _menu4 = _interopRequireDefault(require("../plugins/divider/menu"));
 var _constants = require("../../constants");
 var _components = require("../../components");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -69,6 +70,8 @@ const InsertToolbar = _ref => {
             ...props
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_menu3.default, {
             ...props
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_menu4.default, {
+            ...props
           })]
         })
       })

package/dist/locale/lang/en.json

@@ -79,5 +79,6 @@
   "Underline": "Underline",
   "Row number": "Row number",
   "Column number": "Column number",
-  "Copy link": "Copy link"
+  "Copy link": "Copy link",
+  "Divider": "Divider"
 }

package/dist/slate-convert/html-to-slate/constants.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "CODE_LINE", {
     return _elementTypes.CODE_LINE;
   }
 });
+Object.defineProperty(exports, "DIVIDER", {
+  enumerable: true,
+  get: function () {
+    return _elementTypes.DIVIDER;
+  }
+});
 Object.defineProperty(exports, "HEADER1", {
   enumerable: true,
   get: function () {
@@ -133,7 +139,7 @@ Object.defineProperty(exports, "UNORDERED_LIST", {
   }
 });
 var _elementTypes = require("../../extension/constants/element-types");
-const TOP_LEVEL_TYPES = exports.TOP_LEVEL_TYPES = [_elementTypes.BLOCKQUOTE, _elementTypes.HEADER1, _elementTypes.HEADER2, _elementTypes.HEADER3, _elementTypes.HEADER4, _elementTypes.HEADER5, _elementTypes.HEADER6, _elementTypes.ORDERED_LIST, _elementTypes.UNORDERED_LIST, _elementTypes.CHECK_LIST_ITEM, _elementTypes.PARAGRAPH, _elementTypes.CODE_BLOCK, _elementTypes.TABLE];
+const TOP_LEVEL_TYPES = exports.TOP_LEVEL_TYPES = [_elementTypes.BLOCKQUOTE, _elementTypes.HEADER1, _elementTypes.HEADER2, _elementTypes.HEADER3, _elementTypes.HEADER4, _elementTypes.HEADER5, _elementTypes.HEADER6, _elementTypes.ORDERED_LIST, _elementTypes.UNORDERED_LIST, _elementTypes.CHECK_LIST_ITEM, _elementTypes.PARAGRAPH, _elementTypes.CODE_BLOCK, _elementTypes.TABLE, _elementTypes.P, _elementTypes.BR, _elementTypes.DIVIDER];
 const INLINE_LEVEL_TYPES = exports.INLINE_LEVEL_TYPES = [_elementTypes.IMAGE, _elementTypes.LINK];
 const HEADER_LIST = exports.HEADER_LIST = ['H1', 'H2', 'H3', 'H4', 'H5', 'H6'];
 const HEADER_TYPE_MAP = exports.HEADER_TYPE_MAP = {

package/dist/slate-convert/html-to-slate/index.js

@@ -78,6 +78,24 @@ const deserializeElements = function () {
   });
   return (0, _helper.formatInlineNodes)(nodes);
 };
+
+// const formatTableNode = (node, path) => {
+//   if (node.type === TABLE) {
+//     const columnsCount = Math.max(...node.children.map(row => row.children.length));
+//     node.children = node.children.map(row => {
+//       for (let i = row.children.length; i < columnsCount; i++) {
+//         row.children.push(generateTableCell());
+//       }
+//       return row;
+//     });
+//     return node;
+//   }
+//   if (Array.isArray(node.children)) {
+//     node.children = node.children.map((child, index) => formatTableNode(child, [...path, index]));
+//   }
+//   return node;
+// };
+
 const formatElementNodes = nodes => {
   if (nodes.length === 0) {
     return [{

package/dist/slate-convert/html-to-slate/rules/hr.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slugid = _interopRequireDefault(require("slugid"));
+var _constants = require("../constants");
+const hrRule = element => {
+  if (element.nodeName === 'HR') {
+    return {
+      id: _slugid.default.nice(),
+      type: _constants.DIVIDER,
+      children: [{
+        id: _slugid.default.nice(),
+        text: ''
+      }]
+    };
+  }
+  return;
+};
+var _default = exports.default = hrRule;

package/dist/slate-convert/html-to-slate/rules/index.js

@@ -16,5 +16,6 @@ var _table = _interopRequireDefault(require("./table"));
 var _text = _interopRequireDefault(require("./text"));
 var _br = _interopRequireDefault(require("./br"));
 var _p = _interopRequireDefault(require("./p"));
-const rules = [_blockquote.default, _codeBlock.default, _header.default, _image.default, _link.default, _list.default, _table.default, _paragraph.default, _text.default, _br.default, _p.default];
+var _hr = _interopRequireDefault(require("./hr"));
+const rules = [_blockquote.default, _codeBlock.default, _header.default, _image.default, _link.default, _list.default, _table.default, _paragraph.default, _text.default, _br.default, _p.default, _hr.default];
 var _default = exports.default = rules;

package/dist/slate-convert/html-to-slate/rules/list.js

@@ -33,23 +33,49 @@ const listRule = (element, parseChild) => {
     };
     return (0, _helper.mergeElementOther2SlateNode)(element, node);
   }
-  if (nodeName === 'LI' && firstChild && PARAGRAPH_TAGS.includes(firstChild.nodeName)) {
-    const node = {
-      id: _slugid.default.nice(),
-      type: _constants.LIST_ITEM,
-      children: parseChild(childNodes)
+  if (nodeName === 'LI') {
+    const parsedChildren = parseChild(childNodes);
+    const normalizedChildren = Array.isArray(parsedChildren) ? parsedChildren : parsedChildren ? [parsedChildren] : [];
+    const listItemChildren = [];
+    let inlineChildren = [];
+    const appendInlineParagraph = () => {
+      if (inlineChildren.length === 0) return;
+      listItemChildren.push({
+        id: _slugid.default.nice(),
+        type: _constants.PARAGRAPH,
+        children: inlineChildren
+      });
+      inlineChildren = [];
     };
-    return (0, _helper.mergeElementOther2SlateNode)(element, node);
-  }
-  if (nodeName === 'LI' && firstChild && !PARAGRAPH_TAGS.includes(firstChild.nodeName)) {
+    normalizedChildren.forEach(child => {
+      if (!child) return;
+      const isInlineNode = !child.type || _constants.INLINE_LEVEL_TYPES.includes(child.type);
+      if (isInlineNode) {
+        inlineChildren.push(child);
+        return;
+      }
+      appendInlineParagraph();
+      listItemChildren.push(child);
+    });
+    appendInlineParagraph();
+    if (listItemChildren.length === 0) {
+      listItemChildren.push({
+        id: _slugid.default.nice(),
+        type: _constants.PARAGRAPH,
+        children: [(0, _core.generateDefaultText)()]
+      });
+    } else if ([_constants.UNORDERED_LIST, _constants.ORDERED_LIST].includes(listItemChildren[0].type)) {
+      // Ensure nested list item content starts with a paragraph.
+      listItemChildren.unshift({
+        id: _slugid.default.nice(),
+        type: _constants.PARAGRAPH,
+        children: [(0, _core.generateDefaultText)()]
+      });
+    }
     const node = {
       id: _slugid.default.nice(),
       type: _constants.LIST_ITEM,
-      children: [{
-        id: _slugid.default.nice(),
-        type: _constants.PARAGRAPH,
-        children: parseChild(childNodes)
-      }]
+      children: listItemChildren
     };
     return (0, _helper.mergeElementOther2SlateNode)(element, node);
   }

package/dist/slate-convert/html-to-slate/rules/table.js

@@ -39,7 +39,7 @@ const tableRule = (element, parseChild) => {
   }
   if (nodeName === 'TH' || nodeName === 'TD') {
     const children = Array.from(childNodes);
-    const cellChildren = children.flatMap(child => {
+    const cellChildren = children.length > 0 ? children.flatMap(child => {
       // Replace paragraph node with text node
       if (child.nodeName === 'P') {
         const textContent = Array.from(child.childNodes).map(child => child.textContent).join('');
@@ -51,7 +51,11 @@ const tableRule = (element, parseChild) => {
         return (0, _helper.mergeElementOther2SlateNode)(child, node);
       }
       return parseChild([child]);
-    });
+    }) : [{
+      id: _slugid.default.nice(),
+      type: 'text',
+      text: ''
+    }];
     const node = {
       id: _slugid.default.nice(),
       type: _constants.TABLE_CELL,

package/dist/slate-convert/slate-to-html/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.findElementByPath = exports.default = void 0;
 var _slate = require("slate");
 var _constants = require("../../extension/constants");
 const isContentValid = value => {
@@ -70,11 +70,13 @@ const ELEMENT_HTML_TAG = {
   [_constants.ElementTypes.LINK]: 'a',
   [_constants.ElementTypes.TABLE]: 'table',
   [_constants.ElementTypes.TABLE_ROW]: 'tr',
-  [_constants.ElementTypes.TABLE_CELL]: 'td'
+  [_constants.ElementTypes.TABLE_CELL]: 'td',
+  [_constants.ElementTypes.DIVIDER]: 'div'
 };
 const findElementByPath = (value, path) => {
-  return path.reduce((element, pathIndex) => element[pathIndex], value);
+  return path.reduce((element, pathIndex, currentIndex) => currentIndex === 0 ? element[pathIndex] : element === null || element === void 0 ? void 0 : element.children[pathIndex], value);
 };
+exports.findElementByPath = findElementByPath;
 const element2Html = (value, element, path) => {
   const {
     type
@@ -85,10 +87,13 @@ const element2Html = (value, element, path) => {
     style,
     children
   } = translateElement(value, element, path);
-  if (tag === 'img') {
+  if (type === _constants.ElementTypes.IMAGE) {
     var _element$data, _element$data2;
     return `<img src="${element === null || element === void 0 ? void 0 : (_element$data = element.data) === null || _element$data === void 0 ? void 0 : _element$data.src}" width="${element === null || element === void 0 ? void 0 : element.data.width}" height="${element === null || element === void 0 ? void 0 : element.data.height}" alt="${(element === null || element === void 0 ? void 0 : (_element$data2 = element.data) === null || _element$data2 === void 0 ? void 0 : _element$data2.alt) || ''}" />`;
   }
+  if (type === _constants.ElementTypes.DIVIDER) {
+    return `<div ${className}${style}><div style="width: 100%; height: 1px; background-color: #ccc; margin: 5px 0;"></div></div>`;
+  }
   if (Array.isArray(children) && tag) {
     const childrenDom = children.map((child, index) => element2Html(value, child, [...path, index])).join('');
     if (tag === 'a') return `<${tag}${className}${style} href="${element.url}">${childrenDom}</${tag}>`;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@seafile/sea-email-editor",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "",
   "main": "dist/index.js",
   "dependencies": {
-    "@seafile/react-image-lightbox": "4.0.2",
+   "@seafile/react-image-lightbox": "^5.0.4",
     "classnames": "2.3.2",
     "copy-to-clipboard": "3.3.1",
     "deep-copy": "1.4.2",