@atlaskit/editor-plugin-table 7.25.8 → 7.25.10

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-table
 
+## 7.25.10
+
+### Patch Changes
+
+- [#133080](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/133080)
+  [`ad996e0558acc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ad996e0558acc) -
+  EO2024-19: Fixed table insert row dot finickiness"
+- Updated dependencies
+
+## 7.25.9
+
+### Patch Changes
+
+- [#131697](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/131697)
+  [`b62fbe67743eb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b62fbe67743eb) -
+  Clean up React 18 feature flags
+
 ## 7.25.8
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -360,7 +360,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   (0, _createClass2.default)(TableComponent, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this$props$pluginInj, _this$table2;
+      var _this$props$pluginInj, _this$table2, _this$table3;
       var _this$props7 = this.props,
         allowColumnResizing = _this$props7.allowColumnResizing,
         eventDispatcher = _this$props7.eventDispatcher,
@@ -376,10 +376,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         this === null || this === void 0 || (_this$table = this.table) === null || _this$table === void 0 || _this$table.addEventListener('mouseenter', this.handleMouseEnter);
       }
       this === null || this === void 0 || (_this$table2 = this.table) === null || _this$table2 === void 0 || _this$table2.addEventListener('mouseout', this.handleMouseOut);
-      if ((0, _platformFeatureFlags.fg)('platform_editor_react_18_table_column_resize_hover')) {
-        var _this$table3;
-        this === null || this === void 0 || (_this$table3 = this.table) === null || _this$table3 === void 0 || _this$table3.addEventListener('mouseover', this.handleMouseOver);
-      }
+      this === null || this === void 0 || (_this$table3 = this.table) === null || _this$table3 === void 0 || _this$table3.addEventListener('mouseover', this.handleMouseOver);
       var _getEditorFeatureFlag = getEditorFeatureFlags(),
         _getEditorFeatureFlag2 = _getEditorFeatureFlag.tableWithFixedColumnWidthsOption,
         tableWithFixedColumnWidthsOption = _getEditorFeatureFlag2 === void 0 ? false : _getEditorFeatureFlag2,
@@ -429,7 +426,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$resizeObserver, _this$table4, _this$table5;
+      var _this$resizeObserver, _this$table4, _this$table5, _this$table6;
       var _this$props8 = this.props,
         allowColumnResizing = _this$props8.allowColumnResizing,
         eventDispatcher = _this$props8.eventDispatcher,
@@ -462,10 +459,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }
       this === null || this === void 0 || (_this$table4 = this.table) === null || _this$table4 === void 0 || _this$table4.removeEventListener('mouseenter', this.handleMouseEnter);
       this === null || this === void 0 || (_this$table5 = this.table) === null || _this$table5 === void 0 || _this$table5.removeEventListener('mouseout', this.handleMouseOut);
-      if ((0, _platformFeatureFlags.fg)('platform_editor_react_18_table_column_resize_hover')) {
-        var _this$table6;
-        this === null || this === void 0 || (_this$table6 = this.table) === null || _this$table6 === void 0 || _this$table6.removeEventListener('mouseover', this.handleMouseOver);
-      }
+      this === null || this === void 0 || (_this$table6 = this.table) === null || _this$table6 === void 0 || _this$table6.removeEventListener('mouseover', this.handleMouseOver);
       if (this.overflowShadowsObserver) {
         this.overflowShadowsObserver.dispose();
       }

package/dist/cjs/nodeviews/table.js

@@ -275,13 +275,10 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
       if (type === 'selection' && (nodeName === null || nodeName === void 0 ? void 0 : nodeName.toUpperCase()) === 'TABLE' && ((firstChild === null || firstChild === void 0 ? void 0 : firstChild.nodeName.toUpperCase()) === 'COLGROUP' || (firstChild === null || firstChild === void 0 ? void 0 : firstChild.nodeName.toUpperCase()) === 'SPAN')) {
         return false;
       }
-      if ((0, _platformFeatureFlags.fg)('platform_editor_react_18_table_insertion_cursor')) {
-        if (!this.contentDOM) {
-          return true;
-        }
-        return !this.contentDOM.contains(mutation.target) && mutation.type !== 'selection';
+      if (!this.contentDOM) {
+        return true;
       }
-      return true;
+      return !this.contentDOM.contains(mutation.target) && mutation.type !== 'selection';
     }
   }, {
     key: "destroy",

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

@@ -14,7 +14,6 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _editorTables = require("@atlaskit/editor-tables");
 var _utils3 = require("@atlaskit/editor-tables/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _commands = require("../commands");
 var _columnResize = require("../commands/column-resize");
 var _misc = require("../commands/misc");
@@ -279,7 +278,6 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
         focus: _eventHandlers.handleFocus,
         blur: _eventHandlers.handleBlur,
         mousedown: (0, _eventHandlers.withCellTracking)(_eventHandlers.handleMouseDown),
-        mouseover: (0, _platformFeatureFlags.fg)('platform_editor_react_18_table_column_resize_hover') ? undefined : (0, _eventHandlers.withCellTracking)((0, _eventHandlers.whenTableInFocus)(_eventHandlers.handleMouseOver)),
         mouseleave: _eventHandlers.handleMouseLeave,
         mousemove: (0, _eventHandlers.whenTableInFocus)(_eventHandlers.handleMouseMove),
         mouseenter: _eventHandlers.handleMouseEnter,

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

@@ -175,7 +175,9 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
       left: isRow ? "var(--ds-space-050, 4px)" : undefined,
       bottom: isColumn ? "var(--ds-space-0, 0px)" : undefined,
       alignSelf: isColumn ? 'none' : 'center',
-      zIndex: isColumn ? '-1' : 'auto'
+      zIndex: isColumn ? '-1' : 'auto',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+      pointerEvents: 'auto'
     },
     onMouseUp: function onMouseUp(e) {
       // should toggle menu if current drag menu open.

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

@@ -146,7 +146,9 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
         // 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, @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        right: '-0.5px'
+        right: '-0.5px',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+        pointerEvents: 'none'
       },
       "data-testid": "table-floating-row-".concat(isHover ? rowIndex : selectedRowIndexes[0], "-drag-handle")
     }, /*#__PURE__*/_react.default.createElement(_DragHandle.DragHandle, {

package/dist/es2019/nodeviews/TableComponent.js

@@ -342,7 +342,7 @@ class TableComponent extends React.Component {
     }
   }
   componentDidMount() {
-    var _this$props$pluginInj, _this$props$pluginInj2, _this$table2;
+    var _this$props$pluginInj, _this$props$pluginInj2, _this$table2, _this$table3;
     const {
       allowColumnResizing,
       eventDispatcher,
@@ -360,10 +360,7 @@ class TableComponent extends React.Component {
       this === null || this === void 0 ? void 0 : (_this$table = this.table) === null || _this$table === void 0 ? void 0 : _this$table.addEventListener('mouseenter', this.handleMouseEnter);
     }
     this === null || this === void 0 ? void 0 : (_this$table2 = this.table) === null || _this$table2 === void 0 ? void 0 : _this$table2.addEventListener('mouseout', this.handleMouseOut);
-    if (fg('platform_editor_react_18_table_column_resize_hover')) {
-      var _this$table3;
-      this === null || this === void 0 ? void 0 : (_this$table3 = this.table) === null || _this$table3 === void 0 ? void 0 : _this$table3.addEventListener('mouseover', this.handleMouseOver);
-    }
+    this === null || this === void 0 ? void 0 : (_this$table3 = this.table) === null || _this$table3 === void 0 ? void 0 : _this$table3.addEventListener('mouseover', this.handleMouseOver);
     const {
       tableWithFixedColumnWidthsOption = false,
       stickyScrollbar
@@ -411,7 +408,7 @@ class TableComponent extends React.Component {
     }
   }
   componentWillUnmount() {
-    var _this$resizeObserver, _this$table4, _this$table5;
+    var _this$resizeObserver, _this$table4, _this$table5, _this$table6;
     const {
       allowColumnResizing,
       eventDispatcher,
@@ -446,10 +443,7 @@ class TableComponent extends React.Component {
     }
     this === null || this === void 0 ? void 0 : (_this$table4 = this.table) === null || _this$table4 === void 0 ? void 0 : _this$table4.removeEventListener('mouseenter', this.handleMouseEnter);
     this === null || this === void 0 ? void 0 : (_this$table5 = this.table) === null || _this$table5 === void 0 ? void 0 : _this$table5.removeEventListener('mouseout', this.handleMouseOut);
-    if (fg('platform_editor_react_18_table_column_resize_hover')) {
-      var _this$table6;
-      this === null || this === void 0 ? void 0 : (_this$table6 = this.table) === null || _this$table6 === void 0 ? void 0 : _this$table6.removeEventListener('mouseover', this.handleMouseOver);
-    }
+    this === null || this === void 0 ? void 0 : (_this$table6 = this.table) === null || _this$table6 === void 0 ? void 0 : _this$table6.removeEventListener('mouseover', this.handleMouseOver);
     if (this.overflowShadowsObserver) {
       this.overflowShadowsObserver.dispose();
     }

package/dist/es2019/nodeviews/table.js

@@ -244,13 +244,10 @@ export default class TableView extends ReactNodeView {
     if (type === 'selection' && (nodeName === null || nodeName === void 0 ? void 0 : nodeName.toUpperCase()) === 'TABLE' && ((firstChild === null || firstChild === void 0 ? void 0 : firstChild.nodeName.toUpperCase()) === 'COLGROUP' || (firstChild === null || firstChild === void 0 ? void 0 : firstChild.nodeName.toUpperCase()) === 'SPAN')) {
       return false;
     }
-    if (fg('platform_editor_react_18_table_insertion_cursor')) {
-      if (!this.contentDOM) {
-        return true;
-      }
-      return !this.contentDOM.contains(mutation.target) && mutation.type !== 'selection';
+    if (!this.contentDOM) {
+      return true;
     }
-    return true;
+    return !this.contentDOM.contains(mutation.target) && mutation.type !== 'selection';
   }
   destroy() {
     var _this$eventDispatcher;

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

@@ -6,11 +6,10 @@ import { browser, closestElement } from '@atlaskit/editor-common/utils';
 import { findParentDomRefOfType, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { addBoldInEmptyHeaderCells, clearHoverSelection, setTableRef } from '../commands';
 import { stopKeyboardColumnResizing } from '../commands/column-resize';
 import { removeResizeHandleDecorations, transformSliceRemoveCellBackgroundColor, transformSliceToAddTableHeaders, transformSliceToRemoveColumnsWidths } from '../commands/misc';
-import { handleBlur, handleClick, handleCut, handleFocus, handleMouseDown, handleMouseEnter, handleMouseLeave, handleMouseMove, handleMouseOver, handleMouseUp, handleTripleClick, whenTableInFocus, withCellTracking } from '../event-handlers';
+import { handleBlur, handleClick, handleCut, handleFocus, handleMouseDown, handleMouseEnter, handleMouseLeave, handleMouseMove, handleMouseUp, handleTripleClick, whenTableInFocus, withCellTracking } from '../event-handlers';
 import { lazyTableCellView, lazyTableHeaderView, lazyTableRowView, lazyTableView } from '../nodeviews/lazy-node-views';
 import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plugin';
 import { fixTables, replaceSelectedTable } from '../transforms';
@@ -277,7 +276,6 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
         focus: handleFocus,
         blur: handleBlur,
         mousedown: withCellTracking(handleMouseDown),
-        mouseover: fg('platform_editor_react_18_table_column_resize_hover') ? undefined : withCellTracking(whenTableInFocus(handleMouseOver)),
         mouseleave: handleMouseLeave,
         mousemove: whenTableInFocus(handleMouseMove),
         mouseenter: handleMouseEnter,

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

@@ -168,7 +168,9 @@ const DragHandleComponent = ({
       left: isRow ? `${"var(--ds-space-050, 4px)"}` : undefined,
       bottom: isColumn ? `${"var(--ds-space-0, 0px)"}` : undefined,
       alignSelf: isColumn ? 'none' : 'center',
-      zIndex: isColumn ? '-1' : 'auto'
+      zIndex: isColumn ? '-1' : 'auto',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+      pointerEvents: 'auto'
     },
     onMouseUp: e => {
       // should toggle menu if current drag menu open.

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

@@ -134,7 +134,9 @@ const DragControlsComponent = ({
         // 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, @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        right: '-0.5px'
+        right: '-0.5px',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+        pointerEvents: 'none'
       },
       "data-testid": `table-floating-row-${isHover ? rowIndex : selectedRowIndexes[0]}-drag-handle`
     }, /*#__PURE__*/React.createElement(DragHandle, {

package/dist/esm/nodeviews/TableComponent.js

@@ -353,7 +353,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   _createClass(TableComponent, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this$props$pluginInj, _this$table2;
+      var _this$props$pluginInj, _this$table2, _this$table3;
       var _this$props7 = this.props,
         allowColumnResizing = _this$props7.allowColumnResizing,
         eventDispatcher = _this$props7.eventDispatcher,
@@ -369,10 +369,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         this === null || this === void 0 || (_this$table = this.table) === null || _this$table === void 0 || _this$table.addEventListener('mouseenter', this.handleMouseEnter);
       }
       this === null || this === void 0 || (_this$table2 = this.table) === null || _this$table2 === void 0 || _this$table2.addEventListener('mouseout', this.handleMouseOut);
-      if (fg('platform_editor_react_18_table_column_resize_hover')) {
-        var _this$table3;
-        this === null || this === void 0 || (_this$table3 = this.table) === null || _this$table3 === void 0 || _this$table3.addEventListener('mouseover', this.handleMouseOver);
-      }
+      this === null || this === void 0 || (_this$table3 = this.table) === null || _this$table3 === void 0 || _this$table3.addEventListener('mouseover', this.handleMouseOver);
       var _getEditorFeatureFlag = getEditorFeatureFlags(),
         _getEditorFeatureFlag2 = _getEditorFeatureFlag.tableWithFixedColumnWidthsOption,
         tableWithFixedColumnWidthsOption = _getEditorFeatureFlag2 === void 0 ? false : _getEditorFeatureFlag2,
@@ -422,7 +419,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$resizeObserver, _this$table4, _this$table5;
+      var _this$resizeObserver, _this$table4, _this$table5, _this$table6;
       var _this$props8 = this.props,
         allowColumnResizing = _this$props8.allowColumnResizing,
         eventDispatcher = _this$props8.eventDispatcher,
@@ -455,10 +452,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }
       this === null || this === void 0 || (_this$table4 = this.table) === null || _this$table4 === void 0 || _this$table4.removeEventListener('mouseenter', this.handleMouseEnter);
       this === null || this === void 0 || (_this$table5 = this.table) === null || _this$table5 === void 0 || _this$table5.removeEventListener('mouseout', this.handleMouseOut);
-      if (fg('platform_editor_react_18_table_column_resize_hover')) {
-        var _this$table6;
-        this === null || this === void 0 || (_this$table6 = this.table) === null || _this$table6 === void 0 || _this$table6.removeEventListener('mouseover', this.handleMouseOver);
-      }
+      this === null || this === void 0 || (_this$table6 = this.table) === null || _this$table6 === void 0 || _this$table6.removeEventListener('mouseover', this.handleMouseOver);
       if (this.overflowShadowsObserver) {
         this.overflowShadowsObserver.dispose();
       }

package/dist/esm/nodeviews/table.js

@@ -268,13 +268,10 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
       if (type === 'selection' && (nodeName === null || nodeName === void 0 ? void 0 : nodeName.toUpperCase()) === 'TABLE' && ((firstChild === null || firstChild === void 0 ? void 0 : firstChild.nodeName.toUpperCase()) === 'COLGROUP' || (firstChild === null || firstChild === void 0 ? void 0 : firstChild.nodeName.toUpperCase()) === 'SPAN')) {
         return false;
       }
-      if (fg('platform_editor_react_18_table_insertion_cursor')) {
-        if (!this.contentDOM) {
-          return true;
-        }
-        return !this.contentDOM.contains(mutation.target) && mutation.type !== 'selection';
+      if (!this.contentDOM) {
+        return true;
       }
-      return true;
+      return !this.contentDOM.contains(mutation.target) && mutation.type !== 'selection';
     }
   }, {
     key: "destroy",

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

@@ -9,11 +9,10 @@ import { browser, closestElement } from '@atlaskit/editor-common/utils';
 import { findParentDomRefOfType, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { addBoldInEmptyHeaderCells, clearHoverSelection, setTableRef } from '../commands';
 import { stopKeyboardColumnResizing } from '../commands/column-resize';
 import { removeResizeHandleDecorations, transformSliceRemoveCellBackgroundColor, transformSliceToAddTableHeaders, transformSliceToRemoveColumnsWidths } from '../commands/misc';
-import { handleBlur, handleClick, handleCut, handleFocus, handleMouseDown, handleMouseEnter, handleMouseLeave, handleMouseMove, handleMouseOver, handleMouseUp, handleTripleClick, whenTableInFocus, withCellTracking } from '../event-handlers';
+import { handleBlur, handleClick, handleCut, handleFocus, handleMouseDown, handleMouseEnter, handleMouseLeave, handleMouseMove, handleMouseUp, handleTripleClick, whenTableInFocus, withCellTracking } from '../event-handlers';
 import { lazyTableCellView, lazyTableHeaderView, lazyTableRowView, lazyTableView } from '../nodeviews/lazy-node-views';
 import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plugin';
 import { fixTables, replaceSelectedTable } from '../transforms';
@@ -272,7 +271,6 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
         focus: handleFocus,
         blur: handleBlur,
         mousedown: withCellTracking(handleMouseDown),
-        mouseover: fg('platform_editor_react_18_table_column_resize_hover') ? undefined : withCellTracking(whenTableInFocus(handleMouseOver)),
         mouseleave: handleMouseLeave,
         mousemove: whenTableInFocus(handleMouseMove),
         mouseenter: handleMouseEnter,

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

@@ -165,7 +165,9 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
       left: isRow ? "var(--ds-space-050, 4px)" : undefined,
       bottom: isColumn ? "var(--ds-space-0, 0px)" : undefined,
       alignSelf: isColumn ? 'none' : 'center',
-      zIndex: isColumn ? '-1' : 'auto'
+      zIndex: isColumn ? '-1' : 'auto',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+      pointerEvents: 'auto'
     },
     onMouseUp: function onMouseUp(e) {
       // should toggle menu if current drag menu open.

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

@@ -136,7 +136,9 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
         // 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, @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        right: '-0.5px'
+        right: '-0.5px',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+        pointerEvents: 'none'
       },
       "data-testid": "table-floating-row-".concat(isHover ? rowIndex : selectedRowIndexes[0], "-drag-handle")
     }, /*#__PURE__*/React.createElement(DragHandle, {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "7.25.8",
+	"version": "7.25.10",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,10 +31,10 @@
 		"@atlaskit/adf-schema": "^40.8.1",
 		"@atlaskit/button": "^20.1.0",
 		"@atlaskit/custom-steps": "^0.7.0",
-		"@atlaskit/editor-common": "^87.13.0",
+		"@atlaskit/editor-common": "^88.0.0",
 		"@atlaskit/editor-palette": "1.6.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^1.2.0",
-		"@atlaskit/editor-plugin-analytics": "^1.7.0",
+		"@atlaskit/editor-plugin-analytics": "^1.8.0",
 		"@atlaskit/editor-plugin-content-insertion": "^1.8.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
 		"@atlaskit/editor-plugin-guideline": "^1.2.0",
@@ -43,7 +43,7 @@
 		"@atlaskit/editor-prosemirror": "5.0.1",
 		"@atlaskit/editor-shared-styles": "^2.13.0",
 		"@atlaskit/editor-tables": "^2.8.0",
-		"@atlaskit/icon": "^22.13.0",
+		"@atlaskit/icon": "^22.14.0",
 		"@atlaskit/menu": "^2.12.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.3.0",
@@ -119,12 +119,6 @@
 		},
 		"platform_editor_announce_cell_options_hotkeys": {
 			"type": "boolean"
-		},
-		"platform_editor_react_18_table_column_resize_hover": {
-			"type": "boolean"
-		},
-		"platform_editor_react_18_table_insertion_cursor": {
-			"type": "boolean"
 		}
 	}
 }

package/src/nodeviews/TableComponent.tsx

@@ -225,9 +225,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 
 		this?.table?.addEventListener('mouseout', this.handleMouseOut);
 
-		if (fg('platform_editor_react_18_table_column_resize_hover')) {
-			this?.table?.addEventListener('mouseover', this.handleMouseOver);
-		}
+		this?.table?.addEventListener('mouseover', this.handleMouseOver);
 
 		const { tableWithFixedColumnWidthsOption = false, stickyScrollbar } = getEditorFeatureFlags();
 
@@ -333,9 +331,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 
 		this?.table?.removeEventListener('mouseout', this.handleMouseOut);
 
-		if (fg('platform_editor_react_18_table_column_resize_hover')) {
-			this?.table?.removeEventListener('mouseover', this.handleMouseOver);
-		}
+		this?.table?.removeEventListener('mouseover', this.handleMouseOver);
 
 		if (this.overflowShadowsObserver) {
 			this.overflowShadowsObserver.dispose();

package/src/nodeviews/table.tsx

@@ -340,14 +340,10 @@ export default class TableView extends ReactNodeView<Props> {
 			return false;
 		}
 
-		if (fg('platform_editor_react_18_table_insertion_cursor')) {
-			if (!this.contentDOM) {
-				return true;
-			}
-			return !this.contentDOM.contains(mutation.target) && mutation.type !== 'selection';
+		if (!this.contentDOM) {
+			return true;
 		}
-
-		return true;
+		return !this.contentDOM.contains(mutation.target) && mutation.type !== 'selection';
 	}
 
 	destroy() {

package/src/pm-plugins/main.ts

@@ -25,7 +25,6 @@ import { findParentDomRefOfType, findParentNodeOfType } from '@atlaskit/editor-p
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { TableMap } from '@atlaskit/editor-tables';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 
 import { addBoldInEmptyHeaderCells, clearHoverSelection, setTableRef } from '../commands';
 import { stopKeyboardColumnResizing } from '../commands/column-resize';
@@ -44,7 +43,6 @@ import {
 	handleMouseEnter,
 	handleMouseLeave,
 	handleMouseMove,
-	handleMouseOver,
 	handleMouseUp,
 	handleTripleClick,
 	whenTableInFocus,
@@ -371,9 +369,6 @@ export const createPlugin = (
 				focus: handleFocus,
 				blur: handleBlur,
 				mousedown: withCellTracking(handleMouseDown),
-				mouseover: fg('platform_editor_react_18_table_column_resize_hover')
-					? undefined
-					: withCellTracking(whenTableInFocus(handleMouseOver)),
 				mouseleave: handleMouseLeave,
 				mousemove: whenTableInFocus(handleMouseMove),
 				mouseenter: handleMouseEnter,

package/src/ui/DragHandle/index.tsx

@@ -212,6 +212,8 @@ const DragHandleComponent = ({
 					bottom: isColumn ? `${token('space.0', '0px')}` : undefined,
 					alignSelf: isColumn ? 'none' : 'center',
 					zIndex: isColumn ? '-1' : 'auto',
+					// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+					pointerEvents: 'auto',
 				}}
 				onMouseUp={(e) => {
 					// should toggle menu if current drag menu open.

package/src/ui/TableFloatingControls/RowControls/DragControls.tsx

@@ -195,6 +195,8 @@ const DragControlsComponent = ({
 					position: 'relative',
 					// 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',
+					// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+					pointerEvents: 'none',
 				}}
 				data-testid={`table-floating-row-${isHover ? rowIndex : selectedRowIndexes[0]}-drag-handle`}
 			>