@seafile/sea-email-editor 0.0.1

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

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _constants = require("../../constants");
+var _helpers = require("./helpers");
+const withTextStyle = editor => {
+  const {
+    onHotKeyDown
+  } = editor;
+  const newEditor = editor;
+  newEditor.onHotKeyDown = event => {
+    // Does not meet text hotkey processing conditions
+    if (!(0, _isHotkey.default)('mod+b', event) && !(0, _isHotkey.default)('mod+i', event)) {
+      return onHotKeyDown && onHotKeyDown(event);
+    }
+
+    // handled by text hotkey
+    if ((0, _helpers.isMenuDisabled)(newEditor)) {
+      return true;
+    }
+    if ((0, _isHotkey.default)('mod+b', event)) {
+      (0, _helpers.toggleTextStyle)(newEditor, _constants.TEXT_STYLE_MAP.BOLD);
+      return true;
+    }
+    if ((0, _isHotkey.default)('mod+i', event)) {
+      (0, _helpers.toggleTextStyle)(newEditor, _constants.TEXT_STYLE_MAP.ITALIC);
+      return true;
+    }
+    return false;
+  };
+  return newEditor;
+};
+var _default = exports.default = withTextStyle;

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

@@ -0,0 +1,63 @@
+"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 _constants = require("../../constants");
+var _jsxRuntime = require("react/jsx-runtime");
+const renderText = (props, editor) => {
+  const {
+    attributes,
+    children,
+    leaf
+  } = props;
+  let markedChildren = /*#__PURE__*/_react.default.cloneElement(children);
+  if (leaf[_constants.TEXT_STYLE_MAP.BOLD]) {
+    markedChildren = /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+      children: markedChildren
+    });
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.ITALIC]) {
+    markedChildren = /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+      children: markedChildren
+    });
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.UNDERLINE]) {
+    markedChildren = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      style: {
+        textDecoration: 'underline'
+      },
+      children: markedChildren
+    });
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.CODE]) {
+    markedChildren = /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
+      style: _constants.ELEMENT_DEFAULT_STYLE[_constants.ElementTypes.CODE],
+      children: markedChildren
+    });
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.DELETE]) {
+    markedChildren = /*#__PURE__*/(0, _jsxRuntime.jsx)("del", {
+      children: markedChildren
+    });
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.ADD]) {
+    markedChildren = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: markedChildren
+    });
+  }
+  if (leaf.decoration) {
+    markedChildren = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: markedChildren
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    "data-id": leaf.id,
+    ...attributes,
+    children: markedChildren
+  });
+};
+var _default = exports.default = renderText;

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

@@ -0,0 +1,115 @@
+"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 _constants = require("../constants");
+var _plugins = require("../plugins");
+var _jsxRuntime = require("react/jsx-runtime");
+const SlateElement = _ref => {
+  let {
+    element,
+    options,
+    ...params
+  } = _ref;
+  const option = options ? options[element.type] : null;
+  const props = {
+    ...params,
+    option,
+    element
+  };
+  const editor = (0, _slateReact.useSlateStatic)();
+  switch (element.type) {
+    case _constants.ElementTypes.BLOCKQUOTE:
+      {
+        const [renderBlockquote] = _plugins.BlockquotePlugin.renderElements;
+        return renderBlockquote(props);
+      }
+    case _constants.ElementTypes.HEADER1:
+    case _constants.ElementTypes.HEADER2:
+    case _constants.ElementTypes.HEADER3:
+    case _constants.ElementTypes.HEADER4:
+    case _constants.ElementTypes.HEADER5:
+    case _constants.ElementTypes.HEADER6:
+      {
+        const [renderHeader] = _plugins.HeaderPlugin.renderElements;
+        return renderHeader(props, editor);
+      }
+    case _constants.ElementTypes.IMAGE:
+      {
+        const [renderImage] = _plugins.ImagePlugin.renderElements;
+        return renderImage(props, editor);
+      }
+    case _constants.ElementTypes.LINK:
+      {
+        const [renderLink] = _plugins.LinkPlugin.renderElements;
+        return renderLink(props, editor);
+      }
+    case _constants.ElementTypes.CODE_BLOCK:
+      {
+        const [renderCodeBlock] = _plugins.CodeBlockPlugin.renderElements;
+        return renderCodeBlock(props, editor);
+      }
+    case _constants.ElementTypes.CODE_LINE:
+      {
+        const [, renderCodeLine] = _plugins.CodeBlockPlugin.renderElements;
+        return renderCodeLine(props, editor);
+      }
+    case _constants.ElementTypes.CHECK_LIST_ITEM:
+      {
+        const [renderCheckListItem] = _plugins.CheckListPlugin.renderElements;
+        return renderCheckListItem(props, editor);
+      }
+    case _constants.ElementTypes.ORDERED_LIST:
+    case _constants.ElementTypes.UNORDERED_LIST:
+      {
+        const [renderList] = _plugins.ListPlugin.renderElements;
+        return renderList(props, editor);
+      }
+    case _constants.ElementTypes.LIST_ITEM:
+      {
+        const [, renderListItem] = _plugins.ListPlugin.renderElements;
+        return renderListItem(props, editor);
+      }
+    case _constants.ElementTypes.TABLE_CELL:
+      {
+        const [renderTableCell] = _plugins.TablePlugin.renderElements;
+        return renderTableCell(props);
+      }
+    case _constants.ElementTypes.TABLE_ROW:
+      {
+        const [, renderTableRow] = _plugins.TablePlugin.renderElements;
+        return renderTableRow(props);
+      }
+    case _constants.ElementTypes.TABLE:
+      {
+        const [,, renderTable] = _plugins.TablePlugin.renderElements;
+        return renderTable(props, editor);
+      }
+    case _constants.ElementTypes.FORMULA:
+      {
+        const [renderFormula] = _plugins.FormulaPlugin.renderElements;
+        return renderFormula(props, editor);
+      }
+    case _constants.ElementTypes.P:
+      {
+        const [renderP] = _plugins.PPlugin.renderElements;
+        return renderP(props);
+      }
+    default:
+      {
+        const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;
+        return renderParagraph(props);
+      }
+  }
+};
+const renderElement = props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SlateElement, {
+    ...props
+  });
+};
+var _default = exports.default = renderElement;

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

@@ -0,0 +1,22 @@
+"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 _plugins = require("../plugins");
+var _jsxRuntime = require("react/jsx-runtime");
+const CustomLeaf = props => {
+  const editor = (0, _slateReact.useSlateStatic)();
+  const [renderText] = _plugins.TextPlugin.renderElements;
+  return renderText(props, editor);
+};
+const renderLeaf = props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomLeaf, {
+    ...props
+  });
+};
+var _default = exports.default = renderLeaf;

package/dist/extension/toolbar/index.css

@@ -0,0 +1,16 @@
+.sea-email-editor-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+  box-shadow: none;
+  height: 33px;
+  padding-right: 0;
+  border-bottom: 1px solid #e5e6e8;
+  padding: 0 10px;
+  position: relative;
+  user-select: none;
+  z-index: 102;
+  background-color: #fcfcfc !important
+}

package/dist/extension/toolbar/index.js

@@ -0,0 +1,89 @@
+"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 _useSelectionUpdate = _interopRequireDefault(require("../../hooks/use-selection-update"));
+var _menu = _interopRequireDefault(require("../plugins/blockquote/menu"));
+var _menu2 = _interopRequireDefault(require("../plugins/header/menu"));
+var _menu3 = _interopRequireDefault(require("../plugins/text-style/menu"));
+var _menu4 = _interopRequireDefault(require("../plugins/link/menu"));
+var _constants = require("../constants");
+var _menu5 = _interopRequireDefault(require("../plugins/check-list/menu"));
+var _menu6 = _interopRequireDefault(require("../plugins/list/menu"));
+var _elementTypes = require("../constants/element-types");
+var _menu7 = _interopRequireDefault(require("../plugins/clear-format/menu"));
+var _insertToolbar = _interopRequireDefault(require("./insert-toolbar"));
+var _imageMenuDialog = _interopRequireDefault(require("../plugins/image/menu/image-menu-dialog"));
+var _components = require("../../components");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+const Toolbar = _ref => {
+  let {
+    editor,
+    readonly = false
+  } = _ref;
+  (0, _useSelectionUpdate.default)();
+  const [isShowInternetImageModal, setIsShowInternetImageModal] = (0, _react.useState)(false);
+  const onToggleImageDialog = (0, _react.useCallback)(() => {
+    setIsShowInternetImageModal(false);
+  }, []);
+  const commonProps = {
+    editor,
+    readonly
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "sea-email-editor-toolbar",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarGroup, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_insertToolbar.default, {
+        editor: editor,
+        readonly: readonly,
+        setIsShowInternetImageModal: setIsShowInternetImageModal
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarGroup, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_menu2.default, {
+        ...commonProps
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.ToolbarGroup, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_menu3.default, {
+        ...commonProps,
+        type: _constants.TEXT_STYLE_MAP.ITALIC
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_menu3.default, {
+        ...commonProps,
+        type: _constants.TEXT_STYLE_MAP.BOLD
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_menu3.default, {
+        ...commonProps,
+        type: _constants.TEXT_STYLE_MAP.UNDERLINE
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_menu3.default, {
+        ...commonProps,
+        type: _constants.TEXT_STYLE_MAP.CODE
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_menu4.default, {
+        ...commonProps
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.ToolbarGroup, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_menu.default, {
+        ...commonProps
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_menu6.default, {
+        ...commonProps,
+        type: _elementTypes.UNORDERED_LIST
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_menu6.default, {
+        ...commonProps,
+        type: _elementTypes.ORDERED_LIST
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_menu5.default, {
+        ...commonProps
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarGroup, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_menu7.default, {
+        ...commonProps
+      })
+    }), isShowInternetImageModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_imageMenuDialog.default, {
+      editor: editor,
+      closeDialog: onToggleImageDialog
+    })]
+  });
+};
+var _default = exports.default = Toolbar;

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

@@ -0,0 +1,78 @@
+"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 _menu = _interopRequireDefault(require("../plugins/image/menu"));
+var _menu2 = _interopRequireDefault(require("../plugins/table/menu"));
+var _menu3 = _interopRequireDefault(require("../plugins/code-block/menu"));
+var _constants = require("../../constants");
+var _components = require("../../components");
+var _jsxRuntime = require("react/jsx-runtime");
+const InsertToolbar = _ref => {
+  let {
+    editor,
+    readonly,
+    setIsShowInternetImageModal
+  } = _ref;
+  const [isShowMenu, setMenuShow] = (0, _react.useState)(false);
+  const disabled = readonly;
+  const insertButtonRef = (0, _react.useRef)(null);
+  const onToggle = (0, _react.useCallback)(event => {
+    var _event$target;
+    if (event !== null && event !== void 0 && event.target && (event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.tagName) === 'INPUT') {
+      return;
+    }
+    setMenuShow(!isShowMenu);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isShowMenu]);
+  const props = {
+    editor,
+    readonly,
+    toggle: onToggle,
+    setIsShowInternetImageModal
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.SelectorDisplay, {
+      icon: isShowMenu ? 'arrow-up' : 'arrow-down',
+      onClick: onToggle,
+      disabled: disabled,
+      iconPlacement: "right",
+      innerRef: insertButtonRef,
+      border: false,
+      height: 24,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+        icon: "insert",
+        className: "mr-1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "text-truncate",
+        children: (0, _constants.gettext)('Insert')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
+      target: insertButtonRef,
+      children: (0, _constants.gettext)('Insert')
+    }), isShowMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popover, {
+      className: "sea-email-option-editor-popover",
+      target: insertButtonRef,
+      hidePopover: onToggle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "sea-email-option-editor-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "sea-email-option-editor-content",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_menu.default, {
+            ...props
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_menu2.default, {
+            ...props
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_menu3.default, {
+            ...props
+          })]
+        })
+      })
+    })]
+  });
+};
+var _default = exports.default = InsertToolbar;

package/dist/hooks/use-attachments.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
+var _eventTypes = require("../constants/event-types");
+var _helper = require("../extension/plugins/link/helper");
+const useAttachments = editor => {
+  (0, _react.useEffect)(() => {
+    const insertImage = (targetEditor, _ref) => {
+      let {
+        title,
+        url,
+        isImage,
+        selection = editor.selection
+      } = _ref;
+      if ((targetEditor === null || targetEditor === void 0 ? void 0 : targetEditor._id) !== editor._id) return;
+      if (isImage) {
+        // insertSeafileImage({ editor, title, url, selection });
+      } else {
+        (0, _helper.insertSeafileLink)({
+          editor,
+          title,
+          url,
+          selection
+        });
+      }
+    };
+    const eventBus = _eventBus.default.getInstance();
+    const subscribe = eventBus.subscribe(_eventTypes.EXTERNAL_EVENTS.INSERT_ATTACHMENTS, insertImage);
+    return subscribe;
+  }, [editor]);
+};
+var _default = exports.default = useAttachments;

package/dist/hooks/use-container-style.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _outline = require("../containers/outline");
+var _common = require("../utils/common");
+var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
+var _eventTypes = require("../constants/event-types");
+const useContainerStyle = function (scrollRef) {
+  let isShowOutline = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  const [containerStyle, setContainerStyle] = (0, _react.useState)({});
+
+  // Adjust article container margin-left value according to isShown of the outline and width of window
+  const handleWindowResize = (0, _react.useCallback)(() => {
+    const rect = scrollRef.current.getBoundingClientRect();
+    const articleElement = document.querySelector('.article');
+    const articleRect = articleElement ? articleElement.getBoundingClientRect() : null;
+    const isOutlineShow = (0, _outline.getOutlineSetting)();
+    if (isOutlineShow && articleRect && (rect.width - articleRect.width) / 2 < 280) {
+      setContainerStyle({
+        marginLeft: 280
+      });
+    } else {
+      setContainerStyle({});
+    }
+  }, [scrollRef]);
+  (0, _react.useEffect)(() => {
+    if (_common.isMobile) return;
+    if (!isShowOutline) return;
+    handleWindowResize();
+    window.addEventListener('resize', handleWindowResize);
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribeOutline = eventBus.subscribe(_eventTypes.INTERNAL_EVENTS.OUTLINE_STATE_CHANGED, handleWindowResize);
+    const unsubscribeResizeArticle = eventBus.subscribe(_eventTypes.INTERNAL_EVENTS.RESIZE_ARTICLE, handleWindowResize);
+    return () => {
+      window.removeEventListener('resize', handleWindowResize);
+      unsubscribeOutline();
+      unsubscribeResizeArticle();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return {
+    containerStyle
+  };
+};
+var _default = exports.default = useContainerStyle;

package/dist/hooks/use-mathjax.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+const useMathJax = mathJaxSource => {
+  const [isLoading, setIsLoading] = (0, _react.useState)(true);
+  (0, _react.useEffect)(() => {
+    if (!mathJaxSource) {
+      setIsLoading(false);
+      return;
+    }
+    window.MathJax = {
+      options: {
+        enableMenu: false
+      },
+      tex: {
+        inlineMath: [['$', '$']],
+        displayMath: [['$$', '$$']]
+      },
+      svg: {
+        fontCache: 'global'
+      }
+    };
+    if (!document.querySelector('#mathjax')) {
+      const script = document.createElement('script');
+      script.src = mathJaxSource;
+      script.id = 'mathjax';
+      document.body.appendChild(script);
+      script.onload = () => {
+        setIsLoading(false);
+      };
+    }
+    return () => {
+      const script = document.getElementById('mathjax');
+      script && script.parentNode.removeChild(script);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return {
+    isLoadingMathJax: isLoading
+  };
+};
+var _default = exports.default = useMathJax;

package/dist/hooks/use-scroll-context.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScrollContext = exports.ScrollContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+const ScrollContext = exports.ScrollContext = /*#__PURE__*/_react.default.createContext(null);
+const useScrollContext = () => {
+  const context = (0, _react.useContext)(ScrollContext);
+  if (!context) {
+    throw new Error('The \`useScrollContext\` hook must be used inside the <ScrollContext> component\'s context.');
+  }
+  const {
+    scrollRef
+  } = context;
+  return scrollRef;
+};
+exports.useScrollContext = useScrollContext;

package/dist/hooks/use-selection-update.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useSelectionUpdate;
+var _react = require("react");
+var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
+function useSelectionUpdate() {
+  const [, update] = (0, _react.useState)({});
+  (0, _react.useEffect)(() => {
+    const onChange = () => update({});
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribe = eventBus.subscribe('change', onChange);
+    return () => {
+      unsubscribe();
+    };
+  }, []);
+}

package/dist/hooks/user-link-click.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _common = require("../utils/common");
+const {
+  useEffect
+} = require('react');
+const {
+  EXTERNAL_EVENTS
+} = require('../constants/event-types');
+const {
+  default: EventBus
+} = require('../utils/event-bus');
+const useLinkClick = (editorId, server, callback) => {
+  useEffect(() => {
+    function onLinkClick(event, sourceEditorId) {
+      event.preventDefault();
+      event.stopPropagation();
+      let link = '';
+      let target = event.target;
+      while (!target.dataset || !target.dataset.url) {
+        target = target.parentNode;
+      }
+      if (!target) return;
+      link = target.dataset.url;
+      if (editorId !== sourceEditorId) return;
+      let isValid = true;
+      if (!(0, _common.isUrl)(link)) {
+        isValid = false;
+        if (link.startsWith('/') && (0, _common.isUrl)(server + link)) {
+          isValid = true;
+        }
+        if (!link.startsWith('/') && (link.startsWith('mailto:') || link.startsWith('tel:'))) {
+          isValid = true;
+        }
+      }
+      if (!isValid) return;
+      if (callback) {
+        callback(link);
+        return;
+      }
+      window.open(link);
+    }
+    const eventBus = EventBus.getInstance();
+    const unsubscribe = eventBus.subscribe(EXTERNAL_EVENTS.ON_LINK_CLICK, onLinkClick);
+    return unsubscribe;
+  }, [editorId, server, callback]);
+};
+var _default = exports.default = useLinkClick;

package/dist/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _editor = _interopRequireDefault(require("./editor"));
+var _default = exports.default = _editor.default;