@atlaskit/editor-plugin-table 7.5.2 → 7.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/commands-with-analytics.js +65 -38
  3. package/dist/cjs/nodeviews/ExternalDropTargets.js +2 -2
  4. package/dist/cjs/nodeviews/TableCell.js +1 -1
  5. package/dist/cjs/nodeviews/TableComponent.js +1 -1
  6. package/dist/cjs/nodeviews/TableContainer.js +3 -3
  7. package/dist/cjs/nodeviews/TableResizer.js +10 -10
  8. package/dist/cjs/nodeviews/TableRow.js +1 -1
  9. package/dist/cjs/nodeviews/table.js +1 -1
  10. package/dist/cjs/pm-plugins/keymap.js +2 -2
  11. package/dist/cjs/pm-plugins/table-analytics.js +2 -2
  12. package/dist/cjs/pm-plugins/table-local-id.js +11 -11
  13. package/dist/cjs/pm-plugins/table-resizing/event-handlers.js +16 -1
  14. package/dist/cjs/pm-plugins/table-resizing/utils/resize-state.js +0 -1
  15. package/dist/cjs/reducer.js +0 -2
  16. package/dist/cjs/toolbar.js +2 -2
  17. package/dist/cjs/ui/ColumnResizeWidget/index.js +4 -5
  18. package/dist/cjs/ui/DragHandle/index.js +2 -2
  19. package/dist/cjs/ui/FloatingContextualButton/FixedButton.js +2 -2
  20. package/dist/cjs/ui/FloatingContextualMenu/ContextualMenu.js +1 -1
  21. package/dist/cjs/ui/FloatingDeleteButton/index.js +3 -3
  22. package/dist/cjs/ui/FloatingDragMenu/DragMenu.js +2 -2
  23. package/dist/cjs/ui/FloatingDragMenu/DropdownMenu.js +2 -2
  24. package/dist/cjs/ui/FloatingInsertButton/index.js +3 -3
  25. package/dist/cjs/ui/LayoutButton/index.js +3 -3
  26. package/dist/cjs/ui/TableFloatingColumnControls/ColumnControls/index.js +2 -2
  27. package/dist/cjs/ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget.js +2 -2
  28. package/dist/cjs/ui/TableFloatingColumnControls/ColumnDropTargets/index.js +2 -2
  29. package/dist/cjs/ui/TableFloatingColumnControls/index.js +2 -2
  30. package/dist/cjs/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js +3 -3
  31. package/dist/cjs/ui/TableFloatingControls/CornerControls/DragCornerControls.js +2 -2
  32. package/dist/cjs/ui/TableFloatingControls/NumberColumn/index.js +3 -3
  33. package/dist/cjs/ui/TableFloatingControls/RowControls/ClassicControls.js +3 -3
  34. package/dist/cjs/ui/TableFloatingControls/RowControls/DragControls.js +2 -2
  35. package/dist/cjs/ui/TableFloatingControls/RowDropTarget/index.js +2 -2
  36. package/dist/cjs/ui/TableFloatingControls/index.js +3 -3
  37. package/dist/cjs/utils/decoration.js +0 -4
  38. package/dist/cjs/utils/guidelines.js +5 -2
  39. package/dist/cjs/utils/merged-cells.js +0 -1
  40. package/dist/cjs/utils/snapping.js +14 -1
  41. package/dist/es2019/commands-with-analytics.js +27 -0
  42. package/dist/es2019/nodeviews/TableContainer.js +2 -2
  43. package/dist/es2019/nodeviews/TableResizer.js +10 -10
  44. package/dist/es2019/pm-plugins/keymap.js +4 -4
  45. package/dist/es2019/pm-plugins/table-resizing/event-handlers.js +17 -2
  46. package/dist/es2019/pm-plugins/table-resizing/utils/resize-state.js +0 -1
  47. package/dist/es2019/reducer.js +0 -2
  48. package/dist/es2019/ui/ColumnResizeWidget/index.js +0 -1
  49. package/dist/es2019/utils/decoration.js +0 -4
  50. package/dist/es2019/utils/guidelines.js +3 -2
  51. package/dist/es2019/utils/merged-cells.js +0 -1
  52. package/dist/es2019/utils/snapping.js +12 -1
  53. package/dist/esm/commands-with-analytics.js +64 -37
  54. package/dist/esm/nodeviews/TableCell.js +1 -1
  55. package/dist/esm/nodeviews/TableComponent.js +1 -1
  56. package/dist/esm/nodeviews/TableContainer.js +2 -2
  57. package/dist/esm/nodeviews/TableResizer.js +10 -10
  58. package/dist/esm/nodeviews/TableRow.js +1 -1
  59. package/dist/esm/nodeviews/table.js +1 -1
  60. package/dist/esm/pm-plugins/keymap.js +4 -4
  61. package/dist/esm/pm-plugins/table-resizing/event-handlers.js +17 -2
  62. package/dist/esm/pm-plugins/table-resizing/utils/resize-state.js +0 -1
  63. package/dist/esm/reducer.js +0 -2
  64. package/dist/esm/ui/ColumnResizeWidget/index.js +0 -1
  65. package/dist/esm/ui/FloatingContextualMenu/ContextualMenu.js +1 -1
  66. package/dist/esm/ui/FloatingDeleteButton/index.js +1 -1
  67. package/dist/esm/ui/FloatingInsertButton/index.js +1 -1
  68. package/dist/esm/ui/LayoutButton/index.js +1 -1
  69. package/dist/esm/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js +1 -1
  70. package/dist/esm/ui/TableFloatingControls/NumberColumn/index.js +1 -1
  71. package/dist/esm/ui/TableFloatingControls/RowControls/ClassicControls.js +1 -1
  72. package/dist/esm/ui/TableFloatingControls/index.js +1 -1
  73. package/dist/esm/utils/decoration.js +0 -4
  74. package/dist/esm/utils/guidelines.js +5 -2
  75. package/dist/esm/utils/merged-cells.js +0 -1
  76. package/dist/esm/utils/snapping.js +14 -1
  77. package/dist/types/commands-with-analytics.d.ts +1 -0
  78. package/dist/types/ui/ColumnResizeWidget/index.d.ts +2 -2
  79. package/dist/types/ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget.d.ts +2 -2
  80. package/dist/types/ui/TableFloatingColumnControls/ColumnDropTargets/index.d.ts +2 -2
  81. package/dist/types/ui/TableFloatingColumnControls/index.d.ts +2 -2
  82. package/dist/types/utils/drag-menu.d.ts +1 -1
  83. package/dist/types/utils/guidelines.d.ts +1 -0
  84. package/dist/types/utils/snapping.d.ts +2 -0
  85. package/dist/types-ts4.5/commands-with-analytics.d.ts +1 -0
  86. package/dist/types-ts4.5/ui/ColumnResizeWidget/index.d.ts +2 -2
  87. package/dist/types-ts4.5/ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget.d.ts +2 -2
  88. package/dist/types-ts4.5/ui/TableFloatingColumnControls/ColumnDropTargets/index.d.ts +2 -2
  89. package/dist/types-ts4.5/ui/TableFloatingColumnControls/index.d.ts +2 -2
  90. package/dist/types-ts4.5/utils/drag-menu.d.ts +1 -1
  91. package/dist/types-ts4.5/utils/guidelines.d.ts +1 -0
  92. package/dist/types-ts4.5/utils/snapping.d.ts +2 -0
  93. package/package.json +1 -1
  94. package/src/commands-with-analytics.ts +39 -0
  95. package/src/nodeviews/TableContainer.tsx +10 -1
  96. package/src/nodeviews/TableResizer.tsx +39 -19
  97. package/src/pm-plugins/keymap.ts +13 -3
  98. package/src/pm-plugins/table-resizing/event-handlers.ts +20 -1
  99. package/src/ui/ColumnResizeWidget/index.tsx +2 -4
  100. package/src/ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget.tsx +2 -2
  101. package/src/ui/TableFloatingColumnControls/ColumnDropTargets/index.tsx +2 -2
  102. package/src/ui/TableFloatingColumnControls/index.tsx +2 -2
  103. package/src/utils/drag-menu.ts +1 -1
  104. package/src/utils/guidelines.ts +12 -1
  105. package/src/utils/snapping.ts +36 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/editor-plugin-table
2
2
 
3
+ ## 7.5.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#80391](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80391) [`bf741c7ef44c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bf741c7ef44c) - Make @atlaskit/editor-plugin-table, @atlaskit/date, @atlaskit/editor-plugin-date React 18 compatible.
8
+ - [#79483](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/79483) [`b2a75ed4502b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b2a75ed4502b) - add dynamic widest guideline for table resize
9
+
10
+ ## 7.5.3
11
+
12
+ ### Patch Changes
13
+
14
+ - [#78924](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/78924) [`76ebbfb53b83`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/76ebbfb53b83) - Add analytics event when table column is resized
15
+
3
16
  ## 7.5.2
4
17
 
5
18
  ### Patch Changes
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.wrapTableInExpandWithAnalytics = exports.toggleTableLayoutWithAnalytics = exports.toggleNumberColumnWithAnalytics = exports.toggleHeaderRowWithAnalytics = exports.toggleHeaderColumnWithAnalytics = exports.splitCellWithAnalytics = exports.sortColumnWithAnalytics = exports.setColorWithAnalytics = exports.mergeCellsWithAnalytics = exports.insertRowWithAnalytics = exports.insertColumnWithAnalytics = exports.emptyMultipleCellsWithAnalytics = exports.distributeColumnsWidthsWithAnalytics = exports.deleteTableWithAnalytics = exports.deleteTableIfSelectedWithAnalytics = exports.deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut = exports.deleteRowsWithAnalytics = exports.deleteColumnsWithAnalytics = exports.addRowAroundSelection = void 0;
7
+ exports.wrapTableInExpandWithAnalytics = exports.toggleTableLayoutWithAnalytics = exports.toggleNumberColumnWithAnalytics = exports.toggleHeaderRowWithAnalytics = exports.toggleHeaderColumnWithAnalytics = exports.splitCellWithAnalytics = exports.sortColumnWithAnalytics = exports.setColorWithAnalytics = exports.mergeCellsWithAnalytics = exports.insertRowWithAnalytics = exports.insertColumnWithAnalytics = exports.emptyMultipleCellsWithAnalytics = exports.distributeColumnsWidthsWithAnalytics = exports.deleteTableWithAnalytics = exports.deleteTableIfSelectedWithAnalytics = exports.deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut = exports.deleteRowsWithAnalytics = exports.deleteColumnsWithAnalytics = exports.changeColumnWidthByStepWithAnalytics = exports.addRowAroundSelection = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _adfSchema = require("@atlaskit/adf-schema");
10
10
  var _analytics = require("@atlaskit/editor-common/analytics");
@@ -12,6 +12,7 @@ var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
12
12
  var _utils = require("@atlaskit/editor-tables/utils");
13
13
  var _clear = require("./commands/clear");
14
14
  var _collapse = require("./commands/collapse");
15
+ var _columnResize = require("./commands/column-resize");
15
16
  var _delete = require("./commands/delete");
16
17
  var _insert = require("./commands/insert");
17
18
  var _misc = require("./commands/misc");
@@ -189,13 +190,39 @@ var insertRowWithAnalytics = exports.insertRowWithAnalytics = function insertRow
189
190
  })(editorAnalyticsAPI)((0, _insert.insertRow)(options.index, options.moveCursorToInsertedRow));
190
191
  };
191
192
  };
192
- var insertColumnWithAnalytics = exports.insertColumnWithAnalytics = function insertColumnWithAnalytics(getEditorContainerWidth, editorAnalyticsAPI) {
193
- var tablePreserveWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
194
- return function (inputMethod, position) {
193
+ var changeColumnWidthByStepWithAnalytics = exports.changeColumnWidthByStepWithAnalytics = function changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI) {
194
+ return function (stepSize, getEditorContainerWidth, tablePreserveWidth, inputMethod) {
195
195
  return (0, _analytics2.withEditorAnalyticsAPI)(function (state) {
196
196
  var _getSelectedTableInfo2 = (0, _utils2.getSelectedTableInfo)(state.selection),
197
+ table = _getSelectedTableInfo2.table,
197
198
  totalRowCount = _getSelectedTableInfo2.totalRowCount,
198
199
  totalColumnCount = _getSelectedTableInfo2.totalColumnCount;
200
+ var _getPluginState = (0, _pluginFactory.getPluginState)(state),
201
+ colIndex = _getPluginState.hoveredCell.colIndex;
202
+ return {
203
+ action: _analytics.TABLE_ACTION.COLUMN_RESIZED,
204
+ actionSubject: _analytics.ACTION_SUBJECT.TABLE,
205
+ eventType: _analytics.EVENT_TYPE.TRACK,
206
+ attributes: {
207
+ colIndex: colIndex,
208
+ resizedDelta: stepSize,
209
+ isLastColumn: colIndex === totalColumnCount - 1,
210
+ tableWidth: table === null || table === void 0 ? void 0 : table.node.attrs.width,
211
+ inputMethod: inputMethod,
212
+ totalRowCount: totalRowCount,
213
+ totalColumnCount: totalColumnCount
214
+ }
215
+ };
216
+ })(editorAnalyticsAPI)((0, _columnResize.changeColumnWidthByStep)(stepSize, getEditorContainerWidth, tablePreserveWidth));
217
+ };
218
+ };
219
+ var insertColumnWithAnalytics = exports.insertColumnWithAnalytics = function insertColumnWithAnalytics(getEditorContainerWidth, editorAnalyticsAPI) {
220
+ var tablePreserveWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
221
+ return function (inputMethod, position) {
222
+ return (0, _analytics2.withEditorAnalyticsAPI)(function (state) {
223
+ var _getSelectedTableInfo3 = (0, _utils2.getSelectedTableInfo)(state.selection),
224
+ totalRowCount = _getSelectedTableInfo3.totalRowCount,
225
+ totalColumnCount = _getSelectedTableInfo3.totalColumnCount;
199
226
  return {
200
227
  action: _analytics.TABLE_ACTION.ADDED_COLUMN,
201
228
  actionSubject: _analytics.ACTION_SUBJECT.TABLE,
@@ -215,9 +242,9 @@ var deleteRowsWithAnalytics = exports.deleteRowsWithAnalytics = function deleteR
215
242
  return function (inputMethod, rect, isHeaderRowRequired) {
216
243
  return (0, _analytics2.withEditorAnalyticsAPI)(function (_ref5) {
217
244
  var selection = _ref5.selection;
218
- var _getSelectedTableInfo3 = (0, _utils2.getSelectedTableInfo)(selection),
219
- totalRowCount = _getSelectedTableInfo3.totalRowCount,
220
- totalColumnCount = _getSelectedTableInfo3.totalColumnCount;
245
+ var _getSelectedTableInfo4 = (0, _utils2.getSelectedTableInfo)(selection),
246
+ totalRowCount = _getSelectedTableInfo4.totalRowCount,
247
+ totalColumnCount = _getSelectedTableInfo4.totalColumnCount;
221
248
  return {
222
249
  action: _analytics.TABLE_ACTION.DELETED_ROW,
223
250
  actionSubject: _analytics.ACTION_SUBJECT.TABLE,
@@ -244,9 +271,9 @@ var deleteColumnsWithAnalytics = exports.deleteColumnsWithAnalytics = function d
244
271
  return function (inputMethod, rect) {
245
272
  return (0, _analytics2.withEditorAnalyticsAPI)(function (_ref6) {
246
273
  var selection = _ref6.selection;
247
- var _getSelectedTableInfo4 = (0, _utils2.getSelectedTableInfo)(selection),
248
- totalRowCount = _getSelectedTableInfo4.totalRowCount,
249
- totalColumnCount = _getSelectedTableInfo4.totalColumnCount;
274
+ var _getSelectedTableInfo5 = (0, _utils2.getSelectedTableInfo)(selection),
275
+ totalRowCount = _getSelectedTableInfo5.totalRowCount,
276
+ totalColumnCount = _getSelectedTableInfo5.totalColumnCount;
250
277
  return {
251
278
  action: _analytics.TABLE_ACTION.DELETED_COLUMN,
252
279
  actionSubject: _analytics.ACTION_SUBJECT.TABLE,
@@ -276,8 +303,8 @@ var deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut = exports.deleteSelected
276
303
  }
277
304
  var selectionType = (0, _misc.getTableSelectionType)(selection);
278
305
  if (selectionType === 'row') {
279
- var _getPluginState = (0, _pluginFactory.getPluginState)(state),
280
- pluginConfig = _getPluginState.pluginConfig;
306
+ var _getPluginState2 = (0, _pluginFactory.getPluginState)(state),
307
+ pluginConfig = _getPluginState2.pluginConfig;
281
308
  var isHeaderRowRequired = pluginConfig.isHeaderRowRequired || false;
282
309
  return deleteRowsWithAnalytics(editorAnalyticsAPI)(_analytics.INPUT_METHOD.SHORTCUT, rect, isHeaderRowRequired)(state, dispatch);
283
310
  } else if (selectionType === 'column') {
@@ -288,9 +315,9 @@ var deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut = exports.deleteSelected
288
315
  };
289
316
  };
290
317
  var getTableDeletedAnalytics = function getTableDeletedAnalytics(selection, inputMethod) {
291
- var _getSelectedTableInfo5 = (0, _utils2.getSelectedTableInfo)(selection),
292
- totalRowCount = _getSelectedTableInfo5.totalRowCount,
293
- totalColumnCount = _getSelectedTableInfo5.totalColumnCount;
318
+ var _getSelectedTableInfo6 = (0, _utils2.getSelectedTableInfo)(selection),
319
+ totalRowCount = _getSelectedTableInfo6.totalRowCount,
320
+ totalColumnCount = _getSelectedTableInfo6.totalColumnCount;
294
321
  return {
295
322
  action: _analytics.TABLE_ACTION.DELETED,
296
323
  actionSubject: _analytics.ACTION_SUBJECT.TABLE,
@@ -318,11 +345,11 @@ var deleteTableIfSelectedWithAnalytics = exports.deleteTableIfSelectedWithAnalyt
318
345
  };
319
346
  var toggleHeaderRowWithAnalytics = exports.toggleHeaderRowWithAnalytics = function toggleHeaderRowWithAnalytics(editorAnalyticsAPI) {
320
347
  return (0, _analytics2.withEditorAnalyticsAPI)(function (state) {
321
- var _getSelectedTableInfo6 = (0, _utils2.getSelectedTableInfo)(state.selection),
322
- totalRowCount = _getSelectedTableInfo6.totalRowCount,
323
- totalColumnCount = _getSelectedTableInfo6.totalColumnCount;
324
- var _getPluginState2 = (0, _pluginFactory.getPluginState)(state),
325
- isHeaderRowEnabled = _getPluginState2.isHeaderRowEnabled;
348
+ var _getSelectedTableInfo7 = (0, _utils2.getSelectedTableInfo)(state.selection),
349
+ totalRowCount = _getSelectedTableInfo7.totalRowCount,
350
+ totalColumnCount = _getSelectedTableInfo7.totalColumnCount;
351
+ var _getPluginState3 = (0, _pluginFactory.getPluginState)(state),
352
+ isHeaderRowEnabled = _getPluginState3.isHeaderRowEnabled;
326
353
  return {
327
354
  action: _analytics.TABLE_ACTION.TOGGLED_HEADER_ROW,
328
355
  actionSubject: _analytics.ACTION_SUBJECT.TABLE,
@@ -338,11 +365,11 @@ var toggleHeaderRowWithAnalytics = exports.toggleHeaderRowWithAnalytics = functi
338
365
  };
339
366
  var toggleHeaderColumnWithAnalytics = exports.toggleHeaderColumnWithAnalytics = function toggleHeaderColumnWithAnalytics(editorAnalyticsAPI) {
340
367
  return (0, _analytics2.withEditorAnalyticsAPI)(function (state) {
341
- var _getSelectedTableInfo7 = (0, _utils2.getSelectedTableInfo)(state.selection),
342
- totalRowCount = _getSelectedTableInfo7.totalRowCount,
343
- totalColumnCount = _getSelectedTableInfo7.totalColumnCount;
344
- var _getPluginState3 = (0, _pluginFactory.getPluginState)(state),
345
- isHeaderColumnEnabled = _getPluginState3.isHeaderColumnEnabled;
368
+ var _getSelectedTableInfo8 = (0, _utils2.getSelectedTableInfo)(state.selection),
369
+ totalRowCount = _getSelectedTableInfo8.totalRowCount,
370
+ totalColumnCount = _getSelectedTableInfo8.totalColumnCount;
371
+ var _getPluginState4 = (0, _pluginFactory.getPluginState)(state),
372
+ isHeaderColumnEnabled = _getPluginState4.isHeaderColumnEnabled;
346
373
  return {
347
374
  action: _analytics.TABLE_ACTION.TOGGLED_HEADER_COLUMN,
348
375
  actionSubject: _analytics.ACTION_SUBJECT.TABLE,
@@ -358,9 +385,9 @@ var toggleHeaderColumnWithAnalytics = exports.toggleHeaderColumnWithAnalytics =
358
385
  };
359
386
  var toggleNumberColumnWithAnalytics = exports.toggleNumberColumnWithAnalytics = function toggleNumberColumnWithAnalytics(editorAnalyticsAPI) {
360
387
  return (0, _analytics2.withEditorAnalyticsAPI)(function (state) {
361
- var _getSelectedTableInfo8 = (0, _utils2.getSelectedTableInfo)(state.selection),
362
- totalRowCount = _getSelectedTableInfo8.totalRowCount,
363
- totalColumnCount = _getSelectedTableInfo8.totalColumnCount;
388
+ var _getSelectedTableInfo9 = (0, _utils2.getSelectedTableInfo)(state.selection),
389
+ totalRowCount = _getSelectedTableInfo9.totalRowCount,
390
+ totalColumnCount = _getSelectedTableInfo9.totalColumnCount;
364
391
  return {
365
392
  action: _analytics.TABLE_ACTION.TOGGLED_NUMBER_COLUMN,
366
393
  actionSubject: _analytics.ACTION_SUBJECT.TABLE,
@@ -376,10 +403,10 @@ var toggleNumberColumnWithAnalytics = exports.toggleNumberColumnWithAnalytics =
376
403
  };
377
404
  var toggleTableLayoutWithAnalytics = exports.toggleTableLayoutWithAnalytics = function toggleTableLayoutWithAnalytics(editorAnalyticsAPI) {
378
405
  return (0, _analytics2.withEditorAnalyticsAPI)(function (state) {
379
- var _getSelectedTableInfo9 = (0, _utils2.getSelectedTableInfo)(state.selection),
380
- table = _getSelectedTableInfo9.table,
381
- totalRowCount = _getSelectedTableInfo9.totalRowCount,
382
- totalColumnCount = _getSelectedTableInfo9.totalColumnCount;
406
+ var _getSelectedTableInfo10 = (0, _utils2.getSelectedTableInfo)(state.selection),
407
+ table = _getSelectedTableInfo10.table,
408
+ totalRowCount = _getSelectedTableInfo10.totalRowCount,
409
+ totalColumnCount = _getSelectedTableInfo10.totalColumnCount;
383
410
  if (table) {
384
411
  var _ref9 = table.node.attrs,
385
412
  layout = _ref9.layout;
@@ -402,9 +429,9 @@ var toggleTableLayoutWithAnalytics = exports.toggleTableLayoutWithAnalytics = fu
402
429
  var sortColumnWithAnalytics = exports.sortColumnWithAnalytics = function sortColumnWithAnalytics(editorAnalyticsAPI) {
403
430
  return function (inputMethod, columnIndex, sortOrder) {
404
431
  return (0, _analytics2.withEditorAnalyticsAPI)(function (state) {
405
- var _getSelectedTableInfo10 = (0, _utils2.getSelectedTableInfo)(state.selection),
406
- totalRowCount = _getSelectedTableInfo10.totalRowCount,
407
- totalColumnCount = _getSelectedTableInfo10.totalColumnCount;
432
+ var _getSelectedTableInfo11 = (0, _utils2.getSelectedTableInfo)(state.selection),
433
+ totalRowCount = _getSelectedTableInfo11.totalRowCount,
434
+ totalColumnCount = _getSelectedTableInfo11.totalColumnCount;
408
435
  return {
409
436
  action: _analytics.TABLE_ACTION.SORTED_COLUMN,
410
437
  actionSubject: _analytics.ACTION_SUBJECT.TABLE,
@@ -446,9 +473,9 @@ var distributeColumnsWidthsWithAnalytics = exports.distributeColumnsWidthsWithAn
446
473
  };
447
474
  var wrapTableInExpandWithAnalytics = exports.wrapTableInExpandWithAnalytics = function wrapTableInExpandWithAnalytics(editorAnalyticsAPI) {
448
475
  return (0, _analytics2.withEditorAnalyticsAPI)(function (state) {
449
- var _getSelectedTableInfo11 = (0, _utils2.getSelectedTableInfo)(state.selection),
450
- totalRowCount = _getSelectedTableInfo11.totalRowCount,
451
- totalColumnCount = _getSelectedTableInfo11.totalColumnCount;
476
+ var _getSelectedTableInfo12 = (0, _utils2.getSelectedTableInfo)(state.selection),
477
+ totalRowCount = _getSelectedTableInfo12.totalRowCount,
478
+ totalColumnCount = _getSelectedTableInfo12.totalColumnCount;
452
479
  return {
453
480
  action: _analytics.TABLE_ACTION.COLLAPSED,
454
481
  actionSubject: _analytics.ACTION_SUBJECT.TABLE,
@@ -13,8 +13,8 @@ var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
13
13
  var _consts = require("../ui/consts");
14
14
  var _ColumnDropTarget = require("../ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget");
15
15
  var _utils = require("../utils");
16
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
18
  var ExternalDropTargets = exports.ExternalDropTargets = function ExternalDropTargets(_ref) {
19
19
  var editorView = _ref.editorView,
20
20
  node = _ref.node,
@@ -16,7 +16,7 @@ var _adfSchema = require("@atlaskit/adf-schema");
16
16
  var _pluginFactory = require("../pm-plugins/plugin-factory");
17
17
  var _TableNodeViewBase = _interopRequireDefault(require("./TableNodeViewBase"));
18
18
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
19
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
19
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
20
20
  var DEFAULT_COL_SPAN = 1;
21
21
  var DEFAULT_ROW_SPAN = 1;
22
22
  var TableCell = exports.default = /*#__PURE__*/function (_ref) {
@@ -45,7 +45,7 @@ var _TableStickyScrollbar = require("./TableStickyScrollbar");
45
45
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
46
46
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty3.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
47
47
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
48
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
48
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
49
49
  var isIE11 = _utils.browser.ie_version === 11;
50
50
  // When table is inserted via paste, keyboard shortcut or quickInsert,
51
51
  // componentDidUpdate is called multiple times. The isOverflowing value is correct only on the last update.
@@ -16,8 +16,8 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
16
  var _utils = require("../pm-plugins/table-resizing/utils");
17
17
  var _types = require("../types");
18
18
  var _TableResizer = require("./TableResizer");
19
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
20
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
20
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
21
21
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
22
22
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
23
23
  var getMarginLeft = function getMarginLeft(lineLength, tableWidth) {
@@ -118,7 +118,7 @@ var ResizableTableContainer = exports.ResizableTableContainer = /*#__PURE__*/_re
118
118
  }, [pluginInjectionApi]);
119
119
  var tableWidth = (0, _nodeWidth.getTableContainerWidth)(node);
120
120
  // 76 is currently an accepted padding value considering the spacing for resizer handle
121
- var responsiveContainerWidth = containerWidth - 76;
121
+ var responsiveContainerWidth = tablePreserveWidth ? containerWidth - _editorSharedStyles.akEditorGutterPadding * 2 - _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide / 2 : containerWidth - _editorSharedStyles.akEditorGutterPadding * 2 - _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide;
122
122
  var width = Math.min(tableWidth, responsiveContainerWidth);
123
123
  if (!isResizing) {
124
124
  tableWidthRef.current = width;
@@ -28,8 +28,8 @@ var _consts = require("../ui/consts");
28
28
  var _analytics2 = require("../utils/analytics");
29
29
  var _guidelines = require("../utils/guidelines");
30
30
  var _snapping = require("../utils/snapping");
31
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
32
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
31
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
32
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
33
33
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
34
34
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
35
35
  var DEBOUNCE_TIME_FOR_SCREEN_READER_ANNOUNCER = 1000;
@@ -145,15 +145,15 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
145
145
  keys = _ref2.keys;
146
146
  if (gap !== currentGap.current) {
147
147
  currentGap.current = gap;
148
- var visibleGuidelines = getVisibleGuidelines(_guidelines.defaultGuidelines, containerWidth);
148
+ var visibleGuidelines = getVisibleGuidelines(tablePreserveWidth ? (0, _guidelines.defaultGuidelinesForPreserveTable)(containerWidth) : _guidelines.defaultGuidelines, containerWidth);
149
149
  displayGuideline((0, _guideline.getGuidelinesWithHighlights)(gap, _consts.TABLE_SNAP_GAP, keys, visibleGuidelines));
150
150
  }
151
- }, [displayGuideline, containerWidth]);
151
+ }, [tablePreserveWidth, containerWidth, displayGuideline]);
152
152
  var guidelineSnaps = (0, _react.useMemo)(function () {
153
153
  return snappingEnabled ? {
154
- x: _snapping.defaultSnappingWidths
154
+ x: tablePreserveWidth ? (0, _snapping.defaultTablePreserveSnappingWidths)(containerWidth) : _snapping.defaultSnappingWidths
155
155
  } : undefined;
156
- }, [snappingEnabled]);
156
+ }, [snappingEnabled, tablePreserveWidth, containerWidth]);
157
157
  (0, _react.useEffect)(function () {
158
158
  return function () {
159
159
  // only bring back the cursor if this table was deleted - i.e. if a user was resizing, then another
@@ -183,12 +183,12 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
183
183
  name: _analytics.TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED
184
184
  });
185
185
  dispatch(tr);
186
- var visibleGuidelines = getVisibleGuidelines(_guidelines.defaultGuidelines, containerWidth);
186
+ var visibleGuidelines = getVisibleGuidelines(tablePreserveWidth ? (0, _guidelines.defaultGuidelinesForPreserveTable)(containerWidth) : _guidelines.defaultGuidelines, containerWidth);
187
187
  setSnappingEnabled(displayGuideline(visibleGuidelines));
188
188
  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.resizing-table-height-improvement') && onResizeStart) {
189
189
  onResizeStart();
190
190
  }
191
- }, [displayGapCursor, displayGuideline, editorView, startMeasure, onResizeStart, containerWidth]);
191
+ }, [startMeasure, editorView, displayGapCursor, tablePreserveWidth, containerWidth, displayGuideline, onResizeStart]);
192
192
  var handleResize = (0, _react.useCallback)(function (originalState, delta) {
193
193
  countFrames();
194
194
  var newWidth = originalState.width + delta.width;
@@ -207,10 +207,10 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
207
207
  start: pos + 1,
208
208
  parentWidth: newWidth
209
209
  }, editorView.domAtPos.bind(editorView), tablePreserveWidth);
210
- updateActiveGuidelines((0, _snapping.findClosestSnap)(newWidth, _snapping.defaultSnappingWidths, _guidelines.defaultGuidelines, _consts.TABLE_HIGHLIGHT_GAP, _consts.TABLE_HIGHLIGHT_TOLERANCE));
210
+ updateActiveGuidelines((0, _snapping.findClosestSnap)(newWidth, tablePreserveWidth ? (0, _snapping.defaultTablePreserveSnappingWidths)(containerWidth) : _snapping.defaultSnappingWidths, tablePreserveWidth ? (0, _guidelines.defaultGuidelinesForPreserveTable)(containerWidth) : _guidelines.defaultGuidelines, _consts.TABLE_HIGHLIGHT_GAP, _consts.TABLE_HIGHLIGHT_TOLERANCE));
211
211
  updateWidth(newWidth);
212
212
  return newWidth;
213
- }, [editorView, getPos, node, tableRef, updateWidth, updateActiveGuidelines, countFrames, tablePreserveWidth]);
213
+ }, [countFrames, tablePreserveWidth, tableRef, node, editorView, updateActiveGuidelines, containerWidth, updateWidth, getPos]);
214
214
  var scheduleResize = (0, _react.useMemo)(function () {
215
215
  return (0, _rafSchd.default)(handleResize);
216
216
  }, [handleResize]);
@@ -25,7 +25,7 @@ var _dom2 = require("../utils/dom");
25
25
  var _nodes = require("../utils/nodes");
26
26
  var _TableNodeViewBase = _interopRequireDefault(require("./TableNodeViewBase"));
27
27
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
28
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
28
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
29
29
  // limit scroll event calls
30
30
  var HEADER_ROW_SCROLL_THROTTLE_TIMEOUT = 200;
31
31
 
@@ -32,7 +32,7 @@ var _tableWidth = require("../pm-plugins/table-width");
32
32
  var _utils2 = require("../utils");
33
33
  var _TableComponent = _interopRequireDefault(require("./TableComponent"));
34
34
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
35
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
35
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
36
36
  var tableAttributes = function tableAttributes(node) {
37
37
  return {
38
38
  'data-number-column': node.attrs.isNumberColumnEnabled,
@@ -65,8 +65,8 @@ function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, getEditorFeat
65
65
  (0, _keymaps.bindKeymapWithCommand)(_keymaps.startColumnResizing.common, _columnResize.initiateKeyboardColumnResizing, list);
66
66
  (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveRight.common, (0, _columnResize.activateNextResizeArea)(1), list);
67
67
  (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveLeft.common, (0, _columnResize.activateNextResizeArea)(-1), list);
68
- (0, _keymaps.bindKeymapWithCommand)(_keymaps.decreaseMediaSize.common, (0, _columnResize.changeColumnWidthByStep)(-10, getEditorContainerWidth, tablePreserveWidth), list);
69
- (0, _keymaps.bindKeymapWithCommand)(_keymaps.increaseMediaSize.common, (0, _columnResize.changeColumnWidthByStep)(10, getEditorContainerWidth, tablePreserveWidth), list);
68
+ (0, _keymaps.bindKeymapWithCommand)(_keymaps.decreaseMediaSize.common, (0, _commandsWithAnalytics.changeColumnWidthByStepWithAnalytics)(editorAnalyticsAPI)(-10, getEditorContainerWidth, tablePreserveWidth, _analytics.INPUT_METHOD.SHORTCUT), list);
69
+ (0, _keymaps.bindKeymapWithCommand)(_keymaps.increaseMediaSize.common, (0, _commandsWithAnalytics.changeColumnWidthByStepWithAnalytics)(editorAnalyticsAPI)(10, getEditorContainerWidth, tablePreserveWidth, _analytics.INPUT_METHOD.SHORTCUT), list);
70
70
  (0, _keymaps.bindKeymapWithCommand)(_keymaps.escape.common, (0, _columnResize.stopKeyboardColumnResizing)(), list);
71
71
  }
72
72
  return (0, _keymap.keymap)(list);
@@ -11,8 +11,8 @@ var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
11
11
  var _state = require("@atlaskit/editor-prosemirror/state");
12
12
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
13
13
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
14
- * A plugin is created for collecting payload data for tableOverflowChanged analytics event
15
- */
14
+ * A plugin is created for collecting payload data for tableOverflowChanged analytics event
15
+ */
16
16
  var pluginKey = exports.pluginKey = new _state.PluginKey('tableOverflowAnalyticsPlugin');
17
17
  var META_KEYS = exports.META_KEYS = {
18
18
  OVERFLOW_TRIGGER: 'tableOverflowTrigger',
@@ -16,17 +16,17 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
16
16
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
17
17
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
18
18
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
19
- * A plugin for ensuring tables always have unique local IDs, and to
20
- * preserve/not regenerate them when they are being cut and paste around the
21
- * document.
22
- *
23
- * More broadly, this plugin should be generalised so it can solve this ‘unique
24
- * id’ problem across the codebase for any node, but for now this will live on
25
- * its own solving only for tables.
26
- *
27
- * TODO: https://product-fabric.atlassian.net/browse/ED-12714
28
- *
29
- */
19
+ * A plugin for ensuring tables always have unique local IDs, and to
20
+ * preserve/not regenerate them when they are being cut and paste around the
21
+ * document.
22
+ *
23
+ * More broadly, this plugin should be generalised so it can solve this ‘unique
24
+ * id’ problem across the codebase for any node, but for now this will live on
25
+ * its own solving only for tables.
26
+ *
27
+ * TODO: https://product-fabric.atlassian.net/browse/ED-12714
28
+ *
29
+ */
30
30
  var pluginKey = new _state.PluginKey('tableLocalIdPlugin');
31
31
  var getPluginState = function getPluginState(state) {
32
32
  return state && pluginKey.getState(state);
@@ -147,6 +147,7 @@ var handleMouseDown = exports.handleMouseDown = function handleMouseDown(view, e
147
147
  // only selected (or selected - 1) columns should be distributed
148
148
  var resizingSelectedColumns = selectedColumns.indexOf(colIndex) > -1 || selectedColumns.indexOf(colIndex + 1) > -1;
149
149
  var newResizeState = (0, _utils3.resizeColumn)(resizeState, colIndex, clientX - startX, dom, resizingSelectedColumns ? selectedColumns : undefined, tablePreserveWidth);
150
+ var resizedDelta = clientX - startX;
150
151
  tr = (0, _transforms.updateColumnWidths)(newResizeState, table, start)(tr);
151
152
  if (colIndex === map.width - 1) {
152
153
  var mouseUpTime = event.timeStamp;
@@ -158,11 +159,25 @@ var handleMouseDown = exports.handleMouseDown = function handleMouseDown(view, e
158
159
  type: 'table-border',
159
160
  position: 'right',
160
161
  duration: mouseUpTime - mouseDownTime,
161
- delta: Math.abs(clientX - dragging.startX)
162
+ delta: Math.abs(resizedDelta)
162
163
  },
163
164
  eventType: _analytics.EVENT_TYPE.UI
164
165
  })(tr);
165
166
  }
167
+ editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
168
+ action: _analytics.TABLE_ACTION.COLUMN_RESIZED,
169
+ actionSubject: _analytics.ACTION_SUBJECT.TABLE,
170
+ eventType: _analytics.EVENT_TYPE.TRACK,
171
+ attributes: {
172
+ colIndex: colIndex,
173
+ resizedDelta: resizedDelta,
174
+ isLastColumn: colIndex === map.width - 1,
175
+ tableWidth: table.attrs.width,
176
+ inputMethod: _analytics.INPUT_METHOD.MOUSE,
177
+ totalRowCount: map.height,
178
+ totalColumnCount: map.width
179
+ }
180
+ })(tr);
166
181
  }
167
182
  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-column-resizing_emcvz')) {
168
183
  if (isKeyboardResize || !isTableHovered) {
@@ -55,7 +55,6 @@ var getResizeState = exports.getResizeState = function getResizeState(_ref) {
55
55
  // Getting the resize state from DOM
56
56
  var colgroupChildren = (0, _colgroup.insertColgroupFromNode)(tableRef, table, tablePreserveWidth, shouldReinsertColgroup // don't reinsert colgroup when preserving table width - this causes widths to jump
57
57
  );
58
-
59
58
  var cols = Array.from(colgroupChildren).map(function (_, index) {
60
59
  // If the table hasn't been resized and we have a table width attribute, we can use it
61
60
  // to calculate the widths of the columns
@@ -42,7 +42,6 @@ var _default = exports.default = function _default(pluginState, action) {
42
42
  return _objectSpread(_objectSpread(_objectSpread({}, pluginState), action.data), {}, {
43
43
  insertColumnButtonIndex: undefined // We need to assure that column is not shown
44
44
  });
45
-
46
45
  case 'SHOW_INSERT_COLUMN_BUTTON':
47
46
  if (action.data.insertColumnButtonIndex === pluginState.insertColumnButtonIndex) {
48
47
  return pluginState;
@@ -50,7 +49,6 @@ var _default = exports.default = function _default(pluginState, action) {
50
49
  return _objectSpread(_objectSpread(_objectSpread({}, pluginState), action.data), {}, {
51
50
  insertRowButtonIndex: undefined // We need to assure that row is not shown
52
51
  });
53
-
54
52
  case 'HIDE_INSERT_COLUMN_OR_ROW_BUTTON':
55
53
  if (pluginState.insertRowButtonIndex !== undefined || pluginState.insertColumnButtonIndex !== undefined) {
56
54
  return _objectSpread(_objectSpread({}, pluginState), {}, {
@@ -32,8 +32,8 @@ var _tableWidth = require("./pm-plugins/table-width");
32
32
  var _transforms = require("./transforms");
33
33
  var _types = require("./types");
34
34
  var _utils4 = require("./utils");
35
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
36
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
35
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
36
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
37
37
  /** @jsx jsx */
38
38
 
39
39
  var getToolbarMenuConfig = exports.getToolbarMenuConfig = function getToolbarMenuConfig(config, state, _ref, editorAnalyticsAPI) {
@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.ColumnResizeWidget = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _react = _interopRequireDefault(require("react"));
10
- var _react2 = require("@emotion/react");
9
+ var _react = require("@emotion/react");
11
10
  var _reactIntlNext = require("react-intl-next");
12
11
  var _messages = require("@atlaskit/editor-common/messages");
13
12
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -21,20 +20,20 @@ var ColumnResizeWidget = exports.ColumnResizeWidget = function ColumnResizeWidge
21
20
  var _useIntl = (0, _reactIntlNext.useIntl)(),
22
21
  formatMessage = _useIntl.formatMessage;
23
22
  if (!includeTooltip) {
24
- return (0, _react2.jsx)("div", {
23
+ return (0, _react.jsx)("div", {
25
24
  className: _types.TableCssClassName.RESIZE_HANDLE_DECORATION,
26
25
  "data-start-index": startIndex,
27
26
  "data-end-index": endIndex
28
27
  });
29
28
  }
30
- return (0, _react2.jsx)(_tooltip.default, {
29
+ return (0, _react.jsx)(_tooltip.default, {
31
30
  content: formatMessage(_messages.tableMessages.adjustColumns),
32
31
  hideTooltipOnClick: true,
33
32
  hideTooltipOnMouseDown: true,
34
33
  position: "mouse",
35
34
  mousePosition: "auto-start"
36
35
  }, function (tooltipProps) {
37
- return (0, _react2.jsx)("div", (0, _extends2.default)({
36
+ return (0, _react.jsx)("div", (0, _extends2.default)({
38
37
  className: _types.TableCssClassName.RESIZE_HANDLE_DECORATION,
39
38
  "data-start-index": startIndex,
40
39
  "data-end-index": endIndex
@@ -25,8 +25,8 @@ var _utils2 = require("../../utils");
25
25
  var _consts = require("../consts");
26
26
  var _DragPreview = require("../DragPreview");
27
27
  var _HandleIconComponent = require("./HandleIconComponent");
28
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
29
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
28
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
29
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
30
30
  var DragHandleComponent = function DragHandleComponent(_ref) {
31
31
  var isDragMenuTarget = _ref.isDragMenuTarget,
32
32
  tableLocalId = _ref.tableLocalId,
@@ -12,8 +12,8 @@ var _reactDom = require("react-dom");
12
12
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
13
13
  var _types = require("../../types");
14
14
  var _commonStyles = require("../common-styles");
15
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
16
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
17
  var BUTTON_WIDTH = exports.BUTTON_WIDTH = 20;
18
18
  var calcLeftPos = exports.calcLeftPos = function calcLeftPos(_ref) {
19
19
  var buttonWidth = _ref.buttonWidth,