@seafile/sdoc-editor 3.0.39 → 3.0.40

package/dist/api/seafile-api.js

@@ -331,6 +331,16 @@ var SeafileAPI = /*#__PURE__*/function () {
       form.append('view_id', viewId);
       return this.req.post(url, form);
     }
+  }, {
+    key: "modifyView",
+    value: function modifyView(wikiId, viewId, viewData) {
+      var url = '/api/v2.1/wiki2/' + wikiId + '/views/';
+      var data = {
+        view_id: viewId,
+        view_data: viewData
+      };
+      return this.req.put(url, data);
+    }
   }]);
 }();
 var _default = exports["default"] = SeafileAPI;

package/dist/context.js

@@ -432,6 +432,12 @@ var Context = /*#__PURE__*/function () {
       var docUuid = this.getSetting('docUuid');
       return this.api.duplicateWikiView(wikiId, docUuid, viewId);
     }
+  }, {
+    key: "modifyView",
+    value: function modifyView(viewId, viewData) {
+      var wikiId = this.getSetting('wikiId');
+      return this.api.modifyView(wikiId, viewId, viewData);
+    }
   }]);
 }();
 var context = new Context();

package/dist/extension/plugins/file-view/rename/index.css

@@ -0,0 +1,25 @@
+.sdoc-file-view-rename {
+  max-width: 100%;
+  width: 100%;
+  white-space: nowrap;
+  word-break: break-word;
+  caret-color: var(--c-texPri);
+  min-width: 0px;
+  flex: 1 1 0%;
+  overflow: auto;
+  font-weight: 700;
+  font-size: 22px;
+  margin-inline-end: 4px;
+  scrollbar-width: none;
+  height: 48px;
+  line-height: 48px;
+}
+
+.sdoc-file-view-rename input {
+  border-width: 0;
+  padding: 0;
+}
+
+.sdoc-file-view-rename input:focus-visible {
+  outline: none;
+}

package/dist/extension/plugins/file-view/rename/index.js

@@ -0,0 +1,113 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _toast = _interopRequireDefault(require("../../../../components/toast"));
+var _keyCodes = _interopRequireDefault(require("../../../../constants/key-codes"));
+require("./index.css");
+var Rename = /*#__PURE__*/function (_React$Component) {
+  function Rename(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Rename);
+    _this = (0, _callSuper2["default"])(this, Rename, [props]);
+    (0, _defineProperty2["default"])(_this, "registerEventHandle", function () {
+      document.addEventListener('click', _this.onOutClick);
+    });
+    (0, _defineProperty2["default"])(_this, "onOutClick", function (event) {
+      if (!_this.inputRef.current.contains(event.target)) {
+        _this.onRenameConfirm();
+        document.removeEventListener('click', _this.onOutClick);
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "onClick", function (e) {
+      e.stopPropagation();
+      e.nativeEvent.stopImmediatePropagation();
+      _this.registerEventHandle();
+    });
+    (0, _defineProperty2["default"])(_this, "onChange", function (e) {
+      _this.setState({
+        name: e.target.value
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "onKeyDown", function (e) {
+      if (e.keyCode === _keyCodes["default"].Enter) {
+        _this.onRenameConfirm(e);
+      } else if (e.keyCode === _keyCodes["default"].Esc) {
+        _this.onRenameCancel(e);
+      }
+      e.nativeEvent.stopImmediatePropagation();
+    });
+    (0, _defineProperty2["default"])(_this, "onRenameConfirm", function (e) {
+      e && e.nativeEvent.stopImmediatePropagation();
+      var newName = _this.state.name.trim();
+      if (newName === _this.props.name) {
+        _this.props.onRenameCancel();
+        return;
+      }
+      var _this$validateInput = _this.validateInput(),
+        isValid = _this$validateInput.isValid,
+        errMessage = _this$validateInput.errMessage;
+      if (!isValid) {
+        _toast["default"].danger(errMessage);
+        _this.props.onRenameCancel();
+      } else {
+        _this.props.onRenameConfirm(newName);
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "onRenameCancel", function (e) {
+      document.removeEventListener('click', _this.onOutClick);
+      e.nativeEvent.stopImmediatePropagation();
+      _this.props.onRenameCancel();
+    });
+    (0, _defineProperty2["default"])(_this, "validateInput", function () {
+      var t = _this.props.t;
+      var newName = _this.state.name.trim();
+      var isValid = true;
+      var errMessage = '';
+      if (newName.indexOf('/') > -1) {
+        isValid = false;
+        // eslint-disable-next-line no-useless-concat
+        errMessage = t('Name should not include ' + '\'/\'' + '.');
+        return {
+          isValid: isValid,
+          errMessage: errMessage
+        };
+      }
+      return {
+        isValid: isValid,
+        errMessage: errMessage
+      };
+    });
+    _this.state = {
+      name: props.name
+    };
+    _this.inputRef = /*#__PURE__*/_react["default"].createRef();
+    return _this;
+  }
+  (0, _inherits2["default"])(Rename, _React$Component);
+  return (0, _createClass2["default"])(Rename, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "sdoc-file-view-rename"
+      }, /*#__PURE__*/_react["default"].createElement("input", {
+        ref: this.inputRef,
+        value: this.state.name,
+        onChange: this.onChange,
+        onKeyDown: this.onKeyDown,
+        onClick: this.onClick
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(Rename);

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

@@ -6,15 +6,12 @@
 
 .sdoc-file-view-container .sdoc-file-view-title {
   position: absolute;
-  height: 44px;
-  line-height: 44px;
-  top: 0px;
+  height: 48px;
+  line-height: 48px;
+  top: 2px;
   left: 0px;
   z-index: 10;
-  height: 44px;
-  line-height: 44px;
   margin-left: 16px;
-  cursor: pointer;
 }
 
 .sdoc-file-view-container .sdoc-file-view-content {

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

@@ -19,6 +19,7 @@ var _commonUtils = require("../../../../utils/common-utils");
 var _localStorageUtils = _interopRequireDefault(require("../../../../utils/local-storage-utils"));
 var _constants = require("../../../constants");
 var _helpers = require("../helpers");
+var _rename = _interopRequireDefault(require("../rename"));
 require("./index.css");
 var FileView = function FileView(_ref) {
   var element = _ref.element,
@@ -154,6 +155,16 @@ var FileView = function FileView(_ref) {
     }
     return null;
   }, [data]);
+  var onNameCancel = (0, _react.useCallback)(function () {}, []);
+  var onRename = (0, _react.useCallback)(function (newName) {
+    var newData = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, element.data), {}, {
+      view_name: newName
+    });
+    (0, _helpers.updateFileView)(newData, editor, element);
+
+    // TODO:
+    // context.modifyView(data.view_id, { view_name: newName });
+  }, [editor, element]);
   return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
     "data-id": element.id
   }, attributes, {
@@ -162,7 +173,11 @@ var FileView = function FileView(_ref) {
     suppressContentEditableWarning: true
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-file-view-title"
-  }, data.view_name), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement(_rename["default"], {
+    name: data.view_name,
+    onRenameConfirm: onRename,
+    onRenameCancel: onNameCancel
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])('sdoc-file-view-content', {
       'is-selected': isSelected
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.39",
+  "version": "3.0.40",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8d184c224586d5b7a253f40d2fa2c680f8c46d53"
+  "gitHead": "9b616f58a19029c6a345bcbb262068993e9b31a2"
 }