@atlaskit/editor-plugin-table 8.1.1 → 8.2.0

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.0",
 	"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.8.0",
 		"@atlaskit/editor-palette": "1.6.3",
 		"@atlaskit/editor-plugin-accessibility-utils": "^1.2.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
@@ -49,7 +49,7 @@
 		"@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",

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