@atlaskit/editor-plugin-table 1.5.2 → 1.5.4

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

@@ -34,6 +34,7 @@ import undoRedoPlugin from '@atlaskit/editor-core/src/plugins/undo-redo';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 jest.mock('@atlaskit/editor-common/utils', () => ({
   ...jest.requireActual<Object>('@atlaskit/editor-common/utils'),
@@ -68,6 +69,7 @@ describe('table -> nodeviews -> tableCell.tsx', () => {
         .add([featureFlagsPlugin, {}])
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
+        .add(widthPlugin)
         .add([tablePlugin, { tableOptions: { advanced: true, ...props } }])
         .add(undoRedoPlugin),
       pluginKey,

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

@@ -24,6 +24,7 @@ import { hoverRows } from '../../../plugins/table/commands';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 describe('table -> nodeviews -> table.tsx', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -41,6 +42,7 @@ describe('table -> nodeviews -> table.tsx', () => {
             .add([featureFlagsPlugin, {}])
             .add([analyticsPlugin, {}])
             .add(contentInsertionPlugin)
+            .add(widthPlugin)
             .add([
               tablePlugin,
               {

package/src/__tests__/unit/pm-plugins/decorations/column-resizing.ts

@@ -35,6 +35,7 @@ import {
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 describe('tables: column resizing decorations', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -46,6 +47,7 @@ describe('tables: column resizing decorations', () => {
         .add([featureFlagsPlugin, {}])
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
+        .add(widthPlugin)
         .add([
           tablePlugin,
           {

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

@@ -27,6 +27,7 @@ import tablePlugin from '../../../../plugins/table';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 describe('decorations plugin', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -38,6 +39,7 @@ describe('decorations plugin', () => {
         .add([featureFlagsPlugin, {}])
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
+        .add(widthPlugin)
         .add(tablePlugin),
       pluginKey,
     });

package/src/__tests__/unit/pm-plugins/main.ts

@@ -31,6 +31,7 @@ import {
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 describe('tables: main plugin', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -41,6 +42,7 @@ describe('tables: main plugin', () => {
         .add([featureFlagsPlugin, {}])
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
+        .add(widthPlugin)
         .add(tablePlugin)
         .add(textFormattingPlugin),
       pluginKey,

package/src/__tests__/unit/pm-plugins/safari-delete-composition-text-issue-workaround.ts

@@ -16,6 +16,7 @@ import tablePlugin from '../../../plugins/table-plugin';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 describe('table/safari-delete-composition-text-issue-workaround', () => {
   let editor: any;
@@ -28,6 +29,7 @@ describe('table/safari-delete-composition-text-issue-workaround', () => {
           .add([featureFlagsPlugin, {}])
           .add([analyticsPlugin, {}])
           .add(contentInsertionPlugin)
+          .add(widthPlugin)
           .add([tablePlugin, { tableOptions: { allowColumnResizing: true } }]),
         pluginKey,
       });

package/src/__tests__/unit/pm-plugins/sticky-headers/tableRow.tsx

@@ -46,6 +46,7 @@ import {
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 describe('TableRowNodeView', () => {
   let tableRowNodeView: TableRowNodeView;
@@ -60,6 +61,7 @@ describe('TableRowNodeView', () => {
         .add([featureFlagsPlugin, {}])
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
+        .add(widthPlugin)
         .add(tablePlugin),
       pluginKey,
       attachTo: document.body,
@@ -91,6 +93,7 @@ describe('TableRowNodeView', () => {
             .add([featureFlagsPlugin, {}])
             .add([analyticsPlugin, {}])
             .add(contentInsertionPlugin)
+            .add(widthPlugin)
             .add(tablePlugin),
           pluginKey,
         });

package/src/__tests__/unit/pm-plugins/table-resizing/event-handlers.ts

@@ -51,6 +51,7 @@ describe('table-resizing/event-handlers', () => {
           .add([analyticsPlugin, {}])
           .add(contentInsertionPlugin)
           .add(decorationsPlugin)
+          .add(widthPlugin)
           .add([
             tablePlugin,
             {
@@ -58,7 +59,6 @@ describe('table-resizing/event-handlers', () => {
               editorAnalyticsAPI: editorAnalyticsAPIFake,
             },
           ])
-          .add(widthPlugin)
           .add(panelPlugin),
         pluginKey,
       });

package/src/__tests__/unit/pm-plugins/table-selection-keymap.ts

@@ -32,6 +32,7 @@ import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 describe('table selection keymap', () => {
@@ -51,6 +52,7 @@ describe('table selection keymap', () => {
     .add(contentInsertionPlugin)
     .add(decorationsPlugin)
     .add(selectionPlugin)
+    .add(widthPlugin)
     .add([tablePlugin, { tableOptions: {}, editorSelectionAPI }])
     .add(panelPlugin)
     .add([codeBlockPlugin, { appearance: 'full-page' }]);

package/src/__tests__/unit/sort-column.ts

@@ -29,6 +29,7 @@ import { PluginKey } from 'prosemirror-state';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 
@@ -54,6 +55,7 @@ describe('table plugin', () => {
     .add([featureFlagsPlugin, {}])
     .add([analyticsPlugin, {}])
     .add(contentInsertionPlugin)
+    .add(widthPlugin)
     .add([tablePlugin, { tableOptions }])
     .add(textFormattingPlugin)
     .add(blockTypePlugin);

package/src/__tests__/unit/toolbar.ts

@@ -34,6 +34,7 @@ import { getNewResizeStateFromSelectedColumns } from '../../plugins/table/pm-plu
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 jest.mock('@atlaskit/editor-tables/utils');
 jest.mock('../../plugins/table/transforms');
@@ -158,6 +159,7 @@ describe('getToolbarCellOptionsConfig', () => {
       .add([featureFlagsPlugin, {}])
       .add([analyticsPlugin, {}])
       .add(contentInsertionPlugin)
+      .add(widthPlugin)
       .add([
         tablePlugin,
         {

package/src/__tests__/unit/transforms/delete-columns.ts

@@ -24,6 +24,7 @@ import tablePlugin from '../../../plugins/table-plugin';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 const colsToRect = (cols: Array<number>, noOfRows: number): Rect => ({
   left: Math.min(...cols),
@@ -48,6 +49,7 @@ describe('table plugin -> transforms -> delete columns', () => {
     .add([featureFlagsPlugin, {}])
     .add([analyticsPlugin, {}])
     .add(contentInsertionPlugin)
+    .add(widthPlugin)
     .add(tablePlugin);
 
   const editor = (doc: DocBuilder) =>

package/src/__tests__/unit/transforms/delete-rows.ts

@@ -25,6 +25,7 @@ import tablePlugin from '../../../plugins/table-plugin';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 const rowsToRect = (rows: Array<number>, noOfColumns: number): Rect => ({
   left: 0,
@@ -48,6 +49,7 @@ describe('table plugin -> transforms -> delete rows', () => {
     .add([featureFlagsPlugin, {}])
     .add([analyticsPlugin, {}])
     .add(contentInsertionPlugin)
+    .add(widthPlugin)
     .add(tablePlugin);
 
   const editor = (doc: DocBuilder) =>

package/src/__tests__/unit/transforms/merging.ts

@@ -21,6 +21,7 @@ import { PluginKey } from 'prosemirror-state';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 
@@ -38,6 +39,7 @@ describe('table plugin -> transforms -> merge cells', () => {
     .add([featureFlagsPlugin, {}])
     .add([analyticsPlugin, {}])
     .add(contentInsertionPlugin)
+    .add(widthPlugin)
     .add(tablePlugin);
 
   const editor = (doc: DocBuilder) =>

package/src/__tests__/unit/ui/ContextualMenu.tsx

@@ -20,6 +20,7 @@ import tablePlugin from '../../../plugins/table-plugin';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 import { ContextualMenu } from '../../../plugins/table/ui/FloatingContextualMenu/ContextualMenu';
 
@@ -36,6 +37,7 @@ describe('ContextualMenu', () => {
           .add([featureFlagsPlugin, {}])
           .add([analyticsPlugin, {}])
           .add(contentInsertionPlugin)
+          .add(widthPlugin)
           .add([tablePlugin, { tableOptions: { advanced: true } }]),
       }));
     });

package/src/__tests__/unit/ui/CornerControls.tsx

@@ -22,6 +22,7 @@ import tablePlugin from '../../../plugins/table-plugin';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 describe('CornerControls', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -33,6 +34,7 @@ describe('CornerControls', () => {
         .add([featureFlagsPlugin, {}])
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
+        .add(widthPlugin)
         .add(tablePlugin),
       pluginKey,
     });

package/src/__tests__/unit/ui/FloatingContextualButton.tsx

@@ -26,6 +26,7 @@ import tablePlugin from '../../../plugins/table-plugin';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 const createEditor = createProsemirrorEditorFactory();
 let createAnalyticsEvent = jest.fn(() => ({ fire() {} } as UIAnalyticsEvent));
@@ -36,6 +37,7 @@ const editor = (doc: DocBuilder) =>
       .add([featureFlagsPlugin, {}])
       .add([analyticsPlugin, {}])
       .add(contentInsertionPlugin)
+      .add(widthPlugin)
       .add(tablePlugin),
   });
 

package/src/__tests__/unit/ui/FloatingContextualMenu.tsx

@@ -23,6 +23,7 @@ import tablePlugin from '../../../plugins/table-plugin';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 describe('FloatingContextualMenu', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -35,6 +36,7 @@ describe('FloatingContextualMenu', () => {
           .add([featureFlagsPlugin, {}])
           .add([analyticsPlugin, {}])
           .add(contentInsertionPlugin)
+          .add(widthPlugin)
           .add(tablePlugin),
       }));
     });

package/src/__tests__/unit/ui/RowControls.tsx

@@ -28,6 +28,7 @@ import tablePlugin from '../../../plugins/table-plugin';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 describe('RowControls', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -59,6 +60,7 @@ describe('RowControls', () => {
         .add([featureFlagsPlugin, {}])
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
+        .add(widthPlugin)
         .add(tablePlugin),
       pluginKey,
     });

package/src/__tests__/unit/ui/TableFloatingControls.tsx

@@ -27,6 +27,7 @@ import { PluginKey } from 'prosemirror-state';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 describe('TableFloatingControls', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -35,6 +36,7 @@ describe('TableFloatingControls', () => {
     .add([featureFlagsPlugin, {}])
     .add([analyticsPlugin, {}])
     .add(contentInsertionPlugin)
+    .add(widthPlugin)
     .add(tablePlugin);
 
   const editor = (doc: DocBuilder) =>

package/src/__tests__/unit/undo-redo.ts

@@ -65,8 +65,8 @@ describe('undo/redo with tables', () => {
         .add([featureFlagsPlugin, {}])
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
-        .add([tablePlugin, { tableOptions }])
-        .add(widthPlugin),
+        .add(widthPlugin)
+        .add([tablePlugin, { tableOptions }]),
       pluginKey: tablePluginKey,
     });
   };

package/src/__tests__/unit/utils/collapse.ts

@@ -13,6 +13,7 @@ import {
 
 import tablePlugin from '../../../plugins/table';
 import expandPlugin from '@atlaskit/editor-core/src/plugins/expand';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 import {
   isTableCollapsible,
@@ -31,6 +32,7 @@ describe('collapse', () => {
       .add([featureFlagsPlugin, {}])
       .add([analyticsPlugin, {}])
       .add(contentInsertionPlugin)
+      .add(widthPlugin)
       .add(tablePlugin);
 
     const finalPreset = expandInPlugins

package/src/__tests__/unit/utils/nodes.ts

@@ -21,6 +21,7 @@ import tablePlugin from '../../../plugins/table-plugin';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 describe('table merging logic', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -32,6 +33,7 @@ describe('table merging logic', () => {
         .add([featureFlagsPlugin, {}])
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
+        .add(widthPlugin)
         .add(tablePlugin),
       pluginKey,
     });

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

@@ -22,6 +22,7 @@ import tablePlugin from '../../../plugins/table-plugin';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 
@@ -42,6 +43,7 @@ describe('table plugin: utils/row-controls.js', () => {
         .add([featureFlagsPlugin, {}])
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
+        .add(widthPlugin)
         .add(tablePlugin),
       pluginKey,
     });

package/src/__tests__/unit/utils.ts

@@ -31,6 +31,7 @@ import { PluginKey } from 'prosemirror-state';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 describe('table plugin: utils', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -38,6 +39,7 @@ describe('table plugin: utils', () => {
     .add([featureFlagsPlugin, {}])
     .add([analyticsPlugin, {}])
     .add(contentInsertionPlugin)
+    .add(widthPlugin)
     .add(tablePlugin);
 
   const editor = (doc: DocBuilder) =>

package/src/plugins/table/index.tsx

@@ -70,6 +70,7 @@ import { EditorState, 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';
+import type { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 interface TablePluginOptions {
   tableOptions: PluginConfig;
@@ -94,25 +95,19 @@ const tablesPlugin: NextEditorPlugin<
     actions: {
       insertTable: InsertTableAction;
     };
-    dependencies: [typeof analyticsPlugin, typeof contentInsertionPlugin];
+    dependencies: [
+      typeof analyticsPlugin,
+      typeof contentInsertionPlugin,
+      typeof widthPlugin,
+    ];
   }
 > = (options?: TablePluginOptions, api?) => {
   const editorViewRef: Record<'current', EditorView | null> = { current: null };
   const defaultGetEditorContainerWidth: GetEditorContainerWidth = () => {
-    if (!editorViewRef.current) {
-      return {
-        width: document?.body?.offsetWidth || 500,
-      };
-    }
-
-    const {
-      current: { state },
-    } = editorViewRef;
-
-    // TODO: ED-15663
-    // Please, do not copy or use this kind of code below
-    // @ts-ignore
-    return (state as any)['widthPlugin$'];
+    const defaultState = {
+      width: document?.body?.offsetWidth ?? 500,
+    };
+    return api?.dependencies.width.sharedState.currentState() ?? defaultState;
   };
 
   return {

package/src/plugins/table/nodeviews/OverflowShadowsObserver.ts

@@ -39,21 +39,19 @@ export class OverflowShadowsObserver {
       const intersectonOnbserverCallback = (
         entry: IntersectionObserverEntry,
       ) => {
-        if (!entry.rootBounds?.height && !entry.rootBounds?.width) {
-          return;
-        }
         if (
           entry.target !== this.leftShadowSentinel &&
           entry.target !== this.rightShadowSentinel
         ) {
           return;
         }
+
         this.updateStickyShadowsHeightIfChanged();
-        this.checkIntersectionEvent(
-          entry,
+        this.updateShadowState(
           this.leftShadowSentinel === entry.target
             ? ShadowEvent.SHOW_BEFORE_SHADOW
             : ShadowEvent.SHOW_AFTER_SHADOW,
+          entry.intersectionRatio !== 1,
         );
       };
 
@@ -71,24 +69,6 @@ export class OverflowShadowsObserver {
     }
   };
 
-  private checkIntersectionEvent = (
-    entry: IntersectionObserverEntry,
-    shadowKey: ShadowEvent,
-  ) => {
-    if (
-      // If it's in full view, don't show shadow.
-      entry.isIntersecting &&
-      entry.intersectionRatio === 1
-    ) {
-      this.updateShadowState(shadowKey, false);
-    } else if (
-      // If it's in partial view, show a shadow
-      entry.intersectionRatio < 1
-    ) {
-      this.updateShadowState(shadowKey, true);
-    }
-  };
-
   private updateStickyShadowsHeightIfChanged() {
     if (!this.isSticky) {
       return;

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

@@ -280,11 +280,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
     if (this.state[shadowKey] === value) {
       return;
     }
-    // need this check to satisfy types for the setState argument
-    if (shadowKey === ShadowEvent.SHOW_BEFORE_SHADOW) {
-      return this.setState({ [shadowKey]: value });
-    }
-    this.setState({ [shadowKey]: value });
+    this.setState({ [shadowKey]: value } as Pick<TableState, typeof shadowKey>);
   };
 
   private createShadowSentinels = (table: HTMLTableElement | null) => {
@@ -537,11 +533,9 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
       this.updateShadows();
     }
 
-    if (this.wrapper.scrollLeft === 0) {
-      this.setState({ [ShadowEvent.SHOW_BEFORE_SHADOW]: false });
-    } else {
-      this.setState({ [ShadowEvent.SHOW_BEFORE_SHADOW]: true });
-    }
+    this.setState({
+      [ShadowEvent.SHOW_BEFORE_SHADOW]: this.wrapper.scrollLeft !== 0,
+    });
   };
 
   private handleTableResizing = () => {

package/tmp/api-report-tmp.d.ts

@@ -13,6 +13,7 @@ import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import { TableLayout } from '@atlaskit/adf-schema';
+import type { widthPlugin } from '@atlaskit/editor-plugin-width';
 
 // @public (undocumented)
 type InsertTableAction = (analyticsPayload: AnalyticsEventPayload) => Command;
@@ -94,7 +95,11 @@ export const tablesPlugin: NextEditorPlugin<'table', {
     actions: {
         insertTable: InsertTableAction;
     };
-    dependencies: [typeof analyticsPlugin, typeof contentInsertionPlugin];
+    dependencies: [
+    typeof analyticsPlugin,
+    typeof contentInsertionPlugin,
+    typeof widthPlugin
+    ];
 }>;
 
 // (No @packageDocumentation comment for this package)