@seafile/comment-editor 0.0.1 → 0.0.2

package/README.md

@@ -13,8 +13,6 @@ comment-editor/
     favicon.ico
   site(demo 模块, 基于组件库创建的测试模块)
     _i18n                   // 国际化模块
-    api                     // api 模块
-    assets                  // css 文件, 图片文件
     commons                 // 公共组件
     components              // 应用组件
     pages                   // 页面组件
@@ -22,13 +20,9 @@ comment-editor/
     index.html              // 主页
     index.js                // 应用入口
     setting.js              // 应用配置文件
-    setting.local.dist.js   // 应用配置模版
-    setting.local.dist      // 用户基于 setting.local.dist.js copy 一份的配置文件
+    setting.local.js   // 应用配置模版
   src/(组件库)
-    assets                  // css 文件, 资源文件
     basic-sdk               // 编辑器元素包
-    components              // 封装的视图组件
-    utils                   // 工具接口
     pages                   // 封装的视图组件
     index.js                // 组件库导出内容入口文件
   tests                     // 测试
@@ -40,7 +34,7 @@ comment-editor/
 ```
 
 ## 本地测试步骤
-1. 新增本地配置文件 setting.local.js(基于 /site/setting.local.dist.js copy 一份)
+1. 新增本地配置文件 setting.local.js(基于 /site/setting.js copy 一份)
 2. 在 seahub 项目创建一个测试文件, 根据需要的配置信息完善配置内容
 3. 执行 npm run start, 启动测试服务, 可以打开相应的网址, 对封装的组件进行测试
 

package/dist/basic-sdk/constants/index.js

@@ -1,118 +1,29 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.INTERNAL_EVENT = exports.HEADER_OUTLINE_WIDTH_MAPPING = exports.FULL_WIDTH_MODE = exports.DOCUMENT_PLUGIN_EDITOR = exports.DIFF_VIEWER = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR = exports.ARTICLE_FULL_WIDTH = exports.ARTICLE_FULL_MIN_WIDTH = exports.ARTICLE_DEFAULT_WIDTH = void 0;
+exports.INTERNAL_EVENT = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR = void 0;
 Object.defineProperty(exports, "KeyCodes", {
   enumerable: true,
   get: function () {
     return _keyCodes.default;
   }
 });
-exports.PAGE_EDIT_AREA_WIDTH = exports.MODIFY_TYPE = exports.LEFT_OUTLINE_WIDTH = void 0;
-Object.defineProperty(exports, "PLUGIN_DISPLAY_TYPE", {
-  enumerable: true,
-  get: function () {
-    return _plugin.PLUGIN_DISPLAY_TYPE;
-  }
-});
-exports.Z_INDEX = exports.WIKI_OUTLINE = exports.WIKI_EDITOR = exports.SDOC_STORAGE = exports.REBASE_TYPES = exports.REBASE_TYPE = exports.REBASE_ORIGIN = exports.REBASE_MARK_KEY = exports.REBASE_MARKS = void 0;
 var _keyCodes = _interopRequireDefault(require("./key-codes"));
-var _plugin = require("./plugin");
-var _Z_INDEX = _interopRequireWildcard(require("./z-index"));
-exports.Z_INDEX = _Z_INDEX;
 const INTERNAL_EVENT = exports.INTERNAL_EVENT = {
   CANCEL_TABLE_SELECT_RANGE: 'cancel_table_select_range',
-  SET_TABLE_SELECT_RANGE: 'set_table_select_range',
-  HIDDEN_CODE_BLOCK_HOVER_MENU: 'hidden_code_block_hover_menu',
   ON_MOUSE_ENTER_BLOCK: 'on_mouse_enter_block',
   ON_DRAG_OVER_BLOCK: 'on_drag_over_block',
   ON_DRAG_LEAVE_BLOCK: 'on_drag_leave_block',
   ON_DRAG_DROP_BLOCK: 'on_drag_drop_block',
   INSERT_ELEMENT: 'insert_element',
-  OUTLINE_STATE_CHANGED: 'outline_state_changed',
   RELOAD_IMAGE: 'reload_image',
-  ARTICLE_CLICK: 'hidden_comment',
-  UNSEEN_NOTIFICATIONS_COUNT: 'unseen_notifications_count',
-  CLOSE_CALLOUT_COLOR_PICKER: 'close_callout_color_picker',
-  OPEN_SEARCH_REPLACE_MODAL: 'open_search_replace_modal',
-  UPDATE_SEARCH_REPLACE_HIGHLIGHT: 'update_search_replace_highlight',
-  TABLE_CELL_MOUSE_ENTER: 'table_cell_mouse_enter',
   HANDLE_MENTION_TEMP_CHOSEN: 'handle_mention_temp_chosen',
   UPDATE_MENTION_TEMP_CONTENT: 'update_mention_temp_content',
-  TABLE_COLUMN_START_DRAG: 'table_column_start_drag',
-  TABLE_SHOW_DRAG_HANDLER: 'table_show_drag_handler',
-  TABLE_HIDE_DRAG_HANDLER: 'table_show_drag_handler',
-  ON_PRINT: 'on_print',
   COMMENT_EDITOR_POST_COMMENT: 'comment_editor_post_comment',
-  CLOSE_FILE_INSET_DIALOG: 'close_file_insert_dialog',
-  RESIZE_ARTICLE: 'resize_article',
-  ON_VIDEO_FILES_UPLOADED: 'on_video_files_uploaded',
-  RELOAD_COMMENT: 'reload_comment',
-  ASK_AI: 'ask_ai',
-  ADD_CONTEXT_COMMENT: 'add_context_comment',
-  REFRESH_DOCUMENT: 'refresh_document',
-  PUBLISH_DOCUMENT: 'publish_document',
-  PUBLISH_DOCUMENT_ERROR: 'publish_document_error',
-  DOCUMENT_REPLACED: 'document_replaced',
-  DOCUMENT_REPLACED_ERROR: 'document_replaced_error',
-  REMOVE_DOCUMENT: 'remove_document',
-  REMOVE_DOCUMENT_ERROR: 'remove_document_error',
-  NEW_NOTIFICATION: 'new_notification',
-  CLEAR_NOTIFICATION: 'clear_notification',
-  PARTICIPANT_ADDED: 'participant-added',
-  PARTICIPANT_REMOVED: 'participant-removed',
-  TOGGLE_PRESENTATION_MODE: 'toggle_presentation_mode',
-  CREATE_SDOC_FILE: 'create_sdoc_file',
-  CREATE_WIKI_PAGE: 'create_wiki_page',
   IMAGE_COLUMN_TOGGLE: 'Image_column_toggle'
 };
-const PAGE_EDIT_AREA_WIDTH = exports.PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
 const COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = 364;
-const COMMENT_EDITOR = exports.COMMENT_EDITOR = 'comment_editor';
-const WIKI_EDITOR = exports.WIKI_EDITOR = 'wiki_editor';
-const DOCUMENT_PLUGIN_EDITOR = exports.DOCUMENT_PLUGIN_EDITOR = 'document_plugin_editor';
-const WIKI_OUTLINE = exports.WIKI_OUTLINE = 'wiki-outline';
-const HEADER_OUTLINE_WIDTH_MAPPING = exports.HEADER_OUTLINE_WIDTH_MAPPING = {
-  header1: '16px',
-  header2: '12px',
-  header3: '8px'
-};
-const MODIFY_TYPE = exports.MODIFY_TYPE = {
-  ADD: 'add',
-  DELETE: 'delete',
-  MODIFY: 'modify',
-  CHILDREN_MODIFY: 'children_modify'
-};
-const REBASE_TYPE = exports.REBASE_TYPE = {
-  MODIFY_MODIFY: 'modify_modify',
-  DELETE_MODIFY: 'delete_modify',
-  MODIFY_DELETE: 'modify_delete'
-};
-const REBASE_TYPES = exports.REBASE_TYPES = [REBASE_TYPE.MODIFY_DELETE, REBASE_TYPE.DELETE_MODIFY, REBASE_TYPE.MODIFY_MODIFY];
-const REBASE_MARK_KEY = exports.REBASE_MARK_KEY = {
-  ORIGIN: 'origin',
-  REBASE_TYPE: 'rebase_type',
-  MODIFY_TYPE: 'modify_type',
-  OLD_ELEMENT: 'old_element'
-};
-const REBASE_ORIGIN = exports.REBASE_ORIGIN = {
-  OTHER: 'other',
-  MY: 'my'
-};
-const REBASE_MARKS = exports.REBASE_MARKS = [REBASE_MARK_KEY.ORIGIN, REBASE_MARK_KEY.REBASE_TYPE, REBASE_MARK_KEY.MODIFY_TYPE, REBASE_MARK_KEY.OLD_ELEMENT];
-const DIFF_VIEWER = exports.DIFF_VIEWER = 'diff_viewer';
-const FULL_WIDTH_MODE = exports.FULL_WIDTH_MODE = 'full-width-mode';
-const SDOC_STORAGE = exports.SDOC_STORAGE = 'sdoc';
-
-// left outline
-const LEFT_OUTLINE_WIDTH = exports.LEFT_OUTLINE_WIDTH = 280;
-
-// Default mode width
-const ARTICLE_DEFAULT_WIDTH = exports.ARTICLE_DEFAULT_WIDTH = '794px';
-// Width in full width mode
-const ARTICLE_FULL_WIDTH = exports.ARTICLE_FULL_WIDTH = 'calc(100% - 50px - 50px)'; // The left and right sides are 50
-const ARTICLE_FULL_MIN_WIDTH = exports.ARTICLE_FULL_MIN_WIDTH = '400px';
+const COMMENT_EDITOR = exports.COMMENT_EDITOR = 'comment_editor';

package/dist/basic-sdk/context.js

@@ -6,9 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _urlParse = _interopRequireDefault(require("url-parse"));
-var _sdocServerApi = _interopRequireDefault(require("./api/sdoc-server-api"));
-var _seafileApi = _interopRequireDefault(require("./api/seafile-api"));
 class Context {
   constructor() {
     (0, _defineProperty2.default)(this, "initSettings", settings => {
@@ -34,17 +31,7 @@ class Context {
         return relative_path;
       });
     });
-    (0, _defineProperty2.default)(this, "uploadLocalVideo", videoFiles => {
-      const docUuid = this.getSetting('docUuid');
-      return this.api.uploadSdocVideo(docUuid, videoFiles).then(res => {
-        const {
-          relative_path
-        } = res.data;
-        return relative_path;
-      });
-    });
     this.settings = null;
-    this.sdocServerApi = null;
     this.api = null;
     this.config = null;
   }
@@ -59,204 +46,26 @@ class Context {
     if (this.settings[key] === false) return this.settings[key];
     return this.settings[key] || '';
   }
-  getPrintCss() {
-    const server = this.getSetting('serviceUrl');
-    const mediaUrl = this.getSetting('mediaUrl');
-    // const commonCss = `${server}${mediaUrl}css/seafile-ui.css`;
-    const fontCss = `${server}${mediaUrl}/sdoc-editor/sdoc-editor-font.css`;
-    return [fontCss];
-  }
   updateSettings(update) {
     for (let key in update) {
       this.settings[key] = update[key];
     }
   }
-  getEditorConfig() {
-    // When you need to execute this function, make sure to get the latest configuration items
-    const {
-      docUuid,
-      accessToken,
-      sdocServer
-    } = this.getSettings();
-    this.config = {
-      docUuid,
-      accessToken,
-      sdocServer: new _urlParse.default(sdocServer).origin,
-      user: this.getUserInfo()
-    };
-    return this.config;
-  }
-  getFileContent() {
-    return this.sdocServerApi.getDocContent().then(res => {
-      this.settings['last_modify_user'] = res.data.last_modify_user;
-      return res;
-    });
-  }
-  normalizeSdocContent() {
-    return this.sdocServerApi.normalizeSdocContent();
-  }
-  saveContent(content) {
-    return this.sdocServerApi.saveDocContent(content);
-  }
-
-  /**
-   * @private Get DocUuid
-   */
-  getDocUuid() {
-    return this.getSetting('docUuid');
-  }
-  getCollaborators() {
-    return this.sdocServerApi.getCollaborators();
-  }
   getUserInfo() {
     return this.user;
   }
-
-  // comments
-  listComments() {
-    return this.sdocServerApi.listComments();
-  }
-  insertComment(comment) {
-    return this.sdocServerApi.insertComment(comment);
-  }
-  deleteComment(commentId) {
-    return this.sdocServerApi.deleteComment(commentId);
-  }
-  updateComment(commentId, newComment) {
-    return this.sdocServerApi.updateComment(commentId, newComment);
-  }
-  insertReply(commentId, reply) {
-    return this.sdocServerApi.insertReply(commentId, reply);
-  }
-  deleteReply(commentId, replyId) {
-    return this.sdocServerApi.deleteReply(commentId, replyId);
-  }
-  updateReply(commentId, replyId, newReply) {
-    return this.sdocServerApi.updateReply(commentId, replyId, newReply);
-  }
-
-  // revision
-  startRevise() {
-    const repoID = this.getSetting('repoID');
-    const filePath = this.getSetting('docPath');
-    const fileUuid = this.getSetting('docUuid');
-    return this.api.startRevise(repoID, fileUuid, filePath);
-  }
-  getSeadocOriginFileContent() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getSeadocOriginFileContent(docUuid);
-  }
-  getSdocRevisionsCount() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getSdocRevisionsCount(docUuid);
-  }
-  getSdocRevisions(page, perPage) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getSdocRevisions(docUuid, page, perPage);
-  }
-  publishRevision() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.publishRevision(docUuid);
-  }
-  updateSdocRevision(sdocContent) {
-    const docUuid = this.getSetting('docUuid');
-    const docName = this.getSetting('docName');
-    return this.api.updateSdocRevision(docUuid, docName, sdocContent);
-  }
-  deleteSdocRevision() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.deleteSdocRevision(docUuid);
-  }
-  deleteSdocOtherRevision(revisionId) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.deleteSdocOtherRevision(docUuid, revisionId);
-  }
-  getRevisionBaseVersionContent() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getRevisionBaseVersionContent(docUuid);
-  }
-  getPublishedRevisionContent() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getPublishedRevisionContent(docUuid);
-  }
-
-  // local files
-  getSdocLocalFiles(p, type) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getSdocFiles(docUuid, p, type);
-  }
-  getSdocLocalFileId(p) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getSdocFileId(docUuid, p);
-  }
-  getSdocLocalFileUrl(docUuid) {
-    const sdocServer = this.getSetting('serviceUrl');
-    return sdocServer + '/api/v2.1/seadoc/file/' + docUuid + '/?doc_uuid=' + docUuid;
-  }
   copyImage(originDocUuid, imageList) {
     const docUuid = this.getSetting('docUuid');
     return this.api.asyncCopyImages(docUuid, originDocUuid, imageList);
   }
-  getLinkFilesInfo(filesUrl) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getLinkFilesInfo(docUuid, filesUrl);
-  }
   getCopyMoveProgressView(taskId) {
     const docUuid = this.getSetting('docUuid');
     return this.api.getCopyMoveProgressView(docUuid, taskId);
   }
-  searchSdocFiles(query, page, per_page) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.searchSdocFiles(docUuid, query, page, per_page);
-  }
-  getSearchFilesByFilename(query, page, per_page, search_type) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.searchFilesByFilename(docUuid, query, page, per_page, search_type);
-  }
-
-  // participants
-  listParticipants() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.listParticipants(docUuid);
-  }
   addParticipants(emails) {
     const docUuid = this.getSetting('docUuid');
     return this.api.addParticipants(docUuid, emails);
   }
-  deleteParticipants(emails) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.deleteParticipants(docUuid, emails);
-  }
-  listRelatedUsers() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.listRelatedUsers(docUuid);
-  }
-
-  // notification
-  listUnseenNotifications() {
-    const docUuid = this.getDocUuid();
-    return this.api.listUnseenNotifications(docUuid);
-  }
-  deleteUnseenNotifications(notificationIds) {
-    const docUuid = this.getDocUuid();
-    return this.api.deleteUnseenNotifications(docUuid, notificationIds);
-  }
-  readAllNotifications() {
-    const docUuid = this.getDocUuid();
-    return this.api.readAllNotifications(docUuid);
-  }
-  aiTranslate(text, lang) {
-    const docUuid = this.getDocUuid();
-    return this.api.aiTranslate(docUuid, text, lang);
-  }
-  writingAssistant(text, type, custom_prompt) {
-    const docUuid = this.getDocUuid();
-    return this.api.writingAssistant(docUuid, text, type, custom_prompt);
-  }
-  updateConfigUuid(docUuid) {
-    if (!this.config) return;
-    this.config['docUuid'] = docUuid;
-  }
 }
 const context = new Context();
 var _default = exports.default = context;

package/dist/basic-sdk/cursor/helper.js

@@ -1,14 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setCursor = exports.generateCursorData = exports.deleteCursor = void 0;
-var _randomcolor = _interopRequireDefault(require("randomcolor"));
-// selection: { anchor, focus }
-// cursor: { anchor, focus }
-
+exports.setCursor = void 0;
 const setCursor = (editor, user, location, cursorData) => {
   const {
     username: clientId
@@ -30,28 +25,4 @@ const setCursor = (editor, user, location, cursorData) => {
   };
   return editor;
 };
-exports.setCursor = setCursor;
-const deleteCursor = (editor, username) => {
-  delete editor.cursors[username];
-  editor.cursors = {
-    ...editor.cursors
-  };
-  return editor;
-};
-exports.deleteCursor = deleteCursor;
-const generateCursorData = config => {
-  const {
-    user
-  } = config;
-  const options = {
-    luminosity: 'dark',
-    format: 'rgba',
-    alpha: 1
-  };
-  const color = (0, _randomcolor.default)(options);
-  return {
-    name: user.name,
-    cursor_color: color
-  };
-};
-exports.generateCursorData = generateCursorData;
+exports.setCursor = setCursor;

package/dist/basic-sdk/decorates/index.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePipDecorate = void 0;
 var _commentDecorate = require("../comment/comment-decorate");
-var _highlight = require("../highlight");
 var _useSelectionUpdate = _interopRequireDefault(require("../hooks/use-selection-update"));
-const pluginDecorates = [_highlight.highlightDecorate, _commentDecorate.commentDecorate];
+const pluginDecorates = [_commentDecorate.commentDecorate];
 const usePipDecorate = editor => {
   (0, _useSelectionUpdate.default)();
   const decorates = pluginDecorates.map(decorate => {

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

@@ -4,12 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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 () {
@@ -28,20 +22,5 @@ Object.defineProperty(exports, "MenuItem", {
     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"));
+var _menu = require("./menu");

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

@@ -7,22 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 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
@@ -31,17 +20,11 @@ const InsertElementDialog = _ref => {
   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);
@@ -50,30 +33,6 @@ const InsertElementDialog = _ref => {
     }
     // 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);
@@ -88,9 +47,6 @@ const InsertElementDialog = _ref => {
       element,
       insertPosition = _constants2.INSERT_POSITION.CURRENT,
       slateNode,
-      insertFileLinkCallback,
-      insertSdocFileLinkCallback,
-      insertVideo,
       editor: paramEditor,
       linkTitle,
       // link shortcut wrapping link
@@ -101,13 +57,6 @@ const InsertElementDialog = _ref => {
     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
@@ -118,19 +67,12 @@ const InsertElementDialog = _ref => {
         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('');
@@ -146,52 +88,10 @@ const InsertElementDialog = _ref => {
     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", {
@@ -206,42 +106,6 @@ const InsertElementDialog = _ref => {
           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;