@atlaskit/editor-plugin-table 7.19.10 → 7.19.12

package/dist/types/toolbar.d.ts

@@ -18,7 +18,7 @@ type AlignmentIcon = {
     value: AlignmentOptions;
     icon: React.ComponentClass<any>;
 };
-export declare const getAlignmentOptionsConfig: (editorState: EditorState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, getEditorContainerWidth: GetEditorContainerWidth, getDomRef: (editorView: EditorView) => HTMLElement | undefined, editorView: EditorView | null, shouldUseIncreasedScalingPercent: boolean) => Array<FloatingToolbarDropdown<Command>>;
+export declare const getAlignmentOptionsConfig: (editorState: EditorState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, getEditorContainerWidth: GetEditorContainerWidth, getDomRef: (editorView: EditorView) => HTMLElement | undefined, editorView: EditorView | null, shouldUseIncreasedScalingPercent: boolean, isFullWidthEditor?: boolean) => Array<FloatingToolbarDropdown<Command>>;
 export declare const getSelectedAlignmentIcon: (alignmentIcons: AlignmentIcon[], selectedNode: PMNode) => AlignmentIcon | undefined;
-export declare const isLayoutOptionDisabled: (selectedNode: PMNode, getEditorContainerWidth: GetEditorContainerWidth, getDomRef: (editorView: EditorView) => HTMLElement | undefined, editorView: EditorView | null, shouldUseIncreasedScalingPercent: boolean) => boolean;
+export declare const isLayoutOptionDisabled: (selectedNode: PMNode, getEditorContainerWidth: GetEditorContainerWidth, getDomRef: (editorView: EditorView) => HTMLElement | undefined, editorView: EditorView | null, shouldUseIncreasedScalingPercent: boolean, isFullWidthEditor: boolean | undefined) => boolean;
 export {};

package/dist/types/ui/FloatingDragMenu/DragMenu.d.ts

@@ -5,6 +5,7 @@ import { jsx } from '@emotion/react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
+import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginConfig, TableDirection } from '../../types';
@@ -29,8 +30,9 @@ type DragMenuProps = {
     shouldUseIncreasedScalingPercent?: boolean;
     isTableFixedColumnWidthsOptionEnabled?: boolean;
     tableSortColumnReorder?: boolean;
+    ariaNotifyPlugin?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void;
 };
-export declare const DragMenu: React.MemoExoticComponent<({ direction, index, target, isOpen, editorView, tableNode, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, pluginConfig, intl: { formatMessage }, fitHeight, fitWidth, mountPoint, scrollableElement, boundariesElement, isTableScalingEnabled, tableDuplicateCellColouring, shouldUseIncreasedScalingPercent, isTableFixedColumnWidthsOptionEnabled, tableSortColumnReorder, }: DragMenuProps & WrappedComponentProps) => jsx.JSX.Element | null>;
+export declare const DragMenu: React.MemoExoticComponent<({ direction, index, target, isOpen, editorView, tableNode, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, pluginConfig, intl: { formatMessage }, fitHeight, fitWidth, mountPoint, scrollableElement, boundariesElement, isTableScalingEnabled, tableDuplicateCellColouring, shouldUseIncreasedScalingPercent, isTableFixedColumnWidthsOptionEnabled, tableSortColumnReorder, ariaNotifyPlugin, }: DragMenuProps & WrappedComponentProps) => jsx.JSX.Element | null>;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<DragMenuProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<DragMenuProps & WrappedComponentProps>;
 };

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
+import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { RowStickyState } from '../../pm-plugins/sticky-headers';
@@ -22,9 +23,10 @@ export interface Props {
     pluginConfig?: PluginConfig;
     isTableScalingEnabled?: boolean;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
+    ariaNotifyPlugin?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void;
 }
 declare const FloatingDragMenu: {
-    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, tableNode, direction, index, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, stickyHeaders, pluginConfig, isTableScalingEnabled, getEditorFeatureFlags, }: Props): JSX.Element | null;
+    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, tableNode, direction, index, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, stickyHeaders, pluginConfig, isTableScalingEnabled, getEditorFeatureFlags, ariaNotifyPlugin, }: Props): JSX.Element | null;
     displayName: string;
 };
 export default FloatingDragMenu;

package/dist/types/utils/drag-menu.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Command, DropdownOptionT, GetEditorContainerWidth, IconProps } from '@atlaskit/editor-common/types';
+import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Rect, TableMap } from '@atlaskit/editor-tables/table-map';
@@ -13,4 +14,4 @@ export interface DragMenuConfig extends Omit<DropdownOptionT<Command>, 'icon'> {
     icon?: React.ComponentType<React.PropsWithChildren<IconProps>>;
     keymap?: string;
 }
-export declare const getDragMenuConfig: (direction: TableDirection, getEditorContainerWidth: GetEditorContainerWidth, hasMergedCellsInTable: boolean, editorView: EditorView, tableMap?: TableMap, index?: number, targetCellPosition?: number, selectionRect?: Rect, editorAnalyticsAPI?: EditorAnalyticsAPI, isHeaderRowRequired?: boolean, isTableScalingEnabled?: boolean, tableDuplicateCellColouring?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, tableSortColumnReorder?: boolean) => DragMenuConfig[];
+export declare const getDragMenuConfig: (direction: TableDirection, getEditorContainerWidth: GetEditorContainerWidth, hasMergedCellsInTable: boolean, editorView: EditorView, tableMap?: TableMap, index?: number, targetCellPosition?: number, selectionRect?: Rect, editorAnalyticsAPI?: EditorAnalyticsAPI, isHeaderRowRequired?: boolean, isTableScalingEnabled?: boolean, tableDuplicateCellColouring?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, tableSortColumnReorder?: boolean, ariaNotifyPlugin?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined) => DragMenuConfig[];

package/dist/types-ts4.5/commands/selection.d.ts

@@ -1,4 +1,6 @@
+import { type IntlShape } from 'react-intl-next/src/types';
 import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
 import type tablePlugin from '../plugin';
 export declare enum TableSelectionDirection {
     TopToBottom = "TopToBottom",
@@ -6,7 +8,7 @@ export declare enum TableSelectionDirection {
 }
 export declare const arrowLeftFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
 export declare const arrowRightFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
-export declare const selectColumns: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => (triggeredByKeyboard?: boolean) => Command;
-export declare const selectRows: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => (triggeredByKeyboard?: boolean) => Command;
+export declare const selectColumns: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined, ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined, getIntl?: () => IntlShape) => (triggeredByKeyboard?: boolean) => Command;
+export declare const selectRows: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined, ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined, getIntl?: () => IntlShape) => (triggeredByKeyboard?: boolean) => Command;
 export declare const shiftArrowUpFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
 export declare const modASelectTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;

package/dist/types-ts4.5/pm-plugins/drag-and-drop/commands-with-analytics.d.ts

@@ -1,9 +1,11 @@
+import { type IntlShape } from 'react-intl-next/src/types';
 import { INPUT_METHOD, TABLE_STATUS } from '@atlaskit/editor-common/analytics';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Command } from '@atlaskit/editor-common/types';
+import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { DraggableData, DraggableType } from '../../types';
 export declare const clearDropTargetWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.TABLE_CONTEXT_MENU | INPUT_METHOD.DRAG_AND_DROP, sourceType: DraggableType, sourceIndexes: number[] | undefined, status: TABLE_STATUS.CANCELLED | TABLE_STATUS.INVALID, tr?: Transaction) => Command;
-export declare const moveSourceWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.TABLE_CONTEXT_MENU | INPUT_METHOD.DRAG_AND_DROP | INPUT_METHOD.SHORTCUT, sourceType: DraggableType, sourceIndexes: number[], targetIndex: number, tr?: Transaction) => Command;
-export declare const moveSourceWithAnalyticsViaShortcut: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (sourceType: DraggableType, direction: DraggableData['direction']) => Command;
+export declare const moveSourceWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined, getIntl?: () => IntlShape) => (inputMethod: INPUT_METHOD.TABLE_CONTEXT_MENU | INPUT_METHOD.DRAG_AND_DROP | INPUT_METHOD.SHORTCUT, sourceType: DraggableType, sourceIndexes: number[], targetIndex: number, tr?: Transaction) => Command;
+export declare const moveSourceWithAnalyticsViaShortcut: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined, getIntl?: () => IntlShape) => (sourceType: DraggableType, direction: DraggableData['direction']) => Command;
 export declare const cloneSourceWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.TABLE_CONTEXT_MENU | INPUT_METHOD.DRAG_AND_DROP | INPUT_METHOD.SHORTCUT, sourceType: DraggableType, sourceIndexes: number[], targetIndex: number, targetDirection: 'start' | 'end', tr?: Transaction) => Command;

package/dist/types-ts4.5/pm-plugins/table-selection-keymap.d.ts

@@ -1,5 +1,5 @@
+import { type IntlShape } from 'react-intl-next/src/types';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type tablePlugin from '../plugin';
-export declare function tableSelectionKeymapPlugin(editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined): SafePlugin;
+import { type PluginInjectionAPI } from '../types';
+export declare function tableSelectionKeymapPlugin(pluginInjectionApi?: PluginInjectionAPI, getIntl?: () => IntlShape): SafePlugin;
 export default tableSelectionKeymapPlugin;

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

@@ -18,7 +18,7 @@ type AlignmentIcon = {
     value: AlignmentOptions;
     icon: React.ComponentClass<any>;
 };
-export declare const getAlignmentOptionsConfig: (editorState: EditorState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, getEditorContainerWidth: GetEditorContainerWidth, getDomRef: (editorView: EditorView) => HTMLElement | undefined, editorView: EditorView | null, shouldUseIncreasedScalingPercent: boolean) => Array<FloatingToolbarDropdown<Command>>;
+export declare const getAlignmentOptionsConfig: (editorState: EditorState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, getEditorContainerWidth: GetEditorContainerWidth, getDomRef: (editorView: EditorView) => HTMLElement | undefined, editorView: EditorView | null, shouldUseIncreasedScalingPercent: boolean, isFullWidthEditor?: boolean) => Array<FloatingToolbarDropdown<Command>>;
 export declare const getSelectedAlignmentIcon: (alignmentIcons: AlignmentIcon[], selectedNode: PMNode) => AlignmentIcon | undefined;
-export declare const isLayoutOptionDisabled: (selectedNode: PMNode, getEditorContainerWidth: GetEditorContainerWidth, getDomRef: (editorView: EditorView) => HTMLElement | undefined, editorView: EditorView | null, shouldUseIncreasedScalingPercent: boolean) => boolean;
+export declare const isLayoutOptionDisabled: (selectedNode: PMNode, getEditorContainerWidth: GetEditorContainerWidth, getDomRef: (editorView: EditorView) => HTMLElement | undefined, editorView: EditorView | null, shouldUseIncreasedScalingPercent: boolean, isFullWidthEditor: boolean | undefined) => boolean;
 export {};

package/dist/types-ts4.5/ui/FloatingDragMenu/DragMenu.d.ts

@@ -5,6 +5,7 @@ import { jsx } from '@emotion/react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
+import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginConfig, TableDirection } from '../../types';
@@ -29,8 +30,9 @@ type DragMenuProps = {
     shouldUseIncreasedScalingPercent?: boolean;
     isTableFixedColumnWidthsOptionEnabled?: boolean;
     tableSortColumnReorder?: boolean;
+    ariaNotifyPlugin?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void;
 };
-export declare const DragMenu: React.MemoExoticComponent<({ direction, index, target, isOpen, editorView, tableNode, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, pluginConfig, intl: { formatMessage }, fitHeight, fitWidth, mountPoint, scrollableElement, boundariesElement, isTableScalingEnabled, tableDuplicateCellColouring, shouldUseIncreasedScalingPercent, isTableFixedColumnWidthsOptionEnabled, tableSortColumnReorder, }: DragMenuProps & WrappedComponentProps) => jsx.JSX.Element | null>;
+export declare const DragMenu: React.MemoExoticComponent<({ direction, index, target, isOpen, editorView, tableNode, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, pluginConfig, intl: { formatMessage }, fitHeight, fitWidth, mountPoint, scrollableElement, boundariesElement, isTableScalingEnabled, tableDuplicateCellColouring, shouldUseIncreasedScalingPercent, isTableFixedColumnWidthsOptionEnabled, tableSortColumnReorder, ariaNotifyPlugin, }: DragMenuProps & WrappedComponentProps) => jsx.JSX.Element | null>;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<DragMenuProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<DragMenuProps & WrappedComponentProps>;
 };

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
+import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { RowStickyState } from '../../pm-plugins/sticky-headers';
@@ -22,9 +23,10 @@ export interface Props {
     pluginConfig?: PluginConfig;
     isTableScalingEnabled?: boolean;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
+    ariaNotifyPlugin?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void;
 }
 declare const FloatingDragMenu: {
-    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, tableNode, direction, index, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, stickyHeaders, pluginConfig, isTableScalingEnabled, getEditorFeatureFlags, }: Props): JSX.Element | null;
+    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, tableNode, direction, index, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, stickyHeaders, pluginConfig, isTableScalingEnabled, getEditorFeatureFlags, ariaNotifyPlugin, }: Props): JSX.Element | null;
     displayName: string;
 };
 export default FloatingDragMenu;

package/dist/types-ts4.5/utils/drag-menu.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Command, DropdownOptionT, GetEditorContainerWidth, IconProps } from '@atlaskit/editor-common/types';
+import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Rect, TableMap } from '@atlaskit/editor-tables/table-map';
@@ -13,4 +14,4 @@ export interface DragMenuConfig extends Omit<DropdownOptionT<Command>, 'icon'> {
     icon?: React.ComponentType<React.PropsWithChildren<IconProps>>;
     keymap?: string;
 }
-export declare const getDragMenuConfig: (direction: TableDirection, getEditorContainerWidth: GetEditorContainerWidth, hasMergedCellsInTable: boolean, editorView: EditorView, tableMap?: TableMap, index?: number, targetCellPosition?: number, selectionRect?: Rect, editorAnalyticsAPI?: EditorAnalyticsAPI, isHeaderRowRequired?: boolean, isTableScalingEnabled?: boolean, tableDuplicateCellColouring?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, tableSortColumnReorder?: boolean) => DragMenuConfig[];
+export declare const getDragMenuConfig: (direction: TableDirection, getEditorContainerWidth: GetEditorContainerWidth, hasMergedCellsInTable: boolean, editorView: EditorView, tableMap?: TableMap, index?: number, targetCellPosition?: number, selectionRect?: Rect, editorAnalyticsAPI?: EditorAnalyticsAPI, isHeaderRowRequired?: boolean, isTableScalingEnabled?: boolean, tableDuplicateCellColouring?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, tableSortColumnReorder?: boolean, ariaNotifyPlugin?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined) => DragMenuConfig[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "7.19.10",
+	"version": "7.19.12",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,9 +29,9 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^39.0.3",
-		"@atlaskit/button": "^18.2.0",
+		"@atlaskit/button": "^18.4.0",
 		"@atlaskit/custom-steps": "^0.4.0",
-		"@atlaskit/editor-common": "^84.3.0",
+		"@atlaskit/editor-common": "^84.5.0",
 		"@atlaskit/editor-palette": "1.6.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^1.1.0",
 		"@atlaskit/editor-plugin-analytics": "^1.4.0",
@@ -41,7 +41,7 @@
 		"@atlaskit/editor-plugin-selection": "^1.2.0",
 		"@atlaskit/editor-plugin-width": "^1.1.0",
 		"@atlaskit/editor-prosemirror": "4.0.1",
-		"@atlaskit/editor-shared-styles": "^2.12.0",
+		"@atlaskit/editor-shared-styles": "^2.13.0",
 		"@atlaskit/editor-tables": "^2.7.0",
 		"@atlaskit/icon": "^22.6.0",
 		"@atlaskit/menu": "^2.7.0",
@@ -49,10 +49,10 @@
 		"@atlaskit/pragmatic-drag-and-drop": "^1.2.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.4.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
-		"@atlaskit/primitives": "^10.1.0",
+		"@atlaskit/primitives": "^11.0.0",
 		"@atlaskit/theme": "^12.11.0",
 		"@atlaskit/toggle": "^13.2.0",
-		"@atlaskit/tokens": "^1.53.0",
+		"@atlaskit/tokens": "^1.54.0",
 		"@atlaskit/tooltip": "^18.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -122,6 +122,9 @@
 		},
 		"platform.editor.a11y-table-context-menu_y4c9c": {
 			"type": "boolean"
+		},
+		"platform_editor_element_drag_and_drop_ed_24041": {
+			"type": "boolean"
 		}
 	}
 }

package/src/commands/column-resize.ts

@@ -15,7 +15,7 @@ import {
 	isSelectionType,
 	nextCell,
 } from '@atlaskit/editor-tables/utils';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 import { getDecorations } from '../pm-plugins/decorations/plugin';
 import {
@@ -320,7 +320,7 @@ export const changeColumnWidthByStep =
 		}
 		const shouldUseIncreasedScalingPercent =
 			isTableScalingWithFixedColumnWidthsOptionEnabled &&
-			getBooleanFF('platform.editor.table.use-increased-scaling-percent');
+			fg('platform.editor.table.use-increased-scaling-percent');
 
 		const initialResizeState = getResizeState({
 			minWidth: tableCellMinWidth,

package/src/commands/selection.ts

@@ -1,3 +1,6 @@
+import { type IntlShape } from 'react-intl-next/src/types';
+
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import type { SelectionSharedState } from '@atlaskit/editor-common/selection';
 import {
 	GapCursorSelection,
@@ -7,6 +10,7 @@ import {
 	Side,
 } from '@atlaskit/editor-common/selection';
 import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { Node as PmNode, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
@@ -106,7 +110,11 @@ const arrowRightFromCellSelection =
 	};
 
 export const selectColumns =
-	(editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) =>
+	(
+		editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined,
+		ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void,
+		getIntl?: () => IntlShape,
+	) =>
 	(triggeredByKeyboard = false): Command =>
 	(state, dispatch) => {
 		const { selection } = state;
@@ -120,13 +128,36 @@ export const selectColumns =
 			})(state, dispatch);
 		}
 		if (table && rect) {
-			return selectColumn(rect.left, undefined, triggeredByKeyboard)(state, dispatch);
+			const selectColumnCommand = selectColumn(
+				rect.left,
+				undefined,
+				triggeredByKeyboard,
+			)(state, dispatch);
+			const map = TableMap.get(table.node);
+
+			if (ariaNotify && getIntl) {
+				ariaNotify(
+					getIntl().formatMessage(messages.columnSelected, {
+						index: rect.left + 1,
+						total: map.width,
+					}),
+					{
+						priority: 'important',
+					},
+				);
+			}
+
+			return selectColumnCommand;
 		}
 		return false;
 	};
 
 export const selectRows =
-	(editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) =>
+	(
+		editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined,
+		ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void,
+		getIntl?: () => IntlShape,
+	) =>
 	(triggeredByKeyboard = false): Command =>
 	(state, dispatch) => {
 		const { selection } = state;
@@ -140,7 +171,21 @@ export const selectRows =
 			})(state, dispatch);
 		}
 		if (table && rect) {
-			return selectRow(rect.top, undefined, triggeredByKeyboard)(state, dispatch);
+			const selectRowCommand = selectRow(rect.top, undefined, triggeredByKeyboard)(state, dispatch);
+			const map = TableMap.get(table.node);
+
+			if (ariaNotify && getIntl) {
+				ariaNotify(
+					getIntl().formatMessage(messages.rowSelected, {
+						index: rect.top + 1,
+						total: map.height,
+					}),
+					{
+						priority: 'important',
+					},
+				);
+			}
+			return selectRowCommand;
 		}
 		return false;
 	};

package/src/plugin.tsx

@@ -38,7 +38,7 @@ import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { tableEditing } from '@atlaskit/editor-tables/pm-plugins';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 import { insertTableWithSize } from './commands/insert';
 import { pluginConfig } from './create-plugin-config';
@@ -155,13 +155,14 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 		);
 	};
 	const editorAnalyticsAPI = api?.analytics?.actions;
+	const ariaNotifyPlugin = api?.accessibilityUtils?.actions.ariaNotify;
 
 	const isTableFixedColumnWidthsOptionEnabled =
 		options?.getEditorFeatureFlags?.().tableWithFixedColumnWidthsOption || false;
 	const shouldUseIncreasedScalingPercent =
 		options?.isTableScalingEnabled &&
 		isTableFixedColumnWidthsOptionEnabled &&
-		getBooleanFF('platform.editor.table.use-increased-scaling-percent');
+		fg('platform.editor.table.use-increased-scaling-percent');
 
 	const isCellBackgroundDuplicated =
 		options?.getEditorFeatureFlags?.().tableDuplicateCellColouring || false;
@@ -353,7 +354,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 				},
 				{
 					name: 'tableSelectionKeymap',
-					plugin: () => tableSelectionKeymapPlugin(api?.selection),
+					plugin: ({ getIntl }) => tableSelectionKeymapPlugin(api, getIntl),
 				},
 				{
 					name: 'tableEditing',
@@ -399,8 +400,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 				{
 					name: 'tableViewModeSort',
 					plugin: () => {
-						return getBooleanFF('platform.editor.table.live-pages-sorting_4malx') &&
-							api?.editorViewMode
+						return api?.editorViewMode && fg('platform.editor.table.live-pages-sorting_4malx')
 							? createViewModeSortPlugin(api.editorViewMode)
 							: undefined;
 					},
@@ -530,8 +530,8 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 								<>
 									{targetCellPosition &&
 										(tableRef ||
-											(getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') &&
-												isCellMenuOpenByKeyboard)) &&
+											(isCellMenuOpenByKeyboard &&
+												fg('platform.editor.a11y-table-context-menu_y4c9c'))) &&
 										!isResizing &&
 										options &&
 										options.allowContextualMenu && (
@@ -607,6 +607,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 											getEditorFeatureFlags={
 												options?.getEditorFeatureFlags || defaultGetEditorFeatureFlags
 											}
+											ariaNotifyPlugin={ariaNotifyPlugin}
 										/>
 									)}
 									{allowControls && !isDragAndDropEnabled && !isResizing && (

package/src/pm-plugins/drag-and-drop/commands-with-analytics.ts

@@ -1,3 +1,5 @@
+import { type IntlShape } from 'react-intl-next/src/types';
+
 import {
 	ACTION_SUBJECT,
 	EVENT_TYPE,
@@ -6,7 +8,9 @@ import {
 	TABLE_STATUS,
 } from '@atlaskit/editor-common/analytics';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import type { Command } from '@atlaskit/editor-common/types';
+import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { findCellRectClosestToPos, getSelectionRect } from '@atlaskit/editor-tables/utils';
@@ -52,7 +56,11 @@ export const clearDropTargetWithAnalytics =
 	};
 
 export const moveSourceWithAnalytics =
-	(editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) =>
+	(
+		editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
+		ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void,
+		getIntl?: () => IntlShape,
+	) =>
 	(
 		inputMethod:
 			| INPUT_METHOD.TABLE_CONTEXT_MENU
@@ -88,13 +96,45 @@ export const moveSourceWithAnalytics =
 		})(editorAnalyticsAPI)((state, dispatch) => {
 			if (dispatch) {
 				moveSource(sourceType, sourceIndexes, targetIndex, tr)(state, dispatch);
+				// Only considering single row/column movement for screen reader as only single row/column selection is supported via keyboard atm.
+				if (
+					(inputMethod === INPUT_METHOD.TABLE_CONTEXT_MENU || INPUT_METHOD.SHORTCUT) &&
+					sourceIndexes.length === 1 &&
+					ariaNotify &&
+					getIntl
+				) {
+					const direction = sourceIndexes[0] > targetIndex ? -1 : 1; // -1 for left/up , 1 for right/down
+					const { totalRowCount, totalColumnCount } = getSelectedTableInfo(state.selection);
+					ariaNotify(
+						getIntl().formatMessage(
+							sourceType === 'table-row'
+								? direction > 0
+									? messages.rowMovedDown
+									: messages.rowMovedUp
+								: direction > 0
+									? messages.columnMovedRight
+									: messages.columnMovedLeft,
+							{
+								index: targetIndex + 1,
+								total: sourceType === 'table-row' ? totalRowCount : totalColumnCount,
+							},
+						),
+						{
+							priority: 'important',
+						},
+					);
+				}
 			}
 			return true;
 		});
 	};
 
 export const moveSourceWithAnalyticsViaShortcut =
-	(editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) =>
+	(
+		editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
+		ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void,
+		getIntl?: () => IntlShape,
+	) =>
 	(sourceType: DraggableType, direction: DraggableData['direction']): Command =>
 	(state, dispatch) => {
 		const { selection } = state;
@@ -130,7 +170,7 @@ export const moveSourceWithAnalyticsViaShortcut =
 
 		const targetIndex = getTargetIndex(selectedIndexes, direction);
 
-		return moveSourceWithAnalytics(editorAnalyticsAPI)(
+		return moveSourceWithAnalytics(editorAnalyticsAPI, ariaNotify, getIntl)(
 			INPUT_METHOD.SHORTCUT,
 			sourceType,
 			selectedIndexes,

package/src/pm-plugins/keymap.ts

@@ -34,7 +34,7 @@ import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import { chainCommands } from '@atlaskit/editor-prosemirror/commands';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 import { goToNextCell, moveCursorBackward, setFocusToCellMenu } from '../commands';
 import {
@@ -139,7 +139,7 @@ export function keymapPlugin(
 		list,
 	);
 
-	if (getBooleanFF('platform.editor.a11y-help-dialog-shortcut-keys-position_aghfg')) {
+	if (fg('platform.editor.a11y-help-dialog-shortcut-keys-position_aghfg')) {
 		bindKeymapWithCommand(
 			addRowBeforeVO.common!,
 			addRowAroundSelection(editorAnalyticsAPI)('TOP'),
@@ -186,25 +186,41 @@ export function keymapPlugin(
 
 		bindKeymapWithCommand(
 			moveRowDown.common!,
-			moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI)('table-row', 1),
+			moveSourceWithAnalyticsViaShortcut(
+				editorAnalyticsAPI,
+				ariaNotifyPlugin,
+				getIntl,
+			)('table-row', 1),
 			list,
 		);
 
 		bindKeymapWithCommand(
 			moveRowUp.common!,
-			moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI)('table-row', -1),
+			moveSourceWithAnalyticsViaShortcut(
+				editorAnalyticsAPI,
+				ariaNotifyPlugin,
+				getIntl,
+			)('table-row', -1),
 			list,
 		);
 
 		bindKeymapWithCommand(
 			moveColumnLeft.common!,
-			moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI)('table-column', -1),
+			moveSourceWithAnalyticsViaShortcut(
+				editorAnalyticsAPI,
+				ariaNotifyPlugin,
+				getIntl,
+			)('table-column', -1),
 			list,
 		);
 
 		bindKeymapWithCommand(
 			moveColumnRight.common!,
-			moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI)('table-column', 1),
+			moveSourceWithAnalyticsViaShortcut(
+				editorAnalyticsAPI,
+				ariaNotifyPlugin,
+				getIntl,
+			)('table-column', 1),
 			list,
 		);
 
@@ -297,7 +313,7 @@ export function keymapPlugin(
 		list,
 	);
 
-	if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c')) {
+	if (fg('platform.editor.a11y-table-context-menu_y4c9c')) {
 		bindKeymapWithCommand(focusToContextMenuTrigger.common!, setFocusToCellMenu(), list);
 	}
 

package/src/pm-plugins/main.ts

@@ -26,7 +26,7 @@ import { findParentDomRefOfType, findParentNodeOfType } from '@atlaskit/editor-p
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { TableMap } from '@atlaskit/editor-tables';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 import { addBoldInEmptyHeaderCells, clearHoverSelection, setTableRef } from '../commands';
 import { stopKeyboardColumnResizing } from '../commands/column-resize';
@@ -292,7 +292,7 @@ export const createPlugin = (
 				}
 
 				//  If a partial paste of nested expand, paste only nested-expand's content */
-				if (getBooleanFF('platform.editor.transform-slice-for-nested-expand')) {
+				if (fg('platform.editor.transform-slice-for-nested-expand')) {
 					slice = transformSliceToRemoveOpenNestedExpand(slice, schema);
 				}
 

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

@@ -1,3 +1,5 @@
+import { type IntlShape } from 'react-intl-next/src/types';
+
 import {
 	bindKeymapArrayWithCommand,
 	bindKeymapWithCommand,
@@ -9,7 +11,6 @@ import {
 	shiftArrowUp,
 } from '@atlaskit/editor-common/keymaps';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 
 import {
@@ -20,20 +21,31 @@ import {
 	selectRows,
 	shiftArrowUpFromTable,
 } from '../commands/selection';
-import type tablePlugin from '../plugin';
+import { type PluginInjectionAPI } from '../types';
 
 export function tableSelectionKeymapPlugin(
-	editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined,
+	pluginInjectionApi?: PluginInjectionAPI,
+	getIntl?: () => IntlShape,
 ): SafePlugin {
 	const list = {};
+	const editorSelectionAPI = pluginInjectionApi?.selection;
+	const ariaNotifyPlugin = pluginInjectionApi?.accessibilityUtils?.actions.ariaNotify;
 
 	bindKeymapWithCommand(moveRight.common!, arrowRightFromTable(editorSelectionAPI)(), list);
 
 	bindKeymapWithCommand(moveLeft.common!, arrowLeftFromTable(editorSelectionAPI)(), list);
 
-	bindKeymapArrayWithCommand(selectColumn, selectColumns(editorSelectionAPI)(true), list);
-
-	bindKeymapArrayWithCommand(selectRow, selectRows(editorSelectionAPI)(true), list);
+	bindKeymapArrayWithCommand(
+		selectColumn,
+		selectColumns(editorSelectionAPI, ariaNotifyPlugin, getIntl)(true),
+		list,
+	);
+
+	bindKeymapArrayWithCommand(
+		selectRow,
+		selectRows(editorSelectionAPI, ariaNotifyPlugin, getIntl)(true),
+		list,
+	);
 
 	bindKeymapWithCommand(shiftArrowUp.common!, shiftArrowUpFromTable(editorSelectionAPI)(), list);