@atlaskit/editor-plugin-table 7.6.11 → 7.6.13

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.
Files changed (29) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/afm-cc/tsconfig.json +3 -0
  3. package/dist/cjs/nodeviews/TableContainer.js +7 -1
  4. package/dist/cjs/pm-plugins/main.js +1 -1
  5. package/dist/cjs/ui/DragHandle/index.js +9 -0
  6. package/dist/cjs/ui/FloatingInsertButton/InsertButton.js +8 -1
  7. package/dist/es2019/nodeviews/TableContainer.js +8 -1
  8. package/dist/es2019/pm-plugins/main.js +1 -1
  9. package/dist/es2019/ui/DragHandle/index.js +9 -0
  10. package/dist/es2019/ui/FloatingInsertButton/InsertButton.js +8 -1
  11. package/dist/esm/nodeviews/TableContainer.js +7 -1
  12. package/dist/esm/pm-plugins/main.js +1 -1
  13. package/dist/esm/ui/DragHandle/index.js +9 -0
  14. package/dist/esm/ui/FloatingInsertButton/InsertButton.js +8 -1
  15. package/dist/types/plugin.d.ts +3 -1
  16. package/dist/types/ui/TableFloatingColumnControls/ColumnControls/index.d.ts +90 -2
  17. package/dist/types/ui/TableFloatingControls/CornerControls/DragCornerControls.d.ts +180 -4
  18. package/dist/types/ui/TableFloatingControls/index.d.ts +90 -2
  19. package/dist/types-ts4.5/plugin.d.ts +3 -1
  20. package/dist/types-ts4.5/ui/TableFloatingColumnControls/ColumnControls/index.d.ts +106 -2
  21. package/dist/types-ts4.5/ui/TableFloatingControls/CornerControls/DragCornerControls.d.ts +212 -4
  22. package/dist/types-ts4.5/ui/TableFloatingControls/index.d.ts +106 -2
  23. package/package.json +3 -2
  24. package/src/nodeviews/TableContainer.tsx +12 -2
  25. package/src/plugin.tsx +2 -0
  26. package/src/pm-plugins/main.ts +4 -1
  27. package/src/ui/DragHandle/index.tsx +9 -0
  28. package/src/ui/FloatingInsertButton/InsertButton.tsx +16 -1
  29. package/tsconfig.app.json +3 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-plugin-table
2
2
 
3
+ ## 7.6.13
4
+
5
+ ### Patch Changes
6
+
7
+ - [#88770](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/88770) [`c86d9e7941f1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c86d9e7941f1) - [ux] fixing the numbered columns blue insert line indicator with correct length
8
+
9
+ ## 7.6.12
10
+
11
+ ### Patch Changes
12
+
13
+ - [#88299](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/88299) [`5a05e6793651`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5a05e6793651) - [ux] fix clickable zone issue
14
+ - [#88007](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/88007) [`966ef2d91a91`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/966ef2d91a91) - Disable table resizing in live view mode
15
+ - Updated dependencies
16
+
3
17
  ## 7.6.11
4
18
 
5
19
  ### Patch Changes
package/afm-cc/tsconfig.json CHANGED
@@ -36,6 +36,9 @@
36
36
  {
37
37
  "path": "../../editor-plugin-content-insertion/afm-cc/tsconfig.json"
38
38
  },
39
+ {
40
+ "path": "../../editor-plugin-editor-viewmode/afm-cc/tsconfig.json"
41
+ },
39
42
  {
40
43
  "path": "../../editor-plugin-guideline/afm-cc/tsconfig.json"
41
44
  },
package/dist/cjs/nodeviews/TableContainer.js CHANGED
@@ -10,6 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
10
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var _classnames = _interopRequireDefault(require("classnames"));
13
+ var _hooks = require("@atlaskit/editor-common/hooks");
13
14
  var _nodeWidth = require("@atlaskit/editor-common/node-width");
14
15
  var _styles = require("@atlaskit/editor-common/styles");
15
16
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -117,6 +118,8 @@ var ResizableTableContainer = exports.ResizableTableContainer = /*#__PURE__*/_re
117
118
  return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s = pluginInjectionApi.selection) === null || _pluginInjectionApi$s === void 0 ? void 0 : _pluginInjectionApi$s.commands.displayGapCursor(toggle))) !== null && _pluginInjectionApi$c !== void 0 ? _pluginInjectionApi$c : false;
118
119
  }, [pluginInjectionApi]);
119
120
  var tableWidth = (0, _nodeWidth.getTableContainerWidth)(node);
121
+ var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['editorViewMode']),
122
+ editorViewModeState = _useSharedPluginState.editorViewModeState;
120
123
 
121
124
  // 76 is currently an accepted padding value considering the spacing for resizer handle
122
125
  var responsiveContainerWidth = isTableScalingEnabled ? containerWidth - _editorSharedStyles.akEditorGutterPadding * 2 - _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide / 2 : containerWidth - _editorSharedStyles.akEditorGutterPadding * 2 - _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide;
@@ -159,7 +162,10 @@ var ResizableTableContainer = exports.ResizableTableContainer = /*#__PURE__*/_re
159
162
  },
160
163
  className: _types.TableCssClassName.TABLE_RESIZER_CONTAINER,
161
164
  ref: containerRef
162
- }, /*#__PURE__*/_react.default.createElement(_TableResizer.TableResizer, tableResizerProps, /*#__PURE__*/_react.default.createElement(InnerContainer, {
165
+ }, (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? /*#__PURE__*/_react.default.createElement(InnerContainer, {
166
+ className: className,
167
+ node: node
168
+ }, children) : /*#__PURE__*/_react.default.createElement(_TableResizer.TableResizer, tableResizerProps, /*#__PURE__*/_react.default.createElement(InnerContainer, {
163
169
  className: className,
164
170
  node: node
165
171
  }, children))));
package/dist/cjs/pm-plugins/main.js CHANGED
@@ -224,7 +224,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
224
224
  // @see https://github.com/ProseMirror/prosemirror-view/commit/33fe4a8b01584f6b4103c279033dcd33e8047b95
225
225
  if (_utils.browser.chrome && event.target) {
226
226
  var targetClassList = event.target.classList;
227
- if (targetClassList.contains(_types.TableCssClassName.CONTROLS_BUTTON) || targetClassList.contains(_types.TableCssClassName.CONTEXTUAL_MENU_BUTTON)) {
227
+ if (targetClassList.contains(_types.TableCssClassName.CONTROLS_BUTTON) || targetClassList.contains(_types.TableCssClassName.CONTEXTUAL_MENU_BUTTON) || targetClassList.contains(_types.TableCssClassName.DRAG_HANDLE_BUTTON_CLICKABLE_ZONE)) {
228
228
  return true;
229
229
  }
230
230
  }
package/dist/cjs/ui/DragHandle/index.js CHANGED
@@ -169,6 +169,15 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
169
169
  alignSelf: isColumn ? 'none' : 'center',
170
170
  zIndex: isColumn ? '-1' : 'auto'
171
171
  },
172
+ onMouseUp: function onMouseUp(e) {
173
+ // should toggle menu if current drag menu open.
174
+ // return focus to editor so copying table selections whilst still works, i cannot call e.preventDefault in a mousemove event as this stops dragstart events from firing
175
+ // -> this is bad for a11y but is the current standard new copy/paste keyboard shortcuts should be introduced instead
176
+ editorView.focus();
177
+ if (isDragMenuOpen) {
178
+ toggleDragMenu && toggleDragMenu('mouse', e);
179
+ }
180
+ },
172
181
  onClick: onClick
173
182
  }), /*#__PURE__*/_react.default.createElement("button", {
174
183
  type: "button",
package/dist/cjs/ui/FloatingInsertButton/InsertButton.js CHANGED
@@ -34,6 +34,13 @@ var getToolbarSize = function getToolbarSize(tableRef) {
34
34
  }
35
35
  return _consts.tableToolbarSize;
36
36
  };
37
+ var getNumberColumnWidth = function getNumberColumnWidth(tableRef, isDragAndDropEnabled) {
38
+ var parent = (0, _utils.closestElement)(tableRef, ".".concat(_types.TableCssClassName.TABLE_CONTAINER));
39
+ if (parent && isDragAndDropEnabled) {
40
+ return parent.querySelector(".".concat(_types.TableCssClassName.NUMBERED_COLUMN)) ? _editorSharedStyles.akEditorTableNumberColumnWidth - 1 : 0;
41
+ }
42
+ return 0;
43
+ };
37
44
  var getInsertLineWidth = function getInsertLineWidth(tableRef, isDragAndDropEnabled) {
38
45
  // The line gets width 100% from the table,
39
46
  // but since we have an overflow on the left,
@@ -48,7 +55,7 @@ var getInsertLineWidth = function getInsertLineWidth(tableRef, isDragAndDropEnab
48
55
  var diff = offsetWidth - parentOffsetWidth;
49
56
  var toolbarSize = isDragAndDropEnabled ? 0 : getToolbarSize(tableRef);
50
57
  var lineOffset = isDragAndDropEnabled ? DRAG_LINE_OFFSET : LINE_OFFSET;
51
- return Math.min(offsetWidth + toolbarSize, parentOffsetWidth + toolbarSize - Math.max(scrollLeft - diff, 0)) + lineOffset;
58
+ return Math.min(offsetWidth + toolbarSize, parentOffsetWidth + toolbarSize - Math.max(scrollLeft - diff, 0)) + lineOffset + getNumberColumnWidth(tableRef, isDragAndDropEnabled);
52
59
  };
53
60
  var tooltipMessageByType = function tooltipMessageByType(type) {
54
61
  return type === 'row' ? _messages.tableMessages.insertRow : _messages.tableMessages.insertColumn;
package/dist/es2019/nodeviews/TableContainer.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import React, { forwardRef, useCallback, useRef, useState } from 'react';
2
2
  import classNames from 'classnames';
3
+ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
3
4
  import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
4
5
  import { calcTableWidth } from '@atlaskit/editor-common/styles';
5
6
  import { akEditorDefaultLayoutWidth, akEditorGutterPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
@@ -102,6 +103,9 @@ export const ResizableTableContainer = /*#__PURE__*/React.memo(({
102
103
  return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$s = pluginInjectionApi.selection) === null || _pluginInjectionApi$s === void 0 ? void 0 : _pluginInjectionApi$s.commands.displayGapCursor(toggle))) !== null && _pluginInjectionApi$c !== void 0 ? _pluginInjectionApi$c : false;
103
104
  }, [pluginInjectionApi]);
104
105
  const tableWidth = getTableContainerWidth(node);
106
+ const {
107
+ editorViewModeState
108
+ } = useSharedPluginState(pluginInjectionApi, ['editorViewMode']);
105
109
 
106
110
  // 76 is currently an accepted padding value considering the spacing for resizer handle
107
111
  const responsiveContainerWidth = isTableScalingEnabled ? containerWidth - akEditorGutterPadding * 2 - akEditorMediaResizeHandlerPaddingWide / 2 : containerWidth - akEditorGutterPadding * 2 - akEditorMediaResizeHandlerPaddingWide;
@@ -145,7 +149,10 @@ export const ResizableTableContainer = /*#__PURE__*/React.memo(({
145
149
  },
146
150
  className: ClassName.TABLE_RESIZER_CONTAINER,
147
151
  ref: containerRef
148
- }, /*#__PURE__*/React.createElement(TableResizer, tableResizerProps, /*#__PURE__*/React.createElement(InnerContainer, {
152
+ }, (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? /*#__PURE__*/React.createElement(InnerContainer, {
153
+ className: className,
154
+ node: node
155
+ }, children) : /*#__PURE__*/React.createElement(TableResizer, tableResizerProps, /*#__PURE__*/React.createElement(InnerContainer, {
149
156
  className: className,
150
157
  node: node
151
158
  }, children))));
package/dist/es2019/pm-plugins/main.js CHANGED
@@ -217,7 +217,7 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
217
217
  // @see https://github.com/ProseMirror/prosemirror-view/commit/33fe4a8b01584f6b4103c279033dcd33e8047b95
218
218
  if (browser.chrome && event.target) {
219
219
  const targetClassList = event.target.classList;
220
- if (targetClassList.contains(ClassName.CONTROLS_BUTTON) || targetClassList.contains(ClassName.CONTEXTUAL_MENU_BUTTON)) {
220
+ if (targetClassList.contains(ClassName.CONTROLS_BUTTON) || targetClassList.contains(ClassName.CONTEXTUAL_MENU_BUTTON) || targetClassList.contains(ClassName.DRAG_HANDLE_BUTTON_CLICKABLE_ZONE)) {
221
221
  return true;
222
222
  }
223
223
  }
package/dist/es2019/ui/DragHandle/index.js CHANGED
@@ -161,6 +161,15 @@ const DragHandleComponent = ({
161
161
  alignSelf: isColumn ? 'none' : 'center',
162
162
  zIndex: isColumn ? '-1' : 'auto'
163
163
  },
164
+ onMouseUp: e => {
165
+ // should toggle menu if current drag menu open.
166
+ // return focus to editor so copying table selections whilst still works, i cannot call e.preventDefault in a mousemove event as this stops dragstart events from firing
167
+ // -> this is bad for a11y but is the current standard new copy/paste keyboard shortcuts should be introduced instead
168
+ editorView.focus();
169
+ if (isDragMenuOpen) {
170
+ toggleDragMenu && toggleDragMenu('mouse', e);
171
+ }
172
+ },
164
173
  onClick: onClick
165
174
  }), /*#__PURE__*/React.createElement("button", {
166
175
  type: "button",
package/dist/es2019/ui/FloatingInsertButton/InsertButton.js CHANGED
@@ -26,6 +26,13 @@ const getToolbarSize = tableRef => {
26
26
  }
27
27
  return tableToolbarSize;
28
28
  };
29
+ const getNumberColumnWidth = (tableRef, isDragAndDropEnabled) => {
30
+ const parent = closestElement(tableRef, `.${ClassName.TABLE_CONTAINER}`);
31
+ if (parent && isDragAndDropEnabled) {
32
+ return parent.querySelector(`.${ClassName.NUMBERED_COLUMN}`) ? akEditorTableNumberColumnWidth - 1 : 0;
33
+ }
34
+ return 0;
35
+ };
29
36
  const getInsertLineWidth = (tableRef, isDragAndDropEnabled) => {
30
37
  // The line gets width 100% from the table,
31
38
  // but since we have an overflow on the left,
@@ -43,7 +50,7 @@ const getInsertLineWidth = (tableRef, isDragAndDropEnabled) => {
43
50
  const diff = offsetWidth - parentOffsetWidth;
44
51
  const toolbarSize = isDragAndDropEnabled ? 0 : getToolbarSize(tableRef);
45
52
  const lineOffset = isDragAndDropEnabled ? DRAG_LINE_OFFSET : LINE_OFFSET;
46
- return Math.min(offsetWidth + toolbarSize, parentOffsetWidth + toolbarSize - Math.max(scrollLeft - diff, 0)) + lineOffset;
53
+ return Math.min(offsetWidth + toolbarSize, parentOffsetWidth + toolbarSize - Math.max(scrollLeft - diff, 0)) + lineOffset + getNumberColumnWidth(tableRef, isDragAndDropEnabled);
47
54
  };
48
55
  const tooltipMessageByType = type => {
49
56
  return type === 'row' ? messages.insertRow : messages.insertColumn;
package/dist/esm/nodeviews/TableContainer.js CHANGED
@@ -4,6 +4,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
4
4
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
5
  import React, { forwardRef, useCallback, useRef, useState } from 'react';
6
6
  import classNames from 'classnames';
7
+ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
7
8
  import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
8
9
  import { calcTableWidth } from '@atlaskit/editor-common/styles';
9
10
  import { akEditorDefaultLayoutWidth, akEditorGutterPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
@@ -107,6 +108,8 @@ export var ResizableTableContainer = /*#__PURE__*/React.memo(function (_ref2) {
107
108
  return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s = pluginInjectionApi.selection) === null || _pluginInjectionApi$s === void 0 ? void 0 : _pluginInjectionApi$s.commands.displayGapCursor(toggle))) !== null && _pluginInjectionApi$c !== void 0 ? _pluginInjectionApi$c : false;
108
109
  }, [pluginInjectionApi]);
109
110
  var tableWidth = getTableContainerWidth(node);
111
+ var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['editorViewMode']),
112
+ editorViewModeState = _useSharedPluginState.editorViewModeState;
110
113
 
111
114
  // 76 is currently an accepted padding value considering the spacing for resizer handle
112
115
  var responsiveContainerWidth = isTableScalingEnabled ? containerWidth - akEditorGutterPadding * 2 - akEditorMediaResizeHandlerPaddingWide / 2 : containerWidth - akEditorGutterPadding * 2 - akEditorMediaResizeHandlerPaddingWide;
@@ -149,7 +152,10 @@ export var ResizableTableContainer = /*#__PURE__*/React.memo(function (_ref2) {
149
152
  },
150
153
  className: ClassName.TABLE_RESIZER_CONTAINER,
151
154
  ref: containerRef
152
- }, /*#__PURE__*/React.createElement(TableResizer, tableResizerProps, /*#__PURE__*/React.createElement(InnerContainer, {
155
+ }, (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? /*#__PURE__*/React.createElement(InnerContainer, {
156
+ className: className,
157
+ node: node
158
+ }, children) : /*#__PURE__*/React.createElement(TableResizer, tableResizerProps, /*#__PURE__*/React.createElement(InnerContainer, {
153
159
  className: className,
154
160
  node: node
155
161
  }, children))));
package/dist/esm/pm-plugins/main.js CHANGED
@@ -217,7 +217,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
217
217
  // @see https://github.com/ProseMirror/prosemirror-view/commit/33fe4a8b01584f6b4103c279033dcd33e8047b95
218
218
  if (browser.chrome && event.target) {
219
219
  var targetClassList = event.target.classList;
220
- if (targetClassList.contains(ClassName.CONTROLS_BUTTON) || targetClassList.contains(ClassName.CONTEXTUAL_MENU_BUTTON)) {
220
+ if (targetClassList.contains(ClassName.CONTROLS_BUTTON) || targetClassList.contains(ClassName.CONTEXTUAL_MENU_BUTTON) || targetClassList.contains(ClassName.DRAG_HANDLE_BUTTON_CLICKABLE_ZONE)) {
221
221
  return true;
222
222
  }
223
223
  }
package/dist/esm/ui/DragHandle/index.js CHANGED
@@ -159,6 +159,15 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
159
159
  alignSelf: isColumn ? 'none' : 'center',
160
160
  zIndex: isColumn ? '-1' : 'auto'
161
161
  },
162
+ onMouseUp: function onMouseUp(e) {
163
+ // should toggle menu if current drag menu open.
164
+ // return focus to editor so copying table selections whilst still works, i cannot call e.preventDefault in a mousemove event as this stops dragstart events from firing
165
+ // -> this is bad for a11y but is the current standard new copy/paste keyboard shortcuts should be introduced instead
166
+ editorView.focus();
167
+ if (isDragMenuOpen) {
168
+ toggleDragMenu && toggleDragMenu('mouse', e);
169
+ }
170
+ },
162
171
  onClick: onClick
163
172
  }), /*#__PURE__*/React.createElement("button", {
164
173
  type: "button",
package/dist/esm/ui/FloatingInsertButton/InsertButton.js CHANGED
@@ -27,6 +27,13 @@ var getToolbarSize = function getToolbarSize(tableRef) {
27
27
  }
28
28
  return tableToolbarSize;
29
29
  };
30
+ var getNumberColumnWidth = function getNumberColumnWidth(tableRef, isDragAndDropEnabled) {
31
+ var parent = closestElement(tableRef, ".".concat(ClassName.TABLE_CONTAINER));
32
+ if (parent && isDragAndDropEnabled) {
33
+ return parent.querySelector(".".concat(ClassName.NUMBERED_COLUMN)) ? akEditorTableNumberColumnWidth - 1 : 0;
34
+ }
35
+ return 0;
36
+ };
30
37
  var getInsertLineWidth = function getInsertLineWidth(tableRef, isDragAndDropEnabled) {
31
38
  // The line gets width 100% from the table,
32
39
  // but since we have an overflow on the left,
@@ -41,7 +48,7 @@ var getInsertLineWidth = function getInsertLineWidth(tableRef, isDragAndDropEnab
41
48
  var diff = offsetWidth - parentOffsetWidth;
42
49
  var toolbarSize = isDragAndDropEnabled ? 0 : getToolbarSize(tableRef);
43
50
  var lineOffset = isDragAndDropEnabled ? DRAG_LINE_OFFSET : LINE_OFFSET;
44
- return Math.min(offsetWidth + toolbarSize, parentOffsetWidth + toolbarSize - Math.max(scrollLeft - diff, 0)) + lineOffset;
51
+ return Math.min(offsetWidth + toolbarSize, parentOffsetWidth + toolbarSize - Math.max(scrollLeft - diff, 0)) + lineOffset + getNumberColumnWidth(tableRef, isDragAndDropEnabled);
45
52
  };
46
53
  var tooltipMessageByType = function tooltipMessageByType(type) {
47
54
  return type === 'row' ? messages.insertRow : messages.insertColumn;
package/dist/types/plugin.d.ts CHANGED
@@ -4,6 +4,7 @@ import type { Command, EditorCommand, GetEditorFeatureFlags, NextEditorPlugin, O
4
4
  import type { AccessibilityUtilsPlugin } from '@atlaskit/editor-plugin-accessibility-utils';
5
5
  import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
6
6
  import type { ContentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
7
+ import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
7
8
  import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
8
9
  import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
9
10
  import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
@@ -42,7 +43,8 @@ export type TablePlugin = NextEditorPlugin<'table', {
42
43
  WidthPlugin,
43
44
  GuidelinePlugin,
44
45
  SelectionPlugin,
45
- OptionalPlugin<MediaPlugin>
46
+ OptionalPlugin<MediaPlugin>,
47
+ OptionalPlugin<EditorViewModePlugin>
46
48
  ];
47
49
  }>;
48
50
  /**
package/dist/types/ui/TableFloatingColumnControls/ColumnControls/index.d.ts CHANGED
@@ -87,7 +87,51 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
87
87
  dependencies: any;
88
88
  sharedState: any;
89
89
  actions: any;
90
- }, any>>];
90
+ }, any>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
91
+ sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
92
+ dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"collabEdit", {
93
+ pluginConfiguration: import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions;
94
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
95
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
96
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
97
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
98
+ pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
99
+ sharedState: {
100
+ createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
101
+ attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
102
+ performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
103
+ };
104
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
105
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
106
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
107
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>];
108
+ actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
109
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
110
+ sharedState: import("@atlaskit/editor-plugin-collab-edit").CollabEditPluginSharedState;
111
+ actions: {
112
+ getAvatarColor: (str: string) => {
113
+ index: number;
114
+ color: import("@atlaskit/editor-common/collab").Color;
115
+ };
116
+ addInlineCommentMark: (props: {
117
+ from: number;
118
+ to: number;
119
+ mark: import("prosemirror-model").Mark;
120
+ }) => boolean;
121
+ };
122
+ }, import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions>];
123
+ pluginConfiguration?: {
124
+ mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
125
+ } | undefined;
126
+ commands: {
127
+ updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
128
+ };
129
+ actions: {
130
+ applyViewModeStepAt: (tr: import("prosemirror-state").Transaction) => boolean;
131
+ };
132
+ }, {
133
+ mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
134
+ } | undefined>>];
91
135
  }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
92
136
  dependencies: [];
93
137
  actions: {
@@ -145,6 +189,50 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
145
189
  dependencies: any;
146
190
  sharedState: any;
147
191
  actions: any;
148
- }, any>>]> | undefined;
192
+ }, any>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
193
+ sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
194
+ dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"collabEdit", {
195
+ pluginConfiguration: import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions;
196
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
197
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
198
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
199
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
200
+ pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
201
+ sharedState: {
202
+ createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
203
+ attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
204
+ performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
205
+ };
206
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
207
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
208
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
209
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>];
210
+ actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
211
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
212
+ sharedState: import("@atlaskit/editor-plugin-collab-edit").CollabEditPluginSharedState;
213
+ actions: {
214
+ getAvatarColor: (str: string) => {
215
+ index: number;
216
+ color: import("@atlaskit/editor-common/collab").Color;
217
+ };
218
+ addInlineCommentMark: (props: {
219
+ from: number;
220
+ to: number;
221
+ mark: import("prosemirror-model").Mark;
222
+ }) => boolean;
223
+ };
224
+ }, import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions>];
225
+ pluginConfiguration?: {
226
+ mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
227
+ } | undefined;
228
+ commands: {
229
+ updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
230
+ };
231
+ actions: {
232
+ applyViewModeStepAt: (tr: import("prosemirror-state").Transaction) => boolean;
233
+ };
234
+ }, {
235
+ mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
236
+ } | undefined>>]> | undefined;
149
237
  }) => JSX.Element;
150
238
  export default ColumnControls;
package/dist/types/ui/TableFloatingControls/CornerControls/DragCornerControls.d.ts CHANGED
@@ -68,7 +68,51 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
68
68
  dependencies: any;
69
69
  sharedState: any;
70
70
  actions: any;
71
- }, any>>];
71
+ }, any>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
72
+ sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
73
+ dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"collabEdit", {
74
+ pluginConfiguration: import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions;
75
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
76
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
77
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
78
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
79
+ pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
80
+ sharedState: {
81
+ createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
82
+ attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
83
+ performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
84
+ };
85
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
86
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
87
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
88
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>];
89
+ actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
90
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
91
+ sharedState: import("@atlaskit/editor-plugin-collab-edit").CollabEditPluginSharedState;
92
+ actions: {
93
+ getAvatarColor: (str: string) => {
94
+ index: number;
95
+ color: import("@atlaskit/editor-common/collab").Color;
96
+ };
97
+ addInlineCommentMark: (props: {
98
+ from: number;
99
+ to: number;
100
+ mark: import("prosemirror-model").Mark;
101
+ }) => boolean;
102
+ };
103
+ }, import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions>];
104
+ pluginConfiguration?: {
105
+ mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
106
+ } | undefined;
107
+ commands: {
108
+ updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
109
+ };
110
+ actions: {
111
+ applyViewModeStepAt: (tr: import("prosemirror-state").Transaction) => boolean;
112
+ };
113
+ }, {
114
+ mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
115
+ } | undefined>>];
72
116
  }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
73
117
  dependencies: [];
74
118
  actions: {
@@ -126,7 +170,51 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
126
170
  dependencies: any;
127
171
  sharedState: any;
128
172
  actions: any;
129
- }, any>>]> | undefined;
173
+ }, any>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
174
+ sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
175
+ dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"collabEdit", {
176
+ pluginConfiguration: import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions;
177
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
178
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
179
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
180
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
181
+ pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
182
+ sharedState: {
183
+ createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
184
+ attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
185
+ performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
186
+ };
187
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
188
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
189
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
190
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>];
191
+ actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
192
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
193
+ sharedState: import("@atlaskit/editor-plugin-collab-edit").CollabEditPluginSharedState;
194
+ actions: {
195
+ getAvatarColor: (str: string) => {
196
+ index: number;
197
+ color: import("@atlaskit/editor-common/collab").Color;
198
+ };
199
+ addInlineCommentMark: (props: {
200
+ from: number;
201
+ to: number;
202
+ mark: import("prosemirror-model").Mark;
203
+ }) => boolean;
204
+ };
205
+ }, import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions>];
206
+ pluginConfiguration?: {
207
+ mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
208
+ } | undefined;
209
+ commands: {
210
+ updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
211
+ };
212
+ actions: {
213
+ applyViewModeStepAt: (tr: import("prosemirror-state").Transaction) => boolean;
214
+ };
215
+ }, {
216
+ mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
217
+ } | undefined>>]> | undefined;
130
218
  }>> & {
131
219
  WrappedComponent: React.ComponentType<CornerControlProps & WrappedComponentProps & {
132
220
  api?: import("@atlaskit/editor-common/types").PublicPluginAPI<[import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"table", {
@@ -195,7 +283,51 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
195
283
  dependencies: any;
196
284
  sharedState: any;
197
285
  actions: any;
198
- }, any>>];
286
+ }, any>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
287
+ sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
288
+ dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"collabEdit", {
289
+ pluginConfiguration: import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions;
290
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
291
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
292
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
293
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
294
+ pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
295
+ sharedState: {
296
+ createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
297
+ attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
298
+ performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
299
+ };
300
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
301
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
302
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
303
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>];
304
+ actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
305
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
306
+ sharedState: import("@atlaskit/editor-plugin-collab-edit").CollabEditPluginSharedState;
307
+ actions: {
308
+ getAvatarColor: (str: string) => {
309
+ index: number;
310
+ color: import("@atlaskit/editor-common/collab").Color;
311
+ };
312
+ addInlineCommentMark: (props: {
313
+ from: number;
314
+ to: number;
315
+ mark: import("prosemirror-model").Mark;
316
+ }) => boolean;
317
+ };
318
+ }, import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions>];
319
+ pluginConfiguration?: {
320
+ mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
321
+ } | undefined;
322
+ commands: {
323
+ updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
324
+ };
325
+ actions: {
326
+ applyViewModeStepAt: (tr: import("prosemirror-state").Transaction) => boolean;
327
+ };
328
+ }, {
329
+ mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
330
+ } | undefined>>];
199
331
  }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
200
332
  dependencies: [];
201
333
  actions: {
@@ -253,7 +385,51 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
253
385
  dependencies: any;
254
386
  sharedState: any;
255
387
  actions: any;
256
- }, any>>]> | undefined;
388
+ }, any>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
389
+ sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
390
+ dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"collabEdit", {
391
+ pluginConfiguration: import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions;
392
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
393
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
394
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
395
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
396
+ pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
397
+ sharedState: {
398
+ createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
399
+ attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
400
+ performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
401
+ };
402
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
403
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
404
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
405
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>];
406
+ actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
407
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
408
+ sharedState: import("@atlaskit/editor-plugin-collab-edit").CollabEditPluginSharedState;
409
+ actions: {
410
+ getAvatarColor: (str: string) => {
411
+ index: number;
412
+ color: import("@atlaskit/editor-common/collab").Color;
413
+ };
414
+ addInlineCommentMark: (props: {
415
+ from: number;
416
+ to: number;
417
+ mark: import("prosemirror-model").Mark;
418
+ }) => boolean;
419
+ };
420
+ }, import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions>];
421
+ pluginConfiguration?: {
422
+ mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
423
+ } | undefined;
424
+ commands: {
425
+ updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
426
+ };
427
+ actions: {
428
+ applyViewModeStepAt: (tr: import("prosemirror-state").Transaction) => boolean;
429
+ };
430
+ }, {
431
+ mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
432
+ } | undefined>>]> | undefined;
257
433
  }>;
258
434
  };
259
435
  export declare const DragCornerControls: React.FC<import("react-intl-next").WithIntlProps<CornerControlProps & WrappedComponentProps>> & {