@atlaskit/editor-plugin-table 15.0.10 → 15.0.12

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-table
 
+## 15.0.12
+
+### Patch Changes
+
+- [`c0ef0bedb49c0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c0ef0bedb49c0) -
+  EDITOR-1391 only send table width information events if there are tables, add enums and boolean
+  values for table width, editor width and scrollbar existence for ingestion in signalfx
+- Updated dependencies
+
+## 15.0.11
+
+### Patch Changes
+
+- [`ef001bf65d48f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ef001bf65d48f) -
+  Remove usage of `platform_editor_toolbar_aifc` inside editor packages - instead rely on checking
+  for new toolbar plugin option, make `enableNewToolbarExperience` mandatory for consumers to opt in
+  to new toolbar experience
+- Updated dependencies
+
 ## 15.0.10
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableResizer.js

@@ -120,7 +120,7 @@ var selector = function selector(states) {
   };
 };
 var TableResizer = exports.TableResizer = function TableResizer(_ref) {
-  var _editorView$state, _pluginInjectionApi$a2;
+  var _editorView$state, _pluginInjectionApi$a2, _pluginInjectionApi$u2;
   var children = _ref.children,
     width = _ref.width,
     maxWidth = _ref.maxWidth,
@@ -162,6 +162,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     setSnappingEnabled = _useState2[1];
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
+  var isToolbarAIFCEnabled = Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar);
   var currentSelection = (_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection;
   var tableFromSelection = (0, _react.useMemo)(function () {
     return (0, _utils.findTable)(currentSelection);
@@ -265,7 +266,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     tr.setMeta(_tableAnalytics.META_KEYS.OVERFLOW_TRIGGER, {
       name: _analytics.TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED
     });
-    if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) || (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true)) {
+    if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
       var _pluginInjectionApi$u;
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u === void 0 || _pluginInjectionApi$u.commands.setCurrentUserIntent('resizing')({
         tr: tr
@@ -277,7 +278,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     if (onResizeStart) {
       onResizeStart();
     }
-  }, [startMeasure, editorView, displayGapCursor, node.attrs.localId, tableRef, isTableScalingEnabled, excludeGuidelineConfig, containerWidth, lineLength, displayGuideline, onResizeStart, isFullWidthModeEnabled, pluginInjectionApi]);
+  }, [startMeasure, editorView, displayGapCursor, node.attrs.localId, tableRef, isToolbarAIFCEnabled, isTableScalingEnabled, isFullWidthModeEnabled, lineLength, containerWidth, excludeGuidelineConfig, displayGuideline, onResizeStart, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u2 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u2 === void 0 ? void 0 : _pluginInjectionApi$u2.commands]);
   var handleResize = (0, _react.useCallback)(
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -342,9 +343,9 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
       tableRef: null
     });
     tr.setMeta('is-resizer-resizing', false);
-    if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) || (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true)) {
-      var _pluginInjectionApi$u2;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u2 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u2 === void 0 || _pluginInjectionApi$u2.commands.setCurrentUserIntent('default')({
+    if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
+      var _pluginInjectionApi$u3;
+      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u3 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u3 === void 0 || _pluginInjectionApi$u3.commands.setCurrentUserIntent('default')({
         tr: tr
       });
     }
@@ -414,7 +415,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
       (_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]);
+  }, [editorView, getPos, node, isCommentEditor, widthToWidest, isToolbarAIFCEnabled, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, pluginInjectionApi, attachAnalyticsEvent, tableRef, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage]);
   var handleTableSizeChangeOnKeypress = (0, _react.useCallback)(function (step) {
     var newWidth = width + step;
     if ((0, _expValEquals.expValEquals)('platform_editor_tables_scaling_css', 'isEnabled', true)) {

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

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,8 +8,10 @@ exports.generateResizedPayload = exports.generateResizeFrameRatePayloads = void
 exports.getSelectedCellInfo = getSelectedCellInfo;
 exports.getSelectedTableInfo = getSelectedTableInfo;
 exports.withEditorAnalyticsAPI = exports.useMeasureFramerate = exports.reduceResizeFrameRateSamples = exports.getWidthInfoPayload = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = require("react");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _analytics2 = require("@atlaskit/editor-common/utils/analytics");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _colgroup = require("../table-resizing/utils/colgroup");
@@ -229,11 +232,25 @@ var getWidthInfoPayload = exports.getWidthInfoPayload = function getWidthInfoPay
       }
     }
   });
+
+  // only send the event if there are tables on the page
+  if (tablesInfo.length === 0) {
+    return undefined;
+  }
+  var maxTableWidth = Math.max.apply(Math, (0, _toConsumableArray2.default)(tablesInfo.map(function (table) {
+    return table.tableWidth;
+  })));
   return {
     action: _analytics.TABLE_ACTION.TABLE_WIDTH_INFO,
     actionSubject: _analytics.ACTION_SUBJECT.TABLE,
     attributes: {
       editorWidth: editorWidth,
+      editorWidthBreakpoint: (0, _analytics2.getBreakpointKey)(editorWidth),
+      hasTableWithScrollbar: tablesInfo.some(function (table) {
+        return table.hasScrollbar;
+      }),
+      hasTableWiderThanEditor: maxTableWidth > editorWidth,
+      maxTableWidthBreakpoint: (0, _analytics2.getBreakpointKey)(maxTableWidth),
       tableWidthInfo: tablesInfo,
       mode: 'editor'
     },

package/dist/cjs/tablePlugin.js

@@ -431,7 +431,10 @@ var tablePlugin = function tablePlugin(_ref) {
                     var _api$width$sharedStat2;
                     var editorWidth = api === null || api === void 0 || (_api$width$sharedStat2 = api.width.sharedState.currentState()) === null || _api$width$sharedStat2 === void 0 ? void 0 : _api$width$sharedStat2.width;
                     if (editorWidth && editorViewRef.current) {
-                      dispatchAnalyticsEvent((0, _analytics2.getWidthInfoPayload)(editorViewRef.current, editorWidth));
+                      var payload = (0, _analytics2.getWidthInfoPayload)(editorViewRef.current, editorWidth);
+                      if (payload) {
+                        dispatchAnalyticsEvent(payload);
+                      }
                     }
                   };
                   if (window && typeof window.requestIdleCallback === 'function') {

package/dist/cjs/ui/FloatingDragMenu/DragMenu.js

@@ -25,7 +25,6 @@ var _utils2 = require("@atlaskit/editor-tables/utils");
 var _paintBucketEditorBackgroundColor = _interopRequireDefault(require("@atlaskit/icon/core/migration/paint-bucket--editor-background-color"));
 var _primitives = require("@atlaskit/primitives");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _toggle = _interopRequireDefault(require("@atlaskit/toggle"));
 var _commands = require("../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../pm-plugins/commands/commands-with-analytics");
@@ -239,6 +238,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
   var _convertToDropdownIte = convertToDropdownItems(dragMenuConfig, formatMessage, selectionRect),
     menuItems = _convertToDropdownIte.menuItems,
     menuCallback = _convertToDropdownIte.menuCallback;
+  var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
   var handleSubMenuRef = function handleSubMenuRef(ref) {
     var parent = (0, _utils.closestElement)(
     // Ignored via go/ees005
@@ -526,7 +526,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     boundariesElement: boundariesElement,
     scrollableElement: scrollableElement
   });
-  return (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true) ? (0, _react2.jsx)(_userIntent.UserIntentPopupWrapper, {
+  return isToolbarAIFCEnabled ? (0, _react2.jsx)(_userIntent.UserIntentPopupWrapper, {
     api: api
   }, Menu) : Menu;
 });

package/dist/cjs/ui/toolbar.js

@@ -115,7 +115,6 @@ var getToolbarMenuConfig = exports.getToolbarMenuConfig = function getToolbarMen
       id: 'editor.table.tableOptions',
       type: 'dropdown',
       testId: 'table_options',
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       icon: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? undefined : _customizePreferences.default,
       iconBefore: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? _customizePreferences.default : undefined,
       title: formatMessage(_messages.tableMessages.tableOptions),

package/dist/es2019/nodeviews/TableResizer.js

@@ -132,7 +132,7 @@ export const TableResizer = ({
   isCommentEditor,
   disabled
 }) => {
-  var _editorView$state, _pluginInjectionApi$a2;
+  var _editorView$state, _pluginInjectionApi$a2, _pluginInjectionApi$u2;
   const currentGap = useRef(0);
   // track resizing state - use ref over state to avoid re-render
   const isResizing = useRef(false);
@@ -149,6 +149,7 @@ export const TableResizer = ({
   const {
     formatMessage
   } = useIntl();
+  const isToolbarAIFCEnabled = Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar);
   const currentSelection = (_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection;
   const tableFromSelection = useMemo(() => {
     return findTable(currentSelection);
@@ -258,7 +259,7 @@ export const TableResizer = ({
     tr.setMeta(META_KEYS.OVERFLOW_TRIGGER, {
       name: TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED
     });
-    if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || editorExperiment('platform_editor_toolbar_aifc', true)) {
+    if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
       var _pluginInjectionApi$u;
       pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$u = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u === void 0 ? void 0 : _pluginInjectionApi$u.commands.setCurrentUserIntent('resizing')({
         tr
@@ -270,7 +271,7 @@ export const TableResizer = ({
     if (onResizeStart) {
       onResizeStart();
     }
-  }, [startMeasure, editorView, displayGapCursor, node.attrs.localId, tableRef, isTableScalingEnabled, excludeGuidelineConfig, containerWidth, lineLength, displayGuideline, onResizeStart, isFullWidthModeEnabled, pluginInjectionApi]);
+  }, [startMeasure, editorView, displayGapCursor, node.attrs.localId, tableRef, isToolbarAIFCEnabled, isTableScalingEnabled, isFullWidthModeEnabled, lineLength, containerWidth, excludeGuidelineConfig, displayGuideline, onResizeStart, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$u2 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u2 === void 0 ? void 0 : _pluginInjectionApi$u2.commands]);
   const handleResize = useCallback(
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -337,9 +338,9 @@ export const TableResizer = ({
       tableRef: null
     });
     tr.setMeta('is-resizer-resizing', false);
-    if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || editorExperiment('platform_editor_toolbar_aifc', true)) {
-      var _pluginInjectionApi$u2;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$u2 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u2 === void 0 ? void 0 : _pluginInjectionApi$u2.commands.setCurrentUserIntent('default')({
+    if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
+      var _pluginInjectionApi$u3;
+      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$u3 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u3 === void 0 ? void 0 : _pluginInjectionApi$u3.commands.setCurrentUserIntent('default')({
         tr
       });
     }
@@ -410,7 +411,7 @@ export const TableResizer = ({
       (_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]);
+  }, [editorView, getPos, node, isCommentEditor, widthToWidest, isToolbarAIFCEnabled, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, pluginInjectionApi, attachAnalyticsEvent, tableRef, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage]);
   const handleTableSizeChangeOnKeypress = useCallback(step => {
     const newWidth = width + step;
     if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {

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

@@ -1,5 +1,6 @@
 import { useEffect, useRef } from 'react';
 import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
+import { getBreakpointKey } from '@atlaskit/editor-common/utils/analytics';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { hasTableBeenResized } from '../table-resizing/utils/colgroup';
@@ -206,11 +207,21 @@ export const getWidthInfoPayload = (editorView, editorWidth) => {
       }
     }
   });
+
+  // only send the event if there are tables on the page
+  if (tablesInfo.length === 0) {
+    return undefined;
+  }
+  const maxTableWidth = Math.max(...tablesInfo.map(table => table.tableWidth));
   return {
     action: TABLE_ACTION.TABLE_WIDTH_INFO,
     actionSubject: ACTION_SUBJECT.TABLE,
     attributes: {
-      editorWidth: editorWidth,
+      editorWidth,
+      editorWidthBreakpoint: getBreakpointKey(editorWidth),
+      hasTableWithScrollbar: tablesInfo.some(table => table.hasScrollbar),
+      hasTableWiderThanEditor: maxTableWidth > editorWidth,
+      maxTableWidthBreakpoint: getBreakpointKey(maxTableWidth),
       tableWidthInfo: tablesInfo,
       mode: 'editor'
     },

package/dist/es2019/tablePlugin.js

@@ -420,7 +420,10 @@ const tablePlugin = ({
                     var _api$width$sharedStat2;
                     const editorWidth = api === null || api === void 0 ? void 0 : (_api$width$sharedStat2 = api.width.sharedState.currentState()) === null || _api$width$sharedStat2 === void 0 ? void 0 : _api$width$sharedStat2.width;
                     if (editorWidth && editorViewRef.current) {
-                      dispatchAnalyticsEvent(getWidthInfoPayload(editorViewRef.current, editorWidth));
+                      const payload = getWidthInfoPayload(editorViewRef.current, editorWidth);
+                      if (payload) {
+                        dispatchAnalyticsEvent(payload);
+                      }
                     }
                   };
                   if (window && typeof window.requestIdleCallback === 'function') {

package/dist/es2019/ui/FloatingDragMenu/DragMenu.js

@@ -24,7 +24,6 @@ import PaintBucketIcon from '@atlaskit/icon/core/migration/paint-bucket--editor-
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Toggle from '@atlaskit/toggle';
 import { clearHoverSelection, hoverColumns, hoverRows } from '../../pm-plugins/commands';
 import { setColorWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
@@ -229,6 +228,7 @@ const DragMenu = /*#__PURE__*/React.memo(({
     menuItems,
     menuCallback
   } = convertToDropdownItems(dragMenuConfig, formatMessage, selectionRect);
+  const isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
   const handleSubMenuRef = ref => {
     const parent = closestElement(
     // Ignored via go/ees005
@@ -525,7 +525,7 @@ const DragMenu = /*#__PURE__*/React.memo(({
     boundariesElement: boundariesElement,
     scrollableElement: scrollableElement
   });
-  return editorExperiment('platform_editor_toolbar_aifc', true) ? jsx(UserIntentPopupWrapper, {
+  return isToolbarAIFCEnabled ? jsx(UserIntentPopupWrapper, {
     api: api
   }, Menu) : Menu;
 });

package/dist/es2019/ui/toolbar.js

@@ -103,7 +103,6 @@ export const getToolbarMenuConfig = (config, state, {
       id: 'editor.table.tableOptions',
       type: 'dropdown',
       testId: 'table_options',
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       icon: fg('platform-visual-refresh-icons') ? undefined : CustomizeIcon,
       iconBefore: fg('platform-visual-refresh-icons') ? CustomizeIcon : undefined,
       title: formatMessage(messages.tableOptions),

package/dist/esm/nodeviews/TableResizer.js

@@ -111,7 +111,7 @@ var selector = function selector(states) {
   };
 };
 export var TableResizer = function TableResizer(_ref) {
-  var _editorView$state, _pluginInjectionApi$a2;
+  var _editorView$state, _pluginInjectionApi$a2, _pluginInjectionApi$u2;
   var children = _ref.children,
     width = _ref.width,
     maxWidth = _ref.maxWidth,
@@ -153,6 +153,7 @@ export var TableResizer = function TableResizer(_ref) {
     setSnappingEnabled = _useState2[1];
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
+  var isToolbarAIFCEnabled = Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar);
   var currentSelection = (_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection;
   var tableFromSelection = useMemo(function () {
     return findTable(currentSelection);
@@ -256,7 +257,7 @@ export var TableResizer = function TableResizer(_ref) {
     tr.setMeta(META_KEYS.OVERFLOW_TRIGGER, {
       name: TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED
     });
-    if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || editorExperiment('platform_editor_toolbar_aifc', true)) {
+    if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
       var _pluginInjectionApi$u;
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u === void 0 || _pluginInjectionApi$u.commands.setCurrentUserIntent('resizing')({
         tr: tr
@@ -268,7 +269,7 @@ export var TableResizer = function TableResizer(_ref) {
     if (onResizeStart) {
       onResizeStart();
     }
-  }, [startMeasure, editorView, displayGapCursor, node.attrs.localId, tableRef, isTableScalingEnabled, excludeGuidelineConfig, containerWidth, lineLength, displayGuideline, onResizeStart, isFullWidthModeEnabled, pluginInjectionApi]);
+  }, [startMeasure, editorView, displayGapCursor, node.attrs.localId, tableRef, isToolbarAIFCEnabled, isTableScalingEnabled, isFullWidthModeEnabled, lineLength, containerWidth, excludeGuidelineConfig, displayGuideline, onResizeStart, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u2 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u2 === void 0 ? void 0 : _pluginInjectionApi$u2.commands]);
   var handleResize = useCallback(
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -333,9 +334,9 @@ export var TableResizer = function TableResizer(_ref) {
       tableRef: null
     });
     tr.setMeta('is-resizer-resizing', false);
-    if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || editorExperiment('platform_editor_toolbar_aifc', true)) {
-      var _pluginInjectionApi$u2;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u2 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u2 === void 0 || _pluginInjectionApi$u2.commands.setCurrentUserIntent('default')({
+    if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
+      var _pluginInjectionApi$u3;
+      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u3 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u3 === void 0 || _pluginInjectionApi$u3.commands.setCurrentUserIntent('default')({
         tr: tr
       });
     }
@@ -405,7 +406,7 @@ export var TableResizer = function TableResizer(_ref) {
       (_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]);
+  }, [editorView, getPos, node, isCommentEditor, widthToWidest, isToolbarAIFCEnabled, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, pluginInjectionApi, attachAnalyticsEvent, tableRef, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage]);
   var handleTableSizeChangeOnKeypress = useCallback(function (step) {
     var newWidth = width + step;
     if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {

package/dist/esm/pm-plugins/utils/analytics.js

@@ -1,5 +1,7 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { useEffect, useRef } from 'react';
 import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
+import { getBreakpointKey } from '@atlaskit/editor-common/utils/analytics';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { hasTableBeenResized } from '../table-resizing/utils/colgroup';
@@ -220,11 +222,25 @@ export var getWidthInfoPayload = function getWidthInfoPayload(editorView, editor
       }
     }
   });
+
+  // only send the event if there are tables on the page
+  if (tablesInfo.length === 0) {
+    return undefined;
+  }
+  var maxTableWidth = Math.max.apply(Math, _toConsumableArray(tablesInfo.map(function (table) {
+    return table.tableWidth;
+  })));
   return {
     action: TABLE_ACTION.TABLE_WIDTH_INFO,
     actionSubject: ACTION_SUBJECT.TABLE,
     attributes: {
       editorWidth: editorWidth,
+      editorWidthBreakpoint: getBreakpointKey(editorWidth),
+      hasTableWithScrollbar: tablesInfo.some(function (table) {
+        return table.hasScrollbar;
+      }),
+      hasTableWiderThanEditor: maxTableWidth > editorWidth,
+      maxTableWidthBreakpoint: getBreakpointKey(maxTableWidth),
       tableWidthInfo: tablesInfo,
       mode: 'editor'
     },

package/dist/esm/tablePlugin.js

@@ -422,7 +422,10 @@ var tablePlugin = function tablePlugin(_ref) {
                     var _api$width$sharedStat2;
                     var editorWidth = api === null || api === void 0 || (_api$width$sharedStat2 = api.width.sharedState.currentState()) === null || _api$width$sharedStat2 === void 0 ? void 0 : _api$width$sharedStat2.width;
                     if (editorWidth && editorViewRef.current) {
-                      dispatchAnalyticsEvent(getWidthInfoPayload(editorViewRef.current, editorWidth));
+                      var payload = getWidthInfoPayload(editorViewRef.current, editorWidth);
+                      if (payload) {
+                        dispatchAnalyticsEvent(payload);
+                      }
                     }
                   };
                   if (window && typeof window.requestIdleCallback === 'function') {

package/dist/esm/ui/FloatingDragMenu/DragMenu.js

@@ -26,7 +26,6 @@ import PaintBucketIcon from '@atlaskit/icon/core/migration/paint-bucket--editor-
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Toggle from '@atlaskit/toggle';
 import { clearHoverSelection, hoverColumns, hoverRows } from '../../pm-plugins/commands';
 import { setColorWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
@@ -228,6 +227,7 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
   var _convertToDropdownIte = convertToDropdownItems(dragMenuConfig, formatMessage, selectionRect),
     menuItems = _convertToDropdownIte.menuItems,
     menuCallback = _convertToDropdownIte.menuCallback;
+  var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
   var handleSubMenuRef = function handleSubMenuRef(ref) {
     var parent = closestElement(
     // Ignored via go/ees005
@@ -515,7 +515,7 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
     boundariesElement: boundariesElement,
     scrollableElement: scrollableElement
   });
-  return editorExperiment('platform_editor_toolbar_aifc', true) ? jsx(UserIntentPopupWrapper, {
+  return isToolbarAIFCEnabled ? jsx(UserIntentPopupWrapper, {
     api: api
   }, Menu) : Menu;
 });

package/dist/esm/ui/toolbar.js

@@ -108,7 +108,6 @@ export var getToolbarMenuConfig = function getToolbarMenuConfig(config, state, _
       id: 'editor.table.tableOptions',
       type: 'dropdown',
       testId: 'table_options',
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       icon: fg('platform-visual-refresh-icons') ? undefined : CustomizeIcon,
       iconBefore: fg('platform-visual-refresh-icons') ? CustomizeIcon : undefined,
       title: formatMessage(messages.tableOptions),

package/dist/types/pm-plugins/utils/analytics.d.ts

@@ -44,5 +44,5 @@ export declare const useMeasureFramerate: (config?: UseMeasureFramerateConfig) =
     endMeasure: () => number[];
     countFrames: () => void;
 };
-export declare const getWidthInfoPayload: (editorView: EditorView, editorWidth: number) => TableEventPayload;
+export declare const getWidthInfoPayload: (editorView: EditorView, editorWidth: number) => TableEventPayload | undefined;
 export {};

package/dist/types-ts4.5/pm-plugins/utils/analytics.d.ts

@@ -44,5 +44,5 @@ export declare const useMeasureFramerate: (config?: UseMeasureFramerateConfig) =
     endMeasure: () => number[];
     countFrames: () => void;
 };
-export declare const getWidthInfoPayload: (editorView: EditorView, editorWidth: number) => TableEventPayload;
+export declare const getWidthInfoPayload: (editorView: EditorView, editorWidth: number) => TableEventPayload | undefined;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "15.0.10",
+	"version": "15.0.12",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,11 +42,11 @@
 		"@atlaskit/editor-plugin-interaction": "^8.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^3.0.0",
 		"@atlaskit/editor-plugin-selection": "^6.1.0",
-		"@atlaskit/editor-plugin-toolbar": "^3.1.0",
+		"@atlaskit/editor-plugin-toolbar": "^3.2.0",
 		"@atlaskit/editor-plugin-user-intent": "^4.0.0",
 		"@atlaskit/editor-plugin-width": "^7.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-shared-styles": "^3.6.0",
+		"@atlaskit/editor-shared-styles": "^3.7.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/insm": "^0.1.0",
@@ -59,7 +59,7 @@
 		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/react-ufo": "^4.11.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.6.0",
+		"@atlaskit/tmp-editor-statsig": "^13.10.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/tokens": "^6.4.0",
 		"@atlaskit/tooltip": "^20.5.0",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.10.0",
+		"@atlaskit/editor-common": "^110.11.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"