@atlaskit/editor-plugin-table 24.4.22 → 24.4.24

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-table
 
+## 24.4.24
+
+### Patch Changes
+
+- [`b91c14d4dbad7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b91c14d4dbad7) -
+  Editor; Ensure only the first table row can become a sticky header when the rounded table patch is
+  enabled
+
+  Renderer; Patch table body elements to have rounded corners when overridden by consumers
+
+- Updated dependencies
+
+## 24.4.23
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 24.4.22
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableRow.js

@@ -111,13 +111,16 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
         var $pos = view.state.doc.resolve(pos);
         _this.isInNestedTable = (0, _nesting.getParentOfTypeCount)(view.state.schema.nodes.table)($pos) > 1;
         // Resolve rowIndex only when the flag is on — otherwise it's unused
-        if ((0, _expValEquals.expValEquals)('platform_editor_fix_sticky_header_row', 'isEnabled', true)) {
+        if ((0, _expValEquals.expValEquals)('platform_editor_fix_sticky_header_row', 'isEnabled', true) && !(0, _expValEquals.expValEquals)('platform_editor_table_q4_patch_5', 'isEnabled', true)) {
           rowIndex = $pos.index();
         }
       }
     } catch (_unused) {
       // Intentionally swallowed — getPos can return stale positions during AI streaming
     }
+    if ((0, _expValEquals.expValEquals)('platform_editor_table_q4_patch_5', 'isEnabled', true)) {
+      rowIndex = (0, _nodes.getTableRowIndex)(view, getPos);
+    }
     _this.isHeaderRow = (0, _nodes.supportedHeaderRow)(node, rowIndex);
     if (_this.isHeaderRow) {
       _this.dom.setAttribute('data-vc-nvs', 'true');
@@ -175,6 +178,9 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
           // Intentionally swallowed — getPos can return stale positions during AI streaming
         }
       }
+      if ((0, _expValEquals.expValEquals)('platform_editor_table_q4_patch_5', 'isEnabled', true)) {
+        rowIndex = (0, _nodes.getTableRowIndex)(this.view, this.getPos);
+      }
       var newNodeIsHeaderRow = (0, _nodes.supportedHeaderRow)(node, rowIndex);
       if (this.isHeaderRow !== newNodeIsHeaderRow) {
         return false; // re-create nodeview

package/dist/cjs/nodeviews/TableRowNativeStickyWithFallback.js

@@ -109,7 +109,12 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         _this.disableNativeSticky = false;
       }
     });
-    _this.isHeaderRow = (0, _nodes.supportedHeaderRow)(node);
+    if ((0, _expValEquals.expValEquals)('platform_editor_table_q4_patch_5', 'isEnabled', true)) {
+      var rowIndex = (0, _nodes.getTableRowIndex)(view, getPos);
+      _this.isHeaderRow = (0, _nodes.supportedHeaderRow)(node, rowIndex);
+    } else {
+      _this.isHeaderRow = (0, _nodes.supportedHeaderRow)(node);
+    }
     if (_this.isHeaderRow && (0, _expValEquals.expValEquals)('platform_editor_table_q4_patch_4', 'isEnabled', true)) {
       _this.isSingleRowTable = _this.checkIsSingleRowTable();
     }
@@ -203,7 +208,9 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
       // see if we're changing into a header row or
       // changing away from one
       var rowIndex = 0;
-      if ((0, _expValEquals.expValEquals)('platform_editor_fix_sticky_header_row', 'isEnabled', true)) {
+      if ((0, _expValEquals.expValEquals)('platform_editor_table_q4_patch_5', 'isEnabled', true)) {
+        rowIndex = (0, _nodes.getTableRowIndex)(this.view, this.getPos);
+      } else if ((0, _expValEquals.expValEquals)('platform_editor_fix_sticky_header_row', 'isEnabled', true)) {
         try {
           var pos = this.getPos();
           if (pos) {

package/dist/cjs/pm-plugins/utils/nodes.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tablesHaveDifferentNoOfRows = exports.tablesHaveDifferentNoOfColumns = exports.tablesHaveDifferentColumnWidths = exports.supportedHeaderRow = exports.isTableNestedUnderBodiedSyncBlock = exports.isTableNestedInMoreThanOneNode = exports.isTableNested = exports.isIsolating = exports.getTableWidth = exports.containsHeaderRow = exports.containsHeaderColumn = exports.checkIfNumberColumnEnabled = exports.checkIfHeaderRowEnabled = exports.checkIfHeaderColumnEnabled = void 0;
+exports.tablesHaveDifferentNoOfRows = exports.tablesHaveDifferentNoOfColumns = exports.tablesHaveDifferentColumnWidths = exports.supportedHeaderRow = exports.isTableNestedUnderBodiedSyncBlock = exports.isTableNestedInMoreThanOneNode = exports.isTableNested = exports.isIsolating = exports.getTableWidth = exports.getTableRowIndex = exports.containsHeaderRow = exports.containsHeaderColumn = exports.checkIfNumberColumnEnabled = exports.checkIfHeaderRowEnabled = exports.checkIfHeaderColumnEnabled = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _utils = require("@atlaskit/editor-common/utils");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
@@ -142,9 +142,18 @@ var anyChildCellMergedAcrossColumn = function anyChildCellMergedAcrossColumn(nod
     return colspan > 1;
   });
 };
+var getTableRowIndex = exports.getTableRowIndex = function getTableRowIndex(view, getPos) {
+  try {
+    var pos = getPos();
+    return pos === undefined ? 0 : view.state.doc.resolve(pos).index();
+  } catch (_unused2) {
+    return 0;
+  }
+};
 
 /**
  * Check if a given node is a header row with this definition:
+ *  - the row is the first row when platform_editor_table_q4_patch_5 is enabled
  *  - all children are tableHeader cells
  *  - no table cells have been merged with other table row cells (rowspan > 1)
  *  - no table cells have been merged with other table column cells (colspan > 1),
@@ -158,6 +167,9 @@ var anyChildCellMergedAcrossColumn = function anyChildCellMergedAcrossColumn(nod
  */
 var supportedHeaderRow = exports.supportedHeaderRow = function supportedHeaderRow(node) {
   var rowIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  if ((0, _expValEquals.expValEquals)('platform_editor_table_q4_patch_5', 'isEnabled', true) && rowIndex !== 0) {
+    return false;
+  }
   var allHeaders = (0, _utils.mapChildren)(node, function (child) {
     return child.type.name === 'tableHeader';
   }).every(Boolean);

package/dist/es2019/nodeviews/TableRow.js

@@ -12,7 +12,7 @@ import { pluginKey as tablePluginKey } from '../pm-plugins/plugin-key';
 import { updateStickyState } from '../pm-plugins/sticky-headers/commands';
 import { clearStickyCornerMaskPositions, syncStickyRowToTable, updateStickyMargins as updateTableMargin } from '../pm-plugins/table-resizing/utils/dom';
 import { getTop, getTree } from '../pm-plugins/utils/dom';
-import { supportedHeaderRow } from '../pm-plugins/utils/nodes';
+import { getTableRowIndex, supportedHeaderRow } from '../pm-plugins/utils/nodes';
 import { TableCssClassName as ClassName, TableCssClassName } from '../types';
 import { stickyHeaderBorderBottomWidth, stickyRowOffsetTop, tableControlsSpacing, tableScrollbarOffset } from '../ui/consts';
 import TableNodeView from './TableNodeViewBase';
@@ -96,13 +96,16 @@ export default class TableRow extends TableNodeView {
         const $pos = view.state.doc.resolve(pos);
         this.isInNestedTable = getParentOfTypeCount(view.state.schema.nodes.table)($pos) > 1;
         // Resolve rowIndex only when the flag is on — otherwise it's unused
-        if (expValEquals('platform_editor_fix_sticky_header_row', 'isEnabled', true)) {
+        if (expValEquals('platform_editor_fix_sticky_header_row', 'isEnabled', true) && !expValEquals('platform_editor_table_q4_patch_5', 'isEnabled', true)) {
           rowIndex = $pos.index();
         }
       }
     } catch {
       // Intentionally swallowed — getPos can return stale positions during AI streaming
     }
+    if (expValEquals('platform_editor_table_q4_patch_5', 'isEnabled', true)) {
+      rowIndex = getTableRowIndex(view, getPos);
+    }
     this.isHeaderRow = supportedHeaderRow(node, rowIndex);
     if (this.isHeaderRow) {
       this.dom.setAttribute('data-vc-nvs', 'true');
@@ -155,6 +158,9 @@ export default class TableRow extends TableNodeView {
         // Intentionally swallowed — getPos can return stale positions during AI streaming
       }
     }
+    if (expValEquals('platform_editor_table_q4_patch_5', 'isEnabled', true)) {
+      rowIndex = getTableRowIndex(this.view, this.getPos);
+    }
     const newNodeIsHeaderRow = supportedHeaderRow(node, rowIndex);
     if (this.isHeaderRow !== newNodeIsHeaderRow) {
       return false; // re-create nodeview

package/dist/es2019/nodeviews/TableRowNativeStickyWithFallback.js

@@ -15,7 +15,7 @@ import { pluginKey as tablePluginKey } from '../pm-plugins/plugin-key';
 import { updateStickyState } from '../pm-plugins/sticky-headers/commands';
 import { clearStickyCornerMaskPositions, syncStickyRowToTable, updateStickyMargins as updateTableMargin } from '../pm-plugins/table-resizing/utils/dom';
 import { areAllRectsZero, getTop, getTree } from '../pm-plugins/utils/dom';
-import { supportedHeaderRow } from '../pm-plugins/utils/nodes';
+import { getTableRowIndex, supportedHeaderRow } from '../pm-plugins/utils/nodes';
 import { TableCssClassName as ClassName, TableCssClassName } from '../types';
 import { stickyHeaderBorderBottomWidth, stickyRowOffsetTop, tableControlsSpacing, tableScrollbarOffset } from '../ui/consts';
 import TableNodeView from './TableNodeViewBase';
@@ -93,7 +93,12 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
         this.disableNativeSticky = false;
       }
     });
-    this.isHeaderRow = supportedHeaderRow(node);
+    if (expValEquals('platform_editor_table_q4_patch_5', 'isEnabled', true)) {
+      const rowIndex = getTableRowIndex(view, getPos);
+      this.isHeaderRow = supportedHeaderRow(node, rowIndex);
+    } else {
+      this.isHeaderRow = supportedHeaderRow(node);
+    }
     if (this.isHeaderRow && expValEquals('platform_editor_table_q4_patch_4', 'isEnabled', true)) {
       this.isSingleRowTable = this.checkIsSingleRowTable();
     }
@@ -184,7 +189,9 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
     // see if we're changing into a header row or
     // changing away from one
     let rowIndex = 0;
-    if (expValEquals('platform_editor_fix_sticky_header_row', 'isEnabled', true)) {
+    if (expValEquals('platform_editor_table_q4_patch_5', 'isEnabled', true)) {
+      rowIndex = getTableRowIndex(this.view, this.getPos);
+    } else if (expValEquals('platform_editor_fix_sticky_header_row', 'isEnabled', true)) {
       try {
         const pos = this.getPos();
         if (pos) {

package/dist/es2019/pm-plugins/utils/nodes.js

@@ -110,9 +110,18 @@ export const isTableNestedUnderBodiedSyncBlock = (state, tablePos) => {
 };
 const anyChildCellMergedAcrossRow = node => mapChildren(node, child => child.attrs.rowspan || 0).some(rowspan => rowspan > 1);
 const anyChildCellMergedAcrossColumn = node => mapChildren(node, child => child.attrs.colspan || 0).some(colspan => colspan > 1);
+export const getTableRowIndex = (view, getPos) => {
+  try {
+    const pos = getPos();
+    return pos === undefined ? 0 : view.state.doc.resolve(pos).index();
+  } catch {
+    return 0;
+  }
+};
 
 /**
  * Check if a given node is a header row with this definition:
+ *  - the row is the first row when platform_editor_table_q4_patch_5 is enabled
  *  - all children are tableHeader cells
  *  - no table cells have been merged with other table row cells (rowspan > 1)
  *  - no table cells have been merged with other table column cells (colspan > 1),
@@ -125,6 +134,9 @@ const anyChildCellMergedAcrossColumn = node => mapChildren(node, child => child.
  * @returns boolean if it meets definition
  */
 export const supportedHeaderRow = (node, rowIndex = 0) => {
+  if (expValEquals('platform_editor_table_q4_patch_5', 'isEnabled', true) && rowIndex !== 0) {
+    return false;
+  }
   const allHeaders = mapChildren(node, child => child.type.name === 'tableHeader').every(Boolean);
   if (expValEquals('platform_editor_fix_sticky_header_malfunction', 'isEnabled', true)) {
     const someMergedAcrossRow = anyChildCellMergedAcrossRow(node);

package/dist/esm/nodeviews/TableRow.js

@@ -19,7 +19,7 @@ import { pluginKey as tablePluginKey } from '../pm-plugins/plugin-key';
 import { updateStickyState } from '../pm-plugins/sticky-headers/commands';
 import { clearStickyCornerMaskPositions, syncStickyRowToTable, updateStickyMargins as updateTableMargin } from '../pm-plugins/table-resizing/utils/dom';
 import { getTop, getTree } from '../pm-plugins/utils/dom';
-import { supportedHeaderRow } from '../pm-plugins/utils/nodes';
+import { getTableRowIndex, supportedHeaderRow } from '../pm-plugins/utils/nodes';
 import { TableCssClassName as ClassName, TableCssClassName } from '../types';
 import { stickyHeaderBorderBottomWidth, stickyRowOffsetTop, tableControlsSpacing, tableScrollbarOffset } from '../ui/consts';
 import TableNodeView from './TableNodeViewBase';
@@ -104,13 +104,16 @@ var TableRow = /*#__PURE__*/function (_TableNodeView) {
         var $pos = view.state.doc.resolve(pos);
         _this.isInNestedTable = getParentOfTypeCount(view.state.schema.nodes.table)($pos) > 1;
         // Resolve rowIndex only when the flag is on — otherwise it's unused
-        if (expValEquals('platform_editor_fix_sticky_header_row', 'isEnabled', true)) {
+        if (expValEquals('platform_editor_fix_sticky_header_row', 'isEnabled', true) && !expValEquals('platform_editor_table_q4_patch_5', 'isEnabled', true)) {
           rowIndex = $pos.index();
         }
       }
     } catch (_unused) {
       // Intentionally swallowed — getPos can return stale positions during AI streaming
     }
+    if (expValEquals('platform_editor_table_q4_patch_5', 'isEnabled', true)) {
+      rowIndex = getTableRowIndex(view, getPos);
+    }
     _this.isHeaderRow = supportedHeaderRow(node, rowIndex);
     if (_this.isHeaderRow) {
       _this.dom.setAttribute('data-vc-nvs', 'true');
@@ -168,6 +171,9 @@ var TableRow = /*#__PURE__*/function (_TableNodeView) {
           // Intentionally swallowed — getPos can return stale positions during AI streaming
         }
       }
+      if (expValEquals('platform_editor_table_q4_patch_5', 'isEnabled', true)) {
+        rowIndex = getTableRowIndex(this.view, this.getPos);
+      }
       var newNodeIsHeaderRow = supportedHeaderRow(node, rowIndex);
       if (this.isHeaderRow !== newNodeIsHeaderRow) {
         return false; // re-create nodeview

package/dist/esm/nodeviews/TableRowNativeStickyWithFallback.js

@@ -22,7 +22,7 @@ import { pluginKey as tablePluginKey } from '../pm-plugins/plugin-key';
 import { updateStickyState } from '../pm-plugins/sticky-headers/commands';
 import { clearStickyCornerMaskPositions, syncStickyRowToTable, updateStickyMargins as updateTableMargin } from '../pm-plugins/table-resizing/utils/dom';
 import { areAllRectsZero, getTop, getTree } from '../pm-plugins/utils/dom';
-import { supportedHeaderRow } from '../pm-plugins/utils/nodes';
+import { getTableRowIndex, supportedHeaderRow } from '../pm-plugins/utils/nodes';
 import { TableCssClassName as ClassName, TableCssClassName } from '../types';
 import { stickyHeaderBorderBottomWidth, stickyRowOffsetTop, tableControlsSpacing, tableScrollbarOffset } from '../ui/consts';
 import TableNodeView from './TableNodeViewBase';
@@ -102,7 +102,12 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
         _this.disableNativeSticky = false;
       }
     });
-    _this.isHeaderRow = supportedHeaderRow(node);
+    if (expValEquals('platform_editor_table_q4_patch_5', 'isEnabled', true)) {
+      var rowIndex = getTableRowIndex(view, getPos);
+      _this.isHeaderRow = supportedHeaderRow(node, rowIndex);
+    } else {
+      _this.isHeaderRow = supportedHeaderRow(node);
+    }
     if (_this.isHeaderRow && expValEquals('platform_editor_table_q4_patch_4', 'isEnabled', true)) {
       _this.isSingleRowTable = _this.checkIsSingleRowTable();
     }
@@ -196,7 +201,9 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
       // see if we're changing into a header row or
       // changing away from one
       var rowIndex = 0;
-      if (expValEquals('platform_editor_fix_sticky_header_row', 'isEnabled', true)) {
+      if (expValEquals('platform_editor_table_q4_patch_5', 'isEnabled', true)) {
+        rowIndex = getTableRowIndex(this.view, this.getPos);
+      } else if (expValEquals('platform_editor_fix_sticky_header_row', 'isEnabled', true)) {
         try {
           var pos = this.getPos();
           if (pos) {

package/dist/esm/pm-plugins/utils/nodes.js

@@ -135,9 +135,18 @@ var anyChildCellMergedAcrossColumn = function anyChildCellMergedAcrossColumn(nod
     return colspan > 1;
   });
 };
+export var getTableRowIndex = function getTableRowIndex(view, getPos) {
+  try {
+    var pos = getPos();
+    return pos === undefined ? 0 : view.state.doc.resolve(pos).index();
+  } catch (_unused2) {
+    return 0;
+  }
+};
 
 /**
  * Check if a given node is a header row with this definition:
+ *  - the row is the first row when platform_editor_table_q4_patch_5 is enabled
  *  - all children are tableHeader cells
  *  - no table cells have been merged with other table row cells (rowspan > 1)
  *  - no table cells have been merged with other table column cells (colspan > 1),
@@ -151,6 +160,9 @@ var anyChildCellMergedAcrossColumn = function anyChildCellMergedAcrossColumn(nod
  */
 export var supportedHeaderRow = function supportedHeaderRow(node) {
   var rowIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  if (expValEquals('platform_editor_table_q4_patch_5', 'isEnabled', true) && rowIndex !== 0) {
+    return false;
+  }
   var allHeaders = mapChildren(node, function (child) {
     return child.type.name === 'tableHeader';
   }).every(Boolean);

package/dist/types/pm-plugins/analytics/commands.d.ts

@@ -1,6 +1,6 @@
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { ActionType, RowOrColumnMovedState } from './types';
 import type { Command } from '@atlaskit/editor-common/types';
-export declare const updateRowOrColumnMoved: (nextState: Omit<RowOrColumnMovedState, "currentActions">, nextAction: ActionType) => Command;
+export declare const updateRowOrColumnMoved: (nextState: Omit<RowOrColumnMovedState, 'currentActions'>, nextAction: ActionType) => Command;
 export declare const resetRowOrColumnMovedTransform: () => (tr: Transaction) => Transaction;
-export declare const updateRowOrColumnMovedTransform: (nextState: Omit<RowOrColumnMovedState, "currentActions">, nextAction: ActionType) => (state: EditorState, tr: Transaction) => Transaction;
+export declare const updateRowOrColumnMovedTransform: (nextState: Omit<RowOrColumnMovedState, 'currentActions'>, nextAction: ActionType) => (state: EditorState, tr: Transaction) => Transaction;

package/dist/types/pm-plugins/analytics/utils/moved-event.d.ts

@@ -1,6 +1,6 @@
 import type { ActionType, RowOrColumnMovedState } from '../types';
-export declare const getMovedPayload: (nextState: Omit<RowOrColumnMovedState, "currentActions">, nextAction: ActionType, prevState: RowOrColumnMovedState) => RowOrColumnMovedState | {
+export declare const getMovedPayload: (nextState: Omit<RowOrColumnMovedState, 'currentActions'>, nextAction: ActionType, prevState: RowOrColumnMovedState) => RowOrColumnMovedState | {
     currentActions: string[];
     numberOfCells: number | undefined;
-    type: "row" | "column" | undefined;
+    type: 'row' | 'column' | undefined;
 };

package/dist/types/pm-plugins/commands/active-table-menu.d.ts

@@ -4,5 +4,5 @@ export declare const closeActiveTableMenu: (api?: PluginInjectionAPI | null, opt
     skipUserIntent?: boolean;
 }) => EditorCommand;
 export declare const toggleActiveTableMenu: (activeTableMenu: Exclude<ActiveTableMenu, {
-    type: "none";
+    type: 'none';
 }>, currentActiveTableMenu: ActiveTableMenu | undefined, api?: PluginInjectionAPI | null) => EditorCommand;

package/dist/types/pm-plugins/commands/misc.d.ts

@@ -14,10 +14,10 @@ export declare const transformSliceRemoveCellBackgroundColor: (slice: Slice, sch
 export declare const transformSliceToFixDarkModeDefaultBackgroundColor: (slice: Slice, schema: Schema) => Slice;
 export declare const transformSliceToAddTableHeaders: (slice: Slice, schema: Schema) => Slice;
 export declare const transformSliceToRemoveColumnsWidths: (slice: Slice, schema: Schema) => Slice;
-export declare const countCellsInSlice: (slice: Slice, schema: Schema, type?: "row" | "column") => number;
-export declare const getTableSelectionType: (selection: Selection) => "row" | "column" | undefined;
-export declare const getTableElementMoveTypeBySlice: (slice: Slice, state: EditorState) => "row" | "column" | undefined;
-export declare const isInsideFirstCellOfRowOrColumn: (selection: Selection, type?: "row" | "column") => boolean;
+export declare const countCellsInSlice: (slice: Slice, schema: Schema, type?: 'row' | 'column') => number;
+export declare const getTableSelectionType: (selection: Selection) => 'row' | 'column' | undefined;
+export declare const getTableElementMoveTypeBySlice: (slice: Slice, state: EditorState) => 'row' | 'column' | undefined;
+export declare const isInsideFirstCellOfRowOrColumn: (selection: Selection, type?: 'row' | 'column') => boolean;
 export declare const deleteTable: Command;
 export declare const deleteTableIfSelected: Command;
 export declare const convertFirstRowToHeader: (schema: Schema) => (tr: Transaction) => Transaction;

package/dist/types/pm-plugins/commands/selection.d.ts

@@ -2,9 +2,9 @@ import type { IntlShape } from 'react-intl/src/types';
 import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
 import type tablePlugin from '../../tablePlugin';
-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, ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void, getIntl?: () => IntlShape) => (triggeredByKeyboard?: boolean) => Command;
-export declare const selectRows: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>["selection"] | undefined, ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void, 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;
+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, ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void, getIntl?: () => IntlShape) => (triggeredByKeyboard?: boolean) => Command;
+export declare const selectRows: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined, ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void, 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/pm-plugins/commands/toggle.d.ts

@@ -4,7 +4,7 @@ import type { Command } from '@atlaskit/editor-common/types';
  * Table layout toggle logic
  * default -> wide -> full-width -> default
  */
-export declare const getNextLayout: (currentLayout: TableLayout) => "default" | "wide" | "full-width";
+export declare const getNextLayout: (currentLayout: TableLayout) => 'default' | 'wide' | 'full-width';
 export declare const toggleHeaderRow: Command;
 export declare const toggleHeaderColumn: Command;
 export declare const toggleNumberColumn: Command;

package/dist/types/pm-plugins/drag-and-drop/actions.d.ts

@@ -6,9 +6,9 @@ interface DragAndDropAction<T, D> {
     type: T;
 }
 export declare const DragAndDropActionType: {
-    readonly SET_DROP_TARGET: "SET_DROP_TARGET";
-    readonly CLEAR_DROP_TARGET: "CLEAR_DROP_TARGET";
-    readonly TOGGLE_DRAG_MENU: "TOGGLE_DRAG_MENU";
+    readonly SET_DROP_TARGET: 'SET_DROP_TARGET';
+    readonly CLEAR_DROP_TARGET: 'CLEAR_DROP_TARGET';
+    readonly TOGGLE_DRAG_MENU: 'TOGGLE_DRAG_MENU';
 };
 type DragAndDropSetDropTargetAction = DragAndDropAction<typeof DragAndDropActionType.SET_DROP_TARGET, {
     decorationSet: DecorationSet;

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

@@ -8,6 +8,6 @@ import type { DraggableData, DraggableType, TableDirection } from '../../types';
 import type { TriggerType } 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, ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void, 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, 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;
+export declare const moveSourceWithAnalyticsViaShortcut: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void, 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;
 export declare const toggleDragMenuWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (isDragMenuOpen: boolean | undefined, direction?: TableDirection, index?: number, trigger?: TriggerType) => Command;

package/dist/types/pm-plugins/drag-and-drop/commands.d.ts

@@ -7,4 +7,4 @@ export declare const setDropTarget: (type: DropTargetType, index: number, hasMer
 export declare const clearDropTarget: (tr?: Transaction) => Command;
 export declare const moveSource: (sourceType: DraggableType, sourceIndexes: number[], targetIndex: number, tr?: Transaction) => Command;
 export declare const toggleDragMenu: (isDragMenuOpen: boolean | undefined, direction?: TableDirection, index?: number, trigger?: TriggerType) => Command;
-export declare const cloneSource: (sourceType: DraggableType, sourceIndexes: number[], targetIndex: number, targetDirection: "start" | "end", tr?: Transaction) => Command;
+export declare const cloneSource: (sourceType: DraggableType, sourceIndexes: number[], targetIndex: number, targetDirection: 'start' | 'end', tr?: Transaction) => Command;

package/dist/types/pm-plugins/drag-and-drop/consts.d.ts

@@ -1,6 +1,6 @@
 export declare const DropTargetType: {
-    readonly NONE: "none";
-    readonly ROW: "row";
-    readonly COLUMN: "column";
+    readonly NONE: 'none';
+    readonly ROW: 'row';
+    readonly COLUMN: 'column';
 };
 export type DropTargetType = (typeof DropTargetType)[keyof typeof DropTargetType];

package/dist/types/pm-plugins/drag-and-drop/reducer.d.ts

@@ -1,4 +1,4 @@
 import type { DragAndDropPluginAction } from './actions';
 import type { DragAndDropPluginState } from './types';
-declare const _default: (pluginState: DragAndDropPluginState, action: DragAndDropPluginAction) => DragAndDropPluginState;
 export default _default;
+declare function _default(pluginState: DragAndDropPluginState, action: DragAndDropPluginAction): DragAndDropPluginState;

package/dist/types/pm-plugins/reducer.d.ts

@@ -1,3 +1,3 @@
 import type { TablePluginAction, TablePluginState } from '../types';
-declare const _default: (pluginState: TablePluginState, action: TablePluginAction) => TablePluginState;
 export default _default;
+declare function _default(pluginState: TablePluginState, action: TablePluginAction): TablePluginState;

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

@@ -1,3 +1,3 @@
 import type { ColumnResizingPluginAction, ColumnResizingPluginState } from '../../types';
-declare const _default: (pluginState: ColumnResizingPluginState, action: ColumnResizingPluginAction) => ColumnResizingPluginState;
 export default _default;
+declare function _default(pluginState: ColumnResizingPluginState, action: ColumnResizingPluginAction): ColumnResizingPluginState;

package/dist/types/pm-plugins/utils/decoration.d.ts

@@ -9,11 +9,11 @@ import { TableDecorations } from '../../types';
 export declare const findColumnControlSelectedDecoration: (decorationSet: DecorationSet) => Decoration[];
 export declare const findControlsHoverDecoration: (decorationSet: DecorationSet) => Decoration[];
 export declare const createCellHoverDecoration: (cells: Cell[]) => Decoration[];
-export declare const createControlsHoverDecoration: (cells: Cell[], type: "row" | "column" | "table", tr: Transaction | ReadonlyTransaction, hoveredIndexes: number[], danger?: boolean, selected?: boolean) => Decoration[];
+export declare const createControlsHoverDecoration: (cells: Cell[], type: 'row' | 'column' | 'table', tr: Transaction | ReadonlyTransaction, hoveredIndexes: number[], danger?: boolean, selected?: boolean) => Decoration[];
 export declare const createColumnSelectedDecoration: (tr: Transaction | ReadonlyTransaction) => Decoration[];
 export declare const createColumnControlsDecoration: (selection: Selection) => Decoration[];
 export declare const updateDecorations: (node: PmNode, decorationSet: DecorationSet, decorations: Decoration[], key: TableDecorations) => DecorationSet;
-export declare const createResizeHandleDecoration: (tr: Transaction | ReadonlyTransaction, rowIndexTarget: number, columnEndIndexTarget: Omit<CellColumnPositioning, "left">, includeTooltip: boolean | undefined, getIntl: () => IntlShape, nodeViewPortalProviderAPI: PortalProviderAPI) => Decoration[];
-export declare const createColumnLineResize: (selection: Selection, cellColumnPositioning: Omit<CellColumnPositioning, "left">) => Decoration[];
+export declare const createResizeHandleDecoration: (tr: Transaction | ReadonlyTransaction, rowIndexTarget: number, columnEndIndexTarget: Omit<CellColumnPositioning, 'left'>, includeTooltip: boolean | undefined, getIntl: () => IntlShape, nodeViewPortalProviderAPI: PortalProviderAPI) => Decoration[];
+export declare const createColumnLineResize: (selection: Selection, cellColumnPositioning: Omit<CellColumnPositioning, 'left'>) => Decoration[];
 export declare const createColumnInsertLine: (columnIndex: number, selection: Selection, hasMergedCells: boolean) => Decoration[];
 export declare const createRowInsertLine: (rowIndex: number, selection: Selection, hasMergedCells: boolean) => Decoration[];

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

@@ -31,8 +31,8 @@ export declare const isTableDragHandleButton: (target: EventTarget | null) => bo
  * @param gapInPixels
  * @returns
  */
-export declare const getMousePositionHorizontalRelativeByElement: (mouseEvent: MouseEvent, offsetX: number, gapInPixels?: number) => "left" | "right" | null;
-export declare const getMousePositionVerticalRelativeByElement: (mouseEvent: MouseEvent) => "top" | "bottom" | null;
+export declare const getMousePositionHorizontalRelativeByElement: (mouseEvent: MouseEvent, offsetX: number, gapInPixels?: number) => 'left' | 'right' | null;
+export declare const getMousePositionVerticalRelativeByElement: (mouseEvent: MouseEvent) => 'top' | 'bottom' | null;
 export declare const hasResizeHandler: ({ columnEndIndexTarget, target, }: {
     columnEndIndexTarget: number;
     target: HTMLElement;

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

@@ -7,8 +7,8 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Rect, TableMap } from '@atlaskit/editor-tables/table-map';
 import type { NewIconProps, IconProps } from '@atlaskit/icon/types';
 import type { DraggableData, DraggableType, PluginInjectionAPI, TableDirection } from '../../types';
-export declare const getTargetIndex: (selectedIndexes: number[], direction: DraggableData["direction"]) => number;
-export declare const canMove: (sourceType: DraggableType, direction: DraggableData["direction"], totalItemsOfSourceTypeCount: number, selection: Selection, selectionRect?: Rect) => boolean;
+export declare const getTargetIndex: (selectedIndexes: number[], direction: DraggableData['direction']) => number;
+export declare const canMove: (sourceType: DraggableType, direction: DraggableData['direction'], totalItemsOfSourceTypeCount: number, selection: Selection, selectionRect?: Rect) => boolean;
 export type DragMenuOptionIdType = 'add_row_above' | 'add_row_below' | 'add_column_left' | 'add_column_right' | 'distribute_columns' | 'clear_cells' | 'delete_row' | 'delete_column' | 'move_column_left' | 'move_column_right' | 'move_row_up' | 'move_row_down' | 'sort_column_asc' | 'sort_column_desc';
 export interface DragMenuConfig extends Omit<DropdownOptionT<Command>, 'icon'> {
     icon?: React.ComponentType<React.PropsWithChildren<NewIconProps>>;

package/dist/types/pm-plugins/utils/merged-cells.d.ts

@@ -14,7 +14,7 @@ export declare const hasMergedCellsInSelection: (indexes: number[], type: MergeT
  * @param direction - check selection is selected by row or column
  * @returns boolean
  */
-export declare const checkEdgeHasMergedCells: (indexes: number[], tableMap: TableMap, direction: "row" | "column") => boolean;
+export declare const checkEdgeHasMergedCells: (indexes: number[], tableMap: TableMap, direction: 'row' | 'column') => boolean;
 /**
  * this function will find the duplicate position in the array(table map position array).
  *

package/dist/types/pm-plugins/utils/nodes.d.ts

@@ -1,5 +1,6 @@
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Selection } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export declare const isIsolating: (node: PmNode) => boolean;
 export declare const containsHeaderColumn: (table: PmNode) => boolean;
 export declare const containsHeaderRow: (table: PmNode) => boolean;
@@ -17,8 +18,10 @@ export declare const isTableNestedInMoreThanOneNode: (state: EditorState, tableP
  * Used to prefer DOM-measured wrapper width over getParentNodeWidth() for stable scaling.
  */
 export declare const isTableNestedUnderBodiedSyncBlock: (state: EditorState, tablePos: number) => boolean;
+export declare const getTableRowIndex: (view: EditorView, getPos: () => number | undefined) => number;
 /**
  * Check if a given node is a header row with this definition:
+ *  - the row is the first row when platform_editor_table_q4_patch_5 is enabled
  *  - all children are tableHeader cells
  *  - no table cells have been merged with other table row cells (rowspan > 1)
  *  - no table cells have been merged with other table column cells (colspan > 1),

package/dist/types/ui/TableFloatingControls/RowControls/DragControls.d.ts

@@ -21,5 +21,5 @@ type DragControlsProps = {
     updateCellHoverLocation: (rowIndex: number) => void;
 };
 export declare const DragControls: ({ tableRef, tableNode, tableWidth, hoveredCell, tableActive, editorView, isInDanger, isResizing, isTableHovered, hoverRows, selectRow, selectRows, updateCellHoverLocation, api, selection, }: DragControlsProps) => React.JSX.Element | null;
-export declare const DragControlsWithSelection: ({ editorView, tableRef, tableNode, tableWidth, tableActive, hoveredCell, isInDanger, isTableHovered, isResizing, hoverRows, selectRow, selectRows, updateCellHoverLocation, api, }: Exclude<DragControlsProps, "selection">) => React.JSX.Element;
+export declare const DragControlsWithSelection: ({ editorView, tableRef, tableNode, tableWidth, tableActive, hoveredCell, isInDanger, isTableHovered, isResizing, hoverRows, selectRow, selectRows, updateCellHoverLocation, api, }: Exclude<DragControlsProps, 'selection'>) => React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "24.4.22",
+	"version": "24.4.24",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^12.0.0",
 		"@atlaskit/editor-plugin-content-insertion": "^12.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^14.0.0",
-		"@atlaskit/editor-plugin-extension": "15.0.38",
+		"@atlaskit/editor-plugin-extension": "15.0.39",
 		"@atlaskit/editor-plugin-guideline": "^12.0.0",
 		"@atlaskit/editor-plugin-interaction": "^23.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^9.0.0",
@@ -45,17 +45,17 @@
 		"@atlaskit/editor-ui-control-model": "^2.2.0",
 		"@atlaskit/icon": "^37.2.0",
 		"@atlaskit/icon-lab": "^7.4.0",
-		"@atlaskit/insm": "^1.0.0",
+		"@atlaskit/insm": "^1.1.0",
 		"@atlaskit/menu": "^9.2.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.0.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^2.0.0",
 		"@atlaskit/primitives": "^22.2.0",
-		"@atlaskit/tmp-editor-statsig": "^134.0.0",
+		"@atlaskit/tmp-editor-statsig": "^135.2.0",
 		"@atlaskit/toggle": "^17.1.0",
 		"@atlaskit/tokens": "^16.3.0",
-		"@atlaskit/tooltip": "^23.1.0",
+		"@atlaskit/tooltip": "^23.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.0",
 		"@emotion/react": "^11.7.1",
@@ -67,7 +67,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.40.0",
+		"@atlaskit/editor-common": "^116.42.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"