@atlaskit/editor-plugin-table 8.1.1 → 8.2.0

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

@@ -193,47 +193,51 @@ export const ColumnControls = ({
     return handles;
   };
   const 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: {
+  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_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,
+        // 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(({
+      startIndex,
+      endIndex
+    }, index) => /*#__PURE__*/React.createElement("div", {
+      style: {
+        gridColumn: `${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
-      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,
-      // 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(({
-    startIndex,
-    endIndex
-  }, index) => /*#__PURE__*/React.createElement("div", {
-    style: {
-      gridColumn: `${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()));
+      ,
+      style: columnParams.length - 1 === index ? {
+        right: '0'
+      } : {}
+    }))), columnHandles()))
+  );
 };

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

@@ -81,8 +81,12 @@ class CornerControlComponent extends 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/es2019/ui/TableFloatingControls/CornerControls/DragCornerControls.js

@@ -49,7 +49,9 @@ const DragCornerControlsComponent = ({
     }),
     "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", {
@@ -103,7 +105,9 @@ const DragCornerControlsComponentWithSelection = ({
     }),
     "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/es2019/ui/TableFloatingControls/NumberColumn/index.js

@@ -103,7 +103,10 @@ export default class NumberColumn extends Component {
         isDragAndDropEnabled && tableActive ? `1px solid ${tableBorderColor}` : undefined
       },
       contentEditable: false
-    }, rowHeights.map((rowHeight, index) => isDragAndDropEnabled ? /*#__PURE__*/React.createElement("div", {
+    }, rowHeights.map((rowHeight, index) => isDragAndDropEnabled ?
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    React.createElement("div", {
       key: `wrapper-${index}`
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -111,9 +114,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),
+      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) : /*#__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-${index}`
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -122,8 +130,12 @@ 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),
-      onMouseOver: () => this.hoverRows(index),
+      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/dist/es2019/ui/TableFloatingControls/RowControls/ClassicControls.js

@@ -78,8 +78,12 @@ 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),
-          onMouseOver: () => this.props.hoverRows([startIndex]),
+          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/dist/es2019/ui/TableFloatingControls/RowControls/DragControls.js

@@ -175,58 +175,62 @@ const DragControlsComponent = ({
   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
-      `${dropTargetExtendedWidth}px 14px ${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
-      `-${dropTargetExtendedWidth + 2}px` : "var(--ds-space-negative-025, -2px)"
-    },
-    onMouseMove: handleMouseMove,
-    contentEditable: false
-  }, rowsParams.map(({
-    startIndex,
-    endIndex
-  }, index) => /*#__PURE__*/React.createElement(Fragment, {
-    key: index
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      gridRow: `${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-${index}`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: ClassName.DRAG_ROW_FLOATING_INSERT_DOT
-  })), isDragging && /*#__PURE__*/React.createElement(RowDropTarget, {
-    key: `drop-target-${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: `${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());
+  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_CONTROLS,
+      style: {
+        gridTemplateRows: heights,
+        gridTemplateColumns: isDragging ?
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        `${dropTargetExtendedWidth}px 14px ${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
+        `-${dropTargetExtendedWidth + 2}px` : "var(--ds-space-negative-025, -2px)"
+      },
+      onMouseMove: handleMouseMove,
+      contentEditable: false
+    }, rowsParams.map(({
+      startIndex,
+      endIndex
+    }, index) => /*#__PURE__*/React.createElement(Fragment, {
+      key: index
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        gridRow: `${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-${index}`
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ClassName.DRAG_ROW_FLOATING_INSERT_DOT
+    })), isDragging && /*#__PURE__*/React.createElement(RowDropTarget, {
+      key: `drop-target-${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: `${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 const DragControls = injectIntl(DragControlsComponent);

package/dist/esm/types.js

@@ -152,7 +152,7 @@ export var TableCssClassName = _objectSpread(_objectSpread({}, TableSharedCssCla
   WITH_LAST_COLUMN_INSERT_LINE_INACTIVE: "".concat(tablePrefixSelector, "-last-column-insert-line__inactive"),
   WITH_RESIZE_LINE: "".concat(tablePrefixSelector, "-column-resize-line"),
   WITH_RESIZE_LINE_LAST_COLUMN: "".concat(tablePrefixSelector, "-column-resize-line-last-column"),
-  WITH_DRAG_RESIZE_LINE: "".concat(tablePrefixSelector, "-drag-column--resize-line"),
+  WITH_DRAG_RESIZE_LINE: "".concat(tablePrefixSelector, "-drag-column-resize-line"),
   WITH_DRAG_RESIZE_LINE_LAST_COLUMN: "".concat(tablePrefixSelector, "-drag-column-resize-line-last-column"),
   WITH_ROW_INSERT_LINE: "".concat(tablePrefixSelector, "-row-insert-line"),
   WITH_ROW_INSERT_LINE_INACTIVE: "".concat(tablePrefixSelector, "-row-insert-line__inactive"),

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

@@ -193,8 +193,12 @@ 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",
-    onMouseOver: onMouseOver,
+    "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: 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

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

@@ -688,37 +688,40 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
       var items = isDragAndDropEnabled ? this.createNewContextMenuItems() : this.createOriginalContextMenuItems();
       var isOpenAllowed = false;
       isOpenAllowed = isCellMenuOpenByKeyboard ? this.state.isOpenAllowed : isOpen;
-      return jsx("div", {
-        "data-testid": "table-cell-contextual-menu",
-        onMouseLeave: this.closeSubmenu,
-        ref: this.dropdownMenuRef
-      }, jsx(DropdownMenu, {
-        mountTo: mountPoint
-        //This needs be removed when the a11y is completely handled
-        //Disabling key navigation now as it works only partially
-        ,
-        arrowKeyNavigationProviderOptions: {
-          type: ArrowKeyNavigationType.MENU,
-          disableArrowKeyNavigation: !isCellMenuOpenByKeyboard || this.state.isSubmenuOpen
-        },
-        items: items,
-        isOpen: isOpenAllowed,
-        onOpenChange: this.handleOpenChange,
-        onItemActivated: this.onMenuItemActivated,
-        onMouseEnter: this.handleItemMouseEnter,
-        onMouseLeave: this.handleItemMouseLeave,
-        fitHeight: 188,
-        fitWidth: isDragAndDropEnabled ? contextualMenuDropdownWidthDnD : contextualMenuDropdownWidth,
-        shouldFocusFirstItem: function shouldFocusFirstItem() {
-          return Boolean(isCellMenuOpenByKeyboard);
-        },
-        boundariesElement: boundariesElement,
-        offset: offset,
-        section: isDragAndDropEnabled ? {
-          hasSeparator: true
-        } : undefined,
-        allowEnterDefaultBehavior: this.state.isSubmenuOpen
-      }));
+      return (
+        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+        jsx("div", {
+          "data-testid": "table-cell-contextual-menu",
+          onMouseLeave: this.closeSubmenu,
+          ref: this.dropdownMenuRef
+        }, jsx(DropdownMenu, {
+          mountTo: mountPoint
+          //This needs be removed when the a11y is completely handled
+          //Disabling key navigation now as it works only partially
+          ,
+          arrowKeyNavigationProviderOptions: {
+            type: ArrowKeyNavigationType.MENU,
+            disableArrowKeyNavigation: !isCellMenuOpenByKeyboard || this.state.isSubmenuOpen
+          },
+          items: items,
+          isOpen: isOpenAllowed,
+          onOpenChange: this.handleOpenChange,
+          onItemActivated: this.onMenuItemActivated,
+          onMouseEnter: this.handleItemMouseEnter,
+          onMouseLeave: this.handleItemMouseLeave,
+          fitHeight: 188,
+          fitWidth: isDragAndDropEnabled ? contextualMenuDropdownWidthDnD : contextualMenuDropdownWidth,
+          shouldFocusFirstItem: function shouldFocusFirstItem() {
+            return Boolean(isCellMenuOpenByKeyboard);
+          },
+          boundariesElement: boundariesElement,
+          offset: offset,
+          section: isDragAndDropEnabled ? {
+            hasSeparator: true
+          } : undefined,
+          allowEnterDefaultBehavior: this.state.isSubmenuOpen
+        }))
+      );
     }
   }]);
   return ContextualMenu;

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

@@ -8,32 +8,36 @@ var DeleteButton = function DeleteButton(_ref) {
     onMouseLeave = _ref.onMouseLeave,
     removeLabel = _ref.removeLabel,
     formatMessage = _ref.intl.formatMessage;
-  return /*#__PURE__*/React.createElement("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ClassName.CONTROLS_DELETE_BUTTON_WRAP
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: style,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    "aria-label": formatMessage(removeLabel, {
-      0: 1
-    })
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: ClassName.CONTROLS_DELETE_BUTTON,
-    onMouseDown: onClick,
-    onMouseMove: function onMouseMove(e) {
-      return e.preventDefault();
-    }
-  }, /*#__PURE__*/React.createElement("svg", {
-    className: ClassName.CONTROLS_BUTTON_ICON
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M12.242 10.828L9.414 8l2.828-2.829a.999.999 0 1 0-1.414-1.414L8 6.587l-2.829-2.83a1 1 0 0 0-1.414 1.414l2.83 2.83-2.83 2.827a1 1 0 0 0 1.414 1.414l2.83-2.828 2.827 2.828a.999.999 0 1 0 1.414-1.414",
-    fill: "currentColor",
-    fillRule: "evenodd"
-  }))));
+  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.CONTROLS_DELETE_BUTTON_WRAP
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      ,
+      style: style,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave
+    }, /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      "aria-label": formatMessage(removeLabel, {
+        0: 1
+      })
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: ClassName.CONTROLS_DELETE_BUTTON,
+      onMouseDown: onClick,
+      onMouseMove: function onMouseMove(e) {
+        return e.preventDefault();
+      }
+    }, /*#__PURE__*/React.createElement("svg", {
+      className: ClassName.CONTROLS_BUTTON_ICON
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M12.242 10.828L9.414 8l2.828-2.829a.999.999 0 1 0-1.414-1.414L8 6.587l-2.829-2.83a1 1 0 0 0-1.414 1.414l2.83 2.83-2.83 2.827a1 1 0 0 0 1.414 1.414l2.83-2.828 2.827 2.828a.999.999 0 1 0 1.414-1.414",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }))))
+  );
 };
 export default injectIntl(DeleteButton);

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", {