@atlaskit/editor-plugin-table 15.3.11 → 15.3.13

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-table
 
+## 15.3.13
+
+### Patch Changes
+
+- [`ca454ed251e1e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ca454ed251e1e) -
+  Add table height analytics
+- Updated dependencies
+
+## 15.3.12
+
+### Patch Changes
+
+- [`c094becfaeeaa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c094becfaeeaa) -
+  EDITOR-2476 Introduce new utility method to check if nested tables is supported in the schema to
+  facilitate removal of gate `platform_editor_use_nested_table_pm_nodes`
+- Updated dependencies
+
 ## 15.3.11
 
 ### Patch Changes

package/dist/cjs/pm-plugins/commands/insert.js

@@ -234,16 +234,16 @@ var insertTableWithSize = exports.insertTableWithSize = function insertTableWith
 /**
  * Unified command to insert a new table into the editor.
  *
- * @param {Object} options - Configuration options for table insertion.
+ * @param {object} options - Configuration options for table insertion.
  * @param {boolean} [options.isTableScalingEnabled=false] - Flag to enable table scaling.
  * @param {boolean} [options.isTableAlignmentEnabled=false] - Flag to enable table alignment.
  * @param {boolean} [options.isFullWidthModeEnabled=false] - Flag to enable full-width mode for the table.
  * @param {boolean} [options.isCommentEditor=false] - Flag to indicate if the editor is in comment mode.
  * @param {boolean} [options.isChromelessEditor=false] - Flag to indicate if the editor is chromeless.
  * @param {boolean} [options.isTableResizingEnabled=false] - Flag to enable table resizing.
- * @param {Object} [options.createTableProps={}] - Additional properties for table creation, including table size.
- * @param {Object} api - PluginInjectinoApi object for content insertion commands.
- * @param {Object} analyticsPayload - Payload for analytics tracking.
+ * @param {object} [options.createTableProps={}] - Additional properties for table creation, including table size.
+ * @param {object} api - PluginInjectinoApi object for content insertion commands.
+ * @param {object} analyticsPayload - Payload for analytics tracking.
  *
  * @returns {Function} A function that takes a transaction and inserts a table.
  */
@@ -270,7 +270,7 @@ var insertTableWithNestingSupport = exports.insertTableWithNestingSupport = func
     // If the cursor is inside a table
     var insertAt;
     var isNestedTable = false;
-    if ((0, _utils.hasParentNodeOfType)(schema.nodes.table)(tr.selection) && (0, _platformFeatureFlags.fg)('platform_editor_use_nested_table_pm_nodes')) {
+    if ((0, _utils.hasParentNodeOfType)(schema.nodes.table)(tr.selection) && (0, _nesting.isNestedTablesSupported)(schema) && (0, _platformFeatureFlags.fg)('platform_editor_use_nested_table_pm_nodes')) {
       // If the experiment is disabled, or we're trying to nest deeper than one level, we insert the table after the top table
       if ((0, _experiments.editorExperiment)('nested-tables-in-tables', false, {
         exposure: true

package/dist/cjs/pm-plugins/main.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _browser = require("@atlaskit/editor-common/browser");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
+var _nesting = require("@atlaskit/editor-common/nesting");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _transforms = require("@atlaskit/editor-common/transforms");
 var _utils = require("@atlaskit/editor-common/utils");
@@ -245,7 +246,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
           slice = (0, _misc.transformSliceToFixDarkModeDefaultBackgroundColor)(slice, schema);
         }
         slice = (0, _transforms.transformSliceToRemoveOpenNestedExpand)(slice, schema);
-        if ((0, _platformFeatureFlags.fg)('platform_editor_use_nested_table_pm_nodes')) {
+        if ((0, _nesting.isNestedTablesSupported)(schema) && (0, _platformFeatureFlags.fg)('platform_editor_use_nested_table_pm_nodes')) {
           slice = (0, _paste.transformSliceToRemoveNestedTables)(slice, schema, editorState.selection);
         }
         return slice;

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generateResizedPayload = exports.generateResizeFrameRatePayloads = void 0;
+exports.getHeightInfoPayload = exports.generateResizedPayload = exports.generateResizeFrameRatePayloads = void 0;
 exports.getSelectedCellInfo = getSelectedCellInfo;
 exports.getSelectedTableInfo = getSelectedTableInfo;
 exports.withEditorAnalyticsAPI = exports.useMeasureFramerate = exports.reduceResizeFrameRateSamples = exports.getWidthInfoPayload = void 0;
@@ -256,4 +256,51 @@ var getWidthInfoPayload = exports.getWidthInfoPayload = function getWidthInfoPay
     },
     eventType: _analytics.EVENT_TYPE.OPERATIONAL
   };
+};
+var getHeightInfoPayload = exports.getHeightInfoPayload = function getHeightInfoPayload(editorView) {
+  var tablesInfo = [];
+  var editorPopupScrollParent = editorView.dom.closest('.fabric-editor-popup-scroll-parent');
+
+  // don't send the event if the editor scroll parent is not available
+  if (!editorPopupScrollParent) {
+    return undefined;
+  }
+  var editorScrollParentClientHeight = editorPopupScrollParent.clientHeight;
+  var isEditorScrollable = editorPopupScrollParent.scrollHeight > editorScrollParentClientHeight;
+  editorView.state.doc.nodesBetween(0, editorView.state.doc.content.size, function (node, pos, parent) {
+    if (!tableContainerNodes.has(node.type.name)) {
+      return false;
+    }
+    if (node.type.name === 'table') {
+      var _domAtPos$node2;
+      var domAtPos = editorView.domAtPos(pos + 1);
+      var table = (_domAtPos$node2 = domAtPos.node) === null || _domAtPos$node2 === void 0 ? void 0 : _domAtPos$node2.parentElement;
+      var isNestedTable = (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'tableCell' || (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'tableHeader';
+      if (table instanceof HTMLTableElement) {
+        tablesInfo.push({
+          isNestedTable: isNestedTable,
+          tableHeight: table.scrollHeight
+        });
+      }
+    }
+  });
+
+  // only send the event if there are tables on the page
+  if (tablesInfo.length === 0) {
+    return undefined;
+  }
+  var maxTableHeight = Math.max.apply(Math, (0, _toConsumableArray2.default)(tablesInfo.map(function (table) {
+    return table.tableHeight;
+  })));
+  return {
+    action: _analytics.TABLE_ACTION.TABLE_EDITOR_HEIGHT_INFO,
+    actionSubject: _analytics.ACTION_SUBJECT.TABLE,
+    attributes: {
+      editorScrollParentClientHeight: editorScrollParentClientHeight,
+      isEditorScrollable: isEditorScrollable,
+      maxTableToEditorHeightRatio: maxTableHeight / editorScrollParentClientHeight,
+      tableHeightInfo: tablesInfo
+    },
+    eventType: _analytics.EVENT_TYPE.OPERATIONAL
+  };
 };

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

@@ -15,6 +15,8 @@ var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils2 = require("@atlaskit/editor-tables/utils");
 var _types = require("../../types");
 var _ColumnResizeWidget = require("../../ui/ColumnResizeWidget");
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+
 // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
 
 var filterDecorationByKey = function filterDecorationByKey(key, decorationSet) {
@@ -268,6 +270,7 @@ var createResizeHandleDecoration = exports.createResizeHandleDecoration = functi
     return emptyResult;
   }
   var createResizerHandleDecoration = function createResizerHandleDecoration(cellColumnPositioning, columnIndex, rowIndex, cellPos, cellNode) {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     var decorationRenderKey = (0, _v.default)();
     var position = cellPos + cellNode.nodeSize - 1;
     return _view.Decoration.widget(position, function () {

package/dist/cjs/pm-plugins/view-mode-sort/index.js

@@ -28,7 +28,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * This plugin allows sorting of table nodes in the Editor without modifying the underlying ProseMirror document.
  * Instead of making changes to the ProseMirror document, the plugin sorts the table rows in the DOM. This allows the sorting to be
  * visible to the user without affecting the document's content.
- */
+ */ // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var createPlugin = exports.createPlugin = function createPlugin(api, nodeViewPortalProviderAPI) {
   return new _safePlugin.SafePlugin({
     state: {
@@ -111,6 +111,7 @@ var createPlugin = exports.createPlugin = function createPlugin(api, nodeViewPor
             var map = _tableMap.TableMap.get(tableNode);
             var hasMergedCells = new Set(map.map).size !== map.map.length;
             map.mapByRow[0].forEach(function (cell, index) {
+              // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
               var decorationRenderKey = (0, _v.default)();
               decs.push(_view.Decoration.widget(cell + pos + 2, function () {
                 var _sort$tableId;

package/dist/cjs/tablePlugin.js

@@ -430,10 +430,18 @@ var tablePlugin = function tablePlugin(_ref) {
                   var requestIdleCallbackFn = function requestIdleCallbackFn() {
                     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) {
-                      var payload = (0, _analytics2.getWidthInfoPayload)(editorViewRef.current, editorWidth);
-                      if (payload) {
-                        dispatchAnalyticsEvent(payload);
+                    if (editorViewRef.current) {
+                      if (editorWidth) {
+                        var payload = (0, _analytics2.getWidthInfoPayload)(editorViewRef.current, editorWidth);
+                        if (payload) {
+                          dispatchAnalyticsEvent(payload);
+                        }
+                      }
+                      if ((0, _platformFeatureFlags.fg)('platform_editor_table_height_analytics_event')) {
+                        var payloadHeight = (0, _analytics2.getHeightInfoPayload)(editorViewRef.current);
+                        if (payloadHeight) {
+                          dispatchAnalyticsEvent(payloadHeight);
+                        }
                       }
                     }
                   };

package/dist/cjs/ui/toolbar.js

@@ -488,7 +488,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(getE
             onBlur: (0, _commands.clearHoverSelection)()
           }]
         };
-        var isNestedTable = (0, _platformFeatureFlags.fg)('platform_editor_use_nested_table_pm_nodes') && (0, _nesting.isSelectionTableNestedInTable)(state);
+        var isNestedTable = (0, _nesting.isNestedTablesSupported)(state.schema) && (0, _platformFeatureFlags.fg)('platform_editor_use_nested_table_pm_nodes') && (0, _nesting.isSelectionTableNestedInTable)(state);
         var hoverTableProps = function hoverTableProps(isInDanger, isSelected) {
           return {
             onMouseEnter: (0, _commands.hoverTable)(isInDanger, isSelected),

package/dist/es2019/pm-plugins/commands/insert.js

@@ -1,7 +1,7 @@
 // #region Imports
 import { AddColumnStep } from '@atlaskit/custom-steps';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
-import { getParentOfTypeCount, getPositionAfterTopParentNodeOfType } from '@atlaskit/editor-common/nesting';
+import { getParentOfTypeCount, getPositionAfterTopParentNodeOfType, isNestedTablesSupported } from '@atlaskit/editor-common/nesting';
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { hasParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
@@ -198,16 +198,16 @@ export const insertTableWithSize = (isFullWidthModeEnabled, isTableScalingEnable
 /**
  * Unified command to insert a new table into the editor.
  *
- * @param {Object} options - Configuration options for table insertion.
+ * @param {object} options - Configuration options for table insertion.
  * @param {boolean} [options.isTableScalingEnabled=false] - Flag to enable table scaling.
  * @param {boolean} [options.isTableAlignmentEnabled=false] - Flag to enable table alignment.
  * @param {boolean} [options.isFullWidthModeEnabled=false] - Flag to enable full-width mode for the table.
  * @param {boolean} [options.isCommentEditor=false] - Flag to indicate if the editor is in comment mode.
  * @param {boolean} [options.isChromelessEditor=false] - Flag to indicate if the editor is chromeless.
  * @param {boolean} [options.isTableResizingEnabled=false] - Flag to enable table resizing.
- * @param {Object} [options.createTableProps={}] - Additional properties for table creation, including table size.
- * @param {Object} api - PluginInjectinoApi object for content insertion commands.
- * @param {Object} analyticsPayload - Payload for analytics tracking.
+ * @param {object} [options.createTableProps={}] - Additional properties for table creation, including table size.
+ * @param {object} api - PluginInjectinoApi object for content insertion commands.
+ * @param {object} analyticsPayload - Payload for analytics tracking.
  *
  * @returns {Function} A function that takes a transaction and inserts a table.
  */
@@ -230,7 +230,7 @@ export const insertTableWithNestingSupport = ({
   // If the cursor is inside a table
   let insertAt;
   let isNestedTable = false;
-  if (hasParentNodeOfType(schema.nodes.table)(tr.selection) && fg('platform_editor_use_nested_table_pm_nodes')) {
+  if (hasParentNodeOfType(schema.nodes.table)(tr.selection) && isNestedTablesSupported(schema) && fg('platform_editor_use_nested_table_pm_nodes')) {
     // If the experiment is disabled, or we're trying to nest deeper than one level, we insert the table after the top table
     if (editorExperiment('nested-tables-in-tables', false, {
       exposure: true

package/dist/es2019/pm-plugins/main.js

@@ -1,6 +1,7 @@
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { insideTable } from '@atlaskit/editor-common/core-utils';
+import { isNestedTablesSupported } from '@atlaskit/editor-common/nesting';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { transformSliceToRemoveOpenBodiedExtension, transformSliceToRemoveOpenExpand, transformSliceToRemoveOpenLayoutNodes, transformSliceToRemoveOpenMultiBodiedExtension, transformSliceToRemoveOpenNestedExpand } from '@atlaskit/editor-common/transforms';
 import { closestElement } from '@atlaskit/editor-common/utils';
@@ -237,7 +238,7 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
           slice = transformSliceToFixDarkModeDefaultBackgroundColor(slice, schema);
         }
         slice = transformSliceToRemoveOpenNestedExpand(slice, schema);
-        if (fg('platform_editor_use_nested_table_pm_nodes')) {
+        if (isNestedTablesSupported(schema) && fg('platform_editor_use_nested_table_pm_nodes')) {
           slice = transformSliceToRemoveNestedTables(slice, schema, editorState.selection);
         }
         return slice;

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

@@ -227,4 +227,49 @@ export const getWidthInfoPayload = (editorView, editorWidth) => {
     },
     eventType: EVENT_TYPE.OPERATIONAL
   };
+};
+export const getHeightInfoPayload = editorView => {
+  const tablesInfo = [];
+  const editorPopupScrollParent = editorView.dom.closest('.fabric-editor-popup-scroll-parent');
+
+  // don't send the event if the editor scroll parent is not available
+  if (!editorPopupScrollParent) {
+    return undefined;
+  }
+  const editorScrollParentClientHeight = editorPopupScrollParent.clientHeight;
+  const isEditorScrollable = editorPopupScrollParent.scrollHeight > editorScrollParentClientHeight;
+  editorView.state.doc.nodesBetween(0, editorView.state.doc.content.size, (node, pos, parent) => {
+    if (!tableContainerNodes.has(node.type.name)) {
+      return false;
+    }
+    if (node.type.name === 'table') {
+      var _domAtPos$node2;
+      const domAtPos = editorView.domAtPos(pos + 1);
+      const table = (_domAtPos$node2 = domAtPos.node) === null || _domAtPos$node2 === void 0 ? void 0 : _domAtPos$node2.parentElement;
+      const isNestedTable = (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'tableCell' || (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'tableHeader';
+      if (table instanceof HTMLTableElement) {
+        tablesInfo.push({
+          isNestedTable: isNestedTable,
+          tableHeight: table.scrollHeight
+        });
+      }
+    }
+  });
+
+  // only send the event if there are tables on the page
+  if (tablesInfo.length === 0) {
+    return undefined;
+  }
+  const maxTableHeight = Math.max(...tablesInfo.map(table => table.tableHeight));
+  return {
+    action: TABLE_ACTION.TABLE_EDITOR_HEIGHT_INFO,
+    actionSubject: ACTION_SUBJECT.TABLE,
+    attributes: {
+      editorScrollParentClientHeight,
+      isEditorScrollable,
+      maxTableToEditorHeightRatio: maxTableHeight / editorScrollParentClientHeight,
+      tableHeightInfo: tablesInfo
+    },
+    eventType: EVENT_TYPE.OPERATIONAL
+  };
 };

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

@@ -1,5 +1,6 @@
 import { createElement } from 'react';
 import { RawIntlProvider } from 'react-intl-next';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { nonNullable } from '@atlaskit/editor-common/utils';
 
@@ -238,6 +239,7 @@ export const createResizeHandleDecoration = (tr, rowIndexTarget, columnEndIndexT
     return emptyResult;
   }
   const createResizerHandleDecoration = (cellColumnPositioning, columnIndex, rowIndex, cellPos, cellNode) => {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     const decorationRenderKey = uuid();
     const position = cellPos + cellNode.nodeSize - 1;
     return Decoration.widget(position, () => {

package/dist/es2019/pm-plugins/view-mode-sort/index.js

@@ -6,6 +6,7 @@
 
 import { createElement } from 'react';
 import { RawIntlProvider } from 'react-intl-next';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { SortOrder } from '@atlaskit/editor-common/types';
@@ -84,6 +85,7 @@ export const createPlugin = (api, nodeViewPortalProviderAPI) => {
             const map = TableMap.get(tableNode);
             const hasMergedCells = new Set(map.map).size !== map.map.length;
             map.mapByRow[0].forEach((cell, index) => {
+              // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
               const decorationRenderKey = uuid();
               decs.push(Decoration.widget(cell + pos + 2, () => {
                 var _sort$tableId;

package/dist/es2019/tablePlugin.js

@@ -36,7 +36,7 @@ import { tableSelectionKeymapPlugin } from './pm-plugins/table-selection-keymap'
 import { createPlugin as createSizeSelectorPlugin, pluginKey as sizeSelectorPluginKey } from './pm-plugins/table-size-selector';
 import { createPlugin as createTableWidthPlugin, pluginKey as tableWidthPluginKey } from './pm-plugins/table-width';
 import { createPlugin as createTableWidthInCommentFixPlugin } from './pm-plugins/table-width-in-comment-fix';
-import { getWidthInfoPayload } from './pm-plugins/utils/analytics';
+import { getHeightInfoPayload, getWidthInfoPayload } from './pm-plugins/utils/analytics';
 import { createTableWithWidth } from './pm-plugins/utils/create';
 import { createPlugin as createViewModeSortPlugin } from './pm-plugins/view-mode-sort';
 import { ContentComponent } from './ui/ContentComponent';
@@ -419,10 +419,18 @@ const tablePlugin = ({
                   const requestIdleCallbackFn = () => {
                     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) {
-                      const payload = getWidthInfoPayload(editorViewRef.current, editorWidth);
-                      if (payload) {
-                        dispatchAnalyticsEvent(payload);
+                    if (editorViewRef.current) {
+                      if (editorWidth) {
+                        const payload = getWidthInfoPayload(editorViewRef.current, editorWidth);
+                        if (payload) {
+                          dispatchAnalyticsEvent(payload);
+                        }
+                      }
+                      if (fg('platform_editor_table_height_analytics_event')) {
+                        const payloadHeight = getHeightInfoPayload(editorViewRef.current);
+                        if (payloadHeight) {
+                          dispatchAnalyticsEvent(payloadHeight);
+                        }
                       }
                     }
                   };

package/dist/es2019/ui/toolbar.js

@@ -10,7 +10,7 @@ import { CHANGE_ALIGNMENT_REASON, INPUT_METHOD } from '@atlaskit/editor-common/a
 import { DropdownMenuExtensionItems } from '@atlaskit/editor-common/floating-toolbar';
 import { addColumnAfter, addRowAfter, backspace, tooltip } from '@atlaskit/editor-common/keymaps';
 import commonMessages, { tableMessages as messages } from '@atlaskit/editor-common/messages';
-import { isSelectionTableNestedInTable } from '@atlaskit/editor-common/nesting';
+import { isNestedTablesSupported, isSelectionTableNestedInTable } from '@atlaskit/editor-common/nesting';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { DEFAULT_BORDER_COLOR, cellBackgroundColorPalette } from '@atlaskit/editor-common/ui-color';
@@ -460,7 +460,7 @@ export const getToolbarConfig = (getEditorContainerWidth, api, editorAnalyticsAP
         onBlur: clearHoverSelection()
       }]
     };
-    const isNestedTable = fg('platform_editor_use_nested_table_pm_nodes') && isSelectionTableNestedInTable(state);
+    const isNestedTable = isNestedTablesSupported(state.schema) && fg('platform_editor_use_nested_table_pm_nodes') && isSelectionTableNestedInTable(state);
     const hoverTableProps = (isInDanger, isSelected) => ({
       onMouseEnter: hoverTable(isInDanger, isSelected),
       onMouseLeave: clearHoverSelection(),

package/dist/esm/pm-plugins/commands/insert.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // #region Imports
 import { AddColumnStep } from '@atlaskit/custom-steps';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
-import { getParentOfTypeCount, getPositionAfterTopParentNodeOfType } from '@atlaskit/editor-common/nesting';
+import { getParentOfTypeCount, getPositionAfterTopParentNodeOfType, isNestedTablesSupported } from '@atlaskit/editor-common/nesting';
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { hasParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
@@ -226,16 +226,16 @@ export var insertTableWithSize = function insertTableWithSize(isFullWidthModeEna
 /**
  * Unified command to insert a new table into the editor.
  *
- * @param {Object} options - Configuration options for table insertion.
+ * @param {object} options - Configuration options for table insertion.
  * @param {boolean} [options.isTableScalingEnabled=false] - Flag to enable table scaling.
  * @param {boolean} [options.isTableAlignmentEnabled=false] - Flag to enable table alignment.
  * @param {boolean} [options.isFullWidthModeEnabled=false] - Flag to enable full-width mode for the table.
  * @param {boolean} [options.isCommentEditor=false] - Flag to indicate if the editor is in comment mode.
  * @param {boolean} [options.isChromelessEditor=false] - Flag to indicate if the editor is chromeless.
  * @param {boolean} [options.isTableResizingEnabled=false] - Flag to enable table resizing.
- * @param {Object} [options.createTableProps={}] - Additional properties for table creation, including table size.
- * @param {Object} api - PluginInjectinoApi object for content insertion commands.
- * @param {Object} analyticsPayload - Payload for analytics tracking.
+ * @param {object} [options.createTableProps={}] - Additional properties for table creation, including table size.
+ * @param {object} api - PluginInjectinoApi object for content insertion commands.
+ * @param {object} analyticsPayload - Payload for analytics tracking.
  *
  * @returns {Function} A function that takes a transaction and inserts a table.
  */
@@ -262,7 +262,7 @@ export var insertTableWithNestingSupport = function insertTableWithNestingSuppor
     // If the cursor is inside a table
     var insertAt;
     var isNestedTable = false;
-    if (hasParentNodeOfType(schema.nodes.table)(tr.selection) && fg('platform_editor_use_nested_table_pm_nodes')) {
+    if (hasParentNodeOfType(schema.nodes.table)(tr.selection) && isNestedTablesSupported(schema) && fg('platform_editor_use_nested_table_pm_nodes')) {
       // If the experiment is disabled, or we're trying to nest deeper than one level, we insert the table after the top table
       if (editorExperiment('nested-tables-in-tables', false, {
         exposure: true

package/dist/esm/pm-plugins/main.js

@@ -4,6 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { insideTable } from '@atlaskit/editor-common/core-utils';
+import { isNestedTablesSupported } from '@atlaskit/editor-common/nesting';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { transformSliceToRemoveOpenBodiedExtension, transformSliceToRemoveOpenExpand, transformSliceToRemoveOpenLayoutNodes, transformSliceToRemoveOpenMultiBodiedExtension, transformSliceToRemoveOpenNestedExpand } from '@atlaskit/editor-common/transforms';
 import { closestElement } from '@atlaskit/editor-common/utils';
@@ -238,7 +239,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
           slice = transformSliceToFixDarkModeDefaultBackgroundColor(slice, schema);
         }
         slice = transformSliceToRemoveOpenNestedExpand(slice, schema);
-        if (fg('platform_editor_use_nested_table_pm_nodes')) {
+        if (isNestedTablesSupported(schema) && fg('platform_editor_use_nested_table_pm_nodes')) {
           slice = transformSliceToRemoveNestedTables(slice, schema, editorState.selection);
         }
         return slice;

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

@@ -246,4 +246,51 @@ export var getWidthInfoPayload = function getWidthInfoPayload(editorView, editor
     },
     eventType: EVENT_TYPE.OPERATIONAL
   };
+};
+export var getHeightInfoPayload = function getHeightInfoPayload(editorView) {
+  var tablesInfo = [];
+  var editorPopupScrollParent = editorView.dom.closest('.fabric-editor-popup-scroll-parent');
+
+  // don't send the event if the editor scroll parent is not available
+  if (!editorPopupScrollParent) {
+    return undefined;
+  }
+  var editorScrollParentClientHeight = editorPopupScrollParent.clientHeight;
+  var isEditorScrollable = editorPopupScrollParent.scrollHeight > editorScrollParentClientHeight;
+  editorView.state.doc.nodesBetween(0, editorView.state.doc.content.size, function (node, pos, parent) {
+    if (!tableContainerNodes.has(node.type.name)) {
+      return false;
+    }
+    if (node.type.name === 'table') {
+      var _domAtPos$node2;
+      var domAtPos = editorView.domAtPos(pos + 1);
+      var table = (_domAtPos$node2 = domAtPos.node) === null || _domAtPos$node2 === void 0 ? void 0 : _domAtPos$node2.parentElement;
+      var isNestedTable = (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'tableCell' || (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'tableHeader';
+      if (table instanceof HTMLTableElement) {
+        tablesInfo.push({
+          isNestedTable: isNestedTable,
+          tableHeight: table.scrollHeight
+        });
+      }
+    }
+  });
+
+  // only send the event if there are tables on the page
+  if (tablesInfo.length === 0) {
+    return undefined;
+  }
+  var maxTableHeight = Math.max.apply(Math, _toConsumableArray(tablesInfo.map(function (table) {
+    return table.tableHeight;
+  })));
+  return {
+    action: TABLE_ACTION.TABLE_EDITOR_HEIGHT_INFO,
+    actionSubject: ACTION_SUBJECT.TABLE,
+    attributes: {
+      editorScrollParentClientHeight: editorScrollParentClientHeight,
+      isEditorScrollable: isEditorScrollable,
+      maxTableToEditorHeightRatio: maxTableHeight / editorScrollParentClientHeight,
+      tableHeightInfo: tablesInfo
+    },
+    eventType: EVENT_TYPE.OPERATIONAL
+  };
 };

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

@@ -1,6 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { createElement } from 'react';
 import { RawIntlProvider } from 'react-intl-next';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { nonNullable } from '@atlaskit/editor-common/utils';
 
@@ -262,6 +263,7 @@ export var createResizeHandleDecoration = function createResizeHandleDecoration(
     return emptyResult;
   }
   var createResizerHandleDecoration = function createResizerHandleDecoration(cellColumnPositioning, columnIndex, rowIndex, cellPos, cellNode) {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     var decorationRenderKey = uuid();
     var position = cellPos + cellNode.nodeSize - 1;
     return Decoration.widget(position, function () {

package/dist/esm/pm-plugins/view-mode-sort/index.js

@@ -14,6 +14,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { createElement } from 'react';
 import { RawIntlProvider } from 'react-intl-next';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { SortOrder } from '@atlaskit/editor-common/types';
@@ -106,6 +107,7 @@ export var createPlugin = function createPlugin(api, nodeViewPortalProviderAPI)
             var map = TableMap.get(tableNode);
             var hasMergedCells = new Set(map.map).size !== map.map.length;
             map.mapByRow[0].forEach(function (cell, index) {
+              // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
               var decorationRenderKey = uuid();
               decs.push(Decoration.widget(cell + pos + 2, function () {
                 var _sort$tableId;

package/dist/esm/tablePlugin.js

@@ -39,7 +39,7 @@ import { tableSelectionKeymapPlugin } from './pm-plugins/table-selection-keymap'
 import { createPlugin as createSizeSelectorPlugin, pluginKey as sizeSelectorPluginKey } from './pm-plugins/table-size-selector';
 import { createPlugin as createTableWidthPlugin, pluginKey as tableWidthPluginKey } from './pm-plugins/table-width';
 import { createPlugin as createTableWidthInCommentFixPlugin } from './pm-plugins/table-width-in-comment-fix';
-import { getWidthInfoPayload } from './pm-plugins/utils/analytics';
+import { getHeightInfoPayload, getWidthInfoPayload } from './pm-plugins/utils/analytics';
 import { createTableWithWidth } from './pm-plugins/utils/create';
 import { createPlugin as createViewModeSortPlugin } from './pm-plugins/view-mode-sort';
 import { ContentComponent } from './ui/ContentComponent';
@@ -421,10 +421,18 @@ var tablePlugin = function tablePlugin(_ref) {
                   var requestIdleCallbackFn = function requestIdleCallbackFn() {
                     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) {
-                      var payload = getWidthInfoPayload(editorViewRef.current, editorWidth);
-                      if (payload) {
-                        dispatchAnalyticsEvent(payload);
+                    if (editorViewRef.current) {
+                      if (editorWidth) {
+                        var payload = getWidthInfoPayload(editorViewRef.current, editorWidth);
+                        if (payload) {
+                          dispatchAnalyticsEvent(payload);
+                        }
+                      }
+                      if (fg('platform_editor_table_height_analytics_event')) {
+                        var payloadHeight = getHeightInfoPayload(editorViewRef.current);
+                        if (payloadHeight) {
+                          dispatchAnalyticsEvent(payloadHeight);
+                        }
                       }
                     }
                   };

package/dist/esm/ui/toolbar.js

@@ -14,7 +14,7 @@ import { CHANGE_ALIGNMENT_REASON, INPUT_METHOD } from '@atlaskit/editor-common/a
 import { DropdownMenuExtensionItems } from '@atlaskit/editor-common/floating-toolbar';
 import { addColumnAfter, addRowAfter, backspace, tooltip } from '@atlaskit/editor-common/keymaps';
 import commonMessages, { tableMessages as messages } from '@atlaskit/editor-common/messages';
-import { isSelectionTableNestedInTable } from '@atlaskit/editor-common/nesting';
+import { isNestedTablesSupported, isSelectionTableNestedInTable } from '@atlaskit/editor-common/nesting';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { DEFAULT_BORDER_COLOR, cellBackgroundColorPalette } from '@atlaskit/editor-common/ui-color';
@@ -481,7 +481,7 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
             onBlur: clearHoverSelection()
           }]
         };
-        var isNestedTable = fg('platform_editor_use_nested_table_pm_nodes') && isSelectionTableNestedInTable(state);
+        var isNestedTable = isNestedTablesSupported(state.schema) && fg('platform_editor_use_nested_table_pm_nodes') && isSelectionTableNestedInTable(state);
         var hoverTableProps = function hoverTableProps(isInDanger, isSelected) {
           return {
             onMouseEnter: hoverTable(isInDanger, isSelected),

package/dist/types/pm-plugins/commands/insert.d.ts

@@ -36,16 +36,16 @@ export declare const insertTableWithSize: (isFullWidthModeEnabled?: boolean, isT
 /**
  * Unified command to insert a new table into the editor.
  *
- * @param {Object} options - Configuration options for table insertion.
+ * @param {object} options - Configuration options for table insertion.
  * @param {boolean} [options.isTableScalingEnabled=false] - Flag to enable table scaling.
  * @param {boolean} [options.isTableAlignmentEnabled=false] - Flag to enable table alignment.
  * @param {boolean} [options.isFullWidthModeEnabled=false] - Flag to enable full-width mode for the table.
  * @param {boolean} [options.isCommentEditor=false] - Flag to indicate if the editor is in comment mode.
  * @param {boolean} [options.isChromelessEditor=false] - Flag to indicate if the editor is chromeless.
  * @param {boolean} [options.isTableResizingEnabled=false] - Flag to enable table resizing.
- * @param {Object} [options.createTableProps={}] - Additional properties for table creation, including table size.
- * @param {Object} api - PluginInjectinoApi object for content insertion commands.
- * @param {Object} analyticsPayload - Payload for analytics tracking.
+ * @param {object} [options.createTableProps={}] - Additional properties for table creation, including table size.
+ * @param {object} api - PluginInjectinoApi object for content insertion commands.
+ * @param {object} analyticsPayload - Payload for analytics tracking.
  *
  * @returns {Function} A function that takes a transaction and inserts a table.
  */

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

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

package/dist/types-ts4.5/pm-plugins/commands/insert.d.ts

@@ -36,16 +36,16 @@ export declare const insertTableWithSize: (isFullWidthModeEnabled?: boolean, isT
 /**
  * Unified command to insert a new table into the editor.
  *
- * @param {Object} options - Configuration options for table insertion.
+ * @param {object} options - Configuration options for table insertion.
  * @param {boolean} [options.isTableScalingEnabled=false] - Flag to enable table scaling.
  * @param {boolean} [options.isTableAlignmentEnabled=false] - Flag to enable table alignment.
  * @param {boolean} [options.isFullWidthModeEnabled=false] - Flag to enable full-width mode for the table.
  * @param {boolean} [options.isCommentEditor=false] - Flag to indicate if the editor is in comment mode.
  * @param {boolean} [options.isChromelessEditor=false] - Flag to indicate if the editor is chromeless.
  * @param {boolean} [options.isTableResizingEnabled=false] - Flag to enable table resizing.
- * @param {Object} [options.createTableProps={}] - Additional properties for table creation, including table size.
- * @param {Object} api - PluginInjectinoApi object for content insertion commands.
- * @param {Object} analyticsPayload - Payload for analytics tracking.
+ * @param {object} [options.createTableProps={}] - Additional properties for table creation, including table size.
+ * @param {object} api - PluginInjectinoApi object for content insertion commands.
+ * @param {object} analyticsPayload - Payload for analytics tracking.
  *
  * @returns {Function} A function that takes a transaction and inserts a table.
  */

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "15.3.11",
+	"version": "15.3.13",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -59,7 +59,7 @@
 		"@atlaskit/primitives": "^16.1.0",
 		"@atlaskit/react-ufo": "^4.14.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.30.0",
+		"@atlaskit/tmp-editor-statsig": "^13.31.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/tokens": "^7.1.0",
 		"@atlaskit/tooltip": "^20.7.0",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.23.0",
+		"@atlaskit/editor-common": "^110.24.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -147,6 +147,12 @@
 		},
 		"platform_editor_table_width_refactor": {
 			"type": "boolean"
+		},
+		"platform_editor_table_height_analytics": {
+			"type": "boolean"
+		},
+		"platform_editor_table_height_analytics_event": {
+			"type": "boolean"
 		}
 	}
 }