@atlaskit/editor-plugin-table 17.3.20 → 17.3.22

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

@@ -11,6 +11,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';
@@ -141,18 +142,18 @@ 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)
-          // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-          ,
+          style: _this2.getCellStyles(index, rowHeight),
+          onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? function () {
+            return updateCellHoverLocation(index);
+          } : undefined,
           onMouseOver: function onMouseOver() {
             return 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-".concat(index)
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           ,
@@ -163,15 +164,22 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
           style: _this2.getCellStyles(index, rowHeight),
           onClick: function onClick(event) {
             return _this2.selectRow(index, event);
-          }
-          // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-          ,
+          },
+          onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? function () {
+            return _this2.hoverRows(index);
+          } : undefined,
           onMouseOver: function onMouseOver() {
             return _this2.hoverRows(index);
-          }
-          // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-          ,
-          onMouseOut: _this2.clearHoverSelection
+          },
+          tabIndex: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? 0 : undefined,
+          onKeyDown: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? function (event) {
+            if (event.key === 'Enter' || event.key === ' ') {
+              event.preventDefault();
+              _this2.selectRow(index, event);
+            }
+          } : undefined,
+          onMouseOut: _this2.clearHoverSelection,
+          onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? _this2.clearHoverSelection : undefined
         }, hasHeaderRow ? index > 0 ? index : null : index + 1);
       }));
     }

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

@@ -9,6 +9,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 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';
@@ -93,15 +94,15 @@ 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 @atlassian/a11y/mouse-events-have-key-events
-            ,
+            },
             onMouseOver: function onMouseOver() {
               return _this2.props.hoverRows([startIndex]);
-            }
-            // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-            ,
+            },
+            onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? function () {
+              return _this2.props.hoverRows([startIndex]);
+            } : undefined,
             onMouseOut: _this2.clearHoverSelection,
+            onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? _this2.clearHoverSelection : undefined,
             "data-start-index": startIndex,
             "data-end-index": endIndex
           }), /*#__PURE__*/React.createElement("div", {

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

@@ -177,6 +177,8 @@ export var DragControls = function DragControls(_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/index.js

@@ -100,6 +100,7 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
     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: function onMouseDown(e) {
       return !isDragAndDropEnabled && e.preventDefault();
     }

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

@@ -1,4 +1,4 @@
-import type { MouseEventHandler } from 'react';
+import type { MouseEventHandler, FocusEventHandler } from 'react';
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -13,7 +13,9 @@ type DragHandleProps = {
     hoveredCell?: CellHoverMeta;
     indexes: number[];
     isDragMenuTarget: boolean;
+    onBlur?: FocusEventHandler;
     onClick?: MouseEventHandler;
+    onFocus?: FocusEventHandler;
     onMouseOut?: MouseEventHandler;
     onMouseOver?: MouseEventHandler;
     previewHeight?: number;

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

@@ -1,4 +1,4 @@
-import type { MouseEventHandler } from 'react';
+import type { MouseEventHandler, FocusEventHandler } from 'react';
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -13,7 +13,9 @@ type DragHandleProps = {
     hoveredCell?: CellHoverMeta;
     indexes: number[];
     isDragMenuTarget: boolean;
+    onBlur?: FocusEventHandler;
     onClick?: MouseEventHandler;
+    onFocus?: FocusEventHandler;
     onMouseOut?: MouseEventHandler;
     onMouseOver?: MouseEventHandler;
     previewHeight?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "17.3.20",
+	"version": "17.3.22",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^7.0.0",
 		"@atlaskit/editor-plugin-content-insertion": "^7.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^9.0.0",
-		"@atlaskit/editor-plugin-extension": "10.1.2",
+		"@atlaskit/editor-plugin-extension": "10.1.4",
 		"@atlaskit/editor-plugin-guideline": "^7.0.0",
 		"@atlaskit/editor-plugin-interaction": "^14.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^4.0.0",
@@ -57,7 +57,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^26.0.0",
+		"@atlaskit/tmp-editor-statsig": "^28.0.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",