@seafile/comment-editor 0.0.1-alpha.0

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

@@ -0,0 +1,282 @@
+"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 _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _toast = _interopRequireDefault(require("../../../components/toast"));
+var _constants = require("../../../constants");
+var _context = _interopRequireDefault(require("../../../context"));
+var _commonUtils = require("../../../utils/common-utils");
+var _debounce = _interopRequireDefault(require("../../../utils/debounce"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _localStorageUtils = _interopRequireDefault(require("../../../utils/local-storage-utils"));
+var _constants2 = require("../../constants");
+var _helpers = require("../../plugins/sdoc-link/helpers");
+var _helpers2 = require("../select-file-dialog/helpers");
+require("./style.css");
+const FileLinkInsertDialog = _ref => {
+  let {
+    editor,
+    element,
+    closeDialog
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
+  const eventBus = _eventBus.default.getInstance();
+  const fileLinkInsertRef = (0, _react.useRef)(null);
+  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] = (0, _react.useState)('');
+  const [header, setHeader] = (0, _react.useState)(t('Recent_visited'));
+  const [hiddenMoreMenu, setHiddenMoreMenu] = (0, _react.useState)(false);
+  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 (0, _helpers.insertTextWhenRemoveFileNameCollector)(editor, element, ...args);
+  }, [editor, element]);
+  const getPosition = (0, _react.useCallback)(e => {
+    const {
+      selection
+    } = editor;
+    const nodeEntry = _slate.Editor.node(editor, selection);
+    const domNode = _slateReact.ReactEditor.toDOMNode(editor, nodeEntry[0]);
+    if (domNode) {
+      const topGap = 20;
+      const leftGap = 5;
+      const {
+        top,
+        left
+      } = domNode.getBoundingClientRect();
+      let popoverTop = top + topGap;
+      let popoverLeft = left + leftGap;
+
+      // Insert gap between the popover and the selected node
+      // file item height 32px, header height 32px, add button height 32px, margin-top 8px, max-height 306px
+      const popoverHeight = Math.min(files.length * 32 + 32 * 3 + 8, 300);
+      // Insert gap between the popover and the selected node
+      const popoverBottomY = top + popoverHeight + topGap;
+      const viewportHeight = window.innerHeight;
+      if (popoverBottomY > viewportHeight) {
+        // 8px for the gap between the popover and the bottom of the viewport
+        const counterTopGap = 8;
+        popoverTop = top - popoverHeight - counterTopGap;
+      }
+      setPosition({
+        top: popoverTop,
+        left: popoverLeft
+      });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [files]);
+  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;
+
+    // Click on the insertion position without closing
+    const insertCollectorEl = document.querySelector('.sdoc-file-name-insert-collector');
+    if (insertCollectorEl && insertCollectorEl.className === e.target.className) return;
+    deleteInputAndInsertText();
+    closeDialog();
+  }, [closeDialog, deleteInputAndInsertText]);
+  const onScroll = (0, _react.useCallback)(e => {
+    getPosition(e);
+  }, [getPosition]);
+  const getHistoryFiles = (0, _react.useCallback)(isCalculatedByFiles => {
+    const getItemKey = 'sdoc-recent-files';
+    let files = _localStorageUtils.default.getItem(getItemKey) || [];
+    if (isCalculatedByFiles) {
+      const newFiles = (0, _commonUtils.getMaximumCapacity)(files);
+      // Can accommodate all without showing more operations
+      if (files.length <= newFiles.length) {
+        setHiddenMoreMenu(true);
+      }
+      files = newFiles;
+    }
+    setFiles(files);
+  }, []);
+  (0, _react.useEffect)(() => {
+    fileLinkInsertRef.current['isFirstMount'] = true;
+    getHistoryFiles();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const onKeydown = (0, _react.useCallback)(e => {
+    const {
+      key
+    } = e;
+    switch (key) {
+      case 'Escape':
+        deleteInputAndInsertText();
+        closeDialog();
+        break;
+      case 'ArrowRight':
+      case 'ArrowLeft':
+        deleteInputAndInsertText();
+        closeDialog();
+        break;
+      case 'ArrowUp':
+      case 'ArrowDown':
+        deleteInputAndInsertText();
+        closeDialog();
+        break;
+      default:
+        break;
+    }
+  }, [closeDialog, deleteInputAndInsertText]);
+  (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(_constants.INTERNAL_EVENT.CLOSE_FILE_INSET_DIALOG, closeDialog);
+    return () => {
+      sdocScrollContainer.removeEventListener('scroll', onScroll);
+      document.removeEventListener('click', onClick);
+      document.removeEventListener('keydown', onKeydown);
+      unsubscribeCloseDialog();
+    };
+    // eslint-disable-next-line
+  }, [closeDialog, eventBus, getPosition, onClick, onKeydown, onScroll]);
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const onSearch = (0, _react.useCallback)((0, _debounce.default)(async searchText => {
+    // Show history files when search is empty
+    if (searchText.trim().length === 0) {
+      setHeader(t('Recent_visited'));
+      setHiddenMoreMenu(true);
+      setNewFileName('');
+      getHistoryFiles();
+      return;
+    }
+    setNewFileName(searchText);
+
+    // Cannot be found if the search is less than three characters.
+    if ((0, _commonUtils.isEnglish)(searchText.trim()) && searchText.length < 3) {
+      setFiles([]);
+      setHeader(t('Enter_more_character_start_search'));
+      return;
+    }
+    try {
+      var _res$data;
+      const res = await _context.default.getSearchFilesByFilename(searchText, 1, 10, 'sdoc');
+      if (res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data.results) {
+        let newFiles = res.data.results;
+        setHeader(t(newFiles.length === 0 ? 'No_results' : 'Link_to_file'));
+        setHiddenMoreMenu(true);
+        setFiles(newFiles);
+        return;
+      }
+    } catch (error) {
+      _toast.default.danger(error.message);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, 50), []);
+  (0, _react.useEffect)(() => {
+    if (!(element !== null && element !== void 0 && element.children)) return;
+    // No search on first load
+    if (fileLinkInsertRef.current['isFirstMount']) {
+      fileLinkInsertRef.current['isFirstMount'] = false;
+      return;
+    }
+    const searchText = _slate.Node.string(element);
+    onSearch(searchText);
+  }, [element, onSearch]);
+  const onSelect = (0, _react.useCallback)(fileInfo => {
+    const {
+      doc_uuid,
+      name
+    } = fileInfo;
+    (0, _helpers.removeTempInput)(editor, element);
+    closeDialog();
+    (0, _helpers.insertSdocFileLink)(editor, name, doc_uuid);
+  }, [closeDialog, editor, element]);
+  const onShowMore = (0, _react.useCallback)(() => {
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.SDOC_LINK,
+      insertSdocFileLinkCallback: _helpers.insertSdocFileLink
+    });
+    (0, _helpers.removeTempInput)(editor, element);
+  }, [editor, element, eventBus]);
+  const onCreateFile = (0, _react.useCallback)(e => {
+    e.stopPropagation();
+    (0, _helpers.removeTempInput)(editor, element);
+    const eventBus = _eventBus.default.getInstance();
+    const createName = newFileName.trim() || t('Create_a_new_file');
+    const external_props = {
+      insertSdocFileLink: _helpers.insertSdocFileLink,
+      editor,
+      noShowDialog: true
+    };
+    eventBus.dispatch(_constants.INTERNAL_EVENT.CREATE_SDOC_FILE, {
+      newFileName: createName,
+      ...external_props
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, element, newFileName]);
+  const createFileTipDefault = (0, _react.useMemo)(() => {
+    return 'Create_a_new_file';
+  }, []);
+  const createFileName = (0, _react.useMemo)(() => {
+    return `${newFileName}.sdoc`;
+  }, [newFileName]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: fileLinkInsertRef,
+    className: "sdoc-history-files-content popover",
+    style: {
+      ...position,
+      position: 'absolute'
+    }
+  }, header.length !== 0 && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-history-files-header"
+  }, header), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sdoc-history-files', {
+      'no-header': header.length === 0
+    })
+  }, files.map(item => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: item.doc_uuid,
+      className: "sdoc-history-files-item",
+      onClick: () => {
+        onSelect(item);
+      }
+    }, /*#__PURE__*/_react.default.createElement("img", {
+      className: "file-item-img",
+      src: (0, _helpers2.getSdocFileIcon)(),
+      alt: ""
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: "file-item-name"
+    }, item.name));
+  }), !hiddenMoreMenu && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-history-files-item",
+    onClick: onShowMore
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "file-item-more sdocfont sdoc-more"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "more-text"
+  }, t('More')))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-history-files-add",
+    onClick: onCreateFile
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "sdocfont sdoc-append"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "new-file-name"
+  }, newFileName ? t('Create_file_name_sdoc', {
+    file_name_sdoc: createFileName
+  }) : t(createFileTipDefault))));
+};
+var _default = exports.default = FileLinkInsertDialog;

package/dist/basic-sdk/extension/commons/file-insert-dialog/style.css

@@ -0,0 +1,91 @@
+.sdoc-history-files-content {
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  width: 400px;
+  max-width: 400px;
+  max-height: 350px;
+  /* The same as hierarchy of comment drawer  */
+  z-index: 103;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 4px 8px 3px rgba(0, 0, 0, .15);
+}
+
+.sdoc-history-files-content .sdoc-history-files-header {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  margin-top: 8px;
+  padding: 0px 16px;
+  height: 32px;
+  width: 100%;
+  color: #999999;
+  font-size: 14px;
+  user-select: none;
+  cursor: default;
+}
+
+.sdoc-history-files-content .sdoc-history-files {
+  flex-grow: 1;
+  overflow-y: auto;
+  cursor: pointer;
+}
+
+.sdoc-history-files-content .no-header {
+  margin-top: 8px;
+  width: 100%;
+}
+
+.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item {
+  padding: 6px 16px;
+  height: 32px;
+  font-size: 14px;
+  display: flex;
+  align-items: flex-start;
+}
+
+.sdoc-history-files-content .sdoc-history-files .file-item-img {
+  width: 21.6px;
+  margin-right: 6px;
+}
+
+.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-name {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-more {
+  font-size: 16px;
+  margin-left: 2px;
+}
+
+.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item .more-text {
+  margin-left: 10px;
+}
+
+.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item:hover {
+  background-color: #f5f5f5;
+}
+
+.sdoc-history-files-content .sdoc-history-files-add {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  padding: 0px 16px;
+  height: 32px;
+  width: 100%;
+  border-top: 1px solid #e9ecef;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.sdoc-history-files-content .sdoc-history-files-add :first-child {
+  color: #444444;
+  margin-right: 10px;
+}
+
+.sdoc-history-files-content .sdoc-history-files-add .new-file-name {
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}

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

@@ -0,0 +1,47 @@
+"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 _menu = require("./menu");
+var _moreDropdown = _interopRequireDefault(require("./more-dropdown"));
+var _select = _interopRequireDefault(require("./select"));

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

@@ -0,0 +1,251 @@
+"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 _toast = _interopRequireDefault(require("../../../components/toast"));
+var _constants = require("../../../constants");
+var _context = _interopRequireDefault(require("../../../context"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants2 = require("../../constants");
+var _index = _interopRequireDefault(require("../../plugins/ai/ai-module/index.js"));
+var _helpers = require("../../plugins/image/helpers");
+var _addLinkDialog = _interopRequireDefault(require("../../plugins/link/dialog/add-link-dialog"));
+var _dialogs = require("../../plugins/table/dialogs");
+var _index2 = require("../../plugins/video/constants/index.js");
+var _index3 = _interopRequireDefault(require("../../plugins/video/dialog/add-video-link-dialog/index.js"));
+var _helpers2 = require("../../plugins/video/helpers");
+var _index4 = _interopRequireDefault(require("../file-insert-dialog/index.js"));
+var _index5 = _interopRequireDefault(require("../select-file-dialog/index.js"));
+var _index6 = _interopRequireDefault(require("../wiki-file-insert-dialog/index.js"));
+const InsertElementDialog = _ref => {
+  let {
+    editor
+  } = _ref;
+  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 [insertVideoCallback, setInsertVideoCallback] = (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 [data, setData] = (0, _react.useState)({});
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
+  const uploadLocalImageInputRef = (0, _react.useRef)();
+  const uploadLocalVideoInputRef = (0, _react.useRef)();
+  const onFileChanged = (0, _react.useCallback)(event => {
+    const imgInfos = (0, _helpers.generateImageInfos)(event.target.files);
+    (0, _helpers.insertImage)(validEditor, imgInfos, validEditor.selection, insertPosition);
+    if (uploadLocalImageInputRef.current) {
+      uploadLocalImageInputRef.current.value = '';
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [validEditor, uploadLocalImageInputRef, insertPosition, slateNode]);
+  const handleDisplayAlert = (0, _react.useCallback)(() => {
+    setTimeout(() => {
+      _toast.default.warning(`${t('The_current_version_does_not_support_>5MB_video_file')}`, {
+        duration: 3
+      });
+    }, 0);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const onVideoFileChanged = (0, _react.useCallback)(event => {
+    const files = event.target.files;
+    // Show warning for 3s and no further insertion if video file is more than 5MB
+    if (files[0].size > _index2.VIDEO_MAX_SIZE_5MB) {
+      handleDisplayAlert();
+      event.target.value = null;
+      return;
+    }
+    _context.default.uploadLocalVideo(files).then(fileUrl => {
+      (0, _helpers2.insertVideo)(validEditor, files, fileUrl, validEditor.selection, insertPosition);
+      if (uploadLocalVideoInputRef.current) {
+        uploadLocalVideoInputRef.current.value = '';
+      }
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [validEditor, uploadLocalImageInputRef, insertPosition, slateNode]);
+  (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 = (0, _react.useCallback)(_ref2 => {
+    let {
+      type,
+      element,
+      insertPosition = _constants2.INSERT_POSITION.CURRENT,
+      slateNode,
+      insertFileLinkCallback,
+      insertSdocFileLinkCallback,
+      insertVideo,
+      editor: paramEditor,
+      linkTitle,
+      // link shortcut wrapping link
+      handleSubmit,
+      data
+    } = _ref2;
+    setInsertPosition(insertPosition);
+    setSlateNode(slateNode);
+    setElement(element);
+    setDialogType(type);
+    setInsertLinkCallback({
+      insertSdocFileLinkCallback,
+      insertFileLinkCallback
+    });
+    setInsertVideoCallback({
+      insertVideo
+    });
+    setLinkTitle(linkTitle);
+    setHandleSubmit(handleSubmit);
+    // Apply for comment editor, as it has a different editor instance
+    setValidEditor(paramEditor || editor);
+    setData(data);
+    if (type === _constants2.LOCAL_IMAGE) {
+      setTimeout(() => {
+        uploadLocalImageInputRef.current && uploadLocalImageInputRef.current.click();
+      }, 0);
+    }
+    if (type === _constants2.LOCAL_VIDEO) {
+      setTimeout(() => {
+        uploadLocalVideoInputRef.current && uploadLocalVideoInputRef.current.click();
+      }, 0);
+    }
+  }, [editor]);
+  const closeDialog = (0, _react.useCallback)(() => {
+    setInsertPosition(_constants2.INSERT_POSITION.CURRENT);
+    setSlateNode(null);
+    setElement('');
+    setDialogType('');
+    setInsertLinkCallback(null);
+    setInsertVideoCallback(null);
+    setValidEditor(null);
+    setLinkTitle('');
+    setData('');
+  }, []);
+  const props = {
+    insertPosition,
+    slateNode,
+    editor: validEditor,
+    element,
+    closeDialog,
+    linkTitle,
+    handleSubmit,
+    data
+  };
+  switch (dialogType) {
+    case _constants2.ELEMENT_TYPE.TABLE:
+      {
+        return /*#__PURE__*/_react.default.createElement(_dialogs.CustomTableSizeDialog, props);
+      }
+    case _constants2.ELEMENT_TYPE.TABLE_CELL:
+      {
+        return /*#__PURE__*/_react.default.createElement(_dialogs.SplitCellSettingDialog, props);
+      }
+    case _constants2.ELEMENT_TYPE.LINK:
+      {
+        return /*#__PURE__*/_react.default.createElement(_addLinkDialog.default, props);
+      }
+    case _constants2.ELEMENT_TYPE.SDOC_LINK:
+      {
+        const sdocLinkProps = {
+          editor: validEditor,
+          dialogType,
+          insertLinkCallback,
+          closeDialog
+        };
+        return /*#__PURE__*/_react.default.createElement(_index5.default, sdocLinkProps);
+      }
+    case _constants2.ELEMENT_TYPE.FILE_LINK:
+      {
+        const fileLinkProps = {
+          editor: validEditor,
+          dialogType,
+          insertLinkCallback,
+          closeDialog
+        };
+        return /*#__PURE__*/_react.default.createElement(_index5.default, fileLinkProps);
+      }
+    case _constants2.ELEMENT_TYPE.VIDEO:
+      {
+        const videoProps = {
+          editor: validEditor,
+          dialogType,
+          insertVideoCallback,
+          closeDialog
+        };
+        return /*#__PURE__*/_react.default.createElement(_index5.default, videoProps);
+      }
+    case _constants2.ELEMENT_TYPE.VIDEO_LINK:
+      {
+        return /*#__PURE__*/_react.default.createElement(_index3.default, props);
+      }
+    case _constants2.LOCAL_IMAGE:
+      {
+        return /*#__PURE__*/_react.default.createElement("input", {
+          onClick: e => e.stopPropagation(),
+          ref: uploadLocalImageInputRef,
+          type: "file",
+          multiple: true,
+          accept: "image/*",
+          style: {
+            display: 'none'
+          },
+          onChange: onFileChanged
+        });
+      }
+    case _constants2.LOCAL_VIDEO:
+      {
+        return /*#__PURE__*/_react.default.createElement("input", {
+          onClick: e => e.stopPropagation(),
+          ref: uploadLocalVideoInputRef,
+          type: "file",
+          accept: "video/*",
+          style: {
+            display: 'none'
+          },
+          onChange: onVideoFileChanged
+        });
+      }
+    case _constants2.ELEMENT_TYPE.FILE_LINK_INSET_INPUT_TEMP:
+      {
+        if (editor.editorType === _constants.WIKI_EDITOR) {
+          return /*#__PURE__*/_react.default.createElement(_index6.default, {
+            element: slateNode,
+            editor: editor,
+            closeDialog: closeDialog
+          });
+        }
+        return /*#__PURE__*/_react.default.createElement(_index4.default, {
+          element: slateNode,
+          editor: editor,
+          closeDialog: closeDialog
+        });
+      }
+    case _constants2.ELEMENT_TYPE.ASK_AI:
+      {
+        return /*#__PURE__*/_react.default.createElement(_index.default, {
+          element: slateNode,
+          editor: editor,
+          closeModule: closeDialog
+        });
+      }
+    default:
+      {
+        return null;
+      }
+  }
+};
+var _default = exports.default = InsertElementDialog;

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

@@ -0,0 +1,21 @@
+"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");