@atlaskit/renderer 137.2.7 → 137.4.0

package/CHANGELOG.md

@@ -1,5 +1,88 @@
 # @atlaskit/renderer
 
+## 137.4.0
+
+### Minor Changes
+
+- [`be8a71519cbc2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be8a71519cbc2) -
+  Add support for seeding media card file state from SSR media node metadata, behind the
+  `platform_media_ssr_data_seed` feature gate.
+
+  `@atlaskit/media-client` gains a Relay-free `mapSsrMediaItemToFileState`. Malformed, partial, or
+  non-array input yields `undefined` rather than throwing.
+
+  `@atlaskit/media-card` accepts an optional `ssrMediaItem` prop. When `ssrFileState` is absent and
+  the gate is on, the card converts `ssrMediaItem` to FileState via `mapSsrMediaItemToFileState` and
+  seeds `useFileState`. `ssrFileState` still wins when both are provided (Relay / media-card-relay).
+
+  `@atlaskit/renderer` extends `MediaSSR` with `ssrMediaItems` — the host's SSR media payload,
+  passed through untouched. The renderer finds the matching item by id and forwards it as
+  `ssrMediaItem` to Card. Hosts need no knowledge of `FileState` or of media internals. The field is
+  optional and additive: hosts that do not supply it, and media ids without an entry, keep the
+  current fetch behaviour.
+
+  `@atlaskit/media-card-relay`'s `MediaCardRelay` / `MediaInlineCardRelay` now call the shared
+  `mapSsrMediaItemToFileState` mapper directly (the Relay fragment data is structurally assignable
+  to `SsrMediaItem`, so no cast or wrapper is needed). Its public API and behaviour are unchanged.
+
+  `@atlaskit/media-file-preview` now forwards an SSR-seeded pre-signed `previewCdnUrl` to the new
+  optional `MediaClient.getImageUrlSync(id, params, seededCdnUrl)` argument when
+  `platform_media_ssr_data_seed` is enabled and CDN delivery is in use. `@atlaskit/media-client`
+  preserves the signed CDN asset URL and inserts supported image parameters before the `wm-ari` /
+  `wm-v` watermark anchor, avoiding query-string rebuilding or re-encoding that can invalidate
+  CloudFront signatures. Path-based routing, isolated cloud, GCP, and callers without a seeded URL
+  retain the existing URL-generation behaviour.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 137.3.0
+
+### Minor Changes
+
+- [`1f75590af7b4c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1f75590af7b4c) -
+  Add `@atlaskit/renderer/default`, which includes the default synchronous node components, and
+  `@atlaskit/renderer/nodes/default`, which exports those components as a node map. Editor is moving
+  to synchronously load nodes in view mode and these entry points allow consumers to incrementally
+  migrate. The legacy renderer and node entry points will be removed in January 2027.
+
+  Before:
+
+  ```ts
+  import { ReactRenderer } from '@atlaskit/renderer';
+
+  export function Page() {
+  	return <ReactRenderer document={document} appearance="full-page" />;
+  }
+  ```
+
+  After:
+
+  ```ts
+  import { Renderer } from '@atlaskit/renderer/default';
+
+  export function Page() {
+  	return <Renderer document={document} appearance="full-page" />;
+  }
+  ```
+
+  Read more here:
+  https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer
+
+### Patch Changes
+
+- Updated dependencies
+
+## 137.2.8
+
+### Patch Changes
+
+- [`929a93a3d858c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/929a93a3d858c) -
+  Fix nested renderer overflow in regular table cells behind the
+  `platform_editor_table_fit_to_content_patch_2` experiment.
+- Updated dependencies
+
 ## 137.2.7
 
 ### Patch Changes

package/default/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/renderer/default",
+  "main": "../dist/cjs/entry-points/renderer-default.js",
+  "module": "../dist/esm/entry-points/renderer-default.js",
+  "module:es2019": "../dist/es2019/entry-points/renderer-default.js",
+  "sideEffects": [
+    "*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/renderer-default.d.ts"
+}

package/dist/cjs/entry-points/experimental-sync-custom-nodes/cards.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _blockCard = _interopRequireDefault(require("../../react/nodes/blockCard"));
 var _embedCard = _interopRequireDefault(require("../../react/nodes/embedCard"));
 var _inlineCard = _interopRequireDefault(require("../../react/nodes/inlineCard"));
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
@@ -23,4 +24,10 @@ var nodeToReact = {
   embedCard: _embedCard.default,
   inlineCard: _inlineCard.default
 };
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 var _default = exports.default = nodeToReact;

package/dist/cjs/entry-points/experimental-sync-custom-nodes/media.js

@@ -9,6 +9,7 @@ var _media = _interopRequireDefault(require("../../react/nodes/media"));
 var _mediaGroup = _interopRequireDefault(require("../../react/nodes/mediaGroup"));
 var _mediaInline = _interopRequireDefault(require("../../react/nodes/mediaInline"));
 var _mediaSingle = _interopRequireDefault(require("../../react/nodes/mediaSingle"));
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
@@ -25,4 +26,10 @@ var nodeToReact = {
   mediaInline: _mediaInline.default,
   mediaSingle: _mediaSingle.default
 };
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 var _default = exports.default = nodeToReact;

package/dist/cjs/entry-points/experimental-sync-custom-nodes/small-nodes.js

@@ -16,6 +16,7 @@ var _status = _interopRequireDefault(require("../../react/nodes/status"));
 var _taskItem = _interopRequireDefault(require("../../react/nodes/taskItem"));
 var _taskList = _interopRequireDefault(require("../../react/nodes/taskList"));
 var _Expand = _interopRequireDefault(require("../../ui/Expand"));
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
@@ -41,4 +42,10 @@ var nodeToReact = {
   taskList: _taskList.default,
   expand: _Expand.default
 };
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 var _default = exports.default = nodeToReact;

package/dist/cjs/entry-points/nodes-default.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "nodes", {
+  enumerable: true,
+  get: function get() {
+    return _nodes.nodes;
+  }
+});
+var _nodes = require("../react/nodes/nodes");

package/dist/cjs/entry-points/renderer-default.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DEGRADED_SEVERITY_THRESHOLD", {
+  enumerable: true,
+  get: function get() {
+    return _index.DEGRADED_SEVERITY_THRESHOLD;
+  }
+});
+Object.defineProperty(exports, "NORMAL_SEVERITY_THRESHOLD", {
+  enumerable: true,
+  get: function get() {
+    return _index.NORMAL_SEVERITY_THRESHOLD;
+  }
+});
+exports.RendererWithAnalytics = exports.RendererFunctionalComponent = exports.Renderer = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _nodes = require("../react/nodes/nodes");
+var _index = _interopRequireWildcard(require("../ui/Renderer/index"));
+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); }
+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; } /* eslint-disable @atlaskit/editor/no-re-export */
+function withSyncNodes(BaseComponent) {
+  var ComponentWithSyncNodes = function ComponentWithSyncNodes(props) {
+    var nodeComponentsWithSyncNodes = _react.default.useMemo(function () {
+      return _objectSpread(_objectSpread({}, _nodes.nodes), props.nodeComponents);
+    }, [props.nodeComponents]);
+
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    return /*#__PURE__*/_react.default.createElement(BaseComponent, (0, _extends2.default)({}, props, {
+      nodeComponents: nodeComponentsWithSyncNodes
+    }));
+  };
+  return ComponentWithSyncNodes;
+}
+var Renderer = exports.Renderer = withSyncNodes(_index.default);
+var RendererFunctionalComponent = exports.RendererFunctionalComponent = withSyncNodes(_index.RendererFunctionalComponent);
+var RendererWithAnalytics = exports.RendererWithAnalytics = withSyncNodes(_index.RendererWithAnalytics);

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

@@ -171,7 +171,7 @@ var renderExtension = exports.renderExtension = function renderExtension(content
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       ,
       className: "".concat(_consts.RendererCssClassName.EXTENSION_INNER_WRAPPER, " ").concat(overflowContainerClass),
-      css: [!(isInsideOfTable && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && (0, _fg.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
+      css: [!(isInsideOfTable && !(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_2') && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && (0, _fg.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, asInlineAnalytics, content));
     return centerAlignClass ? (0, _react.jsx)("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
@@ -202,7 +202,7 @@ var renderExtension = exports.renderExtension = function renderExtension(content
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       ,
       className: "".concat(_consts.RendererCssClassName.EXTENSION_INNER_WRAPPER, " ").concat(overflowContainerClass),
-      css: [!(isInsideOfTable && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && (0, _fg.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
+      css: [!(isInsideOfTable && !(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_2') && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && (0, _fg.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, asInlineAnalytics, content));
     return centerAlignClass ? (0, _react.jsx)("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop

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

@@ -33,7 +33,8 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
     collectionName = _ref.collection,
     eventHandlers = _ref.eventHandlers,
     identifier = _ref.identifier,
-    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher;
+    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher,
+    ssr = _ref.ssr;
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     contextIdentifier = _useState2[0],
@@ -44,6 +45,12 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
     setFileState = _useState4[1];
   var mediaClient = (0, _react.useContext)(_mediaClientProvider.MediaClientContext);
   var contextIdentifierProvider = (0, _providerFactory.useProvider)('contextIdentifierProvider');
+  var ssrMediaItem = (0, _react.useMemo)(function () {
+    var _ssr$ssrMediaItems;
+    return ssr === null || ssr === void 0 || (_ssr$ssrMediaItems = ssr.ssrMediaItems) === null || _ssr$ssrMediaItems === void 0 ? void 0 : _ssr$ssrMediaItems.find(function (item) {
+      return item.id === identifier.id;
+    });
+  }, [ssr === null || ssr === void 0 ? void 0 : ssr.ssrMediaItems, identifier.id]);
   (0, _react.useEffect)(function () {
     if (contextIdentifierProvider) {
       contextIdentifierProvider.then(function (resolvedContextID) {
@@ -144,7 +151,8 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
       shouldDisplayToolTip: shouldDisplayToolTip,
       mediaClientConfig: mediaClient.mediaClientConfig,
       mediaViewerItems: Array.from(_MediaCard.mediaIdentifierMap.values()),
-      fallbackMediaNameFetcher: fallbackMediaNameFetcher
+      fallbackMediaNameFetcher: fallbackMediaNameFetcher,
+      ssrMediaItem: ssrMediaItem
     }))
   );
 };
@@ -214,7 +222,8 @@ var MediaInline = function MediaInline(props) {
     intl: intl,
     collection: collection,
     featureFlags: featureFlags,
-    fallbackMediaNameFetcher: fallbackMediaNameFetcher
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher,
+    ssr: ssr
   });
 };
 

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

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.nodes = void 0;
+var _ui = require("@atlaskit/editor-common/ui");
+var _Expand = _interopRequireDefault(require("../../ui/Expand"));
+var _blockCard = _interopRequireDefault(require("./blockCard"));
+var _blockquote = _interopRequireDefault(require("./blockquote"));
+var _bodiedExtension = _interopRequireDefault(require("./bodiedExtension"));
+var _bodiedSyncBlock = _interopRequireDefault(require("./bodiedSyncBlock"));
+var _bulletList = _interopRequireDefault(require("./bulletList"));
+var _caption = _interopRequireDefault(require("./caption"));
+var _codeBlock = _interopRequireDefault(require("./codeBlock/codeBlock"));
+var _windowedCodeBlock = _interopRequireDefault(require("./codeBlock/windowedCodeBlock"));
+var _date = _interopRequireDefault(require("./date"));
+var _decisionItem = _interopRequireDefault(require("./decisionItem"));
+var _decisionList = _interopRequireDefault(require("./decisionList"));
+var _doc = _interopRequireDefault(require("./doc"));
+var _embedCard = _interopRequireDefault(require("./embedCard"));
+var _emoji = _interopRequireDefault(require("./emoji"));
+var _extension = _interopRequireDefault(require("./extension"));
+var _extensionFrame = _interopRequireDefault(require("./extensionFrame"));
+var _hardBreak = _interopRequireDefault(require("./hardBreak"));
+var _heading = _interopRequireDefault(require("./heading"));
+var _inlineCard = _interopRequireDefault(require("./inlineCard"));
+var _inlineExtension = _interopRequireDefault(require("./inlineExtension"));
+var _layoutColumn = _interopRequireDefault(require("./layoutColumn"));
+var _layoutSection = _interopRequireDefault(require("./layoutSection"));
+var _listItem = _interopRequireDefault(require("./listItem"));
+var _media = _interopRequireDefault(require("./media"));
+var _mediaGroup = _interopRequireDefault(require("./mediaGroup"));
+var _mediaInline = _interopRequireDefault(require("./mediaInline"));
+var _mediaSingle = _interopRequireDefault(require("./mediaSingle"));
+var _mention = _interopRequireDefault(require("./mention"));
+var _multiBodiedExtension = _interopRequireDefault(require("./multiBodiedExtension"));
+var _orderedList = _interopRequireDefault(require("./orderedList"));
+var _panel = _interopRequireDefault(require("./panel"));
+var _paragraph = _interopRequireDefault(require("./paragraph"));
+var _placeholder = _interopRequireDefault(require("./placeholder"));
+var _rule = _interopRequireDefault(require("./rule"));
+var _status = _interopRequireDefault(require("./status"));
+var _syncBlock = _interopRequireDefault(require("./syncBlock"));
+var _table = _interopRequireDefault(require("./table"));
+var _tableCell = require("./tableCell");
+var _tableRow = _interopRequireDefault(require("./tableRow"));
+var _taskItem = _interopRequireDefault(require("./taskItem"));
+var _taskList = _interopRequireDefault(require("./taskList"));
+var _unknownBlock = _interopRequireDefault(require("./unknownBlock"));
+/* eslint-disable @atlaskit/editor/no-re-export */
+
+var nodes = exports.nodes = {
+  blockCard: _blockCard.default,
+  blockquote: _blockquote.default,
+  blockTaskItem: _taskItem.default,
+  bodiedExtension: _bodiedExtension.default,
+  bodiedSyncBlock: _bodiedSyncBlock.default,
+  bulletList: _bulletList.default,
+  caption: _caption.default,
+  codeBlock: _codeBlock.default,
+  date: _date.default,
+  decisionItem: _decisionItem.default,
+  decisionList: _decisionList.default,
+  doc: _doc.default,
+  embedCard: _embedCard.default,
+  emoji: _emoji.default,
+  expand: _Expand.default,
+  extension: _extension.default,
+  extensionFrame: _extensionFrame.default,
+  hardBreak: _hardBreak.default,
+  heading: _heading.default,
+  inlineCard: _inlineCard.default,
+  inlineExtension: _inlineExtension.default,
+  layoutColumn: _layoutColumn.default,
+  layoutSection: _layoutSection.default,
+  listItem: _listItem.default,
+  media: _media.default,
+  mediaGroup: _mediaGroup.default,
+  mediaInline: _mediaInline.default,
+  mediaSingle: _mediaSingle.default,
+  mention: _mention.default,
+  multiBodiedExtension: _multiBodiedExtension.default,
+  nestedExpand: _Expand.default,
+  orderedList: _orderedList.default,
+  panel: _panel.default,
+  panel_c1: _panel.default,
+  paragraph: _paragraph.default,
+  placeholder: _placeholder.default,
+  rule: _rule.default,
+  status: _status.default,
+  syncBlock: _syncBlock.default,
+  table: _table.default,
+  tableCell: _tableCell.TableCell,
+  tableHeader: _tableCell.TableHeader,
+  tableRow: _tableRow.default,
+  taskItem: _taskItem.default,
+  taskList: _taskList.default,
+  unknownBlock: _unknownBlock.default,
+  unsupportedBlock: _ui.UnsupportedBlock,
+  unsupportedInline: _ui.UnsupportedInline,
+  windowedCodeBlock: _windowedCodeBlock.default
+};

package/dist/cjs/ui/MediaCard.js

@@ -285,6 +285,7 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
+      var _ssr$ssrMediaItems;
       var _this$state = this.state,
         contextIdentifierProvider = _this$state.contextIdentifierProvider,
         fileState = _this$state.fileState;
@@ -342,6 +343,9 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
       // More robust solution will be implemented as part of CCPDF-233 - Link: https://hello.jira.atlassian.cloud/browse/CCPDF-233
       var currentUrl = window.location.href;
       var shouldDisableLazyLoading = (0, _expValEquals.expValEquals)('platform_editor_disable_lazy_load_media', 'isEnabled', true) && currentUrl.includes('/wiki/pdf/spaces/');
+      var ssrMediaItem = ssr === null || ssr === void 0 || (_ssr$ssrMediaItems = ssr.ssrMediaItems) === null || _ssr$ssrMediaItems === void 0 ? void 0 : _ssr$ssrMediaItems.find(function (item) {
+        return item.id === id;
+      });
       return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, getClipboardAttrs({
         id: id,
         alt: alt,
@@ -367,7 +371,10 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
         mediaViewerItems: Array.from(mediaIdentifierMap.values()),
         featureFlags: featureFlags,
         shouldEnableDownloadButton: shouldEnableDownloadButton,
-        ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
+        ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode
+        // Optional SSR seed supplied by the host product. Undefined when absent,
+        ,
+        ssrMediaItem: ssrMediaItem,
         shouldHideTooltip: isMobile,
         mediaViewerExtensions: mediaViewerExtensions,
         fallbackMediaNameFetcher: fallbackMediaNameFetcher,

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

@@ -1674,6 +1674,9 @@ var tableContentModeScopedStyles = (0, _react.css)((0, _defineProperty2.default)
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
   width: 'unset !important'
 }));
+var tableContentModeExtensionContainmentStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] .").concat(_consts.RendererCssClassName.EXTENSION_INNER_WRAPPER), {
+  containerType: 'normal'
+}));
 var tableContentModeNestedTableStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] > tbody > tr > :is(th, td) .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t\t.").concat(_consts.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] > tbody > tr > :is(th, td) .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > .").concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t\t.").concat(_consts.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] > tbody > tr > :is(th, td) .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
   width: 'max-content !important',
   maxWidth: '100%'
@@ -2308,7 +2311,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
     (0, _fg.fg)('editor_inline_comments_on_inline_nodes') && rendererAnnotationStylesCommentHeightFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? baseOtherStyles : baseOtherStylesDuplicateAnchor,
     // this should be placed after baseOtherStyles
-    (0, _expValEquals.expValEquals)('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? extensionAsInlineStyle : oldExtensionAsInlineStyle), forgeInlineBodiedSpacingStyle, inlineExtensionRendererMarginFix, allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle, firstWrappedMediaStyles, tableSharedStyle, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && !(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_q4_patch_7') && roundedTableLegacyClipPathStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableRemixBlockHighlightStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeScopedStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, firstNodeWithNotMarginTopWithNestedDnD, rendererTableStyles, isStickyScrollbarOn && stickyScrollbarStyles, isStickyScrollbarOn && (0, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && stickyScrollbarOverflowShadowFixStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, allowColumnSorting && allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? contentMode === 'compact' ? scaledDenseEmojiStyles : scaledEmojiStyles : contentMode === 'compact' ? denseStyles : undefined, contentMode === 'compact' ? scaledDenseUnicodeEmojiStylesNew : scaledUnicodeEmojiStylesNew, syncBlockStyles, centerWrapperStyles, isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && tableFakeBorderStyles, isInsideSyncBlock && (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, (0, _expValEquals.expValEquals)('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
+    (0, _expValEquals.expValEquals)('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? extensionAsInlineStyle : oldExtensionAsInlineStyle), forgeInlineBodiedSpacingStyle, inlineExtensionRendererMarginFix, allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle, firstWrappedMediaStyles, tableSharedStyle, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && !(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_q4_patch_7') && roundedTableLegacyClipPathStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableRemixBlockHighlightStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeScopedStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_2') && tableContentModeExtensionContainmentStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, firstNodeWithNotMarginTopWithNestedDnD, rendererTableStyles, isStickyScrollbarOn && stickyScrollbarStyles, isStickyScrollbarOn && (0, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && stickyScrollbarOverflowShadowFixStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, allowColumnSorting && allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? contentMode === 'compact' ? scaledDenseEmojiStyles : scaledEmojiStyles : contentMode === 'compact' ? denseStyles : undefined, contentMode === 'compact' ? scaledDenseUnicodeEmojiStylesNew : scaledUnicodeEmojiStylesNew, syncBlockStyles, centerWrapperStyles, isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && tableFakeBorderStyles, isInsideSyncBlock && (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, (0, _expValEquals.expValEquals)('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
     "data-testid": testId
   }, children);
 };

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

@@ -74,7 +74,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.1;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "137.2.6";
+var packageVersion = "137.3.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/custom-nodes.js

@@ -1,4 +1,10 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 export { nodeToReact as defaultNodeComponentsWithLooselyLazy } from './react/nodes/loosely-lazy';

package/dist/es2019/entry-points/custom-nodes-loosely-lazy.js

@@ -1,2 +1,9 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 export { nodeToReact as defaultNodeComponentsWithLooselyLazy } from '../react/nodes/loosely-lazy';

package/dist/es2019/entry-points/experimental-sync-custom-nodes/cards.js

@@ -1,3 +1,4 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
@@ -17,4 +18,10 @@ const nodeToReact = {
   embedCard: EmbedCard,
   inlineCard: InlineCard
 };
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 export default nodeToReact;

package/dist/es2019/entry-points/experimental-sync-custom-nodes/media.js

@@ -1,3 +1,4 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
@@ -19,4 +20,10 @@ const nodeToReact = {
   mediaInline: MediaInline,
   mediaSingle: MediaSingle
 };
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 export default nodeToReact;

package/dist/es2019/entry-points/experimental-sync-custom-nodes/small-nodes.js

@@ -1,3 +1,4 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
@@ -35,4 +36,10 @@ const nodeToReact = {
   taskList: TaskList,
   expand: Expand
 };
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 export default nodeToReact;

package/dist/es2019/entry-points/loosely-lazy.js

@@ -1,2 +1,9 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 export { nodeToReact } from '../react/nodes/loosely-lazy';

package/dist/es2019/entry-points/nodes-default.js

@@ -0,0 +1,3 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+
+export { nodes } from '../react/nodes/nodes';

package/dist/es2019/entry-points/nodes.js

@@ -1,2 +1,15 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { BlockCard, Blockquote, BodiedExtension, BulletList, Caption, CodeBlock, Date, DecisionItem, DecisionList, Doc, DocWithSelectAllTrap, EmbedCard, Emoji, Expand, Extension, ExtensionFrame, HardBreak, Heading, InlineCard, InlineExtension, LayoutColumn, LayoutSection, ListItem, Media, MediaGroup, MediaInline, MediaSingle, Mention, MultiBodiedExtension, OrderedList, Panel, Paragraph, Placeholder, Rule, Status, Table, TableCell, TableRow, TaskItem, TaskList, UnknownBlock, WindowedCodeBlock, isEmojiDoc, isText, isTextNode, isTextWrapper, mergeTextNodes, nodeToReact, toReact } from '../react/nodes/index';
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+export { BlockCard, Blockquote, BodiedExtension, BulletList, Caption, CodeBlock, Date, DecisionItem, DecisionList, Doc, DocWithSelectAllTrap, EmbedCard, Emoji, Expand, Extension, ExtensionFrame, HardBreak, Heading, InlineCard, InlineExtension, LayoutColumn, LayoutSection, ListItem, Media, MediaGroup, MediaInline, MediaSingle, Mention, MultiBodiedExtension, OrderedList, Panel, Paragraph, Placeholder, Rule, Status, Table, TableCell, TableRow, TaskItem, TaskList, UnknownBlock, WindowedCodeBlock, isEmojiDoc, isText, isTextNode, isTextWrapper, mergeTextNodes, nodeToReact, toReact } from '../react/nodes/index';
+
+/**
+ * @deprecated This entry point is deprecated. Use `nodes` from `@atlaskit/renderer/nodes/default` for default renderer nodes.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */

package/dist/es2019/entry-points/renderer-default.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlaskit/editor/no-re-export */
+import React from 'react';
+import { nodes } from '../react/nodes/nodes';
+import RenderLegacy, { RendererFunctionalComponent as RendererFunctionalComponentLegacy, RendererWithAnalytics as RendererWithAnalyticsLegacy } from '../ui/Renderer/index';
+export { DEGRADED_SEVERITY_THRESHOLD, NORMAL_SEVERITY_THRESHOLD } from '../ui/Renderer/index';
+function withSyncNodes(BaseComponent) {
+  const ComponentWithSyncNodes = props => {
+    const nodeComponentsWithSyncNodes = React.useMemo(() => ({
+      ...nodes,
+      ...props.nodeComponents
+    }), [props.nodeComponents]);
+
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    return /*#__PURE__*/React.createElement(BaseComponent, _extends({}, props, {
+      nodeComponents: nodeComponentsWithSyncNodes
+    }));
+  };
+  return ComponentWithSyncNodes;
+}
+export const Renderer = withSyncNodes(RenderLegacy);
+export const RendererFunctionalComponent = withSyncNodes(RendererFunctionalComponentLegacy);
+export const RendererWithAnalytics = withSyncNodes(RendererWithAnalyticsLegacy);