@atlaskit/editor-plugin-table 7.16.10 → 7.16.12

package/src/pm-plugins/analytics/actions.ts

@@ -1,23 +1,21 @@
 import type { RowOrColumnMovedState } from './types';
 
 export enum AnalyticPluginTypes {
-  UpdateOverflowTriggerNameAction,
-  UpdateRowOrColumnMovedAction,
-  RemoveRowOrColumnMovedAction,
-  RemoveOverFlowTriggerNameAction,
-  UpdateRowOrColumnMovedAndOverflowTrigger,
+	UpdateOverflowTriggerNameAction,
+	UpdateRowOrColumnMovedAction,
+	RemoveRowOrColumnMovedAction,
+	RemoveOverFlowTriggerNameAction,
+	UpdateRowOrColumnMovedAndOverflowTrigger,
 }
 
 export type UpdateRowOrColumnMovedAction = {
-  type: AnalyticPluginTypes.UpdateRowOrColumnMovedAction;
-  data: RowOrColumnMovedState;
+	type: AnalyticPluginTypes.UpdateRowOrColumnMovedAction;
+	data: RowOrColumnMovedState;
 };
 
 export type RemoveRowOrColumnMovedAction = {
-  type: AnalyticPluginTypes.RemoveRowOrColumnMovedAction;
-  data: undefined;
+	type: AnalyticPluginTypes.RemoveRowOrColumnMovedAction;
+	data: undefined;
 };
 
-export type AnalyticPluginAction =
-  | UpdateRowOrColumnMovedAction
-  | RemoveRowOrColumnMovedAction;
+export type AnalyticPluginAction = UpdateRowOrColumnMovedAction | RemoveRowOrColumnMovedAction;

package/src/pm-plugins/analytics/commands.ts

@@ -1,7 +1,4 @@
-import type {
-  EditorState,
-  Transaction,
-} from '@atlaskit/editor-prosemirror/state';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 
 import { AnalyticPluginTypes } from './actions';
 import { createCommand, getPluginState } from './plugin-factory';
@@ -10,44 +7,41 @@ import type { ActionType, RowOrColumnMovedState } from './types';
 import { getMovedPayload } from './utils/moved-event';
 
 export const updateRowOrColumnMoved = (
-  nextState: Omit<RowOrColumnMovedState, 'currentActions'>,
-  nextAction: ActionType,
+	nextState: Omit<RowOrColumnMovedState, 'currentActions'>,
+	nextAction: ActionType,
 ) =>
-  createCommand(
-    (state) => {
-      const { rowOrColumnMoved } = getPluginState(state);
-      const data = getMovedPayload(nextState, nextAction, rowOrColumnMoved);
-
-      return {
-        type: AnalyticPluginTypes.UpdateRowOrColumnMovedAction,
-        data,
-      };
-    },
-    (tr) => tr.setMeta('addToHistory', false),
-  );
+	createCommand(
+		(state) => {
+			const { rowOrColumnMoved } = getPluginState(state);
+			const data = getMovedPayload(nextState, nextAction, rowOrColumnMoved);
+
+			return {
+				type: AnalyticPluginTypes.UpdateRowOrColumnMovedAction,
+				data,
+			};
+		},
+		(tr) => tr.setMeta('addToHistory', false),
+	);
 
 // --- transforms, prefer these over commands to avoid an extra 'dispatch'
 export const resetRowOrColumnMovedTransform = () => (tr: Transaction) => {
-  const payload = {
-    type: AnalyticPluginTypes.RemoveRowOrColumnMovedAction,
-  };
+	const payload = {
+		type: AnalyticPluginTypes.RemoveRowOrColumnMovedAction,
+	};
 
-  return tr.setMeta(pluginKey, payload);
+	return tr.setMeta(pluginKey, payload);
 };
 
 export const updateRowOrColumnMovedTransform =
-  (
-    nextState: Omit<RowOrColumnMovedState, 'currentActions'>,
-    nextAction: ActionType,
-  ) =>
-  (state: EditorState, tr: Transaction) => {
-    const { rowOrColumnMoved } = getPluginState(state);
-    const data = getMovedPayload(nextState, nextAction, rowOrColumnMoved);
-
-    const payload = {
-      type: AnalyticPluginTypes.UpdateRowOrColumnMovedAction,
-      data,
-    };
-
-    return tr.setMeta(pluginKey, payload);
-  };
+	(nextState: Omit<RowOrColumnMovedState, 'currentActions'>, nextAction: ActionType) =>
+	(state: EditorState, tr: Transaction) => {
+		const { rowOrColumnMoved } = getPluginState(state);
+		const data = getMovedPayload(nextState, nextAction, rowOrColumnMoved);
+
+		const payload = {
+			type: AnalyticPluginTypes.UpdateRowOrColumnMovedAction,
+			data,
+		};
+
+		return tr.setMeta(pluginKey, payload);
+	};

package/src/pm-plugins/analytics/plugin-factory.ts

@@ -3,5 +3,7 @@ import { pluginFactory } from '@atlaskit/editor-common/utils';
 import { pluginKey } from './plugin-key';
 import { reducer } from './reducer';
 
-export const { createPluginState, createCommand, getPluginState } =
-  pluginFactory(pluginKey, reducer);
+export const { createPluginState, createCommand, getPluginState } = pluginFactory(
+	pluginKey,
+	reducer,
+);

package/src/pm-plugins/analytics/plugin-key.ts

@@ -2,6 +2,4 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 
 import type { AnalyticPluginState } from './types';
 
-export const pluginKey = new PluginKey<AnalyticPluginState>(
-  'tableAnalyticPlugin',
-);
+export const pluginKey = new PluginKey<AnalyticPluginState>('tableAnalyticPlugin');

package/src/pm-plugins/analytics/plugin.ts

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

package/src/pm-plugins/analytics/reducer.ts

@@ -4,24 +4,24 @@ import type { AnalyticPluginState } from './types';
 import { defaultState } from './types';
 
 export const reducer = (
-  state: AnalyticPluginState,
-  action: AnalyticPluginAction,
+	state: AnalyticPluginState,
+	action: AnalyticPluginAction,
 ): AnalyticPluginState => {
-  switch (action.type) {
-    case AnalyticPluginTypes.UpdateRowOrColumnMovedAction:
-      return {
-        ...state,
-        rowOrColumnMoved: {
-          ...state.rowOrColumnMoved,
-          ...action.data,
-        },
-      };
-    case AnalyticPluginTypes.RemoveRowOrColumnMovedAction:
-      return {
-        ...state,
-        rowOrColumnMoved: defaultState.rowOrColumnMoved,
-      };
-    default:
-      return state;
-  }
+	switch (action.type) {
+		case AnalyticPluginTypes.UpdateRowOrColumnMovedAction:
+			return {
+				...state,
+				rowOrColumnMoved: {
+					...state.rowOrColumnMoved,
+					...action.data,
+				},
+			};
+		case AnalyticPluginTypes.RemoveRowOrColumnMovedAction:
+			return {
+				...state,
+				rowOrColumnMoved: defaultState.rowOrColumnMoved,
+			};
+		default:
+			return state;
+	}
 };

package/src/pm-plugins/analytics/types.ts

@@ -1,20 +1,20 @@
 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>;
+	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;
+	rowOrColumnMoved: RowOrColumnMovedState;
 };
 
 export const defaultState = {
-  rowOrColumnMoved: {
-    type: undefined,
-    numberOfCells: undefined,
-    currentActions: [],
-  },
+	rowOrColumnMoved: {
+		type: undefined,
+		numberOfCells: undefined,
+		currentActions: [],
+	},
 } as AnalyticPluginState;

package/src/pm-plugins/analytics/utils/moved-event.ts

@@ -2,50 +2,50 @@ import type { ActionType, RowOrColumnMovedState } from '../types';
 import { defaultState } from '../types';
 
 const getNextActionType = (
-  nextState: Omit<RowOrColumnMovedState, 'currentActions'>,
-  nextAction: ActionType,
-  prevState?: RowOrColumnMovedState,
+	nextState: Omit<RowOrColumnMovedState, 'currentActions'>,
+	nextAction: ActionType,
+	prevState?: RowOrColumnMovedState,
 ) => {
-  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;
+	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 const getMovedPayload = (
-  nextState: Omit<RowOrColumnMovedState, 'currentActions'>,
-  nextAction: ActionType,
-  prevState: RowOrColumnMovedState,
+	nextState: Omit<RowOrColumnMovedState, 'currentActions'>,
+	nextAction: ActionType,
+	prevState: RowOrColumnMovedState,
 ) => {
-  const nextActionType = getNextActionType(nextState, nextAction, prevState);
+	const nextActionType = getNextActionType(nextState, nextAction, prevState);
 
-  if (nextActionType === 'none') {
-    return defaultState.rowOrColumnMoved;
-  }
+	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?.numberOfCells,
-      type: nextState.type,
-    };
-  }
+	// 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?.numberOfCells,
+			type: nextState.type,
+		};
+	}
 
-  return {
-    currentActions: prevState.currentActions.includes(nextActionType)
-      ? prevState.currentActions
-      : [...prevState.currentActions, nextActionType],
-    numberOfCells: nextState?.numberOfCells || prevState.numberOfCells,
-    type: nextState?.type,
-  };
+	return {
+		currentActions: prevState.currentActions.includes(nextActionType)
+			? prevState.currentActions
+			: [...prevState.currentActions, nextActionType],
+		numberOfCells: nextState?.numberOfCells || prevState.numberOfCells,
+		type: nextState?.type,
+	};
 };

package/src/pm-plugins/decorations/plugin.ts

@@ -1,9 +1,9 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type {
-  EditorState,
-  // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
-  ReadonlyTransaction,
-  Transaction,
+	EditorState,
+	// @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
+	ReadonlyTransaction,
+	Transaction,
 } from '@atlaskit/editor-prosemirror/state';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
@@ -13,94 +13,75 @@ import { pluginKey as tablePluginKey } from '../plugin-key';
 import { pluginKey as tableWidthPluginKey } from '../table-width';
 
 import {
-  buildColumnControlsDecorations,
-  maybeUpdateColumnControlsSelectedDecoration,
+	buildColumnControlsDecorations,
+	maybeUpdateColumnControlsSelectedDecoration,
 } from './utils';
 
 export const pluginKey = new PluginKey('tableDecorationsPlugin');
 
-export const getDecorations = (state: EditorState): DecorationSet =>
-  pluginKey.getState(state);
+export const getDecorations = (state: EditorState): DecorationSet => pluginKey.getState(state);
 
 export const handleDocOrSelectionChanged = (
-  tr: Transaction | ReadonlyTransaction,
-  decorationSet: DecorationSet,
-  oldState: EditorState,
-  newState: EditorState,
+	tr: Transaction | ReadonlyTransaction,
+	decorationSet: DecorationSet,
+	oldState: EditorState,
+	newState: EditorState,
 ): DecorationSet => {
-  const isResizing = tableWidthPluginKey.getState(newState)?.resizing;
-  const wasResizing = tableWidthPluginKey.getState(oldState)?.resizing;
-  const { isDragAndDropEnabled = false } =
-    tablePluginKey.getState(newState) || {};
+	const isResizing = tableWidthPluginKey.getState(newState)?.resizing;
+	const wasResizing = tableWidthPluginKey.getState(oldState)?.resizing;
+	const { isDragAndDropEnabled = false } = tablePluginKey.getState(newState) || {};
 
-  const changedResizing = isResizing !== wasResizing;
+	const changedResizing = isResizing !== wasResizing;
 
-  // Remove column controls when resizing and don't add column decoration controls when DnD enabled
-  if (isResizing) {
-    return DecorationSet.empty;
-  } else if (
-    tr.docChanged ||
-    tr.selection instanceof CellSelection ||
-    changedResizing
-  ) {
-    return buildColumnControlsDecorations({
-      decorationSet,
-      tr,
-      options: {
-        isDragAndDropEnabled,
-      },
-    });
-  } else if (tr.selectionSet) {
-    const isTransactionFromMouseClick =
-      !tr.docChanged && tr.selectionSet && tr.getMeta('pointer');
-    if (
-      isTransactionFromMouseClick ||
-      oldState.selection instanceof CellSelection
-    ) {
-      return maybeUpdateColumnControlsSelectedDecoration({
-        decorationSet,
-        tr,
-      });
-    }
-  }
+	// Remove column controls when resizing and don't add column decoration controls when DnD enabled
+	if (isResizing) {
+		return DecorationSet.empty;
+	} else if (tr.docChanged || tr.selection instanceof CellSelection || changedResizing) {
+		return buildColumnControlsDecorations({
+			decorationSet,
+			tr,
+			options: {
+				isDragAndDropEnabled,
+			},
+		});
+	} else if (tr.selectionSet) {
+		const isTransactionFromMouseClick = !tr.docChanged && tr.selectionSet && tr.getMeta('pointer');
+		if (isTransactionFromMouseClick || oldState.selection instanceof CellSelection) {
+			return maybeUpdateColumnControlsSelectedDecoration({
+				decorationSet,
+				tr,
+			});
+		}
+	}
 
-  return decorationSet;
+	return decorationSet;
 };
 
 export const createPlugin = () => {
-  return new SafePlugin({
-    state: {
-      init: () => DecorationSet.empty,
+	return new SafePlugin({
+		state: {
+			init: () => DecorationSet.empty,
 
-      apply: (tr, decorationSet, oldState, newState) => {
-        let pluginState = decorationSet;
-        // main table plugin --->
-        const meta = tr.getMeta(tablePluginKey);
+			apply: (tr, decorationSet, oldState, newState) => {
+				let pluginState = decorationSet;
+				// main table plugin --->
+				const meta = tr.getMeta(tablePluginKey);
 
-        if (meta && meta.data && meta.data.decorationSet) {
-          pluginState = meta.data.decorationSet;
-        }
+				if (meta && meta.data && meta.data.decorationSet) {
+					pluginState = meta.data.decorationSet;
+				}
 
-        if (
-          tr.docChanged ||
-          tr.selectionSet ||
-          tr.getMeta(tableWidthPluginKey)
-        ) {
-          pluginState = pluginState.map(tr.mapping, tr.doc);
-          return handleDocOrSelectionChanged(
-            tr,
-            pluginState,
-            oldState,
-            newState,
-          );
-        }
+				if (tr.docChanged || tr.selectionSet || tr.getMeta(tableWidthPluginKey)) {
+					pluginState = pluginState.map(tr.mapping, tr.doc);
+					return handleDocOrSelectionChanged(tr, pluginState, oldState, newState);
+				}
 
-        return pluginState;
-      },
-    },
-    key: pluginKey,
-    props: {
-      decorations: (state) => getDecorations(state),
-    },
-  });
+				return pluginState;
+			},
+		},
+		key: pluginKey,
+		props: {
+			decorations: (state) => getDecorations(state),
+		},
+	});
 };