@seafile/sdoc-editor 0.1.154 → 0.1.155

package/dist/basic-sdk/comment/comment-decorate.js

@@ -23,7 +23,7 @@ export var commentDecorate = function commentDecorate(editor) {
         }
       };
       // rgba prevents occlusion of the cursor
-      decoration['computed_bg_color'] = 'rgba(129, 237, 247, 0.5)';
+      decoration['computed_background_color'] = 'rgba(129, 237, 247, 0.5)';
       decoration['comment_count'] = unresolvedComments === null || unresolvedComments === void 0 ? void 0 : unresolvedComments.length;
       decorations.push(decoration);
     }

package/dist/basic-sdk/extension/constants/color.js

@@ -268,9 +268,9 @@ export var DEFAULT_FONT_COLOR = '#333333';
 // default last used color
 export var DEFAULT_LAST_USED_FONT_COLOR = '#FFFF00';
 export var DEFAULT_LAST_USED_HIGHLIGHT_COLOR = '#FF0000';
-export var DEFAULT_LAST_USED_TABLE_CELL_BG_COLOR = '#FF0000';
+export var DEFAULT_LAST_USED_TABLE_CELL_BACKGROUND_COLOR = '#FF0000';
 
 // recent used colors key
 export var RECENT_USED_HIGHLIGHT_COLORS_KEY = 'sdoc-recent-used-highlight-colors';
 export var RECENT_USED_FONT_COLORS_KEY = 'sdoc-recent-used-font-colors';
-export var RECENT_USED_TABLE_CELL_BG_COLORS_KEY = 'sdoc-recent-used-bg-colors';
+export var RECENT_USED_TABLE_CELL_BACKGROUND_COLORS_KEY = 'sdoc-recent-used-bg-colors';

package/dist/basic-sdk/extension/constants/diff-view.js

@@ -5,10 +5,10 @@ export var DIFF_TYPE = {
   COMMON: 'common'
 };
 export var DELETED_STYLE = {
-  computed_bg_color: '#ffeef0',
+  computed_background_color: '#ffeef0',
   color: 'rgb(165, 32, 21)'
 };
 export var ADDED_STYLE = {
-  computed_bg_color: '#e6ffed',
+  computed_background_color: '#e6ffed',
   color: 'rgb(137, 181, 66)'
 };

package/dist/basic-sdk/extension/constants/index.js

@@ -3,11 +3,11 @@ var _HEADER_TITLE_MAP;
 // extension plugin
 import * as ELEMENT_TYPE from './element-type';
 import { BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, LIST_LIC, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE } from './element-type';
-export { DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_LIST, DEFAULT_FONT_COLOR, RECENT_USED_HIGHLIGHT_COLORS_KEY, RECENT_USED_FONT_COLORS_KEY, RECENT_USED_TABLE_CELL_BG_COLORS_KEY, DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BG_COLOR } from './color';
+export { DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_LIST, DEFAULT_FONT_COLOR, RECENT_USED_HIGHLIGHT_COLORS_KEY, RECENT_USED_FONT_COLORS_KEY, RECENT_USED_TABLE_CELL_BACKGROUND_COLORS_KEY, DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BACKGROUND_COLOR } from './color';
 export { FONT_SIZE, DEFAULT_FONT, FONT, GOOGLE_FONT_CLASS, RECENT_USED_FONTS_KEY, SDOC_FONT_SIZE } from './font';
 export { DIFF_TYPE, ADDED_STYLE, DELETED_STYLE } from './diff-view';
 export { KEYBOARD, MAC_HOTKEYS, WIN_HOTKEYS } from './keyboard';
-export { UNDO, REDO, TEXT_STYLE, TEXT_STYLE_MAP, TEXT_STYLE_MORE, TEXT_ALIGN, REMOVE_TABLE, BG_COLOR, CLEAR_FORMAT, MENUS_CONFIG_MAP, SIDE_MENUS_CONFIG } from './menus-config';
+export { UNDO, REDO, TEXT_STYLE, TEXT_STYLE_MAP, TEXT_STYLE_MORE, TEXT_ALIGN, REMOVE_TABLE, CLEAR_FORMAT, MENUS_CONFIG_MAP, SIDE_MENUS_CONFIG } from './menus-config';
 export var HEADERS = [HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6];
 export var HEADER_TITLE_MAP = (_HEADER_TITLE_MAP = {}, _defineProperty(_HEADER_TITLE_MAP, TITLE, 'Title'), _defineProperty(_HEADER_TITLE_MAP, SUBTITLE, 'Subtitle'), _defineProperty(_HEADER_TITLE_MAP, HEADER1, 'Header_one'), _defineProperty(_HEADER_TITLE_MAP, HEADER2, 'Header_two'), _defineProperty(_HEADER_TITLE_MAP, HEADER3, 'Header_three'), _defineProperty(_HEADER_TITLE_MAP, HEADER4, 'Header_four'), _defineProperty(_HEADER_TITLE_MAP, HEADER5, 'Header_five'), _defineProperty(_HEADER_TITLE_MAP, HEADER6, 'Header_six'), _defineProperty(_HEADER_TITLE_MAP, PARAGRAPH, 'Paragraph'), _HEADER_TITLE_MAP);
 export var LIST_TYPE_ARRAY = ['unordered_list', 'ordered_list'];

package/dist/basic-sdk/extension/constants/menus-config.js

@@ -6,7 +6,6 @@ export var UNDO = 'undo';
 export var REDO = 'redo';
 export var CLEAR_FORMAT = 'clear_format';
 export var REMOVE_TABLE = 'remove_table';
-export var BG_COLOR = 'bg_color';
 
 // text style
 var ITALIC = 'italic';
@@ -142,10 +141,6 @@ export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CO
   iconClass: 'sdocfont sdoc-redo',
   text: 'Redo',
   type: 'redo'
-}), _defineProperty(_MENUS_CONFIG_MAP, BG_COLOR, {
-  id: "sdoc_".concat(BG_COLOR),
-  iconClass: 'sdocfont sdoc-bg-color',
-  text: 'Background_color'
 }), _defineProperty(_MENUS_CONFIG_MAP, CLEAR_FORMAT, {
   id: "sdoc_".concat(CLEAR_FORMAT),
   iconClass: 'sdocfont sdoc-format-clear',

package/dist/basic-sdk/extension/plugins/file-link/render-elem.js

@@ -98,8 +98,8 @@ var FileLink = function FileLink(_ref) {
   } else if (element.DELETE) {
     style = _objectSpread({}, DELETED_STYLE);
   }
-  if (style.computed_bg_color) {
-    style['backgroundColor'] = style.computed_bg_color;
+  if (style.computed_background_color) {
+    style['backgroundColor'] = style.computed_background_color;
   }
   return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes, {
     "data-id": element.id,

package/dist/basic-sdk/extension/plugins/sdoc-link/render-elem.js

@@ -97,8 +97,8 @@ var SdocFileLink = function SdocFileLink(_ref) {
   } else if (element.DELETE) {
     style = _objectSpread({}, DELETED_STYLE);
   }
-  if (style.computed_bg_color) {
-    style['backgroundColor'] = style.computed_bg_color;
+  if (style.computed_background_color) {
+    style['backgroundColor'] = style.computed_background_color;
   }
   return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes, {
     "data-id": element.id,

package/dist/basic-sdk/extension/plugins/table/constants/index.js

@@ -21,8 +21,8 @@ export var TABLE_ELEMENT_POSITION = {
   AFTER: 'after',
   BEFORE: 'before'
 };
-export var SELECTED_TABLE_CELL_BG_COLOR = '#dee8fe';
-export var STYLE_KEY = {
+export var SELECTED_TABLE_CELL_BACKGROUND_COLOR = '#dee8fe';
+export var TABLE_CELL_STYLE = {
   TEXT_ALIGN: 'textAlign',
-  BG_COLOR: 'bg_color'
+  BACKGROUND_COLOR: 'bg_color'
 };

package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/cell-bg-color-menu.js

@@ -1,17 +1,21 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useCallback } from 'react';
 import { ColorMenu } from '../../../../commons';
-import { MENUS_CONFIG_MAP, BG_COLOR, RECENT_USED_TABLE_CELL_BG_COLORS_KEY } from '../../../../constants';
+import { RECENT_USED_TABLE_CELL_BACKGROUND_COLORS_KEY } from '../../../../constants';
 import { setCellStyle } from '../../helpers';
 import { useColorContext } from '../../../../../hooks/use-color-context';
-var CellBgColorMenu = function CellBgColorMenu(_ref) {
+var menuConfig = {
+  id: 'sdoc_background_color',
+  iconClass: 'sdocfont sdoc-bg-color',
+  text: 'Background_color'
+};
+var CellBackgroundColorMenu = function CellBackgroundColorMenu(_ref) {
   var isRichEditor = _ref.isRichEditor,
     className = _ref.className,
     editor = _ref.editor;
   var _useColorContext = useColorContext(),
-    lastUsedTableCellBgColor = _useColorContext.lastUsedTableCellBgColor,
-    updateLastUsedTableCellBgColor = _useColorContext.updateLastUsedTableCellBgColor;
-  var menuConfig = MENUS_CONFIG_MAP[BG_COLOR];
+    lastUsedTableCellBackgroundColor = _useColorContext.lastUsedTableCellBackgroundColor,
+    updateLastUsedTableCellBackgroundColor = _useColorContext.updateLastUsedTableCellBackgroundColor;
   var setColor = useCallback(function (color) {
     setCellStyle(editor, {
       bg_color: color
@@ -25,11 +29,11 @@ var CellBgColorMenu = function CellBgColorMenu(_ref) {
   }, menuConfig), {}, {
     onMouseDown: function onMouseDown() {},
     setColor: setColor,
-    recentUsedColorsKey: RECENT_USED_TABLE_CELL_BG_COLORS_KEY,
-    lastUsedColor: lastUsedTableCellBgColor,
-    updateLastUsedColor: updateLastUsedTableCellBgColor,
+    recentUsedColorsKey: RECENT_USED_TABLE_CELL_BACKGROUND_COLORS_KEY,
+    lastUsedColor: lastUsedTableCellBackgroundColor,
+    updateLastUsedColor: updateLastUsedTableCellBackgroundColor,
     popoverClassName: 'sdoc-table-cell-bg-colors-popover'
   });
   return /*#__PURE__*/React.createElement(ColorMenu, props);
 };
-export default CellBgColorMenu;
+export default CellBackgroundColorMenu;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { withTranslation } from 'react-i18next';
 import { MenuGroup } from '../../../../commons';
 import { isAllInTable } from '../../helpers';
-import CellBgColorMenu from './cell-bg-color-menu';
+import CellBackgroundColorMenu from './cell-bg-color-menu';
 import CellTextAlignMenu from './cell-text-align-menu';
 import RemoveTable from './remove-table-menu';
 import TableColumnMenu from './table-column-menu';
@@ -25,7 +25,7 @@ var ActiveTableMenu = function ActiveTableMenu(_ref) {
   }), /*#__PURE__*/React.createElement(TableRowMenu, {
     editor: editor,
     readonly: readonly
-  }), /*#__PURE__*/React.createElement(CellBgColorMenu, {
+  }), /*#__PURE__*/React.createElement(CellBackgroundColorMenu, {
     editor: editor,
     isRichEditor: isRichEditor,
     className: className,

package/dist/basic-sdk/extension/plugins/table/render/render-cell.js

@@ -6,7 +6,7 @@ import { Transforms } from '@seafile/slate';
 import ObjectUtils from '../../../../utils/object-utils';
 import { findPath, focusEditor } from '../../../core';
 import { useResizeHandlersContext, useTableSelectedRangeContext } from './hooks';
-import { EMPTY_SELECTED_RANGE, SELECTED_TABLE_CELL_BG_COLOR, STYLE_KEY } from '../constants';
+import { EMPTY_SELECTED_RANGE, SELECTED_TABLE_CELL_BACKGROUND_COLOR, TABLE_CELL_STYLE } from '../constants';
 import { getTableColumns, getCellColumn, colorBlend } from '../helpers';
 var TableCell = function TableCell(_ref) {
   var attributes = _ref.attributes,
@@ -39,16 +39,16 @@ var TableCell = function TableCell(_ref) {
     });
   }, [editor, element]);
   var style = attributes.style || {};
-  if (ObjectUtils.hasProperty(element.style, STYLE_KEY.TEXT_ALIGN)) {
-    style[STYLE_KEY.TEXT_ALIGN] = element.style[STYLE_KEY.TEXT_ALIGN];
+  if (ObjectUtils.hasProperty(element.style, TABLE_CELL_STYLE.TEXT_ALIGN)) {
+    style[TABLE_CELL_STYLE.TEXT_ALIGN] = element.style[TABLE_CELL_STYLE.TEXT_ALIGN];
   }
   if (isSelected) {
-    style['backgroundColor'] = SELECTED_TABLE_CELL_BG_COLOR;
+    style['backgroundColor'] = SELECTED_TABLE_CELL_BACKGROUND_COLOR;
   }
-  if (ObjectUtils.hasProperty(element.style, STYLE_KEY.BG_COLOR)) {
-    var color = element.style[STYLE_KEY.BG_COLOR];
+  if (ObjectUtils.hasProperty(element.style, TABLE_CELL_STYLE.BACKGROUND_COLOR)) {
+    var color = element.style[TABLE_CELL_STYLE.BACKGROUND_COLOR];
     if (color && color !== 'transparent' && color !== 'unset') {
-      style['backgroundColor'] = isSelected ? colorBlend(SELECTED_TABLE_CELL_BG_COLOR, color, 0.9) : color;
+      style['backgroundColor'] = isSelected ? colorBlend(SELECTED_TABLE_CELL_BACKGROUND_COLOR, color, 0.9) : color;
     }
   }
   return /*#__PURE__*/React.createElement("div", Object.assign({}, attributes, {
@@ -85,11 +85,11 @@ function renderTableCell(props) {
 
     // const cellValue = element;
     var style = attributes.style || {};
-    if (ObjectUtils.hasProperty(element.style, STYLE_KEY.TEXT_ALIGN)) {
-      style[STYLE_KEY.TEXT_ALIGN] = element[STYLE_KEY.TEXT_ALIGN];
+    if (ObjectUtils.hasProperty(element.style, TABLE_CELL_STYLE.TEXT_ALIGN)) {
+      style[TABLE_CELL_STYLE.TEXT_ALIGN] = element[TABLE_CELL_STYLE.TEXT_ALIGN];
     }
-    if (ObjectUtils.hasProperty(element.style, STYLE_KEY.BG_COLOR) && element.style[STYLE_KEY.BG_COLOR]) {
-      style['backgroundColor'] = element.style[STYLE_KEY.BG_COLOR];
+    if (ObjectUtils.hasProperty(element.style, TABLE_CELL_STYLE.BACKGROUND_COLOR) && element.style[TABLE_CELL_STYLE.BACKGROUND_COLOR]) {
+      style['backgroundColor'] = element.style[TABLE_CELL_STYLE.BACKGROUND_COLOR];
     }
     var column = getCellColumn(editor, element);
     var width = column.width;

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

@@ -17,8 +17,8 @@ var renderText = function renderText(props, editor) {
     style['display'] = 'inline-block';
     style['minWidth'] = '2px';
   }
-  if (leaf.computed_bg_color) {
-    style['backgroundColor'] = leaf.computed_bg_color;
+  if (leaf.computed_background_color) {
+    style['backgroundColor'] = leaf.computed_background_color;
   }
   if (leaf.color) {
     style['color'] = leaf.color;

package/dist/basic-sdk/hooks/use-color-context.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useContext, useState } from 'react';
-import { DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BG_COLOR } from '../extension/constants';
+import { DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BACKGROUND_COLOR } from '../extension/constants';
 var ColorContext = React.createContext(null);
 export var ColorProvider = function ColorProvider(props) {
   var _useState = useState(DEFAULT_LAST_USED_FONT_COLOR),
@@ -11,18 +11,18 @@ export var ColorProvider = function ColorProvider(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     lastUsedHighlightColor = _useState4[0],
     updateLastUsedHighlightColor = _useState4[1];
-  var _useState5 = useState(DEFAULT_LAST_USED_TABLE_CELL_BG_COLOR),
+  var _useState5 = useState(DEFAULT_LAST_USED_TABLE_CELL_BACKGROUND_COLOR),
     _useState6 = _slicedToArray(_useState5, 2),
-    lastUsedTableCellBgColor = _useState6[0],
-    updateLastUsedTableCellBgColor = _useState6[1];
+    lastUsedTableCellBackgroundColor = _useState6[0],
+    updateLastUsedTableCellBackgroundColor = _useState6[1];
   return /*#__PURE__*/React.createElement(ColorContext.Provider, {
     value: {
       lastUsedFontColor: lastUsedFontColor,
       updateLastUsedFontColor: updateLastUsedFontColor,
       lastUsedHighlightColor: lastUsedHighlightColor,
       updateLastUsedHighlightColor: updateLastUsedHighlightColor,
-      lastUsedTableCellBgColor: lastUsedTableCellBgColor,
-      updateLastUsedTableCellBgColor: updateLastUsedTableCellBgColor
+      lastUsedTableCellBackgroundColor: lastUsedTableCellBackgroundColor,
+      updateLastUsedTableCellBackgroundColor: updateLastUsedTableCellBackgroundColor
     }
   }, props.children);
 };
@@ -33,16 +33,16 @@ export var useColorContext = function useColorContext() {
   }
   var lastUsedFontColor = context.lastUsedFontColor,
     lastUsedHighlightColor = context.lastUsedHighlightColor,
-    lastUsedTableCellBgColor = context.lastUsedTableCellBgColor,
+    lastUsedTableCellBackgroundColor = context.lastUsedTableCellBackgroundColor,
     updateLastUsedFontColor = context.updateLastUsedFontColor,
     updateLastUsedHighlightColor = context.updateLastUsedHighlightColor,
-    updateLastUsedTableCellBgColor = context.updateLastUsedTableCellBgColor;
+    updateLastUsedTableCellBackgroundColor = context.updateLastUsedTableCellBackgroundColor;
   return {
     lastUsedFontColor: lastUsedFontColor,
     updateLastUsedFontColor: updateLastUsedFontColor,
     lastUsedHighlightColor: lastUsedHighlightColor,
     updateLastUsedHighlightColor: updateLastUsedHighlightColor,
-    lastUsedTableCellBgColor: lastUsedTableCellBgColor,
-    updateLastUsedTableCellBgColor: updateLastUsedTableCellBgColor
+    lastUsedTableCellBackgroundColor: lastUsedTableCellBackgroundColor,
+    updateLastUsedTableCellBackgroundColor: updateLastUsedTableCellBackgroundColor
   };
 };

package/dist/basic-sdk/views/diff-viewer.js

@@ -29,7 +29,7 @@ var DiffViewer = function DiffViewer(_ref) {
       return /*#__PURE__*/React.createElement("span", {
         className: "d-inline-block p-1",
         style: {
-          backgroundColor: style.computed_bg_color,
+          backgroundColor: style.computed_background_color,
           width: 'fit-content',
           height: 'fit-content'
         }

package/package.json

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