@atlaskit/editor-plugin-table 7.10.0 → 7.10.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-table
 
+## 7.10.2
+
+### Patch Changes
+
+- [#95062](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/95062) [`06171107f90c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/06171107f90c) - Cleanup analytics moved event feature flag.
+
+## 7.10.1
+
+### Patch Changes
+
+- [#92552](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92552) [`7cd874b858c8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7cd874b858c8) - Check target elements are actually HTMLElement rather than typecasting.
+
 ## 7.10.0
 
 ### Minor Changes

package/dist/cjs/commands/column-resize.js

@@ -182,7 +182,13 @@ var changeColumnWidthByStep = exports.changeColumnWidthByStep = function changeC
     var map = _editorTables.TableMap.get(originalTable);
     var domAtPos = view.domAtPos.bind(view);
     var colIndex = map.colCount($cell.pos - tableStartPosition) + ($cell.nodeAfter ? $cell.nodeAfter.attrs.colspan : 1) - 1;
-    var dom = domAtPos(tableStartPosition).node;
+    var dom = null;
+    if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.explicit-html-element-check')) {
+      var domAtPosition = domAtPos(tableStartPosition);
+      dom = domAtPosition.node instanceof HTMLTableElement ? domAtPosition.node : null;
+    } else {
+      dom = domAtPos(tableStartPosition).node;
+    }
     if (dom && dom.nodeName !== 'TABLE') {
       dom = dom.closest('table');
     }

package/dist/cjs/commands/insert.js

@@ -12,7 +12,6 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils2 = require("@atlaskit/editor-tables/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _commands = require("../pm-plugins/analytics/commands");
 var _tableAnalytics = require("../pm-plugins/table-analytics");
 var _columnWidth = require("../transforms/column-width");
@@ -46,7 +45,7 @@ function addColumnAt() {
         // [ED-8288] Update colwidths manually to avoid multiple dispatch in TableComponent
         updatedTr = (0, _columnWidth.rescaleColumns)(isTableScalingEnabled)(table, view)(updatedTr);
       }
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.analytics-plugin-moved-event') && view) {
+      if (view) {
         updatedTr = (0, _commands.updateRowOrColumnMovedTransform)({
           type: 'column'
         }, 'addRowOrColumn')(view.state, updatedTr);
@@ -134,11 +133,9 @@ var insertRow = exports.insertRow = function insertRow(row, moveCursorToTheNewRo
       } else {
         tr.setSelection(selection.map(tr.doc, tr.mapping));
       }
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.analytics-plugin-moved-event')) {
-        (0, _commands.updateRowOrColumnMovedTransform)({
-          type: 'row'
-        }, 'addRowOrColumn')(state, tr);
-      }
+      (0, _commands.updateRowOrColumnMovedTransform)({
+        type: 'row'
+      }, 'addRowOrColumn')(state, tr);
       dispatch(tr);
     }
     return true;

package/dist/cjs/commands/misc.js

@@ -195,9 +195,16 @@ var getTableElementMoveTypeBySlice = exports.getTableElementMoveTypeBySlice = fu
   if (slice.content.childCount === 1 && slice.content.firstChild.type === tableRow) {
     return 'row';
   }
-  var map = _tableMap.TableMap.get(currentTable.node);
-  var slicedMap = _tableMap.TableMap.get(slice.content.firstChild);
-  return map.width === slicedMap.width ? 'row' : map.height === slicedMap.height ? 'column' : undefined;
+
+  // `TableMap.get` can throw if the content is invalid - in which case we should just
+  // return undefined
+  try {
+    var map = _tableMap.TableMap.get(currentTable.node);
+    var slicedMap = _tableMap.TableMap.get(slice.content.firstChild);
+    return map.width === slicedMap.width ? 'row' : map.height === slicedMap.height ? 'column' : undefined;
+  } catch (e) {
+    return undefined;
+  }
 };
 var isInsideFirstCellOfRowOrColumn = exports.isInsideFirstCellOfRowOrColumn = function isInsideFirstCellOfRowOrColumn(selection, type) {
   var table = (0, _utils2.findTable)(selection);

package/dist/cjs/nodeviews/TableRow.js

@@ -403,7 +403,7 @@ var TableRow = exports.default = /*#__PURE__*/function (_ref) {
       this.focused = isCurrentTableSelected;
       var wrapper = tree.wrapper;
       var tableContainer = wrapper.parentElement;
-      var tableContentWrapper = tableContainer.parentElement;
+      var tableContentWrapper = tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.parentElement;
       var layoutContainer = tableContentWrapper && tableContentWrapper.parentElement;
       if (isCurrentTableSelected) {
         this.colControlsOffset = _consts.tableControlsSpacing;

package/dist/cjs/plugin.js

@@ -255,7 +255,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
         plugin: function plugin(_ref15) {
           var dispatch = _ref15.dispatch,
             dispatchAnalyticsEvent = _ref15.dispatchAnalyticsEvent;
-          return (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.analytics-plugin-moved-event') ? (0, _plugin.createPlugin)(dispatch, dispatchAnalyticsEvent) : undefined;
+          return (0, _plugin.createPlugin)(dispatch, dispatchAnalyticsEvent);
         }
       }, {
         name: 'tableGetEditorViewReferencePlugin',

package/dist/cjs/pm-plugins/analytics/plugin.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.createPlugin = void 0;
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _misc = require("../../commands/misc");
 var _commands = require("./commands");
 var _pluginFactory = require("./plugin-factory");
@@ -40,33 +39,29 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, dispat
       handlePaste: function handlePaste(_ref, event, slice) {
         var state = _ref.state,
           dispatch = _ref.dispatch;
-        if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.analytics-plugin-moved-event')) {
-          var schema = state.schema;
-          var type = (0, _misc.getTableElementMoveTypeBySlice)(slice, state);
+        var schema = state.schema;
+        var type = (0, _misc.getTableElementMoveTypeBySlice)(slice, state);
 
-          // if the selection wasn't in the first cell of a row or column, don't count it
-          if (!type || !(0, _misc.isInsideFirstCellOfRowOrColumn)(state.selection, type)) {
-            return;
-          }
-          var count = (0, _misc.countCellsInSlice)(slice, schema, type);
-          (0, _commands.updateRowOrColumnMoved)({
-            numberOfCells: count,
-            type: type
-          }, 'pasted')(state, dispatch);
+        // if the selection wasn't in the first cell of a row or column, don't count it
+        if (!type || !(0, _misc.isInsideFirstCellOfRowOrColumn)(state.selection, type)) {
+          return;
         }
+        var count = (0, _misc.countCellsInSlice)(slice, schema, type);
+        (0, _commands.updateRowOrColumnMoved)({
+          numberOfCells: count,
+          type: type
+        }, 'pasted')(state, dispatch);
       },
       transformCopied: function transformCopied(slice, _ref2) {
         var state = _ref2.state,
           dispatch = _ref2.dispatch;
-        if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.analytics-plugin-moved-event')) {
-          var schema = state.schema;
-          var type = (0, _misc.getTableSelectionType)(state.selection);
-          var count = (0, _misc.countCellsInSlice)(slice, schema, type);
-          (0, _commands.updateRowOrColumnMoved)({
-            numberOfCells: count,
-            type: type
-          }, 'copyOrCut')(state, dispatch);
-        }
+        var schema = state.schema;
+        var type = (0, _misc.getTableSelectionType)(state.selection);
+        var count = (0, _misc.countCellsInSlice)(slice, schema, type);
+        (0, _commands.updateRowOrColumnMoved)({
+          numberOfCells: count,
+          type: type
+        }, 'copyOrCut')(state, dispatch);
         return slice;
       }
     }

package/dist/cjs/pm-plugins/table-resizing/utils/colgroup.js

@@ -63,13 +63,13 @@ var generateColgroup = exports.generateColgroup = function generateColgroup(tabl
 var insertColgroupFromNode = exports.insertColgroupFromNode = function insertColgroupFromNode(tableRef, table) {
   var isTableScalingEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var shouldRemove = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-  var colgroup = tableRef.querySelector('colgroup');
+  var colgroup = tableRef === null || tableRef === void 0 ? void 0 : tableRef.querySelector('colgroup');
   if (colgroup && shouldRemove) {
-    tableRef.removeChild(colgroup);
+    tableRef === null || tableRef === void 0 || tableRef.removeChild(colgroup);
   }
-  colgroup = renderColgroupFromNode(table, isTableScalingEnabled ? tableRef : undefined);
+  colgroup = renderColgroupFromNode(table, isTableScalingEnabled ? tableRef !== null && tableRef !== void 0 ? tableRef : undefined : undefined);
   if (shouldRemove) {
-    tableRef.insertBefore(colgroup, tableRef.firstChild);
+    tableRef === null || tableRef === void 0 || tableRef.insertBefore(colgroup, tableRef === null || tableRef === void 0 ? void 0 : tableRef.firstChild);
   }
   return colgroup.children;
 };

package/dist/cjs/pm-plugins/table-resizing/utils/misc.js

@@ -103,7 +103,7 @@ var getTableContainerElementWidth = exports.getTableContainerElementWidth = func
 var getTableScalingPercent = exports.getTableScalingPercent = function getTableScalingPercent(table, tableRef) {
   var _tableRef$parentEleme;
   var tableWidth = getTableContainerElementWidth(table);
-  var renderWidth = ((_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || tableWidth;
+  var renderWidth = (tableRef === null || tableRef === void 0 || (_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || tableWidth;
   // minus 1 here to avoid any 1px scroll in Firefox
   var scalePercent = (renderWidth - 1) / tableWidth;
   scalePercent = Math.max(scalePercent, 1 - _consts.MAX_SCALING_PERCENT);

package/dist/cjs/pm-plugins/table-resizing/utils/resize-column.js

@@ -22,7 +22,7 @@ var resizeColumn = exports.resizeColumn = function resizeColumn(resizeState, col
     var _tableRef$closest;
     // when table initially not overflow, but enter overflow, we need to calculate the resize amount by two part, before and after overflow, before overflow should be double, after should not be double.
     var tableWidth = tableRef === null || tableRef === void 0 ? void 0 : tableRef.clientWidth;
-    var tableContainerWidth = (_tableRef$closest = tableRef.closest('.resizer-item')) === null || _tableRef$closest === void 0 ? void 0 : _tableRef$closest.clientWidth;
+    var tableContainerWidth = tableRef === null || tableRef === void 0 || (_tableRef$closest = tableRef.closest('.resizer-item')) === null || _tableRef$closest === void 0 ? void 0 : _tableRef$closest.clientWidth;
     var isOverflowed = !!(tableWidth && tableContainerWidth && tableWidth > tableContainerWidth);
     resizeAmount = amount * 2;
     if (isOverflowed) {
@@ -53,11 +53,13 @@ var resizeColumn = exports.resizeColumn = function resizeColumn(resizeState, col
 };
 var updateTable = function updateTable(resizeAmount, tableRef, tableNode) {
   var currentWidth = (0, _misc.getTableContainerElementWidth)(tableNode);
-  var resizingContainer = tableRef.closest(".".concat(_types.TableCssClassName.TABLE_RESIZER_CONTAINER));
+  var resizingContainer = tableRef === null || tableRef === void 0 ? void 0 : tableRef.closest(".".concat(_types.TableCssClassName.TABLE_RESIZER_CONTAINER));
   var resizingItem = resizingContainer === null || resizingContainer === void 0 ? void 0 : resizingContainer.querySelector('.resizer-item');
   if (resizingContainer && resizingItem) {
     var newWidth = "".concat(currentWidth + resizeAmount, "px");
-    tableRef.style.width = newWidth;
+    if (tableRef) {
+      tableRef.style.width = newWidth;
+    }
     resizingContainer.style.width = newWidth;
     resizingItem.style.width = newWidth;
   }

package/dist/cjs/pm-plugins/table-resizing/utils/resize-state.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _styles = require("@atlaskit/editor-common/styles");
 var _utils = require("@atlaskit/editor-common/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils2 = require("../../../utils");
 var _colgroup = require("./colgroup");
 var _columnState = require("./column-state");
@@ -92,8 +93,8 @@ var getResizeState = exports.getResizeState = function getResizeState(_ref) {
 
 // updates Colgroup DOM node with new widths
 var updateColgroup = exports.updateColgroup = function updateColgroup(state, tableRef, tableNode, isTableScalingEnabled) {
-  var cols = tableRef.querySelectorAll('col');
-  var columnsCount = cols.length;
+  var cols = tableRef === null || tableRef === void 0 ? void 0 : tableRef.querySelectorAll('col');
+  var columnsCount = cols === null || cols === void 0 ? void 0 : cols.length;
   /**
      updateColgroup will update whole table scale when click the column resize handle, this behavior will affect when table overflowed, when now resize handle been dragged and extend to make table overflowed, table will show overflow. This need to be confirmed because it conflict with how isTableScalingEnabled work.
      We don't want to scale the table when resizing columns, only when viewpoint shrinks the table.
@@ -105,11 +106,11 @@ var updateColgroup = exports.updateColgroup = function updateColgroup(state, tab
       return column && !!column.width;
     }) // if width is 0, we dont want to apply that.
     .forEach(function (column, i) {
-      var fixedColWidth = (0, _colgroup.getColWidthFix)(column.width, columnsCount);
+      var fixedColWidth = (0, _colgroup.getColWidthFix)(column.width, columnsCount !== null && columnsCount !== void 0 ? columnsCount : 0);
       var scaledWidth = fixedColWidth * scalePercent;
       var finalWidth = Math.max(scaledWidth, _styles.tableCellMinWidth);
       // we aren't handling the remaining pixels here when the 48px min width is reached
-      if (cols[i]) {
+      if (cols !== null && cols !== void 0 && cols[i]) {
         cols[i].style.width = "".concat(finalWidth, "px");
       }
     });
@@ -118,8 +119,8 @@ var updateColgroup = exports.updateColgroup = function updateColgroup(state, tab
       return column && !!column.width;
     }) // if width is 0, we dont want to apply that.
     .forEach(function (column, i) {
-      if (cols[i]) {
-        cols[i].style.width = "".concat((0, _colgroup.getColWidthFix)(column.width, columnsCount), "px");
+      if (cols !== null && cols !== void 0 && cols[i]) {
+        cols[i].style.width = "".concat((0, _colgroup.getColWidthFix)(column.width, columnsCount !== null && columnsCount !== void 0 ? columnsCount : 0), "px");
       }
     });
   }
@@ -319,7 +320,8 @@ var getNewResizeStateFromSelectedColumns = exports.getNewResizeStateFromSelected
     return;
   }
   var maybeTable = domAtPos(table.start).node;
-  var tableRef = maybeTable.closest('table');
+  var maybeTableElement = maybeTable instanceof HTMLElement ? maybeTable : null;
+  var tableRef = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.explicit-html-element-check') ? maybeTableElement === null || maybeTableElement === void 0 ? void 0 : maybeTableElement.closest('table') : maybeTable === null || maybeTable === void 0 ? void 0 : maybeTable.closest('table');
   if (!tableRef) {
     return;
   }

package/dist/cjs/transforms/column-width.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _styles = require("@atlaskit/editor-common/styles");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("../pm-plugins/table-resizing/utils");
 var _colgroup = require("../pm-plugins/table-resizing/utils/colgroup");
 var _resizeState = require("../pm-plugins/table-resizing/utils/resize-state");
@@ -105,7 +106,8 @@ var rescaleColumns = exports.rescaleColumns = function rescaleColumns() {
       var newTable = tr.doc.nodeAt(table.pos);
       var domAtPos = view.domAtPos.bind(view);
       var maybeTable = domAtPos(table.start).node;
-      var tableRef = maybeTable.closest('table');
+      var maybeTableElement = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.explicit-html-element-check') ? maybeTable instanceof HTMLElement ? maybeTable : null : maybeTable;
+      var tableRef = maybeTableElement === null || maybeTableElement === void 0 ? void 0 : maybeTableElement.closest('table');
       if (!tableRef || !newTable) {
         return tr;
       }

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

@@ -11,6 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _editorTables = require("@atlaskit/editor-tables");
 var _utils = require("@atlaskit/editor-tables/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _commands = require("../../../commands");
 var _commands2 = require("../../../pm-plugins/drag-and-drop/commands");
@@ -100,14 +101,26 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
     }
   }, [editorView, tableActive]);
   var handleMouseMove = (0, _react.useCallback)(function (e) {
-    var isParentDragControls = e.nativeEvent.target.closest(".".concat(_types.TableCssClassName.DRAG_ROW_CONTROLS));
-    var rowIndex = e.nativeEvent.target.getAttribute('data-start-index');
+    if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.explicit-html-element-check')) {
+      var target = e.nativeEvent.target instanceof Element ? e.nativeEvent.target : null;
+      var isParentDragControls = target === null || target === void 0 ? void 0 : target.closest(".".concat(_types.TableCssClassName.DRAG_ROW_CONTROLS));
+      var _rowIndex = target === null || target === void 0 ? void 0 : 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));
+    } else {
+      var _isParentDragControls = e.nativeEvent.target.closest(".".concat(_types.TableCssClassName.DRAG_ROW_CONTROLS));
+      var _rowIndex2 = e.nativeEvent.target.getAttribute('data-start-index');
+
+      // avoid updating if event target is not related
+      if (!_isParentDragControls || !_rowIndex2) {
+        return;
+      }
+      updateCellHoverLocation(Number(_rowIndex2));
     }
-    updateCellHoverLocation(Number(rowIndex));
   }, [updateCellHoverLocation]);
   var rowIndexes = (0, _react.useMemo)(function () {
     return [rowIndex];

package/dist/es2019/commands/column-resize.js

@@ -177,7 +177,13 @@ export const changeColumnWidthByStep = ({
   const map = TableMap.get(originalTable);
   const domAtPos = view.domAtPos.bind(view);
   const colIndex = map.colCount($cell.pos - tableStartPosition) + ($cell.nodeAfter ? $cell.nodeAfter.attrs.colspan : 1) - 1;
-  let dom = domAtPos(tableStartPosition).node;
+  let dom = null;
+  if (getBooleanFF('platform.editor.explicit-html-element-check')) {
+    const domAtPosition = domAtPos(tableStartPosition);
+    dom = domAtPosition.node instanceof HTMLTableElement ? domAtPosition.node : null;
+  } else {
+    dom = domAtPos(tableStartPosition).node;
+  }
   if (dom && dom.nodeName !== 'TABLE') {
     dom = dom.closest('table');
   }

package/dist/es2019/commands/insert.js

@@ -5,7 +5,6 @@ import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { addColumnAt as addColumnAtPMUtils, addRowAt, findTable, selectedRect } from '@atlaskit/editor-tables/utils';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { updateRowOrColumnMovedTransform } from '../pm-plugins/analytics/commands';
 import { META_KEYS } from '../pm-plugins/table-analytics';
 import { rescaleColumns } from '../transforms/column-width';
@@ -34,7 +33,7 @@ export function addColumnAt(isTableScalingEnabled = false) {
         // [ED-8288] Update colwidths manually to avoid multiple dispatch in TableComponent
         updatedTr = rescaleColumns(isTableScalingEnabled)(table, view)(updatedTr);
       }
-      if (getBooleanFF('platform.editor.table.analytics-plugin-moved-event') && view) {
+      if (view) {
         updatedTr = updateRowOrColumnMovedTransform({
           type: 'column'
         }, 'addRowOrColumn')(view.state, updatedTr);
@@ -113,11 +112,9 @@ export const insertRow = (row, moveCursorToTheNewRow) => (state, dispatch) => {
     } else {
       tr.setSelection(selection.map(tr.doc, tr.mapping));
     }
-    if (getBooleanFF('platform.editor.table.analytics-plugin-moved-event')) {
-      updateRowOrColumnMovedTransform({
-        type: 'row'
-      }, 'addRowOrColumn')(state, tr);
-    }
+    updateRowOrColumnMovedTransform({
+      type: 'row'
+    }, 'addRowOrColumn')(state, tr);
     dispatch(tr);
   }
   return true;

package/dist/es2019/commands/misc.js

@@ -201,9 +201,16 @@ export const getTableElementMoveTypeBySlice = (slice, state) => {
   if (slice.content.childCount === 1 && slice.content.firstChild.type === tableRow) {
     return 'row';
   }
-  const map = TableMap.get(currentTable.node);
-  const slicedMap = TableMap.get(slice.content.firstChild);
-  return map.width === slicedMap.width ? 'row' : map.height === slicedMap.height ? 'column' : undefined;
+
+  // `TableMap.get` can throw if the content is invalid - in which case we should just
+  // return undefined
+  try {
+    const map = TableMap.get(currentTable.node);
+    const slicedMap = TableMap.get(slice.content.firstChild);
+    return map.width === slicedMap.width ? 'row' : map.height === slicedMap.height ? 'column' : undefined;
+  } catch (e) {
+    return undefined;
+  }
 };
 export const isInsideFirstCellOfRowOrColumn = (selection, type) => {
   const table = findTable(selection);

package/dist/es2019/nodeviews/TableRow.js

@@ -369,7 +369,7 @@ export default class TableRow extends TableNodeView {
       wrapper
     } = tree;
     const tableContainer = wrapper.parentElement;
-    const tableContentWrapper = tableContainer.parentElement;
+    const tableContentWrapper = tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.parentElement;
     const layoutContainer = tableContentWrapper && tableContentWrapper.parentElement;
     if (isCurrentTableSelected) {
       this.colControlsOffset = tableControlsSpacing;

package/dist/es2019/plugin.js

@@ -247,7 +247,7 @@ const tablesPlugin = ({
         plugin: ({
           dispatch,
           dispatchAnalyticsEvent
-        }) => getBooleanFF('platform.editor.table.analytics-plugin-moved-event') ? createTableAnalyticsPlugin(dispatch, dispatchAnalyticsEvent) : undefined
+        }) => createTableAnalyticsPlugin(dispatch, dispatchAnalyticsEvent)
       }, {
         name: 'tableGetEditorViewReferencePlugin',
         plugin: () => {

package/dist/es2019/pm-plugins/analytics/plugin.js

@@ -1,6 +1,5 @@
 import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { countCellsInSlice, getTableElementMoveTypeBySlice, getTableSelectionType, isInsideFirstCellOfRowOrColumn } from '../../commands/misc';
 import { resetRowOrColumnMovedTransform, updateRowOrColumnMoved } from './commands';
 import { createPluginState } from './plugin-factory';
@@ -34,38 +33,34 @@ export const createPlugin = (dispatch, dispatchAnalyticsEvent) => new SafePlugin
       state,
       dispatch
     }, event, slice) => {
-      if (getBooleanFF('platform.editor.table.analytics-plugin-moved-event')) {
-        const {
-          schema
-        } = state;
-        const type = getTableElementMoveTypeBySlice(slice, state);
+      const {
+        schema
+      } = state;
+      const type = getTableElementMoveTypeBySlice(slice, state);
 
-        // if the selection wasn't in the first cell of a row or column, don't count it
-        if (!type || !isInsideFirstCellOfRowOrColumn(state.selection, type)) {
-          return;
-        }
-        const count = countCellsInSlice(slice, schema, type);
-        updateRowOrColumnMoved({
-          numberOfCells: count,
-          type
-        }, 'pasted')(state, dispatch);
+      // if the selection wasn't in the first cell of a row or column, don't count it
+      if (!type || !isInsideFirstCellOfRowOrColumn(state.selection, type)) {
+        return;
       }
+      const count = countCellsInSlice(slice, schema, type);
+      updateRowOrColumnMoved({
+        numberOfCells: count,
+        type
+      }, 'pasted')(state, dispatch);
     },
     transformCopied: (slice, {
       state,
       dispatch
     }) => {
-      if (getBooleanFF('platform.editor.table.analytics-plugin-moved-event')) {
-        const {
-          schema
-        } = state;
-        const type = getTableSelectionType(state.selection);
-        const count = countCellsInSlice(slice, schema, type);
-        updateRowOrColumnMoved({
-          numberOfCells: count,
-          type
-        }, 'copyOrCut')(state, dispatch);
-      }
+      const {
+        schema
+      } = state;
+      const type = getTableSelectionType(state.selection);
+      const count = countCellsInSlice(slice, schema, type);
+      updateRowOrColumnMoved({
+        numberOfCells: count,
+        type
+      }, 'copyOrCut')(state, dispatch);
       return slice;
     }
   }

package/dist/es2019/pm-plugins/table-resizing/utils/colgroup.js

@@ -49,13 +49,13 @@ export const generateColgroup = (table, tableRef) => {
   return cols;
 };
 export const insertColgroupFromNode = (tableRef, table, isTableScalingEnabled = false, shouldRemove = true) => {
-  let colgroup = tableRef.querySelector('colgroup');
+  let colgroup = tableRef === null || tableRef === void 0 ? void 0 : tableRef.querySelector('colgroup');
   if (colgroup && shouldRemove) {
-    tableRef.removeChild(colgroup);
+    tableRef === null || tableRef === void 0 ? void 0 : tableRef.removeChild(colgroup);
   }
-  colgroup = renderColgroupFromNode(table, isTableScalingEnabled ? tableRef : undefined);
+  colgroup = renderColgroupFromNode(table, isTableScalingEnabled ? tableRef !== null && tableRef !== void 0 ? tableRef : undefined : undefined);
   if (shouldRemove) {
-    tableRef.insertBefore(colgroup, tableRef.firstChild);
+    tableRef === null || tableRef === void 0 ? void 0 : tableRef.insertBefore(colgroup, tableRef === null || tableRef === void 0 ? void 0 : tableRef.firstChild);
   }
   return colgroup.children;
 };

package/dist/es2019/pm-plugins/table-resizing/utils/misc.js

@@ -93,7 +93,7 @@ export const getTableContainerElementWidth = table => {
 export const getTableScalingPercent = (table, tableRef) => {
   var _tableRef$parentEleme;
   const tableWidth = getTableContainerElementWidth(table);
-  let renderWidth = ((_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || tableWidth;
+  let renderWidth = (tableRef === null || tableRef === void 0 ? void 0 : (_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || tableWidth;
   // minus 1 here to avoid any 1px scroll in Firefox
   let scalePercent = (renderWidth - 1) / tableWidth;
   scalePercent = Math.max(scalePercent, 1 - MAX_SCALING_PERCENT);

package/dist/es2019/pm-plugins/table-resizing/utils/resize-column.js

@@ -13,7 +13,7 @@ export const resizeColumn = (resizeState, colIndex, amount, tableRef, tableNode,
     var _tableRef$closest;
     // when table initially not overflow, but enter overflow, we need to calculate the resize amount by two part, before and after overflow, before overflow should be double, after should not be double.
     const tableWidth = tableRef === null || tableRef === void 0 ? void 0 : tableRef.clientWidth;
-    const tableContainerWidth = (_tableRef$closest = tableRef.closest('.resizer-item')) === null || _tableRef$closest === void 0 ? void 0 : _tableRef$closest.clientWidth;
+    const tableContainerWidth = tableRef === null || tableRef === void 0 ? void 0 : (_tableRef$closest = tableRef.closest('.resizer-item')) === null || _tableRef$closest === void 0 ? void 0 : _tableRef$closest.clientWidth;
     const isOverflowed = !!(tableWidth && tableContainerWidth && tableWidth > tableContainerWidth);
     resizeAmount = amount * 2;
     if (isOverflowed) {
@@ -45,11 +45,13 @@ export const resizeColumn = (resizeState, colIndex, amount, tableRef, tableNode,
 };
 const updateTable = (resizeAmount, tableRef, tableNode) => {
   const currentWidth = getTableContainerElementWidth(tableNode);
-  const resizingContainer = tableRef.closest(`.${ClassName.TABLE_RESIZER_CONTAINER}`);
+  const resizingContainer = tableRef === null || tableRef === void 0 ? void 0 : tableRef.closest(`.${ClassName.TABLE_RESIZER_CONTAINER}`);
   const resizingItem = resizingContainer === null || resizingContainer === void 0 ? void 0 : resizingContainer.querySelector('.resizer-item');
   if (resizingContainer && resizingItem) {
     const newWidth = `${currentWidth + resizeAmount}px`;
-    tableRef.style.width = newWidth;
+    if (tableRef) {
+      tableRef.style.width = newWidth;
+    }
     resizingContainer.style.width = newWidth;
     resizingItem.style.width = newWidth;
   }

package/dist/es2019/pm-plugins/table-resizing/utils/resize-state.js

@@ -1,6 +1,7 @@
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { tableCellMinWidth, tableNewColumnMinWidth } from '@atlaskit/editor-common/styles';
 import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getSelectedTableInfo } from '../../../utils';
 import { getColWidthFix, hasTableBeenResized, insertColgroupFromNode } from './colgroup';
 import { getCellsRefsInColumn, getColumnStateFromDOM } from './column-state';
@@ -72,8 +73,8 @@ export const getResizeState = ({
 
 // updates Colgroup DOM node with new widths
 export const updateColgroup = (state, tableRef, tableNode, isTableScalingEnabled) => {
-  const cols = tableRef.querySelectorAll('col');
-  const columnsCount = cols.length;
+  const cols = tableRef === null || tableRef === void 0 ? void 0 : tableRef.querySelectorAll('col');
+  const columnsCount = cols === null || cols === void 0 ? void 0 : cols.length;
   /**
      updateColgroup will update whole table scale when click the column resize handle, this behavior will affect when table overflowed, when now resize handle been dragged and extend to make table overflowed, table will show overflow. This need to be confirmed because it conflict with how isTableScalingEnabled work.
      We don't want to scale the table when resizing columns, only when viewpoint shrinks the table.
@@ -83,19 +84,19 @@ export const updateColgroup = (state, tableRef, tableNode, isTableScalingEnabled
     const scalePercent = getTableScalingPercent(tableNode, tableRef);
     state.cols.filter(column => column && !!column.width) // if width is 0, we dont want to apply that.
     .forEach((column, i) => {
-      const fixedColWidth = getColWidthFix(column.width, columnsCount);
+      const fixedColWidth = getColWidthFix(column.width, columnsCount !== null && columnsCount !== void 0 ? columnsCount : 0);
       const scaledWidth = fixedColWidth * scalePercent;
       const finalWidth = Math.max(scaledWidth, tableCellMinWidth);
       // we aren't handling the remaining pixels here when the 48px min width is reached
-      if (cols[i]) {
+      if (cols !== null && cols !== void 0 && cols[i]) {
         cols[i].style.width = `${finalWidth}px`;
       }
     });
   } else {
     state.cols.filter(column => column && !!column.width) // if width is 0, we dont want to apply that.
     .forEach((column, i) => {
-      if (cols[i]) {
-        cols[i].style.width = `${getColWidthFix(column.width, columnsCount)}px`;
+      if (cols !== null && cols !== void 0 && cols[i]) {
+        cols[i].style.width = `${getColWidthFix(column.width, columnsCount !== null && columnsCount !== void 0 ? columnsCount : 0)}px`;
       }
     });
   }
@@ -290,7 +291,8 @@ export const getNewResizeStateFromSelectedColumns = (rect, state, domAtPos, getE
     return;
   }
   const maybeTable = domAtPos(table.start).node;
-  const tableRef = maybeTable.closest('table');
+  const maybeTableElement = maybeTable instanceof HTMLElement ? maybeTable : null;
+  const tableRef = getBooleanFF('platform.editor.explicit-html-element-check') ? maybeTableElement === null || maybeTableElement === void 0 ? void 0 : maybeTableElement.closest('table') : maybeTable === null || maybeTable === void 0 ? void 0 : maybeTable.closest('table');
   if (!tableRef) {
     return;
   }

package/dist/es2019/transforms/column-width.js

@@ -1,6 +1,7 @@
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { AttrStep } from '@atlaskit/editor-prosemirror/transform';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getTableContainerElementWidth, getTableElementWidth, hasTableBeenResized } from '../pm-plugins/table-resizing/utils';
 import { isMinCellWidthTable } from '../pm-plugins/table-resizing/utils/colgroup';
 import { getResizeState } from '../pm-plugins/table-resizing/utils/resize-state';
@@ -94,7 +95,8 @@ export const rescaleColumns = (isTableScalingEnabled = false) => (table, view) =
   const newTable = tr.doc.nodeAt(table.pos);
   const domAtPos = view.domAtPos.bind(view);
   const maybeTable = domAtPos(table.start).node;
-  const tableRef = maybeTable.closest('table');
+  const maybeTableElement = getBooleanFF('platform.editor.explicit-html-element-check') ? maybeTable instanceof HTMLElement ? maybeTable : null : maybeTable;
+  const tableRef = maybeTableElement === null || maybeTableElement === void 0 ? void 0 : maybeTableElement.closest('table');
   if (!tableRef || !newTable) {
     return tr;
   }