@seafile/sdoc-editor 1.0.54 → 1.0.55

package/dist/basic-sdk/extension/commons/file-insert-dialog/index.js

@@ -1,48 +1,56 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { ReactEditor } from '@seafile/slate-react';
-import { useTranslation } from 'react-i18next';
-import { Editor, Node } from '@seafile/slate';
-import classNames from 'classnames';
-import context from '../../../../context';
-import { LocalStorage, isEnglish } from '../../../../utils';
-import { EXTERNAL_EVENT } from '../../../../constants';
-import EventBus from '../../../utils/event-bus';
-import { INTERNAL_EVENT, WIKI_EDITOR } from '../../../constants';
-import { SDOC_LINK } from '../../constants';
-import toaster from '../../../../components/toast';
-import { insertSdocFileLink, insertTextWhenRemoveFileNameCollector, removeTempInput } from '../../plugins/sdoc-link/helpers';
-import { insertWikiPageLink } from '../../plugins/wiki-link/helpers';
-import './style.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 _slateReact = require("@seafile/slate-react");
+var _reactI18next = require("react-i18next");
+var _slate = require("@seafile/slate");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _context = _interopRequireDefault(require("../../../../context"));
+var _utils = require("../../../../utils");
+var _constants = require("../../../../constants");
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants2 = require("../../../constants");
+var _constants3 = require("../../constants");
+var _toast = _interopRequireDefault(require("../../../../components/toast"));
+var _helpers = require("../../plugins/sdoc-link/helpers");
+var _helpers2 = require("../../plugins/wiki-link/helpers");
+require("./style.css");
 const FileLinkInsertDialog = _ref => {
   let {
     editor,
     element,
     closeDialog
   } = _ref;
-  const historyFileWrapperRef = useRef(document.querySelector('.sdoc-history-files-wrapper'));
-  const [files, setFiles] = useState([]);
-  const [position, setPosition] = useState({
+  const historyFileWrapperRef = (0, _react.useRef)(document.querySelector('.sdoc-history-files-wrapper'));
+  const [files, setFiles] = (0, _react.useState)([]);
+  const [position, setPosition] = (0, _react.useState)({
     top: 0,
     left: 0
   });
-  const [newFileName, setNewFileName] = useState('');
+  const [newFileName, setNewFileName] = (0, _react.useState)('');
   const {
     t
-  } = useTranslation();
-  const [header, setHeader] = useState(t('Recent_visited'));
-  const eventBus = EventBus.getInstance();
-  const deleteInputAndInsertText = useCallback(function () {
+  } = (0, _reactI18next.useTranslation)();
+  const [header, setHeader] = (0, _react.useState)(t('Recent_visited'));
+  const eventBus = _eventBus.default.getInstance();
+  const deleteInputAndInsertText = (0, _react.useCallback)(function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    return insertTextWhenRemoveFileNameCollector(editor, element, ...args);
+    return (0, _helpers.insertTextWhenRemoveFileNameCollector)(editor, element, ...args);
   }, [editor, element]);
-  const getPosition = useCallback(() => {
+  const getPosition = (0, _react.useCallback)(() => {
     const {
       selection
     } = editor;
-    const nodeEntry = Editor.node(editor, selection);
-    const domNode = ReactEditor.toDOMNode(editor, nodeEntry[0]);
+    const nodeEntry = _slate.Editor.node(editor, selection);
+    const domNode = _slateReact.ReactEditor.toDOMNode(editor, nodeEntry[0]);
     if (domNode) {
       const topGap = 20;
       const leftGap = 5;
@@ -63,7 +71,7 @@ const FileLinkInsertDialog = _ref => {
         const counterTopGap = 8;
         popoverTop = top - popoverHeight - counterTopGap;
       }
-      if (editor.editorType === WIKI_EDITOR) {
+      if (editor.editorType === _constants2.WIKI_EDITOR) {
         const wikiEditorContainer = document.querySelector('.sdoc-editor-container');
         if (wikiEditorContainer) {
           const {
@@ -81,25 +89,25 @@ const FileLinkInsertDialog = _ref => {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [files]);
-  const onClick = useCallback(e => {
+  const onClick = (0, _react.useCallback)(e => {
     var _historyFileWrapperRe, _historyFileWrapperRe2;
     const isClickInside = (_historyFileWrapperRe = historyFileWrapperRef.current) === null || _historyFileWrapperRe === void 0 ? void 0 : (_historyFileWrapperRe2 = _historyFileWrapperRe.contains) === null || _historyFileWrapperRe2 === void 0 ? void 0 : _historyFileWrapperRe2.call(_historyFileWrapperRe, e.target);
     if (isClickInside) return;
     deleteInputAndInsertText();
     closeDialog();
   }, [closeDialog, deleteInputAndInsertText]);
-  const onScroll = useCallback(e => {
+  const onScroll = (0, _react.useCallback)(e => {
     getPosition();
   }, [getPosition]);
-  const getHistoryFiles = useCallback(e => {
-    const getItemKey = editor.editorType === WIKI_EDITOR ? 'wiki-recent-files' : 'sdoc-recent-files';
-    const files = LocalStorage.getItem(getItemKey) || [];
+  const getHistoryFiles = (0, _react.useCallback)(e => {
+    const getItemKey = editor.editorType === _constants2.WIKI_EDITOR ? 'wiki-recent-files' : 'sdoc-recent-files';
+    const files = _utils.LocalStorage.getItem(getItemKey) || [];
     setFiles(files);
   }, [editor.editorType]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     getHistoryFiles();
   }, [getHistoryFiles]);
-  const onKeydown = useCallback(e => {
+  const onKeydown = (0, _react.useCallback)(e => {
     const {
       key
     } = e;
@@ -122,13 +130,13 @@ const FileLinkInsertDialog = _ref => {
         break;
     }
   }, [closeDialog, deleteInputAndInsertText]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     getPosition();
     const sdocScrollContainer = document.getElementById('sdoc-scroll-container');
     document.addEventListener('click', onClick);
     document.addEventListener('keydown', onKeydown);
     sdocScrollContainer.addEventListener('scroll', onScroll);
-    const unsubscribeCloseDialog = eventBus.subscribe(INTERNAL_EVENT.CLOSE_FILE_INSET_DIALOG, closeDialog);
+    const unsubscribeCloseDialog = eventBus.subscribe(_constants2.INTERNAL_EVENT.CLOSE_FILE_INSET_DIALOG, closeDialog);
     return () => {
       sdocScrollContainer.removeEventListener('scroll', onScroll);
       document.removeEventListener('click', onClick);
@@ -136,7 +144,7 @@ const FileLinkInsertDialog = _ref => {
       unsubscribeCloseDialog();
     };
   }, [closeDialog, editor, eventBus, files, getPosition, onClick, onKeydown, onScroll]);
-  const onSearch = useCallback(async searchText => {
+  const onSearch = (0, _react.useCallback)(async searchText => {
     // Show history files when search is empty
     if (searchText.trim().length === 0) {
       setHeader(t('Recent_visited'));
@@ -146,7 +154,7 @@ const FileLinkInsertDialog = _ref => {
     }
 
     // Cannot be found if the search is less than three characters.
-    if (isEnglish(searchText.trim()) && searchText.length < 3) {
+    if ((0, _utils.isEnglish)(searchText.trim()) && searchText.length < 3) {
       setFiles([]);
       setHeader(t('Enter_more_character_start_search'));
       setNewFileName(searchText);
@@ -154,8 +162,8 @@ const FileLinkInsertDialog = _ref => {
     }
     try {
       var _res$data;
-      const res = await context.searchSdocFiles(searchText, 1, 10);
-      if (res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.results) {
+      const res = await _context.default.searchSdocFiles(searchText, 1, 10);
+      if (res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data.results) {
         let newFiles = res.data.results;
         if (newFiles.length === 0) {
           setHeader(t('The_document_does_not_exist'));
@@ -168,46 +176,46 @@ const FileLinkInsertDialog = _ref => {
         return;
       }
     } catch (error) {
-      toaster.danger(error.message);
+      _toast.default.danger(error.message);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  useEffect(() => {
-    if (!(element === null || element === void 0 ? void 0 : element.children)) return;
-    const searchText = Node.string(element);
+  (0, _react.useEffect)(() => {
+    if (!(element !== null && element !== void 0 && element.children)) return;
+    const searchText = _slate.Node.string(element);
     onSearch(searchText);
   }, [element, onSearch]);
-  const onSelect = useCallback(fileInfo => {
+  const onSelect = (0, _react.useCallback)(fileInfo => {
     const {
       doc_uuid,
       name,
       wikiRepoId,
       pageId
     } = fileInfo;
-    removeTempInput(editor, element);
+    (0, _helpers.removeTempInput)(editor, element);
     closeDialog();
-    if (editor.editorType === WIKI_EDITOR) {
-      insertWikiPageLink(editor, name, wikiRepoId, pageId);
+    if (editor.editorType === _constants2.WIKI_EDITOR) {
+      (0, _helpers2.insertWikiPageLink)(editor, name, wikiRepoId, pageId);
     } else {
-      insertSdocFileLink(editor, name, doc_uuid);
+      (0, _helpers.insertSdocFileLink)(editor, name, doc_uuid);
     }
   }, [closeDialog, editor, element]);
-  const onShowMore = useCallback(() => {
-    eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: SDOC_LINK,
-      insertSdocFileLinkCallback: insertSdocFileLink
+  const onShowMore = (0, _react.useCallback)(() => {
+    eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants3.SDOC_LINK,
+      insertSdocFileLinkCallback: _helpers.insertSdocFileLink
     });
-    removeTempInput(editor, element);
+    (0, _helpers.removeTempInput)(editor, element);
   }, [editor, element, eventBus]);
-  const onCreateFile = useCallback(e => {
+  const onCreateFile = (0, _react.useCallback)(e => {
     e.stopPropagation();
-    removeTempInput(editor, element);
-    const eventBus = EventBus.getInstance();
-    const dispatchEventKey = editor.editorType === WIKI_EDITOR ? EXTERNAL_EVENT.CREATE_WIKI_PAGE : EXTERNAL_EVENT.CREATE_SDOC_FILE;
+    (0, _helpers.removeTempInput)(editor, element);
+    const eventBus = _eventBus.default.getInstance();
+    const dispatchEventKey = editor.editorType === _constants2.WIKI_EDITOR ? _constants.EXTERNAL_EVENT.CREATE_WIKI_PAGE : _constants.EXTERNAL_EVENT.CREATE_SDOC_FILE;
     let external_props = {};
-    if (dispatchEventKey === EXTERNAL_EVENT.CREATE_SDOC_FILE) {
+    if (dispatchEventKey === _constants.EXTERNAL_EVENT.CREATE_SDOC_FILE) {
       external_props = {
-        insertSdocFileLink,
+        insertSdocFileLink: _helpers.insertSdocFileLink,
         editor
       };
     }
@@ -216,46 +224,46 @@ const FileLinkInsertDialog = _ref => {
       ...external_props
     });
   }, [editor, element, newFileName]);
-  const createFileTipDefault = useMemo(() => {
-    return editor.editorType === WIKI_EDITOR ? 'New_page' : 'Create_a_new_sdoc_file';
+  const createFileTipDefault = (0, _react.useMemo)(() => {
+    return editor.editorType === _constants2.WIKI_EDITOR ? 'New_page' : 'Create_a_new_sdoc_file';
   }, [editor.editorType]);
-  const createFileName = useMemo(() => {
-    return editor.editorType === WIKI_EDITOR ? newFileName : "".concat(newFileName, ".sdoc");
+  const createFileName = (0, _react.useMemo)(() => {
+    return editor.editorType === _constants2.WIKI_EDITOR ? newFileName : `${newFileName}.sdoc`;
   }, [editor.editorType, newFileName]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-history-files-content popover",
     style: {
       ...position,
       position: 'absolute'
     }
-  }, header.length !== 0 && /*#__PURE__*/React.createElement("div", {
+  }, header.length !== 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-history-files-header"
-  }, header), /*#__PURE__*/React.createElement("div", {
-    className: classNames('sdoc-history-files', {
+  }, header), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sdoc-history-files', {
       'no-header': header.length === 0
     })
   }, files.map(item => {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: item.doc_uuid,
       className: "sdoc-history-files-item",
       onClick: () => {
         onSelect(item);
       }
-    }, /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-document"
-    }), /*#__PURE__*/React.createElement("span", null, item.name));
-  }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("span", null, item.name));
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-history-files-item",
     onClick: onShowMore
-  }, "...", t('More'))), /*#__PURE__*/React.createElement("div", {
+  }, "...", t('More'))), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-history-files-add",
     onClick: onCreateFile
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-append"
-  }), /*#__PURE__*/React.createElement("span", {
+  }), /*#__PURE__*/_react.default.createElement("span", {
     className: "new-file-name"
   }, newFileName ? t('Create_file_name_sdoc', {
     file_name_sdoc: createFileName
   }) : t(createFileTipDefault))));
 };
-export default FileLinkInsertDialog;
+var _default = exports.default = FileLinkInsertDialog;

package/dist/basic-sdk/extension/commons/index.js

@@ -1,6 +1,47 @@
-import ColorMenu from './color-menu';
-import ElementPopover from './element-popover';
-import MoreDropdown from './more-dropdown';
-import { MenuGroup, MenuItem } from './menu';
-import Select from './select';
-export { ColorMenu, ElementPopover, MenuGroup, MenuItem, MoreDropdown, Select };
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ColorMenu", {
+  enumerable: true,
+  get: function () {
+    return _colorMenu.default;
+  }
+});
+Object.defineProperty(exports, "ElementPopover", {
+  enumerable: true,
+  get: function () {
+    return _elementPopover.default;
+  }
+});
+Object.defineProperty(exports, "MenuGroup", {
+  enumerable: true,
+  get: function () {
+    return _menu.MenuGroup;
+  }
+});
+Object.defineProperty(exports, "MenuItem", {
+  enumerable: true,
+  get: function () {
+    return _menu.MenuItem;
+  }
+});
+Object.defineProperty(exports, "MoreDropdown", {
+  enumerable: true,
+  get: function () {
+    return _moreDropdown.default;
+  }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () {
+    return _select.default;
+  }
+});
+var _colorMenu = _interopRequireDefault(require("./color-menu"));
+var _elementPopover = _interopRequireDefault(require("./element-popover"));
+var _moreDropdown = _interopRequireDefault(require("./more-dropdown"));
+var _menu = require("./menu");
+var _select = _interopRequireDefault(require("./select"));

package/dist/basic-sdk/extension/commons/insert-element-dialog/index.js

@@ -1,49 +1,57 @@
-import React, { useCallback, useEffect, useState, useRef } from 'react';
-import { CustomTableSizeDialog, SplitCellSettingDialog } from '../../plugins/table/dialogs';
-import AddLinkDialog from '../../plugins/link/dialog/add-link-dialog';
-import SelectFileDialog from '../select-file-dialog/index.js';
-import EventBus from '../../../utils/event-bus';
-import { INTERNAL_EVENT } from '../../../constants';
-import { ELEMENT_TYPE, INSERT_POSITION, LOCAL_IMAGE } from '../../constants';
-import { insertImage } from '../../plugins/image/helpers';
-import context from '../../../../context.js';
-import FileLinkInsertDialog from '../file-insert-dialog/index.js';
+"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 _dialogs = require("../../plugins/table/dialogs");
+var _addLinkDialog = _interopRequireDefault(require("../../plugins/link/dialog/add-link-dialog"));
+var _index = _interopRequireDefault(require("../select-file-dialog/index.js"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants = require("../../../constants");
+var _constants2 = require("../../constants");
+var _helpers = require("../../plugins/image/helpers");
+var _context = _interopRequireDefault(require("../../../../context.js"));
+var _index2 = _interopRequireDefault(require("../file-insert-dialog/index.js"));
 const InsertElementDialog = _ref => {
   let {
     editor
   } = _ref;
-  const [dialogType, setDialogType] = useState('');
-  const [element, setElement] = useState('');
-  const [insertPosition, setInsertPosition] = useState(INSERT_POSITION.CURRENT);
-  const [slateNode, setSlateNode] = useState(null);
-  const [insertLinkCallback, setInsertLinkCallback] = useState(null);
-  const [validEditor, setValidEditor] = useState(editor);
-  const [linkTitle, setLinkTitle] = useState('');
-  const [handleSubmit, setHandleSubmit] = useState(() => void 0);
-  const uploadLocalImageInputRef = useRef();
-  const onFileChanged = useCallback(event => {
+  const [dialogType, setDialogType] = (0, _react.useState)('');
+  const [element, setElement] = (0, _react.useState)('');
+  const [insertPosition, setInsertPosition] = (0, _react.useState)(_constants2.INSERT_POSITION.CURRENT);
+  const [slateNode, setSlateNode] = (0, _react.useState)(null);
+  const [insertLinkCallback, setInsertLinkCallback] = (0, _react.useState)(null);
+  const [validEditor, setValidEditor] = (0, _react.useState)(editor);
+  const [linkTitle, setLinkTitle] = (0, _react.useState)('');
+  const [handleSubmit, setHandleSubmit] = (0, _react.useState)(() => void 0);
+  const uploadLocalImageInputRef = (0, _react.useRef)();
+  const onFileChanged = (0, _react.useCallback)(event => {
     const files = event.target.files;
-    context.uploadLocalImage(files).then(fileUrl => {
-      insertImage(validEditor, fileUrl, validEditor.selection, insertPosition);
+    _context.default.uploadLocalImage(files).then(fileUrl => {
+      (0, _helpers.insertImage)(validEditor, fileUrl, validEditor.selection, insertPosition);
       if (uploadLocalImageInputRef.current) {
         uploadLocalImageInputRef.current.value = '';
       }
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [validEditor, uploadLocalImageInputRef, insertPosition, slateNode]);
-  useEffect(() => {
-    const eventBus = EventBus.getInstance();
-    const toggleDialogSubscribe = eventBus.subscribe(INTERNAL_EVENT.INSERT_ELEMENT, toggleDialog);
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const toggleDialogSubscribe = eventBus.subscribe(_constants.INTERNAL_EVENT.INSERT_ELEMENT, toggleDialog);
     return () => {
       toggleDialogSubscribe();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const toggleDialog = useCallback(_ref2 => {
+  const toggleDialog = (0, _react.useCallback)(_ref2 => {
     let {
       type,
       element,
-      insertPosition = INSERT_POSITION.CURRENT,
+      insertPosition = _constants2.INSERT_POSITION.CURRENT,
       slateNode,
       insertFileLinkCallback,
       insertSdocFileLinkCallback,
@@ -64,14 +72,14 @@ const InsertElementDialog = _ref => {
     setHandleSubmit(handleSubmit);
     // Apply for comment editor, as it has a different editor instance
     setValidEditor(paramEditor || editor);
-    if (type === LOCAL_IMAGE) {
+    if (type === _constants2.LOCAL_IMAGE) {
       setTimeout(() => {
         uploadLocalImageInputRef.current && uploadLocalImageInputRef.current.click();
       }, 0);
     }
   }, [editor]);
-  const closeDialog = useCallback(() => {
-    setInsertPosition(INSERT_POSITION.CURRENT);
+  const closeDialog = (0, _react.useCallback)(() => {
+    setInsertPosition(_constants2.INSERT_POSITION.CURRENT);
     setSlateNode(null);
     setElement('');
     setDialogType('');
@@ -89,19 +97,19 @@ const InsertElementDialog = _ref => {
     handleSubmit
   };
   switch (dialogType) {
-    case ELEMENT_TYPE.TABLE:
+    case _constants2.ELEMENT_TYPE.TABLE:
       {
-        return /*#__PURE__*/React.createElement(CustomTableSizeDialog, props);
+        return /*#__PURE__*/_react.default.createElement(_dialogs.CustomTableSizeDialog, props);
       }
-    case ELEMENT_TYPE.TABLE_CELL:
+    case _constants2.ELEMENT_TYPE.TABLE_CELL:
       {
-        return /*#__PURE__*/React.createElement(SplitCellSettingDialog, props);
+        return /*#__PURE__*/_react.default.createElement(_dialogs.SplitCellSettingDialog, props);
       }
-    case ELEMENT_TYPE.LINK:
+    case _constants2.ELEMENT_TYPE.LINK:
       {
-        return /*#__PURE__*/React.createElement(AddLinkDialog, props);
+        return /*#__PURE__*/_react.default.createElement(_addLinkDialog.default, props);
       }
-    case ELEMENT_TYPE.SDOC_LINK:
+    case _constants2.ELEMENT_TYPE.SDOC_LINK:
       {
         const sdocLinkProps = {
           editor: validEditor,
@@ -109,9 +117,9 @@ const InsertElementDialog = _ref => {
           insertLinkCallback,
           closeDialog
         };
-        return /*#__PURE__*/React.createElement(SelectFileDialog, sdocLinkProps);
+        return /*#__PURE__*/_react.default.createElement(_index.default, sdocLinkProps);
       }
-    case ELEMENT_TYPE.FILE_LINK:
+    case _constants2.ELEMENT_TYPE.FILE_LINK:
       {
         const fileLinkProps = {
           editor: validEditor,
@@ -119,11 +127,11 @@ const InsertElementDialog = _ref => {
           insertLinkCallback,
           closeDialog
         };
-        return /*#__PURE__*/React.createElement(SelectFileDialog, fileLinkProps);
+        return /*#__PURE__*/_react.default.createElement(_index.default, fileLinkProps);
       }
-    case LOCAL_IMAGE:
+    case _constants2.LOCAL_IMAGE:
       {
-        return /*#__PURE__*/React.createElement("input", {
+        return /*#__PURE__*/_react.default.createElement("input", {
           onClick: e => e.stopPropagation(),
           ref: uploadLocalImageInputRef,
           type: "file",
@@ -135,9 +143,9 @@ const InsertElementDialog = _ref => {
           onChange: onFileChanged
         });
       }
-    case ELEMENT_TYPE.FILE_LINK_INSET_INPUT_TEMP:
+    case _constants2.ELEMENT_TYPE.FILE_LINK_INSET_INPUT_TEMP:
       {
-        return /*#__PURE__*/React.createElement(FileLinkInsertDialog, {
+        return /*#__PURE__*/_react.default.createElement(_index2.default, {
           element: slateNode,
           editor: editor,
           closeDialog: closeDialog
@@ -149,4 +157,4 @@ const InsertElementDialog = _ref => {
       }
   }
 };
-export default InsertElementDialog;
+var _default = exports.default = InsertElementDialog;

package/dist/basic-sdk/extension/commons/menu/index.js

@@ -1,4 +1,21 @@
-import MenuGroup from './menu-group';
-import MenuItem from './menu-item';
-import './menu.css';
-export { MenuGroup, MenuItem };
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MenuGroup", {
+  enumerable: true,
+  get: function () {
+    return _menuGroup.default;
+  }
+});
+Object.defineProperty(exports, "MenuItem", {
+  enumerable: true,
+  get: function () {
+    return _menuItem.default;
+  }
+});
+var _menuGroup = _interopRequireDefault(require("./menu-group"));
+var _menuItem = _interopRequireDefault(require("./menu-item"));
+require("./menu.css");

package/dist/basic-sdk/extension/commons/menu/menu-group.js

@@ -1,14 +1,21 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-class MenuGroup extends React.PureComponent {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+class MenuGroup extends _react.default.PureComponent {
   render() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: 'btn-group ' + this.props.className,
       role: 'group'
     }, this.props.children);
   }
 }
-_defineProperty(MenuGroup, "defaultProps", {
+(0, _defineProperty2.default)(MenuGroup, "defaultProps", {
   className: 'menu-group'
 });
-export default MenuGroup;
+var _default = exports.default = MenuGroup;

package/dist/basic-sdk/extension/commons/menu/menu-item.js

@@ -1,8 +1,16 @@
-import React, { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import Tooltip from '../../../../components/tooltip';
-import classnames from 'classnames';
-import { SDOC_LINK } from '../../constants';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _constants = require("../../constants");
 const MenuItem = _ref => {
   let {
     disabled,
@@ -17,33 +25,33 @@ const MenuItem = _ref => {
   } = _ref;
   const {
     t
-  } = useTranslation();
-  const onClick = useCallback(event => {
+  } = (0, _reactI18next.useTranslation)();
+  const onClick = (0, _react.useCallback)(event => {
     if (disabled) return;
     onMouseDown(event, type);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [disabled, type]);
-  const validClassName = classnames('', className, {
+  const validClassName = (0, _classnames.default)('', className, {
     'btn btn-icon btn-secondary btn-active': !isRichEditor,
     'rich-icon-btn': isRichEditor,
     'rich-icon-btn-disabled': isRichEditor && disabled,
     'rich-icon-btn-hover': isRichEditor && !disabled
   });
-  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", {
     id: id,
     type: "button",
     className: validClassName,
     disabled: disabled,
     "data-active": isActive,
     onClick: onClick
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: iconClass
-  }), type === SDOC_LINK && /*#__PURE__*/React.createElement("span", {
+  }), type === _constants.SDOC_LINK && /*#__PURE__*/_react.default.createElement("span", {
     className: "sdoc-link-menu-item"
-  }, /*#__PURE__*/React.createElement("span", null, t(text)), /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, t(text)), /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-drop-down"
-  }))), /*#__PURE__*/React.createElement(Tooltip, {
+  }))), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: id
   }, t(text)));
 };
@@ -51,4 +59,4 @@ MenuItem.defaultProps = {
   isRichEditor: true,
   className: 'menu-group-item'
 };
-export default MenuItem;
+var _default = exports.default = MenuItem;