@atlaskit/editor-plugin-table 7.6.6 → 7.6.8

package/dist/types/ui/TableFloatingColumnControls/ColumnControls/index.d.ts

@@ -30,7 +30,15 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
         commands: {
             insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
         };
-        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+        dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [];
+            actions: {
+                ariaNotify: (message: string) => void;
+            };
+            sharedState: {
+                message: string;
+            };
+        }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
                 createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
@@ -80,7 +88,15 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
             sharedState: any;
             actions: any;
         }, any>>];
-    }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+    }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+        dependencies: [];
+        actions: {
+            ariaNotify: (message: string) => void;
+        };
+        sharedState: {
+            message: string;
+        };
+    }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
         pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
         sharedState: {
             createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;

package/dist/types/ui/TableFloatingControls/CornerControls/DragCornerControls.d.ts

@@ -11,7 +11,15 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
         commands: {
             insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
         };
-        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+        dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [];
+            actions: {
+                ariaNotify: (message: string) => void;
+            };
+            sharedState: {
+                message: string;
+            };
+        }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
                 createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
@@ -61,7 +69,15 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
             sharedState: any;
             actions: any;
         }, any>>];
-    }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+    }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+        dependencies: [];
+        actions: {
+            ariaNotify: (message: string) => void;
+        };
+        sharedState: {
+            message: string;
+        };
+    }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
         pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
         sharedState: {
             createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
@@ -122,7 +138,15 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
             commands: {
                 insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             };
-            dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+            dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+                dependencies: [];
+                actions: {
+                    ariaNotify: (message: string) => void;
+                };
+                sharedState: {
+                    message: string;
+                };
+            }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
                 pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
                 sharedState: {
                     createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
@@ -172,7 +196,15 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                 sharedState: any;
                 actions: any;
             }, any>>];
-        }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+        }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [];
+            actions: {
+                ariaNotify: (message: string) => void;
+            };
+            sharedState: {
+                message: string;
+            };
+        }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
                 createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;

package/dist/types/ui/TableFloatingControls/index.d.ts

@@ -39,7 +39,15 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
         commands: {
             insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
         };
-        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+        dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [];
+            actions: {
+                ariaNotify: (message: string) => void;
+            };
+            sharedState: {
+                message: string;
+            };
+        }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
                 createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
@@ -89,7 +97,15 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
             sharedState: any;
             actions: any;
         }, any>>];
-    }, import("../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+    }, import("../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+        dependencies: [];
+        actions: {
+            ariaNotify: (message: string) => void;
+        };
+        sharedState: {
+            message: string;
+        };
+    }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
         pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
         sharedState: {
             createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;

package/dist/types-ts4.5/plugin.d.ts

@@ -1,6 +1,7 @@
 import type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { Command, EditorCommand, GetEditorFeatureFlags, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AccessibilityUtilsPlugin } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ContentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
@@ -35,6 +36,7 @@ export type TablePlugin = NextEditorPlugin<'table', {
         insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: INPUT_METHOD.PICKER) => EditorCommand;
     };
     dependencies: [
+        OptionalPlugin<AccessibilityUtilsPlugin>,
         AnalyticsPlugin,
         ContentInsertionPlugin,
         WidthPlugin,

package/dist/types-ts4.5/ui/TableFloatingColumnControls/ColumnControls/index.d.ts

@@ -32,6 +32,16 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
                 insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             };
             dependencies: [
+                import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+                    dependencies: [
+                    ];
+                    actions: {
+                        ariaNotify: (message: string) => void;
+                    };
+                    sharedState: {
+                        message: string;
+                    };
+                }, undefined>>,
                 import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
                     pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
                     sharedState: {
@@ -97,6 +107,16 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
                 }, any>>
             ];
         }, import("../../../plugin").TablePluginOptions | undefined>,
+        import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [
+            ];
+            actions: {
+                ariaNotify: (message: string) => void;
+            };
+            sharedState: {
+                message: string;
+            };
+        }, undefined>>,
         import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {

package/dist/types-ts4.5/ui/TableFloatingControls/CornerControls/DragCornerControls.d.ts

@@ -13,6 +13,16 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                 insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             };
             dependencies: [
+                import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+                    dependencies: [
+                    ];
+                    actions: {
+                        ariaNotify: (message: string) => void;
+                    };
+                    sharedState: {
+                        message: string;
+                    };
+                }, undefined>>,
                 import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
                     pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
                     sharedState: {
@@ -78,6 +88,16 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                 }, any>>
             ];
         }, import("../../../plugin").TablePluginOptions | undefined>,
+        import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [
+            ];
+            actions: {
+                ariaNotify: (message: string) => void;
+            };
+            sharedState: {
+                message: string;
+            };
+        }, undefined>>,
         import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
@@ -155,6 +175,16 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                     insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
                 };
                 dependencies: [
+                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+                        dependencies: [
+                        ];
+                        actions: {
+                            ariaNotify: (message: string) => void;
+                        };
+                        sharedState: {
+                            message: string;
+                        };
+                    }, undefined>>,
                     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
                         pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
                         sharedState: {
@@ -220,6 +250,16 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                     }, any>>
                 ];
             }, import("../../../plugin").TablePluginOptions | undefined>,
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+                dependencies: [
+                ];
+                actions: {
+                    ariaNotify: (message: string) => void;
+                };
+                sharedState: {
+                    message: string;
+                };
+            }, undefined>>,
             import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
                 pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
                 sharedState: {

package/dist/types-ts4.5/ui/TableFloatingControls/index.d.ts

@@ -41,6 +41,16 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
                 insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             };
             dependencies: [
+                import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+                    dependencies: [
+                    ];
+                    actions: {
+                        ariaNotify: (message: string) => void;
+                    };
+                    sharedState: {
+                        message: string;
+                    };
+                }, undefined>>,
                 import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
                     pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
                     sharedState: {
@@ -106,6 +116,16 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
                 }, any>>
             ];
         }, import("../../plugin").TablePluginOptions | undefined>,
+        import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [
+            ];
+            actions: {
+                ariaNotify: (message: string) => void;
+            };
+            sharedState: {
+                message: string;
+            };
+        }, undefined>>,
         import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "7.6.6",
+  "version": "7.6.8",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,8 +30,9 @@
   "dependencies": {
     "@atlaskit/adf-schema": "^35.8.0",
     "@atlaskit/custom-steps": "^0.0.17",
-    "@atlaskit/editor-common": "^78.22.0",
+    "@atlaskit/editor-common": "^78.23.0",
     "@atlaskit/editor-palette": "1.5.3",
+    "@atlaskit/editor-plugin-accessibility-utils": "^1.0.0",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
     "@atlaskit/editor-plugin-content-insertion": "^1.0.0",
     "@atlaskit/editor-plugin-guideline": "^1.0.0",
@@ -46,10 +47,10 @@
     "@atlaskit/pragmatic-drag-and-drop": "^1.1.0",
     "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.0.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
-    "@atlaskit/primitives": "^5.2.0",
+    "@atlaskit/primitives": "^5.5.0",
     "@atlaskit/theme": "^12.7.0",
     "@atlaskit/toggle": "^13.0.0",
-    "@atlaskit/tokens": "^1.42.0",
+    "@atlaskit/tokens": "^1.43.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -116,9 +117,6 @@
     "platform.editor.resizing-table-height-improvement": {
       "type": "boolean"
     },
-    "platform.editor.table.increase-shadow-visibility_lh89r": {
-      "type": "boolean"
-    },
     "platform.editor.table.shift-arrowup-fix": {
       "type": "boolean"
     },
@@ -128,9 +126,6 @@
     "platform.editor.a11y-table-resizing_uapcv": {
       "type": "boolean"
     },
-    "platform.editor.a11y.table-selection_9uv33": {
-      "type": "boolean"
-    },
     "platform.editor.menu.group-items": {
       "type": "boolean"
     },

package/src/commands/column-resize.ts

@@ -203,22 +203,23 @@ export const activateNextResizeArea =
     );
 
     const $nextCell = nextCell($currentCell, 'horiz', direction);
-    if (ariaNotify && getIntl) {
-      let columnDirection = '';
 
+    if (ariaNotify && getIntl) {
       if (direction === 1) {
-        columnDirection = getIntl().formatMessage(messages.columnRightResize);
+        ariaNotify(
+          getIntl().formatMessage(messages.focusedOtherResize, {
+            direction: 'right',
+          }),
+        );
       }
 
       if (direction === -1) {
-        columnDirection = getIntl().formatMessage(messages.columnLeftResize);
+        ariaNotify(
+          getIntl().formatMessage(messages.focusedOtherResize, {
+            direction: 'left',
+          }),
+        );
       }
-
-      ariaNotify(
-        getIntl().formatMessage(messages.focusedOtherResize, {
-          direction: columnDirection,
-        }),
-      );
     }
 
     if ($nextCell) {

package/src/nodeviews/TableComponent.tsx

@@ -797,13 +797,10 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
               position: 'absolute',
               right: getBooleanFF('platform.editor.custom-table-width')
                 ? `${
-                    getBooleanFF(
-                      'platform.editor.table.increase-shadow-visibility_lh89r',
-                    )
-                      ? token('space.400', '32px') // tableOverflowShadowWidthWide
-                      : token('space.100', '8px') // tableOverflowShadowWidth
+                    token('space.400', '32px') // tableOverflowShadowWidthWide
                   }`
-                : token('space.negative.025', '-2px'),
+                : // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+                  '22px',
             }}
           >
             <div

package/src/nodeviews/TableResizer.tsx

@@ -8,7 +8,6 @@ import React, {
   useState,
 } from 'react';
 
-import debounce from 'lodash/debounce';
 import rafSchd from 'raf-schd';
 import { useIntl } from 'react-intl-next';
 
@@ -90,9 +89,6 @@ export interface TableResizerImprovementProps extends TableResizerProps {
 
 type ResizerNextHandler = React.ElementRef<typeof ResizerNext>;
 
-type ResizeAction = 'increase' | 'decrease' | 'none';
-
-const DEBOUNCE_TIME_FOR_SCREEN_READER_ANNOUNCER = 1000;
 const RESIZE_STEP_VALUE = 10;
 
 const handles = { right: true };
@@ -189,26 +185,7 @@ export const TableResizer = ({
   const updateTooltip = React.useRef<() => void>();
   const [snappingEnabled, setSnappingEnabled] = useState(false);
 
-  // we don't want to update aria-live region on each width change, it might provide bad experience for screen reader users
-  const [screenReaderResizeInformation, setScreenReaderResizeInformation] =
-    useState<{
-      type: ResizeAction;
-      width: number;
-    }>({
-      type: 'none',
-      width,
-    });
-
   const { formatMessage } = useIntl();
-  const screenReaderResizeAnnouncerMessages = {
-    increase: formatMessage(messages.tableSizeIncreaseScreenReaderInformation, {
-      newWidth: screenReaderResizeInformation.width,
-    }),
-    decrease: formatMessage(messages.tableSizeDecreaseScreenReaderInformation, {
-      newWidth: screenReaderResizeInformation.width,
-    }),
-    none: '',
-  };
 
   const isTableSelected =
     findTable(editorView.state?.selection)?.pos === getPos();
@@ -453,6 +430,22 @@ export const TableResizer = ({
       displayGapCursor(true);
       dispatch(tr);
 
+      if (getBooleanFF('platform.editor.a11y-table-resizing_uapcv')) {
+        if (delta.width < 0) {
+          pluginInjectionApi?.accessibilityUtils?.actions.ariaNotify(
+            formatMessage(messages.tableSizeDecreaseScreenReaderInformation, {
+              newWidth: newWidth,
+            }),
+          );
+        } else if (delta.width > 0) {
+          pluginInjectionApi?.accessibilityUtils?.actions.ariaNotify(
+            formatMessage(messages.tableSizeIncreaseScreenReaderInformation, {
+              newWidth: newWidth,
+            }),
+          );
+        }
+      }
+
       // Hide guidelines when resizing stops
       displayGuideline([]);
       updateWidth(newWidth);
@@ -481,6 +474,8 @@ export const TableResizer = ({
       onResizeStop,
       isTableScalingEnabled,
       widthToWidest,
+      formatMessage,
+      pluginInjectionApi,
     ],
   );
 
@@ -599,34 +594,6 @@ export const TableResizer = ({
     }
   }, [width]);
 
-  useEffect(() => {
-    if (getBooleanFF('platform.editor.a11y-table-resizing_uapcv')) {
-      const debouncedSetWidth = debounce(
-        setScreenReaderResizeInformation,
-        DEBOUNCE_TIME_FOR_SCREEN_READER_ANNOUNCER,
-      );
-      debouncedSetWidth((prevState) => {
-        let type: ResizeAction = 'none';
-        if (prevState.width > width) {
-          type = 'decrease';
-        }
-
-        if (prevState.width < width) {
-          type = 'increase';
-        }
-
-        return {
-          type,
-          width,
-        };
-      });
-
-      return () => {
-        debouncedSetWidth.cancel();
-      };
-    }
-  }, [width]);
-
   return (
     <>
       <ResizerNext
@@ -667,15 +634,6 @@ export const TableResizer = ({
       >
         {children}
       </ResizerNext>
-      {getBooleanFF('platform.editor.a11y-table-resizing_uapcv') && (
-        <div className="assistive" role="status">
-          {
-            screenReaderResizeAnnouncerMessages[
-              screenReaderResizeInformation.type
-            ]
-          }
-        </div>
-      )}
     </>
   );
 };

package/src/plugin.tsx

@@ -32,6 +32,7 @@ import type {
 } from '@atlaskit/editor-common/types';
 import { browser } from '@atlaskit/editor-common/utils';
 import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
+import type { AccessibilityUtilsPlugin } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ContentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
@@ -133,6 +134,7 @@ export type TablePlugin = NextEditorPlugin<
       ) => EditorCommand;
     };
     dependencies: [
+      OptionalPlugin<AccessibilityUtilsPlugin>,
       AnalyticsPlugin,
       ContentInsertionPlugin,
       WidthPlugin,

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

@@ -42,19 +42,17 @@ export function tableSelectionKeymapPlugin(
     list,
   );
 
-  if (getBooleanFF('platform.editor.a11y.table-selection_9uv33')) {
-    bindKeymapArrayWithCommand(
-      selectColumn,
-      selectColumns(editorSelectionAPI)(true),
-      list,
-    );
+  bindKeymapArrayWithCommand(
+    selectColumn,
+    selectColumns(editorSelectionAPI)(true),
+    list,
+  );
 
-    bindKeymapArrayWithCommand(
-      selectRow,
-      selectRows(editorSelectionAPI)(true),
-      list,
-    );
-  }
+  bindKeymapArrayWithCommand(
+    selectRow,
+    selectRows(editorSelectionAPI)(true),
+    list,
+  );
 
   if (getBooleanFF('platform.editor.table.shift-arrowup-fix')) {
     bindKeymapWithCommand(

package/src/ui/ui-styles.ts

@@ -38,7 +38,6 @@ import {
   tableDeleteButtonSize,
   tableHeaderCellBackgroundColor,
   tableInsertColumnButtonSize,
-  tableOverflowShadowWidth,
   tableOverflowShadowWidthWide,
   tableToolbarDeleteColor,
   tableToolbarSelectedColor,
@@ -346,22 +345,13 @@ export const OverflowShadow = (
     pointer-events: none;
     top: ${tableMarginTop}px;
     z-index: ${akEditorShadowZIndex};
-    width: ${getBooleanFF(
-      'platform.editor.table.increase-shadow-visibility_lh89r',
-    )
-      ? tableOverflowShadowWidthWide
-      : tableOverflowShadowWidth}px;
+    width: ${tableOverflowShadowWidthWide}px;
   }
   .${ClassName.TABLE_LEFT_SHADOW} {
     background: linear-gradient(
         to left,
         transparent 0,
-        ${token('elevation.shadow.overflow.spread', N40A)}
-          ${getBooleanFF(
-            'platform.editor.table.increase-shadow-visibility_lh89r',
-          )
-            ? 140
-            : 100}%
+        ${token('elevation.shadow.overflow.spread', N40A)} 140%
       ),
       linear-gradient(
         to right,
@@ -377,12 +367,7 @@ export const OverflowShadow = (
     background: linear-gradient(
         to right,
         transparent 0,
-        ${token('elevation.shadow.overflow.spread', N40A)}
-          ${getBooleanFF(
-            'platform.editor.table.increase-shadow-visibility_lh89r',
-          )
-            ? 140
-            : 100}%
+        ${token('elevation.shadow.overflow.spread', N40A)} 140%
       ),
       linear-gradient(
         to left,
@@ -390,16 +375,8 @@ export const OverflowShadow = (
         transparent 1px
       );
     left: ${getBooleanFF('platform.editor.custom-table-width')
-      ? `calc(100% - ${
-          getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r')
-            ? tableOverflowShadowWidthWide
-            : tableOverflowShadowWidth
-        }px)`
-      : `calc(100% - ${
-          getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r')
-            ? tableOverflowShadowWidthWide - 10
-            : -2
-        }px)`};
+      ? `calc(100% - ${tableOverflowShadowWidthWide}px)`
+      : `calc(100% - ${tableOverflowShadowWidthWide - 10}px)`};
   }
   .${ClassName.WITH_CONTROLS} {
     ${overflowShadowWidhoutDnD(isDragAndDropEnabled)}

package/tsconfig.app.json

@@ -42,6 +42,9 @@
     {
       "path": "../editor-palette/tsconfig.app.json"
     },
+    {
+      "path": "../editor-plugin-accessibility-utils/tsconfig.app.json"
+    },
     {
       "path": "../editor-plugin-analytics/tsconfig.app.json"
     },