@atlaskit/editor-plugin-table 8.1.1 → 8.2.1

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

@@ -188,48 +188,52 @@ export var ColumnControls = function ColumnControls(_ref) {
     return handles;
   };
   var containerWidth = isNumberColumnEnabled && tableContainerWidth ? tableContainerWidth - akEditorTableNumberColumnWidth : tableContainerWidth;
-  return /*#__PURE__*/React.createElement("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ClassName.DRAG_COLUMN_CONTROLS,
-    onMouseMove: handleMouseMove
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: columnControlsRef
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: ClassName.DRAG_COLUMN_CONTROLS_INNER,
-    "data-testid": "table-floating-column-controls",
-    style: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      gridTemplateColumns: widths,
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      marginTop: marginTop,
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-      width: stickyTop ? containerWidth : undefined,
-      overflowX: stickyTop ? 'hidden' : 'visible',
-      pointerEvents: isDragging ? 'none' : undefined
-    }
-  }, columnParams.map(function (_ref2, index) {
-    var startIndex = _ref2.startIndex,
-      endIndex = _ref2.endIndex;
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        gridColumn: "".concat(startIndex + 1, " / span 1")
-      },
-      "data-start-index": startIndex,
-      "data-end-index": endIndex
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: ClassName.DRAG_COLUMN_FLOATING_INSERT_DOT_WRAPPER,
-      contentEditable: false,
-      key: index
+      className: ClassName.DRAG_COLUMN_CONTROLS,
+      onMouseMove: handleMouseMove
     }, /*#__PURE__*/React.createElement("div", {
+      ref: columnControlsRef
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      className: ClassName.DRAG_COLUMN_FLOATING_INSERT_DOT
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       ,
-      style: columnParams.length - 1 === index ? {
-        right: '0'
-      } : {}
-    }));
-  }), columnHandles()));
+      className: ClassName.DRAG_COLUMN_CONTROLS_INNER,
+      "data-testid": "table-floating-column-controls",
+      style: {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        gridTemplateColumns: widths,
+        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        marginTop: marginTop,
+        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+        width: stickyTop ? containerWidth : undefined,
+        overflowX: stickyTop ? 'hidden' : 'visible',
+        pointerEvents: isDragging ? 'none' : undefined
+      }
+    }, columnParams.map(function (_ref2, index) {
+      var startIndex = _ref2.startIndex,
+        endIndex = _ref2.endIndex;
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          gridColumn: "".concat(startIndex + 1, " / span 1")
+        },
+        "data-start-index": startIndex,
+        "data-end-index": endIndex
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
+        className: ClassName.DRAG_COLUMN_FLOATING_INSERT_DOT_WRAPPER,
+        contentEditable: false,
+        key: index
+      }, /*#__PURE__*/React.createElement("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        className: ClassName.DRAG_COLUMN_FLOATING_INSERT_DOT
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        ,
+        style: columnParams.length - 1 === index ? {
+          right: '0'
+        } : {}
+      }));
+    }), columnHandles()))
+  );
 };

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

@@ -90,8 +90,12 @@ var CornerControlComponent = /*#__PURE__*/function (_Component) {
         className: classnames(ClassName.CONTROLS_CORNER_BUTTON, {
           danger: isActive && isInDanger
         }),
-        onClick: this.selectTable,
-        onMouseOver: this.hoverTable,
+        onClick: this.selectTable
+        // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
+        ,
+        onMouseOver: this.hoverTable
+        // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
+        ,
         onMouseOut: this.clearHoverSelection
       }), !isHeaderRowEnabled &&
       /*#__PURE__*/

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

@@ -40,7 +40,9 @@ var DragCornerControlsComponent = function DragCornerControlsComponent(_ref) {
     }),
     "aria-label": formatMessage(messages.cornerControl),
     type: "button",
-    onClick: handleOnClick,
+    onClick: handleOnClick
+    // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
+    ,
     onMouseOut: handleMouseOut,
     contentEditable: false
   }, /*#__PURE__*/React.createElement("div", {
@@ -86,7 +88,9 @@ var DragCornerControlsComponentWithSelection = function DragCornerControlsCompon
     }),
     "aria-label": formatMessage(messages.cornerControl),
     type: "button",
-    onClick: handleOnClick,
+    onClick: handleOnClick
+    // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
+    ,
     onMouseOut: handleMouseOut,
     contentEditable: false
   }, /*#__PURE__*/React.createElement("div", {

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

@@ -113,7 +113,10 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
         },
         contentEditable: false
       }, rowHeights.map(function (rowHeight, index) {
-        return isDragAndDropEnabled ? /*#__PURE__*/React.createElement("div", {
+        return isDragAndDropEnabled ?
+        /*#__PURE__*/
+        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+        React.createElement("div", {
           key: "wrapper-".concat(index)
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           ,
@@ -121,11 +124,16 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
           "data-index": index
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           ,
-          style: _this2.getCellStyles(index, rowHeight),
+          style: _this2.getCellStyles(index, rowHeight)
+          // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
+          ,
           onMouseOver: function onMouseOver() {
             return updateCellHoverLocation(index);
           }
-        }, hasHeaderRow ? index > 0 ? index : null : index + 1) : /*#__PURE__*/React.createElement("div", {
+        }, hasHeaderRow ? index > 0 ? index : null : index + 1) :
+        /*#__PURE__*/
+        // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+        React.createElement("div", {
           key: "wrapper-".concat(index)
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           ,
@@ -136,10 +144,14 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
           style: _this2.getCellStyles(index, rowHeight),
           onClick: function onClick(event) {
             return _this2.selectRow(index, event);
-          },
+          }
+          // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
+          ,
           onMouseOver: function onMouseOver() {
             return _this2.hoverRows(index);
-          },
+          }
+          // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
+          ,
           onMouseOut: _this2.clearHoverSelection
         }, hasHeaderRow ? index > 0 ? index : null : index + 1);
       }));

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

@@ -92,10 +92,14 @@ var RowControlsComponent = /*#__PURE__*/function (_Component) {
             className: "".concat(ClassName.ROW_CONTROLS_BUTTON, " ").concat(ClassName.CONTROLS_BUTTON),
             onClick: function onClick(event) {
               return _this2.props.selectRow(startIndex, event.shiftKey);
-            },
+            }
+            // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
+            ,
             onMouseOver: function onMouseOver() {
               return _this2.props.hoverRows([startIndex]);
-            },
+            }
+            // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
+            ,
             onMouseOut: _this2.clearHoverSelection,
             "data-start-index": startIndex,
             "data-end-index": endIndex

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

@@ -177,57 +177,61 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
   if (isResizing) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ClassName.DRAG_ROW_CONTROLS,
-    style: {
-      gridTemplateRows: heights,
-      gridTemplateColumns: isDragging ? // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      "".concat(dropTargetExtendedWidth, "px 14px ").concat(tableWidth, "px") : '0px 14px 0px',
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-      left: isDragging ? // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      "-".concat(dropTargetExtendedWidth + 2, "px") : "var(--ds-space-negative-025, -2px)"
-    },
-    onMouseMove: handleMouseMove,
-    contentEditable: false
-  }, rowsParams.map(function (_ref4, index) {
-    var startIndex = _ref4.startIndex,
-      endIndex = _ref4.endIndex;
-    return /*#__PURE__*/React.createElement(Fragment, {
-      key: index
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        gridRow: "".concat(index + 1, " / span 1"),
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        gridColumn: '2'
-      },
-      "data-start-index": startIndex,
-      "data-end-index": endIndex
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: ClassName.DRAG_ROW_FLOATING_INSERT_DOT_WRAPPER,
-      contentEditable: false,
-      key: "insert-dot-".concat(index)
-    }, /*#__PURE__*/React.createElement("div", {
-      className: ClassName.DRAG_ROW_FLOATING_INSERT_DOT
-    })), isDragging && /*#__PURE__*/React.createElement(RowDropTarget, {
-      key: "drop-target-".concat(index),
-      index: index,
-      localId: currentNodeLocalId,
+      className: ClassName.DRAG_ROW_CONTROLS,
       style: {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        gridColumn: '1 / span 3',
-        gridRow: "".concat(index + 1, " / span 1"),
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        height: '100%',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        pointerEvents: 'auto',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        position: 'relative',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        left: "var(--ds-space-negative-100, -8px)"
-      }
-    }));
-  }), rowHandles());
+        gridTemplateRows: heights,
+        gridTemplateColumns: isDragging ? // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        "".concat(dropTargetExtendedWidth, "px 14px ").concat(tableWidth, "px") : '0px 14px 0px',
+        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+        left: isDragging ? // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        "-".concat(dropTargetExtendedWidth + 2, "px") : "var(--ds-space-negative-025, -2px)"
+      },
+      onMouseMove: handleMouseMove,
+      contentEditable: false
+    }, rowsParams.map(function (_ref4, index) {
+      var startIndex = _ref4.startIndex,
+        endIndex = _ref4.endIndex;
+      return /*#__PURE__*/React.createElement(Fragment, {
+        key: index
+      }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          gridRow: "".concat(index + 1, " / span 1"),
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          gridColumn: '2'
+        },
+        "data-start-index": startIndex,
+        "data-end-index": endIndex
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
+        className: ClassName.DRAG_ROW_FLOATING_INSERT_DOT_WRAPPER,
+        contentEditable: false,
+        key: "insert-dot-".concat(index)
+      }, /*#__PURE__*/React.createElement("div", {
+        className: ClassName.DRAG_ROW_FLOATING_INSERT_DOT
+      })), isDragging && /*#__PURE__*/React.createElement(RowDropTarget, {
+        key: "drop-target-".concat(index),
+        index: index,
+        localId: currentNodeLocalId,
+        style: {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          gridColumn: '1 / span 3',
+          gridRow: "".concat(index + 1, " / span 1"),
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          height: '100%',
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          pointerEvents: 'auto',
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          position: 'relative',
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          left: "var(--ds-space-negative-100, -8px)"
+        }
+      }));
+    }), rowHandles())
+  );
 };
 export var DragControls = injectIntl(DragControlsComponent);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "8.1.1",
+	"version": "8.2.1",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
 		"@atlaskit/adf-schema": "^46.1.0",
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/custom-steps": "^0.9.0",
-		"@atlaskit/editor-common": "^95.7.0",
+		"@atlaskit/editor-common": "^95.10.0",
 		"@atlaskit/editor-palette": "1.6.3",
 		"@atlaskit/editor-plugin-accessibility-utils": "^1.2.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
@@ -40,20 +40,20 @@
 		"@atlaskit/editor-plugin-guideline": "^1.2.0",
 		"@atlaskit/editor-plugin-selection": "^1.5.0",
 		"@atlaskit/editor-plugin-width": "^1.3.0",
-		"@atlaskit/editor-prosemirror": "6.0.0",
+		"@atlaskit/editor-prosemirror": "6.2.1",
 		"@atlaskit/editor-shared-styles": "^3.2.0",
 		"@atlaskit/editor-tables": "^2.8.0",
-		"@atlaskit/icon": "^22.26.0",
+		"@atlaskit/icon": "^22.28.0",
 		"@atlaskit/menu": "^2.13.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.4.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
-		"@atlaskit/primitives": "^13.2.0",
+		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/theme": "^14.0.0",
 		"@atlaskit/tmp-editor-statsig": "^2.21.0",
 		"@atlaskit/toggle": "^13.4.0",
-		"@atlaskit/tokens": "^2.3.0",
+		"@atlaskit/tokens": "^2.4.0",
 		"@atlaskit/tooltip": "^18.9.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -124,6 +124,9 @@
 		},
 		"platform_editor_use_nested_table_pm_nodes": {
 			"type": "boolean"
+		},
+		"platform_editor_set_alignment_when_resized": {
+			"type": "boolean"
 		}
 	}
 }

package/src/nodeviews/TableResizer.tsx

@@ -25,6 +25,7 @@ import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/stat
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
 import { findTable } from '@atlaskit/editor-tables/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { token } from '@atlaskit/tokens';
 
 import { setTableAlignmentWithTableContentWithPosWithAnalytics } from '../commands-with-analytics';
@@ -574,10 +575,21 @@ export const TableResizer = ({
 			}
 
 			if (typeof pos === 'number') {
-				tr = tr.setNodeMarkup(pos, undefined, {
-					...node.attrs,
-					width: newWidth,
-				});
+				if (fg('platform_editor_set_alignment_when_resized')) {
+					tr = tr.setNodeMarkup(pos, undefined, {
+						...node.attrs,
+						width: newWidth,
+						layout:
+							node.attrs.layout !== ALIGN_START && node.attrs.layout !== ALIGN_CENTER
+								? ALIGN_CENTER
+								: node.attrs.layout,
+					});
+				} else {
+					tr = tr.setNodeMarkup(pos, undefined, {
+						...node.attrs,
+						width: newWidth,
+					});
+				}
 
 				const newNode = tr.doc.nodeAt(pos)!;
 				tr = scaleTable(
@@ -636,23 +648,23 @@ export const TableResizer = ({
 			return newWidth;
 		},
 		[
-			displayGapCursor,
-			updateWidth,
 			editorView,
 			getPos,
 			node,
-			tableRef,
-			scheduleResize,
-			displayGuideline,
-			attachAnalyticsEvent,
+			isCommentEditor,
+			widthToWidest,
 			endMeasure,
+			displayGapCursor,
+			displayGuideline,
+			updateWidth,
+			scheduleResize,
 			onResizeStop,
+			attachAnalyticsEvent,
+			tableRef,
+			pluginInjectionApi,
 			isTableScalingEnabled,
 			shouldUseIncreasedScalingPercent,
-			widthToWidest,
 			formatMessage,
-			pluginInjectionApi,
-			isCommentEditor,
 		],
 	);
 

package/src/types.ts

@@ -470,7 +470,7 @@ export const TableCssClassName = {
 	WITH_RESIZE_LINE: `${tablePrefixSelector}-column-resize-line`,
 	WITH_RESIZE_LINE_LAST_COLUMN: `${tablePrefixSelector}-column-resize-line-last-column`,
 
-	WITH_DRAG_RESIZE_LINE: `${tablePrefixSelector}-drag-column--resize-line`,
+	WITH_DRAG_RESIZE_LINE: `${tablePrefixSelector}-drag-column-resize-line`,
 	WITH_DRAG_RESIZE_LINE_LAST_COLUMN: `${tablePrefixSelector}-drag-column-resize-line-last-column`,
 
 	WITH_ROW_INSERT_LINE: `${tablePrefixSelector}-row-insert-line`,

package/src/ui/DragHandle/index.tsx

@@ -242,7 +242,9 @@ const DragHandleComponent = ({
 				aria-label={formatMessage(isRow ? messages.rowDragHandle : messages.columnDragHandle)}
 				aria-expanded={isDragMenuOpen && isDragMenuTarget ? 'true' : 'false'}
 				aria-haspopup="menu"
+				// eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
 				onMouseOver={onMouseOver}
+				// eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
 				onMouseOut={onMouseOut}
 				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

package/src/ui/FloatingContextualMenu/ContextualMenu.tsx

@@ -162,6 +162,7 @@ export class ContextualMenu extends Component<Props & WrappedComponentProps, Sta
 		isOpenAllowed = isCellMenuOpenByKeyboard ? this.state.isOpenAllowed : isOpen;
 
 		return (
+			// eslint-disable-next-line jsx-a11y/no-static-element-interactions
 			<div
 				data-testid="table-cell-contextual-menu"
 				onMouseLeave={this.closeSubmenu}

package/src/ui/FloatingDeleteButton/DeleteButton.tsx

@@ -22,6 +22,7 @@ const DeleteButton = ({
 	removeLabel,
 	intl: { formatMessage },
 }: ButtonProps & WrappedComponentProps) => (
+	// eslint-disable-next-line jsx-a11y/no-static-element-interactions
 	<div
 		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
 		className={ClassName.CONTROLS_DELETE_BUTTON_WRAP}

package/src/ui/TableFloatingColumnControls/ColumnControls/index.tsx

@@ -295,6 +295,7 @@ export const ColumnControls = ({
 			: tableContainerWidth;
 
 	return (
+		// eslint-disable-next-line jsx-a11y/no-static-element-interactions
 		<div
 			// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
 			className={ClassName.DRAG_COLUMN_CONTROLS}

package/src/ui/TableFloatingControls/CornerControls/ClassicCornerControls.tsx

@@ -55,7 +55,9 @@ class CornerControlComponent extends Component<CornerControlProps & WrappedCompo
 						danger: isActive && isInDanger,
 					})}
 					onClick={this.selectTable}
+					// eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
 					onMouseOver={this.hoverTable}
+					// eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
 					onMouseOut={this.clearHoverSelection}
 				/>
 

package/src/ui/TableFloatingControls/CornerControls/DragCornerControls.tsx

@@ -54,6 +54,7 @@ const DragCornerControlsComponent = ({
 			aria-label={formatMessage(messages.cornerControl)}
 			type="button"
 			onClick={handleOnClick}
+			// eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
 			onMouseOut={handleMouseOut}
 			contentEditable={false}
 		>
@@ -106,6 +107,7 @@ const DragCornerControlsComponentWithSelection = ({
 			aria-label={formatMessage(messages.cornerControl)}
 			type="button"
 			onClick={handleOnClick}
+			// eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
 			onMouseOut={handleMouseOut}
 			contentEditable={false}
 		>

package/src/ui/TableFloatingControls/NumberColumn/index.tsx

@@ -48,6 +48,7 @@ export default class NumberColumn extends Component<Props, any> {
 			>
 				{rowHeights.map((rowHeight, index) =>
 					isDragAndDropEnabled ? (
+						// eslint-disable-next-line jsx-a11y/no-static-element-interactions
 						<div
 							key={`wrapper-${index}`}
 							// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -55,11 +56,13 @@ export default class NumberColumn extends Component<Props, any> {
 							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 jsx-a11y/mouse-events-have-key-events
 							onMouseOver={() => updateCellHoverLocation(index)}
 						>
 							{hasHeaderRow ? (index > 0 ? index : null) : index + 1}
 						</div>
 					) : (
+						// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
 						<div
 							key={`wrapper-${index}`}
 							// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -68,7 +71,9 @@ export default class NumberColumn extends Component<Props, any> {
 							// 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 jsx-a11y/mouse-events-have-key-events
 							onMouseOver={() => this.hoverRows(index)}
+							// eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
 							onMouseOut={this.clearHoverSelection}
 						>
 							{hasHeaderRow ? (index > 0 ? index : null) : index + 1}

package/src/ui/TableFloatingControls/RowControls/ClassicControls.tsx

@@ -96,7 +96,9 @@ class RowControlsComponent extends Component<Props & WrappedComponentProps> {
 									// 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 jsx-a11y/mouse-events-have-key-events
 									onMouseOver={() => this.props.hoverRows([startIndex])}
+									// eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
 									onMouseOut={this.clearHoverSelection}
 									data-start-index={startIndex}
 									data-end-index={endIndex}

package/src/ui/TableFloatingControls/RowControls/DragControls.tsx

@@ -264,6 +264,7 @@ const DragControlsComponent = ({
 	}
 
 	return (
+		// eslint-disable-next-line jsx-a11y/no-static-element-interactions
 		<div
 			// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
 			className={ClassName.DRAG_ROW_CONTROLS}

package/src/ui/TableFloatingControls/index.tsx

@@ -141,6 +141,7 @@ export const TableFloatingControls = ({
 	return (
 		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
 		<div className={wrapperClassName}>
+			{/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}
 			<div onMouseDown={(e) => !isDragAndDropEnabled && e.preventDefault()}>
 				{isNumberColumnEnabled ? (
 					<NumberColumn