@atlaskit/editor-plugin-table 13.0.6 → 13.0.7

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @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

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/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');
+        }
       });
     }
   })]));

package/dist/es2019/nodeviews/TableComponent.js

@@ -448,6 +448,10 @@ class TableComponent extends React.Component {
           }
         }
       });
+      if (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);
+      }
     }
   }
   initialiseEventListenersAfterMount() {
@@ -525,8 +529,6 @@ class TableComponent extends 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();
     }
     const currentStickyState = stickyHeadersPluginKey.getState(this.props.view.state);
@@ -579,7 +581,7 @@ class TableComponent extends React.Component {
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       window.removeEventListener('resize', this.handleWindowResizeDebounced);
     }
-    if (allowColumnResizing) {
+    if (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/es2019/pm-plugins/drag-and-drop/plugin.js

@@ -3,9 +3,11 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { getCellsInRow, getSelectedCellInfo } from '@atlaskit/editor-tables/utils';
+import { insm } from '@atlaskit/insm';
 import { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getPluginState as getTablePluginState } from '../plugin-factory';
 import { pluginKey as tablePluginKey } from '../plugin-key';
 import { insertColgroupFromNode } from '../table-resizing/utils/colgroup';
@@ -30,12 +32,20 @@ const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTabl
       return type === 'table-row';
     },
     onDragStart() {
+      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+        var _insm$session;
+        (_insm$session = insm.session) === null || _insm$session === void 0 ? 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() {
+      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+        var _insm$session2;
+        (_insm$session2 = insm.session) === null || _insm$session2 === void 0 ? 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
@@ -78,6 +88,10 @@ const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTabl
     onDragStart: ({
       location
     }) => {
+      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+        var _insm$session3;
+        (_insm$session3 = insm.session) === null || _insm$session3 === void 0 ? void 0 : _insm$session3.startFeature('tableDragAndDrop');
+      }
       toggleDragMenu(false)(editorView.state, editorView.dispatch);
     },
     onDrag(event) {
@@ -129,6 +143,10 @@ const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTabl
         var _event$source, _event$source$data, _event$source2, _event$source2$data;
         // 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 (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+          var _insm$session4;
+          (_insm$session4 = insm.session) === null || _insm$session4 === void 0 ? void 0 : _insm$session4.endFeature('tableDragAndDrop');
+        }
         if ((event === null || event === void 0 ? void 0 : (_event$source = event.source) === null || _event$source === void 0 ? void 0 : (_event$source$data = _event$source.data) === null || _event$source$data === void 0 ? void 0 : _event$source$data.type) === 'table-row' || (event === null || event === void 0 ? void 0 : (_event$source2 = event.source) === null || _event$source2 === void 0 ? void 0 : (_event$source2$data = _event$source2.data) === null || _event$source2$data === void 0 ? void 0 : _event$source2$data.type) === 'table-column') {
           var _event$source$data2;
           return clearDropTargetWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.DRAG_AND_DROP, event.source.data.type, (_event$source$data2 = event.source.data) === null || _event$source$data2 === void 0 ? void 0 : _event$source$data2.indexes, TABLE_STATUS.CANCELLED, tr)(editorView.state, editorView.dispatch);
@@ -157,6 +175,10 @@ const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTabl
         clearDropTargetWithAnalytics(editorAnalyticsAPI)(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.
         TABLE_STATUS.INVALID, tr)(editorView.state, editorView.dispatch);
+        if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+          var _insm$session5;
+          (_insm$session5 = insm.session) === null || _insm$session5 === void 0 ? void 0 : _insm$session5.endFeature('tableDragAndDrop');
+        }
         return;
       }
       requestAnimationFrame(() => {
@@ -187,6 +209,10 @@ const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTabl
           }
         }
         editorView.focus();
+        if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+          var _insm$session6;
+          (_insm$session6 = insm.session) === null || _insm$session6 === void 0 ? void 0 : _insm$session6.endFeature('tableDragAndDrop');
+        }
       });
     }
   }));

package/dist/esm/nodeviews/TableComponent.js

@@ -455,6 +455,10 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
             }
           }
         });
+        if (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);
+        }
       }
     }
   }, {
@@ -545,8 +549,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 = stickyHeadersPluginKey.getState(this.props.view.state);
@@ -600,7 +602,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 (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/esm/pm-plugins/drag-and-drop/plugin.js

@@ -3,9 +3,11 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { getCellsInRow, getSelectedCellInfo } from '@atlaskit/editor-tables/utils';
+import { insm } from '@atlaskit/insm';
 import { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getPluginState as getTablePluginState } from '../plugin-factory';
 import { pluginKey as tablePluginKey } from '../plugin-key';
 import { insertColgroupFromNode } from '../table-resizing/utils/colgroup';
@@ -28,12 +30,20 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
       return type === 'table-row';
     },
     onDragStart: function onDragStart() {
+      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+        var _insm$session;
+        (_insm$session = 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 (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+        var _insm$session2;
+        (_insm$session2 = 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
@@ -70,6 +80,10 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
     },
     onDragStart: function onDragStart(_ref7) {
       var location = _ref7.location;
+      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+        var _insm$session3;
+        (_insm$session3 = insm.session) === null || _insm$session3 === void 0 || _insm$session3.startFeature('tableDragAndDrop');
+      }
       toggleDragMenu(false)(editorView.state, editorView.dispatch);
     },
     onDrag: function onDrag(event) {
@@ -118,6 +132,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 (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+          var _insm$session4;
+          (_insm$session4 = 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 clearDropTargetWithAnalytics(editorAnalyticsAPI)(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, TABLE_STATUS.CANCELLED, tr)(editorView.state, editorView.dispatch);
@@ -144,6 +162,10 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
         clearDropTargetWithAnalytics(editorAnalyticsAPI)(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.
         TABLE_STATUS.INVALID, tr)(editorView.state, editorView.dispatch);
+        if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+          var _insm$session5;
+          (_insm$session5 = insm.session) === null || _insm$session5 === void 0 || _insm$session5.endFeature('tableDragAndDrop');
+        }
         return;
       }
       requestAnimationFrame(function () {
@@ -173,6 +195,10 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
           }
         }
         editorView.focus();
+        if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+          var _insm$session6;
+          (_insm$session6 = insm.session) === null || _insm$session6 === void 0 || _insm$session6.endFeature('tableDragAndDrop');
+        }
       });
     }
   })]));

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "13.0.6",
+	"version": "13.0.7",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -48,18 +48,19 @@
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/icon": "^28.1.0",
-		"@atlaskit/menu": "^8.3.0",
+		"@atlaskit/insm": "^0.1.0",
+		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
-		"@atlaskit/primitives": "^14.12.0",
+		"@atlaskit/primitives": "^14.13.0",
 		"@atlaskit/react-ufo": "^4.5.0",
 		"@atlaskit/theme": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.3.0",
+		"@atlaskit/tmp-editor-statsig": "^12.5.0",
 		"@atlaskit/toggle": "^15.1.0",
-		"@atlaskit/tokens": "^6.1.0",
+		"@atlaskit/tokens": "^6.2.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -70,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^108.1.0",
+		"@atlaskit/editor-common": "^108.3.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"