@atlaskit/editor-plugin-table 15.3.8 → 15.3.10

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-table
 
+## 15.3.10
+
+### Patch Changes
+
+- [`b31ba91cf1c16`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b31ba91cf1c16) -
+  Remove platform_editor_table_paste_in_dark_mode feature gate and enable dark mode table paste fix
+  permanently
+
+## 15.3.9
+
+### Patch Changes
+
+- [`b504b21832b1f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b504b21832b1f) -
+  Removed feature gate platform_editor_table_overflow_in_full_width_fix
+- Updated dependencies
+
 ## 15.3.8
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponentLegacy.js

@@ -675,7 +675,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var containerWidthValue = containerWidth.width,
         containerLineLength = containerWidth.lineLength;
       var isLineLengthChanged = ((_this$containerWidth = this.containerWidth) === null || _this$containerWidth === void 0 ? void 0 : _this$containerWidth.lineLength) !== containerLineLength;
-      var isFullWidthModeAndLineLengthChanged = this.updateColGroupFromFullWidthChange && isLineLengthChanged && (0, _platformFeatureFlags.fg)('platform_editor_table_overflow_in_full_width_fix');
+      var isFullWidthModeAndLineLengthChanged = this.updateColGroupFromFullWidthChange && isLineLengthChanged;
       var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth && !(options !== null && options !== void 0 && options.isCommentEditor) || isNumberColumnChanged || isNumberOfColumnsChanged || this.state.windowResized;
       if (force || maybeScale || isFullWidthModeAndLineLengthChanged) {
         var _this$containerWidth2, _this$props$options3, _this$props$options4, _this$props$options5;

package/dist/cjs/nodeviews/TableComponentNext.js

@@ -609,7 +609,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var containerWidthValue = containerWidth.width,
         containerLineLength = containerWidth.lineLength;
       var isLineLengthChanged = ((_this$containerWidth = this.containerWidth) === null || _this$containerWidth === void 0 ? void 0 : _this$containerWidth.lineLength) !== containerLineLength;
-      var isFullWidthModeAndLineLengthChanged = this.updateColGroupFromFullWidthChange && isLineLengthChanged && (0, _platformFeatureFlags.fg)('platform_editor_table_overflow_in_full_width_fix');
+      var isFullWidthModeAndLineLengthChanged = this.updateColGroupFromFullWidthChange && isLineLengthChanged;
       var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth && !(options !== null && options !== void 0 && options.isCommentEditor) || isNumberColumnChanged || isNumberOfColumnsChanged || this.state.windowResized;
       if (force || maybeScale || isFullWidthModeAndLineLengthChanged) {
         var _this$containerWidth2, _this$props$options3, _this$props$options4, _this$props$options5;

package/dist/cjs/nodeviews/table.js

@@ -19,7 +19,6 @@ var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/rea
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _createPluginConfig = require("../pm-plugins/create-plugin-config");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
 var _tableWidth = require("../pm-plugins/table-width");
@@ -294,8 +293,6 @@ var createTableView = exports.createTableView = function createTableView(node, v
   var _pluginInjectionApi$t;
   var _getPluginState2 = (0, _pluginFactory.getPluginState)(view.state),
     pluginConfig = _getPluginState2.pluginConfig,
-    isFullWidthModeEnabled = _getPluginState2.isFullWidthModeEnabled,
-    wasFullWidthModeEnabled = _getPluginState2.wasFullWidthModeEnabled,
     isDragAndDropEnabled = _getPluginState2.isDragAndDropEnabled,
     isTableScalingEnabled = _getPluginState2.isTableScalingEnabled;
 
@@ -319,8 +316,8 @@ var createTableView = exports.createTableView = function createTableView(node, v
     eventDispatcher: eventDispatcher,
     getPos: getPos,
     options: {
-      isFullWidthModeEnabled: (0, _platformFeatureFlags.fg)('platform_editor_table_overflow_in_full_width_fix') ? tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled : isFullWidthModeEnabled,
-      wasFullWidthModeEnabled: (0, _platformFeatureFlags.fg)('platform_editor_table_overflow_in_full_width_fix') ? tableState === null || tableState === void 0 ? void 0 : tableState.wasFullWidthModeEnabled : wasFullWidthModeEnabled,
+      isFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled,
+      wasFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.wasFullWidthModeEnabled,
       isDragAndDropEnabled: isDragAndDropEnabled,
       isTableScalingEnabled: isTableScalingEnabled,
       // same as options.isTableScalingEnabled

package/dist/cjs/pm-plugins/main.js

@@ -241,7 +241,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
         // from the paste slice
         if (!pluginConfig.allowBackgroundColor) {
           slice = (0, _misc.transformSliceRemoveCellBackgroundColor)(slice, schema);
-        } else if ((0, _platformFeatureFlags.fg)('platform_editor_table_paste_in_dark_mode')) {
+        } else {
           slice = (0, _misc.transformSliceToFixDarkModeDefaultBackgroundColor)(slice, schema);
         }
         slice = (0, _transforms.transformSliceToRemoveOpenNestedExpand)(slice, schema);

package/dist/cjs/pm-plugins/utils/paste.js

@@ -116,7 +116,7 @@ var transformSliceToRemoveNestedTables = exports.transformSliceToRemoveNestedTab
 
         // paste of table cells into a table cell - content is spread across multiple cells
         // by editor-tables so needs to be treated a little differently
-        if (isCellPaste || isCellSelection && (0, _platformFeatureFlags.fg)('platform_editor_nested_tables_cellselection_paste')) {
+        if (isCellPaste || isCellSelection) {
           allowedTableNesting = 1;
           if (isPasteInNestedTable) {
             allowedTableNesting = 0;
@@ -142,7 +142,7 @@ var transformSliceToRemoveNestedTables = exports.transformSliceToRemoveNestedTab
         allowedTableNesting = 0;
       }
     }
-    if (isCellSelection && !isCellPaste && (0, _platformFeatureFlags.fg)('platform_editor_nested_tables_cellselection_paste')) {
+    if (isCellSelection && !isCellPaste) {
       // if pasting into a cell selection, we need to flatten the parent table as well
       return _unwrapNestedTables(_model.Fragment.fromArray([node]), schema, allowedTableNesting);
     } else {

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

@@ -766,42 +766,39 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       var isOpenAllowed = false;
       isOpenAllowed = isCellMenuOpenByKeyboard ? this.state.isOpenAllowed : isOpen;
       var popupContent = function popupContent() {
-        return (
-          // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-          (0, _react2.jsx)("div", {
-            "data-testid": "table-cell-contextual-menu"
-            // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-            ,
-            onMouseLeave: _this2.closeSubmenu,
-            ref: _this2.dropdownMenuRef
-          }, (0, _react2.jsx)(_uiMenu.DropdownMenu, {
-            mountTo: (0, _platformFeatureFlags.fg)('platform_editor_fix_table_menus_jira') ? undefined : mountPoint
-            //This needs be removed when the a11y is completely handled
-            //Disabling key navigation now as it works only partially
-            ,
-            arrowKeyNavigationProviderOptions: {
-              type: _uiMenu.ArrowKeyNavigationType.MENU,
-              disableArrowKeyNavigation: !isCellMenuOpenByKeyboard || _this2.state.isSubmenuOpen
-            },
-            items: items,
-            isOpen: isOpenAllowed,
-            onOpenChange: _this2.handleOpenChange,
-            onItemActivated: _this2.onMenuItemActivated,
-            onMouseEnter: _this2.handleItemMouseEnter,
-            onMouseLeave: _this2.handleItemMouseLeave,
-            fitHeight: 188,
-            fitWidth: isDragAndDropEnabled ? _consts.contextualMenuDropdownWidthDnD : _consts.contextualMenuDropdownWidth,
-            shouldFocusFirstItem: function shouldFocusFirstItem() {
-              return Boolean(isCellMenuOpenByKeyboard);
-            },
-            boundariesElement: boundariesElement,
-            offset: offset,
-            section: isDragAndDropEnabled ? {
-              hasSeparator: true
-            } : undefined,
-            allowEnterDefaultBehavior: _this2.state.isSubmenuOpen
-          }))
-        );
+        return (0, _react2.jsx)("div", {
+          "data-testid": "table-cell-contextual-menu"
+          // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+          ,
+          onMouseLeave: _this2.closeSubmenu,
+          ref: _this2.dropdownMenuRef
+        }, (0, _react2.jsx)(_uiMenu.DropdownMenu, {
+          mountTo: (0, _platformFeatureFlags.fg)('platform_editor_fix_table_menus_jira') ? undefined : mountPoint
+          //This needs be removed when the a11y is completely handled
+          //Disabling key navigation now as it works only partially
+          ,
+          arrowKeyNavigationProviderOptions: {
+            type: _uiMenu.ArrowKeyNavigationType.MENU,
+            disableArrowKeyNavigation: !isCellMenuOpenByKeyboard || _this2.state.isSubmenuOpen
+          },
+          items: items,
+          isOpen: isOpenAllowed,
+          onOpenChange: _this2.handleOpenChange,
+          onItemActivated: _this2.onMenuItemActivated,
+          onMouseEnter: _this2.handleItemMouseEnter,
+          onMouseLeave: _this2.handleItemMouseLeave,
+          fitHeight: 188,
+          fitWidth: isDragAndDropEnabled ? _consts.contextualMenuDropdownWidthDnD : _consts.contextualMenuDropdownWidth,
+          shouldFocusFirstItem: function shouldFocusFirstItem() {
+            return Boolean(isCellMenuOpenByKeyboard);
+          },
+          boundariesElement: boundariesElement,
+          offset: offset,
+          section: isDragAndDropEnabled ? {
+            hasSeparator: true
+          } : undefined,
+          allowEnterDefaultBehavior: _this2.state.isSubmenuOpen
+        }));
       };
       if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_user_intent', 'isEnabled', true)) {
         return (0, _react2.jsx)(_userIntent.UserIntentPopupWrapper, {

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

@@ -15,40 +15,36 @@ var DeleteButton = function DeleteButton(_ref) {
     onMouseLeave = _ref.onMouseLeave,
     removeLabel = _ref.removeLabel,
     formatMessage = _ref.intl.formatMessage;
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-    _react.default.createElement("div", {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      className: _types.TableCssClassName.CONTROLS_DELETE_BUTTON_WRAP
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      ,
-      style: style
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseEnter: onMouseEnter
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseLeave: onMouseLeave
-    }, /*#__PURE__*/_react.default.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: _types.TableCssClassName.CONTROLS_DELETE_BUTTON,
-      onMouseDown: onClick,
-      onMouseMove: function onMouseMove(e) {
-        return e.preventDefault();
-      }
-    }, /*#__PURE__*/_react.default.createElement("svg", {
-      className: _types.TableCssClassName.CONTROLS_BUTTON_ICON
-    }, /*#__PURE__*/_react.default.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__*/_react.default.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    className: _types.TableCssClassName.CONTROLS_DELETE_BUTTON_WRAP
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style: style
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
+    onMouseEnter: onMouseEnter
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
+    onMouseLeave: onMouseLeave
+  }, /*#__PURE__*/_react.default.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: _types.TableCssClassName.CONTROLS_DELETE_BUTTON,
+    onMouseDown: onClick,
+    onMouseMove: function onMouseMove(e) {
+      return e.preventDefault();
+    }
+  }, /*#__PURE__*/_react.default.createElement("svg", {
+    className: _types.TableCssClassName.CONTROLS_BUTTON_ICON
+  }, /*#__PURE__*/_react.default.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"
+  }))));
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(DeleteButton);

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

@@ -215,55 +215,51 @@ var ColumnControls = exports.ColumnControls = function ColumnControls(_ref) {
     return handles;
   };
   var containerWidth = isNumberColumnEnabled && tableContainerWidth ? tableContainerWidth - _editorSharedStyles.akEditorTableNumberColumnWidth : tableContainerWidth;
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-    _react.default.createElement("div", {
+  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
+    // 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, @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.default.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: _types.TableCssClassName.DRAG_COLUMN_CONTROLS,
-      onMouseMove: handleMouseMove
+      ,
+      className: _types.TableCssClassName.DRAG_COLUMN_FLOATING_INSERT_DOT_WRAPPER,
+      contentEditable: false
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/no-array-index-key
+      ,
+      key: index
     }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: columnControlsRef
       // 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
       ,
-      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, @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.default.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: _types.TableCssClassName.DRAG_COLUMN_FLOATING_INSERT_DOT_WRAPPER,
-        contentEditable: false
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/no-array-index-key
-        ,
-        key: index
-      }, /*#__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_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/cjs/ui/TableFloatingControls/NumberColumn/index.js

@@ -140,10 +140,7 @@ var NumberColumn = exports.default = /*#__PURE__*/function (_Component) {
         },
         contentEditable: false
       }, rowHeights.map(function (rowHeight, index) {
-        return isDragAndDropEnabled ?
-        /*#__PURE__*/
-        // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-        _react.default.createElement("div", {
+        return isDragAndDropEnabled ? /*#__PURE__*/_react.default.createElement("div", {
           // Ignored via go/ees005
           // eslint-disable-next-line react/no-array-index-key
           key: "wrapper-".concat(index)

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

@@ -201,73 +201,69 @@ var DragControls = exports.DragControls = function DragControls(_ref) {
   if (isResizing) {
     return null;
   }
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-    _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,
-        gridTemplateColumns: isDragging ? // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-        "".concat(_consts.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(_consts.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__*/
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/no-array-index-key
-        _react.default.createElement(_react.Fragment, {
-          key: index
-        }, /*#__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
-          // 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
-          // Ignored via go/ees005
-          // eslint-disable-next-line react/no-array-index-key
-          ,
-          key: "insert-dot-".concat(index)
-        }, /*#__PURE__*/_react.default.createElement("div", {
-          className: _types.TableCssClassName.DRAG_ROW_FLOATING_INSERT_DOT
-        })), isDragging && /*#__PURE__*/_react.default.createElement(_RowDropTarget.default
+  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,
+      gridTemplateColumns: isDragging ? // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      "".concat(_consts.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(_consts.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__*/
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/no-array-index-key
+      _react.default.createElement(_react.Fragment, {
+        key: index
+      }, /*#__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
+        // 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
         // Ignored via go/ees005
         // eslint-disable-next-line react/no-array-index-key
-        , {
-          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())
-  );
+        ,
+        key: "insert-dot-".concat(index)
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _types.TableCssClassName.DRAG_ROW_FLOATING_INSERT_DOT
+      })), isDragging && /*#__PURE__*/_react.default.createElement(_RowDropTarget.default
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/no-array-index-key
+      , {
+        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());
 };
 var DragControlsWithSelection = exports.DragControlsWithSelection = function DragControlsWithSelection(_ref5) {
   var editorView = _ref5.editorView,