@atlaskit/editor-plugin-table 5.4.6 → 5.4.7

package/dist/esm/plugins/table/index.js

@@ -12,6 +12,8 @@ import { tableEditing } from '@atlaskit/editor-tables/pm-plugins';
 import { createTable } from '@atlaskit/editor-tables/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { pluginConfig } from './create-plugin-config';
+import { createPlugin as createTableAnalyticsPlugin } from './pm-plugins/analytics/plugin';
+import { pluginKey as tableAnalyticsPluginKey } from './pm-plugins/analytics/plugin-key';
 import { createPlugin as createDecorationsPlugin } from './pm-plugins/decorations/plugin';
 import { createPlugin as createDragAndDropPlugin, pluginKey as dragAndDropPluginKey } from './pm-plugins/drag-and-drop';
 import { keymapPlugin } from './pm-plugins/keymap';
@@ -19,7 +21,7 @@ import { createPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { createPlugin as createTableSafariDeleteCompositionTextIssueWorkaroundPlugin } from './pm-plugins/safari-delete-composition-text-issue-workaround';
 import { createPlugin as createStickyHeadersPlugin, findStickyHeaderForTable, pluginKey as stickyHeadersPluginKey } from './pm-plugins/sticky-headers';
-import { createPlugin as createTableAnalyticsPlugin, pluginKey as tableAnalyticsPluginKey } from './pm-plugins/table-analytics';
+import { createPlugin as createTableOverflowAnalyticsPlugin } from './pm-plugins/table-analytics';
 import { createPlugin as createTableLocalIdPlugin } from './pm-plugins/table-local-id';
 import { createPlugin as createFlexiResizingPlugin, pluginKey as tableResizingPluginKey } from './pm-plugins/table-resizing';
 import { tableSelectionKeymapPlugin } from './pm-plugins/table-selection-keymap';
@@ -191,13 +193,22 @@ var tablesPlugin = function tablesPlugin(_ref) {
             dispatch = _ref10.dispatch;
           return options !== null && options !== void 0 && options.tableResizingEnabled ? createTableWidthPlugin(dispatch, dispatchAnalyticsEvent, (_options$fullWidthEna = options === null || options === void 0 ? void 0 : options.fullWidthEnabled) !== null && _options$fullWidthEna !== void 0 ? _options$fullWidthEna : false) : undefined;
         }
-      }, {
-        name: 'tableAnalyticsPlugin',
+      },
+      // TODO: should be deprecated and eventually replaced with 'tableAnalyticsPlugin'
+      {
+        name: 'tableOverflowAnalyticsPlugin',
         plugin: function plugin(_ref11) {
           var _options$tableResizin;
           var dispatch = _ref11.dispatch,
             dispatchAnalyticsEvent = _ref11.dispatchAnalyticsEvent;
-          return getBooleanFF('platform.editor.table.overflow-state-analytics') ? createTableAnalyticsPlugin(dispatch, dispatchAnalyticsEvent, (_options$tableResizin = options === null || options === void 0 ? void 0 : options.tableResizingEnabled) !== null && _options$tableResizin !== void 0 ? _options$tableResizin : false) : undefined;
+          return getBooleanFF('platform.editor.table.overflow-state-analytics') ? createTableOverflowAnalyticsPlugin(dispatch, dispatchAnalyticsEvent, (_options$tableResizin = options === null || options === void 0 ? void 0 : options.tableResizingEnabled) !== null && _options$tableResizin !== void 0 ? _options$tableResizin : false) : undefined;
+        }
+      }, {
+        name: 'tableAnalyticsPlugin',
+        plugin: function plugin(_ref12) {
+          var dispatch = _ref12.dispatch,
+            dispatchAnalyticsEvent = _ref12.dispatchAnalyticsEvent;
+          return getBooleanFF('platform.editor.table.analytics-plugin-moved-event') ? createTableAnalyticsPlugin(dispatch, dispatchAnalyticsEvent) : undefined;
         }
       }, {
         name: 'tableGetEditorViewReferencePlugin',
@@ -227,12 +238,12 @@ var tablesPlugin = function tablesPlugin(_ref) {
       }
       return plugins;
     },
-    contentComponent: function contentComponent(_ref12) {
-      var editorView = _ref12.editorView,
-        popupsMountPoint = _ref12.popupsMountPoint,
-        popupsBoundariesElement = _ref12.popupsBoundariesElement,
-        popupsScrollableElement = _ref12.popupsScrollableElement,
-        dispatchAnalyticsEvent = _ref12.dispatchAnalyticsEvent;
+    contentComponent: function contentComponent(_ref13) {
+      var editorView = _ref13.editorView,
+        popupsMountPoint = _ref13.popupsMountPoint,
+        popupsBoundariesElement = _ref13.popupsBoundariesElement,
+        popupsScrollableElement = _ref13.popupsScrollableElement,
+        dispatchAnalyticsEvent = _ref13.dispatchAnalyticsEvent;
       return /*#__PURE__*/React.createElement(ErrorBoundary, {
         component: ACTION_SUBJECT.TABLES_PLUGIN,
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
@@ -246,30 +257,30 @@ var tablesPlugin = function tablesPlugin(_ref) {
           stickyHeadersState: stickyHeadersPluginKey,
           dragAndDropState: dragAndDropPluginKey
         },
-        render: function render(_ref13) {
-          var resizingPluginState = _ref13.tableResizingPluginState,
-            stickyHeadersState = _ref13.stickyHeadersState,
-            tablePluginState = _ref13.tablePluginState,
-            tableWidthPluginState = _ref13.tableWidthPluginState,
-            dragAndDropState = _ref13.dragAndDropState;
+        render: function render(_ref14) {
+          var resizingPluginState = _ref14.tableResizingPluginState,
+            stickyHeadersState = _ref14.stickyHeadersState,
+            tablePluginState = _ref14.tablePluginState,
+            tableWidthPluginState = _ref14.tableWidthPluginState,
+            dragAndDropState = _ref14.dragAndDropState;
           var state = editorView.state;
           var isColumnResizing = resizingPluginState === null || resizingPluginState === void 0 ? void 0 : resizingPluginState.dragging;
           var isTableResizing = tableWidthPluginState === null || tableWidthPluginState === void 0 ? void 0 : tableWidthPluginState.resizing;
           var isResizing = isColumnResizing || isTableResizing;
-          var _ref14 = tablePluginState,
-            tableNode = _ref14.tableNode,
-            tablePos = _ref14.tablePos,
-            targetCellPosition = _ref14.targetCellPosition,
-            isContextualMenuOpen = _ref14.isContextualMenuOpen,
-            layout = _ref14.layout,
-            tableRef = _ref14.tableRef,
-            pluginConfig = _ref14.pluginConfig,
-            insertColumnButtonIndex = _ref14.insertColumnButtonIndex,
-            insertRowButtonIndex = _ref14.insertRowButtonIndex,
-            isHeaderColumnEnabled = _ref14.isHeaderColumnEnabled,
-            isHeaderRowEnabled = _ref14.isHeaderRowEnabled,
-            isDragAndDropEnabled = _ref14.isDragAndDropEnabled,
-            tableWrapperTarget = _ref14.tableWrapperTarget;
+          var _ref15 = tablePluginState,
+            tableNode = _ref15.tableNode,
+            tablePos = _ref15.tablePos,
+            targetCellPosition = _ref15.targetCellPosition,
+            isContextualMenuOpen = _ref15.isContextualMenuOpen,
+            layout = _ref15.layout,
+            tableRef = _ref15.tableRef,
+            pluginConfig = _ref15.pluginConfig,
+            insertColumnButtonIndex = _ref15.insertColumnButtonIndex,
+            insertRowButtonIndex = _ref15.insertRowButtonIndex,
+            isHeaderColumnEnabled = _ref15.isHeaderColumnEnabled,
+            isHeaderRowEnabled = _ref15.isHeaderRowEnabled,
+            isDragAndDropEnabled = _ref15.isDragAndDropEnabled,
+            tableWrapperTarget = _ref15.tableWrapperTarget;
           var allowControls = pluginConfig.allowControls;
           var stickyHeader = stickyHeadersState ? findStickyHeaderForTable(stickyHeadersState, tablePos) : undefined;
           var LayoutContent = options && !options.tableResizingEnabled && isLayoutSupported(state) && options.breakoutEnabled ? /*#__PURE__*/React.createElement(LayoutButton, {
@@ -347,8 +358,8 @@ var tablesPlugin = function tablesPlugin(_ref) {
       }));
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref15) {
-        var formatMessage = _ref15.formatMessage;
+      quickInsert: function quickInsert(_ref16) {
+        var formatMessage = _ref16.formatMessage;
         return [{
           id: 'table',
           title: formatMessage(messages.table),

package/dist/esm/plugins/table/nodeviews/TableComponent.js

@@ -14,10 +14,9 @@ import classnames from 'classnames';
 import memoizeOne from 'memoize-one';
 import rafSchedule from 'raf-schd';
 import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
-import { createDispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { getParentNodeWidth } from '@atlaskit/editor-common/node-width';
 import { tableMarginSides } from '@atlaskit/editor-common/styles';
-import { analyticsEventKey, browser, isValidPosition } from '@atlaskit/editor-common/utils';
+import { browser, isValidPosition } from '@atlaskit/editor-common/utils';
 import { MAX_BROWSER_SCROLLBAR_HEIGHT, akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -190,25 +189,22 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "setTimerToSendInitialOverflowCaptured", function (isOverflowing) {
       var _this$state;
       var _this$props3 = _this.props,
-        eventDispatcher = _this$props3.eventDispatcher,
+        dispatchAnalyticsEvent = _this$props3.dispatchAnalyticsEvent,
         containerWidth = _this$props3.containerWidth,
         options = _this$props3.options;
-      var dispatch = createDispatch(eventDispatcher);
       var parentWidth = ((_this$state = _this.state) === null || _this$state === void 0 ? void 0 : _this$state.parentWidth) || 0;
       _this.initialOverflowCaptureTimerId = setTimeout(function () {
-        dispatch(analyticsEventKey, {
-          payload: {
-            action: TABLE_ACTION.INITIAL_OVERFLOW_CAPTURED,
-            actionSubject: ACTION_SUBJECT.TABLE,
-            actionSubjectId: null,
-            eventType: EVENT_TYPE.TRACK,
-            attributes: {
-              editorWidth: containerWidth.width || 0,
-              isOverflowing: isOverflowing,
-              tableResizingEnabled: (options === null || options === void 0 ? void 0 : options.isTableResizingEnabled) || false,
-              width: _this.node.attrs.width || 0,
-              parentWidth: parentWidth
-            }
+        dispatchAnalyticsEvent({
+          action: TABLE_ACTION.INITIAL_OVERFLOW_CAPTURED,
+          actionSubject: ACTION_SUBJECT.TABLE,
+          actionSubjectId: null,
+          eventType: EVENT_TYPE.TRACK,
+          attributes: {
+            editorWidth: containerWidth.width || 0,
+            isOverflowing: isOverflowing,
+            tableResizingEnabled: (options === null || options === void 0 ? void 0 : options.isTableResizingEnabled) || false,
+            width: _this.node.attrs.width || 0,
+            parentWidth: parentWidth
           }
         });
         _this.isInitialOverflowSent = true;

package/dist/esm/plugins/table/nodeviews/TableResizer.js

@@ -135,10 +135,10 @@ export var TableResizer = function TableResizer(_ref) {
     isResizing.current = true;
     var dispatch = editorView.dispatch,
       tr = editorView.state.tr;
+    displayGapCursor(false);
     tr.setMeta(tableWidthPluginKey, {
       resizing: true
     });
-    displayGapCursor(false);
     tr.setMeta(META_KEYS.OVERFLOW_TRIGGER, {
       name: TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED
     });

package/dist/esm/plugins/table/nodeviews/table.js

@@ -177,6 +177,7 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
             containerWidth: containerWidth,
             contentDOM: forwardRef,
             getEditorFeatureFlags: props.getEditorFeatureFlags,
+            dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
             pluginInjectionApi: props.pluginInjectionApi
           });
         }
@@ -243,7 +244,7 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
   return TableView;
 }(ReactNodeView);
 export { TableView as default };
-export var createTableView = function createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, pluginInjectionApi) {
+export var createTableView = function createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, dispatchAnalyticsEvent, pluginInjectionApi) {
   var _getPluginState2 = getPluginState(view.state),
     pluginConfig = _getPluginState2.pluginConfig,
     isBreakoutEnabled = _getPluginState2.isBreakoutEnabled,
@@ -270,6 +271,7 @@ export var createTableView = function createTableView(node, view, getPos, portal
     },
     getEditorContainerWidth: getEditorContainerWidth,
     getEditorFeatureFlags: getEditorFeatureFlags,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     hasIntlContext: hasIntlContext,
     pluginInjectionApi: pluginInjectionApi
   }).init();

package/dist/esm/plugins/table/pm-plugins/analytics/actions.js

@@ -0,0 +1,8 @@
+export var AnalyticPluginTypes = /*#__PURE__*/function (AnalyticPluginTypes) {
+  AnalyticPluginTypes[AnalyticPluginTypes["UpdateOverflowTriggerNameAction"] = 0] = "UpdateOverflowTriggerNameAction";
+  AnalyticPluginTypes[AnalyticPluginTypes["UpdateRowOrColumnMovedAction"] = 1] = "UpdateRowOrColumnMovedAction";
+  AnalyticPluginTypes[AnalyticPluginTypes["RemoveRowOrColumnMovedAction"] = 2] = "RemoveRowOrColumnMovedAction";
+  AnalyticPluginTypes[AnalyticPluginTypes["RemoveOverFlowTriggerNameAction"] = 3] = "RemoveOverFlowTriggerNameAction";
+  AnalyticPluginTypes[AnalyticPluginTypes["UpdateRowOrColumnMovedAndOverflowTrigger"] = 4] = "UpdateRowOrColumnMovedAndOverflowTrigger";
+  return AnalyticPluginTypes;
+}({});

package/dist/esm/plugins/table/pm-plugins/analytics/commands.js

@@ -0,0 +1,39 @@
+import { AnalyticPluginTypes } from './actions';
+import { createCommand, getPluginState } from './plugin-factory';
+import { pluginKey } from './plugin-key';
+import { getMovedPayload } from './utils/moved-event';
+export var updateRowOrColumnMoved = function updateRowOrColumnMoved(nextState, nextAction) {
+  return createCommand(function (state) {
+    var _getPluginState = getPluginState(state),
+      rowOrColumnMoved = _getPluginState.rowOrColumnMoved;
+    var data = getMovedPayload(nextState, nextAction, rowOrColumnMoved);
+    return {
+      type: AnalyticPluginTypes.UpdateRowOrColumnMovedAction,
+      data: data
+    };
+  }, function (tr) {
+    return tr.setMeta('addToHistory', false);
+  });
+};
+
+// --- transforms, prefer these over commands to avoid an extra 'dispatch'
+export var resetRowOrColumnMovedTransform = function resetRowOrColumnMovedTransform() {
+  return function (tr) {
+    var payload = {
+      type: AnalyticPluginTypes.RemoveRowOrColumnMovedAction
+    };
+    return tr.setMeta(pluginKey, payload);
+  };
+};
+export var updateRowOrColumnMovedTransform = function updateRowOrColumnMovedTransform(nextState, nextAction) {
+  return function (state, tr) {
+    var _getPluginState2 = getPluginState(state),
+      rowOrColumnMoved = _getPluginState2.rowOrColumnMoved;
+    var data = getMovedPayload(nextState, nextAction, rowOrColumnMoved);
+    var payload = {
+      type: AnalyticPluginTypes.UpdateRowOrColumnMovedAction,
+      data: data
+    };
+    return tr.setMeta(pluginKey, payload);
+  };
+};

package/dist/esm/plugins/table/pm-plugins/analytics/plugin-factory.js

@@ -0,0 +1,8 @@
+import { pluginFactory } from '@atlaskit/editor-common/utils';
+import { pluginKey } from './plugin-key';
+import { reducer } from './reducer';
+var _pluginFactory = pluginFactory(pluginKey, reducer),
+  createPluginState = _pluginFactory.createPluginState,
+  createCommand = _pluginFactory.createCommand,
+  getPluginState = _pluginFactory.getPluginState;
+export { createPluginState, createCommand, getPluginState };

package/dist/esm/plugins/table/pm-plugins/analytics/plugin-key.js

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export var pluginKey = new PluginKey('tableAnalyticPlugin');

package/dist/esm/plugins/table/pm-plugins/analytics/plugin.js

@@ -0,0 +1,68 @@
+import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { countCellsInSlice, getTableElementMoveTypeBySlice, getTableSelectionType, isInsideFirstCellOfRowOrColumn } from '../../commands/misc';
+import { resetRowOrColumnMovedTransform, updateRowOrColumnMoved } from './commands';
+import { createPluginState } from './plugin-factory';
+import { pluginKey } from './plugin-key';
+import { defaultState } from './types';
+export var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent) {
+  return new SafePlugin({
+    key: pluginKey,
+    state: createPluginState(dispatch, defaultState),
+    appendTransaction: function appendTransaction(transactions, oldState, newState) {
+      var tr = transactions.find(function (tr) {
+        var _tr$getMeta;
+        return (_tr$getMeta = tr.getMeta(pluginKey)) === null || _tr$getMeta === void 0 || (_tr$getMeta = _tr$getMeta.data) === null || _tr$getMeta === void 0 || (_tr$getMeta = _tr$getMeta.currentActions) === null || _tr$getMeta === void 0 ? void 0 : _tr$getMeta.includes('pasted');
+      });
+      if (tr) {
+        var _tr$getMeta2;
+        dispatchAnalyticsEvent({
+          action: TABLE_ACTION.ROW_OR_COLUMN_MOVED,
+          actionSubject: ACTION_SUBJECT.TABLE,
+          actionSubjectId: null,
+          eventType: EVENT_TYPE.TRACK,
+          attributes: {
+            type: (_tr$getMeta2 = tr.getMeta(pluginKey)) === null || _tr$getMeta2 === void 0 || (_tr$getMeta2 = _tr$getMeta2.data) === null || _tr$getMeta2 === void 0 ? void 0 : _tr$getMeta2.type
+          }
+        });
+        return resetRowOrColumnMovedTransform()(tr);
+      }
+      return undefined;
+    },
+    props: {
+      handlePaste: function handlePaste(_ref, event, slice) {
+        var state = _ref.state,
+          dispatch = _ref.dispatch;
+        if (getBooleanFF('platform.editor.table.analytics-plugin-moved-event')) {
+          var schema = state.schema;
+          var type = getTableElementMoveTypeBySlice(slice, state);
+
+          // if the selection wasn't in the first cell of a row or column, don't count it
+          if (!isInsideFirstCellOfRowOrColumn(state.selection, type)) {
+            return;
+          }
+          var count = countCellsInSlice(slice, schema, type);
+          updateRowOrColumnMoved({
+            numberOfCells: count,
+            type: type
+          }, 'pasted')(state, dispatch);
+        }
+      },
+      transformCopied: function transformCopied(slice, _ref2) {
+        var state = _ref2.state,
+          dispatch = _ref2.dispatch;
+        if (getBooleanFF('platform.editor.table.analytics-plugin-moved-event')) {
+          var schema = state.schema;
+          var type = getTableSelectionType(state.selection);
+          var count = countCellsInSlice(slice, schema, type);
+          updateRowOrColumnMoved({
+            numberOfCells: count,
+            type: type
+          }, 'copyOrCut')(state, dispatch);
+        }
+        return slice;
+      }
+    }
+  });
+};

package/dist/esm/plugins/table/pm-plugins/analytics/reducer.js

@@ -0,0 +1,19 @@
+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; }
+import { AnalyticPluginTypes } from './actions';
+import { defaultState } from './types';
+export var reducer = function reducer(state, action) {
+  switch (action.type) {
+    case AnalyticPluginTypes.UpdateRowOrColumnMovedAction:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        rowOrColumnMoved: _objectSpread(_objectSpread({}, state.rowOrColumnMoved), action.data)
+      });
+    case AnalyticPluginTypes.RemoveRowOrColumnMovedAction:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        rowOrColumnMoved: defaultState.rowOrColumnMoved
+      });
+    default:
+      return state;
+  }
+};

package/dist/esm/plugins/table/pm-plugins/analytics/types.js

@@ -0,0 +1,7 @@
+export var defaultState = {
+  rowOrColumnMoved: {
+    type: undefined,
+    numberOfCells: undefined,
+    currentActions: []
+  }
+};

package/dist/esm/plugins/table/pm-plugins/analytics/utils/moved-event.js

@@ -0,0 +1,31 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { defaultState } from '../types';
+var getNextActionType = function getNextActionType(nextState, nextAction, prevState) {
+  if (nextAction === 'pasted') {
+    if (prevState && prevState.currentActions.includes('copyOrCut') && prevState.currentActions.includes('addRowOrColumn') && prevState.numberOfCells === nextState.numberOfCells && prevState.type === nextState.type) {
+      return 'pasted';
+    }
+    return 'none';
+  }
+  return nextAction;
+};
+export var getMovedPayload = function getMovedPayload(nextState, nextAction, prevState) {
+  var nextActionType = getNextActionType(nextState, nextAction, prevState);
+  if (nextActionType === 'none') {
+    return defaultState.rowOrColumnMoved;
+  }
+
+  // a new workflow has started in the opposite axis (e.g. inserted a row, but copied a column) remove old state
+  if (prevState.type !== nextState.type) {
+    return {
+      currentActions: [nextActionType],
+      numberOfCells: nextState === null || nextState === void 0 ? void 0 : nextState.numberOfCells,
+      type: nextState.type
+    };
+  }
+  return {
+    currentActions: prevState.currentActions.includes(nextActionType) ? prevState.currentActions : [].concat(_toConsumableArray(prevState.currentActions), [nextActionType]),
+    numberOfCells: (nextState === null || nextState === void 0 ? void 0 : nextState.numberOfCells) || prevState.numberOfCells,
+    type: nextState === null || nextState === void 0 ? void 0 : nextState.type
+  };
+};

package/dist/esm/plugins/table/pm-plugins/main.js

@@ -225,7 +225,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
       },
       nodeViews: {
         table: function table(node, view, getPos) {
-          return createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, pluginInjectionApi);
+          return createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, dispatchAnalyticsEvent, pluginInjectionApi);
         },
         tableRow: function tableRow(node, view, getPos) {
           return new TableRow(node, view, getPos, eventDispatcher);

package/dist/esm/plugins/table/pm-plugins/table-analytics.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION, TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export var pluginKey = new PluginKey('tableAnalyticsPlugin');
+export var pluginKey = new PluginKey('tableOverflowAnalyticsPlugin');
 export var META_KEYS = {
   OVERFLOW_TRIGGER: 'tableOverflowTrigger',
   OVERFLOW_STATE_CHANGED: 'tableOverflowStateChanged'

package/dist/types/plugins/table/commands/misc.d.ts

@@ -1,6 +1,6 @@
 import type { Command } from '@atlaskit/editor-common/types';
 import type { Node as PMNode, Schema, Slice } from '@atlaskit/editor-prosemirror/model';
-import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorState, Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export declare const setEditorFocus: (editorHasFocus: boolean) => Command;
@@ -10,6 +10,10 @@ export declare const triggerUnlessTableHeader: (command: Command) => Command;
 export declare const transformSliceRemoveCellBackgroundColor: (slice: Slice, schema: Schema) => Slice;
 export declare const transformSliceToAddTableHeaders: (slice: Slice, schema: Schema) => Slice;
 export declare const transformSliceToRemoveColumnsWidths: (slice: Slice, schema: Schema) => Slice;
+export declare const countCellsInSlice: (slice: Slice, schema: Schema, type?: 'row' | 'column') => number;
+export declare const getTableSelectionType: (selection: Selection) => "row" | "column" | undefined;
+export declare const getTableElementMoveTypeBySlice: (slice: Slice, state: EditorState) => "row" | "column" | undefined;
+export declare const isInsideFirstCellOfRowOrColumn: (selection: Selection, type?: 'row' | 'column') => boolean | undefined;
 export declare const deleteTable: Command;
 export declare const deleteTableIfSelected: Command;
 export declare const convertFirstRowToHeader: (schema: Schema) => (tr: Transaction) => Transaction;

package/dist/types/plugins/table/nodeviews/TableComponent.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { TableColumnOrdering } from '@atlaskit/custom-steps';
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { EditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
@@ -26,6 +27,7 @@ export interface ComponentProps {
     ordering: TableColumnOrdering;
     isResizing?: boolean;
     getEditorFeatureFlags: GetEditorFeatureFlags;
+    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     pluginInjectionApi?: PluginInjectionAPI;
 }
 interface TableState {

package/dist/types/plugins/table/nodeviews/table.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
@@ -29,5 +30,5 @@ export default class TableView extends ReactNodeView<Props> {
     }): boolean;
     destroy(): void;
 }
-export declare const createTableView: (node: PmNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, pluginInjectionApi?: PluginInjectionAPI) => NodeView;
+export declare const createTableView: (node: PmNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, dispatchAnalyticsEvent: DispatchAnalyticsEvent, pluginInjectionApi?: PluginInjectionAPI) => NodeView;
 export {};

package/dist/types/plugins/table/nodeviews/types.d.ts

@@ -1,3 +1,4 @@
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
@@ -22,6 +23,7 @@ export interface Props {
     options?: TableOptions;
     getEditorContainerWidth: GetEditorContainerWidth;
     getEditorFeatureFlags: GetEditorFeatureFlags;
+    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     hasIntlContext: boolean;
     pluginInjectionApi?: PluginInjectionAPI;
 }

package/dist/types/plugins/table/pm-plugins/analytics/actions.d.ts

@@ -0,0 +1,17 @@
+import type { RowOrColumnMovedState } from './types';
+export declare enum AnalyticPluginTypes {
+    UpdateOverflowTriggerNameAction = 0,
+    UpdateRowOrColumnMovedAction = 1,
+    RemoveRowOrColumnMovedAction = 2,
+    RemoveOverFlowTriggerNameAction = 3,
+    UpdateRowOrColumnMovedAndOverflowTrigger = 4
+}
+export type UpdateRowOrColumnMovedAction = {
+    type: AnalyticPluginTypes.UpdateRowOrColumnMovedAction;
+    data: RowOrColumnMovedState;
+};
+export type RemoveRowOrColumnMovedAction = {
+    type: AnalyticPluginTypes.RemoveRowOrColumnMovedAction;
+    data: undefined;
+};
+export type AnalyticPluginAction = UpdateRowOrColumnMovedAction | RemoveRowOrColumnMovedAction;

package/dist/types/plugins/table/pm-plugins/analytics/commands.d.ts

@@ -0,0 +1,5 @@
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { ActionType, RowOrColumnMovedState } from './types';
+export declare const updateRowOrColumnMoved: (nextState: Omit<RowOrColumnMovedState, 'currentActions'>, nextAction: ActionType) => import("@atlaskit/editor-common/types").Command;
+export declare const resetRowOrColumnMovedTransform: () => (tr: Transaction) => Transaction;
+export declare const updateRowOrColumnMovedTransform: (nextState: Omit<RowOrColumnMovedState, 'currentActions'>, nextAction: ActionType) => (state: EditorState, tr: Transaction) => Transaction;

package/dist/types/plugins/table/pm-plugins/analytics/plugin-factory.d.ts

@@ -0,0 +1 @@
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: import("./types").AnalyticPluginState | ((state: import("prosemirror-state").EditorState) => import("./types").AnalyticPluginState)) => import("prosemirror-state").SafeStateField<import("./types").AnalyticPluginState>, createCommand: <A = import("./actions").AnalyticPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("./types").AnalyticPluginState;

package/dist/types/plugins/table/pm-plugins/analytics/plugin-key.d.ts

@@ -0,0 +1,3 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { AnalyticPluginState } from './types';
+export declare const pluginKey: PluginKey<AnalyticPluginState>;

package/dist/types/plugins/table/pm-plugins/analytics/plugin.d.ts

@@ -0,0 +1,4 @@
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+export declare const createPlugin: (dispatch: Dispatch, dispatchAnalyticsEvent: DispatchAnalyticsEvent) => SafePlugin<import("./types").AnalyticPluginState>;

package/dist/types/plugins/table/pm-plugins/analytics/reducer.d.ts

@@ -0,0 +1,3 @@
+import type { AnalyticPluginAction } from './actions';
+import type { AnalyticPluginState } from './types';
+export declare const reducer: (state: AnalyticPluginState, action: AnalyticPluginAction) => AnalyticPluginState;

package/dist/types/plugins/table/pm-plugins/analytics/types.d.ts

@@ -0,0 +1,11 @@
+export type ActionType = 'none' | 'addRowOrColumn' | 'copyOrCut' | 'pasted';
+export type RowOrColumnMovedState = {
+    type?: 'row' | 'column';
+    /** used to confirm if same number of cells was copied and pasted */
+    numberOfCells?: number;
+    currentActions: Array<ActionType>;
+};
+export type AnalyticPluginState = {
+    rowOrColumnMoved: RowOrColumnMovedState;
+};
+export declare const defaultState: AnalyticPluginState;

package/dist/types/plugins/table/pm-plugins/analytics/utils/moved-event.d.ts

@@ -0,0 +1,6 @@
+import type { ActionType, RowOrColumnMovedState } from '../types';
+export declare const getMovedPayload: (nextState: Omit<RowOrColumnMovedState, 'currentActions'>, nextAction: ActionType, prevState: RowOrColumnMovedState) => RowOrColumnMovedState | {
+    currentActions: string[];
+    numberOfCells: number | undefined;
+    type: "row" | "column" | undefined;
+};

package/dist/types-ts4.5/plugins/table/commands/misc.d.ts

@@ -1,6 +1,6 @@
 import type { Command } from '@atlaskit/editor-common/types';
 import type { Node as PMNode, Schema, Slice } from '@atlaskit/editor-prosemirror/model';
-import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorState, Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export declare const setEditorFocus: (editorHasFocus: boolean) => Command;
@@ -10,6 +10,10 @@ export declare const triggerUnlessTableHeader: (command: Command) => Command;
 export declare const transformSliceRemoveCellBackgroundColor: (slice: Slice, schema: Schema) => Slice;
 export declare const transformSliceToAddTableHeaders: (slice: Slice, schema: Schema) => Slice;
 export declare const transformSliceToRemoveColumnsWidths: (slice: Slice, schema: Schema) => Slice;
+export declare const countCellsInSlice: (slice: Slice, schema: Schema, type?: 'row' | 'column') => number;
+export declare const getTableSelectionType: (selection: Selection) => "row" | "column" | undefined;
+export declare const getTableElementMoveTypeBySlice: (slice: Slice, state: EditorState) => "row" | "column" | undefined;
+export declare const isInsideFirstCellOfRowOrColumn: (selection: Selection, type?: 'row' | 'column') => boolean | undefined;
 export declare const deleteTable: Command;
 export declare const deleteTableIfSelected: Command;
 export declare const convertFirstRowToHeader: (schema: Schema) => (tr: Transaction) => Transaction;

package/dist/types-ts4.5/plugins/table/nodeviews/TableComponent.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { TableColumnOrdering } from '@atlaskit/custom-steps';
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { EditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
@@ -26,6 +27,7 @@ export interface ComponentProps {
     ordering: TableColumnOrdering;
     isResizing?: boolean;
     getEditorFeatureFlags: GetEditorFeatureFlags;
+    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     pluginInjectionApi?: PluginInjectionAPI;
 }
 interface TableState {

package/dist/types-ts4.5/plugins/table/nodeviews/table.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
@@ -29,5 +30,5 @@ export default class TableView extends ReactNodeView<Props> {
     }): boolean;
     destroy(): void;
 }
-export declare const createTableView: (node: PmNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, pluginInjectionApi?: PluginInjectionAPI) => NodeView;
+export declare const createTableView: (node: PmNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, dispatchAnalyticsEvent: DispatchAnalyticsEvent, pluginInjectionApi?: PluginInjectionAPI) => NodeView;
 export {};

package/dist/types-ts4.5/plugins/table/nodeviews/types.d.ts

@@ -1,3 +1,4 @@
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
@@ -22,6 +23,7 @@ export interface Props {
     options?: TableOptions;
     getEditorContainerWidth: GetEditorContainerWidth;
     getEditorFeatureFlags: GetEditorFeatureFlags;
+    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     hasIntlContext: boolean;
     pluginInjectionApi?: PluginInjectionAPI;
 }