@seafile/sdoc-editor 3.0.240 → 3.0.241

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

@@ -349,3 +349,9 @@
   border-radius: 3px;
   cursor: pointer;
 }
+
+/* temporary selection */
+.sdoc-editor__article .sdoc-temporary-selection {
+  padding: 3px 0;
+  background-color: #a9c9ed;
+}

package/dist/comment/components/comment-list.js

@@ -174,7 +174,7 @@ var CommentList = function CommentList(_ref) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     ref: commentPopover,
     id: "sdoc-comment-list-container",
-    className: (0, _classnames["default"])('sdoc-comment-list-container sdoc-comment-list-container-popover', 'sdoc-context-comment-list-container'),
+    className: (0, _classnames["default"])('sdoc-comment-list-container sdoc-comment-list-container-popover d-print-none', 'sdoc-context-comment-list-container'),
     style: (0, _objectSpread3["default"])((0, _objectSpread3["default"])({
       top: position.y
     }, isContextComment || isClickedContextComment ? {

package/dist/components/tooltip/index.js

@@ -37,7 +37,7 @@ var Tooltip = function Tooltip(_ref) {
   var props = (0, _objectSpread2["default"])({
     target: target,
     placement: placement,
-    popperClassName: (0, _classnames["default"])('sdoc-tooltip', className),
+    popperClassName: (0, _classnames["default"])('sdoc-tooltip', 'd-print-none', className),
     delay: delay,
     hideArrow: true,
     autohide: false,

package/dist/editor/sdoc-editor.js

@@ -195,6 +195,13 @@ var SdocEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     };
   }, [handleEditToggle]);
   (0, _react.useEffect)(function () {
+    var handlePrintKeyDown = function handlePrintKeyDown(event) {
+      if (!(0, _isHotkey["default"])('mod+p', event)) return;
+      event.preventDefault();
+      var eventBus = _eventBus["default"].getInstance();
+      eventBus.dispatch(_constants.INTERNAL_EVENT.ON_PRINT);
+      event.stopPropagation();
+    };
     var handleExit = function handleExit(e) {
       if ((0, _isHotkey["default"])('esc', e)) {
         e.preventDefault();
@@ -211,9 +218,11 @@ var SdocEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         setShowFullScreen(false);
       }
     };
+    window.addEventListener('keydown', handlePrintKeyDown, true);
     window.addEventListener('keydown', handleExit);
     window.document.addEventListener('fullscreenchange', onFullscreenChange);
     return function () {
+      window.removeEventListener('keydown', handlePrintKeyDown, true);
       window.removeEventListener('keydown', handleExit);
       window.document.removeEventListener('fullscreenchange', onFullscreenChange);
     };

package/dist/extension/plugins/ai/ai-module/index.js

@@ -552,7 +552,7 @@ function AIModule(_ref) {
     (0, _core.focusEditor)(editor);
   }, [editor, onCloseClick]);
   return /*#__PURE__*/_react["default"].createElement(_commons.ElementPopover, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-ai-module-container",
+    className: "sdoc-ai-module-container d-print-none",
     ref: aiRef
   }, !searchResult && /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-ai-content"

package/dist/extension/plugins/callout/render-elem/callout-hover-menu/index.js

@@ -67,7 +67,7 @@ function CalloutHoverMenu(_ref) {
     (0, _helper.setCalloutIcon)(editor, '');
   };
   return /*#__PURE__*/_react["default"].createElement(_commons.ElementPopover, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-callout-hover-menu",
+    className: "sdoc-callout-hover-menu d-print-none",
     style: popoverPosition
   }, /*#__PURE__*/_react["default"].createElement("div", {
     id: "select_callout_color",

package/dist/extension/plugins/callout/render-elem/index.js

@@ -148,7 +148,7 @@ var renderCallout = function renderCallout(_ref, editor) {
     className: "callout-content"
   }, children, isShowPlaceholder() && /*#__PURE__*/_react["default"].createElement("div", {
     contentEditable: false,
-    className: "sdoc-callout-placeholder"
+    className: "sdoc-callout-placeholder d-print-none"
   }, t('Please_enter'), "...")), isShowColorSelector && /*#__PURE__*/_react["default"].createElement(_calloutHoverMenu["default"], {
     editor: editor,
     element: element,

package/dist/extension/plugins/image/hover-menu/index.js

@@ -234,7 +234,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/_react["default"].createElement(_commons.ElementPopover, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-image-hover-menu-container",
+    className: "sdoc-image-hover-menu-container d-print-none",
     ref: menuRef,
     style: menuPosition
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -256,7 +256,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
   }, t(type === _constants2.IMAGE_BLOCK ? 'Block' : 'Inline')), /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-arrow-down"
   }), !isInListItem && popoverState.displayPopover && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-image-popover sdoc-dropdown-menu"
+    className: "sdoc-image-popover sdoc-dropdown-menu d-print-none"
   }, _constants3.IMAGE_DISPLAY_TYPE.map(function (item) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: item.value,
@@ -287,7 +287,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
   }), /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-arrow-down"
   }), popoverState.alignPopover && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-image-popover align-popover sdoc-dropdown-menu"
+    className: "sdoc-image-popover align-popover sdoc-dropdown-menu d-print-none"
   }, _constants2.MENUS_CONFIG_MAP[_constants2.TEXT_ALIGN].map(function (item) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: item.id,
@@ -323,7 +323,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
   }), /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-arrow-down"
   }), popoverState.borderPopover && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-image-popover border-popover sdoc-dropdown-menu"
+    className: "sdoc-image-popover border-popover sdoc-dropdown-menu d-print-none"
   }, _constants3.IMAGE_BORDER_TYPE.map(function (item) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: item.type,

package/dist/extension/plugins/image/popover/image-link-popover/index.js

@@ -63,7 +63,7 @@ var ImageLinkPopover = function ImageLinkPopover(_ref) {
     submit();
   }, [submit]);
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-image-link-popover sdoc-popover-box-shadow",
+    className: "sdoc-image-link-popover sdoc-popover-box-shadow d-print-none",
     onClick: function onClick(event) {
       return event.stopPropagation();
     },

package/dist/extension/plugins/multi-column/resize-handlers/index.js

@@ -139,7 +139,7 @@ var ResizeHandlers = function ResizeHandlers(_ref) {
   var leftAccumulator = 0;
   var columns = Array.isArray(column) ? column : [];
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "column-resize-handler",
+    className: "column-resize-handler d-print-none",
     contentEditable: false
   }, columns.map(function (column, index) {
     leftAccumulator += column.width;

package/dist/extension/plugins/table/render/drag-handlers/column-drag-handler.js

@@ -10,7 +10,7 @@ require("../../render/index.css");
 var ColumnDragHandler = function ColumnDragHandler(_ref) {
   var left = _ref.left;
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "table-cell-width-just position-absolute resizing",
+    className: "table-cell-width-just position-absolute resizing d-print-none",
     contentEditable: false,
     style: {
       left: left

package/dist/extension/plugins/table/render/drag-handlers/row-drag-handler.js

@@ -10,7 +10,7 @@ require("../../render/index.css");
 var RowDragHandler = function RowDragHandler(_ref) {
   var top = _ref.top;
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "table-row-height-just position-absolute resizing",
+    className: "table-row-height-just position-absolute resizing d-print-none",
     contentEditable: false,
     style: {
       top: top

package/dist/extension/plugins/table/render/resize-handlers/column-resize-handler.js

@@ -109,7 +109,7 @@ var ColumnResizeHandler = function ColumnResizeHandler(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isDraggingResizeHandler, mouseDownInfo, left, width, column, editor, table, cellIndex, initLeft, rowBottom]);
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "table-cell-width-just resizing position-fixed",
+    className: "table-cell-width-just resizing position-fixed d-print-none",
     contentEditable: false,
     style: style,
     ref: resizeHandler

package/dist/extension/plugins/table/render/resize-handlers/first-column-left-resize-handler.js

@@ -96,7 +96,7 @@ var FirstColumnResizeHandler = function FirstColumnResizeHandler(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isDraggingResizeHandler, mouseDownInfo, left, width, column, editor, table, cellIndex, initLeft, rowBottoms]);
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "table-cell-width-just resizing position-fixed",
+    className: "table-cell-width-just resizing position-fixed d-print-none",
     contentEditable: false,
     style: style,
     ref: resizeHandler

package/dist/extension/plugins/table/render/resize-handlers/row-resize-handler.js

@@ -95,7 +95,7 @@ var RowResizeHandler = function RowResizeHandler(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [row, initRowBottom]);
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "table-row-height-just position-absolute resizing",
+    className: "table-row-height-just position-absolute resizing d-print-none",
     contentEditable: false,
     style: style
   }, /*#__PURE__*/_react["default"].createElement("div", {

package/dist/extension/plugins/table/render/table-header/columns-header/index.js

@@ -78,7 +78,7 @@ var ColumnsHeader = function ColumnsHeader(_ref) {
       handleDragEnd: handleDragEnd
     });
   }))), addIconPosition && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])('position-fixed sdoc-table-add-element-icon-content', {
+    className: (0, _classnames["default"])('position-fixed sdoc-table-add-element-icon-content d-print-none', {
       'background-color-tip-blue': isHoverInAddIcon
     }),
     contentEditable: false,
@@ -91,7 +91,7 @@ var ColumnsHeader = function ColumnsHeader(_ref) {
       return insertColumn(insertColumnIndex);
     }
   }, '+'), addIconPosition && isHoverInAddIcon && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "position-fixed sdoc-table-add-element-tip background-color-tip-blue",
+    className: "position-fixed sdoc-table-add-element-tip background-color-tip-blue d-print-none",
     style: {
       left: (addIconPosition === null || addIconPosition === void 0 ? void 0 : addIconPosition.left) + 5,
       top: (addIconPosition === null || addIconPosition === void 0 ? void 0 : addIconPosition.top) + 12,

package/dist/extension/plugins/table/render/table-header/rows-header/index.js

@@ -75,7 +75,7 @@ var RowsHeader = function RowsHeader(_ref) {
       handleDragEnd: handleDragEnd
     });
   })), addIconPosition && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])('position-fixed sdoc-table-add-element-icon-content', {
+    className: (0, _classnames["default"])('position-fixed sdoc-table-add-element-icon-content d-print-none', {
       'background-color-tip-blue': isHoverInAddIcon
     }),
     style: addIconPosition,
@@ -87,7 +87,7 @@ var RowsHeader = function RowsHeader(_ref) {
       return insertRow(insertRowIndex);
     }
   }, '+'), addIconPosition && isHoverInAddIcon && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "position-fixed sdoc-table-add-element-tip background-color-tip-blue",
+    className: "position-fixed sdoc-table-add-element-tip background-color-tip-blue d-print-none",
     style: {
       left: (addIconPosition === null || addIconPosition === void 0 ? void 0 : addIconPosition.left) + 11,
       top: (addIconPosition === null || addIconPosition === void 0 ? void 0 : addIconPosition.top) + 6,

package/dist/extension/plugins/text-style/render-elem.js

@@ -38,8 +38,7 @@ var renderText = function renderText(props, editor) {
 
   // Add temporary marks for selection in AI or context comment
   if ((leaf.sdoc_ai || leaf.comment) && leaf.text.trim()) {
-    style['padding'] = '3px 0';
-    style['backgroundColor'] = '#a9c9ed';
+    rest['sdoc-temporary-selection'] = true;
   }
 
   // Background color overlap for multi comments

package/dist/extension/plugins/video/hover-menu/index.js

@@ -56,7 +56,7 @@ var VideoHoverMenu = function VideoHoverMenu(_ref) {
     (_videoRef$current = videoRef.current) === null || _videoRef$current === void 0 ? void 0 : _videoRef$current.requestFullscreen();
   };
   return /*#__PURE__*/_react["default"].createElement(_commons.ElementPopover, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "video-hover-menu-container",
+    className: "video-hover-menu-container d-print-none",
     style: menuPosition
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "hover-menu-container"

package/dist/extension/toolbar/side-toolbar/index.js

@@ -804,7 +804,7 @@ var SideToolbar = function SideToolbar() {
     onAnimationEnd: function onAnimationEnd() {
       return setIsMoving(false);
     },
-    className: (0, _classnames["default"])('sdoc-side-toolbar-container', {
+    className: (0, _classnames["default"])('sdoc-side-toolbar-container d-print-none', {
       'fade-out': isMoving
     }),
     style: sidePosition

package/dist/extension/toolbar/side-toolbar/side-menu.js

@@ -155,7 +155,7 @@ var SideMenu = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     return false;
   }, []);
   return /*#__PURE__*/_react["default"].createElement(_commons.ElementPopover, {
-    className: "sdoc-side-menu-popover",
+    className: "sdoc-side-menu-popover d-print-none",
     style: menuStyle
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-side-menu sdoc-dropdown-menu",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.240",
+  "version": "3.0.241",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -71,5 +71,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "91ca3793f5920a5d12198e3250852f7081f10aa5"
+  "gitHead": "96b14049ea3c3f553a702e7dbf5cc636183d6f22"
 }