@seafile/seafile-editor 2.0.0 → 2.0.1-beta1

package/dist/components/index.js

@@ -16,5 +16,12 @@ Object.defineProperty(exports, "LongTextModal", {
     return _longtextModal.default;
   }
 });
+Object.defineProperty(exports, "ModalHeader", {
+  enumerable: true,
+  get: function () {
+    return _modalHeader.default;
+  }
+});
 var _longtextModal = _interopRequireDefault(require("./longtext-modal"));
-var _browserTip = _interopRequireDefault(require("./browser-tip"));
+var _browserTip = _interopRequireDefault(require("./browser-tip"));
+var _modalHeader = _interopRequireDefault(require("./modal-header"));

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

@@ -0,0 +1,18 @@
+.sf-editor-close-icon {
+  border-radius: 3px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 28px;
+  width: 28px;
+}
+
+.sf-editor-close-icon .iconfont {
+  font-weight: 700;
+  color: #666;
+}
+
+.sf-editor-close-icon:hover {
+  background-color: #efefef;
+  cursor: pointer;
+}

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

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

package/dist/extension/plugins/formula/menu/formula-modal.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _reactI18next = require("react-i18next");
+var _components = require("../../../../components");
 var _helper = require("../helper");
 var _core = require("../../../core");
 var _constants = require("../../../../constants");
@@ -63,7 +64,7 @@ const FormulaModal = _ref => {
     toggle: onCloseModal,
     autoFocus: false,
     wrapClassName: "formula-dialog-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_components.ModalHeader, {
     toggle: onCloseModal
   }, t('Insert_formula')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "form-group"

package/dist/extension/plugins/image/menu/image-menu-dialog.js

@@ -9,6 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _reactI18next = require("react-i18next");
+var _components = require("../../../../components");
 var _isUrl = _interopRequireDefault(require("is-url"));
 var _helper = require("../helper");
 var _constants = require("../../../../constants");
@@ -55,7 +56,7 @@ const ImageMenuInsertInternetDialog = _ref => {
     zIndex: 1071,
     onOpened: onModalOpened,
     onClosed: onToggleImageDialog
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_components.ModalHeader, {
     toggle: onToggleImageDialog
   }, t('Insert_image')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Form, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
     for: "imageUrlInput"

package/dist/extension/plugins/image/menu/image-menu-popover.js

@@ -35,6 +35,8 @@ const ImageMenuPopover = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     e.nativeEvent.stopImmediatePropagation();
   }, []);
   const handleUploadLocalImage = (0, _react.useCallback)(async e => {
+    e.preventDefault();
+    e.stopPropagation();
     const file = e.target.files[0];
     (0, _helper.handleUpdateImage)(editor, file);
     handelClosePopover();

package/dist/extension/plugins/link/menu/link-modal.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _reactI18next = require("react-i18next");
+var _components = require("../../../../components");
 var _helper = require("../helper");
 var _constants = require("../../../../constants");
 const LinkModal = _ref => {
@@ -112,7 +113,7 @@ const LinkModal = _ref => {
     toggle: onCloseModal,
     onOpened: onOpened,
     zIndex: 1100
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_components.ModalHeader, {
     toggle: onCloseModal
   }, t('Insert_link')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Form, {
     onChange: onFormValueChange

package/dist/extension/toolbar/user-help/shortcut-dialog.js

@@ -10,6 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _reactI18next = require("react-i18next");
+var _components = require("../../../components");
 require("./style.css");
 const isMac = window.navigator.platform.indexOf('Win') < 0 ? true : false;
 const controlKey = isMac ? '⌘' : 'CTRL';
@@ -50,7 +51,7 @@ class KeyboardShortcuts extends _react.default.PureComponent {
       toggle: toggleShortcutDialog,
       className: "keyboard-shortcut-dialog",
       zIndex: 1071
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    }, /*#__PURE__*/_react.default.createElement(_components.ModalHeader, {
       toggle: toggleShortcutDialog
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "mr-2"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "2.0.0",
+  "version": "2.0.1beta1",
   "description": "",
   "main": "dist/index.js",
   "scripts": {