@seafile/sdoc-editor 1.0.33 → 1.0.35

package/dist/basic-sdk/extension/commons/color-menu/index.css

@@ -27,8 +27,8 @@
   background-color: #E5E5E5;
 }
 
-.menu-group .sdoc-color-menu.disabled .sdoc-color-toggle {
-  display: none;
+.menu-group .sdoc-color-menu.disabled .sdoc-color-toggle .sdocfont {
+  color: #BDBDBD;
 }
 
 .sdoc-color-menu .sdoc-color-icon {

package/dist/basic-sdk/extension/commons/menu/menu.css

@@ -52,7 +52,6 @@
 
 .menu-group .menu-group-item.sdoc-menu-with-dropdown.disabled {
   color: #999;
-  width: 24px !important;
 }
 
 .sdoc-menu-with-dropdown:not(.disabled):hover {

package/dist/basic-sdk/extension/plugins/callout/plugin.js

@@ -1,6 +1,6 @@
 import isHotkey from 'is-hotkey';
 import { Editor, Node, Range, Transforms } from '@seafile/slate';
-import { PARAGRAPH, INSERT_POSITION, CODE_BLOCK, CALL_OUT } from '../../constants';
+import { PARAGRAPH, INSERT_POSITION, CODE_BLOCK, CALL_OUT, ORDERED_LIST, UNORDERED_LIST } from '../../constants';
 import { getSelectedNodeEntryByType, isSelectionAtBlockStart } from '../../core';
 import { deleteCalloutIcon, getCalloutEntry, isCalloutContentEmpty, unwrapCallout } from './helper';
 import { insertElement } from '../../toolbar/side-toolbar/helpers';
@@ -56,9 +56,12 @@ const withCallout = editor => {
           if (parentNodeEntry && parentNodeEntry[0].type === CALL_OUT) {
             if (!Node.string(paragraphEntry[0]).length) {
               insertFragment(data);
-              return Transforms.removeNodes(newEditor, {
-                at: paragraphEntry[1]
-              });
+              if ([ORDERED_LIST, UNORDERED_LIST].includes(data[0].type)) {
+                Transforms.removeNodes(newEditor, {
+                  at: paragraphEntry[1]
+                });
+              }
+              return;
             }
           }
         }

package/dist/basic-sdk/extension/plugins/header/menu/index.js

@@ -107,7 +107,7 @@ class HeaderMenu extends React.Component {
       onClick: disabled ? () => {} : this.onToggleClick
     }, /*#__PURE__*/React.createElement("span", {
       className: "active"
-    }, t(HEADER_TITLE_MAP[currentType])), !disabled && /*#__PURE__*/React.createElement("span", {
+    }, t(HEADER_TITLE_MAP[currentType])), /*#__PURE__*/React.createElement("span", {
       className: headerIconClass
     })), isShowHeaderPopover && /*#__PURE__*/React.createElement("div", {
       ref: this.setMenuRef,

package/dist/basic-sdk/extension/plugins/header/menu/style.css

@@ -44,6 +44,11 @@
   cursor: pointer;
 }
 
+.header-menu .header-toggle-disabled .sdocfont {
+  color: #BDBDBD;
+  cursor: unset;
+}
+
 .header-menu .header-popover {
   position: absolute;
   top: 42px;

package/dist/basic-sdk/extension/plugins/seatable-column/render-elem.js

@@ -30,10 +30,11 @@ const Column = _ref => {
       setIsClicked(false);
     }
   }, [isSelected, isReadOnly]);
-  const style = _objectSpread(_objectSpread({}, isClicked && {
+  const style = _objectSpread({
+    margin: '0 10px',
+    border: '1px solid transparent'
+  }, isClicked && {
     border: '1px solid red'
-  }), {}, {
-    margin: '0 10px'
   });
   return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes, {
     style: style

package/dist/basic-sdk/extension/plugins/table/menu/color-selector-popover/style.css

@@ -1,165 +1,3 @@
-.menu-group .sdoc-color-menu.menu-show {
-  background: #e5e5e5;
-  border-radius: 2px;
-}
-
-.menu-group .sdoc-color-menu .last-used-color-container {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
-.menu-group .sdoc-color-menu .last-used-color-container.disabled {
-  padding-right: 0;
-}
-
-.menu-group .sdoc-color-menu .sdoc-color-toggle {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.menu-group .sdoc-color-menu .sdoc-color-toggle:hover,
-.menu-group .sdoc-color-menu .last-used-color-container:not(.disabled):hover {
-  background-color: #E5E5E5;
-}
-
-.menu-group .sdoc-color-menu.disabled .sdoc-color-toggle {
-  display: none;
-}
-
-.sdoc-color-menu .sdoc-color-icon {
-  height: 12px;
-  width: 12px;
-  transform: scale(.85);
-  line-height: 12px;
-}
-
-.sdoc-color-menu .last-used-color {
-  width: 14px;
-  height: 3px;
-  border-radius: 1px;
-  margin-top: 1px;
-  border: 1px solid rgba(0, 0, 0, .08);
-}
-
-.sdoc-color-menu-popover .popover {
-  left: -24px !important;
-}
-
-.sdoc-color-menu-popover .sdoc-color-dropdown-menu {
-  width: 251px;
-  padding: 0 0 12px 0;
-}
-
-.sdoc-color-menu-popover .sdoc-color-no-color-container {
-  width: 100%;
-  height: 24px;
-  margin-bottom: 5px;
-}
-
-.sdoc-color-menu-popover .sdoc-color-no-color-content {
-  height: 100%;
-  width: 100%;
-  text-align: center;
-  border: 1px solid rgba(0, 0, 0, .12);
-  border-radius: 2px;
-  font-size: 12px;
-  line-height: 22px;
-  cursor: pointer;
-}
-
-.sdoc-color-menu-popover .sdoc-color-default-colors-container {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.sdoc-color-menu-popover .sdoc-color-item {
-  position: relative;
-  height: 20px;
-  width: 20px;
-  margin-right: 3px;
-  margin-bottom: 3px;
-  border: 0.5px solid rgba(0, 0, 0, .08);
-}
-
-.sdoc-color-menu-popover .sdoc-color-item:not(.selected):hover::before {
-  content: '';
-  position: absolute;
-  width: calc(100% + 5px);
-  height: calc((100% + 5px));
-  top: -2.5px;
-  left: -2.5px;
-  pointer-events: none;
-  border: 1px solid rgba(0, 0, 0, .24);
-}
-
-.sdoc-color-menu-popover .sdoc-color-item.selected::after {
-  content: '';
-  position: absolute;
-  width: calc(100% + 5px);
-  height: calc((100% + 5px));
-  top: -2.5px;
-  left: -2.5px;
-  pointer-events: none;
-  border: 1px solid rgba(0, 0, 0, .88);
-}
-
-.sdoc-color-menu-popover .sdoc-color-item:hover {
-  cursor: pointer;
-}
-
-.sdoc-color-menu-popover .sdoc-color-item:nth-child(10n) {
-  margin-right: 0px;
-}
-
-.sdoc-color-menu-popover .sdoc-color-sub-title {
-  font-size: 11px;
-  line-height: 16px;
-  margin: 7px 0;
-  color: rgba(0, 0, 0, 0.4);
-}
-
-.sdoc-color-menu-popover .sdoc-colors-divider {
-  width: 100%;
-  height: 1px;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
-  margin: 0px 0 8px 0;
-}
-
-.sdoc-color-menu-popover .sdoc-more-colors {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 30px;
-  font-size: 12px;
-  padding: 0 12px;
-}
-
-.sdoc-color-menu-popover .sdoc-more-colors .sdocfont {
-  font-size: 12px;
-  transform: scale(.6);
-  color: #888;
-}
-
-.sdoc-color-menu-popover .sdoc-more-colors.show-pick {
-  cursor: pointer;
-  background-color: rgba(51, 77, 102, .06);
-}
-
-.sdoc-more-colors-popover .popover {
-  left: 10px !important;
-}
-
-/* commission */
-.menu-group #button-sdoc-highlight-color .sdoc-color-icon {
-  position: relative;
-  left: 1px;
-}
-
 .sdoc-table-cell-bg-colors-popover .popover {
   margin-left: 30px;
 }

package/dist/basic-sdk/extension/toolbar/header-toolbar/insert-toolbar/index.js

@@ -67,7 +67,7 @@ const InsertToolbar = _ref => {
     className: "sdocfont sdoc-insert mr-1"
   }), /*#__PURE__*/React.createElement("span", {
     className: "text-truncate"
-  }, t('Insert'))), !disabled && /*#__PURE__*/React.createElement("div", {
+  }, t('Insert'))), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-menu-with-dropdown-triangle"
   }, /*#__PURE__*/React.createElement("span", {
     className: caretIconClass

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",