@seafile/sdoc-editor 3.0.47 → 3.0.48

package/dist/assets/css/sdoc-editor-plugins.css

@@ -42,6 +42,10 @@
   cursor: pointer;
 }
 
+.sdoc-editor__article .list-container .sdoc-li-content {
+  display: inline-grid;
+}
+
 .sdoc-editor__article .list-container .sdoc-li-prefix {
   font-size: 12px;
   color: #666;

package/dist/editor/sdoc-editor.js

@@ -76,8 +76,9 @@ var SdocEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   // Fix: The editor's children are not updated when the document is updated in revision
   // In revision mode, the document is updated, but the editor's children are not updated,as onValueChange override the new document.elements. This unexpected action cause the editor to display the old content
   (0, _react.useEffect)(function () {
+    validEditor.children = document.elements;
     _setSlateValue(document.elements);
-  }, [document.elements]);
+  }, [document.elements, validEditor]);
   (0, _react.useEffect)(function () {
     validEditor.readonly = false;
     return function () {

package/dist/editor/wiki-editor.js

@@ -62,8 +62,9 @@ var WikiEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   // Fix: The editor's children are not updated when the document is updated in revision
   // In revision mode, the document is updated, but the editor's children are not updated,as onValueChange override the new document.elements. This unexpected action cause the editor to display the old content
   (0, _react.useEffect)(function () {
+    validEditor.children = document.elements;
     _setSlateValue(document.elements);
-  }, [document.elements]);
+  }, [document.elements, validEditor]);
   (0, _react.useEffect)(function () {
     validEditor.readonly = false;
     return function () {

package/dist/extension/plugins/video/plugin.js

@@ -29,6 +29,26 @@ var withVideo = function withVideo(editor) {
       _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
       videoNode = _ref2[0],
       path = _ref2[1];
+    if ((0, _isHotkey["default"])(['left', 'right'], event)) {
+      var selection = editor.selection;
+      if (!_slate.Range.isCollapsed(selection)) return true;
+      if ((0, _isHotkey["default"])('right', event)) {
+        var _nextEntry$;
+        var nextEntry = (0, _core.getNextNode)(editor);
+        if (nextEntry && ((_nextEntry$ = nextEntry[0]) === null || _nextEntry$ === void 0 ? void 0 : _nextEntry$.type) === _constants.VIDEO) {
+          _slate.Transforms.select(editor, nextEntry[1]);
+          return true;
+        }
+      }
+      if ((0, _isHotkey["default"])('left', event)) {
+        var _prevEntry$;
+        var prevEntry = (0, _core.getPrevNode)(editor);
+        if (prevEntry && ((_prevEntry$ = prevEntry[0]) === null || _prevEntry$ === void 0 ? void 0 : _prevEntry$.type) === _constants.VIDEO) {
+          _slate.Transforms.select(editor, prevEntry[1]);
+          return true;
+        }
+      }
+    }
     if (path) {
       // Insert empty paragraph node after video when clicking 'enter' on selected video
       if ((0, _isHotkey["default"])('enter', event)) {

package/dist/extension/plugins/video/render-elem.js

@@ -74,9 +74,8 @@ var Video = function Video(_ref) {
     setIsLoaded(true);
   };
   var onClickVideo = (0, _react.useCallback)(function (e) {
+    e.preventDefault();
     e.stopPropagation();
-    var path = _slateReact.ReactEditor.findPath(editor, element);
-    _slate.Transforms.select(editor, path);
     setIsSelected(true);
   }, [editor, element]);
   var setPosition = (0, _react.useCallback)(function (elem) {
@@ -239,16 +238,17 @@ var Video = function Video(_ref) {
   }))))), /*#__PURE__*/_react["default"].createElement("div", {
     "data-id": element.id,
     className: "sdoc-video-wrapper",
+    contentEditable: false,
     style: {
       display: isLoaded ? 'flex' : 'none'
-    }
+    },
+    onClick: onClickVideo
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-video-inner",
     ref: wrapperRef,
     style: (0, _objectSpread4["default"])({
       visibility: isLoaded ? 'visible' : 'hidden'
-    }, getVideoWidthStyle()),
-    onClick: onClickVideo
+    }, getVideoWidthStyle())
   }, !isEmbeddableLink && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("video", {
     className: "sdoc-video-element",
     ref: videoRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.47",
+  "version": "3.0.48",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -17,9 +17,9 @@
   "license": "ISC",
   "description": "",
   "dependencies": {
-    "@seafile/comment-editor": "1.0.7",
+    "@seafile/comment-editor": "1.0.8",
     "@seafile/print-js": "1.6.6",
-    "@seafile/react-image-lightbox": "5.0.3",
+    "@seafile/react-image-lightbox": "5.0.4",
     "@seafile/seafile-database": "0.0.17",
     "@seafile/slate": "0.91.8",
     "@seafile/slate-history": "0.86.2",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "79dfe0305899d552675866198e44cbe257358f64"
+  "gitHead": "a1510ef659d09923a6c7a1133d153fa1f74e55cb"
 }