@seafile/sdoc-editor 1.0.75 → 1.0.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -47,9 +47,13 @@ const Paragraph = _ref => {
47
47
  paddingBottom: '5px',
48
48
  paddingLeft: indent ? '28px' : ''
49
49
  };
50
+ let customAttributes = attributes;
51
+ if (element.id === 'document-render-complete') {
52
+ customAttributes['id'] = element.id;
53
+ }
50
54
  return /*#__PURE__*/_react.default.createElement("div", Object.assign({
51
55
  "data-id": element.id
52
- }, attributes, {
56
+ }, customAttributes, {
53
57
  style: {
54
58
  position: isShowPlaceHolder ? 'relative' : '',
55
59
  ...style
@@ -48,7 +48,7 @@ const EditorContent = _ref => {
48
48
  }, showOutline && /*#__PURE__*/_react.default.createElement(_outline.default, {
49
49
  scrollLeft: scrollLeft,
50
50
  doc: docValue
51
- }), children))), (showComment || !readonly) && /*#__PURE__*/_react.default.createElement(_rightPanel.default, {
51
+ }), children))), /*#__PURE__*/_react.default.createElement(_rightPanel.default, {
52
52
  editor: editor
53
53
  }));
54
54
  if (!showComment) {
@@ -22,9 +22,6 @@ const RightPanel = _ref => {
22
22
  displayPluginName,
23
23
  closePlugin
24
24
  } = (0, _hooks.usePlugins)();
25
- const {
26
- collaborators
27
- } = (0, _hooks.useCollaborators)();
28
25
  const [width, setWidth] = (0, _react.useState)(MIN_PANEL_WIDTH);
29
26
  const panelWrapperStyle = (0, _react.useMemo)(() => {
30
27
  if (!displayPluginName) return null;
@@ -74,7 +71,6 @@ const RightPanel = _ref => {
74
71
  }, /*#__PURE__*/_react.default.createElement(Component, {
75
72
  editor: editor,
76
73
  type: "global",
77
- collaborators: collaborators,
78
74
  onClose: closePlugin,
79
75
  width: width
80
76
  })));
@@ -12,7 +12,6 @@ var _diff = require("../utils/diff");
12
12
  var _insertElementDialog = _interopRequireDefault(require("../extension/commons/insert-element-dialog"));
13
13
  var _sdocViewer = _interopRequireDefault(require("./sdoc-viewer"));
14
14
  var _loading = _interopRequireDefault(require("../../components/loading"));
15
- var _hooks = require("../../hooks");
16
15
  require("../../assets/css/diff-viewer.css");
17
16
  const RevisionDiffViewer = _ref => {
18
17
  let {
@@ -49,7 +48,7 @@ const RevisionDiffViewer = _ref => {
49
48
  if (isLoading) {
50
49
  return /*#__PURE__*/_react.default.createElement(_loading.default, null);
51
50
  }
52
- return /*#__PURE__*/_react.default.createElement(_hooks.CollaboratorsProvider, null, /*#__PURE__*/_react.default.createElement(_sdocViewer.default, {
51
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_sdocViewer.default, {
53
52
  editor: editor,
54
53
  document: {
55
54
  children: diff.value
@@ -1,17 +1,19 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
+ var _react = _interopRequireWildcard(require("react"));
9
10
  var _extension = require("../extension");
10
11
  var _nodeId = _interopRequireDefault(require("../node-id"));
11
12
  var _utils = require("../../utils");
12
13
  var _layout = require("../layout");
13
14
  var _readonlyArticle = _interopRequireDefault(require("./readonly-article"));
14
15
  var _useColorContext = require("../hooks/use-color-context");
16
+ var _hooks = require("../../hooks");
15
17
  require("../assets/css/sdoc-viewer.css");
16
18
  const SDocViewer = _ref => {
17
19
  let {
@@ -19,11 +21,16 @@ const SDocViewer = _ref => {
19
21
  document,
20
22
  showToolbar,
21
23
  showOutline,
22
- showComment
24
+ showComment,
25
+ plugins = []
23
26
  } = _ref;
24
27
  const validEditor = editor || (0, _nodeId.default)((0, _extension.createDefaultEditor)());
25
28
  const slateValue = (document || (0, _utils.generateDefaultDocContent)()).children;
26
- return /*#__PURE__*/_react.default.createElement(_layout.EditorContainer, {
29
+ const Provider = showComment ? _hooks.CollaboratorsProvider : _react.Fragment;
30
+ return /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_hooks.PluginsProvider, {
31
+ plugins: plugins,
32
+ showComment: showComment
33
+ }, /*#__PURE__*/_react.default.createElement(_layout.EditorContainer, {
27
34
  editor: validEditor,
28
35
  readonly: true
29
36
  }, /*#__PURE__*/_react.default.createElement(_useColorContext.ColorProvider, null, showToolbar && /*#__PURE__*/_react.default.createElement(_extension.HeaderToolbar, {
@@ -38,7 +45,7 @@ const SDocViewer = _ref => {
38
45
  }, /*#__PURE__*/_react.default.createElement(_readonlyArticle.default, {
39
46
  editor: validEditor,
40
47
  slateValue: slateValue
41
- }))));
48
+ }))))));
42
49
  };
43
50
  SDocViewer.defaultProps = {
44
51
  showToolbar: false,
@@ -20,6 +20,7 @@ const PluginsOperations = () => {
20
20
  (0, _mouseEvent.eventStopPropagation)(event);
21
21
  updateDisplayPlugin(pluginName);
22
22
  }, [updateDisplayPlugin]);
23
+ if (plugins.length === 0) return null;
23
24
  return plugins.filter(plugin => !plugin.position || plugin.position === _constants.PLUGIN_BTN_POSITION.DEFAULT).map(plugin => {
24
25
  const {
25
26
  name,
@@ -17,6 +17,7 @@ var _socket = require("../basic-sdk/socket");
17
17
  var _plugins = require("../basic-sdk/extension/plugins");
18
18
  var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
19
19
  var _useForceUpdate = _interopRequireDefault(require("../basic-sdk/hooks/use-force-update"));
20
+ var _hooks = require("../hooks");
20
21
  require("../assets/css/simple-editor.css");
21
22
  require("../assets/css/plugin-editor.css");
22
23
  const DocumentPluginEditor = _ref => {
@@ -83,12 +84,15 @@ const DocumentPluginEditor = _ref => {
83
84
  validEditor.getArticleStyle = getArticleStyle;
84
85
  forceUpdate();
85
86
  }, [forceUpdate, getColumnCellValue, getArticleStyle, validEditor]);
86
- return /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, !isReadOnly && /*#__PURE__*/_react.default.createElement(_basicSdk.SDocEditor, {
87
+ return /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, !isReadOnly && /*#__PURE__*/_react.default.createElement(_hooks.PluginsProvider, {
88
+ plugins: [],
89
+ showComment: false
90
+ }, /*#__PURE__*/_react.default.createElement(_basicSdk.SDocEditor, {
87
91
  editor: validEditor,
88
92
  document: document,
89
93
  showComment: false,
90
94
  showOutline: showOutline
91
- }), isReadOnly && /*#__PURE__*/_react.default.createElement(_basicSdk.SDocViewer, {
95
+ })), isReadOnly && /*#__PURE__*/_react.default.createElement(_basicSdk.SDocViewer, {
92
96
  editor: validEditor,
93
97
  document: document,
94
98
  showToolbar: false,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seafile/sdoc-editor",
3
- "version": "1.0.75",
3
+ "version": "1.0.77",
4
4
  "private": false,
5
5
  "description": "This is a sdoc editor",
6
6
  "main": "dist/index.js",