@atlaskit/editor-plugin-table 5.4.6 → 5.4.8

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/plugins/table/pm-plugins/decorations/utils/column-controls.d.ts

@@ -1,3 +1,4 @@
-import type { DecorationTransformer } from './types';
+import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import type { BuildDecorationTransformerParams, DecorationTransformer } from './types';
 export declare const maybeUpdateColumnControlsSelectedDecoration: DecorationTransformer;
-export declare const buildColumnControlsDecorations: DecorationTransformer;
+export declare const buildColumnControlsDecorations: ({ decorationSet, tr, options, }: BuildDecorationTransformerParams) => DecorationSet;

package/dist/types/plugins/table/pm-plugins/decorations/utils/compose-decorations.d.ts

@@ -1,2 +1,2 @@
-import { DecorationTransformer } from './types';
+import type { DecorationTransformer } from './types';
 export declare const composeDecorations: (transformers: Array<DecorationTransformer>) => DecorationTransformer;

package/dist/types/plugins/table/pm-plugins/decorations/utils/types.d.ts

@@ -1,6 +1,12 @@
-import { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
-import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-export type DecorationTransformer = ({ decorationSet, tr, }: {
+import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+export type DecorationTransformer = (params: DecorationTransformerParams) => DecorationSet;
+export type DecorationTransformerParams = {
     decorationSet: DecorationSet;
     tr: Transaction | ReadonlyTransaction;
-}) => DecorationSet;
+};
+export type BuildDecorationTransformerParams = DecorationTransformerParams & {
+    options: {
+        isDragAndDropEnabled: boolean;
+    };
+};

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

@@ -282,7 +282,8 @@ export declare const TableCssClassName: {
     CORNER_CONTROLS_INSERT_ROW_MARKER: string;
     CORNER_CONTROLS_INSERT_COLUMN_MARKER: string;
     CONTROLS_CORNER_BUTTON: string;
-    /** Controls with drag handle */
+    /** drag and drop controls */
+    DRAG_ROW_CONTROLS_WRAPPER: string;
     DRAG_ROW_CONTROLS: string;
     DRAG_ROW_FLOATING_INSERT_DOT_WRAPPER: string;
     DRAG_ROW_FLOATING_INSERT_DOT: string;

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;
 }

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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/pm-plugins/decorations/utils/column-controls.d.ts

@@ -1,3 +1,4 @@
-import type { DecorationTransformer } from './types';
+import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import type { BuildDecorationTransformerParams, DecorationTransformer } from './types';
 export declare const maybeUpdateColumnControlsSelectedDecoration: DecorationTransformer;
-export declare const buildColumnControlsDecorations: DecorationTransformer;
+export declare const buildColumnControlsDecorations: ({ decorationSet, tr, options, }: BuildDecorationTransformerParams) => DecorationSet;

package/dist/types-ts4.5/plugins/table/pm-plugins/decorations/utils/compose-decorations.d.ts

@@ -1,2 +1,2 @@
-import { DecorationTransformer } from './types';
+import type { DecorationTransformer } from './types';
 export declare const composeDecorations: (transformers: Array<DecorationTransformer>) => DecorationTransformer;

package/dist/types-ts4.5/plugins/table/pm-plugins/decorations/utils/types.d.ts

@@ -1,6 +1,12 @@
-import { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
-import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-export type DecorationTransformer = ({ decorationSet, tr, }: {
+import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+export type DecorationTransformer = (params: DecorationTransformerParams) => DecorationSet;
+export type DecorationTransformerParams = {
     decorationSet: DecorationSet;
     tr: Transaction | ReadonlyTransaction;
-}) => DecorationSet;
+};
+export type BuildDecorationTransformerParams = DecorationTransformerParams & {
+    options: {
+        isDragAndDropEnabled: boolean;
+    };
+};

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

@@ -282,7 +282,8 @@ export declare const TableCssClassName: {
     CORNER_CONTROLS_INSERT_ROW_MARKER: string;
     CORNER_CONTROLS_INSERT_COLUMN_MARKER: string;
     CONTROLS_CORNER_BUTTON: string;
-    /** Controls with drag handle */
+    /** drag and drop controls */
+    DRAG_ROW_CONTROLS_WRAPPER: string;
     DRAG_ROW_CONTROLS: string;
     DRAG_ROW_FLOATING_INSERT_DOT_WRAPPER: string;
     DRAG_ROW_FLOATING_INSERT_DOT: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "5.4.6",
+  "version": "5.4.8",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -141,6 +141,9 @@
     },
     "platform.editor.table.alternative-sticky-header-logic": {
       "type": "boolean"
+    },
+    "platform.editor.table.analytics-plugin-moved-event": {
+      "type": "boolean"
     }
   }
 }

package/src/__tests__/unit/event-handlers.ts

@@ -26,7 +26,7 @@ import {
   tdEmpty,
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
-import { ffTest } from '@atlassian/feature-flags-test-utils';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 import tablePlugin from '../../plugins/table-plugin';
 import {
@@ -44,6 +44,15 @@ import { getPluginState } from '../../plugins/table/pm-plugins/plugin-factory';
 import { pluginKey } from '../../plugins/table/pm-plugins/plugin-key';
 import { TableCssClassName as ClassName } from '../../plugins/table/types';
 
+// Mock Feature flags instead of using ffTest because we don't use the feature flag directly
+jest.mock('@atlaskit/platform-feature-flags', () => ({
+  getBooleanFF: jest.fn().mockImplementation(() => false),
+}));
+
+afterEach(() => {
+  (getBooleanFF as jest.Mock).mockReset();
+});
+
 describe('table plugin: decorations', () => {
   const createEditor = createProsemirrorEditorFactory();
   const editor = (doc: DocBuilder) =>
@@ -263,49 +272,39 @@ describe('withCellTracking', () => {
     });
 
   describe('should fire event handler passed in', () => {
-    ffTest(
-      'platform.editor.table.drag-and-drop',
-      () => {
-        const { editorView } = editor(
-          doc(table()(tr(tdCursor, tdEmpty), tr(tdEmpty, tdEmpty))),
-          true,
-        );
-        const eventHandlerSpy = jest.fn();
-        withCellTracking(eventHandlerSpy)(editorView, {} as any);
-
-        expect(eventHandlerSpy).toHaveBeenCalled();
-      },
-      () => {
-        const { editorView } = editor(
-          doc(table()(tr(tdCursor, tdEmpty), tr(tdEmpty, tdEmpty))),
-        );
-        const eventHandlerSpy = jest.fn();
-        withCellTracking(eventHandlerSpy)(editorView, {} as any);
-
-        expect(eventHandlerSpy).toHaveBeenCalled();
-      },
+    (getBooleanFF as jest.Mock).mockImplementation(
+      (name) => name === 'platform.editor.table.drag-and-drop',
     );
+    const { editorView } = editor(
+      doc(table()(tr(tdCursor, tdEmpty), tr(tdEmpty, tdEmpty))),
+      true,
+    );
+    const eventHandlerSpy = jest.fn();
+    withCellTracking(eventHandlerSpy)(editorView, {} as any);
+
+    expect(eventHandlerSpy).toHaveBeenCalled();
   });
 
-  describe('should correctly set table cell coordinates based on mouse location', () => {
-    ffTest('platform.editor.table.drag-and-drop', () => {
-      const { editorView, refs } = editor(
-        doc(table()(tr(tdCursor, tdEmpty), tr(tdEmpty, tdEmpty))),
-        true,
-      );
-      const firstCell = editorView.domAtPos(refs['<>']);
+  it('should correctly set table cell coordinates based on mouse location', () => {
+    (getBooleanFF as jest.Mock).mockImplementation(
+      (name) => name === 'platform.editor.table.drag-and-drop',
+    );
+    const { editorView, refs } = editor(
+      doc(table()(tr(tdCursor, tdEmpty), tr(tdEmpty, tdEmpty))),
+      true,
+    );
+    const firstCell = editorView.domAtPos(refs['<>']);
 
-      const event = {
-        target: firstCell.node,
-      };
+    const event = {
+      target: firstCell.node,
+    };
 
-      withCellTracking(jest.fn())(editorView, event as any);
+    withCellTracking(jest.fn())(editorView, event as any);
 
-      const pluginState = getPluginState(editorView.state);
-      expect(pluginState.hoveredCell).toEqual({
-        colIndex: undefined,
-        rowIndex: undefined,
-      });
+    const pluginState = getPluginState(editorView.state);
+    expect(pluginState.hoveredCell).toEqual({
+      colIndex: undefined,
+      rowIndex: undefined,
     });
   });
 });

package/src/__tests__/unit/index-with-fake-timers.ts

@@ -86,6 +86,7 @@ describe.skip('TableView', () => {
       getEditorContainerWidth,
       getEditorFeatureFlags: fakeGetEditorFeatureFlags,
       hasIntlContext: true,
+      dispatchAnalyticsEvent: jest.fn(),
     }).init();
 
     // we expect to have a contentDOM after instanciating the NodeView so that

package/src/__tests__/unit/nodeviews/table.ts

@@ -84,6 +84,7 @@ describe('table -> nodeviews -> table.tsx', () => {
           getEditorContainerWidth: () => ({ width: 500 }),
           getEditorFeatureFlags: () => ({}),
           hasIntlContext: true,
+          dispatchAnalyticsEvent: jest.fn(),
         }).init();
 
         renderSpy = jest.spyOn(tableNodeView, 'render');