@atlaskit/renderer 124.10.1 → 124.10.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/renderer
 
+## 124.10.3
+
+### Patch Changes
+
+- [`4660917b9e6b9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4660917b9e6b9) -
+  Cleaned platform_editor_nested_table_extension_comment_fix FG.
+- Updated dependencies
+
+## 124.10.2
+
+### Patch Changes
+
+- [`ca454ed251e1e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ca454ed251e1e) -
+  Add table height analytics
+- Updated dependencies
+
 ## 124.10.1
 
 ### Patch Changes

package/dist/cjs/react/nodes/bodiedExtension.js

@@ -16,26 +16,7 @@ var _enums = require("../../analytics/enums");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _annotations = require("../../ui/annotations");
 var _ValidationContext = require("../../ui/Renderer/ValidationContext");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var ValidationContextWrapper = function ValidationContextWrapper(_ref) {
-  var children = _ref.children;
-  // We override validation of nested tables in nested renderers as invalid ADF (but valid Prosemirror)
-  // may have been introduced in the parent renderer's render and subsequent transformations.
-  // For example - nested tables which are transformed from an extension node in ADF
-  // to native Prosemirror nested table nodes in and this is invalid ADF.
-  var validationContextValue = (0, _react.useMemo)(function () {
-    return {
-      allowNestedTables: true
-    };
-  }, []);
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_nested_table_extension_comment_fix')) {
-    return children;
-  }
-  return /*#__PURE__*/_react.default.createElement(_ValidationContext.ValidationContextProvider, {
-    value: validationContextValue
-  }, children);
-};
 var BodiedExtension = function BodiedExtension(props) {
   var children = props.children,
     _props$layout = props.layout,
@@ -55,6 +36,11 @@ var BodiedExtension = function BodiedExtension(props) {
   .map(function (child) {
     return /*#__PURE__*/_react.default.isValidElement(child) ? child.props.nodeType === 'table' : false;
   }).every(Boolean);
+  var validationContextValue = (0, _react.useMemo)(function () {
+    return {
+      allowNestedTables: true
+    };
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
     component: _enums.ACTION_SUBJECT.RENDERER,
     componentId: _analytics.ACTION_SUBJECT_ID.EXTENSION_BODIED,
@@ -64,13 +50,15 @@ var BodiedExtension = function BodiedExtension(props) {
     value: {
       startPos: props.startPos + 1
     }
-  }, /*#__PURE__*/_react.default.createElement(ValidationContextWrapper, null, /*#__PURE__*/_react.default.createElement(_ExtensionRenderer.default
+  }, /*#__PURE__*/_react.default.createElement(_ValidationContext.ValidationContextProvider, {
+    value: validationContextValue
+  }, /*#__PURE__*/_react.default.createElement(_ExtensionRenderer.default
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , (0, _extends2.default)({}, props, {
     type: "bodiedExtension"
-  }), function (_ref2) {
-    var result = _ref2.result;
+  }), function (_ref) {
+    var result = _ref.result;
     try {
       if (result && /*#__PURE__*/_react.default.isValidElement(result)) {
         // Return the content directly if it's a valid JSX.Element

package/dist/cjs/render-document.js

@@ -70,10 +70,7 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
 
   // Convert nested-table extensions into nested tables
   try {
-    var _transformNestedTable = (0, _transforms.transformNestedTablesIncomingDocument)(result, {
-        environment: 'renderer',
-        disableNestedRendererTreatment: (0, _platformFeatureFlags.fg)('platform_editor_nested_table_extension_comment_fix')
-      }),
+    var _transformNestedTable = (0, _transforms.transformNestedTablesIncomingDocument)(result),
       _transformedAdf = _transformNestedTable.transformedAdf,
       _isTransformed = _transformNestedTable.isTransformed;
     if (_isTransformed) {

package/dist/cjs/ui/Renderer/ErrorBoundary.js

@@ -18,7 +18,7 @@ var _monitoring = require("@atlaskit/editor-common/monitoring");
 var _events = require("../../analytics/events");
 var _uuid = _interopRequireDefault(require("uuid"));
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_React$Component) {
@@ -111,6 +111,7 @@ var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_React$Compon
     key: "render",
     value: function render() {
       if (this.state.domError) {
+        // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
         return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
           key: (0, _uuid.default)()
         }, this.props.children);

package/dist/cjs/ui/Renderer/analytics-utils.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getWidthInfoPayload = void 0;
+exports.getWidthInfoPayload = exports.getHeightInfoPayload = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _analytics2 = require("@atlaskit/editor-common/utils/analytics");
@@ -47,4 +47,45 @@ var getWidthInfoPayload = exports.getWidthInfoPayload = function getWidthInfoPay
     },
     eventType: _analytics.EVENT_TYPE.OPERATIONAL
   };
+};
+var getHeightInfoPayload = exports.getHeightInfoPayload = function getHeightInfoPayload(renderer) {
+  var tablesInfo = [];
+  var tableWrappers = renderer.querySelectorAll('.pm-table-wrapper');
+
+  // only send the event if there are tables on the page
+  if (tableWrappers.length === 0) {
+    return undefined;
+  }
+  tableWrappers.forEach(function (tableWrapper) {
+    var table = tableWrapper.querySelector(':scope > table');
+    if (table) {
+      var isNestedTable = Boolean(table.closest('td, th'));
+      tablesInfo.push({
+        tableHeight: table.scrollHeight,
+        isNestedTable: isNestedTable
+      });
+    }
+  });
+  var maxTableHeight = Math.max.apply(Math, (0, _toConsumableArray2.default)(tablesInfo.map(function (table) {
+    return table.tableHeight;
+  })));
+
+  /** NOTE: Renderer is not scrollable, so this height represents the height of the content */
+  var rendererClientHeight = renderer.clientHeight;
+  var viewportHeight = window.innerHeight;
+  if (!viewportHeight) {
+    return undefined;
+  }
+  return {
+    action: _analytics.TABLE_ACTION.TABLE_RENDERER_HEIGHT_INFO,
+    actionSubject: _analytics.ACTION_SUBJECT.TABLE,
+    attributes: {
+      viewportHeight: viewportHeight,
+      rendererHeight: rendererClientHeight,
+      maxTableHeight: maxTableHeight,
+      maxTableToViewportHeightRatio: maxTableHeight / viewportHeight,
+      tableHeightInfo: tablesInfo
+    },
+    eventType: _analytics.EVENT_TYPE.OPERATIONAL
+  };
 };

package/dist/cjs/ui/Renderer/index.js

@@ -62,13 +62,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
-var TABLE_WIDTH_INFO_TIMEOUT = 10000;
+var TABLE_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "124.10.0";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -274,6 +275,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
   }, deriveSerializerProps, props);
   var localRef = (0, _react.useRef)(null);
   var editorRef = props.innerRef || localRef;
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var id = (0, _react.useMemo)(function () {
     return (0, _v.default)();
   }, []);
@@ -326,9 +328,9 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
     analyticsEventSeverityTracking = props.analyticsEventSeverityTracking;
   (0, _react.useEffect)(function () {
     var rafID;
-    var widthAnalyticsSetTimeoutID;
-    var widthAnalyticsRicID;
-    var widthAnalyticsRafID;
+    var heightWidthAnalyticsSetTimeoutID;
+    var heightWidthAnalyticsRicID;
+    var heightWidthAnalyticsRafID;
     var handleAnalytics = function handleAnalytics() {
       _fireAnalyticsEvent({
         action: _analytics.ACTION.STARTED,
@@ -369,8 +371,8 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
         anchorLinkAnalytics();
       });
       if ((0, _expValEquals.expValEquals)('platform_editor_editor_width_analytics', 'isEnabled', true)) {
-        // send statistics about the widths of the tables on the page for alerting
-        widthAnalyticsSetTimeoutID = setTimeout(function () {
+        // send statistics about the heights/widths of the tables on the page for alerting
+        heightWidthAnalyticsSetTimeoutID = setTimeout(function () {
           var requestIdleCallbackFn = function requestIdleCallbackFn() {
             var _props$innerRef;
             var renderer = (_props$innerRef = props.innerRef) === null || _props$innerRef === void 0 || (_props$innerRef = _props$innerRef.current) === null || _props$innerRef === void 0 ? void 0 : _props$innerRef.querySelector('.ak-renderer-document');
@@ -379,15 +381,21 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
               if (payload) {
                 _fireAnalyticsEvent(payload);
               }
+              if ((0, _platformFeatureFlags.fg)('platform_editor_table_height_analytics_event')) {
+                var payloadHeight = (0, _analyticsUtils.getHeightInfoPayload)(renderer);
+                if (payloadHeight) {
+                  _fireAnalyticsEvent(payloadHeight);
+                }
+              }
             }
           };
           if (window && typeof window.requestIdleCallback === 'function') {
-            widthAnalyticsRicID = window.requestIdleCallback(requestIdleCallbackFn);
+            heightWidthAnalyticsRicID = window.requestIdleCallback(requestIdleCallbackFn);
           } else if (window && typeof window.requestAnimationFrame === 'function') {
             // requestIdleCallback is not supported in safari, fallback to requestAnimationFrame
-            widthAnalyticsRafID = window.requestAnimationFrame(requestIdleCallbackFn);
+            heightWidthAnalyticsRafID = window.requestAnimationFrame(requestIdleCallbackFn);
           }
-        }, TABLE_WIDTH_INFO_TIMEOUT);
+        }, TABLE_INFO_TIMEOUT);
       }
     };
     handleAnalytics();
@@ -395,14 +403,14 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
       if (rafID) {
         window.cancelAnimationFrame(rafID);
       }
-      if (widthAnalyticsSetTimeoutID) {
-        window.clearTimeout(widthAnalyticsSetTimeoutID);
+      if (heightWidthAnalyticsSetTimeoutID) {
+        window.clearTimeout(heightWidthAnalyticsSetTimeoutID);
       }
-      if (widthAnalyticsRafID) {
-        window.cancelAnimationFrame(widthAnalyticsRafID);
+      if (heightWidthAnalyticsRafID) {
+        window.cancelAnimationFrame(heightWidthAnalyticsRafID);
       }
-      if (widthAnalyticsRicID) {
-        window.cancelIdleCallback(widthAnalyticsRicID);
+      if (heightWidthAnalyticsRicID) {
+        window.cancelIdleCallback(heightWidthAnalyticsRicID);
       }
 
       // if this is the ProviderFactory which was created in constructor
@@ -553,6 +561,7 @@ var RendererWithAnalytics = exports.RendererWithAnalytics = /*#__PURE__*/_react.
       packageName: packageName,
       packageVersion: packageVersion,
       componentName: 'renderer',
+      // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
       editorSessionId: (0, _v.default)()
     }
   }, (0, _react2.jsx)(_ui.WithCreateAnalyticsEvent, {

package/dist/cjs/ui/annotations/selection/mounter.js

@@ -18,6 +18,8 @@ var _RendererActionsContext = require("../../RendererActionsContext");
 var _AnnotationManagerContext = require("../contexts/AnnotationManagerContext");
 var _AnnotationRangeContext = require("../contexts/AnnotationRangeContext");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+
 var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#__PURE__*/_react.default.memo(function (props) {
   var Component = props.component,
     range = props.range,
@@ -203,6 +205,7 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
         // if there is a draft in progress, we ignore it and start a new draft
         // this is because clearing the draft will remove the mark node from the DOM, which will cause the selection range to be invalid
 
+        // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
         var id = (0, _v.default)();
         var result = applyDraftModeCallback({
           annotationId: id,

package/dist/es2019/react/nodes/bodiedExtension.js

@@ -8,24 +8,6 @@ import { ACTION_SUBJECT } from '../../analytics/enums';
 import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { AnnotationsPositionContext } from '../../ui/annotations';
 import { ValidationContextProvider } from '../../ui/Renderer/ValidationContext';
-import { fg } from '@atlaskit/platform-feature-flags';
-const ValidationContextWrapper = ({
-  children
-}) => {
-  // We override validation of nested tables in nested renderers as invalid ADF (but valid Prosemirror)
-  // may have been introduced in the parent renderer's render and subsequent transformations.
-  // For example - nested tables which are transformed from an extension node in ADF
-  // to native Prosemirror nested table nodes in and this is invalid ADF.
-  const validationContextValue = useMemo(() => ({
-    allowNestedTables: true
-  }), []);
-  if (!fg('platform_editor_nested_table_extension_comment_fix')) {
-    return children;
-  }
-  return /*#__PURE__*/React.createElement(ValidationContextProvider, {
-    value: validationContextValue
-  }, children);
-};
 const BodiedExtension = props => {
   const {
     children,
@@ -44,6 +26,9 @@ const BodiedExtension = props => {
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   .map(child => /*#__PURE__*/React.isValidElement(child) ? child.props.nodeType === 'table' : false).every(Boolean);
+  const validationContextValue = useMemo(() => ({
+    allowNestedTables: true
+  }), []);
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     component: ACTION_SUBJECT.RENDERER,
     componentId: ACTION_SUBJECT_ID.EXTENSION_BODIED,
@@ -53,7 +38,9 @@ const BodiedExtension = props => {
     value: {
       startPos: props.startPos + 1
     }
-  }, /*#__PURE__*/React.createElement(ValidationContextWrapper, null, /*#__PURE__*/React.createElement(ExtensionRenderer
+  }, /*#__PURE__*/React.createElement(ValidationContextProvider, {
+    value: validationContextValue
+  }, /*#__PURE__*/React.createElement(ExtensionRenderer
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, props, {

package/dist/es2019/render-document.js

@@ -66,10 +66,7 @@ const _validation = (doc, schema, adfStage, useSpecBasedValidator, dispatchAnaly
     const {
       transformedAdf,
       isTransformed
-    } = transformNestedTablesIncomingDocument(result, {
-      environment: 'renderer',
-      disableNestedRendererTreatment: fg('platform_editor_nested_table_extension_comment_fix')
-    });
+    } = transformNestedTablesIncomingDocument(result);
     if (isTransformed) {
       dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 ? void 0 : dispatchAnalyticsEvent({
         action: ACTION.NESTED_TABLE_TRANSFORMED,

package/dist/es2019/ui/Renderer/ErrorBoundary.js

@@ -4,6 +4,7 @@ import { ACTION, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { FabricChannel } from '@atlaskit/analytics-listeners/types';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { PLATFORM } from '../../analytics/events';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -79,6 +80,7 @@ export class ErrorBoundary extends React.Component {
   }
   render() {
     if (this.state.domError) {
+      // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
       return /*#__PURE__*/React.createElement(React.Fragment, {
         key: uuid()
       }, this.props.children);

package/dist/es2019/ui/Renderer/analytics-utils.js

@@ -35,4 +35,43 @@ export const getWidthInfoPayload = renderer => {
     },
     eventType: EVENT_TYPE.OPERATIONAL
   };
+};
+export const getHeightInfoPayload = renderer => {
+  const tablesInfo = [];
+  const tableWrappers = renderer.querySelectorAll('.pm-table-wrapper');
+
+  // only send the event if there are tables on the page
+  if (tableWrappers.length === 0) {
+    return undefined;
+  }
+  tableWrappers.forEach(tableWrapper => {
+    const table = tableWrapper.querySelector(':scope > table');
+    if (table) {
+      const isNestedTable = Boolean(table.closest('td, th'));
+      tablesInfo.push({
+        tableHeight: table.scrollHeight,
+        isNestedTable
+      });
+    }
+  });
+  const maxTableHeight = Math.max(...tablesInfo.map(table => table.tableHeight));
+
+  /** NOTE: Renderer is not scrollable, so this height represents the height of the content */
+  const rendererClientHeight = renderer.clientHeight;
+  const viewportHeight = window.innerHeight;
+  if (!viewportHeight) {
+    return undefined;
+  }
+  return {
+    action: TABLE_ACTION.TABLE_RENDERER_HEIGHT_INFO,
+    actionSubject: ACTION_SUBJECT.TABLE,
+    attributes: {
+      viewportHeight,
+      rendererHeight: rendererClientHeight,
+      maxTableHeight,
+      maxTableToViewportHeightRatio: maxTableHeight / viewportHeight,
+      tableHeightInfo: tablesInfo
+    },
+    eventType: EVENT_TYPE.OPERATIONAL
+  };
 };

package/dist/es2019/ui/Renderer/index.js

@@ -21,6 +21,7 @@ import { FabricChannel } from '@atlaskit/analytics-listeners/types';
 import { FabricEditorAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { ReactSerializer, renderDocument } from '../../';
 import AnalyticsContext from '../../analytics/analyticsContext';
@@ -47,14 +48,14 @@ import { useMemoFromPropsDerivative } from './useMemoFromPropsDerivative';
 import { PortalContext } from './PortalContext';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { getWidthInfoPayload } from './analytics-utils';
+import { getHeightInfoPayload, getWidthInfoPayload } from './analytics-utils';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
-const TABLE_WIDTH_INFO_TIMEOUT = 10000;
+const TABLE_INFO_TIMEOUT = 10000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "124.10.0";
+const packageVersion = "0.0.0-development";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -268,6 +269,7 @@ export const RendererFunctionalComponent = props => {
   }, deriveSerializerProps, props);
   const localRef = useRef(null);
   const editorRef = props.innerRef || localRef;
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   const id = useMemo(() => uuid(), []);
   const renderedMeasurementDistortedDurationMonitor = useMemo(() => getDistortedDurationMonitor(), []);
 
@@ -318,9 +320,9 @@ export const RendererFunctionalComponent = props => {
   } = props;
   useEffect(() => {
     let rafID;
-    let widthAnalyticsSetTimeoutID;
-    let widthAnalyticsRicID;
-    let widthAnalyticsRafID;
+    let heightWidthAnalyticsSetTimeoutID;
+    let heightWidthAnalyticsRicID;
+    let heightWidthAnalyticsRafID;
     const handleAnalytics = () => {
       fireAnalyticsEvent({
         action: ACTION.STARTED,
@@ -361,8 +363,8 @@ export const RendererFunctionalComponent = props => {
         anchorLinkAnalytics();
       });
       if (expValEquals('platform_editor_editor_width_analytics', 'isEnabled', true)) {
-        // send statistics about the widths of the tables on the page for alerting
-        widthAnalyticsSetTimeoutID = setTimeout(() => {
+        // send statistics about the heights/widths of the tables on the page for alerting
+        heightWidthAnalyticsSetTimeoutID = setTimeout(() => {
           const requestIdleCallbackFn = () => {
             var _props$innerRef, _props$innerRef$curre;
             const renderer = (_props$innerRef = props.innerRef) === null || _props$innerRef === void 0 ? void 0 : (_props$innerRef$curre = _props$innerRef.current) === null || _props$innerRef$curre === void 0 ? void 0 : _props$innerRef$curre.querySelector('.ak-renderer-document');
@@ -371,15 +373,21 @@ export const RendererFunctionalComponent = props => {
               if (payload) {
                 fireAnalyticsEvent(payload);
               }
+              if (fg('platform_editor_table_height_analytics_event')) {
+                const payloadHeight = getHeightInfoPayload(renderer);
+                if (payloadHeight) {
+                  fireAnalyticsEvent(payloadHeight);
+                }
+              }
             }
           };
           if (window && typeof window.requestIdleCallback === 'function') {
-            widthAnalyticsRicID = window.requestIdleCallback(requestIdleCallbackFn);
+            heightWidthAnalyticsRicID = window.requestIdleCallback(requestIdleCallbackFn);
           } else if (window && typeof window.requestAnimationFrame === 'function') {
             // requestIdleCallback is not supported in safari, fallback to requestAnimationFrame
-            widthAnalyticsRafID = window.requestAnimationFrame(requestIdleCallbackFn);
+            heightWidthAnalyticsRafID = window.requestAnimationFrame(requestIdleCallbackFn);
           }
-        }, TABLE_WIDTH_INFO_TIMEOUT);
+        }, TABLE_INFO_TIMEOUT);
       }
     };
     handleAnalytics();
@@ -387,14 +395,14 @@ export const RendererFunctionalComponent = props => {
       if (rafID) {
         window.cancelAnimationFrame(rafID);
       }
-      if (widthAnalyticsSetTimeoutID) {
-        window.clearTimeout(widthAnalyticsSetTimeoutID);
+      if (heightWidthAnalyticsSetTimeoutID) {
+        window.clearTimeout(heightWidthAnalyticsSetTimeoutID);
       }
-      if (widthAnalyticsRafID) {
-        window.cancelAnimationFrame(widthAnalyticsRafID);
+      if (heightWidthAnalyticsRafID) {
+        window.cancelAnimationFrame(heightWidthAnalyticsRafID);
       }
-      if (widthAnalyticsRicID) {
-        window.cancelIdleCallback(widthAnalyticsRicID);
+      if (heightWidthAnalyticsRicID) {
+        window.cancelIdleCallback(heightWidthAnalyticsRicID);
       }
 
       // if this is the ProviderFactory which was created in constructor
@@ -540,6 +548,7 @@ export const RendererWithAnalytics = /*#__PURE__*/React.memo(props => jsx(Fabric
     packageName,
     packageVersion,
     componentName: 'renderer',
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     editorSessionId: uuid()
   }
 }, jsx(WithCreateAnalyticsEvent, {

package/dist/es2019/ui/annotations/selection/mounter.js

@@ -1,4 +1,6 @@
 import React, { useCallback, useContext, useMemo, useEffect } from 'react';
+
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { AnnotationTypes, AnnotationMarkStates } from '@atlaskit/adf-schema';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -200,6 +202,7 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
         // if there is a draft in progress, we ignore it and start a new draft
         // this is because clearing the draft will remove the mark node from the DOM, which will cause the selection range to be invalid
 
+        // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
         const id = uuid();
         const result = applyDraftModeCallback({
           annotationId: id,

package/dist/esm/react/nodes/bodiedExtension.js

@@ -8,25 +8,6 @@ import { ACTION_SUBJECT } from '../../analytics/enums';
 import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { AnnotationsPositionContext } from '../../ui/annotations';
 import { ValidationContextProvider } from '../../ui/Renderer/ValidationContext';
-import { fg } from '@atlaskit/platform-feature-flags';
-var ValidationContextWrapper = function ValidationContextWrapper(_ref) {
-  var children = _ref.children;
-  // We override validation of nested tables in nested renderers as invalid ADF (but valid Prosemirror)
-  // may have been introduced in the parent renderer's render and subsequent transformations.
-  // For example - nested tables which are transformed from an extension node in ADF
-  // to native Prosemirror nested table nodes in and this is invalid ADF.
-  var validationContextValue = useMemo(function () {
-    return {
-      allowNestedTables: true
-    };
-  }, []);
-  if (!fg('platform_editor_nested_table_extension_comment_fix')) {
-    return children;
-  }
-  return /*#__PURE__*/React.createElement(ValidationContextProvider, {
-    value: validationContextValue
-  }, children);
-};
 var BodiedExtension = function BodiedExtension(props) {
   var children = props.children,
     _props$layout = props.layout,
@@ -46,6 +27,11 @@ var BodiedExtension = function BodiedExtension(props) {
   .map(function (child) {
     return /*#__PURE__*/React.isValidElement(child) ? child.props.nodeType === 'table' : false;
   }).every(Boolean);
+  var validationContextValue = useMemo(function () {
+    return {
+      allowNestedTables: true
+    };
+  }, []);
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     component: ACTION_SUBJECT.RENDERER,
     componentId: ACTION_SUBJECT_ID.EXTENSION_BODIED,
@@ -55,13 +41,15 @@ var BodiedExtension = function BodiedExtension(props) {
     value: {
       startPos: props.startPos + 1
     }
-  }, /*#__PURE__*/React.createElement(ValidationContextWrapper, null, /*#__PURE__*/React.createElement(ExtensionRenderer
+  }, /*#__PURE__*/React.createElement(ValidationContextProvider, {
+    value: validationContextValue
+  }, /*#__PURE__*/React.createElement(ExtensionRenderer
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, props, {
     type: "bodiedExtension"
-  }), function (_ref2) {
-    var result = _ref2.result;
+  }), function (_ref) {
+    var result = _ref.result;
     try {
       if (result && /*#__PURE__*/React.isValidElement(result)) {
         // Return the content directly if it's a valid JSX.Element

package/dist/esm/render-document.js

@@ -63,10 +63,7 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
 
   // Convert nested-table extensions into nested tables
   try {
-    var _transformNestedTable = transformNestedTablesIncomingDocument(result, {
-        environment: 'renderer',
-        disableNestedRendererTreatment: fg('platform_editor_nested_table_extension_comment_fix')
-      }),
+    var _transformNestedTable = transformNestedTablesIncomingDocument(result),
       _transformedAdf = _transformNestedTable.transformedAdf,
       _isTransformed = _transformNestedTable.isTransformed;
     if (_isTransformed) {

package/dist/esm/ui/Renderer/ErrorBoundary.js

@@ -11,6 +11,7 @@ import { ACTION, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { FabricChannel } from '@atlaskit/analytics-listeners/types';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { PLATFORM } from '../../analytics/events';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -104,6 +105,7 @@ export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       if (this.state.domError) {
+        // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
         return /*#__PURE__*/React.createElement(React.Fragment, {
           key: uuid()
         }, this.props.children);

package/dist/esm/ui/Renderer/analytics-utils.js

@@ -40,4 +40,45 @@ export var getWidthInfoPayload = function getWidthInfoPayload(renderer) {
     },
     eventType: EVENT_TYPE.OPERATIONAL
   };
+};
+export var getHeightInfoPayload = function getHeightInfoPayload(renderer) {
+  var tablesInfo = [];
+  var tableWrappers = renderer.querySelectorAll('.pm-table-wrapper');
+
+  // only send the event if there are tables on the page
+  if (tableWrappers.length === 0) {
+    return undefined;
+  }
+  tableWrappers.forEach(function (tableWrapper) {
+    var table = tableWrapper.querySelector(':scope > table');
+    if (table) {
+      var isNestedTable = Boolean(table.closest('td, th'));
+      tablesInfo.push({
+        tableHeight: table.scrollHeight,
+        isNestedTable: isNestedTable
+      });
+    }
+  });
+  var maxTableHeight = Math.max.apply(Math, _toConsumableArray(tablesInfo.map(function (table) {
+    return table.tableHeight;
+  })));
+
+  /** NOTE: Renderer is not scrollable, so this height represents the height of the content */
+  var rendererClientHeight = renderer.clientHeight;
+  var viewportHeight = window.innerHeight;
+  if (!viewportHeight) {
+    return undefined;
+  }
+  return {
+    action: TABLE_ACTION.TABLE_RENDERER_HEIGHT_INFO,
+    actionSubject: ACTION_SUBJECT.TABLE,
+    attributes: {
+      viewportHeight: viewportHeight,
+      rendererHeight: rendererClientHeight,
+      maxTableHeight: maxTableHeight,
+      maxTableToViewportHeightRatio: maxTableHeight / viewportHeight,
+      tableHeightInfo: tablesInfo
+    },
+    eventType: EVENT_TYPE.OPERATIONAL
+  };
 };

package/dist/esm/ui/Renderer/index.js

@@ -26,6 +26,7 @@ import { FabricChannel } from '@atlaskit/analytics-listeners/types';
 import { FabricEditorAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { ReactSerializer, renderDocument } from '../../';
 import AnalyticsContext from '../../analytics/analyticsContext';
@@ -52,14 +53,14 @@ import { useMemoFromPropsDerivative } from './useMemoFromPropsDerivative';
 import { PortalContext } from './PortalContext';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { getWidthInfoPayload } from './analytics-utils';
+import { getHeightInfoPayload, getWidthInfoPayload } from './analytics-utils';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
-var TABLE_WIDTH_INFO_TIMEOUT = 10000;
+var TABLE_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "124.10.0";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -265,6 +266,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
   }, deriveSerializerProps, props);
   var localRef = useRef(null);
   var editorRef = props.innerRef || localRef;
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var id = useMemo(function () {
     return uuid();
   }, []);
@@ -317,9 +319,9 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
     analyticsEventSeverityTracking = props.analyticsEventSeverityTracking;
   useEffect(function () {
     var rafID;
-    var widthAnalyticsSetTimeoutID;
-    var widthAnalyticsRicID;
-    var widthAnalyticsRafID;
+    var heightWidthAnalyticsSetTimeoutID;
+    var heightWidthAnalyticsRicID;
+    var heightWidthAnalyticsRafID;
     var handleAnalytics = function handleAnalytics() {
       _fireAnalyticsEvent({
         action: ACTION.STARTED,
@@ -360,8 +362,8 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
         anchorLinkAnalytics();
       });
       if (expValEquals('platform_editor_editor_width_analytics', 'isEnabled', true)) {
-        // send statistics about the widths of the tables on the page for alerting
-        widthAnalyticsSetTimeoutID = setTimeout(function () {
+        // send statistics about the heights/widths of the tables on the page for alerting
+        heightWidthAnalyticsSetTimeoutID = setTimeout(function () {
           var requestIdleCallbackFn = function requestIdleCallbackFn() {
             var _props$innerRef;
             var renderer = (_props$innerRef = props.innerRef) === null || _props$innerRef === void 0 || (_props$innerRef = _props$innerRef.current) === null || _props$innerRef === void 0 ? void 0 : _props$innerRef.querySelector('.ak-renderer-document');
@@ -370,15 +372,21 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
               if (payload) {
                 _fireAnalyticsEvent(payload);
               }
+              if (fg('platform_editor_table_height_analytics_event')) {
+                var payloadHeight = getHeightInfoPayload(renderer);
+                if (payloadHeight) {
+                  _fireAnalyticsEvent(payloadHeight);
+                }
+              }
             }
           };
           if (window && typeof window.requestIdleCallback === 'function') {
-            widthAnalyticsRicID = window.requestIdleCallback(requestIdleCallbackFn);
+            heightWidthAnalyticsRicID = window.requestIdleCallback(requestIdleCallbackFn);
           } else if (window && typeof window.requestAnimationFrame === 'function') {
             // requestIdleCallback is not supported in safari, fallback to requestAnimationFrame
-            widthAnalyticsRafID = window.requestAnimationFrame(requestIdleCallbackFn);
+            heightWidthAnalyticsRafID = window.requestAnimationFrame(requestIdleCallbackFn);
           }
-        }, TABLE_WIDTH_INFO_TIMEOUT);
+        }, TABLE_INFO_TIMEOUT);
       }
     };
     handleAnalytics();
@@ -386,14 +394,14 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
       if (rafID) {
         window.cancelAnimationFrame(rafID);
       }
-      if (widthAnalyticsSetTimeoutID) {
-        window.clearTimeout(widthAnalyticsSetTimeoutID);
+      if (heightWidthAnalyticsSetTimeoutID) {
+        window.clearTimeout(heightWidthAnalyticsSetTimeoutID);
       }
-      if (widthAnalyticsRafID) {
-        window.cancelAnimationFrame(widthAnalyticsRafID);
+      if (heightWidthAnalyticsRafID) {
+        window.cancelAnimationFrame(heightWidthAnalyticsRafID);
       }
-      if (widthAnalyticsRicID) {
-        window.cancelIdleCallback(widthAnalyticsRicID);
+      if (heightWidthAnalyticsRicID) {
+        window.cancelIdleCallback(heightWidthAnalyticsRicID);
       }
 
       // if this is the ProviderFactory which was created in constructor
@@ -544,6 +552,7 @@ export var RendererWithAnalytics = /*#__PURE__*/React.memo(function (props) {
       packageName: packageName,
       packageVersion: packageVersion,
       componentName: 'renderer',
+      // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
       editorSessionId: uuid()
     }
   }, jsx(WithCreateAnalyticsEvent, {

package/dist/esm/ui/annotations/selection/mounter.js

@@ -1,4 +1,6 @@
 import React, { useCallback, useContext, useMemo, useEffect } from 'react';
+
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { AnnotationTypes, AnnotationMarkStates } from '@atlaskit/adf-schema';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -194,6 +196,7 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
         // if there is a draft in progress, we ignore it and start a new draft
         // this is because clearing the draft will remove the mark node from the DOM, which will cause the selection range to be invalid
 
+        // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
         var id = uuid();
         var result = applyDraftModeCallback({
           annotationId: id,

package/dist/types/analytics/events.d.ts

@@ -96,6 +96,16 @@ type TableWidthInfoAEP = AEP<TABLE_ACTION.TABLE_WIDTH_INFO, ACTION_SUBJECT.TABLE
         tableWidth: number;
     }>;
 }, EVENT_TYPE.OPERATIONAL>;
+type TableRendererHeightInfoAEP = AEP<TABLE_ACTION.TABLE_RENDERER_HEIGHT_INFO, ACTION_SUBJECT.TABLE, undefined, {
+    maxTableHeight: number;
+    maxTableToViewportHeightRatio: number;
+    rendererHeight: number;
+    tableHeightInfo: Array<{
+        isNestedTable: boolean;
+        tableHeight: number;
+    }>;
+    viewportHeight: number;
+}, EVENT_TYPE.OPERATIONAL>;
 type VisitLinkAEP = AEP<ACTION.VISITED, ACTION_SUBJECT.LINK, undefined, {
     mode: MODE.RENDERER;
     platform: PLATFORM.WEB;
@@ -132,6 +142,6 @@ export type MediaRenderErrorEvent = UIAEP<ACTION.ERRORED, ACTION_SUBJECT.RENDERE
     external?: boolean;
     reason: string;
 }>;
-export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent;
+export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent;
 export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
 export {};

package/dist/types/ui/Renderer/analytics-utils.d.ts

@@ -1,2 +1,3 @@
 import type { AnalyticsEventPayload } from '../../analytics/events';
 export declare const getWidthInfoPayload: (renderer: HTMLElement) => AnalyticsEventPayload | undefined;
+export declare const getHeightInfoPayload: (renderer: HTMLElement) => AnalyticsEventPayload | undefined;

package/dist/types-ts4.5/analytics/events.d.ts

@@ -96,6 +96,16 @@ type TableWidthInfoAEP = AEP<TABLE_ACTION.TABLE_WIDTH_INFO, ACTION_SUBJECT.TABLE
         tableWidth: number;
     }>;
 }, EVENT_TYPE.OPERATIONAL>;
+type TableRendererHeightInfoAEP = AEP<TABLE_ACTION.TABLE_RENDERER_HEIGHT_INFO, ACTION_SUBJECT.TABLE, undefined, {
+    maxTableHeight: number;
+    maxTableToViewportHeightRatio: number;
+    rendererHeight: number;
+    tableHeightInfo: Array<{
+        isNestedTable: boolean;
+        tableHeight: number;
+    }>;
+    viewportHeight: number;
+}, EVENT_TYPE.OPERATIONAL>;
 type VisitLinkAEP = AEP<ACTION.VISITED, ACTION_SUBJECT.LINK, undefined, {
     mode: MODE.RENDERER;
     platform: PLATFORM.WEB;
@@ -132,6 +142,6 @@ export type MediaRenderErrorEvent = UIAEP<ACTION.ERRORED, ACTION_SUBJECT.RENDERE
     external?: boolean;
     reason: string;
 }>;
-export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent;
+export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent;
 export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
 export {};

package/dist/types-ts4.5/ui/Renderer/analytics-utils.d.ts

@@ -1,2 +1,3 @@
 import type { AnalyticsEventPayload } from '../../analytics/events';
 export declare const getWidthInfoPayload: (renderer: HTMLElement) => AnalyticsEventPayload | undefined;
+export declare const getHeightInfoPayload: (renderer: HTMLElement) => AnalyticsEventPayload | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "124.10.1",
+	"version": "124.10.3",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -58,9 +58,9 @@
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.28.0",
+		"@atlaskit/tmp-editor-statsig": "^13.32.0",
 		"@atlaskit/tokens": "^7.1.0",
-		"@atlaskit/tooltip": "^20.7.0",
+		"@atlaskit/tooltip": "^20.8.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.22.0",
+		"@atlaskit/editor-common": "^110.24.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -89,7 +89,7 @@
 		"@atlaskit/media-core": "^37.0.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^39.0.0",
-		"@atlaskit/mention": "^24.3.0",
+		"@atlaskit/mention": "^24.4.0",
 		"@atlaskit/modal-dialog": "^14.6.0",
 		"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-958ca0ab9d.patch",
 		"@atlaskit/profilecard": "^24.20.0",
@@ -194,9 +194,6 @@
 		"platform_editor_bordered_panel_nested_in_table": {
 			"type": "boolean"
 		},
-		"platform_editor_nested_table_extension_comment_fix": {
-			"type": "boolean"
-		},
 		"platform_editor__renderer_indentation_text_margin": {
 			"type": "boolean"
 		},
@@ -241,6 +238,9 @@
 		},
 		"platform_editor_fix_sllv_margin_renderer": {
 			"type": "boolean"
+		},
+		"platform_editor_table_height_analytics_event": {
+			"type": "boolean"
 		}
 	}
 }