@seafile/sdoc-editor 3.0.70 → 3.0.72

package/dist/extension/commons/select-file-dialog/helpers.js

@@ -44,6 +44,7 @@ var getFileTypeIcon = exports.getFileTypeIcon = function getFileTypeIcon(fileTyp
 };
 var parcelFileTypeIcon = exports.parcelFileTypeIcon = function parcelFileTypeIcon(fileName) {
   var _Object$entries$find;
+  if (!fileName) return '';
   var newFileType = fileName.split('.').pop();
   var fileExtType = (_Object$entries$find = Object.entries(_constants.FILEEXT_TYPE).find(function (_ref) {
     var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),

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

@@ -15,6 +15,7 @@ var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
 var _constants = require("../../../constants");
+var _context = _interopRequireDefault(require("../../../context"));
 var _commonUtils = require("../../../utils/common-utils");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _localStorageUtils = _interopRequireDefault(require("../../../utils/local-storage-utils"));
@@ -165,8 +166,8 @@ var WikiFileLinkInsertDialog = function WikiFileLinkInsertDialog(_ref) {
       getPosition();
       return;
     }
-    var navConfig = window.wiki.config.navConfig;
-    var pages = navConfig.pages;
+    var _context$getSetting = _context["default"].getSetting('navConfig'),
+      pages = _context$getSetting.pages;
     var newFiles = [];
     pages.forEach(function (page) {
       if (page.name.includes(searchText.trim())) {

package/dist/extension/plugins/file-link/hover-menu/index.css

@@ -78,8 +78,8 @@
 
 .sdoc-file-link-hover-menu-container .sdoc-file-display-style-popover {
   position: absolute;
-  top: 37px;
-  left: 125px;
+  top: 32px;
+  left: 0px;
   padding: 8px 0;
   background-color: #fff;
   border: 1px solid #e5e6e8;

package/dist/extension/plugins/file-link/hover-menu/index.js

@@ -111,22 +111,7 @@ var FileLinkHoverMenu = function FileLinkHoverMenu(_ref) {
     className: (0, _classnames["default"])('mr-1', _constants2.FILE_LINK_TYPE_CONFIG[selectedType].icon)
   }), /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-arrow-down"
-  })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-    target: "select_style",
-    placement: "top",
-    fade: true
-  }, t('Select_style')), /*#__PURE__*/_react["default"].createElement("span", {
-    id: "delete_link",
-    role: "button",
-    className: "op-item",
-    onClick: onUnwrapFileLinkNode
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-unlink"
-  })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-    target: "delete_link",
-    placement: "top",
-    fade: true
-  }, t('Remove_link')))), isShowDisplayStylePopover && /*#__PURE__*/_react["default"].createElement("div", {
+  }), isShowDisplayStylePopover && /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-file-display-style-popover sdoc-dropdown-menu"
   }, newFileLinkTypes.map(function (fileLinkType) {
     return /*#__PURE__*/_react["default"].createElement("div", {
@@ -143,6 +128,21 @@ var FileLinkHoverMenu = function FileLinkHoverMenu(_ref) {
     }), /*#__PURE__*/_react["default"].createElement("span", null, t(_constants2.FILE_LINK_TYPE_CONFIG[fileLinkType].text))), selectedType === fileLinkType && /*#__PURE__*/_react["default"].createElement("i", {
       className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
     }));
-  }))));
+  }))), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    target: "select_style",
+    placement: "top",
+    fade: true
+  }, t('Select_style')), /*#__PURE__*/_react["default"].createElement("span", {
+    id: "delete_link",
+    role: "button",
+    className: "op-item",
+    onClick: onUnwrapFileLinkNode
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-unlink"
+  })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    target: "delete_link",
+    placement: "top",
+    fade: true
+  }, t('Remove_link'))))));
 };
 var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(FileLinkHoverMenu);

package/dist/extension/plugins/image/helpers.js

@@ -111,12 +111,12 @@ var insertImage = exports.insertImage = function insertImage(editor, imgInfos, s
       at: validSelection
     });
 
-    // BLOCKQUOTE and CALL_OUT use inline images
+    // BLOCKQUOTE, CALL_OUT, MULTI_COLUMN use inline images
     var imageType = _constants2.IMAGE_BLOCK;
     var _Editor$node = _slate.Editor.node(editor, [aboveNodeEntry[1][0]]),
       _Editor$node2 = (0, _slicedToArray2["default"])(_Editor$node, 1),
       topNode = _Editor$node2[0];
-    if ([_constants2.BLOCKQUOTE, _constants2.CALL_OUT].includes(topNode === null || topNode === void 0 ? void 0 : topNode.type)) {
+    if ([_constants2.BLOCKQUOTE, _constants2.CALL_OUT, _constants2.MULTI_COLUMN].includes(topNode === null || topNode === void 0 ? void 0 : topNode.type)) {
       imageType = '';
     }
     if (imageType === _constants2.IMAGE_BLOCK) {

package/dist/extension/plugins/image/hover-menu/index.css

@@ -58,8 +58,8 @@
 
 .sdoc-image-hover-menu-container .sdoc-image-popover {
   position: absolute;
-  top: 37px;
-  left: 8px;
+  top: 32px;
+  left: 0px;
   background-color: #fff;
   border: 1px solid #e5e6e8;
   border-radius: 2px;
@@ -72,22 +72,16 @@
 }
 
 .sdoc-image-hover-menu-container .align-popover {
-  left: 100px;
   min-width: 6rem;
 }
 
 .sdoc-image-hover-menu-container .border-popover {
-  left: 104px;
   flex-direction: row;
   height: 80px;
   align-items: center;
   padding: 0 8px;
 }
 
-.sdoc-image-hover-menu-container .border-popover.sdoc-block-image {
-  left: 144px;
-}
-
 .sdoc-image-hover-menu-container .border-popover .sdoc-dropdown-menu-item .sdoc-dropdown-item-content .sdoc-check-mark {
   transform: translateX(-24px);
 }

package/dist/extension/plugins/image/hover-menu/index.js

@@ -190,7 +190,25 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     className: "mr-1"
   }, t(type === _constants.IMAGE_BLOCK ? 'Block' : 'Inline')), /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-arrow-down"
-  }))), !readonly && /*#__PURE__*/_react["default"].createElement("span", {
+  }), popoverState.displayPopover && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-image-popover sdoc-dropdown-menu"
+  }, _constants2.IMAGE_DISPLAY_TYPE.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.value,
+      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
+      onClick: function onClick(event) {
+        return onSelect(event, {
+          'display_type': item.value
+        });
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-dropdown-item-content"
+    }, /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdoc-dropdown-item-content-icon"
+    }), /*#__PURE__*/_react["default"].createElement("span", null, t(item.text))), type === item.value && /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
+    }));
+  })))), !readonly && /*#__PURE__*/_react["default"].createElement("span", {
     className: "op-group-item"
   }, type === _constants.IMAGE_BLOCK && /*#__PURE__*/_react["default"].createElement("span", {
     role: "button",
@@ -204,7 +222,25 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     className: (0, _classnames["default"])("sdocfont sdoc-align-".concat(align || 'left', " mr-1"))
   }), /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-arrow-down"
-  })), /*#__PURE__*/_react["default"].createElement("span", {
+  }), popoverState.alignPopover && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-image-popover align-popover sdoc-dropdown-menu"
+  }, _constants.MENUS_CONFIG_MAP[_constants.TEXT_ALIGN].map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.id,
+      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
+      onClick: function onClick(event) {
+        return onSelect(event, {
+          align: item.type
+        });
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-dropdown-item-content"
+    }, /*#__PURE__*/_react["default"].createElement("i", {
+      className: (0, _classnames["default"])(item.iconClass)
+    })), align === item.type && /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
+    }));
+  }))), /*#__PURE__*/_react["default"].createElement("span", {
     id: "sdoc_image_border",
     role: "button",
     className: (0, _classnames["default"])('op-item', {
@@ -218,7 +254,27 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     className: "sdocfont sdoc-image mr-1"
   }), /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-arrow-down"
-  }), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  }), popoverState.borderPopover && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-image-popover border-popover sdoc-dropdown-menu"
+  }, _constants2.IMAGE_BORDER_TYPE.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.type,
+      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
+      onClick: function onClick(event) {
+        return onSelect(event, {
+          border_type: item.type
+        });
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-dropdown-item-content"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: item.imgUrl,
+      draggable: false,
+      alt: ""
+    }), border_type === item.type && /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
+    })));
+  })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "sdoc_image_border",
     placement: "top",
     fade: true
@@ -255,66 +311,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     target: "sdoc_image_full_screen_mode",
     placement: "top",
     fade: true
-  }, t('Full_screen_mode'))))), popoverState.displayPopover && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-image-popover sdoc-dropdown-menu"
-  }, _constants2.IMAGE_DISPLAY_TYPE.map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: item.value,
-      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
-      onClick: function onClick(event) {
-        return onSelect(event, {
-          'display_type': item.value
-        });
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "sdoc-dropdown-item-content"
-    }, /*#__PURE__*/_react["default"].createElement("i", {
-      className: "sdoc-dropdown-item-content-icon"
-    }), /*#__PURE__*/_react["default"].createElement("span", null, t(item.text))), type === item.value && /*#__PURE__*/_react["default"].createElement("i", {
-      className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
-    }));
-  })), popoverState.alignPopover && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-image-popover align-popover sdoc-dropdown-menu"
-  }, _constants.MENUS_CONFIG_MAP[_constants.TEXT_ALIGN].map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: item.id,
-      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
-      onClick: function onClick(event) {
-        return onSelect(event, {
-          align: item.type
-        });
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "sdoc-dropdown-item-content"
-    }, /*#__PURE__*/_react["default"].createElement("i", {
-      className: (0, _classnames["default"])(item.iconClass)
-    })), align === item.type && /*#__PURE__*/_react["default"].createElement("i", {
-      className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
-    }));
-  })), popoverState.borderPopover && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])('sdoc-image-popover border-popover sdoc-dropdown-menu', {
-      'sdoc-block-image': type === _constants.IMAGE_BLOCK
-    }),
-    style: borderPopoverStyle
-  }, _constants2.IMAGE_BORDER_TYPE.map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: item.type,
-      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
-      onClick: function onClick(event) {
-        return onSelect(event, {
-          border_type: item.type
-        });
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "sdoc-dropdown-item-content"
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: item.imgUrl,
-      draggable: false,
-      alt: ""
-    }), border_type === item.type && /*#__PURE__*/_react["default"].createElement("i", {
-      className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
-    })));
-  })), isShowImagePreview && /*#__PURE__*/_react["default"].createElement(_imagePreviewer["default"], {
+  }, t('Full_screen_mode'))))), isShowImagePreview && /*#__PURE__*/_react["default"].createElement(_imagePreviewer["default"], {
     imageUrl: (0, _helpers.getImageURL)(data, editor),
     editor: editor,
     toggleImagePreviewer: function toggleImagePreviewer() {

package/dist/extension/plugins/link/dialog/add-link-dialog/index.css

@@ -5,6 +5,7 @@
 }
 
 .select-btn .link-address-btn,
+.select-btn .link-page-btn,
 .select-btn .link-block-btn {
   font-size: .875rem;
   font-weight: 600;
@@ -12,16 +13,19 @@
 }
 
 .select-btn .link-address-btn:hover,
+.select-btn .link-page-btn:hover,
 .select-btn .link-block-btn:hover {
   cursor: pointer;
 }
 
+.select-btn .link-page-btn.active,
 .select-btn .link-address-btn.active,
 .select-btn .link-block-btn.active {
   color: #ff9800;
   border-bottom: 2px solid #ff9800;
 }
 
+.select-btn .link-page-btn,
 .select-btn .link-address-btn {
   margin-right: 40px;
 }
@@ -33,6 +37,7 @@
 .selected-linked-block-wrapper .form-control {
   display: flex;
   justify-content: space-between;
+  align-items: center;
   cursor: pointer;
   height: 36.39px;
 }

package/dist/extension/plugins/link/dialog/add-link-dialog/index.js

@@ -14,11 +14,13 @@ var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _slate = require("@seafile/slate");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _constants = require("../../../../../constants");
 var _mdToHtml = require("../../../../../slate-convert/md-to-html");
 var _slateToMd = _interopRequireDefault(require("../../../../../slate-convert/slate-to-md"));
-var _constants = require("../../../../constants");
+var _constants2 = require("../../../../constants");
 var _core = require("../../../../core");
 var _helpers = require("../../helpers");
+var _linkedPage = _interopRequireDefault(require("./select-forms/linked-page"));
 require("./index.css");
 var AddLinkDialog = function AddLinkDialog(_ref) {
   var editor = _ref.editor,
@@ -43,7 +45,8 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
       href: ''
     },
     oldURL = _ref2.href,
-    linked_id = _ref2.linked_id;
+    linked_id = _ref2.linked_id,
+    linked_wiki_page_id = _ref2.linked_wiki_page_id;
   var oldTitle = (element === null || element === void 0 ? void 0 : element.children[0].text) || linkTitle || '';
   var initTitle = (0, _react.useMemo)(function () {
     return oldTitle ? oldTitle : (0, _core.getEditorString)(editor, editor.selection);
@@ -52,50 +55,69 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
     title = _useState6[0],
     setTitle = _useState6[1];
-  var _useState7 = (0, _react.useState)(linked_id ? '' : oldURL),
+  var _useState7 = (0, _react.useState)(''),
     _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-    url = _useState8[0],
-    setURL = _useState8[1];
-  var _useState9 = (0, _react.useState)(linked_id ? 'block' : 'url'),
+    selectedBlockId = _useState8[0],
+    setSelectedBlockId = _useState8[1];
+  var _useState9 = (0, _react.useState)(''),
     _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
-    activeTab = _useState0[0],
-    setActiveTab = _useState0[1];
-  var _useState1 = (0, _react.useState)(''),
+    selectedPageId = _useState0[0],
+    setSelectedPageId = _useState0[1];
+  var _useState1 = (0, _react.useState)([]),
     _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
-    selectedBlockId = _useState10[0],
-    setSelectedBlockId = _useState10[1];
-  var _useState11 = (0, _react.useState)([]),
+    headerList = _useState10[0],
+    setheaderList = _useState10[1];
+  var _useState11 = (0, _react.useState)(false),
     _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-    headerList = _useState12[0],
-    setheaderList = _useState12[1];
+    isOpenSelect = _useState12[0],
+    setIsOpenSelect = _useState12[1];
   var _useState13 = (0, _react.useState)(false),
     _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
-    isOpenSelect = _useState14[0],
-    setIsOpenSelect = _useState14[1];
+    isOpenSelectHeader = _useState14[0],
+    setIsOpenSelectHeader = _useState14[1];
   var _useState15 = (0, _react.useState)(false),
     _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
-    isOpenSelectHeader = _useState16[0],
-    setIsOpenSelectHeader = _useState16[1];
+    isOpenSelectImageBlock = _useState16[0],
+    setIsOpenSelectImageBlock = _useState16[1];
   var _useState17 = (0, _react.useState)(false),
     _useState18 = (0, _slicedToArray2["default"])(_useState17, 2),
-    isOpenSelectImageBlock = _useState18[0],
-    setIsOpenSelectImageBlock = _useState18[1];
+    isOpenSelectCodeBlock = _useState18[0],
+    setIsOpenSelectCodeBlock = _useState18[1];
   var _useState19 = (0, _react.useState)(false),
     _useState20 = (0, _slicedToArray2["default"])(_useState19, 2),
-    isOpenSelectCodeBlock = _useState20[0],
-    setIsOpenSelectCodeBlock = _useState20[1];
-  var _useState21 = (0, _react.useState)(false),
+    isOpenSelectBlockquote = _useState20[0],
+    setIsOpenSelectBlockquote = _useState20[1];
+  var _useState21 = (0, _react.useState)(''),
     _useState22 = (0, _slicedToArray2["default"])(_useState21, 2),
-    isOpenSelectBlockquote = _useState22[0],
-    setIsOpenSelectBlockquote = _useState22[1];
-  var _useState23 = (0, _react.useState)(''),
+    htmlString = _useState22[0],
+    setHtmlString = _useState22[1];
+  var initTab = (0, _react.useMemo)(function () {
+    if (linked_id) {
+      return 'block';
+    }
+    if (linked_wiki_page_id) {
+      return 'page';
+    }
+    return 'url';
+  }, [linked_id, linked_wiki_page_id]);
+  var _useState23 = (0, _react.useState)(initTab !== 'url' ? '' : oldURL),
     _useState24 = (0, _slicedToArray2["default"])(_useState23, 2),
-    htmlString = _useState24[0],
-    setHtmlString = _useState24[1];
+    url = _useState24[0],
+    setURL = _useState24[1];
+  var _useState25 = (0, _react.useState)(initTab),
+    _useState26 = (0, _slicedToArray2["default"])(_useState25, 2),
+    activeTab = _useState26[0],
+    setActiveTab = _useState26[1];
   var submit = (0, _react.useCallback)(function () {
     setLinkErrorMessage('');
     setTitleErrorMessage('');
-    if (!url && !selectedBlockId) {
+    if (editor.editorType === _constants.WIKI_EDITOR) {
+      if (!url && !selectedBlockId && !selectedPageId) {
+        setLinkErrorMessage(t('The_link_address_or_link_page_or_link_block_is_required'));
+        return;
+      }
+    }
+    if (editor.editorType !== _constants.WIKI_EDITOR && !url && !selectedBlockId) {
       setLinkErrorMessage(t('The_link_address_or_link_block_is_required'));
       return;
     }
@@ -109,15 +131,15 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     }
     var isEdit = oldURL || oldTitle;
     if (isEdit) {
-      (0, _helpers.updateLink)(editor, title, url, selectedBlockId);
+      (0, _helpers.updateLink)(editor, title, url, selectedBlockId, selectedPageId);
     } else {
-      (0, _helpers.insertLink)(editor, title, url, insertPosition, slateNode, selectedBlockId);
+      (0, _helpers.insertLink)(editor, title, url, insertPosition, slateNode, selectedBlockId, selectedPageId);
     }
     handleSubmit && handleSubmit();
     closeDialog();
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, url, title, oldTitle, oldURL, insertPosition, selectedBlockId]);
+  }, [editor, url, title, oldTitle, oldURL, insertPosition, selectedBlockId, selectedPageId]);
   var onKeyDown = (0, _react.useCallback)(function (event) {
     if (event.keyCode === 13) {
       event.preventDefault();
@@ -132,6 +154,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     if (value === url) return;
     setURL(value);
     setSelectedBlockId('');
+    setSelectedPageId('');
   }, [url]);
   var handleTitleChange = (0, _react.useCallback)(function (event) {
     var value = event.target.value;
@@ -157,6 +180,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
       var nodeId = block.dataset.id;
       setSelectedBlockId(nodeId);
       setURL('');
+      setSelectedPageId('');
       setIsOpenSelect(false);
     }
   };
@@ -187,7 +211,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
           while (1) switch (_context.n) {
             case 0:
               list = editor.children.filter(function (node) {
-                return _slate.Element.isElement(node) && !(0, _helpers.isEmptyNode)(node) && _constants.INTERNAL_LINKED_TYPE.includes(node.type);
+                return _slate.Element.isElement(node) && !(0, _helpers.isEmptyNode)(node) && _constants2.INTERNAL_LINKED_TYPE.includes(node.type);
               });
               mdValue = list.map(function (node) {
                 return "<!--".concat(node.id, "-->\n").concat((0, _slateToMd["default"])([node]));
@@ -215,7 +239,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
   (0, _react.useEffect)(function () {
     // Get header node list
     var headerList = editor.children.filter(function (node) {
-      return _slate.Element.isElement(node) && !(0, _helpers.isEmptyNode)(node) && _constants.HEADERS.includes(node.type);
+      return _slate.Element.isElement(node) && !(0, _helpers.isEmptyNode)(node) && _constants2.HEADERS.includes(node.type);
     });
     if (headerList.length > 0) {
       setheaderList(headerList);
@@ -256,7 +280,14 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     onClick: function onClick() {
       return setActiveTab('url');
     }
-  }, t('Link_address')), /*#__PURE__*/_react["default"].createElement("div", {
+  }, t('Link_address')), editor.editorType === _constants.WIKI_EDITOR && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('link-page-btn', {
+      'active': activeTab === 'page'
+    }),
+    onClick: function onClick() {
+      return setActiveTab('page');
+    }
+  }, t('Link_page')), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])('link-block-btn', {
       'active': activeTab === 'block'
     }),
@@ -313,7 +344,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
       }
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "heading-prefix"
-    }, _constants.HEADER_TAG[header.type]), /*#__PURE__*/_react["default"].createElement("div", {
+    }, _constants2.HEADER_TAG[header.type]), /*#__PURE__*/_react["default"].createElement("div", {
       "data-id": header.id,
       className: "linked-header-block-item"
     }, headerContext));
@@ -374,7 +405,13 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     onClick: function onClick(e) {
       return handleOnChangeBlock(e);
     }
-  }))))), /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+  }))), editor.editorType === _constants.WIKI_EDITOR && activeTab === 'page' && /*#__PURE__*/_react["default"].createElement(_linkedPage["default"], {
+    editor: editor,
+    element: element,
+    setSelectedPageId: setSelectedPageId,
+    setSelectedBlockId: setSelectedBlockId,
+    setURL: setURL
+  }))), /*#__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, {