@atlaskit/editor-plugin-table 7.25.6 → 7.25.8
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.
- package/CHANGELOG.md +16 -0
- package/dist/cjs/commands/column-resize.js +2 -1
- package/dist/cjs/commands/delete.js +5 -5
- package/dist/cjs/commands/insert.js +20 -20
- package/dist/cjs/commands-with-analytics.js +18 -17
- package/dist/cjs/event-handlers.js +5 -5
- package/dist/cjs/nodeviews/TableComponent.js +1 -1
- package/dist/cjs/nodeviews/TableContainer.js +2 -9
- package/dist/cjs/nodeviews/TableResizer.js +1 -1
- package/dist/cjs/nodeviews/table-container-styles.js +18 -0
- package/dist/cjs/plugin.js +11 -7
- package/dist/cjs/pm-plugins/keymap.js +19 -19
- package/dist/cjs/pm-plugins/main.js +1 -1
- package/dist/cjs/pm-plugins/table-resizing/commands.js +5 -4
- package/dist/cjs/pm-plugins/table-resizing/event-handlers.js +5 -4
- package/dist/cjs/pm-plugins/table-resizing/plugin.js +2 -2
- package/dist/cjs/pm-plugins/table-resizing/utils/scale-table.js +4 -4
- package/dist/cjs/toDOM.js +10 -1
- package/dist/cjs/toolbar.js +31 -31
- package/dist/cjs/transforms/column-width.js +4 -3
- package/dist/cjs/transforms/delete-columns.js +5 -5
- package/dist/cjs/ui/FloatingContextualMenu/ContextualMenu.js +3 -3
- package/dist/cjs/ui/FloatingContextualMenu/index.js +4 -2
- package/dist/cjs/ui/FloatingDeleteButton/index.js +1 -1
- package/dist/cjs/ui/FloatingDragMenu/DragMenu.js +2 -1
- package/dist/cjs/ui/FloatingDragMenu/index.js +4 -2
- package/dist/cjs/ui/FloatingInsertButton/index.js +1 -1
- package/dist/cjs/utils/drag-menu.js +10 -10
- package/dist/es2019/commands/column-resize.js +2 -1
- package/dist/es2019/commands/delete.js +2 -2
- package/dist/es2019/commands/insert.js +8 -8
- package/dist/es2019/commands-with-analytics.js +11 -10
- package/dist/es2019/event-handlers.js +2 -2
- package/dist/es2019/nodeviews/TableComponent.js +1 -1
- package/dist/es2019/nodeviews/TableContainer.js +2 -9
- package/dist/es2019/nodeviews/TableResizer.js +1 -1
- package/dist/es2019/nodeviews/table-container-styles.js +10 -0
- package/dist/es2019/plugin.js +11 -7
- package/dist/es2019/pm-plugins/keymap.js +9 -9
- package/dist/es2019/pm-plugins/main.js +1 -1
- package/dist/es2019/pm-plugins/table-resizing/commands.js +5 -4
- package/dist/es2019/pm-plugins/table-resizing/event-handlers.js +5 -4
- package/dist/es2019/pm-plugins/table-resizing/plugin.js +2 -2
- package/dist/es2019/pm-plugins/table-resizing/utils/scale-table.js +2 -2
- package/dist/es2019/toDOM.js +4 -1
- package/dist/es2019/toolbar.js +13 -13
- package/dist/es2019/transforms/column-width.js +4 -5
- package/dist/es2019/transforms/delete-columns.js +2 -2
- package/dist/es2019/ui/FloatingContextualMenu/ContextualMenu.js +3 -3
- package/dist/es2019/ui/FloatingContextualMenu/index.js +4 -2
- package/dist/es2019/ui/FloatingDeleteButton/index.js +1 -1
- package/dist/es2019/ui/FloatingDragMenu/DragMenu.js +2 -1
- package/dist/es2019/ui/FloatingDragMenu/index.js +4 -2
- package/dist/es2019/ui/FloatingInsertButton/index.js +1 -1
- package/dist/es2019/utils/drag-menu.js +4 -4
- package/dist/esm/commands/column-resize.js +2 -1
- package/dist/esm/commands/delete.js +5 -5
- package/dist/esm/commands/insert.js +20 -20
- package/dist/esm/commands-with-analytics.js +18 -17
- package/dist/esm/event-handlers.js +5 -5
- package/dist/esm/nodeviews/TableComponent.js +1 -1
- package/dist/esm/nodeviews/TableContainer.js +2 -9
- package/dist/esm/nodeviews/TableResizer.js +1 -1
- package/dist/esm/nodeviews/table-container-styles.js +12 -0
- package/dist/esm/plugin.js +11 -7
- package/dist/esm/pm-plugins/keymap.js +19 -19
- package/dist/esm/pm-plugins/main.js +1 -1
- package/dist/esm/pm-plugins/table-resizing/commands.js +5 -4
- package/dist/esm/pm-plugins/table-resizing/event-handlers.js +5 -4
- package/dist/esm/pm-plugins/table-resizing/plugin.js +2 -2
- package/dist/esm/pm-plugins/table-resizing/utils/scale-table.js +4 -4
- package/dist/esm/toDOM.js +10 -1
- package/dist/esm/toolbar.js +31 -31
- package/dist/esm/transforms/column-width.js +4 -4
- package/dist/esm/transforms/delete-columns.js +5 -5
- package/dist/esm/ui/FloatingContextualMenu/ContextualMenu.js +3 -3
- package/dist/esm/ui/FloatingContextualMenu/index.js +4 -2
- package/dist/esm/ui/FloatingDeleteButton/index.js +1 -1
- package/dist/esm/ui/FloatingDragMenu/DragMenu.js +2 -1
- package/dist/esm/ui/FloatingDragMenu/index.js +4 -2
- package/dist/esm/ui/FloatingInsertButton/index.js +1 -1
- package/dist/esm/utils/drag-menu.js +10 -10
- package/dist/types/commands/column-resize.d.ts +3 -1
- package/dist/types/commands/delete.d.ts +2 -1
- package/dist/types/commands/insert.d.ts +5 -4
- package/dist/types/commands-with-analytics.d.ts +6 -6
- package/dist/types/event-handlers.d.ts +2 -1
- package/dist/types/nodeviews/table-container-styles.d.ts +5 -0
- package/dist/types/pm-plugins/keymap.d.ts +2 -2
- package/dist/types/pm-plugins/table-resizing/commands.d.ts +4 -2
- package/dist/types/pm-plugins/table-resizing/event-handlers.d.ts +2 -1
- package/dist/types/pm-plugins/table-resizing/plugin.d.ts +2 -2
- package/dist/types/pm-plugins/table-resizing/utils/scale-table.d.ts +2 -1
- package/dist/types/toolbar.d.ts +4 -4
- package/dist/types/transforms/column-width.d.ts +3 -2
- package/dist/types/transforms/delete-columns.d.ts +2 -1
- package/dist/types/ui/FloatingContextualMenu/ContextualMenu.d.ts +2 -0
- package/dist/types/ui/FloatingContextualMenu/index.d.ts +3 -2
- package/dist/types/ui/FloatingDeleteButton/index.d.ts +2 -1
- package/dist/types/ui/FloatingDragMenu/DragMenu.d.ts +3 -2
- package/dist/types/ui/FloatingDragMenu/index.d.ts +3 -2
- package/dist/types/ui/FloatingInsertButton/index.d.ts +2 -0
- package/dist/types/utils/drag-menu.d.ts +2 -2
- package/dist/types-ts4.5/commands/column-resize.d.ts +3 -1
- package/dist/types-ts4.5/commands/delete.d.ts +2 -1
- package/dist/types-ts4.5/commands/insert.d.ts +5 -4
- package/dist/types-ts4.5/commands-with-analytics.d.ts +6 -6
- package/dist/types-ts4.5/event-handlers.d.ts +2 -1
- package/dist/types-ts4.5/nodeviews/table-container-styles.d.ts +5 -0
- package/dist/types-ts4.5/pm-plugins/keymap.d.ts +2 -2
- package/dist/types-ts4.5/pm-plugins/table-resizing/commands.d.ts +4 -2
- package/dist/types-ts4.5/pm-plugins/table-resizing/event-handlers.d.ts +2 -1
- package/dist/types-ts4.5/pm-plugins/table-resizing/plugin.d.ts +2 -2
- package/dist/types-ts4.5/pm-plugins/table-resizing/utils/scale-table.d.ts +2 -1
- package/dist/types-ts4.5/toolbar.d.ts +4 -4
- package/dist/types-ts4.5/transforms/column-width.d.ts +3 -2
- package/dist/types-ts4.5/transforms/delete-columns.d.ts +2 -1
- package/dist/types-ts4.5/ui/FloatingContextualMenu/ContextualMenu.d.ts +2 -0
- package/dist/types-ts4.5/ui/FloatingContextualMenu/index.d.ts +3 -2
- package/dist/types-ts4.5/ui/FloatingDeleteButton/index.d.ts +2 -1
- package/dist/types-ts4.5/ui/FloatingDragMenu/DragMenu.d.ts +3 -2
- package/dist/types-ts4.5/ui/FloatingDragMenu/index.d.ts +3 -2
- package/dist/types-ts4.5/ui/FloatingInsertButton/index.d.ts +2 -0
- package/dist/types-ts4.5/utils/drag-menu.d.ts +2 -2
- package/package.json +7 -7
- package/src/commands/column-resize.ts +4 -2
- package/src/commands/delete.ts +3 -0
- package/src/commands/insert.ts +9 -0
- package/src/commands-with-analytics.ts +17 -3
- package/src/event-handlers.ts +3 -0
- package/src/nodeviews/TableComponent.tsx +1 -0
- package/src/nodeviews/TableContainer.tsx +2 -5
- package/src/nodeviews/TableResizer.tsx +1 -0
- package/src/nodeviews/table-container-styles.ts +9 -0
- package/src/plugin.tsx +7 -0
- package/src/pm-plugins/keymap.ts +10 -3
- package/src/pm-plugins/main.ts +1 -0
- package/src/pm-plugins/table-resizing/commands.ts +13 -3
- package/src/pm-plugins/table-resizing/event-handlers.ts +5 -2
- package/src/pm-plugins/table-resizing/plugin.ts +3 -1
- package/src/pm-plugins/table-resizing/utils/scale-table.ts +3 -1
- package/src/toDOM.ts +8 -1
- package/src/toolbar.tsx +14 -2
- package/src/transforms/column-width.ts +11 -3
- package/src/transforms/delete-columns.ts +3 -0
- package/src/ui/FloatingContextualMenu/ContextualMenu.tsx +5 -1
- package/src/ui/FloatingContextualMenu/index.tsx +4 -1
- package/src/ui/FloatingDeleteButton/index.tsx +3 -2
- package/src/ui/FloatingDragMenu/DragMenu.tsx +4 -1
- package/src/ui/FloatingDragMenu/index.tsx +4 -1
- package/src/ui/FloatingInsertButton/index.tsx +3 -0
- 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 >
|
|
5
|
-
var isTableFixedColumnWidthsOptionEnabled = arguments.length >
|
|
6
|
-
var shouldUseIncreasedScalingPercent = arguments.length >
|
|
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 >
|
|
24
|
-
var isCellBackgroundDuplicated = arguments.length >
|
|
25
|
-
var isTableFixedColumnWidthsOptionEnabled = arguments.length >
|
|
26
|
-
var shouldUseIncreasedScalingPercent = arguments.length >
|
|
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 >
|
|
59
|
-
var isCellBackgroundDuplicated = arguments.length >
|
|
60
|
-
var isTableFixedColumnWidthsOptionEnabled = arguments.length >
|
|
61
|
-
var shouldUseIncreasedScalingPercent = arguments.length >
|
|
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 >
|
|
92
|
-
var isCellBackgroundDuplicated = arguments.length >
|
|
93
|
-
var isTableFixedColumnWidthsOptionEnabled = arguments.length >
|
|
94
|
-
var shouldUseIncreasedScalingPercent = arguments.length >
|
|
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 >
|
|
226
|
-
var isCellbackgroundDuplicated = arguments.length >
|
|
227
|
-
var isTableFixedColumnWidthsOptionEnabled = arguments.length >
|
|
228
|
-
var shouldUseIncreasedScalingPercent = arguments.length >
|
|
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 >
|
|
279
|
-
var isTableFixedColumnWidthsOptionEnabled = arguments.length >
|
|
280
|
-
var shouldUseIncreasedScalingPercent = arguments.length >
|
|
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 >
|
|
341
|
-
var isTableFixedColumnWidthsOptionEnabled = arguments.length >
|
|
342
|
-
var shouldUseIncreasedScalingPercent = arguments.length >
|
|
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);
|
|
@@ -10,6 +10,7 @@ import { getPluginState } from '../pm-plugins/plugin-factory';
|
|
|
10
10
|
import { TABLE_MAX_WIDTH, TABLE_OFFSET_IN_COMMENT_EDITOR } from '../pm-plugins/table-resizing/utils';
|
|
11
11
|
import { TableCssClassName as ClassName } from '../types';
|
|
12
12
|
import { ALIGN_CENTER, ALIGN_START } from '../utils/alignment';
|
|
13
|
+
import { getAlignmentStyle } from './table-container-styles';
|
|
13
14
|
import { TableResizer } from './TableResizer';
|
|
14
15
|
export var InnerContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
15
16
|
var className = _ref.className,
|
|
@@ -29,14 +30,6 @@ export var InnerContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
29
30
|
"data-testid": "table-container"
|
|
30
31
|
}, children);
|
|
31
32
|
});
|
|
32
|
-
var centerAlignStyle = {
|
|
33
|
-
display: 'flex',
|
|
34
|
-
justifyContent: 'center'
|
|
35
|
-
};
|
|
36
|
-
var leftAlignStyle = {
|
|
37
|
-
display: 'flex',
|
|
38
|
-
justifyContent: 'flex-start'
|
|
39
|
-
};
|
|
40
33
|
var AlignmentTableContainer = function AlignmentTableContainer(_ref2) {
|
|
41
34
|
var node = _ref2.node,
|
|
42
35
|
children = _ref2.children,
|
|
@@ -67,7 +60,7 @@ var AlignmentTableContainer = function AlignmentTableContainer(_ref2) {
|
|
|
67
60
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
68
61
|
}, [editorView, tableState, node]);
|
|
69
62
|
var style = useMemo(function () {
|
|
70
|
-
return alignment
|
|
63
|
+
return getAlignmentStyle(alignment);
|
|
71
64
|
}, [alignment]);
|
|
72
65
|
return (
|
|
73
66
|
/*#__PURE__*/
|
|
@@ -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,
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ALIGN_START } from '../utils/alignment';
|
|
2
|
+
var centerAlignStyle = {
|
|
3
|
+
display: 'flex',
|
|
4
|
+
justifyContent: 'center'
|
|
5
|
+
};
|
|
6
|
+
var leftAlignStyle = {
|
|
7
|
+
display: 'flex',
|
|
8
|
+
justifyContent: 'flex-start'
|
|
9
|
+
};
|
|
10
|
+
export var getAlignmentStyle = function getAlignmentStyle(alignment) {
|
|
11
|
+
return alignment === ALIGN_START ? leftAlignStyle : centerAlignStyle;
|
|
12
|
+
};
|
package/dist/esm/plugin.js
CHANGED
|
@@ -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 >
|
|
14
|
-
var isTableAlignmentEnabled = arguments.length >
|
|
15
|
-
var isFullWidthEnabled = arguments.length >
|
|
16
|
-
var pluginInjectionApi = arguments.length >
|
|
17
|
-
var getIntl = arguments.length >
|
|
18
|
-
var isCellBackgroundDuplicated = arguments.length >
|
|
19
|
-
var isTableFixedColumnWidthsOptionEnabled = arguments.length >
|
|
20
|
-
var shouldUseIncreasedScalingPercent = arguments.length >
|
|
21
|
-
var isCommentEditor = arguments.length >
|
|
22
|
-
var isTableResizingEnabled = arguments.length >
|
|
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
|
|
@@ -83,7 +83,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
|
|
|
83
83
|
_getEditorFeatureFlag2 = _getEditorFeatureFlag.tableWithFixedColumnWidthsOption,
|
|
84
84
|
tableWithFixedColumnWidthsOption = _getEditorFeatureFlag2 === void 0 ? false : _getEditorFeatureFlag2;
|
|
85
85
|
// "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);
|
|
86
|
+
var updatedTr = handleCut(tr, oldState, newState, pluginInjectionApi, editorAnalyticsAPI, editorViewRef || undefined, isTableScalingEnabled, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent);
|
|
87
87
|
return fixTables(updatedTr) || updatedTr;
|
|
88
88
|
}
|
|
89
89
|
if (transactions.find(function (tr) {
|
|
@@ -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;
|
|
@@ -8,7 +8,7 @@ import { handleMouseDown } from './event-handlers';
|
|
|
8
8
|
import { createPluginState, getPluginState } from './plugin-factory';
|
|
9
9
|
import { pluginKey } from './plugin-key';
|
|
10
10
|
import { getResizeCellPos } from './utils';
|
|
11
|
-
export function createPlugin(dispatch, _ref, getEditorContainerWidth, getEditorFeatureFlags, editorAnalyticsAPI, isTableScalingEnabled, isNewColumnResizingEnabled, isTableAlignmentEnabled, isCommentEditor) {
|
|
11
|
+
export function createPlugin(dispatch, _ref, getEditorContainerWidth, getEditorFeatureFlags, api, editorAnalyticsAPI, isTableScalingEnabled, isNewColumnResizingEnabled, isTableAlignmentEnabled, isCommentEditor) {
|
|
12
12
|
var _ref$lastColumnResiza = _ref.lastColumnResizable,
|
|
13
13
|
lastColumnResizable = _ref$lastColumnResiza === void 0 ? true : _ref$lastColumnResiza;
|
|
14
14
|
return new SafePlugin({
|
|
@@ -46,7 +46,7 @@ export function createPlugin(dispatch, _ref, getEditorContainerWidth, getEditorF
|
|
|
46
46
|
isColumnKeyboardResizeStarted = isKeyboardResize;
|
|
47
47
|
}
|
|
48
48
|
if (resizeHandlePos !== null && (!dragging || isColumnKeyboardResizeStarted)) {
|
|
49
|
-
if (handleMouseDown(view, event, resizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, isTableScalingEnabled || false, editorAnalyticsAPI, isNewColumnResizingEnabled, isTableAlignmentEnabled, isCommentEditor)) {
|
|
49
|
+
if (handleMouseDown(view, event, resizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, isTableScalingEnabled || false, api, editorAnalyticsAPI, isNewColumnResizingEnabled, isTableAlignmentEnabled, isCommentEditor)) {
|
|
50
50
|
var _state = view.state,
|
|
51
51
|
_dispatch = view.dispatch;
|
|
52
52
|
return setResizeHandlePos(resizeHandlePos)(_state, _dispatch);
|
|
@@ -137,9 +137,9 @@ export var previewScaleTable = function previewScaleTable(tableRef, options, dom
|
|
|
137
137
|
};
|
|
138
138
|
|
|
139
139
|
// Scale the table to meet new requirements (col, layout change etc)
|
|
140
|
-
export var scaleTable = function scaleTable(tableRef, options, domAtPos) {
|
|
141
|
-
var isTableScalingEnabledOnCurrentTable = arguments.length >
|
|
142
|
-
var shouldUseIncreasedScalingPercent = arguments.length >
|
|
140
|
+
export var scaleTable = function scaleTable(tableRef, options, domAtPos, api) {
|
|
141
|
+
var isTableScalingEnabledOnCurrentTable = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
|
|
142
|
+
var shouldUseIncreasedScalingPercent = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
|
|
143
143
|
return function (tr) {
|
|
144
144
|
if (!tableRef) {
|
|
145
145
|
return tr;
|
|
@@ -165,7 +165,7 @@ export var scaleTable = function scaleTable(tableRef, options, domAtPos) {
|
|
|
165
165
|
resizeState = scale(tableRef, options, domAtPos, isTableScalingEnabledOnCurrentTable, shouldUseIncreasedScalingPercent);
|
|
166
166
|
}
|
|
167
167
|
if (resizeState) {
|
|
168
|
-
tr = updateColumnWidths(resizeState, node, start)(tr);
|
|
168
|
+
tr = updateColumnWidths(resizeState, node, start, api)(tr);
|
|
169
169
|
if (tr.docChanged) {
|
|
170
170
|
tr.setMeta('scrollIntoView', false);
|
|
171
171
|
// TODO: ED-8995
|