@atlaskit/editor-plugin-table 7.5.1 → 7.5.3

package/dist/esm/commands-with-analytics.js

@@ -7,6 +7,7 @@ import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { findCellClosestToPos, findCellRectClosestToPos, getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { clearMultipleCells } from './commands/clear';
 import { wrapTableInExpand } from './commands/collapse';
+import { changeColumnWidthByStep } from './commands/column-resize';
 import { deleteColumnsCommand } from './commands/delete';
 import { insertColumn, insertRow } from './commands/insert';
 import { deleteTable, deleteTableIfSelected, getTableSelectionType, setMultipleCellAttrs } from './commands/misc';
@@ -182,13 +183,39 @@ export var insertRowWithAnalytics = function insertRowWithAnalytics(editorAnalyt
     })(editorAnalyticsAPI)(insertRow(options.index, options.moveCursorToInsertedRow));
   };
 };
-export var insertColumnWithAnalytics = function insertColumnWithAnalytics(getEditorContainerWidth, editorAnalyticsAPI) {
-  var tablePreserveWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  return function (inputMethod, position) {
+export var changeColumnWidthByStepWithAnalytics = function changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI) {
+  return function (stepSize, getEditorContainerWidth, tablePreserveWidth, inputMethod) {
     return withEditorAnalyticsAPI(function (state) {
       var _getSelectedTableInfo2 = getSelectedTableInfo(state.selection),
+        table = _getSelectedTableInfo2.table,
         totalRowCount = _getSelectedTableInfo2.totalRowCount,
         totalColumnCount = _getSelectedTableInfo2.totalColumnCount;
+      var _getPluginState = getPluginState(state),
+        colIndex = _getPluginState.hoveredCell.colIndex;
+      return {
+        action: TABLE_ACTION.COLUMN_RESIZED,
+        actionSubject: ACTION_SUBJECT.TABLE,
+        eventType: EVENT_TYPE.TRACK,
+        attributes: {
+          colIndex: colIndex,
+          resizedDelta: stepSize,
+          isLastColumn: colIndex === totalColumnCount - 1,
+          tableWidth: table === null || table === void 0 ? void 0 : table.node.attrs.width,
+          inputMethod: inputMethod,
+          totalRowCount: totalRowCount,
+          totalColumnCount: totalColumnCount
+        }
+      };
+    })(editorAnalyticsAPI)(changeColumnWidthByStep(stepSize, getEditorContainerWidth, tablePreserveWidth));
+  };
+};
+export var insertColumnWithAnalytics = function insertColumnWithAnalytics(getEditorContainerWidth, editorAnalyticsAPI) {
+  var tablePreserveWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  return function (inputMethod, position) {
+    return withEditorAnalyticsAPI(function (state) {
+      var _getSelectedTableInfo3 = getSelectedTableInfo(state.selection),
+        totalRowCount = _getSelectedTableInfo3.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo3.totalColumnCount;
       return {
         action: TABLE_ACTION.ADDED_COLUMN,
         actionSubject: ACTION_SUBJECT.TABLE,
@@ -208,9 +235,9 @@ export var deleteRowsWithAnalytics = function deleteRowsWithAnalytics(editorAnal
   return function (inputMethod, rect, isHeaderRowRequired) {
     return withEditorAnalyticsAPI(function (_ref5) {
       var selection = _ref5.selection;
-      var _getSelectedTableInfo3 = getSelectedTableInfo(selection),
-        totalRowCount = _getSelectedTableInfo3.totalRowCount,
-        totalColumnCount = _getSelectedTableInfo3.totalColumnCount;
+      var _getSelectedTableInfo4 = getSelectedTableInfo(selection),
+        totalRowCount = _getSelectedTableInfo4.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo4.totalColumnCount;
       return {
         action: TABLE_ACTION.DELETED_ROW,
         actionSubject: ACTION_SUBJECT.TABLE,
@@ -237,9 +264,9 @@ export var deleteColumnsWithAnalytics = function deleteColumnsWithAnalytics(edit
   return function (inputMethod, rect) {
     return withEditorAnalyticsAPI(function (_ref6) {
       var selection = _ref6.selection;
-      var _getSelectedTableInfo4 = getSelectedTableInfo(selection),
-        totalRowCount = _getSelectedTableInfo4.totalRowCount,
-        totalColumnCount = _getSelectedTableInfo4.totalColumnCount;
+      var _getSelectedTableInfo5 = getSelectedTableInfo(selection),
+        totalRowCount = _getSelectedTableInfo5.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo5.totalColumnCount;
       return {
         action: TABLE_ACTION.DELETED_COLUMN,
         actionSubject: ACTION_SUBJECT.TABLE,
@@ -269,8 +296,8 @@ export var deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut = function delete
     }
     var selectionType = getTableSelectionType(selection);
     if (selectionType === 'row') {
-      var _getPluginState = getPluginState(state),
-        pluginConfig = _getPluginState.pluginConfig;
+      var _getPluginState2 = getPluginState(state),
+        pluginConfig = _getPluginState2.pluginConfig;
       var isHeaderRowRequired = pluginConfig.isHeaderRowRequired || false;
       return deleteRowsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.SHORTCUT, rect, isHeaderRowRequired)(state, dispatch);
     } else if (selectionType === 'column') {
@@ -281,9 +308,9 @@ export var deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut = function delete
   };
 };
 var getTableDeletedAnalytics = function getTableDeletedAnalytics(selection, inputMethod) {
-  var _getSelectedTableInfo5 = getSelectedTableInfo(selection),
-    totalRowCount = _getSelectedTableInfo5.totalRowCount,
-    totalColumnCount = _getSelectedTableInfo5.totalColumnCount;
+  var _getSelectedTableInfo6 = getSelectedTableInfo(selection),
+    totalRowCount = _getSelectedTableInfo6.totalRowCount,
+    totalColumnCount = _getSelectedTableInfo6.totalColumnCount;
   return {
     action: TABLE_ACTION.DELETED,
     actionSubject: ACTION_SUBJECT.TABLE,
@@ -311,11 +338,11 @@ export var deleteTableIfSelectedWithAnalytics = function deleteTableIfSelectedWi
 };
 export var toggleHeaderRowWithAnalytics = function toggleHeaderRowWithAnalytics(editorAnalyticsAPI) {
   return withEditorAnalyticsAPI(function (state) {
-    var _getSelectedTableInfo6 = getSelectedTableInfo(state.selection),
-      totalRowCount = _getSelectedTableInfo6.totalRowCount,
-      totalColumnCount = _getSelectedTableInfo6.totalColumnCount;
-    var _getPluginState2 = getPluginState(state),
-      isHeaderRowEnabled = _getPluginState2.isHeaderRowEnabled;
+    var _getSelectedTableInfo7 = getSelectedTableInfo(state.selection),
+      totalRowCount = _getSelectedTableInfo7.totalRowCount,
+      totalColumnCount = _getSelectedTableInfo7.totalColumnCount;
+    var _getPluginState3 = getPluginState(state),
+      isHeaderRowEnabled = _getPluginState3.isHeaderRowEnabled;
     return {
       action: TABLE_ACTION.TOGGLED_HEADER_ROW,
       actionSubject: ACTION_SUBJECT.TABLE,
@@ -331,11 +358,11 @@ export var toggleHeaderRowWithAnalytics = function toggleHeaderRowWithAnalytics(
 };
 export var toggleHeaderColumnWithAnalytics = function toggleHeaderColumnWithAnalytics(editorAnalyticsAPI) {
   return withEditorAnalyticsAPI(function (state) {
-    var _getSelectedTableInfo7 = getSelectedTableInfo(state.selection),
-      totalRowCount = _getSelectedTableInfo7.totalRowCount,
-      totalColumnCount = _getSelectedTableInfo7.totalColumnCount;
-    var _getPluginState3 = getPluginState(state),
-      isHeaderColumnEnabled = _getPluginState3.isHeaderColumnEnabled;
+    var _getSelectedTableInfo8 = getSelectedTableInfo(state.selection),
+      totalRowCount = _getSelectedTableInfo8.totalRowCount,
+      totalColumnCount = _getSelectedTableInfo8.totalColumnCount;
+    var _getPluginState4 = getPluginState(state),
+      isHeaderColumnEnabled = _getPluginState4.isHeaderColumnEnabled;
     return {
       action: TABLE_ACTION.TOGGLED_HEADER_COLUMN,
       actionSubject: ACTION_SUBJECT.TABLE,
@@ -351,9 +378,9 @@ export var toggleHeaderColumnWithAnalytics = function toggleHeaderColumnWithAnal
 };
 export var toggleNumberColumnWithAnalytics = function toggleNumberColumnWithAnalytics(editorAnalyticsAPI) {
   return withEditorAnalyticsAPI(function (state) {
-    var _getSelectedTableInfo8 = getSelectedTableInfo(state.selection),
-      totalRowCount = _getSelectedTableInfo8.totalRowCount,
-      totalColumnCount = _getSelectedTableInfo8.totalColumnCount;
+    var _getSelectedTableInfo9 = getSelectedTableInfo(state.selection),
+      totalRowCount = _getSelectedTableInfo9.totalRowCount,
+      totalColumnCount = _getSelectedTableInfo9.totalColumnCount;
     return {
       action: TABLE_ACTION.TOGGLED_NUMBER_COLUMN,
       actionSubject: ACTION_SUBJECT.TABLE,
@@ -369,10 +396,10 @@ export var toggleNumberColumnWithAnalytics = function toggleNumberColumnWithAnal
 };
 export var toggleTableLayoutWithAnalytics = function toggleTableLayoutWithAnalytics(editorAnalyticsAPI) {
   return withEditorAnalyticsAPI(function (state) {
-    var _getSelectedTableInfo9 = getSelectedTableInfo(state.selection),
-      table = _getSelectedTableInfo9.table,
-      totalRowCount = _getSelectedTableInfo9.totalRowCount,
-      totalColumnCount = _getSelectedTableInfo9.totalColumnCount;
+    var _getSelectedTableInfo10 = getSelectedTableInfo(state.selection),
+      table = _getSelectedTableInfo10.table,
+      totalRowCount = _getSelectedTableInfo10.totalRowCount,
+      totalColumnCount = _getSelectedTableInfo10.totalColumnCount;
     if (table) {
       var _ref9 = table.node.attrs,
         layout = _ref9.layout;
@@ -395,9 +422,9 @@ export var toggleTableLayoutWithAnalytics = function toggleTableLayoutWithAnalyt
 export var sortColumnWithAnalytics = function sortColumnWithAnalytics(editorAnalyticsAPI) {
   return function (inputMethod, columnIndex, sortOrder) {
     return withEditorAnalyticsAPI(function (state) {
-      var _getSelectedTableInfo10 = getSelectedTableInfo(state.selection),
-        totalRowCount = _getSelectedTableInfo10.totalRowCount,
-        totalColumnCount = _getSelectedTableInfo10.totalColumnCount;
+      var _getSelectedTableInfo11 = getSelectedTableInfo(state.selection),
+        totalRowCount = _getSelectedTableInfo11.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo11.totalColumnCount;
       return {
         action: TABLE_ACTION.SORTED_COLUMN,
         actionSubject: ACTION_SUBJECT.TABLE,
@@ -439,9 +466,9 @@ export var distributeColumnsWidthsWithAnalytics = function distributeColumnsWidt
 };
 export var wrapTableInExpandWithAnalytics = function wrapTableInExpandWithAnalytics(editorAnalyticsAPI) {
   return withEditorAnalyticsAPI(function (state) {
-    var _getSelectedTableInfo11 = getSelectedTableInfo(state.selection),
-      totalRowCount = _getSelectedTableInfo11.totalRowCount,
-      totalColumnCount = _getSelectedTableInfo11.totalColumnCount;
+    var _getSelectedTableInfo12 = getSelectedTableInfo(state.selection),
+      totalRowCount = _getSelectedTableInfo12.totalRowCount,
+      totalColumnCount = _getSelectedTableInfo12.totalColumnCount;
     return {
       action: TABLE_ACTION.COLLAPSED,
       actionSubject: ACTION_SUBJECT.TABLE,

package/dist/esm/nodeviews/TableCell.js

@@ -5,7 +5,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import uuid from 'uuid';
 import { getCellAttrs, getCellDomAttrs } from '@atlaskit/adf-schema';
 import { getPluginState } from '../pm-plugins/plugin-factory';

package/dist/esm/nodeviews/TableComponent.js

@@ -9,7 +9,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import classnames from 'classnames';
 import memoizeOne from 'memoize-one';

package/dist/esm/nodeviews/TableRow.js

@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import debounce from 'lodash/debounce';
 import throttle from 'lodash/throttle';
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';

package/dist/esm/nodeviews/table.js

@@ -9,7 +9,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';

package/dist/esm/pm-plugins/keymap.js

@@ -4,8 +4,8 @@ import { chainCommands } from '@atlaskit/editor-prosemirror/commands';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { createTable, goToNextCell, moveCursorBackward } from '../commands';
-import { addRowAroundSelection, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut, deleteTableIfSelectedWithAnalytics, emptyMultipleCellsWithAnalytics } from '../commands-with-analytics';
-import { activateNextResizeArea, changeColumnWidthByStep, initiateKeyboardColumnResizing, stopKeyboardColumnResizing } from '../commands/column-resize';
+import { addRowAroundSelection, changeColumnWidthByStepWithAnalytics, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut, deleteTableIfSelectedWithAnalytics, emptyMultipleCellsWithAnalytics } from '../commands-with-analytics';
+import { activateNextResizeArea, initiateKeyboardColumnResizing, stopKeyboardColumnResizing } from '../commands/column-resize';
 import { addColumnAfter as addColumnAfterCommand, addColumnBefore as addColumnBeforeCommand } from '../commands/insert';
 import { moveSourceWithAnalyticsViaShortcut } from '../pm-plugins/drag-and-drop/commands-with-analytics';
 import { withEditorAnalyticsAPI } from '../utils/analytics';
@@ -58,8 +58,8 @@ export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, getEdi
     bindKeymapWithCommand(startColumnResizing.common, initiateKeyboardColumnResizing, list);
     bindKeymapWithCommand(moveRight.common, activateNextResizeArea(1), list);
     bindKeymapWithCommand(moveLeft.common, activateNextResizeArea(-1), list);
-    bindKeymapWithCommand(decreaseMediaSize.common, changeColumnWidthByStep(-10, getEditorContainerWidth, tablePreserveWidth), list);
-    bindKeymapWithCommand(increaseMediaSize.common, changeColumnWidthByStep(10, getEditorContainerWidth, tablePreserveWidth), list);
+    bindKeymapWithCommand(decreaseMediaSize.common, changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI)(-10, getEditorContainerWidth, tablePreserveWidth, INPUT_METHOD.SHORTCUT), list);
+    bindKeymapWithCommand(increaseMediaSize.common, changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI)(10, getEditorContainerWidth, tablePreserveWidth, INPUT_METHOD.SHORTCUT), list);
     bindKeymapWithCommand(escape.common, stopKeyboardColumnResizing(), list);
   }
   return keymap(list);

package/dist/esm/pm-plugins/table-resizing/event-handlers.js

@@ -1,4 +1,4 @@
-import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION, TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
+import { ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION, TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
 import { getParentNodeWidth } from '@atlaskit/editor-common/node-width';
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
@@ -141,6 +141,7 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
         // only selected (or selected - 1) columns should be distributed
         var resizingSelectedColumns = selectedColumns.indexOf(colIndex) > -1 || selectedColumns.indexOf(colIndex + 1) > -1;
         var newResizeState = resizeColumn(resizeState, colIndex, clientX - startX, dom, resizingSelectedColumns ? selectedColumns : undefined, tablePreserveWidth);
+        var resizedDelta = clientX - startX;
         tr = updateColumnWidths(newResizeState, table, start)(tr);
         if (colIndex === map.width - 1) {
           var mouseUpTime = event.timeStamp;
@@ -152,11 +153,25 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
               type: 'table-border',
               position: 'right',
               duration: mouseUpTime - mouseDownTime,
-              delta: Math.abs(clientX - dragging.startX)
+              delta: Math.abs(resizedDelta)
             },
             eventType: EVENT_TYPE.UI
           })(tr);
         }
+        editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
+          action: TABLE_ACTION.COLUMN_RESIZED,
+          actionSubject: ACTION_SUBJECT.TABLE,
+          eventType: EVENT_TYPE.TRACK,
+          attributes: {
+            colIndex: colIndex,
+            resizedDelta: resizedDelta,
+            isLastColumn: colIndex === map.width - 1,
+            tableWidth: table.attrs.width,
+            inputMethod: INPUT_METHOD.MOUSE,
+            totalRowCount: map.height,
+            totalColumnCount: map.width
+          }
+        })(tr);
       }
       if (getBooleanFF('platform.editor.a11y-column-resizing_emcvz')) {
         if (isKeyboardResize || !isTableHovered) {

package/dist/esm/pm-plugins/table-resizing/utils/resize-state.js

@@ -48,7 +48,6 @@ export var getResizeState = function getResizeState(_ref) {
   // Getting the resize state from DOM
   var colgroupChildren = insertColgroupFromNode(tableRef, table, tablePreserveWidth, shouldReinsertColgroup // don't reinsert colgroup when preserving table width - this causes widths to jump
   );
-
   var cols = Array.from(colgroupChildren).map(function (_, index) {
     // If the table hasn't been resized and we have a table width attribute, we can use it
     // to calculate the widths of the columns

package/dist/esm/reducer.js

@@ -35,7 +35,6 @@ export default (function (pluginState, action) {
       return _objectSpread(_objectSpread(_objectSpread({}, pluginState), action.data), {}, {
         insertColumnButtonIndex: undefined // We need to assure that column is not shown
       });
-
     case 'SHOW_INSERT_COLUMN_BUTTON':
       if (action.data.insertColumnButtonIndex === pluginState.insertColumnButtonIndex) {
         return pluginState;
@@ -43,7 +42,6 @@ export default (function (pluginState, action) {
       return _objectSpread(_objectSpread(_objectSpread({}, pluginState), action.data), {}, {
         insertRowButtonIndex: undefined // We need to assure that row is not shown
       });
-
     case 'HIDE_INSERT_COLUMN_OR_ROW_BUTTON':
       if (pluginState.insertRowButtonIndex !== undefined || pluginState.insertColumnButtonIndex !== undefined) {
         return _objectSpread(_objectSpread({}, pluginState), {}, {

package/dist/esm/ui/FloatingContextualMenu/ContextualMenu.js

@@ -9,7 +9,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 /** @jsx jsx */
 import { Component } from 'react';

package/dist/esm/ui/FloatingDeleteButton/index.js

@@ -9,7 +9,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
 import { createPortal } from 'react-dom';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';

package/dist/esm/ui/FloatingInsertButton/index.js

@@ -7,7 +7,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import { ACTION, ACTION_SUBJECT, CONTENT_COMPONENT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';

package/dist/esm/ui/LayoutButton/index.js

@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { createRef } from 'react';

package/dist/esm/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js

@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
 import classnames from 'classnames';
 import { injectIntl } from 'react-intl-next';

package/dist/esm/ui/TableFloatingControls/NumberColumn/index.js

@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
 import classnames from 'classnames';
 import { Selection } from '@atlaskit/editor-prosemirror/state';

package/dist/esm/ui/TableFloatingControls/RowControls/ClassicControls.js

@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';

package/dist/esm/ui/TableFloatingControls/index.js

@@ -9,7 +9,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
 import { browser } from '@atlaskit/editor-common/utils';
 import { hoverCell, hoverRows, selectRow, selectRows } from '../../commands';

package/dist/esm/utils/decoration.js

@@ -431,11 +431,9 @@ export var createColumnLineResize = function createColumnLineResize(selection, c
     if (isLastColumn) {
       return true; // If is the last column no filter applied
     }
-
     var nextPosition = map.map[map.width * rowIndex + columnIndex - 1];
     return cellPosition !== nextPosition; // Removed it if next position is merged
   });
-
   var cells = cellPositions.map(function (pos) {
     return {
       pos: pos + table.start,
@@ -476,11 +474,9 @@ export var createColumnInsertLine = function createColumnInsertLine(columnIndex,
     if (isLastColumn) {
       return true; // If is the last column no filter applied
     }
-
     var nextPosition = map.map[map.width * rowIndex + columnIndex - 1];
     return cellPosition !== nextPosition; // Removed it if next position is merged
   });
-
   var cells = cellPositions.map(function (pos) {
     return {
       pos: pos + table.start,

package/dist/esm/utils/merged-cells.js

@@ -118,7 +118,6 @@ export var hasMergedCellsInBetween = function hasMergedCellsInBetween(indexes, t
         return !cells.includes(nodePos) // cell exists in Rect but not show in the map.cellsInRect list => merged cell
         ? true : mergedCells.has(nodePos); // cell includes in mergedCells => merged cell
       });
-
       return _toConsumableArray(new Set(mergedCell));
     };
     var mergedCellsInRectArr = indexes.map(function (index) {
@@ -227,8 +226,13 @@ export var checkEdgeHasMergedCells = function checkEdgeHasMergedCells(indexes, t
   var maxIndex = Math.max.apply(Math, _toConsumableArray(indexes));
   var isTopSideHaveMergedCells = false;
   var isBottomSideHaveMergedCells = false;
-  var isOldMinIndex = !map[minIndex - 1] && !map[minIndex];
-  var isOldMaxIndex = !map[maxIndex + 1] && !map[maxIndex];
+
+  /**
+   * this is to check if the cell position from last focused table is overflow. since if you selection from a cell in 6th row and 7th column cell in a 7x8 table to 3x3 table, the cell position will be overflow because new table dont have this cell at all.
+   TODO: ED-22335 this should better called only when hover over the drag handle.
+  */
+  var isOldMinIndex = !map[minIndex - 1] || !map[minIndex];
+  var isOldMaxIndex = !map[maxIndex + 1] || !map[maxIndex];
   if (minIndex > 0 && !isOldMinIndex) {
     var prevSelectionSet = map[minIndex - 1];
     var minSelectionSet = map[minIndex];

package/dist/types/commands-with-analytics.d.ts

@@ -11,6 +11,7 @@ export declare const splitCellWithAnalytics: (editorAnalyticsAPI: EditorAnalytic
 export declare const setColorWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, cellColor: string, targetCellPosition?: number) => Command;
 export declare const addRowAroundSelection: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (side: RowInsertPosition) => Command;
 export declare const insertRowWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: InsertRowMethods, options: InsertRowOptions) => Command;
+export declare const changeColumnWidthByStepWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (stepSize: number, getEditorContainerWidth: GetEditorContainerWidth, tablePreserveWidth: boolean, inputMethod: INPUT_METHOD.SHORTCUT) => Command;
 export declare const insertColumnWithAnalytics: (getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, tablePreserveWidth?: boolean) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.SHORTCUT | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, position: number) => Command;
 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;
 export declare const deleteColumnsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, tablePreserveWidth?: boolean) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.SHORTCUT | INPUT_METHOD.TABLE_CONTEXT_MENU, rect: Rect) => Command;

package/dist/types-ts4.5/commands-with-analytics.d.ts

@@ -11,6 +11,7 @@ export declare const splitCellWithAnalytics: (editorAnalyticsAPI: EditorAnalytic
 export declare const setColorWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, cellColor: string, targetCellPosition?: number) => Command;
 export declare const addRowAroundSelection: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (side: RowInsertPosition) => Command;
 export declare const insertRowWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: InsertRowMethods, options: InsertRowOptions) => Command;
+export declare const changeColumnWidthByStepWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (stepSize: number, getEditorContainerWidth: GetEditorContainerWidth, tablePreserveWidth: boolean, inputMethod: INPUT_METHOD.SHORTCUT) => Command;
 export declare const insertColumnWithAnalytics: (getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, tablePreserveWidth?: boolean) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.SHORTCUT | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, position: number) => Command;
 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;
 export declare const deleteColumnsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, tablePreserveWidth?: boolean) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.SHORTCUT | INPUT_METHOD.TABLE_CONTEXT_MENU, rect: Rect) => Command;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "7.5.1",
+  "version": "7.5.3",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -145,4 +145,4 @@
       "type": "boolean"
     }
   }
-}
+}

package/src/commands-with-analytics.ts

@@ -27,6 +27,7 @@ import {
 
 import { clearMultipleCells } from './commands/clear';
 import { wrapTableInExpand } from './commands/collapse';
+import { changeColumnWidthByStep } from './commands/column-resize';
 import { deleteColumnsCommand } from './commands/delete';
 import { insertColumn, insertRow } from './commands/insert';
 import {
@@ -251,6 +252,44 @@ export const insertRowWithAnalytics =
       insertRow(options.index, options.moveCursorToInsertedRow),
     );
 
+export const changeColumnWidthByStepWithAnalytics =
+  (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) =>
+  (
+    stepSize: number,
+    getEditorContainerWidth: GetEditorContainerWidth,
+    tablePreserveWidth: boolean,
+    inputMethod: INPUT_METHOD.SHORTCUT,
+  ) =>
+    withEditorAnalyticsAPI((state) => {
+      const { table, totalRowCount, totalColumnCount } = getSelectedTableInfo(
+        state.selection,
+      );
+      const {
+        hoveredCell: { colIndex },
+      } = getPluginState(state);
+
+      return {
+        action: TABLE_ACTION.COLUMN_RESIZED,
+        actionSubject: ACTION_SUBJECT.TABLE,
+        eventType: EVENT_TYPE.TRACK,
+        attributes: {
+          colIndex,
+          resizedDelta: stepSize,
+          isLastColumn: colIndex === totalColumnCount - 1,
+          tableWidth: table?.node.attrs.width,
+          inputMethod,
+          totalRowCount,
+          totalColumnCount,
+        },
+      };
+    })(editorAnalyticsAPI)(
+      changeColumnWidthByStep(
+        stepSize,
+        getEditorContainerWidth,
+        tablePreserveWidth,
+      ),
+    );
+
 export const insertColumnWithAnalytics =
   (
     getEditorContainerWidth: GetEditorContainerWidth,

package/src/pm-plugins/keymap.ts

@@ -41,13 +41,13 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { createTable, goToNextCell, moveCursorBackward } from '../commands';
 import {
   addRowAroundSelection,
+  changeColumnWidthByStepWithAnalytics,
   deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut,
   deleteTableIfSelectedWithAnalytics,
   emptyMultipleCellsWithAnalytics,
 } from '../commands-with-analytics';
 import {
   activateNextResizeArea,
-  changeColumnWidthByStep,
   initiateKeyboardColumnResizing,
   stopKeyboardColumnResizing,
 } from '../commands/column-resize';
@@ -198,13 +198,23 @@ export function keymapPlugin(
 
     bindKeymapWithCommand(
       decreaseMediaSize.common!,
-      changeColumnWidthByStep(-10, getEditorContainerWidth, tablePreserveWidth),
+      changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI)(
+        -10,
+        getEditorContainerWidth,
+        tablePreserveWidth,
+        INPUT_METHOD.SHORTCUT,
+      ),
       list,
     );
 
     bindKeymapWithCommand(
       increaseMediaSize.common!,
-      changeColumnWidthByStep(10, getEditorContainerWidth, tablePreserveWidth),
+      changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI)(
+        10,
+        getEditorContainerWidth,
+        tablePreserveWidth,
+        INPUT_METHOD.SHORTCUT,
+      ),
       list,
     );
     bindKeymapWithCommand(escape.common!, stopKeyboardColumnResizing(), list);