@seafile/sdoc-editor 3.0.86 → 3.0.87

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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
@@ -151,21 +151,22 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     var wikiId = _context["default"].getSetting('wikiId');
     var data = {
       wiki_id: wikiId,
-      view_name: t('View_name'),
-      view_type: 'table',
-      link_repo_id: item.repo_id
+      name: item.repo_name,
+      linked_repo_id: item.repo_id,
+      type: 'table'
     };
-    _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
-      });
+    _context["default"].insertFileView(data).then(function (res) {
+      var fileView = res.data;
+      var viewData = {
+        wiki_id: wikiId,
+        file_view_id: fileView.id
+      };
       (0, _helpers3.insertFileView)(viewData, editor, insertPosition, slateNode);
     })["catch"](function (error) {
       var errorMessage = (0, _commonUtils.getErrorMsg)(error);
       _toast["default"].danger(errorMessage);
     });
-  }, [editor, insertPosition, slateNode, t]);
+  }, [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) {
     return /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !insertMenuSearchMap[item.type],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.86",
+  "version": "3.0.87",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -20,7 +20,7 @@
     "@seafile/comment-editor": "~1.0.16",
     "@seafile/print-js": "1.6.6",
     "@seafile/react-image-lightbox": "5.0.4",
-    "@seafile/seafile-database": "0.0.24",
+    "@seafile/seafile-database": "0.0.29",
     "@seafile/slate": "0.91.8",
     "@seafile/slate-history": "0.86.2",
     "@seafile/slate-hyperscript": "0.81.7",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "dfb69712b9764d4344731bb2782ae5d2a729a3fa"
+  "gitHead": "622242038e73a0ae5b49a30d5647d9acf93a1904"
 }

package/dist/extension/plugins/file-view/insert-view-dialog/dropdown-select/constants.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var KeyCodes = {
-  Tab: 9,
-  Escape: 27,
-  Esc: 27,
-  LeftArrow: 37,
-  UpArrow: 38,
-  RightArrow: 39,
-  DownArrow: 40
-};
-var _default = exports["default"] = KeyCodes;

package/dist/extension/plugins/file-view/insert-view-dialog/dropdown-select/index.css

@@ -1,96 +0,0 @@
-.sdoc-select.group-select {
-  position: relative;
-}
-
-.sdoc-select.group-select.custom-select {
-  display: flex;
-  padding: 5px 10px;
-  border-radius: 3px;
-  align-items: center;
-  justify-content: space-between;
-  max-width: 900px;
-  user-select: none;
-  text-align: left;
-  border-color: 1px solid rgba(0, 40, 100, 0.12);
-  height: auto;
-  min-height: 38px;
-  cursor: pointer;
-}
-
-.sdoc-select.group-select.custom-select:focus,
-.sdoc-select.group-select.custom-select.focus {
-  border-color: #1991eb !important;
-  box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
-}
-
-.sdoc-select.group-select.custom-select.disabled:focus,
-.sdoc-select.group-select.custom-select.focus.disabled,
-.sdoc-select.group-select.custom-select.disabled:hover {
-  border-color: rgba(0, 40, 100, 0.12) !important;
-  box-shadow: unset;
-  cursor: default;
-}
-
-.sdoc-select.group-select .sdoc-font-down {
-  display: inline-block;
-  color: #999;
-  transform: translateY(2px);
-  transition: all 0.1s;
-  font-size: 14px !important;
-}
-
-.sdoc-select.group-select .sdoc-font-down:hover {
-  color: #666;
-}
-
-.sdoc-select.group-select .selected-option {
-  display: flex;
-  flex: 1;
-  overflow: hidden;
-  flex-wrap: nowrap;
-  align-items: center;
-  justify-content: space-between;
-  background: #fff;
-}
-
-.sdoc-select.group-select.selector-collaborator .option-group .option-group-content {
-  padding: 10px;
-}
-
-.sdoc-select.group-select.custom-select.selector-collaborator .option-group .option-group-content {
-  padding: 10px 0;
-}
-
-.sdoc-select.group-select.custom-select.selector-collaborator .option {
-  padding: 5px 0 5px 10px !important;
-  line-height: 20px;
-}
-
-.sdoc-select.group-select .select-placeholder {
-  line-height: 1;
-  font-size: 14px;
-  white-space: nowrap;
-}
-
-.sdoc-select.group-select .selected-option-show {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
-}
-
-.sdoc-select.group-select .selected-option-show .selected-option-item {
-  display: flex;
-  align-items: center;
-  background-color: #fff;
-  border-radius: 0px;
-}
-
-.sdoc-select.group-select .selected-option-show .selected-option-item .selected-option-item-name {
-  font-size: 13px;
-  color: #212529;
-}
-
-.sdoc-select.group-select .selected-option-show .selected-option-item .sf2-icon-close {
-  cursor: pointer;
-  color: rgb(103, 103, 103);
-}

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

@@ -1,156 +0,0 @@
-"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 _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 = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _modalPortal = _interopRequireDefault(require("../modal-portal.js"));
-var _lib = _interopRequireDefault(require("./lib.png"));
-var _selectOptionGroup = _interopRequireDefault(require("./select-option-group.js"));
-require("./index.css");
-var DropdownSelect = /*#__PURE__*/function (_Component) {
-  function DropdownSelect(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, DropdownSelect);
-    _this = (0, _callSuper2["default"])(this, DropdownSelect, [props]);
-    (0, _defineProperty2["default"])(_this, "onSelectToggle", function (event) {
-      event.preventDefault();
-      if (_this.state.isShowSelectOptions) event.stopPropagation();
-      var eventClassName = event.target.className;
-      if (eventClassName.indexOf('sf2-icon-close') > -1 || eventClassName === 'option-group-search') return;
-      if (event.target.value === '') return;
-      _this.setState({
-        isShowSelectOptions: !_this.state.isShowSelectOptions
-      });
-    });
-    (0, _defineProperty2["default"])(_this, "onClickOutside", function (event) {
-      if (_this.props.isShowSelected && event.target.className.includes('icon-fork-number')) {
-        return;
-      }
-      if (!_this.selector.contains(event.target)) {
-        _this.closeSelect();
-      }
-    });
-    (0, _defineProperty2["default"])(_this, "closeSelect", function () {
-      _this.setState({
-        isShowSelectOptions: false
-      });
-    });
-    (0, _defineProperty2["default"])(_this, "getSelectedOptionTop", function () {
-      if (!_this.selector) return 38;
-      var _this$selector$getBou = _this.selector.getBoundingClientRect(),
-        height = _this$selector$getBou.height;
-      return height;
-    });
-    (0, _defineProperty2["default"])(_this, "getFilterOptions", function (searchValue) {
-      var options = _this.props.options;
-      var validSearchVal = searchValue.trim().toLowerCase();
-      if (!validSearchVal) return options || [];
-      return options.filter(function (option) {
-        return option.name.toLowerCase().includes(validSearchVal);
-      });
-    });
-    (0, _defineProperty2["default"])(_this, "onSelectOption", function (option) {
-      _this.props.onSelectOption(option);
-      _this.setState({
-        isShowSelectOptions: false
-      });
-    });
-    _this.state = {
-      isShowSelectOptions: false
-    };
-    return _this;
-  }
-  (0, _inherits2["default"])(DropdownSelect, _Component);
-  return (0, _createClass2["default"])(DropdownSelect, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      var _nextProps$selectedOp,
-        _this$props$selectedO,
-        _this2 = this;
-      if (((_nextProps$selectedOp = nextProps.selectedOption) === null || _nextProps$selectedOp === void 0 ? void 0 : _nextProps$selectedOp.id) !== ((_this$props$selectedO = this.props.selectedOption) === null || _this$props$selectedO === void 0 ? void 0 : _this$props$selectedO.id)) {
-        // when selectedOption change and dom rendered, calculate top
-        setTimeout(function () {
-          _this2.forceUpdate();
-        }, 1);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-      var _this$props = this.props,
-        className = _this$props.className,
-        selectedOption = _this$props.selectedOption,
-        options = _this$props.options,
-        placeholder = _this$props.placeholder,
-        searchPlaceholder = _this$props.searchPlaceholder,
-        noOptionsPlaceholder = _this$props.noOptionsPlaceholder,
-        isInModal = _this$props.isInModal,
-        _this$props$hasIcon = _this$props.hasIcon,
-        hasIcon = _this$props$hasIcon === void 0 ? false : _this$props$hasIcon;
-      var isShowSelectOptions = this.state.isShowSelectOptions;
-      var clazzName = (0, _classnames["default"])('sdoc-select group-select custom-select', {
-        'focus': isShowSelectOptions
-      }, className);
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        ref: function ref(node) {
-          return _this3.selector = node;
-        },
-        className: clazzName,
-        onClick: this.onSelectToggle
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "selected-option"
-      }, selectedOption && /*#__PURE__*/_react["default"].createElement("span", {
-        className: "selected-option-show"
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: "selected-option-item mr-1 px-1"
-      }, hasIcon && /*#__PURE__*/_react["default"].createElement("img", {
-        src: _lib["default"],
-        width: '24px',
-        alt: "",
-        className: "mr-2"
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        className: "selected-option-item-name"
-      }, selectedOption.name))), !selectedOption && /*#__PURE__*/_react["default"].createElement("span", {
-        className: "select-placeholder"
-      }, placeholder), /*#__PURE__*/_react["default"].createElement("i", {
-        className: "sdocfont sdoc-font-down"
-      })), this.state.isShowSelectOptions && !isInModal && /*#__PURE__*/_react["default"].createElement(_selectOptionGroup["default"], {
-        selectedOption: selectedOption,
-        top: this.getSelectedOptionTop(),
-        options: options,
-        onSelectOption: this.onSelectOption,
-        searchPlaceholder: searchPlaceholder,
-        noOptionsPlaceholder: noOptionsPlaceholder,
-        onClickOutside: this.onClickOutside,
-        closeSelect: this.closeSelect,
-        getFilterOptions: this.getFilterOptions
-      }), this.state.isShowSelectOptions && isInModal && /*#__PURE__*/_react["default"].createElement(_modalPortal["default"], null, /*#__PURE__*/_react["default"].createElement(_selectOptionGroup["default"], {
-        hasIcon: hasIcon,
-        className: className,
-        selectedOption: selectedOption,
-        position: this.selector.getBoundingClientRect(),
-        isInModal: isInModal,
-        top: this.getSelectedOptionTop(),
-        options: options,
-        onSelectOption: this.onSelectOption,
-        searchPlaceholder: searchPlaceholder,
-        noOptionsPlaceholder: noOptionsPlaceholder,
-        onClickOutside: this.onClickOutside,
-        closeSelect: this.closeSelect,
-        getFilterOptions: this.getFilterOptions
-      })));
-    }
-  }]);
-}(_react.Component);
-var _default = exports["default"] = DropdownSelect;

package/dist/extension/plugins/file-view/insert-view-dialog/dropdown-select/option.css

@@ -1,49 +0,0 @@
-.sdoc-options .option {
-  display: block;
-  width: 100%;
-  line-height: 24px;
-  padding: 6px 10px;
-  clear: both;
-  font-weight: 400;
-  text-align: inherit;
-  background-color: transparent;
-  border: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.sdoc-options .option.option-active {
-  background-color: #20a0ff;
-  color: #fff;
-  cursor: pointer;
-}
-
-.sdoc-options .option.option-active .sf2-icon-tick,
-.sdoc-options .option.option-active .select-option-name {
-  color: #fff !important;
-}
-
-.sdoc-options .option .select-option-name .single-select-option {
-  margin: 0 0 0 12px;
-}
-
-.sdoc-options .option .select-option-name .multiple-select-option {
-  margin: 0;
-}
-
-.sdoc-options .option-group-selector-single-select .select-option-name {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.sdoc-options .option-group-selector-single-select .option:hover,
-.sdoc-options .option-group-selector-single-select .option.option-active,
-.sdoc-options .option-group-selector-multiple-select .option:hover,
-.sdoc-options .option-group-selector-multiple-select .option.option-active {
-  background-color: #f5f5f5;
-}

package/dist/extension/plugins/file-view/insert-view-dialog/dropdown-select/option.js

@@ -1,53 +0,0 @@
-"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 _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 = _interopRequireWildcard(require("react"));
-require("./option.css");
-var Option = /*#__PURE__*/function (_Component) {
-  function Option() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, Option);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2["default"])(this, Option, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "onSelectOption", function (e) {
-      e.stopPropagation();
-      _this.props.onSelectOption(_this.props.option);
-    });
-    (0, _defineProperty2["default"])(_this, "onMouseEnter", function () {
-      if (!_this.props.disableHover) {
-        _this.props.changeIndex(_this.props.index);
-      }
-    });
-    (0, _defineProperty2["default"])(_this, "onMouseLeave", function () {
-      if (!_this.props.disableHover) {
-        _this.props.changeIndex(-1);
-      }
-    });
-    return _this;
-  }
-  (0, _inherits2["default"])(Option, _Component);
-  return (0, _createClass2["default"])(Option, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: this.props.isActive ? 'option option-active' : 'option',
-        onClick: this.onSelectOption,
-        onMouseEnter: this.onMouseEnter,
-        onMouseLeave: this.onMouseLeave
-      }, this.props.children);
-    }
-  }]);
-}(_react.Component);
-var _default = exports["default"] = Option;

package/dist/extension/plugins/file-view/insert-view-dialog/dropdown-select/select-option-group.css

@@ -1,37 +0,0 @@
-.sdoc-options.option-group {
-  position: absolute;
-  padding-top: 0;
-  left: 0;
-  min-height: 60px;
-  max-height: 300px;
-  min-width: 100%;
-  max-width: 15rem;
-  padding: 0.5rem 0;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  background: #fff;
-  border: 1px solid rgba(0, 40, 100, .12);
-  border-radius: 3px;
-  z-index: 10001;
-}
-
-[data-bs-theme=dark] .sdoc-options.option-group {
-  box-shadow: none;
-}
-
-.sdoc-options.option-group .option-group-search {
-  width: 100%;
-  padding: 6px 10px;
-  min-width: 170px;
-}
-
-.sdoc-options.option-group .none-search-result {
-  height: 100px;
-  width: 100%;
-  padding: 10px;
-  color: #f5f5f5;
-}
-
-.sdoc-options.option-group .option-group-content {
-  max-height: 252px;
-  overflow-y: auto;
-}