@atlaskit/editor-plugin-table 7.16.8 → 7.16.10

package/dist/cjs/ui/FloatingDragMenu/DropdownMenu.js

@@ -93,69 +93,73 @@ var DropdownMenu = exports.DropdownMenu = function DropdownMenu(_ref) {
       }));
     })));
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "drag-dropdown-menu-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "drag-dropdown-menu-popup-ref",
-    ref: handleRef
-  }), /*#__PURE__*/_react.default.createElement(_ui.Popup, {
-    target: targetRefDiv,
-    mountTo: mountPoint,
-    boundariesElement: boundariesElement,
-    scrollableElement: scrollableElement,
-    onPlacementChanged: function onPlacementChanged(placement) {
-      setPopupPlacement(placement);
-    },
-    fitHeight: fitHeight,
-    fitWidth: fitWidth,
-    zIndex: _editorSharedStyles.akEditorFloatingPanelZIndex,
-    offset: [offsetX, offsetY],
-    allowOutOfBounds: true // required as this popup is child of a parent popup, should be allowed to be out of bound of the parent popup, otherwise horizontal offset is not right
-  }, disableKeyboardHandling ? innerMenu() : /*#__PURE__*/_react.default.createElement(_uiMenu.ArrowKeyNavigationProvider, {
-    closeOnTab: true,
-    type: _uiMenu.ArrowKeyNavigationType.MENU,
-    handleClose: function handleClose() {
-      return _handleClose('handle');
-    },
-    onSelection: function onSelection(index) {
-      var results = items.flatMap(function (item) {
-        return 'items' in item ? item.items : item;
-      });
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    _react.default.createElement("div", {
+      className: "drag-dropdown-menu-wrapper"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "drag-dropdown-menu-popup-ref",
+      ref: handleRef
+    }), /*#__PURE__*/_react.default.createElement(_ui.Popup, {
+      target: targetRefDiv,
+      mountTo: mountPoint,
+      boundariesElement: boundariesElement,
+      scrollableElement: scrollableElement,
+      onPlacementChanged: function onPlacementChanged(placement) {
+        setPopupPlacement(placement);
+      },
+      fitHeight: fitHeight,
+      fitWidth: fitWidth,
+      zIndex: _editorSharedStyles.akEditorFloatingPanelZIndex,
+      offset: [offsetX, offsetY],
+      allowOutOfBounds: true // required as this popup is child of a parent popup, should be allowed to be out of bound of the parent popup, otherwise horizontal offset is not right
+    }, disableKeyboardHandling ? innerMenu() : /*#__PURE__*/_react.default.createElement(_uiMenu.ArrowKeyNavigationProvider, {
+      closeOnTab: true,
+      type: _uiMenu.ArrowKeyNavigationType.MENU,
+      handleClose: function handleClose() {
+        return _handleClose('handle');
+      },
+      onSelection: function onSelection(index) {
+        var results = items.flatMap(function (item) {
+          return 'items' in item ? item.items : item;
+        });
 
-      // onSelection is called when any focusable element is 'activated'
-      // this is an issue as some menu items have toggles, which cause the index value
-      // in the callback to be outside of array length.
-      // The logic below normalises the index value based on the number
-      // of menu items with 2 focusable elements, and adjusts the index to ensure
-      // the correct menu item is sent in onItemActivated callback
-      var keys = ['row_numbers', 'header_row', 'header_column'];
-      var doubleItemCount = 0;
-      var firstIndex = results.findIndex(function (value) {
-        return keys.includes(value.key);
-      });
-      if (firstIndex === -1 || index <= firstIndex) {
-        onItemActivated && onItemActivated({
-          item: results[index]
+        // onSelection is called when any focusable element is 'activated'
+        // this is an issue as some menu items have toggles, which cause the index value
+        // in the callback to be outside of array length.
+        // The logic below normalises the index value based on the number
+        // of menu items with 2 focusable elements, and adjusts the index to ensure
+        // the correct menu item is sent in onItemActivated callback
+        var keys = ['row_numbers', 'header_row', 'header_column'];
+        var doubleItemCount = 0;
+        var firstIndex = results.findIndex(function (value) {
+          return keys.includes(value.key);
         });
-        return;
-      }
-      for (var i = firstIndex; i < results.length; i += 1) {
-        if (keys.includes(results[i].key)) {
-          doubleItemCount += 1;
-        }
-        if (firstIndex % 2 === 0 && index - doubleItemCount === i) {
+        if (firstIndex === -1 || index <= firstIndex) {
           onItemActivated && onItemActivated({
-            item: results[i]
+            item: results[index]
           });
           return;
         }
-        if (firstIndex % 2 === 1 && index - doubleItemCount === i) {
-          onItemActivated && onItemActivated({
-            item: results[i]
-          });
-          return;
+        for (var i = firstIndex; i < results.length; i += 1) {
+          if (keys.includes(results[i].key)) {
+            doubleItemCount += 1;
+          }
+          if (firstIndex % 2 === 0 && index - doubleItemCount === i) {
+            onItemActivated && onItemActivated({
+              item: results[i]
+            });
+            return;
+          }
+          if (firstIndex % 2 === 1 && index - doubleItemCount === i) {
+            onItemActivated && onItemActivated({
+              item: results[i]
+            });
+            return;
+          }
         }
       }
-    }
-  }, innerMenu())));
+    }, innerMenu())))
+  );
 };

package/dist/cjs/ui/FloatingInsertButton/InsertButton.js

@@ -75,12 +75,16 @@ var InsertButtonForDragAndDrop = exports.InsertButtonForDragAndDrop = function I
     }),
     position: "top"
   }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: (0, _classnames2.default)(_types.TableCssClassName.DRAG_CONTROLS_INSERT_BUTTON_INNER, (_classnames = {}, (0, _defineProperty2.default)(_classnames, _types.TableCssClassName.DRAG_CONTROLS_INSERT_BUTTON_INNER_ROW, isRow), (0, _defineProperty2.default)(_classnames, _types.TableCssClassName.DRAG_CONTROLS_INSERT_BUTTON_INNER_COLUMN, !isRow), _classnames))
   }, /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
+    type: "button"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: _types.TableCssClassName.DRAG_CONTROLS_INSERT_BUTTON,
     onMouseDown: onMouseDown
   }, /*#__PURE__*/_react.default.createElement("svg", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: _types.TableCssClassName.CONTROLS_BUTTON_ICON,
     width: "16",
     height: "16",
@@ -91,7 +95,10 @@ var InsertButtonForDragAndDrop = exports.InsertButtonForDragAndDrop = function I
     d: "M8 4C7.44771 4 7 4.44771 7 5V7H5C4.44771 7 4 7.44771 4 8C4 8.55229 4.44771 9 5 9H7V11C7 11.5523 7.44771 12 8 12C8.55229 12 9 11.5523 9 11V9H11C11.5523 9 12 8.55229 12 8C12 7.44771 11.5523 7 11 7H9V5C9 4.44771 8.55229 4 8 4Z",
     fill: "currentColor"
   })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: _types.TableCssClassName.CONTROLS_INSERT_LINE,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    className: _types.TableCssClassName.CONTROLS_INSERT_LINE
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: type === 'row' ? {
       width: getInsertLineWidth(tableRef, true),
       left: "var(--ds-space-150, 12px)"
@@ -102,11 +109,16 @@ var InsertButtonForDragAndDrop = exports.InsertButtonForDragAndDrop = function I
     }
   })));
   var floatingButtonClassName = isRow ? _types.TableCssClassName.CONTROLS_FLOATING_BUTTON_ROW : _types.TableCssClassName.CONTROLS_FLOATING_BUTTON_COLUMN;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: floatingButtonClassName
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_types.TableCssClassName.DRAG_CONTROLS_INSERT_BUTTON_WRAP, " ").concat(_types.TableCssClassName.CONTROLS_INSERT_ROW)
-  }, content));
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    _react.default.createElement("div", {
+      className: floatingButtonClassName
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: "".concat(_types.TableCssClassName.DRAG_CONTROLS_INSERT_BUTTON_WRAP, " ").concat(_types.TableCssClassName.CONTROLS_INSERT_ROW)
+    }, content))
+  );
 };
 var DragAndDropInsertButton = exports.DragAndDropInsertButton = (0, _reactIntlNext.injectIntl)(InsertButtonForDragAndDrop);
 var InsertButton = function InsertButton(_ref3) {
@@ -124,7 +136,9 @@ var InsertButton = function InsertButton(_ref3) {
   }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: _types.TableCssClassName.CONTROLS_INSERT_BUTTON_INNER
   }, /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
+    type: "button"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: _types.TableCssClassName.CONTROLS_INSERT_BUTTON,
     onMouseDown: onMouseDown
   }, /*#__PURE__*/_react.default.createElement("svg", {
@@ -134,7 +148,10 @@ var InsertButton = function InsertButton(_ref3) {
     fill: "currentColor",
     fillRule: "evenodd"
   })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: _types.TableCssClassName.CONTROLS_INSERT_LINE,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    className: _types.TableCssClassName.CONTROLS_INSERT_LINE
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: type === 'row' ? {
       width: getInsertLineWidth(tableRef)
     } : {
@@ -142,10 +159,15 @@ var InsertButton = function InsertButton(_ref3) {
     }
   })));
   var floatingButtonClassName = type === 'column' ? _types.TableCssClassName.CONTROLS_FLOATING_BUTTON_COLUMN : _types.TableCssClassName.CONTROLS_FLOATING_BUTTON_ROW;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: floatingButtonClassName
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_types.TableCssClassName.CONTROLS_INSERT_BUTTON_WRAP, " ").concat(_types.TableCssClassName.CONTROLS_INSERT_ROW)
-  }, content));
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    _react.default.createElement("div", {
+      className: floatingButtonClassName
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: "".concat(_types.TableCssClassName.CONTROLS_INSERT_BUTTON_WRAP, " ").concat(_types.TableCssClassName.CONTROLS_INSERT_ROW)
+    }, content))
+  );
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(InsertButton);

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

@@ -138,14 +138,23 @@ var ColumnControls = exports.ColumnControls = function ColumnControls(_ref) {
       key: type,
       style: {
         gridColumn: gridColumn,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         gridRow: '1',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         display: 'flex',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         justifyContent: 'center',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         alignItems: 'center',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         height: 'fit-content',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         placeSelf: 'center',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         zIndex: 99,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         width: '100%',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         position: 'relative'
       },
       "data-testid": "table-floating-column-".concat(isHover ? colIndex : isPlaceholder ? appearance : selectedColIndexes[0], "-drag-handle")
@@ -187,15 +196,19 @@ var ColumnControls = exports.ColumnControls = function ColumnControls(_ref) {
   };
   var containerWidth = isNumberColumnEnabled && tableContainerWidth ? tableContainerWidth - _editorSharedStyles.akEditorTableNumberColumnWidth : tableContainerWidth;
   return /*#__PURE__*/_react.default.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: _types.TableCssClassName.DRAG_COLUMN_CONTROLS,
     onMouseMove: handleMouseMove
   }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: columnControlsRef,
+    ref: columnControlsRef
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: _types.TableCssClassName.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
+      // 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,
@@ -210,12 +223,17 @@ var ColumnControls = exports.ColumnControls = function ColumnControls(_ref) {
         gridColumn: "".concat(startIndex + 1, " / span 1")
       },
       "data-start-index": startIndex,
-      "data-end-index": endIndex,
+      "data-end-index": endIndex
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: _types.TableCssClassName.DRAG_COLUMN_FLOATING_INSERT_DOT_WRAPPER,
       contentEditable: false,
       key: index
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _types.TableCssClassName.DRAG_COLUMN_FLOATING_INSERT_DOT,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: _types.TableCssClassName.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'
       } : {}

package/dist/cjs/ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget.js

@@ -89,7 +89,9 @@ var ColumnDropTarget = exports.ColumnDropTarget = function ColumnDropTarget(_ref
       height: height && "".concat(height, "px"),
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
       marginTop: marginTop && "".concat(marginTop, "px"),
+      // 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
       flexShrink: 0
     },
     "data-drop-target-index": index,

package/dist/cjs/ui/TableFloatingColumnControls/ColumnDropTargets/index.js

@@ -26,10 +26,13 @@ var ColumnDropTargets = exports.ColumnDropTargets = function ColumnDropTargets(_
     dropTargetRef.current.style.marginLeft = "-".concat((_getScrollOffset = getScrollOffset === null || getScrollOffset === void 0 ? void 0 : getScrollOffset()) !== null && _getScrollOffset !== void 0 ? _getScrollOffset : 0, "px");
   }
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: dropTargetRef,
+    ref: dropTargetRef
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: _types.TableCssClassName.DRAG_COLUMN_DROP_TARGET_CONTROLS,
     contentEditable: false
   }, /*#__PURE__*/_react.default.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: _types.TableCssClassName.DRAG_COLUMN_CONTROLS_INNER,
     "data-testid": "table-floating-column-controls-drop-targets"
   }, colWidths === null || colWidths === void 0 ? void 0 : colWidths.map(function (width, index) {

package/dist/cjs/ui/TableFloatingColumnControls/index.js

@@ -81,7 +81,9 @@ var TableFloatingColumnControls = exports.TableFloatingColumnControls = function
     containerRef === null || containerRef === void 0 || (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 || _containerRef$current2.style.removeProperty('top');
   }
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: containerRef,
+    ref: containerRef
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: _types.TableCssClassName.DRAG_COLUMN_CONTROLS_WRAPPER,
     "data-testid": "table-floating-column-controls-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_ColumnControls.ColumnControls, {

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

@@ -81,6 +81,7 @@ var CornerControlComponent = /*#__PURE__*/function (_Component) {
       }
       var isActive = this.isActive();
       return /*#__PURE__*/_react.default.createElement("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: (0, _classnames.default)(_types.TableCssClassName.CORNER_CONTROLS, {
           active: isActive,
           sticky: this.props.stickyTop !== undefined
@@ -92,18 +93,26 @@ var CornerControlComponent = /*#__PURE__*/function (_Component) {
         contentEditable: false
       }, /*#__PURE__*/_react.default.createElement("button", {
         "aria-label": formatMessage(_messages.tableMessages.cornerControl),
-        type: "button",
+        type: "button"
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: (0, _classnames.default)(_types.TableCssClassName.CONTROLS_CORNER_BUTTON, {
           danger: isActive && isInDanger
         }),
         onClick: this.selectTable,
         onMouseOver: this.hoverTable,
         onMouseOut: this.clearHoverSelection
-      }), !isHeaderRowEnabled && /*#__PURE__*/_react.default.createElement("div", {
+      }), !isHeaderRowEnabled &&
+      /*#__PURE__*/
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      _react.default.createElement("div", {
         className: _types.TableCssClassName.CORNER_CONTROLS_INSERT_ROW_MARKER
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: _types.TableCssClassName.CONTROLS_INSERT_MARKER
-      })), !isHeaderColumnEnabled && /*#__PURE__*/_react.default.createElement("div", {
+      })), !isHeaderColumnEnabled &&
+      /*#__PURE__*/
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      _react.default.createElement("div", {
         className: _types.TableCssClassName.CORNER_CONTROLS_INSERT_COLUMN_MARKER
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: _types.TableCssClassName.CONTROLS_INSERT_MARKER

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

@@ -43,6 +43,7 @@ var DragCornerControlsComponent = function DragCornerControlsComponent(_ref) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement("button", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: (0, _classnames.default)(_types.TableCssClassName.DRAG_CORNER_BUTTON, {
       active: isActive,
       danger: isActive && isInDanger
@@ -88,6 +89,7 @@ var DragCornerControlsComponentWithSelection = function DragCornerControlsCompon
     return null;
   }
   return /*#__PURE__*/_react.default.createElement("button", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: (0, _classnames.default)(_types.TableCssClassName.DRAG_CORNER_BUTTON, {
       active: isActive,
       danger: isActive && isInDanger

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

@@ -110,6 +110,7 @@ var NumberColumn = exports.default = /*#__PURE__*/function (_Component) {
         updateCellHoverLocation = _this$props5.updateCellHoverLocation;
       var rowHeights = (0, _utils2.getRowHeights)(tableRef);
       return /*#__PURE__*/_react.default.createElement("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: _types.TableCssClassName.NUMBERED_COLUMN,
         style: {
           // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
@@ -119,17 +120,25 @@ var NumberColumn = exports.default = /*#__PURE__*/function (_Component) {
         contentEditable: false
       }, rowHeights.map(function (rowHeight, index) {
         return isDragAndDropEnabled ? /*#__PURE__*/_react.default.createElement("div", {
-          key: "wrapper-".concat(index),
+          key: "wrapper-".concat(index)
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+          ,
           className: _this2.getClassNames(index, true),
-          "data-index": index,
+          "data-index": index
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          ,
           style: _this2.getCellStyles(index, rowHeight),
           onMouseOver: function onMouseOver() {
             return updateCellHoverLocation(index);
           }
         }, hasHeaderRow ? index > 0 ? index : null : index + 1) : /*#__PURE__*/_react.default.createElement("div", {
-          key: "wrapper-".concat(index),
+          key: "wrapper-".concat(index)
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+          ,
           className: _this2.getClassNames(index),
-          "data-index": index,
+          "data-index": index
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          ,
           style: _this2.getCellStyles(index, rowHeight),
           onClick: function onClick(event) {
             return _this2.selectRow(index, event);

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

@@ -62,50 +62,57 @@ var RowControlsComponent = /*#__PURE__*/function (_Component) {
       var rowsParams = (0, _utils.getRowsParams)(rowHeights);
       var firstRow = tableRef.querySelector('tr');
       var hasHeaderRow = firstRow ? firstRow.getAttribute('data-header-row') : false;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: _types.TableCssClassName.ROW_CONTROLS
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: _types.TableCssClassName.ROW_CONTROLS_INNER
-      }, rowsParams.map(function (_ref, index) {
-        var startIndex = _ref.startIndex,
-          endIndex = _ref.endIndex,
-          height = _ref.height;
-        // if previous row was header row, add its height to our margin
-        var marginTop = -1;
-        if (index === 1 && hasHeaderRow && _this2.props.stickyTop !== undefined) {
-          marginTop += rowHeights[index - 1] + _consts.tableToolbarSize;
-        }
-        var thisRowSticky = _this2.props.stickyTop !== undefined && index === 0 && hasHeaderRow;
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: "".concat(_types.TableCssClassName.ROW_CONTROLS_BUTTON_WRAP, " ").concat((0, _utils.getRowClassNames)(startIndex, selectionState || selection, hoveredRows, isInDanger, isResizing), " ").concat(thisRowSticky ? 'sticky' : ''),
-          key: startIndex,
-          style: {
-            // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-            height: height,
-            // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-            marginTop: "".concat(marginTop, "px"),
-            // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-            top: thisRowSticky ? "".concat(_this2.props.stickyTop + 3, "px") : undefined,
-            // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-            paddingTop: thisRowSticky ? "".concat(_consts.tableControlsSpacing, "px") : undefined
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        _react.default.createElement("div", {
+          className: _types.TableCssClassName.ROW_CONTROLS
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: _types.TableCssClassName.ROW_CONTROLS_INNER
+        }, rowsParams.map(function (_ref, index) {
+          var startIndex = _ref.startIndex,
+            endIndex = _ref.endIndex,
+            height = _ref.height;
+          // if previous row was header row, add its height to our margin
+          var marginTop = -1;
+          if (index === 1 && hasHeaderRow && _this2.props.stickyTop !== undefined) {
+            marginTop += rowHeights[index - 1] + _consts.tableToolbarSize;
           }
-        }, /*#__PURE__*/_react.default.createElement("button", {
-          "aria-label": formatMessage(_messages.tableMessages.rowControl),
-          type: "button",
-          className: "".concat(_types.TableCssClassName.ROW_CONTROLS_BUTTON, " ").concat(_types.TableCssClassName.CONTROLS_BUTTON),
-          onClick: function onClick(event) {
-            return _this2.props.selectRow(startIndex, event.shiftKey);
-          },
-          onMouseOver: function onMouseOver() {
-            return _this2.props.hoverRows([startIndex]);
-          },
-          onMouseOut: _this2.clearHoverSelection,
-          "data-start-index": startIndex,
-          "data-end-index": endIndex
-        }), /*#__PURE__*/_react.default.createElement("div", {
-          className: _types.TableCssClassName.CONTROLS_INSERT_MARKER
-        }));
-      })));
+          var thisRowSticky = _this2.props.stickyTop !== undefined && index === 0 && hasHeaderRow;
+          return /*#__PURE__*/_react.default.createElement("div", {
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+            className: "".concat(_types.TableCssClassName.ROW_CONTROLS_BUTTON_WRAP, " ").concat((0, _utils.getRowClassNames)(startIndex, selectionState || selection, hoveredRows, isInDanger, isResizing), " ").concat(thisRowSticky ? 'sticky' : ''),
+            key: startIndex,
+            style: {
+              // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+              height: height,
+              // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+              marginTop: "".concat(marginTop, "px"),
+              // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+              top: thisRowSticky ? "".concat(_this2.props.stickyTop + 3, "px") : undefined,
+              // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+              paddingTop: thisRowSticky ? "".concat(_consts.tableControlsSpacing, "px") : undefined
+            }
+          }, /*#__PURE__*/_react.default.createElement("button", {
+            "aria-label": formatMessage(_messages.tableMessages.rowControl),
+            type: "button"
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+            ,
+            className: "".concat(_types.TableCssClassName.ROW_CONTROLS_BUTTON, " ").concat(_types.TableCssClassName.CONTROLS_BUTTON),
+            onClick: function onClick(event) {
+              return _this2.props.selectRow(startIndex, event.shiftKey);
+            },
+            onMouseOver: function onMouseOver() {
+              return _this2.props.hoverRows([startIndex]);
+            },
+            onMouseOut: _this2.clearHoverSelection,
+            "data-start-index": startIndex,
+            "data-end-index": endIndex
+          }), /*#__PURE__*/_react.default.createElement("div", {
+            className: _types.TableCssClassName.CONTROLS_INSERT_MARKER
+          }));
+        })))
+      );
     }
   }]);
   return RowControlsComponent;

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

@@ -146,13 +146,18 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
       key: type,
       style: {
         gridRow: gridRow,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         gridColumn: '2',
         // DragHandle uses `transform: rotate(90)`, which doesn't affect its parent (this div) causing the width of this element to be the true height of the drag handle
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         display: 'flex',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         width: '9px',
+        // 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
         position: 'relative',
-        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         right: '-0.5px'
       },
       "data-testid": "table-floating-row-".concat(isHover ? rowIndex : selectedRowIndexes[0], "-drag-handle")
@@ -193,6 +198,7 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: _types.TableCssClassName.DRAG_ROW_CONTROLS,
     style: {
       gridTemplateRows: heights,
@@ -210,10 +216,13 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
     }, /*#__PURE__*/_react.default.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,
+      "data-end-index": endIndex
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: _types.TableCssClassName.DRAG_ROW_FLOATING_INSERT_DOT_WRAPPER,
       contentEditable: false,
       key: "insert-dot-".concat(index)
@@ -224,11 +233,16 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
       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)"
       }
     }));

package/dist/cjs/ui/TableFloatingControls/RowDropTarget/index.js

@@ -79,7 +79,9 @@ var RowDropTarget = function RowDropTarget(_ref) {
     });
   }, [index, localId]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: dropTargetRef,
+    ref: dropTargetRef
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: style,
     "data-drop-target-index": index,
     "data-drop-target-localid": localId,