@atlaskit/editor-plugin-table 7.31.2 → 8.0.0
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 +92 -0
- package/dist/cjs/commands/insert.js +16 -19
- package/dist/cjs/commands-with-analytics.js +5 -7
- package/dist/cjs/event-handlers.js +12 -1
- package/dist/cjs/nodeviews/TableComponent.js +18 -15
- package/dist/cjs/nodeviews/TableComponentWithSharedState.js +5 -2
- package/dist/cjs/nodeviews/lazy-node-views.js +2 -3
- package/dist/cjs/nodeviews/table.js +16 -12
- package/dist/cjs/plugin.js +22 -28
- package/dist/cjs/pm-plugins/keymap.js +9 -10
- package/dist/cjs/pm-plugins/main.js +3 -5
- package/dist/cjs/toolbar.js +10 -13
- package/dist/cjs/ui/FloatingContextualMenu/ContextualMenu.js +2 -4
- package/dist/cjs/ui/FloatingDragMenu/DragMenu.js +1 -2
- package/dist/cjs/ui/FloatingDragMenu/index.js +2 -4
- package/dist/cjs/ui/FloatingInsertButton/index.js +3 -7
- package/dist/cjs/utils/drag-menu.js +6 -7
- package/dist/es2019/commands/insert.js +10 -10
- package/dist/es2019/commands-with-analytics.js +4 -4
- package/dist/es2019/event-handlers.js +12 -1
- package/dist/es2019/nodeviews/TableComponent.js +18 -15
- package/dist/es2019/nodeviews/TableComponentWithSharedState.js +5 -2
- package/dist/es2019/nodeviews/lazy-node-views.js +2 -3
- package/dist/es2019/nodeviews/table.js +16 -12
- package/dist/es2019/plugin.js +22 -26
- package/dist/es2019/pm-plugins/keymap.js +5 -5
- package/dist/es2019/pm-plugins/main.js +3 -5
- package/dist/es2019/toolbar.js +6 -7
- package/dist/es2019/ui/FloatingContextualMenu/ContextualMenu.js +2 -3
- package/dist/es2019/ui/FloatingDragMenu/DragMenu.js +1 -2
- package/dist/es2019/ui/FloatingDragMenu/index.js +2 -3
- package/dist/es2019/ui/FloatingInsertButton/index.js +3 -6
- package/dist/es2019/utils/drag-menu.js +3 -3
- package/dist/esm/commands/insert.js +16 -19
- package/dist/esm/commands-with-analytics.js +5 -7
- package/dist/esm/event-handlers.js +12 -1
- package/dist/esm/nodeviews/TableComponent.js +18 -15
- package/dist/esm/nodeviews/TableComponentWithSharedState.js +5 -2
- package/dist/esm/nodeviews/lazy-node-views.js +2 -3
- package/dist/esm/nodeviews/table.js +16 -12
- package/dist/esm/plugin.js +22 -28
- package/dist/esm/pm-plugins/keymap.js +9 -10
- package/dist/esm/pm-plugins/main.js +3 -5
- package/dist/esm/toolbar.js +10 -13
- package/dist/esm/ui/FloatingContextualMenu/ContextualMenu.js +2 -4
- package/dist/esm/ui/FloatingDragMenu/DragMenu.js +1 -2
- package/dist/esm/ui/FloatingDragMenu/index.js +2 -4
- package/dist/esm/ui/FloatingInsertButton/index.js +3 -7
- package/dist/esm/utils/drag-menu.js +6 -7
- package/dist/types/commands/insert.d.ts +5 -5
- package/dist/types/commands-with-analytics.d.ts +3 -4
- package/dist/types/event-handlers.d.ts +1 -1
- package/dist/types/nodeviews/TableComponent.d.ts +2 -1
- package/dist/types/nodeviews/TableComponentWithSharedState.d.ts +3 -1
- package/dist/types/nodeviews/lazy-node-views.d.ts +0 -1
- package/dist/types/nodeviews/table.d.ts +1 -1
- package/dist/types/nodeviews/types.d.ts +2 -2
- package/dist/types/plugin.d.ts +1 -3
- package/dist/types/pm-plugins/keymap.d.ts +1 -1
- package/dist/types/pm-plugins/main.d.ts +1 -1
- package/dist/types/toolbar.d.ts +1 -1
- package/dist/types/types.d.ts +2 -1
- package/dist/types/ui/FloatingDragMenu/DragMenu.d.ts +0 -1
- package/dist/types/utils/drag-menu.d.ts +1 -1
- package/dist/types-ts4.5/commands/insert.d.ts +5 -5
- package/dist/types-ts4.5/commands-with-analytics.d.ts +3 -4
- package/dist/types-ts4.5/event-handlers.d.ts +1 -1
- package/dist/types-ts4.5/nodeviews/TableComponent.d.ts +2 -1
- package/dist/types-ts4.5/nodeviews/TableComponentWithSharedState.d.ts +3 -1
- package/dist/types-ts4.5/nodeviews/lazy-node-views.d.ts +0 -1
- package/dist/types-ts4.5/nodeviews/table.d.ts +1 -1
- package/dist/types-ts4.5/nodeviews/types.d.ts +2 -2
- package/dist/types-ts4.5/plugin.d.ts +1 -3
- package/dist/types-ts4.5/pm-plugins/keymap.d.ts +1 -1
- package/dist/types-ts4.5/pm-plugins/main.d.ts +1 -1
- package/dist/types-ts4.5/toolbar.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +2 -1
- package/dist/types-ts4.5/ui/FloatingDragMenu/DragMenu.d.ts +0 -1
- package/dist/types-ts4.5/utils/drag-menu.d.ts +1 -1
- package/package.json +3 -3
- package/src/commands/insert.ts +3 -10
- package/src/commands-with-analytics.ts +7 -8
- package/src/event-handlers.ts +17 -1
- package/src/nodeviews/TableComponent.tsx +22 -16
- package/src/nodeviews/TableComponentWithSharedState.tsx +6 -1
- package/src/nodeviews/lazy-node-views.ts +0 -4
- package/src/nodeviews/table.tsx +13 -8
- package/src/nodeviews/types.ts +2 -2
- package/src/plugin.tsx +24 -35
- package/src/pm-plugins/keymap.ts +0 -5
- package/src/pm-plugins/main.ts +2 -6
- package/src/toolbar.tsx +1 -9
- package/src/types.ts +2 -1
- package/src/ui/FloatingContextualMenu/ContextualMenu.tsx +7 -10
- package/src/ui/FloatingDragMenu/DragMenu.tsx +0 -3
- package/src/ui/FloatingDragMenu/index.tsx +1 -3
- package/src/ui/FloatingInsertButton/index.tsx +5 -10
- package/src/utils/drag-menu.ts +4 -9
package/dist/esm/plugin.js
CHANGED
|
@@ -59,7 +59,7 @@ var defaultGetEditorFeatureFlags = function defaultGetEditorFeatureFlags() {
|
|
|
59
59
|
* from `@atlaskit/editor-core`.
|
|
60
60
|
*/
|
|
61
61
|
var tablesPlugin = function tablesPlugin(_ref) {
|
|
62
|
-
var _api$analytics, _api$accessibilityUti, _options$getEditorFea,
|
|
62
|
+
var _api$analytics, _api$accessibilityUti, _options$getEditorFea, _api$analytics2;
|
|
63
63
|
var options = _ref.config,
|
|
64
64
|
api = _ref.api;
|
|
65
65
|
var editorViewRef = {
|
|
@@ -76,7 +76,6 @@ var tablesPlugin = function tablesPlugin(_ref) {
|
|
|
76
76
|
var isTableFixedColumnWidthsOptionEnabled = (options === null || options === void 0 || (_options$getEditorFea = options.getEditorFeatureFlags) === null || _options$getEditorFea === void 0 ? void 0 : _options$getEditorFea.call(options).tableWithFixedColumnWidthsOption) || false;
|
|
77
77
|
var shouldUseIncreasedScalingPercent = (options === null || options === void 0 ? void 0 : options.isTableScalingEnabled) && (isTableFixedColumnWidthsOptionEnabled || ( // When in comment editor, we need the scaling percent to be 40% while tableWithFixedColumnWidthsOption is not visible
|
|
78
78
|
options === null || options === void 0 ? void 0 : options.isCommentEditor));
|
|
79
|
-
var isCellBackgroundDuplicated = (options === null || options === void 0 || (_options$getEditorFea2 = options.getEditorFeatureFlags) === null || _options$getEditorFea2 === void 0 ? void 0 : _options$getEditorFea2.call(options).tableDuplicateCellColouring) || false;
|
|
80
79
|
return {
|
|
81
80
|
name: 'table',
|
|
82
81
|
// Use getSharedState to store fullWidthEnabled and wasFullWidthModeEnabled to guarantee access
|
|
@@ -113,11 +112,11 @@ var tablesPlugin = function tablesPlugin(_ref) {
|
|
|
113
112
|
var _api$contentInsertion, _api$contentInsertion2;
|
|
114
113
|
var node = createTableWithWidth({
|
|
115
114
|
isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
|
|
116
|
-
isTableAlignmentEnabled: options === null || options === void 0 ? void 0 : options.
|
|
115
|
+
isTableAlignmentEnabled: options === null || options === void 0 ? void 0 : options.tableOptions.allowTableAlignment,
|
|
117
116
|
isFullWidthModeEnabled: options === null || options === void 0 ? void 0 : options.fullWidthEnabled,
|
|
118
117
|
isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor,
|
|
119
118
|
isChromelessEditor: options === null || options === void 0 ? void 0 : options.isChromelessEditor,
|
|
120
|
-
isTableResizingEnabled: options === null || options === void 0 ? void 0 : options.
|
|
119
|
+
isTableResizingEnabled: options === null || options === void 0 ? void 0 : options.tableOptions.allowTableResizing
|
|
121
120
|
})(state.schema);
|
|
122
121
|
|
|
123
122
|
// If the cursor is inside a table
|
|
@@ -152,7 +151,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
|
|
|
152
151
|
}
|
|
153
152
|
},
|
|
154
153
|
commands: {
|
|
155
|
-
insertTableWithSize: insertTableWithSize(options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.isTableScalingEnabled, options === null || options === void 0 ? void 0 : options.
|
|
154
|
+
insertTableWithSize: insertTableWithSize(options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.isTableScalingEnabled, options === null || options === void 0 ? void 0 : options.tableOptions.allowTableAlignment, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, options === null || options === void 0 ? void 0 : options.isCommentEditor)
|
|
156
155
|
},
|
|
157
156
|
nodes: function nodes() {
|
|
158
157
|
var _pluginConfig = pluginConfig(options === null || options === void 0 ? void 0 : options.tableOptions),
|
|
@@ -162,7 +161,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
|
|
|
162
161
|
name: 'table',
|
|
163
162
|
node: tableNodeSpecWithFixedToDOM({
|
|
164
163
|
allowColumnResizing: Boolean(allowColumnResizing),
|
|
165
|
-
tableResizingEnabled: Boolean(options === null || options === void 0 ? void 0 : options.
|
|
164
|
+
tableResizingEnabled: Boolean(options === null || options === void 0 ? void 0 : options.tableOptions.allowTableResizing),
|
|
166
165
|
getEditorContainerWidth: defaultGetEditorContainerWidth,
|
|
167
166
|
isNestingSupported: isNestingSupported
|
|
168
167
|
})
|
|
@@ -179,7 +178,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
|
|
|
179
178
|
name: 'table',
|
|
180
179
|
node: tableNodeSpecWithFixedToDOM({
|
|
181
180
|
allowColumnResizing: Boolean(allowColumnResizing),
|
|
182
|
-
tableResizingEnabled: Boolean(options === null || options === void 0 ? void 0 : options.
|
|
181
|
+
tableResizingEnabled: Boolean(options === null || options === void 0 ? void 0 : options.tableOptions.allowTableResizing),
|
|
183
182
|
getEditorContainerWidth: defaultGetEditorContainerWidth,
|
|
184
183
|
isNestingSupported: isNestingSupported
|
|
185
184
|
})
|
|
@@ -207,15 +206,13 @@ var tablesPlugin = function tablesPlugin(_ref) {
|
|
|
207
206
|
var _ref3 = options || {},
|
|
208
207
|
fullWidthEnabled = _ref3.fullWidthEnabled,
|
|
209
208
|
wasFullWidthEnabled = _ref3.wasFullWidthEnabled,
|
|
210
|
-
tableResizingEnabled = _ref3.tableResizingEnabled,
|
|
211
209
|
tableOptions = _ref3.tableOptions,
|
|
212
210
|
getEditorFeatureFlags = _ref3.getEditorFeatureFlags,
|
|
213
211
|
dragAndDropEnabled = _ref3.dragAndDropEnabled,
|
|
214
212
|
isTableScalingEnabled = _ref3.isTableScalingEnabled,
|
|
215
|
-
isTableAlignmentEnabled = _ref3.isTableAlignmentEnabled,
|
|
216
213
|
isCommentEditor = _ref3.isCommentEditor,
|
|
217
214
|
isChromelessEditor = _ref3.isChromelessEditor;
|
|
218
|
-
return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl,
|
|
215
|
+
return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, fullWidthEnabled, wasFullWidthEnabled, dragAndDropEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor);
|
|
219
216
|
}
|
|
220
217
|
}, {
|
|
221
218
|
name: 'tablePMColResizing',
|
|
@@ -227,13 +224,13 @@ var tablesPlugin = function tablesPlugin(_ref) {
|
|
|
227
224
|
tableOptions = _ref5.tableOptions,
|
|
228
225
|
getEditorFeatureFlags = _ref5.getEditorFeatureFlags,
|
|
229
226
|
isTableScalingEnabled = _ref5.isTableScalingEnabled,
|
|
230
|
-
isNewColumnResizingEnabled = _ref5.isNewColumnResizingEnabled
|
|
231
|
-
isTableAlignmentEnabled = _ref5.isTableAlignmentEnabled;
|
|
227
|
+
isNewColumnResizingEnabled = _ref5.isNewColumnResizingEnabled;
|
|
232
228
|
var _pluginConfig2 = pluginConfig(tableOptions),
|
|
233
|
-
allowColumnResizing = _pluginConfig2.allowColumnResizing
|
|
229
|
+
allowColumnResizing = _pluginConfig2.allowColumnResizing,
|
|
230
|
+
allowTableAlignment = _pluginConfig2.allowTableAlignment;
|
|
234
231
|
return allowColumnResizing ? createFlexiResizingPlugin(dispatch, {
|
|
235
232
|
lastColumnResizable: !fullWidthEnabled
|
|
236
|
-
}, defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, isTableScalingEnabled || false, isNewColumnResizingEnabled,
|
|
233
|
+
}, defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, isTableScalingEnabled || false, isNewColumnResizingEnabled, allowTableAlignment, !!(options !== null && options !== void 0 && options.isCommentEditor)) : undefined;
|
|
237
234
|
}
|
|
238
235
|
}, {
|
|
239
236
|
name: 'tableEditing',
|
|
@@ -252,17 +249,14 @@ var tablesPlugin = function tablesPlugin(_ref) {
|
|
|
252
249
|
dragAndDropEnabled = _ref7.dragAndDropEnabled,
|
|
253
250
|
_ref7$isTableScalingE = _ref7.isTableScalingEnabled,
|
|
254
251
|
isTableScalingEnabled = _ref7$isTableScalingE === void 0 ? false : _ref7$isTableScalingE,
|
|
255
|
-
_ref7$isTableAlignmen = _ref7.isTableAlignmentEnabled,
|
|
256
|
-
isTableAlignmentEnabled = _ref7$isTableAlignmen === void 0 ? false : _ref7$isTableAlignmen,
|
|
257
252
|
_ref7$fullWidthEnable = _ref7.fullWidthEnabled,
|
|
258
253
|
fullWidthEnabled = _ref7$fullWidthEnable === void 0 ? false : _ref7$fullWidthEnable,
|
|
259
254
|
_ref7$isCommentEditor = _ref7.isCommentEditor,
|
|
260
255
|
isCommentEditor = _ref7$isCommentEditor === void 0 ? false : _ref7$isCommentEditor,
|
|
261
256
|
_ref7$isChromelessEdi = _ref7.isChromelessEditor,
|
|
262
257
|
isChromelessEditor = _ref7$isChromelessEdi === void 0 ? false : _ref7$isChromelessEdi,
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
return keymapPlugin(defaultGetEditorContainerWidth, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled, isTableAlignmentEnabled, fullWidthEnabled, api, getIntl, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, tableResizingEnabled);
|
|
258
|
+
tableOptions = _ref7.tableOptions;
|
|
259
|
+
return keymapPlugin(defaultGetEditorContainerWidth, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled, tableOptions === null || tableOptions === void 0 ? void 0 : tableOptions.allowTableAlignment, fullWidthEnabled, api, getIntl, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, tableOptions === null || tableOptions === void 0 ? void 0 : tableOptions.allowTableResizing);
|
|
266
260
|
}
|
|
267
261
|
}, {
|
|
268
262
|
name: 'tableSelectionKeymap',
|
|
@@ -322,27 +316,27 @@ var tablesPlugin = function tablesPlugin(_ref) {
|
|
|
322
316
|
}, {
|
|
323
317
|
name: 'tableWidth',
|
|
324
318
|
plugin: function plugin(_ref15) {
|
|
325
|
-
var _options$fullWidthEna, _options$isTableScali, _options$
|
|
319
|
+
var _options$fullWidthEna, _options$isTableScali, _options$tableOptions, _options$isCommentEdi;
|
|
326
320
|
var dispatchAnalyticsEvent = _ref15.dispatchAnalyticsEvent,
|
|
327
321
|
dispatch = _ref15.dispatch;
|
|
328
|
-
return options !== null && options !== void 0 && options.
|
|
322
|
+
return options !== null && options !== void 0 && options.tableOptions.allowTableResizing ? createTableWidthPlugin(dispatch, dispatchAnalyticsEvent, (_options$fullWidthEna = options.fullWidthEnabled) !== null && _options$fullWidthEna !== void 0 ? _options$fullWidthEna : false, (_options$isTableScali = options.isTableScalingEnabled) !== null && _options$isTableScali !== void 0 ? _options$isTableScali : false, (_options$tableOptions = options.tableOptions.allowTableResizing) !== null && _options$tableOptions !== void 0 ? _options$tableOptions : false, (_options$isCommentEdi = options.isCommentEditor) !== null && _options$isCommentEdi !== void 0 ? _options$isCommentEdi : false) : undefined;
|
|
329
323
|
}
|
|
330
324
|
}, {
|
|
331
325
|
name: 'tableWidthInCommentFix',
|
|
332
326
|
plugin: function plugin(_ref16) {
|
|
333
|
-
var _options$
|
|
327
|
+
var _options$tableOptions2;
|
|
334
328
|
var dispatch = _ref16.dispatch;
|
|
335
|
-
return options !== null && options !== void 0 && options.
|
|
329
|
+
return options !== null && options !== void 0 && options.tableOptions.allowTableResizing && options !== null && options !== void 0 && options.isCommentEditor ? createTableWidthInCommentFixPlugin(dispatch, (_options$tableOptions2 = options.tableOptions.allowTableAlignment) !== null && _options$tableOptions2 !== void 0 ? _options$tableOptions2 : false) : undefined;
|
|
336
330
|
}
|
|
337
331
|
},
|
|
338
332
|
// TODO: should be deprecated and eventually replaced with 'tableAnalyticsPlugin'
|
|
339
333
|
{
|
|
340
334
|
name: 'tableOverflowAnalyticsPlugin',
|
|
341
335
|
plugin: function plugin(_ref17) {
|
|
342
|
-
var _options$
|
|
336
|
+
var _options$tableOptions3;
|
|
343
337
|
var dispatch = _ref17.dispatch,
|
|
344
338
|
dispatchAnalyticsEvent = _ref17.dispatchAnalyticsEvent;
|
|
345
|
-
return createTableOverflowAnalyticsPlugin(dispatch, dispatchAnalyticsEvent, (_options$
|
|
339
|
+
return createTableOverflowAnalyticsPlugin(dispatch, dispatchAnalyticsEvent, (_options$tableOptions3 = options === null || options === void 0 ? void 0 : options.tableOptions.allowTableResizing) !== null && _options$tableOptions3 !== void 0 ? _options$tableOptions3 : false);
|
|
346
340
|
}
|
|
347
341
|
}, {
|
|
348
342
|
name: 'tableAnalyticsPlugin',
|
|
@@ -505,7 +499,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
|
|
|
505
499
|
isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled,
|
|
506
500
|
editorAnalyticsAPI: editorAnalyticsAPI,
|
|
507
501
|
api: api
|
|
508
|
-
}), ((options === null || options === void 0 ? void 0 : options.isTableScalingEnabled) || (options === null || options === void 0 ? void 0 : options.
|
|
502
|
+
}), ((options === null || options === void 0 ? void 0 : options.isTableScalingEnabled) || (options === null || options === void 0 ? void 0 : options.tableOptions.allowTableResizing) && options.isCommentEditor) && isTableResizing && widthToWidest && resizingTableLocalId && resizingTableRef && widthToWidest[resizingTableLocalId] && /*#__PURE__*/React.createElement(FloatingToolbarLabel, {
|
|
509
503
|
target: resizingTableRef,
|
|
510
504
|
content: /*#__PURE__*/React.createElement(FullWidthDisplay, null),
|
|
511
505
|
alignX: 'center',
|
|
@@ -537,11 +531,11 @@ var tablesPlugin = function tablesPlugin(_ref) {
|
|
|
537
531
|
var tableState = api === null || api === void 0 || (_api$table = api.table) === null || _api$table === void 0 ? void 0 : _api$table.sharedState.currentState();
|
|
538
532
|
var tableNode = createTableWithWidth({
|
|
539
533
|
isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
|
|
540
|
-
isTableAlignmentEnabled: options === null || options === void 0 ? void 0 : options.
|
|
534
|
+
isTableAlignmentEnabled: options === null || options === void 0 ? void 0 : options.tableOptions.allowTableAlignment,
|
|
541
535
|
isFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled,
|
|
542
536
|
isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor,
|
|
543
537
|
isChromelessEditor: options === null || options === void 0 ? void 0 : options.isChromelessEditor,
|
|
544
|
-
isTableResizingEnabled: options === null || options === void 0 ? void 0 : options.
|
|
538
|
+
isTableResizingEnabled: options === null || options === void 0 ? void 0 : options.tableOptions.allowTableResizing
|
|
545
539
|
})(state.schema);
|
|
546
540
|
var tr = state.tr;
|
|
547
541
|
// If the cursor is inside a table
|
|
@@ -14,12 +14,11 @@ export function keymapPlugin(getEditorContainerWidth, api, nodeViewPortalProvide
|
|
|
14
14
|
var isFullWidthEnabled = arguments.length > 7 ? arguments[7] : undefined;
|
|
15
15
|
var pluginInjectionApi = arguments.length > 8 ? arguments[8] : undefined;
|
|
16
16
|
var getIntl = arguments.length > 9 ? arguments[9] : undefined;
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var isTableResizingEnabled = arguments.length > 15 ? arguments[15] : undefined;
|
|
17
|
+
var isTableFixedColumnWidthsOptionEnabled = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : false;
|
|
18
|
+
var shouldUseIncreasedScalingPercent = arguments.length > 11 ? arguments[11] : undefined;
|
|
19
|
+
var isCommentEditor = arguments.length > 12 ? arguments[12] : undefined;
|
|
20
|
+
var isChromelessEditor = arguments.length > 13 ? arguments[13] : undefined;
|
|
21
|
+
var isTableResizingEnabled = arguments.length > 14 ? arguments[14] : undefined;
|
|
23
22
|
var list = {};
|
|
24
23
|
var ariaNotifyPlugin = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.accessibilityUtils) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions.ariaNotify;
|
|
25
24
|
bindKeymapWithCommand(nextCell.common, goToNextCell(editorAnalyticsAPI, ariaNotifyPlugin, getIntl)(1), list);
|
|
@@ -31,12 +30,12 @@ export function keymapPlugin(getEditorContainerWidth, api, nodeViewPortalProvide
|
|
|
31
30
|
// Add row/column shortcuts
|
|
32
31
|
bindKeymapWithCommand(addRowBefore.common, addRowAroundSelection(editorAnalyticsAPI)('TOP'), list);
|
|
33
32
|
bindKeymapWithCommand(addRowAfter.common, addRowAroundSelection(editorAnalyticsAPI)('BOTTOM'), list);
|
|
34
|
-
bindKeymapWithCommand(addColumnBefore.common, addColumnBeforeCommand(api, isTableScalingEnabled,
|
|
35
|
-
bindKeymapWithCommand(addColumnAfter.common, addColumnAfterCommand(api, isTableScalingEnabled,
|
|
33
|
+
bindKeymapWithCommand(addColumnBefore.common, addColumnBeforeCommand(api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
|
|
34
|
+
bindKeymapWithCommand(addColumnAfter.common, addColumnAfterCommand(api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
|
|
36
35
|
bindKeymapWithCommand(addRowBeforeVO.common, addRowAroundSelection(editorAnalyticsAPI)('TOP'), list);
|
|
37
36
|
bindKeymapWithCommand(addRowAfterVO.common, addRowAroundSelection(editorAnalyticsAPI)('BOTTOM'), list);
|
|
38
|
-
bindKeymapWithCommand(addColumnBeforeVO.common, addColumnBeforeCommand(api, isTableScalingEnabled,
|
|
39
|
-
bindKeymapWithCommand(addColumnAfterVO.common, addColumnAfterCommand(api, isTableScalingEnabled,
|
|
37
|
+
bindKeymapWithCommand(addColumnBeforeVO.common, addColumnBeforeCommand(api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
|
|
38
|
+
bindKeymapWithCommand(addColumnAfterVO.common, addColumnAfterCommand(api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
|
|
40
39
|
if (dragAndDropEnabled) {
|
|
41
40
|
// Move row/column shortcuts
|
|
42
41
|
/**
|
|
@@ -22,7 +22,7 @@ import { isHeaderRowRequired, transformSliceTableLayoutDefaultToCenter } from '.
|
|
|
22
22
|
import { defaultHoveredCell, defaultTableSelection } from './default-table-selection';
|
|
23
23
|
import { createPluginState, getPluginState } from './plugin-factory';
|
|
24
24
|
import { pluginKey } from './plugin-key';
|
|
25
|
-
export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl,
|
|
25
|
+
export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, fullWidthModeEnabled, previousFullWidthModeEnabled, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor) {
|
|
26
26
|
var _accessibilityUtils;
|
|
27
27
|
var state = createPluginState(dispatch, _objectSpread(_objectSpread(_objectSpread({
|
|
28
28
|
pluginConfig: pluginConfig,
|
|
@@ -31,7 +31,6 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
|
|
|
31
31
|
insertRowButtonIndex: undefined,
|
|
32
32
|
isFullWidthModeEnabled: fullWidthModeEnabled,
|
|
33
33
|
wasFullWidthModeEnabled: previousFullWidthModeEnabled,
|
|
34
|
-
isTableResizingEnabled: tableResizingEnabled,
|
|
35
34
|
isHeaderRowEnabled: !!pluginConfig.allowHeaderRow,
|
|
36
35
|
isHeaderColumnEnabled: false,
|
|
37
36
|
isDragAndDropEnabled: dragAndDropEnabled,
|
|
@@ -169,7 +168,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
|
|
|
169
168
|
|
|
170
169
|
// fix for when pasting a table with default layout into comment editor
|
|
171
170
|
// table lose width and expand to full width
|
|
172
|
-
if (!insideTable(editorState) && isCommentEditor &&
|
|
171
|
+
if (!insideTable(editorState) && isCommentEditor && pluginConfig.allowTableAlignment && isTableScalingEnabled) {
|
|
173
172
|
slice = transformSliceTableLayoutDefaultToCenter(slice, schema);
|
|
174
173
|
}
|
|
175
174
|
slice = transformSliceToFixHardBreakProblemOnCopyFromCell(slice, schema);
|
|
@@ -257,7 +256,6 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
|
|
|
257
256
|
getEditorFeatureFlags: getEditorFeatureFlags,
|
|
258
257
|
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
259
258
|
pluginInjectionApi: pluginInjectionApi,
|
|
260
|
-
isTableAlignmentEnabled: isTableAlignmentEnabled,
|
|
261
259
|
isCommentEditor: isCommentEditor,
|
|
262
260
|
isChromelessEditor: isChromelessEditor
|
|
263
261
|
}),
|
|
@@ -278,7 +276,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
|
|
|
278
276
|
blur: handleBlur,
|
|
279
277
|
mousedown: withCellTracking(handleMouseDown),
|
|
280
278
|
mouseleave: handleMouseLeave,
|
|
281
|
-
mousemove: whenTableInFocus(handleMouseMove(nodeViewPortalProviderAPI)),
|
|
279
|
+
mousemove: whenTableInFocus(handleMouseMove(nodeViewPortalProviderAPI), pluginInjectionApi),
|
|
282
280
|
mouseenter: handleMouseEnter,
|
|
283
281
|
mouseup: whenTableInFocus(handleMouseUp),
|
|
284
282
|
click: withCellTracking(whenTableInFocus(handleClick))
|
package/dist/esm/toolbar.js
CHANGED
|
@@ -135,10 +135,9 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
|
|
|
135
135
|
var _pluginState$pluginCo, _pluginState$pluginCo2;
|
|
136
136
|
var formatMessage = _ref2.formatMessage;
|
|
137
137
|
var isTableScalingEnabled = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
|
|
138
|
-
var
|
|
139
|
-
var
|
|
140
|
-
var
|
|
141
|
-
var isCommentEditor = arguments.length > 11 && arguments[11] !== undefined ? arguments[11] : false;
|
|
138
|
+
var isTableFixedColumnWidthsOptionEnabled = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : false;
|
|
139
|
+
var shouldUseIncreasedScalingPercent = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
|
|
140
|
+
var isCommentEditor = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : false;
|
|
142
141
|
var top = initialSelectionRect.top,
|
|
143
142
|
bottom = initialSelectionRect.bottom,
|
|
144
143
|
right = initialSelectionRect.right,
|
|
@@ -153,7 +152,7 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
|
|
|
153
152
|
var selectionRect = getClosestSelectionRect(state);
|
|
154
153
|
var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.right;
|
|
155
154
|
if (index) {
|
|
156
|
-
insertColumnWithAnalytics(api, editorAnalyticsAPI, isTableScalingEnabled,
|
|
155
|
+
insertColumnWithAnalytics(api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(INPUT_METHOD.FLOATING_TB, index)(state, dispatch, view);
|
|
157
156
|
}
|
|
158
157
|
return true;
|
|
159
158
|
},
|
|
@@ -380,9 +379,8 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
|
|
|
380
379
|
return element;
|
|
381
380
|
};
|
|
382
381
|
var menu = getToolbarMenuConfig(config, pluginState, intl, editorAnalyticsAPI, isTableScalingWithFixedColumnWidthsOptionShown, areTableColumWidthsFixed);
|
|
383
|
-
var alignmentMenu =
|
|
384
|
-
var
|
|
385
|
-
var cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
|
|
382
|
+
var alignmentMenu = config.allowTableAlignment && !isNested ? getAlignmentOptionsConfig(state, intl, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
|
|
383
|
+
var cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
|
|
386
384
|
var columnSettingsItems = pluginState.isDragAndDropEnabled ? getColumnSettingItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
|
|
387
385
|
var colorPicker = getColorPicker(state, menu, intl, editorAnalyticsAPI, getEditorView);
|
|
388
386
|
|
|
@@ -469,15 +467,14 @@ var separator = function separator(hidden) {
|
|
|
469
467
|
var getCellItems = function getCellItems(state, view, _ref3, getEditorContainerWidth, api, editorAnalyticsAPI) {
|
|
470
468
|
var formatMessage = _ref3.formatMessage;
|
|
471
469
|
var isTableScalingEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
|
|
472
|
-
var
|
|
473
|
-
var
|
|
474
|
-
var
|
|
475
|
-
var isCommentEditor = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : false;
|
|
470
|
+
var isTableFixedColumnWidthsOptionEnabled = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
|
|
471
|
+
var shouldUseIncreasedScalingPercent = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : false;
|
|
472
|
+
var isCommentEditor = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
|
|
476
473
|
var initialSelectionRect = getClosestSelectionRect(state);
|
|
477
474
|
if (initialSelectionRect) {
|
|
478
475
|
var cellOptions = getToolbarCellOptionsConfig(state, view, initialSelectionRect, {
|
|
479
476
|
formatMessage: formatMessage
|
|
480
|
-
}, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled,
|
|
477
|
+
}, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor);
|
|
481
478
|
return [cellOptions, separator(cellOptions.hidden)];
|
|
482
479
|
}
|
|
483
480
|
return [];
|
|
@@ -475,8 +475,6 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
|
|
|
475
475
|
_getPluginState11$isT = _getPluginState11.isTableScalingEnabled,
|
|
476
476
|
isTableScalingEnabled = _getPluginState11$isT === void 0 ? false : _getPluginState11$isT;
|
|
477
477
|
var _ref3 = getEditorFeatureFlags ? getEditorFeatureFlags() : {},
|
|
478
|
-
_ref3$tableDuplicateC = _ref3.tableDuplicateCellColouring,
|
|
479
|
-
tableDuplicateCellColouring = _ref3$tableDuplicateC === void 0 ? false : _ref3$tableDuplicateC,
|
|
480
478
|
_ref3$tableWithFixedC = _ref3.tableWithFixedColumnWidthsOption,
|
|
481
479
|
tableWithFixedColumnWidthsOption = _ref3$tableWithFixedC === void 0 ? false : _ref3$tableWithFixedC;
|
|
482
480
|
// context menu opened by keyboard and any item except 'background' activated
|
|
@@ -524,11 +522,11 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
|
|
|
524
522
|
_this.toggleOpen();
|
|
525
523
|
break;
|
|
526
524
|
case 'insert_column':
|
|
527
|
-
insertColumnWithAnalytics(_this.props.api, editorAnalyticsAPI, isTableScalingEnabled,
|
|
525
|
+
insertColumnWithAnalytics(_this.props.api, editorAnalyticsAPI, isTableScalingEnabled, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent, isCommentEditor)(INPUT_METHOD.CONTEXT_MENU, selectionRect.right)(state, dispatch, editorView);
|
|
528
526
|
_this.toggleOpen();
|
|
529
527
|
break;
|
|
530
528
|
case 'insert_row':
|
|
531
|
-
insertRowWithAnalytics(editorAnalyticsAPI
|
|
529
|
+
insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, {
|
|
532
530
|
index: selectionRect.bottom,
|
|
533
531
|
moveCursorToInsertedRow: true
|
|
534
532
|
})(state, dispatch);
|
|
@@ -200,7 +200,6 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
200
200
|
scrollableElement = _ref.scrollableElement,
|
|
201
201
|
boundariesElement = _ref.boundariesElement,
|
|
202
202
|
isTableScalingEnabled = _ref.isTableScalingEnabled,
|
|
203
|
-
tableDuplicateCellColouring = _ref.tableDuplicateCellColouring,
|
|
204
203
|
shouldUseIncreasedScalingPercent = _ref.shouldUseIncreasedScalingPercent,
|
|
205
204
|
isTableFixedColumnWidthsOptionEnabled = _ref.isTableFixedColumnWidthsOptionEnabled,
|
|
206
205
|
ariaNotifyPlugin = _ref.ariaNotifyPlugin,
|
|
@@ -218,7 +217,7 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
218
217
|
var selectionRect = isSelectionType(selection, 'cell') ? getSelectionRect(selection) : findCellRectClosestToPos(selection.$from);
|
|
219
218
|
var hasMergedCellsInTable = (_tableMap$hasMergedCe = tableMap === null || tableMap === void 0 ? void 0 : tableMap.hasMergedCells()) !== null && _tableMap$hasMergedCe !== void 0 ? _tableMap$hasMergedCe : false;
|
|
220
219
|
var allowBackgroundColor = (_pluginConfig$allowBa = pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.allowBackgroundColor) !== null && _pluginConfig$allowBa !== void 0 ? _pluginConfig$allowBa : false;
|
|
221
|
-
var dragMenuConfig = getDragMenuConfig(direction, getEditorContainerWidth, hasMergedCellsInTable, editorView, api, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.isHeaderRowRequired, isTableScalingEnabled,
|
|
220
|
+
var dragMenuConfig = getDragMenuConfig(direction, getEditorContainerWidth, hasMergedCellsInTable, editorView, api, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.isHeaderRowRequired, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, ariaNotifyPlugin, isCommentEditor);
|
|
222
221
|
var _convertToDropdownIte = convertToDropdownItems(dragMenuConfig, formatMessage, selectionRect),
|
|
223
222
|
menuItems = _convertToDropdownIte.menuItems,
|
|
224
223
|
menuCallback = _convertToDropdownIte.menuCallback;
|
|
@@ -5,6 +5,7 @@ import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
|
|
|
5
5
|
import { dragMenuDropdownWidth, tablePopupMenuFitHeight } from '../consts';
|
|
6
6
|
import DragMenu from './DragMenu';
|
|
7
7
|
var FloatingDragMenu = function FloatingDragMenu(_ref) {
|
|
8
|
+
var _getEditorFeatureFlag;
|
|
8
9
|
var mountPoint = _ref.mountPoint,
|
|
9
10
|
boundariesElement = _ref.boundariesElement,
|
|
10
11
|
scrollableElement = _ref.scrollableElement,
|
|
@@ -32,9 +33,7 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
|
|
|
32
33
|
if (!targetHandleRef || !(editorView.state.selection instanceof CellSelection)) {
|
|
33
34
|
return null;
|
|
34
35
|
}
|
|
35
|
-
var _ref2 = getEditorFeatureFlags ? getEditorFeatureFlags() : {},
|
|
36
|
-
_ref2$tableDuplicateC = _ref2.tableDuplicateCellColouring,
|
|
37
|
-
tableDuplicateCellColouring = _ref2$tableDuplicateC === void 0 ? false : _ref2$tableDuplicateC,
|
|
36
|
+
var _ref2 = (_getEditorFeatureFlag = getEditorFeatureFlags === null || getEditorFeatureFlags === void 0 ? void 0 : getEditorFeatureFlags()) !== null && _getEditorFeatureFlag !== void 0 ? _getEditorFeatureFlag : {},
|
|
38
37
|
_ref2$tableWithFixedC = _ref2.tableWithFixedColumnWidthsOption,
|
|
39
38
|
tableWithFixedColumnWidthsOption = _ref2$tableWithFixedC === void 0 ? false : _ref2$tableWithFixedC;
|
|
40
39
|
var shouldUseIncreasedScalingPercent = isTableScalingEnabled && (tableWithFixedColumnWidthsOption || isCommentEditor);
|
|
@@ -72,7 +71,6 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
|
|
|
72
71
|
boundariesElement: boundariesElement,
|
|
73
72
|
scrollableElement: scrollableElement,
|
|
74
73
|
isTableScalingEnabled: isTableScalingEnabled,
|
|
75
|
-
tableDuplicateCellColouring: tableDuplicateCellColouring,
|
|
76
74
|
shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
|
|
77
75
|
isTableFixedColumnWidthsOptionEnabled: tableWithFixedColumnWidthsOption,
|
|
78
76
|
ariaNotifyPlugin: ariaNotifyPlugin,
|
|
@@ -170,14 +170,12 @@ export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
|
|
|
170
170
|
var _this$props3 = this.props,
|
|
171
171
|
editorView = _this$props3.editorView,
|
|
172
172
|
insertRowButtonIndex = _this$props3.insertRowButtonIndex,
|
|
173
|
-
editorAnalyticsAPI = _this$props3.editorAnalyticsAPI
|
|
174
|
-
getEditorFeatureFlags = _this$props3.getEditorFeatureFlags;
|
|
173
|
+
editorAnalyticsAPI = _this$props3.editorAnalyticsAPI;
|
|
175
174
|
if (typeof insertRowButtonIndex !== 'undefined') {
|
|
176
175
|
event.preventDefault();
|
|
177
176
|
var state = editorView.state,
|
|
178
177
|
dispatch = editorView.dispatch;
|
|
179
|
-
|
|
180
|
-
insertRowWithAnalytics(editorAnalyticsAPI, featureFlags && featureFlags.tableDuplicateCellColouring)(INPUT_METHOD.BUTTON, {
|
|
178
|
+
insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.BUTTON, {
|
|
181
179
|
index: insertRowButtonIndex,
|
|
182
180
|
moveCursorToInsertedRow: true
|
|
183
181
|
})(state, dispatch);
|
|
@@ -196,14 +194,12 @@ export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
|
|
|
196
194
|
if (typeof insertColumnButtonIndex !== 'undefined') {
|
|
197
195
|
event.preventDefault();
|
|
198
196
|
var _ref = getEditorFeatureFlags ? getEditorFeatureFlags() : {},
|
|
199
|
-
_ref$tableDuplicateCe = _ref.tableDuplicateCellColouring,
|
|
200
|
-
tableDuplicateCellColouring = _ref$tableDuplicateCe === void 0 ? false : _ref$tableDuplicateCe,
|
|
201
197
|
_ref$tableWithFixedCo = _ref.tableWithFixedColumnWidthsOption,
|
|
202
198
|
tableWithFixedColumnWidthsOption = _ref$tableWithFixedCo === void 0 ? false : _ref$tableWithFixedCo;
|
|
203
199
|
var shouldUseIncreasedScalingPercent = isTableScalingEnabled && (tableWithFixedColumnWidthsOption || isCommentEditor);
|
|
204
200
|
var state = editorView.state,
|
|
205
201
|
dispatch = editorView.dispatch;
|
|
206
|
-
insertColumnWithAnalytics(this.props.api, editorAnalyticsAPI, isTableScalingEnabled,
|
|
202
|
+
insertColumnWithAnalytics(this.props.api, editorAnalyticsAPI, isTableScalingEnabled, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent, isCommentEditor)(INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
|
|
207
203
|
}
|
|
208
204
|
}
|
|
209
205
|
}]);
|
|
@@ -78,11 +78,10 @@ var defaultSelectionRect = {
|
|
|
78
78
|
export var getDragMenuConfig = function getDragMenuConfig(direction, getEditorContainerWidth, hasMergedCellsInTable, editorView, api, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, isHeaderRowRequired) {
|
|
79
79
|
var _tableMap$height, _tableMap$height2, _tableMap$width, _tableMap$width2;
|
|
80
80
|
var isTableScalingEnabled = arguments.length > 11 && arguments[11] !== undefined ? arguments[11] : false;
|
|
81
|
-
var
|
|
82
|
-
var
|
|
83
|
-
var
|
|
84
|
-
var
|
|
85
|
-
var isCommentEditor = arguments.length > 16 && arguments[16] !== undefined ? arguments[16] : false;
|
|
81
|
+
var isTableFixedColumnWidthsOptionEnabled = arguments.length > 12 && arguments[12] !== undefined ? arguments[12] : false;
|
|
82
|
+
var shouldUseIncreasedScalingPercent = arguments.length > 13 && arguments[13] !== undefined ? arguments[13] : false;
|
|
83
|
+
var ariaNotifyPlugin = arguments.length > 14 ? arguments[14] : undefined;
|
|
84
|
+
var isCommentEditor = arguments.length > 15 && arguments[15] !== undefined ? arguments[15] : false;
|
|
86
85
|
var selection = editorView.state.selection;
|
|
87
86
|
var _getTablePluginState = getTablePluginState(editorView.state),
|
|
88
87
|
getIntl = _getTablePluginState.getIntl;
|
|
@@ -193,12 +192,12 @@ export var getDragMenuConfig = function getDragMenuConfig(direction, getEditorCo
|
|
|
193
192
|
iconFallback: iconFallback,
|
|
194
193
|
onClick: function onClick(state, dispatch) {
|
|
195
194
|
if (direction === 'row') {
|
|
196
|
-
insertRowWithAnalytics(editorAnalyticsAPI
|
|
195
|
+
insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.TABLE_CONTEXT_MENU, {
|
|
197
196
|
index: (index !== null && index !== void 0 ? index : 0) + offset,
|
|
198
197
|
moveCursorToInsertedRow: true
|
|
199
198
|
})(state, dispatch);
|
|
200
199
|
} else {
|
|
201
|
-
insertColumnWithAnalytics(api, editorAnalyticsAPI, isTableScalingEnabled,
|
|
200
|
+
insertColumnWithAnalytics(api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(INPUT_METHOD.TABLE_CONTEXT_MENU, (index !== null && index !== void 0 ? index : 0) + offset)(state, dispatch, editorView);
|
|
202
201
|
}
|
|
203
202
|
return true;
|
|
204
203
|
},
|
|
@@ -4,10 +4,10 @@ import type { Command, EditorCommand } from '@atlaskit/editor-common/types';
|
|
|
4
4
|
import type { Transaction } from '@atlaskit/editor-prosemirror/state';
|
|
5
5
|
import type { EditorView } from '@atlaskit/editor-prosemirror/view';
|
|
6
6
|
import type { PluginInjectionAPI } from '../types';
|
|
7
|
-
export declare function addColumnAt(api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean,
|
|
8
|
-
export declare const addColumnBefore: (api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean,
|
|
9
|
-
export declare const addColumnAfter: (api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean,
|
|
10
|
-
export declare const insertColumn: (api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean,
|
|
11
|
-
export declare const insertRow: (row: number, moveCursorToTheNewRow: boolean
|
|
7
|
+
export declare function addColumnAt(api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean): (column: number, allowAddColumnCustomStep: boolean | undefined, view: EditorView | undefined) => (tr: Transaction) => Transaction;
|
|
8
|
+
export declare const addColumnBefore: (api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => Command;
|
|
9
|
+
export declare const addColumnAfter: (api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => Command;
|
|
10
|
+
export declare const insertColumn: (api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => (column: number) => Command;
|
|
11
|
+
export declare const insertRow: (row: number, moveCursorToTheNewRow: boolean) => Command;
|
|
12
12
|
export declare const createTable: (isTableScalingEnabled?: boolean, isTableAlignmentEnabled?: boolean, isFullWidthModeEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined | null, isCommentEditor?: boolean, isChromelessEditor?: boolean, isTableResizingEnabled?: boolean) => Command;
|
|
13
13
|
export declare const insertTableWithSize: (isFullWidthModeEnabled?: boolean, isTableScalingEnabled?: boolean, isTableAlignmentEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, isCommentEditor?: boolean, isChromelessEditor?: boolean) => (rowsCount: number, colsCount: number, inputMethod?: INPUT_METHOD.PICKER) => EditorCommand;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import type { IntlShape } from 'react-intl-next/src/types';
|
|
2
2
|
import type { TableLayout } from '@atlaskit/adf-schema';
|
|
3
3
|
import type { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
|
|
4
|
-
import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
|
|
4
|
+
import type { CHANGE_ALIGNMENT_REASON, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
|
|
5
5
|
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
6
|
-
import { type CHANGE_ALIGNMENT_REASON } from '@atlaskit/editor-common/analytics';
|
|
7
6
|
import type { Command, GetEditorContainerWidth } from '@atlaskit/editor-common/types';
|
|
8
7
|
import type { NodeWithPos } from '@atlaskit/editor-prosemirror/utils';
|
|
9
8
|
import type { EditorView } from '@atlaskit/editor-prosemirror/view';
|
|
@@ -15,9 +14,9 @@ export declare const mergeCellsWithAnalytics: (editorAnalyticsAPI: EditorAnalyti
|
|
|
15
14
|
export declare const splitCellWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB) => Command;
|
|
16
15
|
export declare const setColorWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, cellColor: string, editorView?: EditorView | null) => Command;
|
|
17
16
|
export declare const addRowAroundSelection: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (side: RowInsertPosition) => Command;
|
|
18
|
-
export declare const insertRowWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null
|
|
17
|
+
export declare const insertRowWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: InsertRowMethods, options: InsertRowOptions) => Command;
|
|
19
18
|
export declare const changeColumnWidthByStepWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, api: PluginInjectionAPI | undefined | null) => (stepSize: number, getEditorContainerWidth: GetEditorContainerWidth, isTableScalingEnabled: boolean, isTableFixedColumnWidthsOptionEnabled: boolean, isCommentEditor: boolean, inputMethod: INPUT_METHOD.SHORTCUT, ariaNotify?: ((message: string) => void) | undefined, getIntl?: () => IntlShape) => Command;
|
|
20
|
-
export declare const insertColumnWithAnalytics: (api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean,
|
|
19
|
+
export declare const insertColumnWithAnalytics: (api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.SHORTCUT | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, position: number) => Command;
|
|
21
20
|
export declare const deleteRowsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.SHORTCUT | INPUT_METHOD.TABLE_CONTEXT_MENU, rect: Rect, isHeaderRowRequired: boolean) => Command;
|
|
22
21
|
export declare const deleteColumnsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.SHORTCUT | INPUT_METHOD.TABLE_CONTEXT_MENU, rect: Rect) => Command;
|
|
23
22
|
export declare const deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => Command;
|
|
@@ -16,5 +16,5 @@ export declare const handleMouseMove: (nodeViewPortalProviderAPI: PortalProvider
|
|
|
16
16
|
export declare function handleTripleClick(view: EditorView, pos: number): boolean;
|
|
17
17
|
export declare const handleCut: (oldTr: Transaction, oldState: EditorState, newState: EditorState, api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI?: EditorAnalyticsAPI, editorView?: EditorView, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => Transaction;
|
|
18
18
|
export declare const isTableInFocus: (view: EditorView) => boolean;
|
|
19
|
-
export declare const whenTableInFocus: (eventHandler: (view: EditorView, mouseEvent: Event) => boolean) => (view: EditorView, mouseEvent: Event) => boolean;
|
|
19
|
+
export declare const whenTableInFocus: (eventHandler: (view: EditorView, mouseEvent: Event) => boolean, pluginInjectionApi?: PluginInjectionAPI) => (view: EditorView, mouseEvent: Event) => boolean;
|
|
20
20
|
export declare const withCellTracking: (eventHandler: (view: EditorView, mouseEvent: Event) => boolean) => (view: EditorView, mouseEvent: Event) => boolean;
|
|
@@ -18,12 +18,13 @@ interface ComponentProps {
|
|
|
18
18
|
contentDOM: (node: HTMLElement | null) => void;
|
|
19
19
|
containerWidth: EditorContainerWidth;
|
|
20
20
|
allowControls: boolean;
|
|
21
|
+
allowTableResizing?: boolean;
|
|
22
|
+
allowTableAlignment?: boolean;
|
|
21
23
|
isHeaderRowEnabled: boolean;
|
|
22
24
|
isHeaderColumnEnabled: boolean;
|
|
23
25
|
isMediaFullscreen?: boolean;
|
|
24
26
|
isDragAndDropEnabled?: boolean;
|
|
25
27
|
isTableScalingEnabled?: boolean;
|
|
26
|
-
isTableAlignmentEnabled?: boolean;
|
|
27
28
|
tableActive: boolean;
|
|
28
29
|
ordering?: TableColumnOrdering;
|
|
29
30
|
isResizing?: boolean;
|
|
@@ -19,9 +19,11 @@ type TableComponentWithSharedStateProps = {
|
|
|
19
19
|
getPos: getPosHandlerNode;
|
|
20
20
|
allowColumnResizing?: boolean;
|
|
21
21
|
allowControls?: boolean;
|
|
22
|
+
allowTableAlignment?: boolean;
|
|
23
|
+
allowTableResizing?: boolean;
|
|
22
24
|
};
|
|
23
25
|
/**
|
|
24
26
|
* Use useSharedPluginState to control re-renders from plugin dependencies
|
|
25
27
|
*/
|
|
26
|
-
export declare const TableComponentWithSharedState: ({ view, options, getNode, dispatchAnalyticsEvent, api, getEditorFeatureFlags, eventDispatcher, allowColumnResizing, allowControls, getPos, forwardRef, }: TableComponentWithSharedStateProps) => JSX.Element | null;
|
|
28
|
+
export declare const TableComponentWithSharedState: ({ view, options, getNode, dispatchAnalyticsEvent, api, getEditorFeatureFlags, eventDispatcher, allowColumnResizing, allowControls, getPos, forwardRef, allowTableAlignment, allowTableResizing, }: TableComponentWithSharedStateProps) => JSX.Element | null;
|
|
27
29
|
export {};
|
|
@@ -14,7 +14,6 @@ type TableViewOptions = {
|
|
|
14
14
|
getEditorFeatureFlags: GetEditorFeatureFlags;
|
|
15
15
|
dispatchAnalyticsEvent: DispatchAnalyticsEvent;
|
|
16
16
|
pluginInjectionApi?: PluginInjectionAPI;
|
|
17
|
-
isTableAlignmentEnabled?: boolean;
|
|
18
17
|
isCommentEditor?: boolean;
|
|
19
18
|
isChromelessEditor?: boolean;
|
|
20
19
|
};
|
|
@@ -32,5 +32,5 @@ export default class TableView extends ReactNodeView<Props> {
|
|
|
32
32
|
}): boolean;
|
|
33
33
|
destroy(): void;
|
|
34
34
|
}
|
|
35
|
-
export declare const createTableView: (node: PmNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, dispatchAnalyticsEvent: DispatchAnalyticsEvent, pluginInjectionApi?: PluginInjectionAPI,
|
|
35
|
+
export declare const createTableView: (node: PmNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, dispatchAnalyticsEvent: DispatchAnalyticsEvent, pluginInjectionApi?: PluginInjectionAPI, isCommentEditor?: boolean, isChromelessEditor?: boolean) => NodeView;
|
|
36
36
|
export {};
|
|
@@ -8,10 +8,8 @@ import type { PluginInjectionAPI } from '../types';
|
|
|
8
8
|
export type TableOptions = {
|
|
9
9
|
isFullWidthModeEnabled?: boolean;
|
|
10
10
|
wasFullWidthModeEnabled?: boolean;
|
|
11
|
-
isTableResizingEnabled?: boolean;
|
|
12
11
|
isDragAndDropEnabled?: boolean;
|
|
13
12
|
isTableScalingEnabled?: boolean;
|
|
14
|
-
isTableAlignmentEnabled?: boolean;
|
|
15
13
|
isCommentEditor?: boolean;
|
|
16
14
|
isChromelessEditor?: boolean;
|
|
17
15
|
};
|
|
@@ -19,6 +17,8 @@ export interface Props {
|
|
|
19
17
|
node: PmNode;
|
|
20
18
|
view: EditorView;
|
|
21
19
|
allowColumnResizing?: boolean;
|
|
20
|
+
allowTableResizing?: boolean;
|
|
21
|
+
allowTableAlignment?: boolean;
|
|
22
22
|
allowControls?: boolean;
|
|
23
23
|
cellMinWidth?: number;
|
|
24
24
|
portalProviderAPI: PortalProviderAPI;
|
package/dist/types/plugin.d.ts
CHANGED
|
@@ -13,14 +13,12 @@ import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
|
|
|
13
13
|
import type { PluginConfig, TableSharedState } from './types';
|
|
14
14
|
export interface TablePluginOptions {
|
|
15
15
|
tableOptions: PluginConfig;
|
|
16
|
-
tableResizingEnabled?: boolean;
|
|
17
16
|
dragAndDropEnabled?: boolean;
|
|
17
|
+
isTableScalingEnabled?: boolean;
|
|
18
18
|
allowContextualMenu?: boolean;
|
|
19
19
|
fullWidthEnabled?: boolean;
|
|
20
20
|
wasFullWidthEnabled?: boolean;
|
|
21
21
|
getEditorFeatureFlags?: GetEditorFeatureFlags;
|
|
22
|
-
isTableScalingEnabled?: boolean;
|
|
23
|
-
isTableAlignmentEnabled?: boolean;
|
|
24
22
|
isNewColumnResizingEnabled?: boolean;
|
|
25
23
|
isCommentEditor?: boolean;
|
|
26
24
|
isChromelessEditor?: boolean;
|
|
@@ -4,5 +4,5 @@ import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
|
|
|
4
4
|
import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
5
5
|
import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
|
|
6
6
|
import type { PluginInjectionAPI, PluginInjectionAPIWithA11y } from '../types';
|
|
7
|
-
export declare function keymapPlugin(getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, nodeViewPortalProviderAPI: PortalProviderAPI, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, dragAndDropEnabled?: boolean, isTableScalingEnabled?: boolean, isTableAlignmentEnabled?: boolean, isFullWidthEnabled?: boolean, pluginInjectionApi?: PluginInjectionAPIWithA11y, getIntl?: () => IntlShape,
|
|
7
|
+
export declare function keymapPlugin(getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, nodeViewPortalProviderAPI: PortalProviderAPI, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, dragAndDropEnabled?: boolean, isTableScalingEnabled?: boolean, isTableAlignmentEnabled?: boolean, isFullWidthEnabled?: boolean, pluginInjectionApi?: PluginInjectionAPIWithA11y, getIntl?: () => IntlShape, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean, isTableResizingEnabled?: boolean): SafePlugin;
|
|
8
8
|
export default keymapPlugin;
|