@atlaskit/editor-plugin-table 2.1.3 → 2.1.5

package/dist/esm/plugins/table/utils/decoration.js

@@ -15,7 +15,7 @@ export var findColumnControlSelectedDecoration = function findColumnControlSelec
 export var findControlsHoverDecoration = function findControlsHoverDecoration(decorationSet) {
   return filterDecorationByKey(TableDecorations.ALL_CONTROLS_HOVER, decorationSet);
 };
-export var createCellHoverDecoration = function createCellHoverDecoration(cells, type) {
+export var createCellHoverDecoration = function createCellHoverDecoration(cells) {
   return cells.map(function (cell) {
     return Decoration.node(cell.pos, cell.pos + cell.node.nodeSize, {
       class: ClassName.HOVERED_CELL_WARNING

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "2.1.4",
+	"version": "2.1.5",
 	"sideEffects": false
 }

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

@@ -46,7 +46,7 @@ declare class TableComponent extends React.Component<ComponentProps, TableState>
     constructor(props: ComponentProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    componentDidUpdate(prevProps: ComponentProps): void;
+    componentDidUpdate(): void;
     private updateShadows;
     private updateShadowState;
     private createShadowSentinels;

package/dist/types/plugins/table/nodeviews/update-overflow-shadows.d.ts

@@ -1,8 +1,7 @@
-import { EditorState } from 'prosemirror-state';
 import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 export declare const updateShadowListForStickyStyles: (heightStyle: string, shadows: HTMLCollection) => void;
 /**
  * Update overflow shadows for a given wrapper & table.
  * if `overflowShadowOptimization` is enabled, this will exit early.
  */
-export declare const updateOverflowShadows: (getEditorFeatureFlags: GetEditorFeatureFlags) => (editorState: EditorState, wrapper?: HTMLElement | null, table?: HTMLElement | null, rightShadows?: NodeListOf<HTMLElement> | null, leftShadows?: NodeListOf<HTMLElement> | null) => false | undefined;
+export declare const updateOverflowShadows: (getEditorFeatureFlags: GetEditorFeatureFlags) => (wrapper?: HTMLElement | null, table?: HTMLElement | null, rightShadows?: NodeListOf<HTMLElement> | null, leftShadows?: NodeListOf<HTMLElement> | null) => false | undefined;

package/dist/types/plugins/table/pm-plugins/table-add-width.d.ts

@@ -2,7 +2,6 @@
  * A plugin for scan the document, add width value to table's width attribute when necessary
  *
  */
-import { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-declare const createPlugin: (dispatch: Dispatch, fullWidthEnabled: boolean) => SafePlugin<any>;
+declare const createPlugin: (fullWidthEnabled: boolean) => SafePlugin<any>;
 export { createPlugin };

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

@@ -6,7 +6,7 @@ export declare const isClickNear: (event: MouseEvent, click: {
     x: number;
     y: number;
 }) => boolean;
-export declare const getResizeCellPos: (view: EditorView, event: MouseEvent, lastColumnResizable: boolean) => number | null;
+export declare const getResizeCellPos: (view: EditorView, event: MouseEvent) => number | null;
 export declare const updateStickyMargins: (table: HTMLElement) => void;
 export declare const applyColWidthsToStickyRow: (colGroup: HTMLTableColElement | null, headerRow: HTMLTableRowElement) => void;
 export declare const syncStickyRowToTable: (tableRef?: HTMLElement | null) => void;

package/dist/types/plugins/table/ui/ui-styles.d.ts

@@ -5,7 +5,7 @@ export declare const HeaderButtonHover: () => import("@emotion/react").Serialize
 export declare const HeaderButtonDanger: () => import("@emotion/react").SerializedStyles;
 export declare const insertColumnButtonWrapper: import("@emotion/react").SerializedStyles;
 export declare const insertRowButtonWrapper: import("@emotion/react").SerializedStyles;
-export declare const columnControlsLineMarker: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const columnControlsLineMarker: () => import("@emotion/react").SerializedStyles;
 export declare const DeleteButton: import("@emotion/react").SerializedStyles;
 export declare const OverflowShadow: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
 export declare const columnControlsDecoration: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

package/dist/types/plugins/table/utils/column-controls.d.ts

@@ -7,4 +7,4 @@ export declare const getColumnDeleteButtonParams: (columnsWidths: Array<number |
     indexes: number[];
 } | null;
 export declare const getColumnClassNames: (index: number, selection: Selection, hoveredColumns?: number[], isInDanger?: boolean, isResizing?: boolean) => string;
-export declare const colWidthsForRow: (colGroup: HTMLTableColElement | null, tr: HTMLTableRowElement) => string;
+export declare const colWidthsForRow: (tr: HTMLTableRowElement) => string;

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

@@ -4,7 +4,7 @@ import { Decoration, DecorationSet } from 'prosemirror-view';
 import { Cell, CellColumnPositioning, TableDecorations } from '../types';
 export declare const findColumnControlSelectedDecoration: (decorationSet: DecorationSet) => Decoration[];
 export declare const findControlsHoverDecoration: (decorationSet: DecorationSet) => Decoration[];
-export declare const createCellHoverDecoration: (cells: Cell[], type: 'warning') => Decoration[];
+export declare const createCellHoverDecoration: (cells: Cell[]) => Decoration[];
 export declare const createControlsHoverDecoration: (cells: Cell[], type: 'row' | 'column' | 'table', tr: Transaction | ReadonlyTransaction, danger?: boolean, selected?: boolean) => Decoration[];
 export declare const createColumnSelectedDecoration: (tr: Transaction | ReadonlyTransaction) => Decoration[];
 export declare const createColumnControlsDecoration: (selection: Selection) => Decoration[];

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

@@ -46,7 +46,7 @@ declare class TableComponent extends React.Component<ComponentProps, TableState>
     constructor(props: ComponentProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    componentDidUpdate(prevProps: ComponentProps): void;
+    componentDidUpdate(): void;
     private updateShadows;
     private updateShadowState;
     private createShadowSentinels;

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

@@ -1,8 +1,7 @@
-import { EditorState } from 'prosemirror-state';
 import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 export declare const updateShadowListForStickyStyles: (heightStyle: string, shadows: HTMLCollection) => void;
 /**
  * Update overflow shadows for a given wrapper & table.
  * if `overflowShadowOptimization` is enabled, this will exit early.
  */
-export declare const updateOverflowShadows: (getEditorFeatureFlags: GetEditorFeatureFlags) => (editorState: EditorState, wrapper?: HTMLElement | null, table?: HTMLElement | null, rightShadows?: NodeListOf<HTMLElement> | null, leftShadows?: NodeListOf<HTMLElement> | null) => false | undefined;
+export declare const updateOverflowShadows: (getEditorFeatureFlags: GetEditorFeatureFlags) => (wrapper?: HTMLElement | null, table?: HTMLElement | null, rightShadows?: NodeListOf<HTMLElement> | null, leftShadows?: NodeListOf<HTMLElement> | null) => false | undefined;

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

@@ -2,7 +2,6 @@
  * A plugin for scan the document, add width value to table's width attribute when necessary
  *
  */
-import { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-declare const createPlugin: (dispatch: Dispatch, fullWidthEnabled: boolean) => SafePlugin<any>;
+declare const createPlugin: (fullWidthEnabled: boolean) => SafePlugin<any>;
 export { createPlugin };

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

@@ -6,7 +6,7 @@ export declare const isClickNear: (event: MouseEvent, click: {
     x: number;
     y: number;
 }) => boolean;
-export declare const getResizeCellPos: (view: EditorView, event: MouseEvent, lastColumnResizable: boolean) => number | null;
+export declare const getResizeCellPos: (view: EditorView, event: MouseEvent) => number | null;
 export declare const updateStickyMargins: (table: HTMLElement) => void;
 export declare const applyColWidthsToStickyRow: (colGroup: HTMLTableColElement | null, headerRow: HTMLTableRowElement) => void;
 export declare const syncStickyRowToTable: (tableRef?: HTMLElement | null) => void;

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

@@ -5,7 +5,7 @@ export declare const HeaderButtonHover: () => import("@emotion/react").Serialize
 export declare const HeaderButtonDanger: () => import("@emotion/react").SerializedStyles;
 export declare const insertColumnButtonWrapper: import("@emotion/react").SerializedStyles;
 export declare const insertRowButtonWrapper: import("@emotion/react").SerializedStyles;
-export declare const columnControlsLineMarker: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const columnControlsLineMarker: () => import("@emotion/react").SerializedStyles;
 export declare const DeleteButton: import("@emotion/react").SerializedStyles;
 export declare const OverflowShadow: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
 export declare const columnControlsDecoration: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

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

@@ -7,4 +7,4 @@ export declare const getColumnDeleteButtonParams: (columnsWidths: Array<number |
     indexes: number[];
 } | null;
 export declare const getColumnClassNames: (index: number, selection: Selection, hoveredColumns?: number[], isInDanger?: boolean, isResizing?: boolean) => string;
-export declare const colWidthsForRow: (colGroup: HTMLTableColElement | null, tr: HTMLTableRowElement) => string;
+export declare const colWidthsForRow: (tr: HTMLTableRowElement) => string;

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

@@ -4,7 +4,7 @@ import { Decoration, DecorationSet } from 'prosemirror-view';
 import { Cell, CellColumnPositioning, TableDecorations } from '../types';
 export declare const findColumnControlSelectedDecoration: (decorationSet: DecorationSet) => Decoration[];
 export declare const findControlsHoverDecoration: (decorationSet: DecorationSet) => Decoration[];
-export declare const createCellHoverDecoration: (cells: Cell[], type: 'warning') => Decoration[];
+export declare const createCellHoverDecoration: (cells: Cell[]) => Decoration[];
 export declare const createControlsHoverDecoration: (cells: Cell[], type: 'row' | 'column' | 'table', tr: Transaction | ReadonlyTransaction, danger?: boolean, selected?: boolean) => Decoration[];
 export declare const createColumnSelectedDecoration: (tr: Transaction | ReadonlyTransaction) => Decoration[];
 export declare const createColumnControlsDecoration: (selection: Selection) => Decoration[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@atlaskit/adf-schema": "^26.2.0",
-    "@atlaskit/editor-common": "^74.19.0",
+    "@atlaskit/editor-common": "^74.21.0",
     "@atlaskit/editor-palette": "1.5.1",
     "@atlaskit/editor-plugin-analytics": "^0.1.0",
     "@atlaskit/editor-plugin-content-insertion": "^0.0.6",
@@ -37,7 +37,7 @@
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.11.0",
+    "@atlaskit/tokens": "^1.12.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -64,7 +64,7 @@
     "@atlaskit/editor-plugin-decorations": "^0.1.0",
     "@atlaskit/editor-plugin-feature-flags": "^0.1.0",
     "@atlaskit/editor-plugin-grid": "^0.1.0",
-    "@atlaskit/editor-plugin-hyperlink": "^0.0.0",
+    "@atlaskit/editor-plugin-hyperlink": "^0.1.0",
     "@atlaskit/editor-plugin-width": "^0.1.0",
     "@atlaskit/editor-test-helpers": "^18.10.0",
     "@atlaskit/visual-regression": "*",

package/src/__tests__/unit/utils/column-controls.ts

@@ -32,16 +32,16 @@ describe('table utilities', () => {
 
   describe('pctWidthsForRow', () => {
     it('returns nothing for an empty table and empty row', () => {
-      expect(colWidthsForRow(colgroup, createRow(0))).toEqual('');
+      expect(colWidthsForRow(createRow(0))).toEqual('');
     });
 
     describe('unresized table/no colgroup', () => {
       it('returns 100% for single cell', () => {
-        expect(colWidthsForRow(colgroup, createRow(1))).toEqual('100%');
+        expect(colWidthsForRow(createRow(1))).toEqual('100%');
       });
 
       it('returns split 50% for two cells', () => {
-        expect(colWidthsForRow(colgroup, createRow(2))).toEqual('50% 50%');
+        expect(colWidthsForRow(createRow(2))).toEqual('50% 50%');
       });
 
       it('works for merged cells', () => {
@@ -54,7 +54,7 @@ describe('table utilities', () => {
         // giving 4 visual rows, and only 2 in DOM
 
         // colgroup is still empty
-        expect(colWidthsForRow(colgroup, rowWithColspan)).toEqual('75% 25%');
+        expect(colWidthsForRow(rowWithColspan)).toEqual('75% 25%');
       });
     });
   });

package/src/plugins/table/commands/hover.ts

@@ -40,7 +40,7 @@ export const hoverMergedCells = () =>
         node: table.node.nodeAt(pos)!,
       }));
 
-      const decorations = createCellHoverDecoration(mergedCells, 'warning');
+      const decorations = createCellHoverDecoration(mergedCells);
 
       return {
         type: 'HOVER_CELLS',

package/src/plugins/table/commands/sort.ts

@@ -21,24 +21,24 @@ import {
   TableSortOrder as SortOrder,
 } from '@atlaskit/adf-schema/steps';
 
-function createGetInlineCardTextFromStore(state: EditorState) {
-  return (attrs: CardAttributes): string | null => {
-    const { data } = attrs as DataType;
-    if (data && ((data as any).name || (data as any).title)) {
-      return (data as any).name || (data as any).title;
-    }
-
-    const { url: cardUrl } = attrs as UrlType;
-    return cardUrl;
-  };
-}
+const createGetInlineCardTextFromStore = (
+  attrs: CardAttributes,
+): string | null => {
+  const { data } = attrs as DataType;
+  if (data && ((data as any).name || (data as any).title)) {
+    return (data as any).name || (data as any).title;
+  }
+
+  const { url: cardUrl } = attrs as UrlType;
+  return cardUrl;
+};
 
 export const sortByColumn = (
   columnIndex: number,
   order: SortOrder = SortOrder.DESC,
 ): Command =>
   createCommand(
-    (state) => ({
+    () => ({
       type: 'SORT_TABLE',
       data: {
         ordering: {
@@ -70,7 +70,7 @@ export const sortByColumn = (
       }
       const compareNodesInOrder = createCompareNodes(
         {
-          getInlineCardTextFromStore: createGetInlineCardTextFromStore(state),
+          getInlineCardTextFromStore: createGetInlineCardTextFromStore,
         },
         order,
       );

package/src/plugins/table/index.tsx

@@ -66,7 +66,7 @@ import type {
   GetEditorFeatureFlags,
   NextEditorPlugin,
 } from '@atlaskit/editor-common/types';
-import { EditorState, Transaction } from 'prosemirror-state';
+import { Transaction } from 'prosemirror-state';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -218,11 +218,9 @@ const tablesPlugin: NextEditorPlugin<
           plugin: () =>
             tableEditing({
               reportFixedTable: ({
-                state,
                 tr,
                 reason,
               }: {
-                state: EditorState;
                 tr: Transaction;
                 reason: string;
               }) => {
@@ -258,12 +256,9 @@ const tablesPlugin: NextEditorPlugin<
         },
         {
           name: 'tableAddWidth',
-          plugin: ({ dispatch }) =>
+          plugin: () =>
             getBooleanFF('platform.editor.custom-table-width') && options
-              ? createTableAddWidthPlugin(
-                  dispatch,
-                  options.fullWidthEnabled || false,
-                )
+              ? createTableAddWidthPlugin(options.fullWidthEnabled || false)
               : undefined,
         },
 

package/src/plugins/table/nodeviews/TableComponent.tsx

@@ -198,7 +198,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
     );
   }
 
-  componentDidUpdate(prevProps: ComponentProps) {
+  componentDidUpdate() {
     const { view, getNode, isMediaFullscreen, allowColumnResizing } =
       this.props;
     const { isInDanger } = getPluginState(view.state);
@@ -268,7 +268,6 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
       );
 
       updateOverflowShadows(this.props.getEditorFeatureFlags)(
-        this.props.view.state,
         this.wrapper,
         this.table,
         rightShadows,

package/src/plugins/table/nodeviews/update-overflow-shadows.ts

@@ -1,4 +1,3 @@
-import { EditorState } from 'prosemirror-state';
 import { TableCssClassName as ClassName } from '../types';
 import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 export const updateShadowListForStickyStyles = (
@@ -25,7 +24,6 @@ export const updateShadowListForStickyStyles = (
 export const updateOverflowShadows =
   (getEditorFeatureFlags: GetEditorFeatureFlags) =>
   (
-    editorState: EditorState,
     wrapper?: HTMLElement | null,
     table?: HTMLElement | null,
     rightShadows?: NodeListOf<HTMLElement> | null,

package/src/plugins/table/pm-plugins/main.ts

@@ -343,7 +343,7 @@ export const createPlugin = (
         const maybeTr = closestElement(domRef as HTMLElement | undefined, 'tr');
         return maybeTr ? maybeTr.classList.contains('sticky') : false;
       },
-      handleTextInput: ({ state, dispatch }, from, to, text) => {
+      handleTextInput: ({ state, dispatch }, _from, _to, text) => {
         const tr = replaceSelectedTable(
           state,
           text,

package/src/plugins/table/pm-plugins/table-add-width.ts

@@ -2,7 +2,6 @@
  * A plugin for scan the document, add width value to table's width attribute when necessary
  *
  */
-import { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import {
   akEditorFullWidthLayoutWidth,
@@ -17,7 +16,7 @@ type __ReplaceStep = ReplaceStep & {
   from: number;
 };
 
-const createPlugin = (dispatch: Dispatch, fullWidthEnabled: boolean) =>
+const createPlugin = (fullWidthEnabled: boolean) =>
   new SafePlugin({
     appendTransaction: (transactions, _oldState, newState) => {
       // When document first load in Confluence, initially it is an empty document
@@ -58,7 +57,7 @@ const createPlugin = (dispatch: Dispatch, fullWidthEnabled: boolean) =>
       const tr = newState.tr;
       const { table } = newState.schema.nodes;
 
-      newState.doc.forEach((node, offset, index) => {
+      newState.doc.forEach((node, offset) => {
         if (node.type === table) {
           const width = node.attrs.width;
           const layout = node.attrs.layout;

package/src/plugins/table/pm-plugins/table-local-id.ts

@@ -156,7 +156,7 @@ const createPlugin = (dispatch: Dispatch) =>
             continue;
           }
 
-          step.slice.content.descendants((node, pos) => {
+          step.slice.content.descendants((node) => {
             if (node.type === table) {
               addedTableNodes.add(node);
             }

package/src/plugins/table/pm-plugins/table-resizing/plugin.ts

@@ -52,7 +52,7 @@ export function createPlugin(
           const resizeHandlePos =
             // we're setting `resizeHandlePos` via command in unit tests
             getPluginState(state).resizeHandlePos ||
-            getResizeCellPos(view, event as MouseEvent, lastColumnResizable);
+            getResizeCellPos(view, event as MouseEvent);
 
           const { dragging } = getPluginState(state);
           if (resizeHandlePos !== null && !dragging) {

package/src/plugins/table/pm-plugins/table-resizing/utils/dom.ts

@@ -65,7 +65,6 @@ export const updateControls =
     );
 
     updateOverflowShadows(getEditorFeatureFlags)(
-      state,
       wrapper,
       tableRef,
       rightShadows,
@@ -85,7 +84,6 @@ export const isClickNear = (
 export const getResizeCellPos = (
   view: EditorView,
   event: MouseEvent,
-  lastColumnResizable: boolean,
 ): number | null => {
   const target = event.target as HTMLElement;
 
@@ -124,7 +122,7 @@ export const applyColWidthsToStickyRow = (
   headerRow: HTMLTableRowElement,
 ) => {
   // sync column widths for the sticky row
-  const newCols = colWidthsForRow(colGroup, headerRow);
+  const newCols = colWidthsForRow(headerRow);
 
   if (newCols) {
     headerRow.style.gridTemplateColumns = newCols;

package/src/plugins/table/toolbar.tsx

@@ -464,7 +464,6 @@ export const getToolbarConfig =
         state,
         menu,
         intl,
-        getEditorContainerWidth,
         editorAnalyticsAPI,
         tableCellOptionsInFloatingToolbar,
       );
@@ -614,7 +613,6 @@ const getColorPicker = (
   state: EditorState,
   menu: FloatingToolbarItem<Command>,
   { formatMessage }: ToolbarMenuContext,
-  getEditorContainerWidth: GetEditorContainerWidth,
   editorAnalyticsAPI: EditorAnalyticsAPI | null | undefined,
   tableCellOptionsInFloatingToolbar?: boolean,
 ): Array<FloatingToolbarItem<Command>> => {

package/src/plugins/table/transforms/column-width.ts

@@ -207,7 +207,7 @@ export const rescaleColumns =
       const widths: Array<number> = new Array(noOfColumns).fill(
         tableCellMinWidth,
       );
-      const cols = widths.map((width, index) => ({
+      const cols = widths.map((_, index) => ({
         width: tableCellMinWidth,
         minWidth: tableCellMinWidth,
         index,

package/src/plugins/table/transforms/delete-columns.ts

@@ -24,7 +24,7 @@ const deleteColumnsCustomStep =
     // Delete the columns
     let mapStart = tr.mapping.maps.length;
     const originalDoc = tr.doc;
-    const deletedColumns = [];
+    const deletedColumns: number[] = [];
     for (let i = rect.left; i < rect.right; i++) {
       const step = AddColumnStep.create(originalDoc, table.pos, i, true);
       deletedColumns.push(i);

package/src/plugins/table/ui/LayoutButton/index.tsx

@@ -54,7 +54,7 @@ class LayoutButton extends React.Component<Props & WrappedComponentProps, any> {
   private stickyButtonRef = createRef<HTMLDivElement>();
 
   private resizeObserver: ResizeObserver = new ResizeObserver((entries) => {
-    entries.forEach((entry) => {
+    entries.forEach(() => {
       const resizeButton = this.stickyButtonRef.current;
       const tableWrapper = this.props.targetRef;
       if (resizeButton && tableWrapper) {

package/src/plugins/table/ui/common-styles.ts

@@ -185,7 +185,7 @@ export const tableStyles = (
 
   .ProseMirror {
     ${tableSharedStyle(props)};
-    ${columnControlsLineMarker(props)};
+    ${columnControlsLineMarker()};
     ${hoveredDeleteButton};
     ${hoveredCell};
     ${hoveredWarningCell};

package/src/plugins/table/ui/ui-styles.ts

@@ -208,7 +208,7 @@ export const insertRowButtonWrapper = css`
   `)}
 `;
 
-export const columnControlsLineMarker = (props: ThemeProps) => css`
+export const columnControlsLineMarker = () => css`
   .${ClassName.TABLE_CONTAINER}.${ClassName.WITH_CONTROLS}
     table
     tr:first-of-type

package/src/plugins/table/utils/column-controls.ts

@@ -172,10 +172,7 @@ const getRelativeDomCellWidths = ({
   );
 };
 
-export const colWidthsForRow = (
-  colGroup: HTMLTableColElement | null,
-  tr: HTMLTableRowElement,
-) => {
+export const colWidthsForRow = (tr: HTMLTableRowElement) => {
   // get the colspans
   const rowColSpans = maphElem(tr, (cell) =>
     Number(cell.getAttribute('colspan') || 1 /* default to span of 1 */),
@@ -202,7 +199,7 @@ export const colWidthsForRow = (
 
     // reverse engineer cell widths from table widths
     let domBasedCellWidths: number[] = [];
-    cellInfos.map((cell, idx) => {
+    cellInfos.map((cell) => {
       domBasedCellWidths.push(...getRelativeDomCellWidths(cell));
     });
 

package/src/plugins/table/utils/decoration.ts

@@ -40,10 +40,7 @@ export const findControlsHoverDecoration = (
 ): Decoration[] =>
   filterDecorationByKey(TableDecorations.ALL_CONTROLS_HOVER, decorationSet);
 
-export const createCellHoverDecoration = (
-  cells: Cell[],
-  type: 'warning',
-): Decoration[] =>
+export const createCellHoverDecoration = (cells: Cell[]): Decoration[] =>
   cells.map((cell) =>
     Decoration.node(
       cell.pos,

package/src/plugins/table/utils/row-controls.ts

@@ -170,7 +170,7 @@ export const copyPreviousRow =
     );
 
     let cells = [] as PMNode[];
-    let fixRowspans = [];
+    let fixRowspans: { pos: number; node: PMNode }[] = [];
     for (let i = 0; i < cellsPositionsInOriginalRow.length; ) {
       const pos = cellsPositionsInOriginalRow[i];
       const documentCellPos = pos + table.start;