@atlaskit/renderer 115.0.5 → 115.1.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/renderer
 
+## 115.1.0
+
+### Minor Changes
+
+- [#151824](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/151824)
+  [`0828a5f0b032e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0828a5f0b032e) -
+  Extract portal to a context when custom nodeComponents are not passed in.
+
+### Patch Changes
+
+- [#152820](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/152820)
+  [`00eda15128c75`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00eda15128c75) -
+  ED-27923:Fix embeded card width during SSR
+
+## 115.0.6
+
+### Patch Changes
+
+- [#152081](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/152081)
+  [`703ddc882eae5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/703ddc882eae5) -
+  The annotation draft position has been moved to a high-order context so it can persist across
+  unmounts. The Range context has also been update to support multiple active annotation drafts.
+  This is because currently both the media and selection comments can be opened
+
 ## 115.0.5
 
 ### Patch Changes

package/dist/cjs/actions/index.js

@@ -22,10 +22,6 @@ var _matchesUtils = require("./matches-utils");
 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; }
 var RendererActions = exports.default = /*#__PURE__*/function () {
-  // Any kind of refence is allowed
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
   function RendererActions() {
     var initFromContext = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     (0, _classCallCheck2.default)(this, RendererActions);
@@ -33,6 +29,7 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
     // This module can only be used when wrapped with
     // the <RendererContext> component for now.
     (0, _defineProperty2.default)(this, "initFromContext", false);
+    (0, _defineProperty2.default)(this, "debugAnalyticLoggingEnabled", false);
     // TODO: EDITOR-595 - This method is temporary and should be removed once the following issue
     // has been identified and fixed: https://atlassian.slack.com/archives/C08JK0WSCH5/p1745902609966999
     // This is a copy of the original canApplyAnnotationOnRange. If that returns false this is run to figure out exactly why
@@ -115,7 +112,7 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
     key: "_privateValidatePositionsForAnnotation",
     value: function _privateValidatePositionsForAnnotation(from, to) {
       if (!this.doc || !this.schema) {
-        if (this.onAnalyticsEvent && (0, _platformFeatureFlags.fg)('platform_renderer_annotations_create_debug_logging')) {
+        if (this.debugAnalyticLoggingEnabled && this.onAnalyticsEvent && (0, _platformFeatureFlags.fg)('platform_renderer_annotations_create_debug_logging')) {
           this.onAnalyticsEvent({
             // @ts-ignore
             action: 'failed',
@@ -137,7 +134,7 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
       }
       var currentSelection = _state.TextSelection.create(this.doc, from, to);
       if ((0, _utils.isEmptyTextSelection)(currentSelection, this.schema)) {
-        if (this.onAnalyticsEvent && (0, _platformFeatureFlags.fg)('platform_renderer_annotations_create_debug_logging')) {
+        if (this.debugAnalyticLoggingEnabled && this.onAnalyticsEvent && (0, _platformFeatureFlags.fg)('platform_renderer_annotations_create_debug_logging')) {
           this.onAnalyticsEvent({
             // @ts-ignore
             action: 'failed',
@@ -161,7 +158,7 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
         from: from,
         to: to
       }, this.doc, this.schema);
-      if (!result && this.onAnalyticsEvent && (0, _platformFeatureFlags.fg)('platform_renderer_annotations_create_debug_logging')) {
+      if (this.debugAnalyticLoggingEnabled && !result && this.onAnalyticsEvent && (0, _platformFeatureFlags.fg)('platform_renderer_annotations_create_debug_logging')) {
         this.onAnalyticsEvent({
           // @ts-ignore
           action: 'failed',
@@ -341,7 +338,7 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
     key: "isValidAnnotationPosition",
     value: function isValidAnnotationPosition(pos) {
       if (!pos || !this.doc) {
-        if (this.onAnalyticsEvent && (0, _platformFeatureFlags.fg)('platform_renderer_annotations_create_debug_logging')) {
+        if (this.debugAnalyticLoggingEnabled && this.onAnalyticsEvent && (0, _platformFeatureFlags.fg)('platform_renderer_annotations_create_debug_logging')) {
           this.onAnalyticsEvent({
             // @ts-ignore
             action: 'failed',
@@ -548,5 +545,14 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
         schema: this.schema
       }, annotationId);
     }
+
+    /**
+     * This is a temporary method used for controlling when extra analytics shoulw be logged.
+     */
+  }, {
+    key: "_setDebugLogging",
+    value: function _setDebugLogging(enabled) {
+      this.debugAnalyticLoggingEnabled = enabled;
+    }
   }]);
 }();

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

@@ -18,6 +18,7 @@ var _ssr = require("@atlaskit/smart-card/ssr");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _utils = require("@atlaskit/editor-common/utils");
+var _PortalContext = require("../../ui/Renderer/PortalContext");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -37,9 +38,9 @@ function BlockCard(props) {
   var url = props.url,
     data = props.data,
     eventHandlers = props.eventHandlers,
-    portal = props.portal,
     smartLinks = props.smartLinks,
     isNodeNested = props.isNodeNested;
+  var portal = (0, _PortalContext.usePortal)(props);
   var _ref = smartLinks || {},
     actionOptions = _ref.actionOptions;
   var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);

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

@@ -19,6 +19,7 @@ var _fallback = require("./fallback");
 var _style = require("../../ui/Renderer/style");
 var _getCardClickHandler = require("../utils/getCardClickHandler");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _PortalContext = require("../../ui/Renderer/PortalContext");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -38,6 +39,8 @@ var embedCardWrapperStyles = (0, _react.css)({
   },
   margin: '0 auto'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var uIMediaSingleLayoutStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginLeft: '50%',
@@ -48,13 +51,13 @@ function EmbedCard(props) {
   var url = props.url,
     data = props.data,
     eventHandlers = props.eventHandlers,
-    portal = props.portal,
     layout = props.layout,
     width = props.width,
     isInsideOfBlockNode = props.isInsideOfBlockNode,
     rendererAppearance = props.rendererAppearance,
     smartLinks = props.smartLinks,
     isInsideOfInlineExtension = props.isInsideOfInlineExtension;
+  var portal = (0, _PortalContext.usePortal)(props);
   var embedIframeRef = (0, _react2.useRef)(null);
   var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);
   var _ref = smartLinks || {},

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

@@ -16,6 +16,7 @@ var _SmartCardStorage = require("../../ui/SmartCardStorage");
 var _getCardClickHandler = require("../utils/getCardClickHandler");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineAnnotationProps");
+var _PortalContext = require("../../ui/Renderer/PortalContext");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -26,8 +27,8 @@ var InlineCard = function InlineCard(props) {
   var url = props.url,
     data = props.data,
     eventHandlers = props.eventHandlers,
-    portal = props.portal,
     smartLinks = props.smartLinks;
+  var portal = (0, _PortalContext.usePortal)(props);
   var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);
   var cardProps = {
     url: url,

package/dist/cjs/react/nodes/media/index.js

@@ -35,6 +35,7 @@ var _reactIntlNext = require("react-intl-next");
 var _useInlineCommentsFilter = require("../../../ui/annotations/hooks/use-inline-comments-filter");
 var _useInlineCommentSubscriber = require("../../../ui/annotations/hooks/use-inline-comment-subscriber");
 var _types = require("@atlaskit/editor-common/types");
+var _AnnotationRangeContext = require("../../../ui/annotations/contexts/AnnotationRangeContext");
 var _excluded = ["marks", "mediaSingleElement", "isDrafting"],
   _excluded2 = ["marks", "mediaSingleElement", "isDrafting"];
 /**
@@ -430,7 +431,10 @@ var Media = /*#__PURE__*/function (_PureComponent) {
   }]);
 }(_react.PureComponent);
 var MediaWithDraftAnnotation = function MediaWithDraftAnnotation(props) {
-  var draftPosition = _react.default.useContext(_context.AnnotationsDraftContext);
+  var draftPositionOld = _react.default.useContext(_context.AnnotationsDraftContext);
+  var _useAnnotationRangeSt = (0, _AnnotationRangeContext.useAnnotationRangeState)(),
+    hoverDraftDocumentPosition = _useAnnotationRangeSt.hoverDraftDocumentPosition;
+  var draftPosition = (0, _platformFeatureFlags.fg)('platform_renderer_annotation_draft_position_fix') ? hoverDraftDocumentPosition : draftPositionOld;
   var dataAttributes = props.dataAttributes;
   var pos = dataAttributes && dataAttributes['data-renderer-start-pos'];
   var _useState9 = (0, _react.useState)(),

package/dist/cjs/react/nodes/mediaSingle/index.js

@@ -141,7 +141,7 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
   var padding = isFullPage ? _style.FullPagePadding * 2 : 0;
   var calcDimensions = (0, _react.useCallback)(function (mediaContainerWidth) {
     var containerWidth = getMediaContainerWidth(mediaContainerWidth, layout);
-    var maxWidth = (0, _coreUtils.isSSR)() && widthAttr && (0, _platformFeatureFlags.fg)('platform_editor_fix_image_size_diff_during_ssr') ? Math.max(widthAttr, containerWidth) : containerWidth;
+    var maxWidth = (0, _coreUtils.isSSR)() && widthAttr && typeof widthAttr === 'number' && widthType === 'pixel' && (0, _platformFeatureFlags.fg)('platform_editor_fix_image_size_diff_during_ssr') ? Math.max(widthAttr, containerWidth) : containerWidth;
     var maxHeight = height / width * maxWidth;
     var cardDimensions = {
       width: "".concat(maxWidth, "px"),
@@ -162,7 +162,7 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
       cardDimensions: cardDimensions,
       lineLength: lineLength
     };
-  }, [height, isFullWidth, isInsideOfBlockNode, layout, padding, rendererAppearance, width, widthAttr]);
+  }, [height, isFullWidth, isInsideOfBlockNode, layout, padding, rendererAppearance, width, widthAttr, widthType]);
   var originalDimensions = (0, _react.useMemo)(function () {
     return {
       width: width,

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

@@ -386,11 +386,17 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         this.updatedLayout = layout;
       }
 
+      // defined in colgroup.tsx:
+      // appearance == comment && allowTableResizing && means it is a comment
+      // appearance == comment && !allowTableResizing && means it is a inline comment
+      // for inline comments, the table should inherit the width of the parent component rather than maintain its own size
+      var isInsideInlineComment = rendererAppearance === 'comment' && !allowTableResizing;
+
       // These styling removes extra padding for `comment` rendererAppearance.
       // This is especially relevant for Jira which only uses `comment` appearance and does not need padding.
       var resizerContainerPadding = rendererAppearance === 'comment' ? 0 : gutterPadding;
-      var resizerItemMaxWidth = rendererAppearance === 'comment' ? "min(100cqw, var(--ak-editor-table-max-width))" : "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), var(--ak-editor-table-max-width))";
-      var resizerItemWidth = rendererAppearance === 'comment' ? "min(100cqw, ".concat(tableWidthAttribute, ")") : "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ".concat(tableWidthAttribute, ")");
+      var resizerItemMaxWidth = rendererAppearance === 'comment' ? isInsideInlineComment ? 'inherit' : "min(100cqw, var(--ak-editor-table-max-width))" : "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), var(--ak-editor-table-max-width))";
+      var resizerItemWidth = rendererAppearance === 'comment' ? isInsideInlineComment ? 'inherit' : "min(100cqw, ".concat(tableWidthAttribute, ")") : "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ".concat(tableWidthAttribute, ")");
 
       // full width tables can have either left-aligned or centered layout despite looking centered in the renderer.
       // in these cases, keep the alignment unset
@@ -412,7 +418,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
         ,
         style: {
-          width: "min(calc(100cqw - ".concat(resizerContainerPadding, "px), ").concat(tableWidthAttribute, ")")
+          width: isInsideInlineComment ? '100%' : "min(calc(100cqw - ".concat(resizerContainerPadding, "px), ").concat(tableWidthAttribute, ")")
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

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

@@ -0,0 +1,24 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePortal = exports.PortalContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+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; }
+var PortalContext = exports.PortalContext = /*#__PURE__*/_react.default.createContext(undefined);
+var usePortal = exports.usePortal = function usePortal() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    portalFromProps = _ref.portal;
+  var portalFromContext = (0, _react.useContext)(PortalContext);
+  if (portalFromProps) {
+    return portalFromProps;
+  }
+  if ((0, _platformFeatureFlags.fg)('cc_complexit_reduce_portal_rerenders')) {
+    return portalFromContext;
+  }
+  return undefined;
+};

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

@@ -9,6 +9,7 @@ exports.NORMAL_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = void 0
 exports.Renderer = Renderer;
 exports.default = exports.RendererWithAnalytics = exports.RendererFunctionalComponent = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
@@ -49,6 +50,8 @@ var _RendererStyleContainer = require("./RendererStyleContainer");
 var _getBaseFontSize = require("./get-base-font-size");
 var _rendererHelper = require("./rendererHelper");
 var _useMemoFromPropsDerivative = require("./useMemoFromPropsDerivative");
+var _PortalContext = require("./PortalContext");
+var _excluded = ["portal"];
 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; }
@@ -60,11 +63,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "115.0.5";
+var packageVersion = "115.1.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
-  containerType: 'inline-size',
-  contain: 'layout style inline-size'
+  containerType: 'inline-size'
 });
 var handleMouseTripleClickInTables = function handleMouseTripleClickInTables(event) {
   var _parentElement, _parentElement2;
@@ -172,10 +174,6 @@ var handleWrapperOnClick = function handleWrapperOnClick(event, props, mouseDown
     props.eventHandlers.onUnhandledClick(event);
   }
 };
-
-/**
- * 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);
@@ -458,6 +456,29 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
   }
 };
 var RendererFunctionalComponentMemoized = /*#__PURE__*/_react.default.memo(RendererFunctionalComponent);
+var RendererFunctionalComponentWithPortalContext = function RendererFunctionalComponentWithPortalContext(props) {
+  var portal = props.portal,
+    propsWithoutPortal = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return (0, _react2.jsx)(_PortalContext.PortalContext.Provider, {
+    value: portal
+  }, (0, _react2.jsx)(RendererFunctionalComponent, propsWithoutPortal));
+};
+var RendererFunctionalComponentWithPortalContextMemoized = /*#__PURE__*/_react.default.memo(RendererFunctionalComponentWithPortalContext);
+var getRendererComponent = function getRendererComponent(nodeComponents) {
+  // If nodeComponents are provided, for now we don't want to remove portal from props
+  // and use context instead because at this time we cannot guarantee that existing
+  // consumers of Atlaskit Renderer will update to use the new portal context.
+  if (!Boolean(nodeComponents) && (0, _platformFeatureFlags.fg)('cc_complexit_reduce_portal_rerenders')) {
+    if ((0, _platformFeatureFlags.fg)('cc_perf_reduce_rerenders')) {
+      return RendererFunctionalComponentWithPortalContextMemoized;
+    }
+    return RendererFunctionalComponentWithPortalContext;
+  }
+  if ((0, _platformFeatureFlags.fg)('cc_perf_reduce_rerenders')) {
+    return RendererFunctionalComponentMemoized;
+  }
+  return RendererFunctionalComponent;
+};
 function Renderer(props) {
   var _React$useContext = _react.default.useContext(_annotations.AnnotationsPositionContext),
     startPos = _React$useContext.startPos;
@@ -465,7 +486,7 @@ function Renderer(props) {
     isTopLevelRenderer = _useRendererContext.isTopLevelRenderer;
   var _ref = (0, _react.useContext)(_ValidationContext.ValidationContext) || {},
     skipValidation = _ref.skipValidation;
-  var RendererComponent = (0, _platformFeatureFlags.fg)('cc_perf_reduce_rerenders') ? RendererFunctionalComponentMemoized : RendererFunctionalComponent;
+  var RendererComponent = getRendererComponent(props.nodeComponents);
   return (0, _react2.jsx)(RendererComponent
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
@@ -603,10 +624,10 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
   // Only apply container-type = inline-size when having a known width in full-page/full-width/comment mode.
   // Otherwise when appearance is unspecified the renderer size is decided by the content.
   // In this case we can't set the container-type = inline-size as it will collapse width to 0.
-  return (appearance === 'full-page' || appearance === 'full-width' || appearance === 'comment') &&
+  return appearance === 'comment' &&
   // In case of having excerpt-include on page there are multiple renderers nested.
   // Make sure only the root renderer is set to be query container.
-  isTopLevelRenderer && (0, _platformFeatureFlags.fg)('platform-fix-table-ssr-resizing') ? (0, _react2.jsx)("div", {
+  isTopLevelRenderer && (0, _platformFeatureFlags.fg)('platform-ssr-table-resize') ? (0, _react2.jsx)("div", {
     css: setAsQueryContainerStyles
   }, renderer) : renderer;
 });

package/dist/cjs/ui/annotations/context.js

@@ -18,10 +18,23 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 _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; })(); }
-var AnnotationsDraftContext = exports.AnnotationsDraftContext = /*#__PURE__*/(0, _react.createContext)(null);
 var ProvidersContext = exports.ProvidersContext = /*#__PURE__*/(0, _react.createContext)(null);
 var InlineCommentsStateContext = exports.InlineCommentsStateContext = /*#__PURE__*/(0, _react.createContext)({});
 
+/**
+ * @private
+ * @deprecated The FG platform_renderer_annotation_draft_position_fix will make this context redundant as the draft position
+ * has been moved to the AnnotationRangeProvider in order to be more consistent with the hover and selection ranges.
+ * Once the FG is rolled out this context will be removed. Please ensure any changes are duplicated to the AnnotationRangeProvider.
+ */
+var AnnotationsDraftContext = exports.AnnotationsDraftContext = /*#__PURE__*/(0, _react.createContext)(null);
+
+/**
+ * @private
+ * @deprecated The FG platform_renderer_annotation_draft_position_fix will make this context redundant as the draft position
+ * has been moved to the AnnotationRangeProvider in order to be more consistent with the hover and selection ranges.
+ * Once the FG is rolled out this context will be removed. Please ensure any changes are duplicated to the AnnotationRangeProvider.
+ */
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var AnnotationsDraftContextWrapper = exports.AnnotationsDraftContextWrapper = /*#__PURE__*/function (_React$Component) {