@seafile/sdoc-editor 3.0.1 → 3.0.2

package/dist/extension/plugins/file-view/insert-view-dialog/index.js

@@ -0,0 +1,232 @@
+"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["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _loading = _interopRequireDefault(require("../../../../components/loading"));
+var _toast = _interopRequireDefault(require("../../../../components/toast"));
+var _context = _interopRequireDefault(require("../../../../context"));
+var _commonUtils = require("../../../../utils/common-utils");
+var _helpers = require("../helpers");
+var _dropdownSelect = _interopRequireDefault(require("./dropdown-select"));
+var InsertViewDialog = function InsertViewDialog(_ref) {
+  var className = _ref.className,
+    editor = _ref.editor,
+    _ref$element = _ref.element,
+    element = _ref$element === void 0 ? {} : _ref$element,
+    slateNode = _ref.slateNode,
+    insertPosition = _ref.insertPosition,
+    closeDialog = _ref.closeDialog;
+  var _element$data = element.data,
+    data = _element$data === void 0 ? {} : _element$data;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var _useState = (0, _react.useState)(true),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    viewName = _useState4[0],
+    setViewName = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    currentTypeOption = _useState6[0],
+    setCurrentTypeOption = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    currentRepoOption = _useState8[0],
+    setCurrentRepoOption = _useState8[1];
+  var _useState9 = (0, _react.useState)(''),
+    _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
+    viewNameErrorMessage = _useState0[0],
+    setViewNameErrorMessage = _useState0[1];
+  var _useState1 = (0, _react.useState)(''),
+    _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
+    typeErrorMessage = _useState10[0],
+    setTypeErrorMessage = _useState10[1];
+  var _useState11 = (0, _react.useState)(''),
+    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+    repoErrorMessage = _useState12[0],
+    setRepoErrorMessage = _useState12[1];
+  var _useState13 = (0, _react.useState)([]),
+    _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
+    repoOptions = _useState14[0],
+    setRepoOptions = _useState14[1];
+  var TYPE_OPERATIONS = (0, _react.useMemo)(function () {
+    return [{
+      id: 'table',
+      name: 'table',
+      value: 'table',
+      label: 'table'
+    }];
+  }, []);
+  (0, _react.useEffect)(function () {
+    var _element$data2 = element.data,
+      data = _element$data2 === void 0 ? {} : _element$data2;
+    setViewName(data.view_name);
+    var typeOption = TYPE_OPERATIONS.find(function (item) {
+      return item.value === data.view_type;
+    }) || null;
+    setCurrentTypeOption(typeOption);
+    var wikiSettings = (0, _helpers.getWikiSettings)();
+    var accessibleRepos = (0, _helpers.getAccessibleRepos)();
+    var linkedRepoIds = wikiSettings.linked_repos;
+    var repoList = accessibleRepos.map(function (item) {
+      item.sharePermission = 'rw';
+      return item;
+    });
+    var options = repoList.map(function (item) {
+      return {
+        id: item.repo_id,
+        name: item.repo_name,
+        value: item.repo_name,
+        label: item.repo_name,
+        permission: item.permission
+      };
+    });
+    var optionsMap = options.reduce(function (result, item) {
+      result[item.id] = item;
+      return result;
+    }, {});
+    var repoOptions = linkedRepoIds.map(function (id) {
+      return optionsMap[id];
+    }).filter(Boolean);
+    setRepoOptions(repoOptions);
+    setCurrentRepoOption(repoOptions.find(function (item) {
+      return item.id === data.linked_repo_id;
+    }));
+    setIsLoading(false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var submit = (0, _react.useCallback)(function () {
+    setViewNameErrorMessage('');
+    setTypeErrorMessage('');
+    setRepoErrorMessage('');
+    if (!viewName) {
+      setViewNameErrorMessage(t('The_view_name_is_required'));
+      return;
+    }
+    if (!currentTypeOption) {
+      setTypeErrorMessage(t('The_view_type_is_required'));
+      return;
+    }
+    if (!currentRepoOption) {
+      setRepoErrorMessage(t('The_linked_library_is_required'));
+      return;
+    }
+    var viewType = currentTypeOption.value;
+    var linkedRepoId = currentRepoOption.id;
+    var wikiId = _context["default"].getSetting('wikiId');
+    var data = {
+      wiki_id: wikiId,
+      view_name: viewName,
+      view_type: viewType,
+      link_repo_id: linkedRepoId
+    };
+    _context["default"].insertWikiView(data).then(function (res) {
+      var view = res.data.view;
+      var viewData = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, data), {}, {
+        view_id: view._id
+      });
+      (0, _helpers.insertFileView)(viewData, editor, insertPosition, slateNode);
+      closeDialog();
+    })["catch"](function (error) {
+      var errorMessage = (0, _commonUtils.getErrorMsg)(error);
+      _toast["default"].danger(errorMessage);
+    });
+  }, [viewName, currentTypeOption, currentRepoOption, t, editor, insertPosition, slateNode, closeDialog]);
+  var onKeyDown = (0, _react.useCallback)(function (event) {
+    if (event.keyCode === 13) {
+      event.preventDefault();
+      submit();
+      return;
+    }
+  }, [submit]);
+  var onValueChanged = (0, _react.useCallback)(function (event) {
+    var value = event.target.value;
+    if (value === viewName) return;
+    setViewName(value);
+    setViewNameErrorMessage('');
+  }, [viewName]);
+  var onSelectTypeOption = (0, _react.useCallback)(function (option) {
+    setCurrentTypeOption(option);
+    setTypeErrorMessage('');
+  }, []);
+  var onSelectTableOption = (0, _react.useCallback)(function (option) {
+    setCurrentRepoOption(option);
+    setRepoErrorMessage('');
+  }, []);
+  var close = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: "sdoc-add-link-close-icon",
+      onClick: closeDialog
+    }, /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdocfont sdoc-sm-close",
+      "aria-hidden": "true"
+    }));
+  }, [closeDialog]);
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Modal, {
+    isOpen: true,
+    autoFocus: false,
+    toggle: closeDialog,
+    className: className,
+    zIndex: 1071,
+    returnFocusAfterClose: false
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalHeader, {
+    close: close
+  }, t('Insert_file_view')), /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalBody, null, isLoading && /*#__PURE__*/_react["default"].createElement(_loading["default"], null), !isLoading && repoOptions.length === 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: ""
+  }, t('Linked_repo_tip')), !isLoading && repoOptions.length !== 0 && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "form-group"
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, {
+    "for": "addTitle"
+  }, t('View_name')), /*#__PURE__*/_react["default"].createElement("input", {
+    onKeyDown: onKeyDown,
+    type: "text",
+    className: "form-control",
+    id: "addTitle",
+    value: data.view_name,
+    onChange: onValueChanged
+  }), viewNameErrorMessage && /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
+    color: "danger",
+    className: "mt-2"
+  }, t(viewNameErrorMessage))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "form-group"
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, null, t('View_type')), /*#__PURE__*/_react["default"].createElement(_dropdownSelect["default"], {
+    selectedOption: currentTypeOption,
+    options: TYPE_OPERATIONS,
+    onSelectOption: onSelectTypeOption,
+    isInModal: true
+  }), typeErrorMessage && /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
+    color: "danger",
+    className: "mt-2"
+  }, t(typeErrorMessage))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "form-group"
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, null, t('Linked_library')), /*#__PURE__*/_react["default"].createElement(_dropdownSelect["default"], {
+    hasIcon: true,
+    selectedOption: currentRepoOption,
+    options: repoOptions,
+    onSelectOption: onSelectTableOption,
+    isInModal: true
+  }), repoErrorMessage && /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
+    color: "danger",
+    className: "mt-2"
+  }, t(repoErrorMessage))))), !isLoading && repoOptions.length !== 0 && /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+    color: "secondary",
+    onClick: closeDialog
+  }, t('Cancel')), /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+    color: "primary",
+    disabled: false,
+    onClick: submit
+  }, t('Submit'))));
+};
+var _default = exports["default"] = InsertViewDialog;

package/dist/extension/plugins/file-view/insert-view-dialog/modal-portal.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = require("react-dom");
+var modalRoot = document.getElementById('modal-wrapper');
+var ModalPortal = /*#__PURE__*/function (_React$Component) {
+  function ModalPortal(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, ModalPortal);
+    _this = (0, _callSuper2["default"])(this, ModalPortal, [props]);
+    _this.el = document.createElement('div');
+    return _this;
+  }
+  (0, _inherits2["default"])(ModalPortal, _React$Component);
+  return (0, _createClass2["default"])(ModalPortal, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      modalRoot.appendChild(this.el);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      modalRoot.removeChild(this.el);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/(0, _reactDom.createPortal)(this.props.children, this.el);
+    }
+  }]);
+}(_react["default"].Component);
+var _default = exports["default"] = ModalPortal;

package/dist/extension/plugins/file-view/plugin.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _slate = require("@seafile/slate");
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _constants = require("../../constants");
+var _core = require("../../core");
+var _helpers = require("../../toolbar/side-toolbar/helpers");
+var withFileView = function withFileView(editor) {
+  var isVoid = editor.isVoid,
+    onHotKeyDown = editor.onHotKeyDown,
+    normalizeNode = editor.normalizeNode;
+  var newEditor = editor;
+
+  // Make video as void node
+  newEditor.isVoid = function (elem) {
+    var type = elem.type;
+    if (type === _constants.FILE_VIEW) {
+      return true;
+    }
+    return isVoid(elem);
+  };
+  newEditor.onHotKeyDown = function (event) {
+    var _ref = (0, _core.getSelectedNodeEntryByType)(editor, _constants.FILE_VIEW) || [],
+      _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+      fileNode = _ref2[0],
+      path = _ref2[1];
+    if (path) {
+      // Insert empty paragraph node after video when clicking 'enter' on selected video
+      if ((0, _isHotkey["default"])('enter', event)) {
+        event.preventDefault();
+        var emptyParagraph = (0, _core.generateEmptyElement)(_constants.PARAGRAPH);
+        _slate.Transforms.insertNodes(editor, emptyParagraph, {
+          at: _slate.Path.next(path)
+        });
+        var focusPoint = _slate.Editor.end(editor, _slate.Path.next(path));
+        (0, _core.focusEditor)(newEditor, focusPoint);
+      }
+      if ((0, _isHotkey["default"])('mod+c', event)) {
+        (0, _helpers.onCopyNode)(editor, fileNode);
+      }
+      return true;
+    }
+    return onHotKeyDown && onHotKeyDown(event);
+  };
+  newEditor.normalizeNode = function (_ref3) {
+    var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
+      node = _ref4[0],
+      path = _ref4[1];
+    var type = (0, _core.getNodeType)(node);
+    if (type !== _constants.ELEMENT_TYPE.FILE_VIEW) {
+      return normalizeNode([node, path]);
+    }
+
+    // insert empty node，continue editor
+    var isLast = (0, _core.isLastNode)(newEditor, node);
+    if (isLast) {
+      var p = (0, _core.generateEmptyElement)(_constants.PARAGRAPH);
+      _slate.Transforms.insertNodes(newEditor, p, {
+        at: [path[0] + 1]
+      });
+    }
+  };
+  return newEditor;
+};
+var _default = exports["default"] = withFileView;

package/dist/extension/plugins/file-view/render-elem/index.css

@@ -0,0 +1,53 @@
+.sdoc-file-view-container {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  border: 2px;
+  border: 2px solid #eee;
+  border-radius: 4px;
+}
+
+.sdoc-file-view-container.is-selected {
+  border: 2px solid rgb(0, 123, 255);
+  border-radius: 4px;
+}
+
+.sdoc-file-view-container .sdoc-file-view-title {
+  position: absolute;
+  height: 44px;
+  line-height: 44px;
+  top: 0px;
+  left: 0px;
+  z-index: 10;
+  height: 44px;
+  line-height: 44px;
+  margin-left: 16px;
+  cursor: pointer;
+}
+
+.sdoc-file-view-container .sdoc-file-view-content {
+  position: relative;
+}
+
+.sdoc-file-view-container .iframe-skeleton {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+
+.sdoc-file-view-container .iframe-skeleton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.sdoc-file-view-container .sdoc-file-view-mask {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: transparent;
+}

package/dist/extension/plugins/file-view/render-elem/index.js

@@ -0,0 +1,103 @@
+"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.renderFileView = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _slateReact = require("@seafile/slate-react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _fileLoading = _interopRequireDefault(require("../../../../components/file-loading"));
+var _toast = _interopRequireDefault(require("../../../../components/toast"));
+var _context = _interopRequireDefault(require("../../../../context"));
+var _commonUtils = require("../../../../utils/common-utils");
+var _localStorageUtils = _interopRequireDefault(require("../../../../utils/local-storage-utils"));
+var _constants = require("../../../constants");
+var _helpers = require("../helpers");
+require("./index.css");
+var FileView = function FileView(_ref) {
+  var element = _ref.element,
+    children = _ref.children,
+    attributes = _ref.attributes;
+  var data = element.data;
+  var editor = (0, _slateReact.useSlateStatic)();
+  var isSelected = (0, _slateReact.useSelected)();
+  var _useState = (0, _react.useState)(true),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var _useState3 = (0, _react.useState)(true),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isShowMask = _useState4[0],
+    setIsShowMask = _useState4[1];
+  (0, _react.useEffect)(function () {
+    if (!isSelected) {
+      setIsShowMask(true);
+    }
+  }, [isSelected]);
+  (0, _react.useEffect)(function () {
+    var copyContent = _localStorageUtils["default"].getItem(_constants.RECENT_COPY_CONTENT);
+    var wikiId = _context["default"].getSetting('wikiId');
+    if (wikiId !== data.wiki_id) return;
+    if (!copyContent) return;
+    var stringContent = JSON.stringify(copyContent);
+    if (stringContent.indexOf(data.wiki_id) > -1 && stringContent.indexOf(data.view_id) > -1) {
+      _context["default"].duplicateWikiView(data.view_id).then(function (res) {
+        var view = res.data.view;
+        var newData = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, data), {}, {
+          view_id: view._id,
+          view_name: view.name
+        });
+        (0, _helpers.updateFileView)(newData, editor, element);
+      })["catch"](function (error) {
+        var errorMessage = (0, _commonUtils.getErrorMsg)(error);
+        _toast["default"].danger(errorMessage);
+      });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var handleLoad = (0, _react.useCallback)(function () {
+    setIsLoading(false);
+  }, []);
+  var onClick = (0, _react.useCallback)(function () {
+    setIsShowMask(false);
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
+    "data-id": element.id
+  }, attributes, {
+    className: (0, _classnames["default"])('sdoc-file-view-container', {
+      'is-selected': isSelected
+    }),
+    contentEditable: "false",
+    suppressContentEditableWarning: true
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-file-view-title"
+  }, data.view_name), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-file-view-content"
+  }, /*#__PURE__*/_react["default"].createElement("iframe", {
+    className: "sdoc-file-view-element",
+    title: data.view_name,
+    src: (0, _helpers.getFileUrl)(element),
+    onLoad: handleLoad,
+    style: {
+      width: '100%',
+      height: '100%',
+      border: 'none',
+      opacity: isLoading ? 0 : 1,
+      transition: 'opacity 0.3s ease-in-out',
+      minHeight: '370px'
+    }
+  }), isLoading && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "iframe-skeleton"
+  }, /*#__PURE__*/_react["default"].createElement(_fileLoading["default"], null)), !isLoading && isShowMask && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-file-view-mask",
+    onClick: onClick
+  })), children);
+};
+var renderFileView = exports.renderFileView = function renderFileView(props) {
+  return /*#__PURE__*/_react["default"].createElement(FileView, props);
+};

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

@@ -8,7 +8,6 @@ exports["default"] = void 0;
 var _slugid = _interopRequireDefault(require("slugid"));
 var _localStorageUtils = _interopRequireDefault(require("../../../utils/local-storage-utils"));
 var _constants = require("../../constants");
-var _font = require("../../constants/font");
 var _core = require("../../core");
 var _helper = require("./helper");
 var withHtml = function withHtml(editor) {
@@ -39,11 +38,11 @@ var withHtml = function withHtml(editor) {
       var htmlContent = data.getData('text/html') || '';
       if (htmlContent) {
         var content = (0, _helper.deserializeHtml)(htmlContent);
-        _localStorageUtils["default"].setItem(_font.RECENT_PASTE_HTML_CONTENT, htmlContent);
+        _localStorageUtils["default"].setItem(_constants.RECENT_COPY_CONTENT, htmlContent);
         editor.insertFragment(content);
         return;
       }
-      _localStorageUtils["default"].setItem(_font.RECENT_PASTE_HTML_CONTENT, data);
+      _localStorageUtils["default"].setItem(_constants.RECENT_COPY_CONTENT, data);
       insertData(data);
     }
   };

package/dist/extension/plugins/image/use-copy-image.js

@@ -14,7 +14,7 @@ var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _context3 = _interopRequireDefault(require("../../../context"));
 var _localStorageUtils = _interopRequireDefault(require("../../../utils/local-storage-utils"));
-var _font = require("../../constants/font");
+var _constants = require("../../constants");
 var _helpers = require("./helpers");
 var updateImageNode = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(editor, element, newUrl) {
@@ -70,7 +70,7 @@ var useCopyImage = function useCopyImage(_ref2) {
 
     // not md convert to sdoc
     if (url.indexOf('/file/images/auto-upload/') < 0) {
-      var cacheContent = _localStorageUtils["default"].getItem(_font.RECENT_PASTE_HTML_CONTENT);
+      var cacheContent = _localStorageUtils["default"].getItem(_constants.RECENT_COPY_CONTENT);
       // sync content from another user's copy
       if (!cacheContent || JSON.stringify(cacheContent).indexOf(url) === -1) return;
     }

package/dist/extension/plugins/index.js

@@ -35,6 +35,12 @@ Object.defineProperty(exports, "FileLinkPlugin", {
     return _fileLink["default"];
   }
 });
+Object.defineProperty(exports, "FileViewPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _fileView["default"];
+  }
+});
 Object.defineProperty(exports, "FontPlugin", {
   enumerable: true,
   get: function get() {
@@ -161,6 +167,7 @@ var _callout = _interopRequireDefault(require("./callout"));
 var _checkList = _interopRequireDefault(require("./check-list"));
 var _codeBlock = _interopRequireDefault(require("./code-block"));
 var _fileLink = _interopRequireDefault(require("./file-link"));
+var _fileView = _interopRequireDefault(require("./file-view"));
 var _font = _interopRequireDefault(require("./font"));
 var _group = _interopRequireDefault(require("./group"));
 var _header = _interopRequireDefault(require("./header"));
@@ -181,7 +188,7 @@ var _textStyle = _interopRequireDefault(require("./text-style"));
 var _video = _interopRequireDefault(require("./video"));
 var _whiteboard = _interopRequireDefault(require("./whiteboard"));
 var _wikiLink = _interopRequireDefault(require("./wiki-link"));
-var Plugins = [_markdown["default"], _html["default"], _header["default"], _link["default"], _blockquote["default"], _list["default"], _checkList["default"], _codeBlock["default"], _image["default"], _video["default"], _table["default"], _multiColumn["default"], _textStyle["default"], _textAlign["default"], _font["default"], _sdocLink["default"], _paragraph["default"], _fileLink["default"], _callout["default"], _searchReplace["default"], _quickInsert["default"], _group["default"], _whiteboard["default"]];
-var WikiPlugins = exports.WikiPlugins = [].concat(Plugins, [_wikiLink["default"]]);
+var Plugins = [_markdown["default"], _html["default"], _header["default"], _link["default"], _blockquote["default"], _list["default"], _checkList["default"], _codeBlock["default"], _image["default"], _video["default"], _table["default"], _multiColumn["default"], _textStyle["default"], _textAlign["default"], _font["default"], _sdocLink["default"], _paragraph["default"], _fileLink["default"], _callout["default"], _searchReplace["default"], _quickInsert["default"], _group["default"], _whiteboard["default"], _fileView["default"]];
+var WikiPlugins = exports.WikiPlugins = [].concat(Plugins, [_wikiLink["default"], _fileView["default"]]);
 var CommentPlugins = exports.CommentPlugins = [_markdown["default"], _html["default"], _paragraph["default"], _textStyle["default"], _list["default"], _image["default"], _link["default"], _mention["default"], _blockquote["default"]];
 var _default = exports["default"] = Plugins;

package/dist/extension/plugins/quick-insert/render-elem.js

@@ -76,6 +76,7 @@ var RenderQuickInsert = function RenderQuickInsert(_ref, editor, readonly) {
     document.addEventListener('click', handleClick);
     scrollDom.addEventListener('scroll', handleScroll);
     resizeObserver = new ResizeObserver(function (entries) {
+      // eslint-disable-next-line no-unused-vars
       var _iterator = (0, _createForOfIteratorHelper2["default"])(entries),
         _step;
       try {

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

@@ -240,6 +240,12 @@ var CustomRenderElement = function CustomRenderElement(props) {
           renderWhiteboard = _WhiteboardPlugin$ren[0];
         return renderWhiteboard((0, _objectSpread2["default"])({}, props), editor);
       }
+    case _elementType.FILE_VIEW:
+      {
+        var _FileViewPlugin$rende = (0, _slicedToArray2["default"])(_plugins.FileViewPlugin.renderElements, 1),
+          renderFileView = _FileViewPlugin$rende[0];
+        return renderFileView((0, _objectSpread2["default"])({}, props));
+      }
     default:
       {
         var _ParagraphPlugin$rend3 = (0, _slicedToArray2["default"])(_plugins.ParagraphPlugin.renderElements, 1),

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

@@ -112,6 +112,16 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [insertPosition]);
+  var openFileViewDialog = (0, _react.useCallback)(function () {
+    callback && callback();
+    var eventBus = _eventBus["default"].getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.ELEMENT_TYPE.FILE_VIEW,
+      insertPosition: insertPosition,
+      slateNode: slateNode
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [insertPosition]);
   var onInsertCodeBlock = (0, _react.useCallback)(function () {
     callback && callback();
     var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
@@ -203,7 +213,12 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     (0, _helper2.insertMultiColumn)(editor, editor.selection, newInsertPosition, type);
   }, [callback, editor, insertPosition, slateNode]);
   var dropDownItems = (0, _react.useMemo)(function () {
-    var items = (0, _objectSpread4["default"])((0, _objectSpread4["default"])((0, _defineProperty2["default"])({}, _constants2.IMAGE, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+    var items = (0, _objectSpread4["default"])((0, _objectSpread4["default"])((0, _objectSpread4["default"])({}, editor.editorType === _constants.WIKI_EDITOR && (0, _defineProperty2["default"])({}, _constants2.FILE_VIEW, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+      isHidden: !quickInsertMenuSearchMap[_constants2.FILE_VIEW],
+      key: "sdoc-insert-menu-file-view",
+      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FILE_VIEW]),
+      onClick: openFileViewDialog
+    }))), {}, (0, _defineProperty2["default"])({}, _constants2.IMAGE, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.IMAGE],
       disabled: isDisableImage,
       key: "sdoc-insert-menu-image",

package/dist/extension/toolbar/side-toolbar/insert-block-menu.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
@@ -142,7 +142,21 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
     (0, _helper2.insertMultiColumn)(editor, editor.selection, newInsertPosition, type);
   }, [editor, insertPosition, slateNode]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, [_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]].concat((0, _toConsumableArray2["default"])(_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.HEADER])).map(function (item) {
+  var insertFileView = (0, _react.useCallback)(function () {
+    var eventBus = _eventBus["default"].getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.ELEMENT_TYPE.FILE_VIEW,
+      insertPosition: insertPosition,
+      slateNode: slateNode
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [insertPosition]);
+  console.log(editor.editorType);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, editor.editorType === _constants.WIKI_EDITOR && /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+    isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.FILE_VIEW],
+    menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FILE_VIEW]),
+    onClick: insertFileView
+  }), [_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]].concat((0, _toConsumableArray2["default"])(_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.HEADER])).map(function (item) {
     return /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !insertMenuSearchMap[item.type],
       disabled: isNodeEmpty && item.type === _constants2.PARAGRAPH,