@atlaskit/editor-plugin-table 17.3.20 → 17.3.22

package/dist/es2019/ui/DragHandle/index.js

@@ -28,6 +28,8 @@ const DragHandleComponent = ({
   previewHeight,
   onMouseOver,
   onMouseOut,
+  onFocus,
+  onBlur,
   toggleDragMenu,
   hoveredCell,
   onClick,
@@ -195,19 +197,21 @@ const DragHandleComponent = ({
     "data-testid": "table-drag-handle-button",
     "aria-label": formatMessage(isRow ? messages.rowDragHandle : messages.columnDragHandle),
     "aria-expanded": isDragMenuOpen && isDragMenuTarget ? 'true' : 'false',
-    "aria-haspopup": "menu"
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-    ,
+    "aria-haspopup": "menu",
     onMouseOver: e => {
       setIsHovered(true);
       onMouseOver && onMouseOver(e);
-    }
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-    ,
+    },
     onMouseOut: e => {
       setIsHovered(false);
       onMouseOut && onMouseOut(e);
     },
+    onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? e => {
+      onFocus && onFocus(e);
+    } : undefined,
+    onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? e => {
+      onBlur && onBlur(e);
+    } : undefined,
     onMouseUp: e => {
       // return focus to editor so copying table selections whilst still works, i cannot call e.preventDefault in a mousemove event as this stops dragstart events from firing
       // -> this is bad for a11y but is the current standard new copy/paste keyboard shortcuts should be introduced instead

package/dist/es2019/ui/FloatingContextualMenu/ContextualMenu.js

@@ -31,6 +31,7 @@ import TableRowAddBelowIcon from '@atlaskit/icon/core/table-row-add-below';
 import TableRowDeleteIcon from '@atlaskit/icon/core/table-row-delete';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, setFocusToCellMenu, toggleContextualMenu } from '../../pm-plugins/commands';
 import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, mergeCellsWithAnalytics, setColorWithAnalytics, sortColumnWithAnalytics, splitCellWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
@@ -807,10 +808,9 @@ export class ContextualMenu extends Component {
       userIntent: "tableContextualMenuPopupOpen",
       api: api
     }, jsx("div", {
-      "data-testid": "table-cell-contextual-menu"
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
+      "data-testid": "table-cell-contextual-menu",
       onMouseLeave: this.closeSubmenu,
+      onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? this.closeSubmenu : undefined,
       ref: this.dropdownMenuRef
     }, jsx(DropdownMenu
     //This needs be removed when the a11y is completely handled

package/dist/es2019/ui/FloatingDeleteButton/DeleteButton.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { TableCssClassName as ClassName } from '../../types';
 const DeleteButton = ({
   style,
@@ -15,13 +16,11 @@ const DeleteButton = ({
   className: ClassName.CONTROLS_DELETE_BUTTON_WRAP
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   ,
-  style: style
-  // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-  ,
-  onMouseEnter: onMouseEnter
-  // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-  ,
-  onMouseLeave: onMouseLeave
+  style: style,
+  onMouseEnter: onMouseEnter,
+  onMouseLeave: onMouseLeave,
+  onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? onMouseEnter : undefined,
+  onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? onMouseLeave : undefined
 }, /*#__PURE__*/React.createElement("button", {
   type: "button",
   "aria-label": formatMessage(removeLabel, {

package/dist/es2019/ui/TableFloatingColumnControls/ColumnControls/index.js

@@ -6,6 +6,7 @@ import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { CellSelection } from '@atlaskit/editor-tables';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { clearHoverSelection, hoverCell, hoverColumns, selectColumn, selectColumns } from '../../../pm-plugins/commands';
 import { toggleDragMenuWithAnalytics } from '../../../pm-plugins/drag-and-drop/commands-with-analytics';
 import { getRowsParams } from '../../../pm-plugins/utils/row-controls';
@@ -186,6 +187,8 @@ export const ColumnControls = ({
       onClick: handleClick,
       onMouseOver: handleMouseOver,
       onMouseOut: handleMouseOut,
+      onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? handleMouseOut : undefined,
+      onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? handleMouseOver : undefined,
       toggleDragMenu: toggleDragMenuHandler,
       editorView: editorView
     }));

package/dist/es2019/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js

@@ -5,6 +5,7 @@ import { injectIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, isTableSelected, selectTable } from '@atlaskit/editor-tables/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { clearHoverSelection, hoverTable } from '../../../pm-plugins/commands';
 import { TableCssClassName as ClassName } from '../../../types';
 // Ignored via go/ees005
@@ -82,13 +83,11 @@ class CornerControlComponent extends Component {
       className: classnames(ClassName.CONTROLS_CORNER_BUTTON, {
         danger: isActive && isInDanger
       }),
-      onClick: this.selectTable
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseOver: this.hoverTable
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseOut: this.clearHoverSelection
+      onClick: this.selectTable,
+      onMouseOver: this.hoverTable,
+      onMouseOut: this.clearHoverSelection,
+      onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? this.hoverTable : undefined,
+      onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? this.clearHoverSelection : undefined
     }), !isHeaderRowEnabled &&
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/es2019/ui/TableFloatingControls/CornerControls/DragCornerControls.js

@@ -4,6 +4,7 @@ import { injectIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { findTable, isTableSelected, selectTable } from '@atlaskit/editor-tables/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { clearHoverSelection } from '../../../pm-plugins/commands';
 import { TableCssClassName as ClassName } from '../../../types';
 const DragCornerControlsComponent = ({
@@ -49,10 +50,9 @@ const DragCornerControlsComponent = ({
     }),
     "aria-label": formatMessage(messages.cornerControl),
     type: "button",
-    onClick: handleOnClick
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-    ,
+    onClick: handleOnClick,
     onMouseOut: handleMouseOut,
+    onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? handleMouseOut : undefined,
     contentEditable: false
   }, /*#__PURE__*/React.createElement("div", {
     className: ClassName.DRAG_CORNER_BUTTON_INNER
@@ -110,10 +110,9 @@ const DragCornerControlsComponentWithSelection = ({
     }),
     "aria-label": formatMessage(messages.cornerControl),
     type: "button",
-    onClick: handleOnClick
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-    ,
+    onClick: handleOnClick,
     onMouseOut: handleMouseOut,
+    onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? handleMouseOut : undefined,
     contentEditable: false
   }, /*#__PURE__*/React.createElement("div", {
     className: ClassName.DRAG_CORNER_BUTTON_INNER

package/dist/es2019/ui/TableFloatingControls/NumberColumn/index.js

@@ -4,6 +4,7 @@ import classnames from 'classnames';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { isRowSelected } from '@atlaskit/editor-tables/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { clearHoverSelection } from '../../../pm-plugins/commands';
 import { getRowHeights } from '../../../pm-plugins/utils/row-controls';
 import { TableCssClassName as ClassName } from '../../../types';
@@ -134,16 +135,14 @@ export default class NumberColumn extends Component {
       "data-index": index
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       ,
-      style: this.getCellStyles(index, rowHeight)
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
+      style: this.getCellStyles(index, rowHeight),
+      onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? () => updateCellHoverLocation(index) : undefined,
       onMouseOver: () => updateCellHoverLocation(index)
-    }, hasHeaderRow ? index > 0 ? index : null : index + 1) :
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
-    React.createElement("div", {
+    }, hasHeaderRow ? index > 0 ? index : null : index + 1) : /*#__PURE__*/React.createElement("div", {
       // Ignored via go/ees005
+      role: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? 'button' : undefined
       // eslint-disable-next-line react/no-array-index-key
+      ,
       key: `wrapper-${index}`
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -152,13 +151,18 @@ export default class NumberColumn extends Component {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       ,
       style: this.getCellStyles(index, rowHeight),
-      onClick: event => this.selectRow(index, event)
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseOver: () => this.hoverRows(index)
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseOut: this.clearHoverSelection
+      onClick: event => this.selectRow(index, event),
+      onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? () => this.hoverRows(index) : undefined,
+      onMouseOver: () => this.hoverRows(index),
+      tabIndex: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? 0 : undefined,
+      onKeyDown: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? event => {
+        if (event.key === 'Enter' || event.key === ' ') {
+          event.preventDefault();
+          this.selectRow(index, event);
+        }
+      } : undefined,
+      onMouseOut: this.clearHoverSelection,
+      onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? this.clearHoverSelection : undefined
     }, hasHeaderRow ? index > 0 ? index : null : index + 1)));
   }
 }

package/dist/es2019/ui/TableFloatingControls/RowControls/ClassicControls.js

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { clearHoverSelection } from '../../../pm-plugins/commands';
 import { getRowClassNames, getRowHeights, getRowsParams } from '../../../pm-plugins/utils/row-controls';
 import { TableCssClassName as ClassName } from '../../../types';
@@ -81,13 +82,11 @@ class RowControlsComponent extends Component {
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           ,
           className: `${ClassName.ROW_CONTROLS_BUTTON} ${ClassName.CONTROLS_BUTTON}`,
-          onClick: event => this.props.selectRow(startIndex, event.shiftKey)
-          // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-          ,
-          onMouseOver: () => this.props.hoverRows([startIndex])
-          // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-          ,
+          onClick: event => this.props.selectRow(startIndex, event.shiftKey),
+          onMouseOver: () => this.props.hoverRows([startIndex]),
+          onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? () => this.props.hoverRows([startIndex]) : undefined,
           onMouseOut: this.clearHoverSelection,
+          onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? this.clearHoverSelection : undefined,
           "data-start-index": startIndex,
           "data-end-index": endIndex
         }), /*#__PURE__*/React.createElement("div", {

package/dist/es2019/ui/TableFloatingControls/RowControls/DragControls.js

@@ -175,6 +175,8 @@ export const DragControls = ({
       onClick: handleClick,
       onMouseOver: handleMouseOver,
       onMouseOut: handleMouseOut,
+      onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? handleMouseOut : undefined,
+      onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? handleMouseOver : undefined,
       toggleDragMenu: toggleDragMenuHandler,
       editorView: editorView
     }));

package/dist/es2019/ui/TableFloatingControls/index.js

@@ -109,6 +109,7 @@ export const TableFloatingControls = ({
     className: wrapperClassName,
     css: [expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && !fg('platform_editor_table_sticky_header_patch_7') && styles]
   }, jsx("div", {
+    role: "none",
     onMouseDown: e => !isDragAndDropEnabled && e.preventDefault()
   }, isNumberColumnEnabled ? jsx(NumberColumn, {
     editorView: editorView,

package/dist/esm/pm-plugins/commands/insert.js

@@ -9,7 +9,6 @@ import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { hasParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { addColumnAt as addColumnAtPMUtils, addRowAt, findTable, selectedRect } from '@atlaskit/editor-tables/utils';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { updateRowOrColumnMovedTransform } from '../analytics/commands';
 import { META_KEYS } from '../table-analytics';
 import { rescaleColumns } from '../transforms/column-width';
@@ -266,10 +265,8 @@ export var insertTableWithNestingSupport = function insertTableWithNestingSuppor
     var insertAt;
     var isNestedTable = false;
     if (hasParentNodeOfType(schema.nodes.table)(tr.selection) && isNestedTablesSupported(schema)) {
-      // If the experiment is disabled, or we're trying to nest deeper than one level, we insert the table after the top table
-      if (editorExperiment('nested-tables-in-tables', false, {
-        exposure: true
-      }) || getParentOfTypeCount(schema.nodes.table)(tr.selection.$from) > 1) {
+      // If trying to nest deeper than one level, we insert the table after the top table
+      if (getParentOfTypeCount(schema.nodes.table)(tr.selection.$from) > 1) {
         var positionAfterTopTable = getPositionAfterTopParentNodeOfType(schema.nodes.table)(tr.selection.$from);
         if (!positionAfterTopTable) {
           return tr;

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

@@ -8,7 +8,6 @@ import { Slice, Fragment } from '@atlaskit/editor-prosemirror/model';
 import { flatten, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { CellSelection } from '@atlaskit/editor-tables';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getPluginState } from '../plugin-factory';
 
 // lifts up the content of each cell, returning an array of nodes
@@ -68,17 +67,16 @@ export var removeTableFromLastChild = function removeTableFromLastChild(node, i,
   return i === fragment.childCount - 1 ? unwrapContentFromTable(node) : node;
 };
 export var transformSliceToRemoveNestedTables = function transformSliceToRemoveNestedTables(slice, schema, selection) {
-  var isNestingAllowed = editorExperiment('nested-tables-in-tables', true);
   var _schema$nodes2 = schema.nodes,
     table = _schema$nodes2.table,
     tableCell = _schema$nodes2.tableCell,
     tableHeader = _schema$nodes2.tableHeader;
   var openEnd = slice.openEnd;
   var newFragment = flatmap(slice.content, function (node, i, fragment) {
-    var _slice$content$firstC;
-    // if pasted content is a node that supports nesting a table
-    // such as layoutSection or expand allow 1 level by default
-    var allowedTableNesting = 1;
+    var _slice$content$firstC, _slice$content$lastCh;
+    // We allow default nesting of 2 to support
+    // two levels of nesting in nodes that support table nesting already such as layoutSection and expands
+    var allowedTableNesting = 2;
     var isCellSelection = selection instanceof CellSelection;
     var isPasteInTable = hasParentNodeOfType([table, tableCell, tableHeader])(selection);
     var isPasteInNestedTable = getParentOfTypeCount(schema.nodes.table)(selection.$from) > 1;
@@ -86,55 +84,42 @@ export var transformSliceToRemoveNestedTables = function transformSliceToRemoveN
 
     // Pasted content only contains a table and no other content
     var isCellPaste = isPasteInTable && slice.content.childCount === 1 && ((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type) === table && (!isPasteFullTableInsideEmptyCellEnabled || slice.openStart !== 0 && slice.openEnd !== 0);
-    if (isNestingAllowed) {
-      var _slice$content$lastCh;
-      // if nesting is allowed we bump up the default nesting allowance to 2 to support
-      // two levels of nesting in nodes that support table nesting already such as layoutSection and expands
-      allowedTableNesting = 2;
 
-      // however if pasted content is a table, allow just one level
-      if (node.type === schema.nodes.table) {
-        allowedTableNesting = 1;
-
-        // if paste is inside a table, allow no further nesting
-        if (isPasteInTable) {
-          allowedTableNesting = 0;
-        }
-
-        // unless we are pasting inside a nested table, then bounce back to 1 level
-        // because editor-plugin-paste will lift the table to the parent table (just below it)
-        if (isPasteInNestedTable) {
-          allowedTableNesting = 1;
-        }
+    // however if pasted content is a table, allow just one level
+    if (node.type === schema.nodes.table) {
+      allowedTableNesting = 1;
 
-        // paste of table cells into a table cell - content is spread across multiple cells
-        // by editor-tables so needs to be treated a little differently
-        if (isCellPaste || isCellSelection) {
-          allowedTableNesting = 1;
-          if (isPasteInNestedTable) {
-            allowedTableNesting = 0;
-          }
-        }
+      // if paste is inside a table, allow no further nesting
+      if (isPasteInTable) {
+        allowedTableNesting = 0;
       }
 
-      // Prevent invalid openEnd after pasting tables with a selection that ends inside a nested table cell.
-      // If the slice ends with a selection that ends inside a nested table, and we paste inside a table we
-      // need to adjust the openEnd because it is no longer correct. If we don't, Prosemirror fires an exception
-      // because it iterates to a non-existent depth and the transform will not be applied
-      if (slice.openEnd >= 7 &&
-      // depth of a nested table cell
-      slice.content.childCount > 1 && ((_slice$content$lastCh = slice.content.lastChild) === null || _slice$content$lastCh === void 0 ? void 0 : _slice$content$lastCh.type) === table && isPasteInTable) {
-        // re-point the slice's openEnd to non-nested table cell depth
-        openEnd = 4;
+      // unless we are pasting inside a nested table, then bounce back to 1 level
+      // because editor-plugin-paste will lift the table to the parent table (just below it)
+      if (isPasteInNestedTable) {
+        allowedTableNesting = 1;
       }
-    } else {
-      // for layouts and expands, we start with 1 level of nesting as set above
 
-      // if pasted content is a table, don't allow further nesting
-      if (node.type === schema.nodes.table) {
-        allowedTableNesting = 0;
+      // paste of table cells into a table cell - content is spread across multiple cells
+      // by editor-tables so needs to be treated a little differently
+      if (isCellPaste || isCellSelection) {
+        allowedTableNesting = 1;
+        if (isPasteInNestedTable) {
+          allowedTableNesting = 0;
+        }
       }
     }
+
+    // Prevent invalid openEnd after pasting tables with a selection that ends inside a nested table cell.
+    // If the slice ends with a selection that ends inside a nested table, and we paste inside a table we
+    // need to adjust the openEnd because it is no longer correct. If we don't, Prosemirror fires an exception
+    // because it iterates to a non-existent depth and the transform will not be applied
+    if (slice.openEnd >= 7 &&
+    // depth of a nested table cell
+    slice.content.childCount > 1 && ((_slice$content$lastCh = slice.content.lastChild) === null || _slice$content$lastCh === void 0 ? void 0 : _slice$content$lastCh.type) === table && isPasteInTable) {
+      // re-point the slice's openEnd to non-nested table cell depth
+      openEnd = 4;
+    }
     if (isCellSelection && !isCellPaste) {
       // if pasting into a cell selection, we need to flatten the parent table as well
       return _unwrapNestedTables(Fragment.fromArray([node]), schema, allowedTableNesting);

package/dist/esm/tablePlugin.js

@@ -565,10 +565,8 @@ var tablePlugin = function tablePlugin(_ref) {
             var tr = state.tr;
             // If the cursor is inside a table
             if (hasParentNodeOfType(state.schema.nodes.table)(state.selection) && options !== null && options !== void 0 && (_options$tableOptions6 = options.tableOptions) !== null && _options$tableOptions6 !== void 0 && _options$tableOptions6.allowNestedTables) {
-              // If the experiment is disabled, or we're trying to nest deeper than one level, we insert the table after the top table
-              if (editorExperiment('nested-tables-in-tables', false, {
-                exposure: true
-              }) || getParentOfTypeCount(state.schema.nodes.table)(state.selection.$from) > 1) {
+              // If trying to nest deeper than one level, we insert the table after the top table
+              if (getParentOfTypeCount(state.schema.nodes.table)(state.selection.$from) > 1) {
                 // Nesting is too deep insert table after the top parent table
                 var positionAfterTopTable = getPositionAfterTopParentNodeOfType(state.schema.nodes.table)(state.selection.$from);
                 tr = safeInsert(tableNode, positionAfterTopTable)(tr);

package/dist/esm/ui/DragHandle/index.js

@@ -33,6 +33,8 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     previewHeight = _ref.previewHeight,
     _onMouseOver = _ref.onMouseOver,
     _onMouseOut = _ref.onMouseOut,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
     toggleDragMenu = _ref.toggleDragMenu,
     hoveredCell = _ref.hoveredCell,
     onClick = _ref.onClick,
@@ -194,19 +196,21 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     "data-testid": "table-drag-handle-button",
     "aria-label": formatMessage(isRow ? messages.rowDragHandle : messages.columnDragHandle),
     "aria-expanded": isDragMenuOpen && isDragMenuTarget ? 'true' : 'false',
-    "aria-haspopup": "menu"
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-    ,
+    "aria-haspopup": "menu",
     onMouseOver: function onMouseOver(e) {
       setIsHovered(true);
       _onMouseOver && _onMouseOver(e);
-    }
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-    ,
+    },
     onMouseOut: function onMouseOut(e) {
       setIsHovered(false);
       _onMouseOut && _onMouseOut(e);
     },
+    onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? function (e) {
+      onFocus && onFocus(e);
+    } : undefined,
+    onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? function (e) {
+      onBlur && onBlur(e);
+    } : undefined,
     onMouseUp: function onMouseUp(e) {
       // return focus to editor so copying table selections whilst still works, i cannot call e.preventDefault in a mousemove event as this stops dragstart events from firing
       // -> this is bad for a11y but is the current standard new copy/paste keyboard shortcuts should be introduced instead

package/dist/esm/ui/FloatingContextualMenu/ContextualMenu.js

@@ -41,6 +41,7 @@ import TableRowAddBelowIcon from '@atlaskit/icon/core/table-row-add-below';
 import TableRowDeleteIcon from '@atlaskit/icon/core/table-row-delete';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, setFocusToCellMenu, toggleContextualMenu } from '../../pm-plugins/commands';
 import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, mergeCellsWithAnalytics, setColorWithAnalytics, sortColumnWithAnalytics, splitCellWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
@@ -743,10 +744,9 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         userIntent: "tableContextualMenuPopupOpen",
         api: api
       }, jsx("div", {
-        "data-testid": "table-cell-contextual-menu"
-        // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-        ,
+        "data-testid": "table-cell-contextual-menu",
         onMouseLeave: this.closeSubmenu,
+        onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? this.closeSubmenu : undefined,
         ref: this.dropdownMenuRef
       }, jsx(DropdownMenu
       //This needs be removed when the a11y is completely handled

package/dist/esm/ui/FloatingDeleteButton/DeleteButton.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { TableCssClassName as ClassName } from '../../types';
 var DeleteButton = function DeleteButton(_ref) {
   var style = _ref.style,
@@ -13,13 +14,11 @@ var DeleteButton = function DeleteButton(_ref) {
     className: ClassName.CONTROLS_DELETE_BUTTON_WRAP
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
-    style: style
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-    ,
-    onMouseEnter: onMouseEnter
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-    ,
-    onMouseLeave: onMouseLeave
+    style: style,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? onMouseEnter : undefined,
+    onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? onMouseLeave : undefined
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     "aria-label": formatMessage(removeLabel, {

package/dist/esm/ui/TableFloatingColumnControls/ColumnControls/index.js

@@ -6,6 +6,7 @@ import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { CellSelection } from '@atlaskit/editor-tables';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { clearHoverSelection, hoverCell, hoverColumns, selectColumn, selectColumns } from '../../../pm-plugins/commands';
 import { toggleDragMenuWithAnalytics } from '../../../pm-plugins/drag-and-drop/commands-with-analytics';
 import { getRowsParams } from '../../../pm-plugins/utils/row-controls';
@@ -181,6 +182,8 @@ export var ColumnControls = function ColumnControls(_ref) {
       onClick: handleClick,
       onMouseOver: handleMouseOver,
       onMouseOut: handleMouseOut,
+      onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? handleMouseOut : undefined,
+      onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? handleMouseOver : undefined,
       toggleDragMenu: toggleDragMenuHandler,
       editorView: editorView
     }));

package/dist/esm/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js

@@ -12,6 +12,7 @@ import { injectIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, isTableSelected, selectTable } from '@atlaskit/editor-tables/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { clearHoverSelection, hoverTable } from '../../../pm-plugins/commands';
 import { TableCssClassName as ClassName } from '../../../types';
 // Ignored via go/ees005
@@ -89,13 +90,11 @@ var CornerControlComponent = /*#__PURE__*/function (_Component) {
         className: classnames(ClassName.CONTROLS_CORNER_BUTTON, {
           danger: isActive && isInDanger
         }),
-        onClick: this.selectTable
-        // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-        ,
-        onMouseOver: this.hoverTable
-        // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-        ,
-        onMouseOut: this.clearHoverSelection
+        onClick: this.selectTable,
+        onMouseOver: this.hoverTable,
+        onMouseOut: this.clearHoverSelection,
+        onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? this.hoverTable : undefined,
+        onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? this.clearHoverSelection : undefined
       }), !isHeaderRowEnabled &&
       /*#__PURE__*/
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/esm/ui/TableFloatingControls/CornerControls/DragCornerControls.js

@@ -4,6 +4,7 @@ import { injectIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { findTable, isTableSelected, selectTable } from '@atlaskit/editor-tables/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { clearHoverSelection } from '../../../pm-plugins/commands';
 import { TableCssClassName as ClassName } from '../../../types';
 var DragCornerControlsComponent = function DragCornerControlsComponent(_ref) {
@@ -40,10 +41,9 @@ var DragCornerControlsComponent = function DragCornerControlsComponent(_ref) {
     }),
     "aria-label": formatMessage(messages.cornerControl),
     type: "button",
-    onClick: handleOnClick
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-    ,
+    onClick: handleOnClick,
     onMouseOut: handleMouseOut,
+    onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? handleMouseOut : undefined,
     contentEditable: false
   }, /*#__PURE__*/React.createElement("div", {
     className: ClassName.DRAG_CORNER_BUTTON_INNER
@@ -93,10 +93,9 @@ var DragCornerControlsComponentWithSelection = function DragCornerControlsCompon
     }),
     "aria-label": formatMessage(messages.cornerControl),
     type: "button",
-    onClick: handleOnClick
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-    ,
+    onClick: handleOnClick,
     onMouseOut: handleMouseOut,
+    onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? handleMouseOut : undefined,
     contentEditable: false
   }, /*#__PURE__*/React.createElement("div", {
     className: ClassName.DRAG_CORNER_BUTTON_INNER