@seafile/sdoc-editor 2.0.13 → 2.0.15

package/dist/assets/css/simple-editor.css

@@ -7,18 +7,3 @@
 .sdoc-context-menu .dropdown-item:hover {
   color: #fff;
 }
-
-/* Used in mention editor, to modify `mention` node */
-a[title^='__sdoc_mention__username'] {
-  display: inline-block;
-  padding: 0 2px;
-  border: none;
-  background-color: transparent;
-  color: #1677ff !important;
-  border-radius: 5px;
-  cursor: pointer;
-}
-
-a[title^='__sdoc_mention__username']:hover {
-  background-color: rgb(221, 236, 253);
-}

package/dist/basic-sdk/extension/plugins/ai/ai-module/tip-dialog.js

@@ -8,6 +8,7 @@ exports.default = TipDialog;
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
+var _modalHeader = _interopRequireDefault(require("../../../../../components/modal-header"));
 function TipDialog(_ref) {
   let {
     closeDialog,
@@ -19,7 +20,7 @@ function TipDialog(_ref) {
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
     isOpen: true,
     toggle: closeDialog
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
     toggle: closeDialog
   }, t('Tip')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, t('AI_tip_content')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
     color: "secondary",

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

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -10,6 +11,7 @@ var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _core = require("../../../../core");
 var _helpers = require("../../helpers");
+var _modalHeader = _interopRequireDefault(require("../../../../../../components/modal-header"));
 const AddLinkDialog = _ref => {
   let {
     editor,
@@ -88,7 +90,7 @@ const AddLinkDialog = _ref => {
     className: className,
     zIndex: 1071,
     returnFocusAfterClose: false
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
     toggle: closeDialog
   }, t('Insert_link')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "form-group"

package/dist/basic-sdk/extension/plugins/mention/render-elem/index.css

@@ -56,11 +56,5 @@
   padding: 0 2px;
   border: none;
   background-color: transparent;
-  color: #1677ff;
-  border-radius: 5px;
-  cursor: pointer;
-}
-
-.sdoc-mention:hover {
-  background-color: rgb(221, 236, 253);
+  cursor: default;
 }

package/dist/basic-sdk/extension/plugins/search-replace/popover/replace-all-confirm-modal.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
+var _modalHeader = _interopRequireDefault(require("../../../../../components/modal-header"));
 const ReplaceAllConfirmModal = _ref => {
   let {
     isOpen,
@@ -30,7 +31,7 @@ const ReplaceAllConfirmModal = _ref => {
   });
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
     isOpen: isOpen
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
     toggle: handleCancel
   }, t('Tip')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, `${modalContent}`), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement("button", {
     onClick: handleCancel,

package/dist/basic-sdk/extension/plugins/table/dialogs/custom-table-size-dialog/index.js

@@ -12,6 +12,7 @@ var _reactstrap = require("reactstrap");
 var _constants = require("../../constants");
 var _numberInput = _interopRequireDefault(require("./number-input"));
 var _helpers = require("../../helpers");
+var _modalHeader = _interopRequireDefault(require("../../../../../../components/modal-header"));
 require("./index.css");
 const CustomTableSizeDialog = _ref => {
   let {
@@ -57,7 +58,7 @@ const CustomTableSizeDialog = _ref => {
     size: "md",
     className: "sdoc-custom-table-size-dialog",
     zIndex: 1111
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
     toggle: closeDialog
   }, t('Customize_the_number_of_rows_and_columns')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "d-flex sdoc-custom-table-size-container"

package/dist/basic-sdk/extension/plugins/table/dialogs/split-cell-setting-dialog.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _reactI18next = require("react-i18next");
 var _helpers = require("../helpers");
+var _modalHeader = _interopRequireDefault(require("../../../../../components/modal-header"));
 const SplitCellSettingDialog = _ref => {
   let {
     editor,
@@ -68,7 +70,7 @@ const SplitCellSettingDialog = _ref => {
     toggle: closeDialog,
     zIndex: 1071,
     returnFocusAfterClose: true
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
     toggle: closeDialog
   }, t('Split_cell')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Row, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Col, {
     md: 6

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

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _helpers = require("../../helpers");
+var _modalHeader = _interopRequireDefault(require("../../../../../../components/modal-header"));
 const AddVideoLinkDialog = _ref => {
   let {
     editor,
@@ -64,7 +66,7 @@ const AddVideoLinkDialog = _ref => {
     className: className,
     zIndex: 1071,
     returnFocusAfterClose: false
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
     toggle: closeDialog
   }, t('Insert_link')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "form-group"

package/dist/components/modal-header/index.css

@@ -0,0 +1,18 @@
+.sdoc-add-link-close-icon {
+  border-radius: 3px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 28px;
+  width: 28px;
+}
+
+.sdoc-add-link-close-icon .sdocfont {
+  font-size: 18px;
+  font-weight: 600;
+  color: #666;
+}
+
+.sdoc-add-link-close-icon:hover {
+  background-color: #efefef;
+}

package/dist/components/modal-header/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SdocModalHeader;
+var _react = _interopRequireDefault(require("react"));
+var _reactstrap = require("reactstrap");
+require("./index.css");
+function SdocModalHeader(_ref) {
+  let {
+    toggle,
+    children
+  } = _ref;
+  let close = null;
+  if (toggle) {
+    close = /*#__PURE__*/_react.default.createElement("span", {
+      class: "sdoc-add-link-close-icon",
+      onClick: toggle
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      class: "sdocfont sdoc-sm-close",
+      "aria-hidden": "true"
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    close: close
+  }, children);
+}

package/dist/components/tip-dialog/index.js

@@ -13,6 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _commonLoading = _interopRequireDefault(require("../common-loading"));
 var _contentReplaced = _interopRequireDefault(require("../../assets/images/content-replaced.png"));
+var _modalHeader = _interopRequireDefault(require("../modal-header"));
 require("./index.css");
 const NOT_CLOSE_DIALOG_TIP_TYPE = [_constants.TIP_TYPE.HAS_BEEN_REPLACED, _constants.TIP_TYPE.HAS_BEEN_PUBLISHED, _constants.TIP_TYPE.CHECKING, _constants.TIP_TYPE.PUBLISHING];
 const TipDialog = _ref => {
@@ -82,7 +83,7 @@ const TipDialog = _ref => {
         className: "sdoc-tip-content"
       }, t(_constants.TIP_CONTENT[tipType])));
     }
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
       toggle: NOT_CLOSE_DIALOG_TIP_TYPE.includes(tipType) ? undefined : closeDialog
     }, t(_constants.TIP_TITLE[tipType])), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
       className: "sdoc-tip-body"

package/dist/slate-convert/slate-to-md/transform.js

@@ -95,19 +95,10 @@ const transformInlineChildren = (result, item) => {
 
   // mention
   if (item.type && item.type === 'mention') {
-    const text = item.children[0].text;
-    const username = item.username;
-    const mention = {
-      type: 'link',
-      // eslint-disable-next-line no-script-url
-      url: 'javascript:void(0)',
-      title: `__sdoc_mention__username${username}`,
-      children: [{
-        type: 'text',
-        value: text
-      }]
-    };
-    result.push(mention);
+    result.push({
+      type: 'text',
+      value: item.children[0].text + ' '
+    });
     return result;
   }
   if (item.type && item.type === 'seatable_column') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.13",
+  "version": "2.0.15",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",