@atlaskit/editor-plugin-table 13.0.5 → 13.0.7

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-table
 
+## 13.0.7
+
+### Patch Changes
+
+- [`5be5ab89fb72d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5be5ab89fb72d) -
+  Add tableDragAndDrop insm feature tracking
+- [`790dacebab86f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/790dacebab86f) -
+  fix table resize issue when table scailing experiment is on
+- Updated dependencies
+
+## 13.0.6
+
+### Patch Changes
+
+- [`f3ccf5a62c62f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f3ccf5a62c62f) -
+  PR to cleanup platform_editor_usesharedpluginstatewithselector for table
+
 ## 13.0.5
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -461,6 +461,10 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
             }
           }
         });
+        if ((0, _expValEquals.expValEquals)('platform_editor_tables_scaling_css', 'isEnabled', true)) {
+          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+          window.addEventListener('resize', this.handleWindowResizeNewDebounced);
+        }
       }
     }
   }, {
@@ -551,8 +555,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
           window.addEventListener('resize', this.handleWindowResizeDebounced);
         }
-        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        window.addEventListener('resize', this.handleWindowResizeNewDebounced);
         this.handleTableResizingDebounced();
       }
       var currentStickyState = _pluginKey.pluginKey.getState(this.props.view.state);
@@ -606,7 +608,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
         window.removeEventListener('resize', this.handleWindowResizeDebounced);
       }
-      if (allowColumnResizing) {
+      if ((0, _expValEquals.expValEquals)('platform_editor_tables_scaling_css', 'isEnabled', true)) {
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
         window.removeEventListener('resize', this.handleWindowResizeNewDebounced);
       }

package/dist/cjs/nodeviews/TableComponentWithSharedState.js

@@ -8,13 +8,27 @@ exports.TableComponentWithSharedState = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _editorTables = require("@atlaskit/editor-tables");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _TableComponent = _interopRequireDefault(require("./TableComponent"));
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
+/**
+ * Use useSharedPluginState to control re-renders from plugin dependencies
+ */
+var TableComponentWithSharedState = exports.TableComponentWithSharedState = function TableComponentWithSharedState(_ref) {
+  var view = _ref.view,
+    options = _ref.options,
+    getNode = _ref.getNode,
+    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
+    api = _ref.api,
+    getEditorFeatureFlags = _ref.getEditorFeatureFlags,
+    eventDispatcher = _ref.eventDispatcher,
+    allowColumnResizing = _ref.allowColumnResizing,
+    allowControls = _ref.allowControls,
+    getPos = _ref.getPos,
+    forwardRef = _ref.forwardRef,
+    allowTableAlignment = _ref.allowTableAlignment,
+    allowTableResizing = _ref.allowTableResizing;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['table', 'width', 'media', 'selection', 'editorViewMode', 'interaction'], function (states) {
       var _states$tableState, _states$tableState2, _states$tableState3, _states$tableState4, _states$tableState5, _states$tableState6, _states$tableState7, _states$tableState8, _states$tableState9, _states$tableState0, _states$tableState1, _states$mediaState, _states$selectionStat, _states$editorViewMod, _states$widthState, _states$widthState2, _states$interactionSt;
       return {
@@ -60,97 +74,7 @@ var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (
     mode = _useSharedPluginState.mode,
     selection = _useSharedPluginState.selection,
     width = _useSharedPluginState.width;
-  return {
-    tableState: undefined,
-    widthState: undefined,
-    isTableResizing: isTableResizing,
-    isHeaderColumnEnabled: isHeaderColumnEnabled,
-    isHeaderRowEnabled: isHeaderRowEnabled,
-    ordering: ordering,
-    isResizing: isResizing,
-    isInDanger: isInDanger,
-    hoveredCell: hoveredCell,
-    hoveredRows: hoveredRows,
-    isTableHovered: isTableHovered,
-    isWholeTableInDanger: isWholeTableInDanger,
-    isFullscreen: isFullscreen,
-    selection: selection,
-    mode: mode,
-    width: width,
-    lineLength: lineLength,
-    interaction: interaction
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['width', 'table', 'media', 'selection', 'editorViewMode', 'interaction']),
-    widthState = _useSharedPluginState2.widthState,
-    tableState = _useSharedPluginState2.tableState,
-    mediaState = _useSharedPluginState2.mediaState,
-    selectionState = _useSharedPluginState2.selectionState,
-    editorViewModeState = _useSharedPluginState2.editorViewModeState,
-    interactionState = _useSharedPluginState2.interactionState;
-  var tableStateInternal = tableState;
-  return {
-    tableState: tableState,
-    widthState: widthState,
-    isTableResizing: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.isTableResizing,
-    isHeaderColumnEnabled: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.isHeaderColumnEnabled,
-    isHeaderRowEnabled: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.isHeaderRowEnabled,
-    ordering: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.ordering,
-    isResizing: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.isResizing,
-    isInDanger: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.isInDanger,
-    hoveredCell: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.hoveredCell,
-    hoveredRows: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.hoveredRows,
-    isTableHovered: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.isTableHovered,
-    isWholeTableInDanger: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.isWholeTableInDanger,
-    isFullscreen: mediaState === null || mediaState === void 0 ? void 0 : mediaState.isFullscreen,
-    selection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection,
-    mode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode,
-    width: widthState === null || widthState === void 0 ? void 0 : widthState.width,
-    lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength,
-    interaction: interactionState === null || interactionState === void 0 ? void 0 : interactionState.interactionState
-  };
-});
-
-/**
- * Use useSharedPluginState to control re-renders from plugin dependencies
- */
-var TableComponentWithSharedState = exports.TableComponentWithSharedState = function TableComponentWithSharedState(_ref) {
-  var view = _ref.view,
-    options = _ref.options,
-    getNode = _ref.getNode,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    api = _ref.api,
-    getEditorFeatureFlags = _ref.getEditorFeatureFlags,
-    eventDispatcher = _ref.eventDispatcher,
-    allowColumnResizing = _ref.allowColumnResizing,
-    allowControls = _ref.allowControls,
-    getPos = _ref.getPos,
-    forwardRef = _ref.forwardRef,
-    allowTableAlignment = _ref.allowTableAlignment,
-    allowTableResizing = _ref.allowTableResizing;
-  var _useSharedState = useSharedState(api),
-    tableState = _useSharedState.tableState,
-    widthState = _useSharedState.widthState,
-    mode = _useSharedState.mode,
-    hoveredCell = _useSharedState.hoveredCell,
-    hoveredRows = _useSharedState.hoveredRows,
-    isFullscreen = _useSharedState.isFullscreen,
-    isHeaderColumnEnabled = _useSharedState.isHeaderColumnEnabled,
-    isHeaderRowEnabled = _useSharedState.isHeaderRowEnabled,
-    isInDanger = _useSharedState.isInDanger,
-    isResizing = _useSharedState.isResizing,
-    isTableHovered = _useSharedState.isTableHovered,
-    isTableResizing = _useSharedState.isTableResizing,
-    isWholeTableInDanger = _useSharedState.isWholeTableInDanger,
-    lineLength = _useSharedState.lineLength,
-    ordering = _useSharedState.ordering,
-    selection = _useSharedState.selection,
-    width = _useSharedState.width,
-    interaction = _useSharedState.interaction;
   var isLivePageViewMode = mode === 'view';
-  if ((0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstatewithselector', 'isEnabled', false) && !tableState) {
-    return null;
-  }
 
   /**
    *  ED-19810
@@ -184,13 +108,10 @@ var TableComponentWithSharedState = exports.TableComponentWithSharedState = func
     ordering: ordering,
     isResizing: isResizing,
     getNode: getNode,
-    containerWidth: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstatewithselector', true) ? {
+    containerWidth: {
       width: width !== null && width !== void 0 ? width : 0,
       lineLength: lineLength
-    } :
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    widthState,
+    },
     contentDOM: forwardRef,
     getEditorFeatureFlags: getEditorFeatureFlags,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,

package/dist/cjs/nodeviews/TableContainer.js

@@ -45,7 +45,13 @@ var InnerContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     "data-testid": "table-container"
   }, children);
 });
-var useAlignmentTableContainerSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (pluginInjectionApi) {
+var AlignmentTableContainer = function AlignmentTableContainer(_ref2) {
+  var node = _ref2.node,
+    children = _ref2.children,
+    pluginInjectionApi = _ref2.pluginInjectionApi,
+    getPos = _ref2.getPos,
+    editorView = _ref2.editorView;
+  var alignment = node.attrs.layout !== _alignment.ALIGN_START ? _alignment.ALIGN_CENTER : _alignment.ALIGN_START;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['table'], function (states) {
       var _states$tableState, _states$tableState2;
       return {
@@ -55,35 +61,7 @@ var useAlignmentTableContainerSharedState = (0, _hooks.sharedPluginStateHookMigr
     }),
     isFullWidthModeEnabled = _useSharedPluginState.isFullWidthModeEnabled,
     wasFullWidthModeEnabled = _useSharedPluginState.wasFullWidthModeEnabled;
-  return {
-    tableState: undefined,
-    isFullWidthModeEnabled: isFullWidthModeEnabled,
-    wasFullWidthModeEnabled: wasFullWidthModeEnabled
-  };
-}, function (pluginInjectionApi) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['table']),
-    tableState = _useSharedPluginState2.tableState;
-  return {
-    tableState: tableState,
-    isFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled,
-    wasFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.wasFullWidthModeEnabled
-  };
-});
-var AlignmentTableContainer = function AlignmentTableContainer(_ref2) {
-  var node = _ref2.node,
-    children = _ref2.children,
-    pluginInjectionApi = _ref2.pluginInjectionApi,
-    getPos = _ref2.getPos,
-    editorView = _ref2.editorView;
-  var alignment = node.attrs.layout !== _alignment.ALIGN_START ? _alignment.ALIGN_CENTER : _alignment.ALIGN_START;
-  var _useAlignmentTableCon = useAlignmentTableContainerSharedState(pluginInjectionApi),
-    tableState = _useAlignmentTableCon.tableState,
-    isFullWidthModeEnabled = _useAlignmentTableCon.isFullWidthModeEnabled,
-    wasFullWidthModeEnabled = _useAlignmentTableCon.wasFullWidthModeEnabled;
   (0, _react.useEffect)(function () {
-    if (!tableState && (0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstatewithselector', 'isEnabled', false)) {
-      return;
-    }
     if (editorView && getPos) {
       var state = editorView.state,
         dispatch = editorView.dispatch;
@@ -100,7 +78,7 @@ var AlignmentTableContainer = function AlignmentTableContainer(_ref2) {
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editorView, tableState, isFullWidthModeEnabled, wasFullWidthModeEnabled, node]);
+  }, [editorView, isFullWidthModeEnabled, wasFullWidthModeEnabled, node]);
   var style = (0, _react.useMemo)(function () {
     return (0, _tableContainerStyles.getAlignmentStyle)(alignment);
   }, [alignment]);
@@ -146,23 +124,6 @@ var selector = function selector(states) {
     editorViewModeState: states.editorViewModeState
   };
 };
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var _useSharedPluginState3 = (0, _hooks.useSharedPluginStateWithSelector)(api, ['table', 'editorViewMode'], selector),
-    tableState = _useSharedPluginState3.tableState,
-    editorViewModeState = _useSharedPluginState3.editorViewModeState;
-  return {
-    tableState: tableState,
-    editorViewModeState: editorViewModeState
-  };
-}, function (api) {
-  var _useSharedPluginState4 = (0, _hooks.useSharedPluginState)(api, ['table', 'editorViewMode']),
-    tableState = _useSharedPluginState4.tableState,
-    editorViewModeState = _useSharedPluginState4.editorViewModeState;
-  return {
-    tableState: tableState,
-    editorViewModeState: editorViewModeState
-  };
-});
 var getPadding = function getPadding(containerWidth) {
   return containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
 };
@@ -190,9 +151,9 @@ var ResizableTableContainerLegacy = /*#__PURE__*/_react.default.memo(function (_
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     resizing = _useState2[0],
     setIsResizing = _useState2[1];
-  var _useSharedState = useSharedState(pluginInjectionApi),
-    tableState = _useSharedState.tableState,
-    editorViewModeState = _useSharedState.editorViewModeState;
+  var _useSharedPluginState2 = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['table', 'editorViewMode'], selector),
+    tableState = _useSharedPluginState2.tableState,
+    editorViewModeState = _useSharedPluginState2.editorViewModeState;
   var isFullWidthModeEnabled = tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled;
   var mode = editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode;
   var updateContainerHeight = (0, _react.useCallback)(function (height) {
@@ -391,9 +352,9 @@ var ResizableTableContainerNext = /*#__PURE__*/_react.default.memo(function (_re
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     tableMaxWidthForFullPageOnLoad = _useState6[0],
     setTableMaxWidthForFullPageOnLoad = _useState6[1];
-  var _useSharedState2 = useSharedState(pluginInjectionApi),
-    tableState = _useSharedState2.tableState,
-    editorViewModeState = _useSharedState2.editorViewModeState;
+  var _useSharedPluginState3 = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['table', 'editorViewMode'], selector),
+    tableState = _useSharedPluginState3.tableState,
+    editorViewModeState = _useSharedPluginState3.editorViewModeState;
   var isFullWidthModeEnabled = tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled;
   var mode = editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode;
   var updateContainerHeight = (0, _react.useCallback)(function (height) {

package/dist/cjs/nodeviews/TableResizer.js

@@ -116,19 +116,6 @@ var selector = function selector(states) {
     widthToWidest: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.widthToWidest
   };
 };
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['table'], selector),
-    widthToWidest = _useSharedPluginState.widthToWidest;
-  return {
-    widthToWidest: widthToWidest
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['table']),
-    tableState = _useSharedPluginState2.tableState;
-  return {
-    widthToWidest: tableState === null || tableState === void 0 ? void 0 : tableState.widthToWidest
-  };
-});
 var TableResizer = exports.TableResizer = function TableResizer(_ref) {
   var _editorView$state, _pluginInjectionApi$a2;
   var children = _ref.children,
@@ -161,8 +148,8 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
   var areResizeMetaKeysPressed = (0, _react.useRef)(false);
   var resizerRef = (0, _react.useRef)(null);
   var interactionState = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(pluginInjectionApi, 'interaction.interactionState');
-  var _useSharedState = useSharedState(pluginInjectionApi),
-    widthToWidest = _useSharedState.widthToWidest;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['table'], selector),
+    widthToWidest = _useSharedPluginState.widthToWidest;
 
   // used to reposition tooltip when table is resizing via keyboard
   var updateTooltip = _react.default.useRef();

package/dist/cjs/pm-plugins/drag-and-drop/plugin.js

@@ -9,9 +9,11 @@ var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _utils = require("@atlaskit/editor-tables/utils");
+var _insm = require("@atlaskit/insm");
 var _element = require("@atlaskit/pragmatic-drag-and-drop-auto-scroll/element");
 var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
 var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _pluginFactory = require("../plugin-factory");
 var _pluginKey = require("../plugin-key");
 var _colgroup = require("../table-resizing/utils/colgroup");
@@ -34,12 +36,20 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
       return type === 'table-row';
     },
     onDragStart: function onDragStart() {
+      if ((0, _expValEquals.expValEquals)('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+        var _insm$session;
+        (_insm$session = _insm.insm.session) === null || _insm$session === void 0 || _insm$session.startFeature('tableDragAndDrop');
+      }
       // auto scroller doesn't work when scroll-behavior: smooth is set, this monitor temporarily removes it via inline styles
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
       editorPageScrollContainer.style.setProperty('scroll-behavior', 'unset');
     },
     onDrop: function onDrop() {
+      if ((0, _expValEquals.expValEquals)('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+        var _insm$session2;
+        (_insm$session2 = _insm.insm.session) === null || _insm$session2 === void 0 || _insm$session2.endFeature('tableDragAndDrop');
+      }
       // 'null' will remove the inline style
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -76,6 +86,10 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
     },
     onDragStart: function onDragStart(_ref7) {
       var location = _ref7.location;
+      if ((0, _expValEquals.expValEquals)('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+        var _insm$session3;
+        (_insm$session3 = _insm.insm.session) === null || _insm$session3 === void 0 || _insm$session3.startFeature('tableDragAndDrop');
+      }
       (0, _commands.toggleDragMenu)(false)(editorView.state, editorView.dispatch);
     },
     onDrag: function onDrag(event) {
@@ -124,6 +138,10 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
         var _event$source, _event$source2;
         // If we're able to determine the source type of the dropped element then we should report to analytics that
         // the drop event was cancelled. Otherwise we will cancel silently.
+        if ((0, _expValEquals.expValEquals)('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+          var _insm$session4;
+          (_insm$session4 = _insm.insm.session) === null || _insm$session4 === void 0 || _insm$session4.endFeature('tableDragAndDrop');
+        }
         if ((event === null || event === void 0 || (_event$source = event.source) === null || _event$source === void 0 || (_event$source = _event$source.data) === null || _event$source === void 0 ? void 0 : _event$source.type) === 'table-row' || (event === null || event === void 0 || (_event$source2 = event.source) === null || _event$source2 === void 0 || (_event$source2 = _event$source2.data) === null || _event$source2 === void 0 ? void 0 : _event$source2.type) === 'table-column') {
           var _event$source$data;
           return (0, _commandsWithAnalytics.clearDropTargetWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.DRAG_AND_DROP, event.source.data.type, (_event$source$data = event.source.data) === null || _event$source$data === void 0 ? void 0 : _event$source$data.indexes, _analytics.TABLE_STATUS.CANCELLED, tr)(editorView.state, editorView.dispatch);
@@ -150,6 +168,10 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
         (0, _commandsWithAnalytics.clearDropTargetWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.DRAG_AND_DROP, sourceType, sourceIndexes,
         // This event is mrked as invalid because the user is attempting to drop an element in an area which has merged cells.
         _analytics.TABLE_STATUS.INVALID, tr)(editorView.state, editorView.dispatch);
+        if ((0, _expValEquals.expValEquals)('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+          var _insm$session5;
+          (_insm$session5 = _insm.insm.session) === null || _insm$session5 === void 0 || _insm$session5.endFeature('tableDragAndDrop');
+        }
         return;
       }
       requestAnimationFrame(function () {
@@ -179,6 +201,10 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
           }
         }
         editorView.focus();
+        if ((0, _expValEquals.expValEquals)('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+          var _insm$session6;
+          (_insm$session6 = _insm.insm.session) === null || _insm$session6 === void 0 || _insm$session6.endFeature('tableDragAndDrop');
+        }
       });
     }
   })]));