@atlaskit/editor-plugin-table 7.10.0 → 7.10.2

package/src/transforms/column-width.ts

@@ -6,6 +6,7 @@ import { AttrStep } from '@atlaskit/editor-prosemirror/transform';
 import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 import type { ResizeState } from '../pm-plugins/table-resizing/utils';
 import {
@@ -119,8 +120,15 @@ export const rescaleColumns =
 
     const newTable = tr.doc.nodeAt(table.pos);
     const domAtPos = view.domAtPos.bind(view);
-    const maybeTable = domAtPos(table.start).node as HTMLElement;
-    const tableRef = maybeTable.closest('table');
+    const maybeTable = domAtPos(table.start).node;
+    const maybeTableElement = getBooleanFF(
+      'platform.editor.explicit-html-element-check',
+    )
+      ? maybeTable instanceof HTMLElement
+        ? maybeTable
+        : null
+      : (maybeTable as HTMLElement | null);
+    const tableRef = maybeTableElement?.closest('table');
 
     if (!tableRef || !newTable) {
       return tr;

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

@@ -16,6 +16,7 @@ import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { CellSelection } from '@atlaskit/editor-tables';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { token } from '@atlaskit/tokens';
 
@@ -142,19 +143,35 @@ const DragControlsComponent = ({
 
   const handleMouseMove = useCallback(
     (e: MouseEvent) => {
-      const isParentDragControls = (e.nativeEvent.target as Element).closest(
-        `.${ClassName.DRAG_ROW_CONTROLS}`,
-      );
-      const rowIndex = (e.nativeEvent.target as Element).getAttribute(
-        'data-start-index',
-      );
+      if (getBooleanFF('platform.editor.explicit-html-element-check')) {
+        const target =
+          e.nativeEvent.target instanceof Element ? e.nativeEvent.target : null;
+        const isParentDragControls = target?.closest(
+          `.${ClassName.DRAG_ROW_CONTROLS}`,
+        );
+        const rowIndex = target?.getAttribute('data-start-index');
 
-      // avoid updating if event target is not related
-      if (!isParentDragControls || !rowIndex) {
-        return;
-      }
+        // avoid updating if event target is not related
+        if (!isParentDragControls || !rowIndex) {
+          return;
+        }
 
-      updateCellHoverLocation(Number(rowIndex));
+        updateCellHoverLocation(Number(rowIndex));
+      } else {
+        const isParentDragControls = (e.nativeEvent.target as Element).closest(
+          `.${ClassName.DRAG_ROW_CONTROLS}`,
+        );
+        const rowIndex = (e.nativeEvent.target as Element).getAttribute(
+          'data-start-index',
+        );
+
+        // avoid updating if event target is not related
+        if (!isParentDragControls || !rowIndex) {
+          return;
+        }
+
+        updateCellHoverLocation(Number(rowIndex));
+      }
     },
     [updateCellHoverLocation],
   );