@atlaskit/renderer 114.10.2 → 114.11.1

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

@@ -7,13 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NORMAL_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = void 0;
 exports.Renderer = Renderer;
-exports.default = exports.__RendererClassComponent = exports.RendererWithAnalytics = void 0;
+exports.default = exports.RendererWithAnalytics = exports.RendererFunctionalComponent = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
@@ -31,7 +26,6 @@ var _types = require("@atlaskit/analytics-listeners/types");
 var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _normalizeFeatureFlags = require("@atlaskit/editor-common/normalize-feature-flags");
-var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _v = _interopRequireDefault(require("uuid/v4"));
 var _ = require("../../");
 var _analyticsContext = _interopRequireDefault(require("../../analytics/analyticsContext"));
@@ -57,9 +51,7 @@ var _rendererHelper = require("./rendererHelper");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -67,416 +59,14 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "114.10.2";
+var packageVersion = "114.11.1";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
   contain: 'layout style inline-size'
 });
-
-/**
- * Exported due to enzyme test reliance on this component.
- */
-// eslint-disable-next-line @repo/internal/react/no-class-components
-var __RendererClassComponent = exports.__RendererClassComponent = /*#__PURE__*/function (_PureComponent) {
-  function __RendererClassComponent(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, __RendererClassComponent);
-    _this = _callSuper(this, __RendererClassComponent, [props]);
-    /**
-     * This is used in measuring the Renderer Mount time and is then
-     * deleted once that measurement occurs.
-     */
-    (0, _defineProperty2.default)(_this, "renderedMeasurementDistortedDurationMonitor", (0, _measureRender.getDistortedDurationMonitor)());
-    (0, _defineProperty2.default)(_this, "createRendererContext", (0, _memoizeOne.default)(function (featureFlags, isTopLevelRenderer) {
-      var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(featureFlags);
-      return {
-        featureFlags: normalizedFeatureFlags,
-        // The context is uninitialized at the top level. In nested levels it's all false
-        isTopLevelRenderer: isTopLevelRenderer === undefined
-      };
-    }));
-    (0, _defineProperty2.default)(_this, "fireAnalyticsEvent", function (event) {
-      var createAnalyticsEvent = _this.props.createAnalyticsEvent;
-      if (createAnalyticsEvent) {
-        var channel = _types.FabricChannel.editor;
-        createAnalyticsEvent(event).fire(channel);
-      }
-    });
-    (0, _defineProperty2.default)(_this, "getSchema", (0, _memoizeOne.default)(function (schema, adfStage) {
-      if (schema) {
-        return schema;
-      }
-      return (0, _schemaDefault.getSchemaBasedOnStage)(adfStage);
-    }));
-    (0, _defineProperty2.default)(_this, "onMouseDownEditView", function () {
-      // When the user is deselecting text on the screen by clicking, if they are clicking outside
-      // the current selection, by the time the onclick handler is called the window.getSelection()
-      // value will already be cleared.
-      // The mousedown callback is called before the selection is cleared.
-      var windowSelection = window.getSelection();
-      _this.mouseDownSelection = windowSelection !== null ? windowSelection.toString() : undefined;
-    });
-    (0, _defineProperty2.default)(_this, "handleMouseTripleClickInTables", function (event) {
-      var _parentElement, _parentElement2;
-      if (_browser.browser.ios || _browser.browser.android) {
-        return;
-      }
-      var badBrowser = _browser.browser.chrome || _browser.browser.safari;
-      var tripleClick = event.detail >= 3;
-      if (!(badBrowser && tripleClick)) {
-        return;
-      }
-      var selection = window.getSelection();
-      if (!selection) {
-        return;
-      }
-      var type = selection.type,
-        anchorNode = selection.anchorNode,
-        focusNode = selection.focusNode;
-      var rangeSelection = Boolean(type === 'Range' && anchorNode && focusNode);
-      if (!rangeSelection) {
-        return;
-      }
-      // Ignored via go/ees005
-      // eslint-disable-next-line @atlaskit/editor/no-as-casting
-      var target = event.target;
-      var tableCell = target.closest('td,th');
-      var clickedInCell = Boolean(tableCell);
-      if (!clickedInCell) {
-        return;
-      }
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      var anchorInCell = tableCell.contains(anchorNode);
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      var focusInCell = tableCell.contains(focusNode);
-      var selectionStartsOrEndsOutsideClickedCell = !(anchorInCell && focusInCell);
-      if (!selectionStartsOrEndsOutsideClickedCell) {
-        return;
-      }
-      // If selection starts or ends in a different cell than the clicked cell,
-      // we select the node inside the clicked cell (or if both are in a different
-      // cell, we select the cell's contents instead). We want to select the nearest
-      // parent block, so that a whole line of text/content is selected (rather than
-      // selecting a span that would select one specific chunk of text).
-      var elementToSelect = anchorInCell ? // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      (_parentElement = anchorNode.parentElement) === null || _parentElement === void 0 ? void 0 : _parentElement.closest('div,p') : focusInCell ? // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      (_parentElement2 = focusNode.parentElement) === null || _parentElement2 === void 0 ? void 0 : _parentElement2.closest('div,p') : tableCell;
-      if (elementToSelect) {
-        selection.selectAllChildren(elementToSelect);
-      }
-    });
-    _this.providerFactory = props.dataProviders || new _providerFactory.ProviderFactory();
-    _this.serializer = new _.ReactSerializer(_this.deriveSerializerProps(props));
-    _this.editorRef = props.innerRef || /*#__PURE__*/_react.default.createRef();
-    _this.id = (0, _v.default)();
-    (0, _performanceMeasures.startMeasure)("Renderer Render Time: ".concat(_this.id));
-    return _this;
-  }
-  (0, _inherits2.default)(__RendererClassComponent, _PureComponent);
-  return (0, _createClass2.default)(__RendererClassComponent, [{
-    key: "anchorLinkAnalytics",
-    value: function anchorLinkAnalytics() {
-      var hash = window.location.hash && decodeURIComponent(window.location.hash.slice(1));
-      var disableHeadingIDs = this.props.disableHeadingIDs;
-      if (!disableHeadingIDs && hash && this.editorRef && this.editorRef.current instanceof HTMLElement) {
-        var anchorLinkElement = document.getElementById(hash);
-        // We are not use this.editorRef.querySelector here, instead we have this.editorRef.contains
-        // because querySelector might fail if there are special characters in hash, and CSS.escape is still experimental.
-        if (anchorLinkElement && this.editorRef.current.contains(anchorLinkElement)) {
-          this.fireAnalyticsEvent({
-            action: _analytics.ACTION.VIEWED,
-            actionSubject: _analytics.ACTION_SUBJECT.ANCHOR_LINK,
-            attributes: {
-              platform: _events.PLATFORM.WEB,
-              mode: _events.MODE.RENDERER
-            },
-            eventType: _analytics.EVENT_TYPE.UI
-          });
-        }
-      }
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      this.fireAnalyticsEvent({
-        action: _analytics.ACTION.STARTED,
-        actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
-        attributes: {
-          platform: _events.PLATFORM.WEB
-        },
-        eventType: _analytics.EVENT_TYPE.UI
-      });
-      this.rafID = requestAnimationFrame(function () {
-        (0, _performanceMeasures.stopMeasure)("Renderer Render Time: ".concat(_this2.id), function (duration) {
-          var _analyticsEventSeveri, _analyticsEventSeveri2, _this2$props;
-          var analyticsEventSeverityTracking = _this2.props.analyticsEventSeverityTracking;
-          var forceSeverityTracking = typeof analyticsEventSeverityTracking === 'undefined' && (0, _utils.shouldForceTracking)();
-          var severity = !!forceSeverityTracking || analyticsEventSeverityTracking !== null && analyticsEventSeverityTracking !== void 0 && analyticsEventSeverityTracking.enabled ? (0, _utils.getAnalyticsEventSeverity)(duration, (_analyticsEventSeveri = analyticsEventSeverityTracking === null || analyticsEventSeverityTracking === void 0 ? void 0 : analyticsEventSeverityTracking.severityNormalThreshold) !== null && _analyticsEventSeveri !== void 0 ? _analyticsEventSeveri : NORMAL_SEVERITY_THRESHOLD, (_analyticsEventSeveri2 = analyticsEventSeverityTracking === null || analyticsEventSeverityTracking === void 0 ? void 0 : analyticsEventSeverityTracking.severityDegradedThreshold) !== null && _analyticsEventSeveri2 !== void 0 ? _analyticsEventSeveri2 : DEGRADED_SEVERITY_THRESHOLD) : undefined;
-
-          // ED-16320: Check for explicit disable so that by default
-          // it will still be enabled as it currently is. Then we can
-          // progressively opt out synthetic tenants.
-          var isTTRTrackingExplicitlyDisabled = ((_this2$props = _this2.props) === null || _this2$props === void 0 || (_this2$props = _this2$props.analyticsEventSeverityTracking) === null || _this2$props === void 0 ? void 0 : _this2$props.enabled) === false;
-          if (!isTTRTrackingExplicitlyDisabled) {
-            _this2.fireAnalyticsEvent({
-              action: _analytics.ACTION.RENDERED,
-              actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
-              attributes: {
-                platform: _events.PLATFORM.WEB,
-                duration: duration,
-                distortedDuration:
-                // Ignored via go/ees005
-                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                _this2.renderedMeasurementDistortedDurationMonitor.distortedDuration,
-                ttfb: (0, _navigation.getResponseEndTime)(),
-                nodes: (0, _countNodes.countNodes)(_this2.props.document),
-                severity: severity
-              },
-              eventType: _analytics.EVENT_TYPE.OPERATIONAL
-            });
-          }
-
-          // Ignored via go/ees005
-          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-          _this2.renderedMeasurementDistortedDurationMonitor.cleanup();
-          delete _this2.renderedMeasurementDistortedDurationMonitor;
-        });
-        _this2.anchorLinkAnalytics();
-      });
-    }
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/no-unsafe
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      var nextMedia = nextProps.media || {};
-      var media = this.props.media || {};
-      if (nextProps.portal !== this.props.portal || nextProps.appearance !== this.props.appearance || nextProps.stickyHeaders !== this.props.stickyHeaders || nextProps.disableActions !== this.props.disableActions || nextProps.allowCustomPanels !== this.props.allowCustomPanels || nextProps.extensionHandlers !== this.props.extensionHandlers || nextProps.allowHeadingAnchorLinks !== this.props.allowHeadingAnchorLinks || nextProps.UNSTABLE_isPresentational !== this.props.UNSTABLE_isPresentational || nextMedia.allowLinking !== media.allowLinking) {
-        this.serializer = new _.ReactSerializer(this.deriveSerializerProps(nextProps));
-      }
-    }
-  }, {
-    key: "deriveSerializerProps",
-    value: function deriveSerializerProps(props) {
-      // if just passed a boolean, change shape into object to simplify type
-      var stickyHeaders = props.stickyHeaders ? props.stickyHeaders === true ? {} : props.stickyHeaders : undefined;
-      var annotationProvider = props.annotationProvider;
-      var allowAnnotationsDraftMode = Boolean(annotationProvider && annotationProvider.inlineComment && annotationProvider.inlineComment.allowDraftMode);
-      var _this$createRendererC = this.createRendererContext(props.featureFlags, props.isTopLevelRenderer),
-        featureFlags = _this$createRendererC.featureFlags;
-      return {
-        startPos: props.startPos,
-        providers: this.providerFactory,
-        eventHandlers: props.eventHandlers,
-        extensionHandlers: props.extensionHandlers,
-        portal: props.portal,
-        objectContext: _objectSpread({
-          adDoc: props.document,
-          schema: props.schema
-        }, props.rendererContext),
-        appearance: props.appearance,
-        disableHeadingIDs: props.disableHeadingIDs,
-        disableActions: props.disableActions,
-        allowHeadingAnchorLinks: props.allowHeadingAnchorLinks,
-        allowColumnSorting: props.allowColumnSorting,
-        fireAnalyticsEvent: this.fireAnalyticsEvent,
-        shouldOpenMediaViewer: props.shouldOpenMediaViewer,
-        allowAltTextOnImages: props.allowAltTextOnImages,
-        stickyHeaders: stickyHeaders,
-        allowMediaLinking: props.media && props.media.allowLinking,
-        surroundTextNodesWithTextWrapper: allowAnnotationsDraftMode,
-        media: props.media,
-        emojiResourceConfig: props.emojiResourceConfig,
-        smartLinks: props.smartLinks,
-        extensionViewportSizes: props.extensionViewportSizes,
-        allowCopyToClipboard: props.allowCopyToClipboard,
-        allowWrapCodeBlock: props.allowWrapCodeBlock,
-        allowCustomPanels: props.allowCustomPanels,
-        allowAnnotations: props.allowAnnotations,
-        allowSelectAllTrap: props.allowSelectAllTrap,
-        allowPlaceholderText: props.allowPlaceholderText,
-        nodeComponents: props.nodeComponents,
-        isPresentational: props.UNSTABLE_isPresentational,
-        // does not currently support SSR, should not be enabled in environments where Renderer is SSR-ed
-        allowWindowedCodeBlock: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.allowWindowedCodeBlock,
-        isInsideOfInlineExtension: props.isInsideOfInlineExtension,
-        textHighlighter: props.textHighlighter || props.UNSTABLE_textHighlighter,
-        allowTableAlignment: props.UNSTABLE_allowTableAlignment,
-        allowTableResizing: props.UNSTABLE_allowTableResizing
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-      var _this$props = this.props,
-        adfDocument = _this$props.document,
-        onComplete = _this$props.onComplete,
-        onError = _this$props.onError,
-        appearance = _this$props.appearance,
-        allowAnnotations = _this$props.allowAnnotations,
-        adfStage = _this$props.adfStage,
-        truncated = _this$props.truncated,
-        maxHeight = _this$props.maxHeight,
-        fadeOutHeight = _this$props.fadeOutHeight,
-        enableSsrInlineScripts = _this$props.enableSsrInlineScripts,
-        noOpSSRInlineScript = _this$props.noOpSSRInlineScript,
-        allowHeadingAnchorLinks = _this$props.allowHeadingAnchorLinks,
-        allowPlaceholderText = _this$props.allowPlaceholderText,
-        allowColumnSorting = _this$props.allowColumnSorting,
-        allowCopyToClipboard = _this$props.allowCopyToClipboard,
-        allowWrapCodeBlock = _this$props.allowWrapCodeBlock,
-        allowCustomPanels = _this$props.allowCustomPanels,
-        media = _this$props.media,
-        skipValidation = _this$props.skipValidation;
-      var rendererContext = this.createRendererContext(this.props.featureFlags, this.props.isTopLevelRenderer);
-      var allowNestedHeaderLinks = (0, _links.isNestedHeaderLinksEnabled)(allowHeadingAnchorLinks);
-      /**
-       * Handle clicks inside renderer. If the click isn't on media, in the media picker, or on a
-       * link, call the onUnhandledClick eventHandler (which in Jira for example, may switch the
-       * renderer out for the editor).
-       * @param event Click event anywhere inside renderer
-       */
-      var handleWrapperOnClick = function handleWrapperOnClick(event) {
-        var _this3$props$eventHan;
-        // Ignored via go/ees005
-        // eslint-disable-next-line @atlaskit/editor/no-as-casting
-        var targetElement = event.target;
-
-        // ED-14862: When a user triple clicks to select a line of content inside a
-        // a table cell, but the browser incorrectly moves the selection start or end into
-        // a different table cell, we manually set the selection back to within the original
-        // table cell the user intended to target
-        _this3.handleMouseTripleClickInTables(event);
-        if (!((_this3$props$eventHan = _this3.props.eventHandlers) !== null && _this3$props$eventHan !== void 0 && _this3$props$eventHan.onUnhandledClick)) {
-          return;
-        }
-        if (!(targetElement instanceof window.Element)) {
-          return;
-        }
-
-        // Ignored via go/ees005
-        // eslint-disable-next-line @atlaskit/editor/no-as-casting
-        var rendererWrapper = event.currentTarget;
-
-        // Check if the click was on an interactive element
-        var isInteractiveElementInTree = (0, _utils2.findInTree)(targetElement, rendererWrapper, _clickToEdit.isInteractiveElement);
-        if (isInteractiveElementInTree) {
-          return;
-        }
-
-        // Ensure that selecting text in the renderer doesn't trigger onUnhandledClick
-        // This logic originated in jira-frontend:
-        // src/packages/issue/issue-view/src/views/field/rich-text/rich-text-inline-edit-view.js
-
-        // The selection is required to be checked in `onMouseDown` and here. If not here, a new
-        // selection isn't reported; if not in `onMouseDown`, a click outside the selection will
-        // return an empty selection, which will erroneously fire onUnhandledClick.
-        var windowSelection = window.getSelection();
-        var selection = windowSelection !== null ? windowSelection.toString() : undefined;
-        var hasSelection = selection && selection.length !== 0;
-        var hasSelectionMouseDown = _this3.mouseDownSelection && _this3.mouseDownSelection.length !== 0;
-        var allowEditBasedOnSelection = !hasSelection && !hasSelectionMouseDown;
-        if (allowEditBasedOnSelection) {
-          _this3.props.eventHandlers.onUnhandledClick(event);
-        }
-      };
-      try {
-        var _rendererContext$feat;
-        var schema = this.getSchema(this.props.schema, this.props.adfStage);
-        var _renderDocument = (0, _.renderDocument)(this.props.shouldRemoveEmptySpaceAroundContent ? (0, _rendererHelper.removeEmptySpaceAroundContent)(adfDocument) : adfDocument, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance, this.props.includeNodesCountInStats, skipValidation),
-          result = _renderDocument.result,
-          stat = _renderDocument.stat,
-          pmDoc = _renderDocument.pmDoc;
-        if (onComplete) {
-          onComplete(stat);
-        }
-        var rendererOutput = (0, _react2.jsx)(_rendererContext.RendererContextProvider, {
-          value: rendererContext
-        }, (0, _react2.jsx)(_activeHeaderIdProvider.ActiveHeaderIdProvider, {
-          value: (0, _links.getActiveHeadingId)(allowHeadingAnchorLinks)
-        }, (0, _react2.jsx)(_analyticsContext.default.Provider, {
-          value: {
-            fireAnalyticsEvent: function fireAnalyticsEvent(event) {
-              return _this3.fireAnalyticsEvent(event);
-            }
-          }
-        }, (0, _react2.jsx)(_SmartCardStorage.Provider, null, (0, _react2.jsx)(_providerFactory.ProviderFactoryProvider, {
-          value: this.providerFactory
-        }, (0, _react2.jsx)(RendererWrapper, {
-          allowAnnotations: allowAnnotations,
-          appearance: appearance,
-          allowNestedHeaderLinks: allowNestedHeaderLinks,
-          allowColumnSorting: allowColumnSorting,
-          allowCopyToClipboard: allowCopyToClipboard,
-          allowWrapCodeBlock: allowWrapCodeBlock,
-          allowCustomPanels: allowCustomPanels,
-          allowPlaceholderText: allowPlaceholderText,
-          useBlockRenderForCodeBlock: (_rendererContext$feat = rendererContext.featureFlags.useBlockRenderForCodeBlock) !== null && _rendererContext$feat !== void 0 ? _rendererContext$feat : true,
-          addTelepointer: this.props.addTelepointer,
-          innerRef: this.editorRef,
-          onClick: handleWrapperOnClick,
-          onMouseDown: this.onMouseDownEditView,
-          ssr: media === null || media === void 0 ? void 0 : media.ssr,
-          isInsideOfInlineExtension: this.props.isInsideOfInlineExtension,
-          isTopLevelRenderer: rendererContext.isTopLevelRenderer
-        }, enableSsrInlineScripts || noOpSSRInlineScript ? (0, _react2.jsx)(_breakoutSsr.BreakoutSSRInlineScript, {
-          noOpSSRInlineScript: Boolean(noOpSSRInlineScript)
-        }) : null, (0, _react2.jsx)(RendererActionsInternalUpdater, {
-          doc: pmDoc,
-          schema: schema,
-          onAnalyticsEvent: this.fireAnalyticsEvent
-        }, result)))))));
-        var rendererResult = truncated ? (0, _react2.jsx)(_truncatedWrapper.TruncatedWrapper, {
-          height: maxHeight,
-          fadeHeight: fadeOutHeight
-        }, rendererOutput) : rendererOutput;
-        return (0, _react2.jsx)(_react.Fragment, null, rendererResult);
-      } catch (e) {
-        var _rendererContext$feat2;
-        if (onError) {
-          onError(e);
-        }
-        return (0, _react2.jsx)(RendererWrapper, {
-          allowAnnotations: allowAnnotations,
-          appearance: appearance,
-          allowCopyToClipboard: allowCopyToClipboard,
-          allowWrapCodeBlock: allowWrapCodeBlock,
-          allowPlaceholderText: allowPlaceholderText,
-          allowColumnSorting: allowColumnSorting,
-          allowNestedHeaderLinks: allowNestedHeaderLinks,
-          useBlockRenderForCodeBlock: (_rendererContext$feat2 = rendererContext.featureFlags.useBlockRenderForCodeBlock) !== null && _rendererContext$feat2 !== void 0 ? _rendererContext$feat2 : true,
-          addTelepointer: this.props.addTelepointer,
-          onClick: handleWrapperOnClick,
-          isTopLevelRenderer: rendererContext.isTopLevelRenderer
-        }, (0, _react2.jsx)(_ui.UnsupportedBlock, null));
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var dataProviders = this.props.dataProviders;
-      if (this.rafID) {
-        window.cancelAnimationFrame(this.rafID);
-      }
-
-      // if this is the ProviderFactory which was created in constructor
-      // it's safe to destroy it on Renderer unmount
-      if (!dataProviders) {
-        this.providerFactory.destroy();
-      }
-    }
-  }]);
-}(_react.PureComponent);
 var handleMouseTripleClickInTables = function handleMouseTripleClickInTables(event) {
-  var _parentElement3, _parentElement4;
+  var _parentElement, _parentElement2;
   if (_browser.browser.ios || _browser.browser.android) {
     return;
   }
@@ -525,9 +115,9 @@ var handleMouseTripleClickInTables = function handleMouseTripleClickInTables(eve
 
   var elementToSelect = anchorInCell ? // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  (_parentElement3 = anchorNode.parentElement) === null || _parentElement3 === void 0 ? void 0 : _parentElement3.closest('div,p') : focusInCell ? // Ignored via go/ees005
+  (_parentElement = anchorNode.parentElement) === null || _parentElement === void 0 ? void 0 : _parentElement.closest('div,p') : focusInCell ? // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  (_parentElement4 = focusNode.parentElement) === null || _parentElement4 === void 0 ? void 0 : _parentElement4.closest('div,p') : tableCell;
+  (_parentElement2 = focusNode.parentElement) === null || _parentElement2 === void 0 ? void 0 : _parentElement2.closest('div,p') : tableCell;
   if (elementToSelect) {
     selection.selectAllChildren(elementToSelect);
   }
@@ -581,7 +171,11 @@ var handleWrapperOnClick = function handleWrapperOnClick(event, props, mouseDown
     props.eventHandlers.onUnhandledClick(event);
   }
 };
-var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
+
+/**
+ * Exported due to enzyme test reliance on this component.
+ */
+var RendererFunctionalComponent = exports.RendererFunctionalComponent = function RendererFunctionalComponent(props) {
   var createAnalyticsEvent = props.createAnalyticsEvent;
   var mouseDownSelection = (0, _react.useRef)(undefined);
   var providerFactory = (0, _react.useMemo)(function () {
@@ -729,9 +323,9 @@ var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
       });
       rafID = requestAnimationFrame(function () {
         (0, _performanceMeasures.stopMeasure)("Renderer Render Time: ".concat(id), function (duration) {
-          var _analyticsEventSeveri3, _analyticsEventSeveri4;
+          var _analyticsEventSeveri, _analyticsEventSeveri2;
           var forceSeverityTracking = typeof analyticsEventSeverityTracking === 'undefined' && (0, _utils.shouldForceTracking)();
-          var severity = !!forceSeverityTracking || analyticsEventSeverityTracking !== null && analyticsEventSeverityTracking !== void 0 && analyticsEventSeverityTracking.enabled ? (0, _utils.getAnalyticsEventSeverity)(duration, (_analyticsEventSeveri3 = analyticsEventSeverityTracking === null || analyticsEventSeverityTracking === void 0 ? void 0 : analyticsEventSeverityTracking.severityNormalThreshold) !== null && _analyticsEventSeveri3 !== void 0 ? _analyticsEventSeveri3 : NORMAL_SEVERITY_THRESHOLD, (_analyticsEventSeveri4 = analyticsEventSeverityTracking === null || analyticsEventSeverityTracking === void 0 ? void 0 : analyticsEventSeverityTracking.severityDegradedThreshold) !== null && _analyticsEventSeveri4 !== void 0 ? _analyticsEventSeveri4 : DEGRADED_SEVERITY_THRESHOLD) : undefined;
+          var severity = !!forceSeverityTracking || analyticsEventSeverityTracking !== null && analyticsEventSeverityTracking !== void 0 && analyticsEventSeverityTracking.enabled ? (0, _utils.getAnalyticsEventSeverity)(duration, (_analyticsEventSeveri = analyticsEventSeverityTracking === null || analyticsEventSeverityTracking === void 0 ? void 0 : analyticsEventSeverityTracking.severityNormalThreshold) !== null && _analyticsEventSeveri !== void 0 ? _analyticsEventSeveri : NORMAL_SEVERITY_THRESHOLD, (_analyticsEventSeveri2 = analyticsEventSeverityTracking === null || analyticsEventSeverityTracking === void 0 ? void 0 : analyticsEventSeverityTracking.severityDegradedThreshold) !== null && _analyticsEventSeveri2 !== void 0 ? _analyticsEventSeveri2 : DEGRADED_SEVERITY_THRESHOLD) : undefined;
           var isTTRTrackingExplicitlyDisabled = (analyticsEventSeverityTracking === null || analyticsEventSeverityTracking === void 0 ? void 0 : analyticsEventSeverityTracking.enabled) === false;
           if (!isTTRTrackingExplicitlyDisabled) {
             _fireAnalyticsEvent({
@@ -775,18 +369,21 @@ var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
     // having a dependency array means we run stopMeasure twice per render
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  var rendererContext = (0, _react.useMemo)(function () {
+    return createRendererContext(props.featureFlags, props.isTopLevelRenderer);
+  }, [props.featureFlags, props.isTopLevelRenderer, createRendererContext]);
   try {
-    var _createRendererContex2, _props$media;
+    var _rendererContext$feat, _props$media;
     var schema = getSchema(props.schema, props.adfStage);
-    var _renderDocument2 = (0, _.renderDocument)(props.shouldRemoveEmptySpaceAroundContent ? (0, _rendererHelper.removeEmptySpaceAroundContent)(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, _fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation),
-      result = _renderDocument2.result,
-      stat = _renderDocument2.stat,
-      pmDoc = _renderDocument2.pmDoc;
+    var _renderDocument = (0, _.renderDocument)(props.shouldRemoveEmptySpaceAroundContent ? (0, _rendererHelper.removeEmptySpaceAroundContent)(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, _fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation),
+      result = _renderDocument.result,
+      stat = _renderDocument.stat,
+      pmDoc = _renderDocument.pmDoc;
     if (props.onComplete) {
       props.onComplete(stat);
     }
     var rendererOutput = (0, _react2.jsx)(_rendererContext.RendererContextProvider, {
-      value: createRendererContext(props.featureFlags, props.isTopLevelRenderer)
+      value: rendererContext
     }, (0, _react2.jsx)(_activeHeaderIdProvider.ActiveHeaderIdProvider, {
       value: (0, _links.getActiveHeadingId)(props.allowHeadingAnchorLinks)
     }, (0, _react2.jsx)(_analyticsContext.default.Provider, {
@@ -806,7 +403,7 @@ var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
       allowWrapCodeBlock: props.allowWrapCodeBlock,
       allowCustomPanels: props.allowCustomPanels,
       allowPlaceholderText: props.allowPlaceholderText,
-      useBlockRenderForCodeBlock: (_createRendererContex2 = createRendererContext(props.featureFlags, props.isTopLevelRenderer).featureFlags.useBlockRenderForCodeBlock) !== null && _createRendererContex2 !== void 0 ? _createRendererContex2 : true,
+      useBlockRenderForCodeBlock: (_rendererContext$feat = rendererContext.featureFlags.useBlockRenderForCodeBlock) !== null && _rendererContext$feat !== void 0 ? _rendererContext$feat : true,
       addTelepointer: props.addTelepointer,
       innerRef: editorRef,
       onClick: function onClick(event) {
@@ -815,7 +412,7 @@ var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
       onMouseDown: onMouseDownEditView,
       ssr: (_props$media = props.media) === null || _props$media === void 0 ? void 0 : _props$media.ssr,
       isInsideOfInlineExtension: props.isInsideOfInlineExtension,
-      isTopLevelRenderer: createRendererContext(props.featureFlags, props.isTopLevelRenderer).isTopLevelRenderer,
+      isTopLevelRenderer: rendererContext.isTopLevelRenderer,
       shouldRemoveEmptySpaceAroundContent: props.shouldRemoveEmptySpaceAroundContent
     }, props.enableSsrInlineScripts || props.noOpSSRInlineScript ? (0, _react2.jsx)(_breakoutSsr.BreakoutSSRInlineScript, {
       noOpSSRInlineScript: Boolean(props.noOpSSRInlineScript)
@@ -830,7 +427,7 @@ var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
     }, rendererOutput) : rendererOutput;
     return (0, _react2.jsx)(_react.Fragment, null, rendererResult);
   } catch (e) {
-    var _createRendererContex3;
+    var _rendererContext$feat2;
     if (props.onError) {
       props.onError(e);
     }
@@ -842,12 +439,12 @@ var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
       allowPlaceholderText: props.allowPlaceholderText,
       allowColumnSorting: props.allowColumnSorting,
       allowNestedHeaderLinks: (0, _links.isNestedHeaderLinksEnabled)(props.allowHeadingAnchorLinks),
-      useBlockRenderForCodeBlock: (_createRendererContex3 = createRendererContext(props.featureFlags, props.isTopLevelRenderer).featureFlags.useBlockRenderForCodeBlock) !== null && _createRendererContex3 !== void 0 ? _createRendererContex3 : true,
+      useBlockRenderForCodeBlock: (_rendererContext$feat2 = rendererContext.featureFlags.useBlockRenderForCodeBlock) !== null && _rendererContext$feat2 !== void 0 ? _rendererContext$feat2 : true,
       addTelepointer: props.addTelepointer,
       onClick: function onClick(event) {
         return handleWrapperOnClick(event, props, mouseDownSelection);
       },
-      isTopLevelRenderer: createRendererContext(props.featureFlags, props.isTopLevelRenderer).isTopLevelRenderer
+      isTopLevelRenderer: rendererContext.isTopLevelRenderer
     }, (0, _react2.jsx)(_ui.UnsupportedBlock, null));
   }
 };
@@ -858,16 +455,7 @@ function Renderer(props) {
     isTopLevelRenderer = _useRendererContext.isTopLevelRenderer;
   var _ref = (0, _react.useContext)(_ValidationContext.ValidationContext) || {},
     skipValidation = _ref.skipValidation;
-  return (0, _platformFeatureFlags.fg)('platform_editor_react18_renderer') ? (0, _react2.jsx)(RendererFunctionalComponent
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , (0, _extends2.default)({}, props, {
-    startPos: startPos,
-    isTopLevelRenderer: isTopLevelRenderer,
-    skipValidation: skipValidation
-  })) :
-  // eslint-disable-next-line react/jsx-pascal-case
-  (0, _react2.jsx)(__RendererClassComponent
+  return (0, _react2.jsx)(RendererFunctionalComponent
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , (0, _extends2.default)({}, props, {

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

@@ -63,6 +63,22 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
     // but we want to prioritize draft positions if they are being used by consumers
     var positionToAnnotate = draftDocumentPosition || documentPosition;
     if (!positionToAnnotate || !applyAnnotation) {
+      // TODO: EDITOR-595 - This analytic event is temporary and should be removed once the following issue
+      // has been identified and fixed: https://atlassian.slack.com/archives/C08JK0WSCH5/p1745902609966999
+      if (createAnalyticsEvent && (0, _platformFeatureFlags.fg)('platform_renderer_annotations_create_debug_logging')) {
+        createAnalyticsEvent({
+          action: 'failed',
+          actionSubject: 'applyAnnotation',
+          actionSubjectId: 'inlineCommentFailureReason',
+          attributes: {
+            reason: 'Annotation Position invalid',
+            draftDocumentPosition: draftDocumentPosition,
+            documentPosition: documentPosition,
+            applyAnnotation: !!applyAnnotation
+          },
+          eventType: _analytics.EVENT_TYPE.OPERATIONAL
+        }).fire(_types.FabricChannel.editor);
+      }
       return false;
     }