@atlaskit/editor-plugin-table 7.16.11 → 7.16.12

package/src/pm-plugins/decorations/utils/column-controls.ts

@@ -1,103 +1,91 @@
 // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
-import type {
-  ReadonlyTransaction,
-  Transaction,
-} from '@atlaskit/editor-prosemirror/state';
+import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { findTable } from '@atlaskit/editor-tables/utils';
 
 import { TableDecorations } from '../../../types';
 import {
-  createColumnControlsDecoration,
-  createColumnSelectedDecoration,
-  findColumnControlSelectedDecoration,
-  findControlsHoverDecoration,
-  updateDecorations,
+	createColumnControlsDecoration,
+	createColumnSelectedDecoration,
+	findColumnControlSelectedDecoration,
+	findControlsHoverDecoration,
+	updateDecorations,
 } from '../../../utils/decoration';
 
 import { composeDecorations } from './compose-decorations';
-import type {
-  BuildDecorationTransformerParams,
-  DecorationTransformer,
-} from './types';
+import type { BuildDecorationTransformerParams, DecorationTransformer } from './types';
 
 const isColumnSelected = (tr: Transaction | ReadonlyTransaction): boolean =>
-  tr.selection instanceof CellSelection && tr.selection.isColSelection();
+	tr.selection instanceof CellSelection && tr.selection.isColSelection();
 
 // @see: https://product-fabric.atlassian.net/browse/ED-3796
-const removeControlsHoverDecoration: DecorationTransformer = ({
-  decorationSet,
-}) => decorationSet.remove(findControlsHoverDecoration(decorationSet));
+const removeControlsHoverDecoration: DecorationTransformer = ({ decorationSet }) =>
+	decorationSet.remove(findControlsHoverDecoration(decorationSet));
 
-const maybeUpdateColumnSelectedDecoration: DecorationTransformer = ({
-  decorationSet,
-  tr,
-}) => {
-  if (!isColumnSelected(tr)) {
-    return decorationSet;
-  }
+const maybeUpdateColumnSelectedDecoration: DecorationTransformer = ({ decorationSet, tr }) => {
+	if (!isColumnSelected(tr)) {
+		return decorationSet;
+	}
 
-  return updateDecorations(
-    tr.doc,
-    decorationSet,
-    createColumnSelectedDecoration(tr),
-    TableDecorations.COLUMN_SELECTED,
-  );
+	return updateDecorations(
+		tr.doc,
+		decorationSet,
+		createColumnSelectedDecoration(tr),
+		TableDecorations.COLUMN_SELECTED,
+	);
 };
 
-const maybeUpdateColumnControlsDecoration: DecorationTransformer = ({
-  decorationSet,
-  tr,
-}) => {
-  const table = findTable(tr.selection);
+const maybeUpdateColumnControlsDecoration: DecorationTransformer = ({ decorationSet, tr }) => {
+	const table = findTable(tr.selection);
 
-  if (!table) {
-    return decorationSet;
-  }
+	if (!table) {
+		return decorationSet;
+	}
 
-  return updateDecorations(
-    tr.doc,
-    decorationSet,
-    createColumnControlsDecoration(tr.selection),
-    TableDecorations.COLUMN_CONTROLS_DECORATIONS,
-  );
+	return updateDecorations(
+		tr.doc,
+		decorationSet,
+		createColumnControlsDecoration(tr.selection),
+		TableDecorations.COLUMN_CONTROLS_DECORATIONS,
+	);
 };
 
 // @see: https://product-fabric.atlassian.net/browse/ED-7304
-const removeColumnControlsSelectedDecoration: DecorationTransformer = ({
-  decorationSet,
-}) => decorationSet.remove(findColumnControlSelectedDecoration(decorationSet));
+const removeColumnControlsSelectedDecoration: DecorationTransformer = ({ decorationSet }) =>
+	decorationSet.remove(findColumnControlSelectedDecoration(decorationSet));
 
 const hasColumnSelectedDecorations = (decorationSet: DecorationSet): boolean =>
-  !!findColumnControlSelectedDecoration(decorationSet).length;
+	!!findColumnControlSelectedDecoration(decorationSet).length;
 
-export const maybeUpdateColumnControlsSelectedDecoration: DecorationTransformer =
-  ({ decorationSet, tr }) => {
-    if (!hasColumnSelectedDecorations(decorationSet)) {
-      return decorationSet;
-    }
+export const maybeUpdateColumnControlsSelectedDecoration: DecorationTransformer = ({
+	decorationSet,
+	tr,
+}) => {
+	if (!hasColumnSelectedDecorations(decorationSet)) {
+		return decorationSet;
+	}
 
-    return removeColumnControlsSelectedDecoration({ decorationSet, tr });
-  };
+	return removeColumnControlsSelectedDecoration({ decorationSet, tr });
+};
 
 export const buildColumnControlsDecorations = ({
-  decorationSet,
-  tr,
-  options,
+	decorationSet,
+	tr,
+	options,
 }: BuildDecorationTransformerParams): DecorationSet => {
-  if (options.isDragAndDropEnabled) {
-    return composeDecorations([
-      removeColumnControlsSelectedDecoration,
-      removeControlsHoverDecoration,
-      maybeUpdateColumnSelectedDecoration,
-    ])({ decorationSet, tr });
-  }
+	if (options.isDragAndDropEnabled) {
+		return composeDecorations([
+			removeColumnControlsSelectedDecoration,
+			removeControlsHoverDecoration,
+			maybeUpdateColumnSelectedDecoration,
+		])({ decorationSet, tr });
+	}
 
-  return composeDecorations([
-    removeColumnControlsSelectedDecoration,
-    removeControlsHoverDecoration,
-    maybeUpdateColumnSelectedDecoration,
-    maybeUpdateColumnControlsDecoration,
-  ])({ decorationSet, tr });
+	return composeDecorations([
+		removeColumnControlsSelectedDecoration,
+		removeControlsHoverDecoration,
+		maybeUpdateColumnSelectedDecoration,
+		maybeUpdateColumnControlsDecoration,
+	])({ decorationSet, tr });
 };

package/src/pm-plugins/decorations/utils/column-resizing.ts

@@ -1,15 +1,9 @@
 import type { IntlShape } from 'react-intl-next';
 
-import type {
-  Decoration,
-  DecorationSet,
-} from '@atlaskit/editor-prosemirror/view';
+import type { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 
 import { TableDecorations } from '../../../types';
-import {
-  createResizeHandleDecoration,
-  updateDecorations,
-} from '../../../utils/decoration';
+import { createResizeHandleDecoration, updateDecorations } from '../../../utils/decoration';
 
 import { composeDecorations } from './compose-decorations';
 import type { DecorationTransformer } from './types';
@@ -17,59 +11,58 @@ import type { DecorationTransformer } from './types';
 const emptyDecorations = [[], []];
 
 const updateColumnResizeHandle =
-  (columnResizesDecorations: Decoration[]): DecorationTransformer =>
-  ({ decorationSet, tr }) =>
-    updateDecorations(
-      tr.doc,
-      decorationSet,
-      columnResizesDecorations,
-      TableDecorations.COLUMN_RESIZING_HANDLE_WIDGET,
-    );
+	(columnResizesDecorations: Decoration[]): DecorationTransformer =>
+	({ decorationSet, tr }) =>
+		updateDecorations(
+			tr.doc,
+			decorationSet,
+			columnResizesDecorations,
+			TableDecorations.COLUMN_RESIZING_HANDLE_WIDGET,
+		);
 
 const updateLastCellElement =
-  (lastCellElementsDecorations: Decoration[]): DecorationTransformer =>
-  ({ decorationSet, tr }) =>
-    updateDecorations(
-      tr.doc,
-      decorationSet,
-      lastCellElementsDecorations,
-      TableDecorations.LAST_CELL_ELEMENT,
-    );
+	(lastCellElementsDecorations: Decoration[]): DecorationTransformer =>
+	({ decorationSet, tr }) =>
+		updateDecorations(
+			tr.doc,
+			decorationSet,
+			lastCellElementsDecorations,
+			TableDecorations.LAST_CELL_ELEMENT,
+		);
 
 export const buildColumnResizingDecorations =
-  (
-    rowEndIndex: number,
-    columnEndIndex: number,
-    includeTooltip: boolean,
-    getIntl: () => IntlShape,
-  ): DecorationTransformer =>
-  ({ tr, decorationSet }): DecorationSet => {
-    const [columnResizesDecorations, lastCellElementsDecorations] =
-      columnEndIndex < 0
-        ? emptyDecorations
-        : createResizeHandleDecoration(
-            tr,
-            rowEndIndex,
-            {
-              right: columnEndIndex,
-            },
-            includeTooltip,
-            getIntl,
-          );
+	(
+		rowEndIndex: number,
+		columnEndIndex: number,
+		includeTooltip: boolean,
+		getIntl: () => IntlShape,
+	): DecorationTransformer =>
+	({ tr, decorationSet }): DecorationSet => {
+		const [columnResizesDecorations, lastCellElementsDecorations] =
+			columnEndIndex < 0
+				? emptyDecorations
+				: createResizeHandleDecoration(
+						tr,
+						rowEndIndex,
+						{
+							right: columnEndIndex,
+						},
+						includeTooltip,
+						getIntl,
+					);
 
-    return composeDecorations([
-      updateColumnResizeHandle(columnResizesDecorations),
-      updateLastCellElement(lastCellElementsDecorations),
-    ])({ decorationSet, tr });
-  };
+		return composeDecorations([
+			updateColumnResizeHandle(columnResizesDecorations),
+			updateLastCellElement(lastCellElementsDecorations),
+		])({ decorationSet, tr });
+	};
 
 export const clearColumnResizingDecorations =
-  (): DecorationTransformer =>
-  ({ tr, decorationSet }): DecorationSet => {
-    const [columnResizesDecorations, lastCellElementsDecorations] =
-      emptyDecorations;
-    return composeDecorations([
-      updateColumnResizeHandle(columnResizesDecorations),
-      updateLastCellElement(lastCellElementsDecorations),
-    ])({ decorationSet, tr });
-  };
+	(): DecorationTransformer =>
+	({ tr, decorationSet }): DecorationSet => {
+		const [columnResizesDecorations, lastCellElementsDecorations] = emptyDecorations;
+		return composeDecorations([
+			updateColumnResizeHandle(columnResizesDecorations),
+			updateLastCellElement(lastCellElementsDecorations),
+		])({ decorationSet, tr });
+	};

package/src/pm-plugins/decorations/utils/compose-decorations.ts

@@ -1,9 +1,9 @@
 import type { DecorationTransformer } from './types';
 
 export const composeDecorations =
-  (transformers: Array<DecorationTransformer>): DecorationTransformer =>
-  ({ decorationSet, tr }) =>
-    transformers.reduce(
-      (decorationSet, transform) => transform({ decorationSet, tr }),
-      decorationSet,
-    );
+	(transformers: Array<DecorationTransformer>): DecorationTransformer =>
+	({ decorationSet, tr }) =>
+		transformers.reduce(
+			(decorationSet, transform) => transform({ decorationSet, tr }),
+			decorationSet,
+		);

package/src/pm-plugins/decorations/utils/index.ts

@@ -1,9 +1,6 @@
 export {
-  buildColumnControlsDecorations,
-  maybeUpdateColumnControlsSelectedDecoration,
+	buildColumnControlsDecorations,
+	maybeUpdateColumnControlsSelectedDecoration,
 } from './column-controls';
-export {
-  buildColumnResizingDecorations,
-  clearColumnResizingDecorations,
-} from './column-resizing';
+export { buildColumnResizingDecorations, clearColumnResizingDecorations } from './column-resizing';
 export { composeDecorations } from './compose-decorations';

package/src/pm-plugins/decorations/utils/types.ts

@@ -1,21 +1,16 @@
 // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
-import type {
-  ReadonlyTransaction,
-  Transaction,
-} from '@atlaskit/editor-prosemirror/state';
+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 DecorationTransformer = (params: DecorationTransformerParams) => DecorationSet;
 
 export type DecorationTransformerParams = {
-  decorationSet: DecorationSet;
-  tr: Transaction | ReadonlyTransaction;
+	decorationSet: DecorationSet;
+	tr: Transaction | ReadonlyTransaction;
 };
 
 export type BuildDecorationTransformerParams = DecorationTransformerParams & {
-  options: {
-    isDragAndDropEnabled: boolean;
-  };
+	options: {
+		isDragAndDropEnabled: boolean;
+	};
 };

package/src/pm-plugins/default-table-selection.ts

@@ -1,6 +1,6 @@
 export const defaultTableSelection = {
-  hoveredColumns: [],
-  hoveredRows: [],
+	hoveredColumns: [],
+	hoveredRows: [],
 };
 
 /**
@@ -10,5 +10,5 @@ export const defaultTableSelection = {
  * when doc changes.
  */
 export const defaultHoveredCell = {
-  hoveredCell: { rowIndex: undefined, colIndex: undefined },
+	hoveredCell: { rowIndex: undefined, colIndex: undefined },
 };

package/src/pm-plugins/drag-and-drop/actions.ts

@@ -5,44 +5,44 @@ import type { TableDirection } from '../../types';
 import type { DropTargetType } from './consts';
 
 export interface DragAndDropAction<T, D> {
-  type: T;
-  data: D;
+	type: T;
+	data: D;
 }
 
 export const DragAndDropActionType = {
-  SET_DROP_TARGET: 'SET_DROP_TARGET',
-  CLEAR_DROP_TARGET: 'CLEAR_DROP_TARGET',
-  TOGGLE_DRAG_MENU: 'TOGGLE_DRAG_MENU',
+	SET_DROP_TARGET: 'SET_DROP_TARGET',
+	CLEAR_DROP_TARGET: 'CLEAR_DROP_TARGET',
+	TOGGLE_DRAG_MENU: 'TOGGLE_DRAG_MENU',
 } as const;
 
 export type DragAndDropSetDropTargetAction = DragAndDropAction<
-  typeof DragAndDropActionType.SET_DROP_TARGET,
-  {
-    type: DropTargetType;
-    index: number;
-    decorationSet: DecorationSet;
-  }
+	typeof DragAndDropActionType.SET_DROP_TARGET,
+	{
+		type: DropTargetType;
+		index: number;
+		decorationSet: DecorationSet;
+	}
 >;
 
 export type DragAndDropClearDropTargetAction = DragAndDropAction<
-  typeof DragAndDropActionType.CLEAR_DROP_TARGET,
-  {
-    decorationSet: DecorationSet;
-  }
+	typeof DragAndDropActionType.CLEAR_DROP_TARGET,
+	{
+		decorationSet: DecorationSet;
+	}
 >;
 
 export type DragAndDropToggleDragMenuAction = DragAndDropAction<
-  typeof DragAndDropActionType.TOGGLE_DRAG_MENU,
-  {
-    isDragMenuOpen: boolean;
-    direction: TableDirection;
-    index: number;
-    isKeyboardModeActive: boolean;
-  }
+	typeof DragAndDropActionType.TOGGLE_DRAG_MENU,
+	{
+		isDragMenuOpen: boolean;
+		direction: TableDirection;
+		index: number;
+		isKeyboardModeActive: boolean;
+	}
 >;
 
 // NOTE: This should be a Union of all possible actions
 export type DragAndDropPluginAction =
-  | DragAndDropSetDropTargetAction
-  | DragAndDropClearDropTargetAction
-  | DragAndDropToggleDragMenuAction;
+	| DragAndDropSetDropTargetAction
+	| DragAndDropClearDropTargetAction
+	| DragAndDropToggleDragMenuAction;