@atlaskit/editor-plugin-table 7.25.7 → 7.25.9

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 (142) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/commands/column-resize.js +2 -1
  3. package/dist/cjs/commands/delete.js +5 -5
  4. package/dist/cjs/commands/insert.js +20 -20
  5. package/dist/cjs/commands-with-analytics.js +18 -17
  6. package/dist/cjs/event-handlers.js +5 -5
  7. package/dist/cjs/nodeviews/TableComponent.js +5 -11
  8. package/dist/cjs/nodeviews/TableResizer.js +1 -1
  9. package/dist/cjs/nodeviews/table.js +3 -6
  10. package/dist/cjs/plugin.js +11 -7
  11. package/dist/cjs/pm-plugins/keymap.js +19 -19
  12. package/dist/cjs/pm-plugins/main.js +1 -3
  13. package/dist/cjs/pm-plugins/table-resizing/commands.js +5 -4
  14. package/dist/cjs/pm-plugins/table-resizing/event-handlers.js +5 -4
  15. package/dist/cjs/pm-plugins/table-resizing/plugin.js +2 -2
  16. package/dist/cjs/pm-plugins/table-resizing/utils/scale-table.js +4 -4
  17. package/dist/cjs/toolbar.js +31 -31
  18. package/dist/cjs/transforms/column-width.js +4 -3
  19. package/dist/cjs/transforms/delete-columns.js +5 -5
  20. package/dist/cjs/ui/FloatingContextualMenu/ContextualMenu.js +3 -3
  21. package/dist/cjs/ui/FloatingContextualMenu/index.js +4 -2
  22. package/dist/cjs/ui/FloatingDeleteButton/index.js +1 -1
  23. package/dist/cjs/ui/FloatingDragMenu/DragMenu.js +2 -1
  24. package/dist/cjs/ui/FloatingDragMenu/index.js +4 -2
  25. package/dist/cjs/ui/FloatingInsertButton/index.js +1 -1
  26. package/dist/cjs/utils/drag-menu.js +10 -10
  27. package/dist/es2019/commands/column-resize.js +2 -1
  28. package/dist/es2019/commands/delete.js +2 -2
  29. package/dist/es2019/commands/insert.js +8 -8
  30. package/dist/es2019/commands-with-analytics.js +11 -10
  31. package/dist/es2019/event-handlers.js +2 -2
  32. package/dist/es2019/nodeviews/TableComponent.js +5 -11
  33. package/dist/es2019/nodeviews/TableResizer.js +1 -1
  34. package/dist/es2019/nodeviews/table.js +3 -6
  35. package/dist/es2019/plugin.js +11 -7
  36. package/dist/es2019/pm-plugins/keymap.js +9 -9
  37. package/dist/es2019/pm-plugins/main.js +2 -4
  38. package/dist/es2019/pm-plugins/table-resizing/commands.js +5 -4
  39. package/dist/es2019/pm-plugins/table-resizing/event-handlers.js +5 -4
  40. package/dist/es2019/pm-plugins/table-resizing/plugin.js +2 -2
  41. package/dist/es2019/pm-plugins/table-resizing/utils/scale-table.js +2 -2
  42. package/dist/es2019/toolbar.js +13 -13
  43. package/dist/es2019/transforms/column-width.js +4 -5
  44. package/dist/es2019/transforms/delete-columns.js +2 -2
  45. package/dist/es2019/ui/FloatingContextualMenu/ContextualMenu.js +3 -3
  46. package/dist/es2019/ui/FloatingContextualMenu/index.js +4 -2
  47. package/dist/es2019/ui/FloatingDeleteButton/index.js +1 -1
  48. package/dist/es2019/ui/FloatingDragMenu/DragMenu.js +2 -1
  49. package/dist/es2019/ui/FloatingDragMenu/index.js +4 -2
  50. package/dist/es2019/ui/FloatingInsertButton/index.js +1 -1
  51. package/dist/es2019/utils/drag-menu.js +4 -4
  52. package/dist/esm/commands/column-resize.js +2 -1
  53. package/dist/esm/commands/delete.js +5 -5
  54. package/dist/esm/commands/insert.js +20 -20
  55. package/dist/esm/commands-with-analytics.js +18 -17
  56. package/dist/esm/event-handlers.js +5 -5
  57. package/dist/esm/nodeviews/TableComponent.js +5 -11
  58. package/dist/esm/nodeviews/TableResizer.js +1 -1
  59. package/dist/esm/nodeviews/table.js +3 -6
  60. package/dist/esm/plugin.js +11 -7
  61. package/dist/esm/pm-plugins/keymap.js +19 -19
  62. package/dist/esm/pm-plugins/main.js +2 -4
  63. package/dist/esm/pm-plugins/table-resizing/commands.js +5 -4
  64. package/dist/esm/pm-plugins/table-resizing/event-handlers.js +5 -4
  65. package/dist/esm/pm-plugins/table-resizing/plugin.js +2 -2
  66. package/dist/esm/pm-plugins/table-resizing/utils/scale-table.js +4 -4
  67. package/dist/esm/toolbar.js +31 -31
  68. package/dist/esm/transforms/column-width.js +4 -4
  69. package/dist/esm/transforms/delete-columns.js +5 -5
  70. package/dist/esm/ui/FloatingContextualMenu/ContextualMenu.js +3 -3
  71. package/dist/esm/ui/FloatingContextualMenu/index.js +4 -2
  72. package/dist/esm/ui/FloatingDeleteButton/index.js +1 -1
  73. package/dist/esm/ui/FloatingDragMenu/DragMenu.js +2 -1
  74. package/dist/esm/ui/FloatingDragMenu/index.js +4 -2
  75. package/dist/esm/ui/FloatingInsertButton/index.js +1 -1
  76. package/dist/esm/utils/drag-menu.js +10 -10
  77. package/dist/types/commands/column-resize.d.ts +3 -1
  78. package/dist/types/commands/delete.d.ts +2 -1
  79. package/dist/types/commands/insert.d.ts +5 -4
  80. package/dist/types/commands-with-analytics.d.ts +6 -6
  81. package/dist/types/event-handlers.d.ts +2 -1
  82. package/dist/types/pm-plugins/keymap.d.ts +2 -2
  83. package/dist/types/pm-plugins/table-resizing/commands.d.ts +4 -2
  84. package/dist/types/pm-plugins/table-resizing/event-handlers.d.ts +2 -1
  85. package/dist/types/pm-plugins/table-resizing/plugin.d.ts +2 -2
  86. package/dist/types/pm-plugins/table-resizing/utils/scale-table.d.ts +2 -1
  87. package/dist/types/toolbar.d.ts +4 -4
  88. package/dist/types/transforms/column-width.d.ts +3 -2
  89. package/dist/types/transforms/delete-columns.d.ts +2 -1
  90. package/dist/types/ui/FloatingContextualMenu/ContextualMenu.d.ts +2 -0
  91. package/dist/types/ui/FloatingContextualMenu/index.d.ts +3 -2
  92. package/dist/types/ui/FloatingDeleteButton/index.d.ts +2 -1
  93. package/dist/types/ui/FloatingDragMenu/DragMenu.d.ts +3 -2
  94. package/dist/types/ui/FloatingDragMenu/index.d.ts +3 -2
  95. package/dist/types/ui/FloatingInsertButton/index.d.ts +2 -0
  96. package/dist/types/utils/drag-menu.d.ts +2 -2
  97. package/dist/types-ts4.5/commands/column-resize.d.ts +3 -1
  98. package/dist/types-ts4.5/commands/delete.d.ts +2 -1
  99. package/dist/types-ts4.5/commands/insert.d.ts +5 -4
  100. package/dist/types-ts4.5/commands-with-analytics.d.ts +6 -6
  101. package/dist/types-ts4.5/event-handlers.d.ts +2 -1
  102. package/dist/types-ts4.5/pm-plugins/keymap.d.ts +2 -2
  103. package/dist/types-ts4.5/pm-plugins/table-resizing/commands.d.ts +4 -2
  104. package/dist/types-ts4.5/pm-plugins/table-resizing/event-handlers.d.ts +2 -1
  105. package/dist/types-ts4.5/pm-plugins/table-resizing/plugin.d.ts +2 -2
  106. package/dist/types-ts4.5/pm-plugins/table-resizing/utils/scale-table.d.ts +2 -1
  107. package/dist/types-ts4.5/toolbar.d.ts +4 -4
  108. package/dist/types-ts4.5/transforms/column-width.d.ts +3 -2
  109. package/dist/types-ts4.5/transforms/delete-columns.d.ts +2 -1
  110. package/dist/types-ts4.5/ui/FloatingContextualMenu/ContextualMenu.d.ts +2 -0
  111. package/dist/types-ts4.5/ui/FloatingContextualMenu/index.d.ts +3 -2
  112. package/dist/types-ts4.5/ui/FloatingDeleteButton/index.d.ts +2 -1
  113. package/dist/types-ts4.5/ui/FloatingDragMenu/DragMenu.d.ts +3 -2
  114. package/dist/types-ts4.5/ui/FloatingDragMenu/index.d.ts +3 -2
  115. package/dist/types-ts4.5/ui/FloatingInsertButton/index.d.ts +2 -0
  116. package/dist/types-ts4.5/utils/drag-menu.d.ts +2 -2
  117. package/package.json +8 -14
  118. package/src/commands/column-resize.ts +4 -2
  119. package/src/commands/delete.ts +3 -0
  120. package/src/commands/insert.ts +9 -0
  121. package/src/commands-with-analytics.ts +17 -3
  122. package/src/event-handlers.ts +3 -0
  123. package/src/nodeviews/TableComponent.tsx +3 -6
  124. package/src/nodeviews/TableResizer.tsx +1 -0
  125. package/src/nodeviews/table.tsx +3 -7
  126. package/src/plugin.tsx +7 -0
  127. package/src/pm-plugins/keymap.ts +10 -3
  128. package/src/pm-plugins/main.ts +1 -5
  129. package/src/pm-plugins/table-resizing/commands.ts +13 -3
  130. package/src/pm-plugins/table-resizing/event-handlers.ts +5 -2
  131. package/src/pm-plugins/table-resizing/plugin.ts +3 -1
  132. package/src/pm-plugins/table-resizing/utils/scale-table.ts +3 -1
  133. package/src/toolbar.tsx +14 -2
  134. package/src/transforms/column-width.ts +11 -3
  135. package/src/transforms/delete-columns.ts +3 -0
  136. package/src/ui/FloatingContextualMenu/ContextualMenu.tsx +5 -1
  137. package/src/ui/FloatingContextualMenu/index.tsx +4 -1
  138. package/src/ui/FloatingDeleteButton/index.tsx +3 -2
  139. package/src/ui/FloatingDragMenu/DragMenu.tsx +4 -1
  140. package/src/ui/FloatingDragMenu/index.tsx +4 -1
  141. package/src/ui/FloatingInsertButton/index.tsx +3 -0
  142. package/src/utils/drag-menu.ts +5 -2
@@ -58,7 +58,7 @@ const defaultSelectionRect = {
58
58
  right: 0,
59
59
  bottom: 0
60
60
  };
61
- export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedCellsInTable, editorView, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, isHeaderRowRequired, isTableScalingEnabled = false, tableDuplicateCellColouring = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, tableSortColumnReorder = false, ariaNotifyPlugin) => {
61
+ export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedCellsInTable, editorView, api, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, isHeaderRowRequired, isTableScalingEnabled = false, tableDuplicateCellColouring = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, tableSortColumnReorder = false, ariaNotifyPlugin) => {
62
62
  var _tableMap$height, _tableMap$height2, _tableMap$width, _tableMap$width2;
63
63
  const {
64
64
  selection
@@ -155,7 +155,7 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedC
155
155
  moveCursorToInsertedRow: true
156
156
  })(state, dispatch);
157
157
  } else {
158
- insertColumnWithAnalytics(editorAnalyticsAPI, isTableScalingEnabled, tableDuplicateCellColouring, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(INPUT_METHOD.TABLE_CONTEXT_MENU, (index !== null && index !== void 0 ? index : 0) + offset)(state, dispatch, editorView);
158
+ insertColumnWithAnalytics(api, editorAnalyticsAPI, isTableScalingEnabled, tableDuplicateCellColouring, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(INPUT_METHOD.TABLE_CONTEXT_MENU, (index !== null && index !== void 0 ? index : 0) + offset)(state, dispatch, editorView);
159
159
  }
160
160
  return true;
161
161
  },
@@ -169,7 +169,7 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedC
169
169
  if (selectionRect) {
170
170
  const newResizeState = getNewResizeStateFromSelectedColumns(selectionRect, state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled);
171
171
  if (newResizeState) {
172
- distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.TABLE_CONTEXT_MENU, newResizeState)(state, dispatch);
172
+ distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI, api)(INPUT_METHOD.TABLE_CONTEXT_MENU, newResizeState)(state, dispatch);
173
173
  return true;
174
174
  }
175
175
  return false;
@@ -193,7 +193,7 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedC
193
193
  if (direction === 'row') {
194
194
  deleteRowsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.TABLE_CONTEXT_MENU, selectionRect !== null && selectionRect !== void 0 ? selectionRect : defaultSelectionRect, !!isHeaderRowRequired)(state, dispatch);
195
195
  } else {
196
- deleteColumnsWithAnalytics(editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(INPUT_METHOD.TABLE_CONTEXT_MENU, selectionRect !== null && selectionRect !== void 0 ? selectionRect : defaultSelectionRect)(state, dispatch, editorView);
196
+ deleteColumnsWithAnalytics(editorAnalyticsAPI, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(INPUT_METHOD.TABLE_CONTEXT_MENU, selectionRect !== null && selectionRect !== void 0 ? selectionRect : defaultSelectionRect)(state, dispatch, editorView);
197
197
  }
198
198
  return true;
199
199
  },
@@ -151,6 +151,7 @@ export var changeColumnWidthByStep = function changeColumnWidthByStep(_ref4) {
151
151
  isTableFixedColumnWidthsOptionEnabled = _ref4.isTableFixedColumnWidthsOptionEnabled,
152
152
  isCommentEditor = _ref4.isCommentEditor,
153
153
  ariaNotify = _ref4.ariaNotify,
154
+ api = _ref4.api,
154
155
  getIntl = _ref4.getIntl;
155
156
  return function (state, dispatch, view) {
156
157
  var customTr = state.tr;
@@ -217,7 +218,7 @@ export var changeColumnWidthByStep = function changeColumnWidthByStep(_ref4) {
217
218
  // only selected (or selected - 1) columns should be distributed
218
219
  var resizingSelectedColumns = selectedColumns.indexOf(colIndex) > -1 || selectedColumns.indexOf(colIndex + 1) > -1;
219
220
  var newResizeState = resizeColumn(initialResizeState, colIndex, stepSize, dom, originalTable, resizingSelectedColumns ? selectedColumns : undefined, isTableScalingEnabled, shouldUseIncreasedScalingPercent);
220
- customTr = updateColumnWidths(newResizeState, originalTable, tableStartPosition)(customTr);
221
+ customTr = updateColumnWidths(newResizeState, originalTable, tableStartPosition, api)(customTr);
221
222
  if (dispatch) {
222
223
  dispatch(customTr);
223
224
  }
@@ -1,11 +1,11 @@
1
1
  import { deleteColumns } from '../transforms/delete-columns';
2
2
  import { getAllowAddColumnCustomStep } from '../utils/get-allow-add-column-custom-step';
3
- export var deleteColumnsCommand = function deleteColumnsCommand(rect) {
4
- var isTableScalingEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
5
- var isTableFixedColumnWidthsOptionEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
6
- var shouldUseIncreasedScalingPercent = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
3
+ export var deleteColumnsCommand = function deleteColumnsCommand(rect, api) {
4
+ var isTableScalingEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
5
+ var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
6
+ var shouldUseIncreasedScalingPercent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
7
7
  return function (state, dispatch, view) {
8
- var tr = deleteColumns(rect, getAllowAddColumnCustomStep(state), view, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(state.tr);
8
+ var tr = deleteColumns(rect, getAllowAddColumnCustomStep(state), api, view, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(state.tr);
9
9
  if (dispatch) {
10
10
  dispatch(tr);
11
11
  return true;
@@ -19,11 +19,11 @@ function addColumnAtCustomStep(column) {
19
19
  return tr;
20
20
  };
21
21
  }
22
- export function addColumnAt() {
23
- var isTableScalingEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
24
- var isCellBackgroundDuplicated = arguments.length > 1 ? arguments[1] : undefined;
25
- var isTableFixedColumnWidthsOptionEnabled = arguments.length > 2 ? arguments[2] : undefined;
26
- var shouldUseIncreasedScalingPercent = arguments.length > 3 ? arguments[3] : undefined;
22
+ export function addColumnAt(api) {
23
+ var isTableScalingEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
24
+ var isCellBackgroundDuplicated = arguments.length > 2 ? arguments[2] : undefined;
25
+ var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 ? arguments[3] : undefined;
26
+ var shouldUseIncreasedScalingPercent = arguments.length > 4 ? arguments[4] : undefined;
27
27
  return function (column) {
28
28
  var allowAddColumnCustomStep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
29
29
  var view = arguments.length > 2 ? arguments[2] : undefined;
@@ -37,7 +37,7 @@ export function addColumnAt() {
37
37
  var table = findTable(updatedTr.selection);
38
38
  if (table) {
39
39
  // [ED-8288] Update colwidths manually to avoid multiple dispatch in TableComponent
40
- updatedTr = rescaleColumns(isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(table, view)(updatedTr);
40
+ updatedTr = rescaleColumns(isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, api)(table, view)(updatedTr);
41
41
  }
42
42
  if (view) {
43
43
  updatedTr = updateRowOrColumnMovedTransform({
@@ -54,11 +54,11 @@ export function addColumnAt() {
54
54
 
55
55
  // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
56
56
  // Command to add a column before the column with the selection.
57
- export var addColumnBefore = function addColumnBefore() {
58
- var isTableScalingEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
59
- var isCellBackgroundDuplicated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
60
- var isTableFixedColumnWidthsOptionEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
61
- var shouldUseIncreasedScalingPercent = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
57
+ export var addColumnBefore = function addColumnBefore(api) {
58
+ var isTableScalingEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
59
+ var isCellBackgroundDuplicated = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
60
+ var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
61
+ var shouldUseIncreasedScalingPercent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
62
62
  return function (state, dispatch, view) {
63
63
  var table = findTable(state.selection);
64
64
  if (!table) {
@@ -66,7 +66,7 @@ export var addColumnBefore = function addColumnBefore() {
66
66
  }
67
67
  if (dispatch) {
68
68
  var rect = selectedRect(state);
69
- dispatch(addColumnAt(isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(rect.left, getAllowAddColumnCustomStep(state), view)(state.tr));
69
+ dispatch(addColumnAt(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(rect.left, getAllowAddColumnCustomStep(state), view)(state.tr));
70
70
  }
71
71
  return true;
72
72
  };
@@ -74,7 +74,7 @@ export var addColumnBefore = function addColumnBefore() {
74
74
 
75
75
  // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
76
76
  // Command to add a column after the column with the selection.
77
- export var addColumnAfter = function addColumnAfter(isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent) {
77
+ export var addColumnAfter = function addColumnAfter(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent) {
78
78
  return function (state, dispatch, view) {
79
79
  var table = findTable(state.selection);
80
80
  if (!table) {
@@ -82,19 +82,19 @@ export var addColumnAfter = function addColumnAfter(isTableScalingEnabled, isCel
82
82
  }
83
83
  if (dispatch) {
84
84
  var rect = selectedRect(state);
85
- dispatch(addColumnAt(isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(rect.right, getAllowAddColumnCustomStep(state), view)(state.tr));
85
+ dispatch(addColumnAt(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(rect.right, getAllowAddColumnCustomStep(state), view)(state.tr));
86
86
  }
87
87
  return true;
88
88
  };
89
89
  };
90
- export var insertColumn = function insertColumn() {
91
- var isTableScalingEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
92
- var isCellBackgroundDuplicated = arguments.length > 1 ? arguments[1] : undefined;
93
- var isTableFixedColumnWidthsOptionEnabled = arguments.length > 2 ? arguments[2] : undefined;
94
- var shouldUseIncreasedScalingPercent = arguments.length > 3 ? arguments[3] : undefined;
90
+ export var insertColumn = function insertColumn(api) {
91
+ var isTableScalingEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
92
+ var isCellBackgroundDuplicated = arguments.length > 2 ? arguments[2] : undefined;
93
+ var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 ? arguments[3] : undefined;
94
+ var shouldUseIncreasedScalingPercent = arguments.length > 4 ? arguments[4] : undefined;
95
95
  return function (column) {
96
96
  return function (state, dispatch, view) {
97
- var tr = addColumnAt(isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(column, getAllowAddColumnCustomStep(state), view)(state.tr);
97
+ var tr = addColumnAt(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(column, getAllowAddColumnCustomStep(state), view)(state.tr);
98
98
  var table = findTable(tr.selection);
99
99
  if (!table) {
100
100
  return false;
@@ -187,7 +187,7 @@ export var insertRowWithAnalytics = function insertRowWithAnalytics(editorAnalyt
187
187
  })(editorAnalyticsAPI)(insertRow(options.index, options.moveCursorToInsertedRow, isCellbackgroundDuplicated));
188
188
  };
189
189
  };
190
- export var changeColumnWidthByStepWithAnalytics = function changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI) {
190
+ export var changeColumnWidthByStepWithAnalytics = function changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI, api) {
191
191
  return function (stepSize, getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor, inputMethod, ariaNotify, getIntl) {
192
192
  return withEditorAnalyticsAPI(function (state) {
193
193
  var _getSelectedTableInfo2 = getSelectedTableInfo(state.selection),
@@ -217,15 +217,16 @@ export var changeColumnWidthByStepWithAnalytics = function changeColumnWidthBySt
217
217
  isTableFixedColumnWidthsOptionEnabled: isTableFixedColumnWidthsOptionEnabled,
218
218
  isCommentEditor: isCommentEditor,
219
219
  ariaNotify: ariaNotify,
220
- getIntl: getIntl
220
+ getIntl: getIntl,
221
+ api: api
221
222
  }));
222
223
  };
223
224
  };
224
- export var insertColumnWithAnalytics = function insertColumnWithAnalytics(editorAnalyticsAPI) {
225
- var isTableScalingEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
226
- var isCellbackgroundDuplicated = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
227
- var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
228
- var shouldUseIncreasedScalingPercent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
225
+ export var insertColumnWithAnalytics = function insertColumnWithAnalytics(api, editorAnalyticsAPI) {
226
+ var isTableScalingEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
227
+ var isCellbackgroundDuplicated = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
228
+ var isTableFixedColumnWidthsOptionEnabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
229
+ var shouldUseIncreasedScalingPercent = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
229
230
  return function (inputMethod, position) {
230
231
  return withEditorAnalyticsAPI(function (state) {
231
232
  var _getSelectedTableInfo3 = getSelectedTableInfo(state.selection),
@@ -243,7 +244,7 @@ export var insertColumnWithAnalytics = function insertColumnWithAnalytics(editor
243
244
  },
244
245
  eventType: EVENT_TYPE.TRACK
245
246
  };
246
- })(editorAnalyticsAPI)(insertColumn(isTableScalingEnabled, isCellbackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(position));
247
+ })(editorAnalyticsAPI)(insertColumn(api, isTableScalingEnabled, isCellbackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(position));
247
248
  };
248
249
  };
249
250
  export var deleteRowsWithAnalytics = function deleteRowsWithAnalytics(editorAnalyticsAPI) {
@@ -274,10 +275,10 @@ export var deleteRowsWithAnalytics = function deleteRowsWithAnalytics(editorAnal
274
275
  });
275
276
  };
276
277
  };
277
- export var deleteColumnsWithAnalytics = function deleteColumnsWithAnalytics(editorAnalyticsAPI) {
278
- var isTableScalingEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
279
- var isTableFixedColumnWidthsOptionEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
280
- var shouldUseIncreasedScalingPercent = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
278
+ export var deleteColumnsWithAnalytics = function deleteColumnsWithAnalytics(editorAnalyticsAPI, api) {
279
+ var isTableScalingEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
280
+ var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
281
+ var shouldUseIncreasedScalingPercent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
281
282
  return function (inputMethod, rect) {
282
283
  return withEditorAnalyticsAPI(function (_ref6) {
283
284
  var selection = _ref6.selection;
@@ -297,10 +298,10 @@ export var deleteColumnsWithAnalytics = function deleteColumnsWithAnalytics(edit
297
298
  },
298
299
  eventType: EVENT_TYPE.TRACK
299
300
  };
300
- })(editorAnalyticsAPI)(deleteColumnsCommand(rect, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent));
301
+ })(editorAnalyticsAPI)(deleteColumnsCommand(rect, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent));
301
302
  };
302
303
  };
303
- export var deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut = function deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut(editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent) {
304
+ export var deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut = function deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut(editorAnalyticsAPI, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent) {
304
305
  return function (state, dispatch) {
305
306
  var selection = state.selection;
306
307
  var isCellSelection = selection instanceof CellSelection;
@@ -318,7 +319,7 @@ export var deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut = function delete
318
319
  var isHeaderRowRequired = pluginConfig.isHeaderRowRequired || false;
319
320
  return deleteRowsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.SHORTCUT, rect, isHeaderRowRequired)(state, dispatch);
320
321
  } else if (selectionType === 'column') {
321
- return deleteColumnsWithAnalytics(editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(INPUT_METHOD.SHORTCUT, rect)(state, dispatch);
322
+ return deleteColumnsWithAnalytics(editorAnalyticsAPI, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(INPUT_METHOD.SHORTCUT, rect)(state, dispatch);
322
323
  } else {
323
324
  return false;
324
325
  }
@@ -458,7 +459,7 @@ export var sortColumnWithAnalytics = function sortColumnWithAnalytics(editorAnal
458
459
  })(editorAnalyticsAPI)(sortByColumn(columnIndex, sortOrder));
459
460
  };
460
461
  };
461
- export var distributeColumnsWidthsWithAnalytics = function distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI) {
462
+ export var distributeColumnsWidthsWithAnalytics = function distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI, api) {
462
463
  return function (inputMethod, _ref10) {
463
464
  var resizeState = _ref10.resizeState,
464
465
  table = _ref10.table,
@@ -475,7 +476,7 @@ export var distributeColumnsWidthsWithAnalytics = function distributeColumnsWidt
475
476
  };
476
477
  })(editorAnalyticsAPI)(function (state, dispatch) {
477
478
  if (dispatch) {
478
- distributeColumnsWidths(resizeState, table)(state, dispatch);
479
+ distributeColumnsWidths(resizeState, table, api)(state, dispatch);
479
480
  }
480
481
  return true;
481
482
  });
@@ -336,10 +336,10 @@ export function handleTripleClick(view, pos) {
336
336
  }
337
337
  return false;
338
338
  }
339
- export var handleCut = function handleCut(oldTr, oldState, newState, editorAnalyticsAPI, editorView) {
340
- var isTableScalingEnabled = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
341
- var isTableFixedColumnWidthsOptionEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
342
- var shouldUseIncreasedScalingPercent = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
339
+ export var handleCut = function handleCut(oldTr, oldState, newState, api, editorAnalyticsAPI, editorView) {
340
+ var isTableScalingEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
341
+ var isTableFixedColumnWidthsOptionEnabled = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
342
+ var shouldUseIncreasedScalingPercent = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : false;
343
343
  var oldSelection = oldState.tr.selection;
344
344
  var tr = newState.tr;
345
345
  if (oldSelection instanceof CellSelection) {
@@ -382,7 +382,7 @@ export var handleCut = function handleCut(oldTr, oldState, newState, editorAnaly
382
382
  isHeaderRowRequired = _getPluginState9.pluginConfig.isHeaderRowRequired;
383
383
  tr = deleteRows(rect, isHeaderRowRequired)(tr);
384
384
  } else if (tr.selection.isColSelection()) {
385
- tr = deleteColumns(rect, getAllowAddColumnCustomStep(oldState), editorView, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(tr);
385
+ tr = deleteColumns(rect, getAllowAddColumnCustomStep(oldState), api, editorView, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(tr);
386
386
  }
387
387
  }
388
388
  }
@@ -213,7 +213,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
213
213
  start: pos + 1,
214
214
  containerWidth: width,
215
215
  previousContainerWidth: _this.containerWidth.width || width
216
- }, options), domAtPos, false,
216
+ }, options), domAtPos, _this.props.pluginInjectionApi, false,
217
217
  // isTableScalingEnabled doesn't change the behavior of nested tables
218
218
  false // shouldUseIncreasedScalingPercent set to false for nested tables
219
219
  )(state.tr);
@@ -353,7 +353,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
353
353
  _createClass(TableComponent, [{
354
354
  key: "componentDidMount",
355
355
  value: function componentDidMount() {
356
- var _this$props$pluginInj, _this$table2;
356
+ var _this$props$pluginInj, _this$table2, _this$table3;
357
357
  var _this$props7 = this.props,
358
358
  allowColumnResizing = _this$props7.allowColumnResizing,
359
359
  eventDispatcher = _this$props7.eventDispatcher,
@@ -369,10 +369,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
369
369
  this === null || this === void 0 || (_this$table = this.table) === null || _this$table === void 0 || _this$table.addEventListener('mouseenter', this.handleMouseEnter);
370
370
  }
371
371
  this === null || this === void 0 || (_this$table2 = this.table) === null || _this$table2 === void 0 || _this$table2.addEventListener('mouseout', this.handleMouseOut);
372
- if (fg('platform_editor_react_18_table_column_resize_hover')) {
373
- var _this$table3;
374
- this === null || this === void 0 || (_this$table3 = this.table) === null || _this$table3 === void 0 || _this$table3.addEventListener('mouseover', this.handleMouseOver);
375
- }
372
+ this === null || this === void 0 || (_this$table3 = this.table) === null || _this$table3 === void 0 || _this$table3.addEventListener('mouseover', this.handleMouseOver);
376
373
  var _getEditorFeatureFlag = getEditorFeatureFlags(),
377
374
  _getEditorFeatureFlag2 = _getEditorFeatureFlag.tableWithFixedColumnWidthsOption,
378
375
  tableWithFixedColumnWidthsOption = _getEditorFeatureFlag2 === void 0 ? false : _getEditorFeatureFlag2,
@@ -422,7 +419,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
422
419
  }, {
423
420
  key: "componentWillUnmount",
424
421
  value: function componentWillUnmount() {
425
- var _this$resizeObserver, _this$table4, _this$table5;
422
+ var _this$resizeObserver, _this$table4, _this$table5, _this$table6;
426
423
  var _this$props8 = this.props,
427
424
  allowColumnResizing = _this$props8.allowColumnResizing,
428
425
  eventDispatcher = _this$props8.eventDispatcher,
@@ -455,10 +452,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
455
452
  }
456
453
  this === null || this === void 0 || (_this$table4 = this.table) === null || _this$table4 === void 0 || _this$table4.removeEventListener('mouseenter', this.handleMouseEnter);
457
454
  this === null || this === void 0 || (_this$table5 = this.table) === null || _this$table5 === void 0 || _this$table5.removeEventListener('mouseout', this.handleMouseOut);
458
- if (fg('platform_editor_react_18_table_column_resize_hover')) {
459
- var _this$table6;
460
- this === null || this === void 0 || (_this$table6 = this.table) === null || _this$table6 === void 0 || _this$table6.removeEventListener('mouseover', this.handleMouseOver);
461
- }
455
+ this === null || this === void 0 || (_this$table6 = this.table) === null || _this$table6 === void 0 || _this$table6.removeEventListener('mouseover', this.handleMouseOver);
462
456
  if (this.overflowShadowsObserver) {
463
457
  this.overflowShadowsObserver.dispose();
464
458
  }
@@ -319,7 +319,7 @@ export var TableResizer = function TableResizer(_ref) {
319
319
  prevNode: node,
320
320
  start: pos + 1,
321
321
  parentWidth: newWidth
322
- }, editorView.domAtPos.bind(editorView), isTableScalingEnabled, shouldUseIncreasedScalingPercent || false)(tr);
322
+ }, editorView.domAtPos.bind(editorView), pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent || false)(tr);
323
323
  var scaledNode = tr.doc.nodeAt(pos);
324
324
  (_attachAnalyticsEvent2 = attachAnalyticsEvent(generateResizedPayload({
325
325
  originalNode: node,
@@ -268,13 +268,10 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
268
268
  if (type === 'selection' && (nodeName === null || nodeName === void 0 ? void 0 : nodeName.toUpperCase()) === 'TABLE' && ((firstChild === null || firstChild === void 0 ? void 0 : firstChild.nodeName.toUpperCase()) === 'COLGROUP' || (firstChild === null || firstChild === void 0 ? void 0 : firstChild.nodeName.toUpperCase()) === 'SPAN')) {
269
269
  return false;
270
270
  }
271
- if (fg('platform_editor_react_18_table_insertion_cursor')) {
272
- if (!this.contentDOM) {
273
- return true;
274
- }
275
- return !this.contentDOM.contains(mutation.target) && mutation.type !== 'selection';
271
+ if (!this.contentDOM) {
272
+ return true;
276
273
  }
277
- return true;
274
+ return !this.contentDOM.contains(mutation.target) && mutation.type !== 'selection';
278
275
  }
279
276
  }, {
280
277
  key: "destroy",
@@ -189,7 +189,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
189
189
  allowColumnResizing = _pluginConfig2.allowColumnResizing;
190
190
  return allowColumnResizing ? createFlexiResizingPlugin(dispatch, {
191
191
  lastColumnResizable: !fullWidthEnabled
192
- }, defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, editorAnalyticsAPI, isTableScalingEnabled || false, isNewColumnResizingEnabled, isTableAlignmentEnabled, !!(options !== null && options !== void 0 && options.isCommentEditor)) : undefined;
192
+ }, defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, api, editorAnalyticsAPI, isTableScalingEnabled || false, isNewColumnResizingEnabled, isTableAlignmentEnabled, !!(options !== null && options !== void 0 && options.isCommentEditor)) : undefined;
193
193
  }
194
194
  }, {
195
195
  name: 'tableEditing',
@@ -215,7 +215,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
215
215
  isCommentEditor = _ref7$isCommentEditor === void 0 ? false : _ref7$isCommentEditor,
216
216
  _ref7$tableResizingEn = _ref7.tableResizingEnabled,
217
217
  tableResizingEnabled = _ref7$tableResizingEn === void 0 ? false : _ref7$tableResizingEn;
218
- return keymapPlugin(defaultGetEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled, isTableAlignmentEnabled, fullWidthEnabled, api, getIntl, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, tableResizingEnabled);
218
+ return keymapPlugin(defaultGetEditorContainerWidth, api, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled, isTableAlignmentEnabled, fullWidthEnabled, api, getIntl, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, tableResizingEnabled);
219
219
  }
220
220
  }, {
221
221
  name: 'tableSelectionKeymap',
@@ -401,7 +401,8 @@ var tablesPlugin = function tablesPlugin(_ref) {
401
401
  editorAnalyticsAPI: editorAnalyticsAPI,
402
402
  getEditorContainerWidth: defaultGetEditorContainerWidth,
403
403
  getEditorFeatureFlags: (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags,
404
- isChromelessEditor: options === null || options === void 0 ? void 0 : options.isChromelessEditor
404
+ isChromelessEditor: options === null || options === void 0 ? void 0 : options.isChromelessEditor,
405
+ api: api
405
406
  }), (options === null || options === void 0 ? void 0 : options.allowContextualMenu) && /*#__PURE__*/React.createElement(FloatingContextualMenu, {
406
407
  editorView: editorView,
407
408
  mountPoint: popupsMountPoint,
@@ -413,7 +414,8 @@ var tablesPlugin = function tablesPlugin(_ref) {
413
414
  getEditorContainerWidth: defaultGetEditorContainerWidth,
414
415
  getEditorFeatureFlags: (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags,
415
416
  isCellMenuOpenByKeyboard: isCellMenuOpenByKeyboard,
416
- isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor
417
+ isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor,
418
+ api: api
417
419
  }), isDragAndDropEnabled && /*#__PURE__*/React.createElement(FloatingDragMenu, {
418
420
  editorView: editorView,
419
421
  mountPoint: popupsMountPoint,
@@ -430,7 +432,8 @@ var tablesPlugin = function tablesPlugin(_ref) {
430
432
  pluginConfig: pluginConfig,
431
433
  isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
432
434
  getEditorFeatureFlags: (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags,
433
- ariaNotifyPlugin: ariaNotifyPlugin
435
+ ariaNotifyPlugin: ariaNotifyPlugin,
436
+ api: api
434
437
  }), allowControls && !isDragAndDropEnabled && !isResizing && /*#__PURE__*/React.createElement(FloatingDeleteButton, {
435
438
  editorView: editorView,
436
439
  selection: editorView.state.selection,
@@ -440,7 +443,8 @@ var tablesPlugin = function tablesPlugin(_ref) {
440
443
  scrollableElement: popupsScrollableElement,
441
444
  stickyHeaders: stickyHeader,
442
445
  isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled,
443
- editorAnalyticsAPI: editorAnalyticsAPI
446
+ editorAnalyticsAPI: editorAnalyticsAPI,
447
+ api: api
444
448
  }), ((options === null || options === void 0 ? void 0 : options.isTableScalingEnabled) || (options === null || options === void 0 ? void 0 : options.tableResizingEnabled) && options.isCommentEditor) && isTableResizing && widthToWidest && resizingTableLocalId && resizingTableRef && widthToWidest[resizingTableLocalId] && /*#__PURE__*/React.createElement(FloatingToolbarLabel, {
445
449
  target: resizingTableRef,
446
450
  content: /*#__PURE__*/React.createElement(FullWidthDisplay, null),
@@ -493,7 +497,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
493
497
  }
494
498
  }];
495
499
  },
496
- floatingToolbar: getToolbarConfig(defaultGetEditorContainerWidth, editorAnalyticsAPI, (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags, function () {
500
+ floatingToolbar: getToolbarConfig(defaultGetEditorContainerWidth, api, editorAnalyticsAPI, (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags, function () {
497
501
  return editorViewRef.current;
498
502
  }, options, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(pluginConfig(options === null || options === void 0 ? void 0 : options.tableOptions))
499
503
  }
@@ -8,18 +8,18 @@ import { addRowAroundSelection, changeColumnWidthByStepWithAnalytics, deleteSele
8
8
  import { activateNextResizeArea, initiateKeyboardColumnResizing, stopKeyboardColumnResizing } from '../commands/column-resize';
9
9
  import { addColumnAfter as addColumnAfterCommand, addColumnBefore as addColumnBeforeCommand, createTable } from '../commands/insert';
10
10
  import { moveSourceWithAnalyticsViaShortcut } from '../pm-plugins/drag-and-drop/commands-with-analytics';
11
- export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled) {
11
+ export function keymapPlugin(getEditorContainerWidth, api, editorAnalyticsAPI, dragAndDropEnabled) {
12
12
  var _pluginInjectionApi$a;
13
- var isTableScalingEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
14
- var isTableAlignmentEnabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
15
- var isFullWidthEnabled = arguments.length > 5 ? arguments[5] : undefined;
16
- var pluginInjectionApi = arguments.length > 6 ? arguments[6] : undefined;
17
- var getIntl = arguments.length > 7 ? arguments[7] : undefined;
18
- var isCellBackgroundDuplicated = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : false;
19
- var isTableFixedColumnWidthsOptionEnabled = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
20
- var shouldUseIncreasedScalingPercent = arguments.length > 10 ? arguments[10] : undefined;
21
- var isCommentEditor = arguments.length > 11 ? arguments[11] : undefined;
22
- var isTableResizingEnabled = arguments.length > 12 ? arguments[12] : undefined;
13
+ var isTableScalingEnabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
14
+ var isTableAlignmentEnabled = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
15
+ var isFullWidthEnabled = arguments.length > 6 ? arguments[6] : undefined;
16
+ var pluginInjectionApi = arguments.length > 7 ? arguments[7] : undefined;
17
+ var getIntl = arguments.length > 8 ? arguments[8] : undefined;
18
+ var isCellBackgroundDuplicated = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
19
+ var isTableFixedColumnWidthsOptionEnabled = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : false;
20
+ var shouldUseIncreasedScalingPercent = arguments.length > 11 ? arguments[11] : undefined;
21
+ var isCommentEditor = arguments.length > 12 ? arguments[12] : undefined;
22
+ var isTableResizingEnabled = arguments.length > 13 ? arguments[13] : undefined;
23
23
  var list = {};
24
24
  var ariaNotifyPlugin = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.accessibilityUtils) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions.ariaNotify;
25
25
  bindKeymapWithCommand(nextCell.common, goToNextCell(editorAnalyticsAPI, ariaNotifyPlugin, getIntl)(1), list);
@@ -31,12 +31,12 @@ export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAn
31
31
  // Add row/column shortcuts
32
32
  bindKeymapWithCommand(addRowBefore.common, addRowAroundSelection(editorAnalyticsAPI)('TOP'), list);
33
33
  bindKeymapWithCommand(addRowAfter.common, addRowAroundSelection(editorAnalyticsAPI)('BOTTOM'), list);
34
- bindKeymapWithCommand(addColumnBefore.common, addColumnBeforeCommand(isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
35
- bindKeymapWithCommand(addColumnAfter.common, addColumnAfterCommand(isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
34
+ bindKeymapWithCommand(addColumnBefore.common, addColumnBeforeCommand(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
35
+ bindKeymapWithCommand(addColumnAfter.common, addColumnAfterCommand(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
36
36
  bindKeymapWithCommand(addRowBeforeVO.common, addRowAroundSelection(editorAnalyticsAPI)('TOP'), list);
37
37
  bindKeymapWithCommand(addRowAfterVO.common, addRowAroundSelection(editorAnalyticsAPI)('BOTTOM'), list);
38
- bindKeymapWithCommand(addColumnBeforeVO.common, addColumnBeforeCommand(isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
39
- bindKeymapWithCommand(addColumnAfterVO.common, addColumnAfterCommand(isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
38
+ bindKeymapWithCommand(addColumnBeforeVO.common, addColumnBeforeCommand(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
39
+ bindKeymapWithCommand(addColumnAfterVO.common, addColumnAfterCommand(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
40
40
  if (dragAndDropEnabled) {
41
41
  // Move row/column shortcuts
42
42
  /**
@@ -52,8 +52,8 @@ export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAn
52
52
  bindKeymapWithCommand(moveColumnRight.common, moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI, ariaNotifyPlugin, getIntl)('table-column', 1), list);
53
53
 
54
54
  // Delete row/column shortcuts
55
- bindKeymapWithCommand(deleteColumn.common, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut(editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
56
- bindKeymapWithCommand(deleteRow.common, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut(editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
55
+ bindKeymapWithCommand(deleteColumn.common, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut(editorAnalyticsAPI, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
56
+ bindKeymapWithCommand(deleteRow.common, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut(editorAnalyticsAPI, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
57
57
  }
58
58
  bindKeymapWithCommand(startColumnResizing.common, initiateKeyboardColumnResizing({
59
59
  ariaNotify: ariaNotifyPlugin,
@@ -69,8 +69,8 @@ export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAn
69
69
  ariaNotify: ariaNotifyPlugin,
70
70
  getIntl: getIntl
71
71
  }), list);
72
- bindKeymapWithCommand(decreaseMediaSize.common, changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI)(-10, getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, !!isCommentEditor, INPUT_METHOD.SHORTCUT, ariaNotifyPlugin, getIntl), list);
73
- bindKeymapWithCommand(increaseMediaSize.common, changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI)(10, getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, !!isCommentEditor, INPUT_METHOD.SHORTCUT, ariaNotifyPlugin, getIntl), list);
72
+ bindKeymapWithCommand(decreaseMediaSize.common, changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI, api)(-10, getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, !!isCommentEditor, INPUT_METHOD.SHORTCUT, ariaNotifyPlugin, getIntl), list);
73
+ bindKeymapWithCommand(increaseMediaSize.common, changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI, api)(10, getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, !!isCommentEditor, INPUT_METHOD.SHORTCUT, ariaNotifyPlugin, getIntl), list);
74
74
  bindKeymapWithCommand(escape.common, stopKeyboardColumnResizing({
75
75
  ariaNotify: ariaNotifyPlugin,
76
76
  getIntl: getIntl
@@ -9,11 +9,10 @@ import { browser, closestElement } from '@atlaskit/editor-common/utils';
9
9
  import { findParentDomRefOfType, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
10
10
  import { TableMap } from '@atlaskit/editor-tables';
11
11
  import { findTable } from '@atlaskit/editor-tables/utils';
12
- import { fg } from '@atlaskit/platform-feature-flags';
13
12
  import { addBoldInEmptyHeaderCells, clearHoverSelection, setTableRef } from '../commands';
14
13
  import { stopKeyboardColumnResizing } from '../commands/column-resize';
15
14
  import { removeResizeHandleDecorations, transformSliceRemoveCellBackgroundColor, transformSliceToAddTableHeaders, transformSliceToRemoveColumnsWidths } from '../commands/misc';
16
- import { handleBlur, handleClick, handleCut, handleFocus, handleMouseDown, handleMouseEnter, handleMouseLeave, handleMouseMove, handleMouseOver, handleMouseUp, handleTripleClick, whenTableInFocus, withCellTracking } from '../event-handlers';
15
+ import { handleBlur, handleClick, handleCut, handleFocus, handleMouseDown, handleMouseEnter, handleMouseLeave, handleMouseMove, handleMouseUp, handleTripleClick, whenTableInFocus, withCellTracking } from '../event-handlers';
17
16
  import { lazyTableCellView, lazyTableHeaderView, lazyTableRowView, lazyTableView } from '../nodeviews/lazy-node-views';
18
17
  import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plugin';
19
18
  import { fixTables, replaceSelectedTable } from '../transforms';
@@ -83,7 +82,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
83
82
  _getEditorFeatureFlag2 = _getEditorFeatureFlag.tableWithFixedColumnWidthsOption,
84
83
  tableWithFixedColumnWidthsOption = _getEditorFeatureFlag2 === void 0 ? false : _getEditorFeatureFlag2;
85
84
  // "fixTables" removes empty rows as we don't allow that in schema
86
- var updatedTr = handleCut(tr, oldState, newState, editorAnalyticsAPI, editorViewRef || undefined, isTableScalingEnabled, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent);
85
+ var updatedTr = handleCut(tr, oldState, newState, pluginInjectionApi, editorAnalyticsAPI, editorViewRef || undefined, isTableScalingEnabled, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent);
87
86
  return fixTables(updatedTr) || updatedTr;
88
87
  }
89
88
  if (transactions.find(function (tr) {
@@ -272,7 +271,6 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
272
271
  focus: handleFocus,
273
272
  blur: handleBlur,
274
273
  mousedown: withCellTracking(handleMouseDown),
275
- mouseover: fg('platform_editor_react_18_table_column_resize_hover') ? undefined : withCellTracking(whenTableInFocus(handleMouseOver)),
276
274
  mouseleave: handleMouseLeave,
277
275
  mousemove: whenTableInFocus(handleMouseMove),
278
276
  mouseenter: handleMouseEnter,
@@ -8,7 +8,8 @@ export var evenColumns = function evenColumns(_ref) {
8
8
  var resizeState = _ref.resizeState,
9
9
  table = _ref.table,
10
10
  start = _ref.start,
11
- event = _ref.event;
11
+ event = _ref.event,
12
+ api = _ref.api;
12
13
  return function (state, dispatch) {
13
14
  if (!isTableSelected(state.selection)) {
14
15
  return false;
@@ -22,7 +23,7 @@ export var evenColumns = function evenColumns(_ref) {
22
23
  if (lastClick && now - lastClick.time < 500 && isClickNear(event, lastClick)) {
23
24
  var newState = evenAllColumnsWidths(resizeState);
24
25
  setLastClick(null, function (tr) {
25
- return updateColumnWidths(newState, table, start)(tr);
26
+ return updateColumnWidths(newState, table, start, api)(tr);
26
27
  })(state, dispatch);
27
28
  return true;
28
29
  }
@@ -34,10 +35,10 @@ export var evenColumns = function evenColumns(_ref) {
34
35
  return false;
35
36
  };
36
37
  };
37
- export var distributeColumnsWidths = function distributeColumnsWidths(newResizeState, table) {
38
+ export var distributeColumnsWidths = function distributeColumnsWidths(newResizeState, table, api) {
38
39
  return function (state, dispatch) {
39
40
  if (dispatch) {
40
- var _tr = updateColumnWidths(newResizeState, table.node, table.start)(state.tr);
41
+ var _tr = updateColumnWidths(newResizeState, table.node, table.start, api)(state.tr);
41
42
  _tr.setMeta(META_KEYS.OVERFLOW_TRIGGER, {
42
43
  name: TABLE_OVERFLOW_CHANGE_TRIGGER.DISTRIBUTED_COLUMNS
43
44
  });
@@ -17,7 +17,7 @@ import { evenColumns, setDragging, stopResizing } from './commands';
17
17
  import { getPluginState } from './plugin-factory';
18
18
  import { currentColWidth, getResizeState, getTableMaxWidth, pointsAtCell, resizeColumn, resizeColumnAndTable, updateControls } from './utils';
19
19
  import { scaleResizeState } from './utils/resize-column';
20
- export var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, isTableScalingEnabled, editorAnalyticsAPI, isNewColumnResizingEnabled, isTableAlignmentEnabled, isCommentEditor) {
20
+ export var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, isTableScalingEnabled, api, editorAnalyticsAPI, isNewColumnResizingEnabled, isTableAlignmentEnabled, isCommentEditor) {
21
21
  var state = view.state,
22
22
  dispatch = view.dispatch;
23
23
  var editorDisabled = !view.editable;
@@ -78,7 +78,8 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
78
78
  resizeState: resizeState,
79
79
  table: originalTable,
80
80
  start: start,
81
- event: event
81
+ event: event,
82
+ api: api
82
83
  })(state, dispatch)) {
83
84
  finish(event);
84
85
  return true;
@@ -172,7 +173,7 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
172
173
  lineLength: lineLength,
173
174
  isTableAlignmentEnabled: isTableAlignmentEnabled
174
175
  });
175
- tr = updateColumnWidths(newResizeState, table, start)(tr);
176
+ tr = updateColumnWidths(newResizeState, table, start, api)(tr);
176
177
 
177
178
  // If the table is aligned to the start and the table width is greater than the line length, we should change the alignment to center
178
179
  var shouldChangeAlignment = shouldChangeAlignmentToCenterResized(isTableAlignmentEnabled, originalTable, lineLength, newResizeState.maxSize);
@@ -201,7 +202,7 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
201
202
  }
202
203
  } else {
203
204
  var _newResizeState = resizeColumn(resizeState, colIndex, resizedDelta, dom, originalTable, resizingSelectedColumns ? selectedColumns : undefined, _shouldScale, shouldUseIncreasedScalingPercent);
204
- tr = updateColumnWidths(_newResizeState, table, start)(tr);
205
+ tr = updateColumnWidths(_newResizeState, table, start, api)(tr);
205
206
  }
206
207
  if (colIndex === map.width - 1) {
207
208
  var mouseUpTime = event.timeStamp;