@atlaskit/editor-plugin-table 14.2.0 → 14.2.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-table
 
+## 14.2.2
+
+### Patch Changes
+
+- [`c1ef6524373ae`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c1ef6524373ae) -
+  Add insm feature tracking for tableColumnResize
+
+## 14.2.1
+
+### Patch Changes
+
+- [`8b18612863ea6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8b18612863ea6) -
+  Add insm feature tracking for tableResize
+- [`39f3b00f65aa0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39f3b00f65aa0) -
+  NOISSUE: Patches emotion CSS exports in various editor packages
+- Updated dependencies
+
 ## 14.2.0
 
 ### Minor Changes

package/dist/cjs/nodeviews/TableResizer.js

@@ -23,6 +23,7 @@ var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-
 var _commands = require("@atlaskit/editor-prosemirror/commands");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _utils = require("@atlaskit/editor-tables/utils");
+var _insm = require("@atlaskit/insm");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
@@ -245,6 +246,10 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     };
   }, [editorView, displayGuideline, displayGapCursor]);
   var handleResizeStart = (0, _react.useCallback)(function () {
+    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('tableResize');
+    }
     startMeasure();
     isResizing.current = true;
     var dispatch = editorView.dispatch,
@@ -403,6 +408,10 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     if (onResizeStop) {
       onResizeStop();
     }
+    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('tableResize');
+    }
     return newWidth;
   }, [editorView, getPos, node, isCommentEditor, widthToWidest, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, attachAnalyticsEvent, tableRef, pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage]);
   var handleTableSizeChangeOnKeypress = (0, _react.useCallback)(function (step) {

package/dist/cjs/pm-plugins/table-resizing/event-handlers.js

@@ -8,6 +8,8 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _styles = require("@atlaskit/editor-common/styles");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils = require("@atlaskit/editor-tables/utils");
+var _insm = require("@atlaskit/insm");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _columnResize = require("../commands/column-resize");
 var _misc = require("../commands/misc");
 var _pluginFactory = require("../plugin-factory");
@@ -36,6 +38,10 @@ var handleMouseDown = exports.handleMouseDown = function handleMouseDown(view, e
   var _getTablePluginState = (0, _pluginFactory.getPluginState)(state),
     isKeyboardResize = _getTablePluginState.isKeyboardResize;
   event.preventDefault();
+  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('tableColumnResize');
+  }
   var tr = view.state.tr;
   tr.setMeta(_tableAnalytics.META_KEYS.OVERFLOW_TRIGGER, {
     name: _analytics.TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED_COLUMN
@@ -126,9 +132,17 @@ var handleMouseDown = exports.handleMouseDown = function handleMouseDown(view, e
     var _getTablePluginState2 = (0, _pluginFactory.getPluginState)(state),
       isTableHovered = _getTablePluginState2.isTableHovered;
     if (resizeHandlePos === null) {
+      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('tableColumnResize');
+      }
       return (0, _commands.stopResizing)()(state, dispatch);
     }
     if (!(0, _misc2.pointsAtCell)(state.doc.resolve(resizeHandlePos))) {
+      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.endFeature('tableColumnResize');
+      }
       return;
     }
     // resizeHandlePos could be remapped via a collab change.
@@ -141,6 +155,10 @@ var handleMouseDown = exports.handleMouseDown = function handleMouseDown(view, e
 
     // If we let go in the same place we started, don't need to do anything.
     if (dragging && clientX === dragging.startX) {
+      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('tableColumnResize');
+      }
       if (isKeyboardResize || !isTableHovered) {
         /** if column resize had started via keyboard but continued by mouse
          *  or mouse pointer leaves the table but mouse button still pressed
@@ -207,6 +225,10 @@ var handleMouseDown = exports.handleMouseDown = function handleMouseDown(view, e
           }
         })(tr);
       }
+      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('tableColumnResize');
+      }
       if (isKeyboardResize || !isTableHovered) {
         /** if column resize had started via keyboard but continued by mouse
          *  or mouse pointer leaves the table but mouse button still pressed

package/dist/es2019/nodeviews/TableResizer.js

@@ -13,6 +13,7 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
 import { chainCommands } from '@atlaskit/editor-prosemirror/commands';
 import { akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
 import { findTable } from '@atlaskit/editor-tables/utils';
+import { insm } from '@atlaskit/insm';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
@@ -234,6 +235,10 @@ export const TableResizer = ({
     };
   }, [editorView, displayGuideline, displayGapCursor]);
   const handleResizeStart = useCallback(() => {
+    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('tableResize');
+    }
     startMeasure();
     isResizing.current = true;
     const {
@@ -399,6 +404,10 @@ export const TableResizer = ({
     if (onResizeStop) {
       onResizeStop();
     }
+    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('tableResize');
+    }
     return newWidth;
   }, [editorView, getPos, node, isCommentEditor, widthToWidest, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, attachAnalyticsEvent, tableRef, pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage]);
   const handleTableSizeChangeOnKeypress = useCallback(step => {

package/dist/es2019/pm-plugins/table-resizing/event-handlers.js

@@ -2,6 +2,8 @@ import { ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION, TABLE_OVERFLOW_
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
+import { insm } from '@atlaskit/insm';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { stopKeyboardColumnResizing } from '../commands/column-resize';
 import { updateResizeHandleDecorations } from '../commands/misc';
 import { getPluginState as getTablePluginState } from '../plugin-factory';
@@ -34,6 +36,10 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
     isKeyboardResize
   } = getTablePluginState(state);
   event.preventDefault();
+  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('tableColumnResize');
+  }
   const tr = view.state.tr;
   tr.setMeta(META_KEYS.OVERFLOW_TRIGGER, {
     name: TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED_COLUMN
@@ -130,9 +136,17 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
       isTableHovered
     } = getTablePluginState(state);
     if (resizeHandlePos === null) {
+      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('tableColumnResize');
+      }
       return stopResizing()(state, dispatch);
     }
     if (!pointsAtCell(state.doc.resolve(resizeHandlePos))) {
+      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+        var _insm$session3;
+        (_insm$session3 = insm.session) === null || _insm$session3 === void 0 ? void 0 : _insm$session3.endFeature('tableColumnResize');
+      }
       return;
     }
     // resizeHandlePos could be remapped via a collab change.
@@ -145,6 +159,10 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
 
     // If we let go in the same place we started, don't need to do anything.
     if (dragging && clientX === dragging.startX) {
+      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('tableColumnResize');
+      }
       if (isKeyboardResize || !isTableHovered) {
         /** if column resize had started via keyboard but continued by mouse
          *  or mouse pointer leaves the table but mouse button still pressed
@@ -215,6 +233,10 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
           }
         })(tr);
       }
+      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('tableColumnResize');
+      }
       if (isKeyboardResize || !isTableHovered) {
         /** if column resize had started via keyboard but continued by mouse
          *  or mouse pointer leaves the table but mouse button still pressed

package/dist/esm/nodeviews/TableResizer.js

@@ -17,6 +17,7 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
 import { chainCommands } from '@atlaskit/editor-prosemirror/commands';
 import { akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
 import { findTable } from '@atlaskit/editor-tables/utils';
+import { insm } from '@atlaskit/insm';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
@@ -236,6 +237,10 @@ export var TableResizer = function TableResizer(_ref) {
     };
   }, [editorView, displayGuideline, displayGapCursor]);
   var handleResizeStart = useCallback(function () {
+    if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+      var _insm$session;
+      (_insm$session = insm.session) === null || _insm$session === void 0 || _insm$session.startFeature('tableResize');
+    }
     startMeasure();
     isResizing.current = true;
     var dispatch = editorView.dispatch,
@@ -394,6 +399,10 @@ export var TableResizer = function TableResizer(_ref) {
     if (onResizeStop) {
       onResizeStop();
     }
+    if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+      var _insm$session2;
+      (_insm$session2 = insm.session) === null || _insm$session2 === void 0 || _insm$session2.endFeature('tableResize');
+    }
     return newWidth;
   }, [editorView, getPos, node, isCommentEditor, widthToWidest, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, attachAnalyticsEvent, tableRef, pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage]);
   var handleTableSizeChangeOnKeypress = useCallback(function (step) {

package/dist/esm/pm-plugins/table-resizing/event-handlers.js

@@ -2,6 +2,8 @@ import { ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION, TABLE_OVERFLOW_
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
+import { insm } from '@atlaskit/insm';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { stopKeyboardColumnResizing } from '../commands/column-resize';
 import { updateResizeHandleDecorations } from '../commands/misc';
 import { getPluginState as getTablePluginState } from '../plugin-factory';
@@ -30,6 +32,10 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
   var _getTablePluginState = getTablePluginState(state),
     isKeyboardResize = _getTablePluginState.isKeyboardResize;
   event.preventDefault();
+  if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+    var _insm$session;
+    (_insm$session = insm.session) === null || _insm$session === void 0 || _insm$session.startFeature('tableColumnResize');
+  }
   var tr = view.state.tr;
   tr.setMeta(META_KEYS.OVERFLOW_TRIGGER, {
     name: TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED_COLUMN
@@ -120,9 +126,17 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
     var _getTablePluginState2 = getTablePluginState(state),
       isTableHovered = _getTablePluginState2.isTableHovered;
     if (resizeHandlePos === null) {
+      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+        var _insm$session2;
+        (_insm$session2 = insm.session) === null || _insm$session2 === void 0 || _insm$session2.endFeature('tableColumnResize');
+      }
       return stopResizing()(state, dispatch);
     }
     if (!pointsAtCell(state.doc.resolve(resizeHandlePos))) {
+      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+        var _insm$session3;
+        (_insm$session3 = insm.session) === null || _insm$session3 === void 0 || _insm$session3.endFeature('tableColumnResize');
+      }
       return;
     }
     // resizeHandlePos could be remapped via a collab change.
@@ -135,6 +149,10 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
 
     // If we let go in the same place we started, don't need to do anything.
     if (dragging && clientX === dragging.startX) {
+      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+        var _insm$session4;
+        (_insm$session4 = insm.session) === null || _insm$session4 === void 0 || _insm$session4.endFeature('tableColumnResize');
+      }
       if (isKeyboardResize || !isTableHovered) {
         /** if column resize had started via keyboard but continued by mouse
          *  or mouse pointer leaves the table but mouse button still pressed
@@ -201,6 +219,10 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
           }
         })(tr);
       }
+      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
+        var _insm$session5;
+        (_insm$session5 = insm.session) === null || _insm$session5 === void 0 || _insm$session5.endFeature('tableColumnResize');
+      }
       if (isKeyboardResize || !isTableHovered) {
         /** if column resize had started via keyboard but continued by mouse
          *  or mouse pointer leaves the table but mouse button still pressed

package/dist/types/ui/FloatingDragMenu/styles.d.ts

@@ -1,3 +1,4 @@
-export declare const cellColourPreviewStyles: (selectedColor: string) => import("@emotion/react").SerializedStyles;
-export declare const dragMenuBackgroundColorStyles: () => import("@emotion/react").SerializedStyles;
-export declare const toggleStyles: import("@emotion/react").SerializedStyles;
+import { type SerializedStyles } from '@emotion/react';
+export declare const cellColourPreviewStyles: (selectedColor: string) => SerializedStyles;
+export declare const dragMenuBackgroundColorStyles: () => SerializedStyles;
+export declare const toggleStyles: SerializedStyles;

package/dist/types-ts4.5/ui/FloatingDragMenu/styles.d.ts

@@ -1,3 +1,4 @@
-export declare const cellColourPreviewStyles: (selectedColor: string) => import("@emotion/react").SerializedStyles;
-export declare const dragMenuBackgroundColorStyles: () => import("@emotion/react").SerializedStyles;
-export declare const toggleStyles: import("@emotion/react").SerializedStyles;
+import { type SerializedStyles } from '@emotion/react';
+export declare const cellColourPreviewStyles: (selectedColor: string) => SerializedStyles;
+export declare const dragMenuBackgroundColorStyles: () => SerializedStyles;
+export declare const toggleStyles: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "14.2.0",
+	"version": "14.2.2",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -48,7 +48,7 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/icon": "^28.1.0",
+		"@atlaskit/icon": "^28.2.0",
 		"@atlaskit/insm": "^0.1.0",
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -59,7 +59,7 @@
 		"@atlaskit/primitives": "^14.14.0",
 		"@atlaskit/react-ufo": "^4.7.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.18.0",
+		"@atlaskit/tmp-editor-statsig": "^12.22.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^109.5.0",
+		"@atlaskit/editor-common": "^109.6.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"