@atlaskit/renderer 120.4.2 → 120.4.3

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/renderer
 
+## 120.4.3
+
+### Patch Changes
+
+- [`0198dcd9d80fe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0198dcd9d80fe) -
+  Added the enableSyncMediaCard media toggle, that loads the MediaCard in sync without
+  react-loadable.
+- [`3fff102f55da9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3fff102f55da9) -
+  Cleanup FG platform_editor_ol_padding_fix
+- Updated dependencies
+
 ## 120.4.2
 
 ### Patch Changes

package/actions/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/actions.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/actions.d.ts"
       ]

package/consts/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/consts.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/consts.d.ts"
       ]

package/custom-nodes/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/custom-nodes.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/custom-nodes.d.ts"
       ]

package/dist/cjs/react/index.js

@@ -460,7 +460,8 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     key: "getMediaProps",
     value: function getMediaProps(node) {
       var _this6 = this,
-        _this$media;
+        _this$media,
+        _this$media2;
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var _node$type$schema$mar = node.type.schema.marks,
         annotation = _node$type$schema$mar.annotation,
@@ -491,7 +492,8 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         shouldOpenMediaViewer: this.shouldOpenMediaViewer,
         ssr: (_this$media = this.media) === null || _this$media === void 0 ? void 0 : _this$media.ssr,
         // surroundTextNodesWithTextWrapper checks inlineComment.allowDraftMode
-        allowAnnotationsDraftMode: this.surroundTextNodesWithTextWrapper
+        allowAnnotationsDraftMode: this.surroundTextNodesWithTextWrapper,
+        enableSyncMediaCard: (_this$media2 = this.media) === null || _this$media2 === void 0 ? void 0 : _this$media2.enableSyncMediaCard
       });
     }
   }, {
@@ -532,21 +534,21 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
   }, {
     key: "getMediaGroupProps",
     value: function getMediaGroupProps(node) {
-      var _this$media2, _this$media3;
+      var _this$media3, _this$media4;
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         shouldOpenMediaViewer: this.shouldOpenMediaViewer,
         allowAltTextOnImages: this.allowAltTextOnImages,
         featureFlags: this.media && this.media.featureFlags,
-        enableDownloadButton: (_this$media2 = this.media) === null || _this$media2 === void 0 ? void 0 : _this$media2.enableDownloadButton,
-        ssr: (_this$media3 = this.media) === null || _this$media3 === void 0 ? void 0 : _this$media3.ssr
+        enableDownloadButton: (_this$media3 = this.media) === null || _this$media3 === void 0 ? void 0 : _this$media3.enableDownloadButton,
+        ssr: (_this$media4 = this.media) === null || _this$media4 === void 0 ? void 0 : _this$media4.ssr
       });
     }
   }, {
     key: "getMediaInlineProps",
     value: function getMediaInlineProps(node) {
-      var _this$media4;
+      var _this$media5;
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
-        ssr: (_this$media4 = this.media) === null || _this$media4 === void 0 ? void 0 : _this$media4.ssr
+        ssr: (_this$media5 = this.media) === null || _this$media5 === void 0 ? void 0 : _this$media5.ssr
       });
     }
   }, {

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

@@ -11,7 +11,6 @@ var _adfSchema = require("@atlaskit/adf-schema");
 var _styles = require("@atlaskit/editor-common/styles");
 var _utils = require("@atlaskit/editor-common/utils");
 var _lists = require("../utils/lists");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function OrderedList(props) {
   var _props$content;
   var extraProps = {};
@@ -19,7 +18,7 @@ function OrderedList(props) {
     order: props.order,
     itemsCount: props === null || props === void 0 || (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
   });
-  if (itemCounterDigitsSize && itemCounterDigitsSize > ((0, _platformFeatureFlags.fg)('platform_editor_ol_padding_fix') ? 1 : 2)) {
+  if (itemCounterDigitsSize && itemCounterDigitsSize > 1) {
     extraProps.style = (0, _styles.getOrderedListInlineStyles)(itemCounterDigitsSize, 'object');
   }
   if (props.order !== undefined) {

package/dist/cjs/ui/MediaCard.js

@@ -17,6 +17,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _traverse = require("@atlaskit/adf-utils/traverse");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _mediaCard = require("@atlaskit/media-card");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _utils = require("@atlaskit/editor-common/utils");
@@ -216,7 +217,8 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
         featureFlags = _this$props4.featureFlags,
         ssr = _this$props4.ssr,
         mediaClient = _this$props4.mediaClient,
-        dataAttributes = _this$props4.dataAttributes;
+        dataAttributes = _this$props4.dataAttributes,
+        enableSyncMediaCard = _this$props4.enableSyncMediaCard;
       if (imageStatus === 'loading' || !url) {
         return this.renderLoadingCard();
       }
@@ -228,13 +230,14 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
 
       // we need this statement for the mandatory mediaClientConfig below
       var mediaClientConfig = mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaClientConfig;
+      var Card = enableSyncMediaCard && (0, _platformFeatureFlags.fg)('jfp-magma-ssr-iv-editor-media') ? _mediaCard.CardSync : _mediaCard.Card;
       return (
         /*#__PURE__*/
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
         _react.default.createElement("div", (0, _extends2.default)({}, dataAttributes, {
           "data-node-type": "media"
-        }), /*#__PURE__*/_react.default.createElement(_mediaCard.Card
+        }), /*#__PURE__*/_react.default.createElement(Card
         // TODO: MPT-315 - clean up after we move mediaClientConfig into FileIdentifier
         // context is not really used when the type is external and we want to render the component asap
         // Ignored via go/ees005
@@ -277,7 +280,8 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
         shouldEnableDownloadButton = _this$props5.shouldEnableDownloadButton,
         ssr = _this$props5.ssr,
         mediaClient = _this$props5.mediaClient,
-        dataAttributes = _this$props5.dataAttributes;
+        dataAttributes = _this$props5.dataAttributes,
+        enableSyncMediaCard = _this$props5.enableSyncMediaCard;
       var isMobile = false;
       var shouldPlayInline = useInlinePlayer !== undefined ? useInlinePlayer : true;
       var isInlinePlayer = isMobile ? false : shouldPlayInline;
@@ -305,6 +309,7 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
         collectionName: collection,
         occurrenceKey: occurrenceKey
       };
+      var Card = enableSyncMediaCard && (0, _platformFeatureFlags.fg)('jfp-magma-ssr-iv-editor-media') ? _mediaCard.CardSync : _mediaCard.Card;
       return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, getClipboardAttrs({
         id: id,
         alt: alt,
@@ -312,7 +317,7 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
         contextIdentifierProvider: contextIdentifierProvider,
         originalDimensions: originalDimensions,
         fileState: fileState
-      }), dataAttributes), /*#__PURE__*/_react.default.createElement(_mediaCard.Card, {
+      }), dataAttributes), /*#__PURE__*/_react.default.createElement(Card, {
         identifier: identifier,
         alt: alt,
         contextId: contextId,

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

@@ -63,7 +63,7 @@ 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 = "120.4.1";
+var packageVersion = "120.4.2";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/react/index.js

@@ -419,7 +419,7 @@ export default class ReactSerializer {
     };
   }
   getMediaProps(node, path = []) {
-    var _this$media;
+    var _this$media, _this$media2;
     const {
       marks: {
         annotation,
@@ -445,7 +445,8 @@ export default class ReactSerializer {
       shouldOpenMediaViewer: this.shouldOpenMediaViewer,
       ssr: (_this$media = this.media) === null || _this$media === void 0 ? void 0 : _this$media.ssr,
       // surroundTextNodesWithTextWrapper checks inlineComment.allowDraftMode
-      allowAnnotationsDraftMode: this.surroundTextNodesWithTextWrapper
+      allowAnnotationsDraftMode: this.surroundTextNodesWithTextWrapper,
+      enableSyncMediaCard: (_this$media2 = this.media) === null || _this$media2 === void 0 ? void 0 : _this$media2.enableSyncMediaCard
     };
   }
   getExtensionProps(node, path = []) {
@@ -476,21 +477,21 @@ export default class ReactSerializer {
     };
   }
   getMediaGroupProps(node) {
-    var _this$media2, _this$media3;
+    var _this$media3, _this$media4;
     return {
       ...this.getProps(node),
       shouldOpenMediaViewer: this.shouldOpenMediaViewer,
       allowAltTextOnImages: this.allowAltTextOnImages,
       featureFlags: this.media && this.media.featureFlags,
-      enableDownloadButton: (_this$media2 = this.media) === null || _this$media2 === void 0 ? void 0 : _this$media2.enableDownloadButton,
-      ssr: (_this$media3 = this.media) === null || _this$media3 === void 0 ? void 0 : _this$media3.ssr
+      enableDownloadButton: (_this$media3 = this.media) === null || _this$media3 === void 0 ? void 0 : _this$media3.enableDownloadButton,
+      ssr: (_this$media4 = this.media) === null || _this$media4 === void 0 ? void 0 : _this$media4.ssr
     };
   }
   getMediaInlineProps(node) {
-    var _this$media4;
+    var _this$media5;
     return {
       ...this.getProps(node),
-      ssr: (_this$media4 = this.media) === null || _this$media4 === void 0 ? void 0 : _this$media4.ssr
+      ssr: (_this$media5 = this.media) === null || _this$media5 === void 0 ? void 0 : _this$media5.ssr
     };
   }
   getTaskItemProps(node, path = []) {

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

@@ -4,7 +4,6 @@ import { orderedListSelector } from '@atlaskit/adf-schema';
 import { getOrderedListInlineStyles } from '@atlaskit/editor-common/styles';
 import { getItemCounterDigitsSize, resolveOrder } from '@atlaskit/editor-common/utils';
 import { getListIndentLevel } from '../utils/lists';
-import { fg } from '@atlaskit/platform-feature-flags';
 export default function OrderedList(props) {
   var _props$content;
   const extraProps = {};
@@ -12,7 +11,7 @@ export default function OrderedList(props) {
     order: props.order,
     itemsCount: props === null || props === void 0 ? void 0 : (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
   });
-  if (itemCounterDigitsSize && itemCounterDigitsSize > (fg('platform_editor_ol_padding_fix') ? 1 : 2)) {
+  if (itemCounterDigitsSize && itemCounterDigitsSize > 1) {
     extraProps.style = getOrderedListInlineStyles(itemCounterDigitsSize, 'object');
   }
   if (props.order !== undefined) {

package/dist/es2019/ui/MediaCard.js

@@ -2,7 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component, useContext } from 'react';
 import { filter } from '@atlaskit/adf-utils/traverse';
-import { Card, CardLoading, CardError } from '@atlaskit/media-card';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Card as CardAsync, CardSync, CardLoading, CardError } from '@atlaskit/media-card';
 import { MediaClientContext } from '@atlaskit/media-client-react';
 import { withImageLoader } from '@atlaskit/editor-common/utils';
 export const mediaIdentifierMap = new Map();
@@ -151,7 +152,8 @@ export class MediaCardView extends Component {
       featureFlags,
       ssr,
       mediaClient,
-      dataAttributes
+      dataAttributes,
+      enableSyncMediaCard
     } = this.props;
     if (imageStatus === 'loading' || !url) {
       return this.renderLoadingCard();
@@ -164,6 +166,7 @@ export class MediaCardView extends Component {
 
     // we need this statement for the mandatory mediaClientConfig below
     const mediaClientConfig = mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaClientConfig;
+    const Card = enableSyncMediaCard && fg('jfp-magma-ssr-iv-editor-media') ? CardSync : CardAsync;
     return (
       /*#__PURE__*/
       // Ignored via go/ees005
@@ -212,7 +215,8 @@ export class MediaCardView extends Component {
       shouldEnableDownloadButton,
       ssr,
       mediaClient,
-      dataAttributes
+      dataAttributes,
+      enableSyncMediaCard
     } = this.props;
     const isMobile = false;
     const shouldPlayInline = useInlinePlayer !== undefined ? useInlinePlayer : true;
@@ -241,6 +245,7 @@ export class MediaCardView extends Component {
       collectionName: collection,
       occurrenceKey
     };
+    const Card = enableSyncMediaCard && fg('jfp-magma-ssr-iv-editor-media') ? CardSync : CardAsync;
     return /*#__PURE__*/React.createElement("div", _extends({}, getClipboardAttrs({
       id,
       alt,

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

@@ -49,7 +49,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "120.4.1";
+const packageVersion = "120.4.2";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/react/index.js

@@ -453,7 +453,8 @@ var ReactSerializer = /*#__PURE__*/function () {
     key: "getMediaProps",
     value: function getMediaProps(node) {
       var _this6 = this,
-        _this$media;
+        _this$media,
+        _this$media2;
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var _node$type$schema$mar = node.type.schema.marks,
         annotation = _node$type$schema$mar.annotation,
@@ -484,7 +485,8 @@ var ReactSerializer = /*#__PURE__*/function () {
         shouldOpenMediaViewer: this.shouldOpenMediaViewer,
         ssr: (_this$media = this.media) === null || _this$media === void 0 ? void 0 : _this$media.ssr,
         // surroundTextNodesWithTextWrapper checks inlineComment.allowDraftMode
-        allowAnnotationsDraftMode: this.surroundTextNodesWithTextWrapper
+        allowAnnotationsDraftMode: this.surroundTextNodesWithTextWrapper,
+        enableSyncMediaCard: (_this$media2 = this.media) === null || _this$media2 === void 0 ? void 0 : _this$media2.enableSyncMediaCard
       });
     }
   }, {
@@ -525,21 +527,21 @@ var ReactSerializer = /*#__PURE__*/function () {
   }, {
     key: "getMediaGroupProps",
     value: function getMediaGroupProps(node) {
-      var _this$media2, _this$media3;
+      var _this$media3, _this$media4;
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         shouldOpenMediaViewer: this.shouldOpenMediaViewer,
         allowAltTextOnImages: this.allowAltTextOnImages,
         featureFlags: this.media && this.media.featureFlags,
-        enableDownloadButton: (_this$media2 = this.media) === null || _this$media2 === void 0 ? void 0 : _this$media2.enableDownloadButton,
-        ssr: (_this$media3 = this.media) === null || _this$media3 === void 0 ? void 0 : _this$media3.ssr
+        enableDownloadButton: (_this$media3 = this.media) === null || _this$media3 === void 0 ? void 0 : _this$media3.enableDownloadButton,
+        ssr: (_this$media4 = this.media) === null || _this$media4 === void 0 ? void 0 : _this$media4.ssr
       });
     }
   }, {
     key: "getMediaInlineProps",
     value: function getMediaInlineProps(node) {
-      var _this$media4;
+      var _this$media5;
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
-        ssr: (_this$media4 = this.media) === null || _this$media4 === void 0 ? void 0 : _this$media4.ssr
+        ssr: (_this$media5 = this.media) === null || _this$media5 === void 0 ? void 0 : _this$media5.ssr
       });
     }
   }, {

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

@@ -4,7 +4,6 @@ import { orderedListSelector } from '@atlaskit/adf-schema';
 import { getOrderedListInlineStyles } from '@atlaskit/editor-common/styles';
 import { getItemCounterDigitsSize, resolveOrder } from '@atlaskit/editor-common/utils';
 import { getListIndentLevel } from '../utils/lists';
-import { fg } from '@atlaskit/platform-feature-flags';
 export default function OrderedList(props) {
   var _props$content;
   var extraProps = {};
@@ -12,7 +11,7 @@ export default function OrderedList(props) {
     order: props.order,
     itemsCount: props === null || props === void 0 || (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
   });
-  if (itemCounterDigitsSize && itemCounterDigitsSize > (fg('platform_editor_ol_padding_fix') ? 1 : 2)) {
+  if (itemCounterDigitsSize && itemCounterDigitsSize > 1) {
     extraProps.style = getOrderedListInlineStyles(itemCounterDigitsSize, 'object');
   }
   if (props.order !== undefined) {

package/dist/esm/ui/MediaCard.js

@@ -13,7 +13,8 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component, useContext } from 'react';
 import { filter } from '@atlaskit/adf-utils/traverse';
-import { Card, CardLoading, CardError } from '@atlaskit/media-card';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Card as CardAsync, CardSync, CardLoading, CardError } from '@atlaskit/media-card';
 import { MediaClientContext } from '@atlaskit/media-client-react';
 import { withImageLoader } from '@atlaskit/editor-common/utils';
 export var mediaIdentifierMap = new Map();
@@ -207,7 +208,8 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
         featureFlags = _this$props4.featureFlags,
         ssr = _this$props4.ssr,
         mediaClient = _this$props4.mediaClient,
-        dataAttributes = _this$props4.dataAttributes;
+        dataAttributes = _this$props4.dataAttributes,
+        enableSyncMediaCard = _this$props4.enableSyncMediaCard;
       if (imageStatus === 'loading' || !url) {
         return this.renderLoadingCard();
       }
@@ -219,6 +221,7 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
 
       // we need this statement for the mandatory mediaClientConfig below
       var mediaClientConfig = mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaClientConfig;
+      var Card = enableSyncMediaCard && fg('jfp-magma-ssr-iv-editor-media') ? CardSync : CardAsync;
       return (
         /*#__PURE__*/
         // Ignored via go/ees005
@@ -268,7 +271,8 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
         shouldEnableDownloadButton = _this$props5.shouldEnableDownloadButton,
         ssr = _this$props5.ssr,
         mediaClient = _this$props5.mediaClient,
-        dataAttributes = _this$props5.dataAttributes;
+        dataAttributes = _this$props5.dataAttributes,
+        enableSyncMediaCard = _this$props5.enableSyncMediaCard;
       var isMobile = false;
       var shouldPlayInline = useInlinePlayer !== undefined ? useInlinePlayer : true;
       var isInlinePlayer = isMobile ? false : shouldPlayInline;
@@ -296,6 +300,7 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
         collectionName: collection,
         occurrenceKey: occurrenceKey
       };
+      var Card = enableSyncMediaCard && fg('jfp-magma-ssr-iv-editor-media') ? CardSync : CardAsync;
       return /*#__PURE__*/React.createElement("div", _extends({}, getClipboardAttrs({
         id: id,
         alt: alt,

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

@@ -54,7 +54,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "120.4.1";
+var packageVersion = "120.4.2";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/types/types/mediaOptions.d.ts

@@ -10,4 +10,5 @@ export interface MediaOptions {
     featureFlags?: MediaFeatureFlags;
     ssr?: MediaSSR;
     allowCaptions?: boolean;
+    enableSyncMediaCard?: boolean;
 }

package/dist/types/ui/MediaCard.d.ts

@@ -40,6 +40,7 @@ export interface MediaCardProps {
     shouldEnableDownloadButton?: boolean;
     ssr?: MediaSSR;
     dataAttributes?: Record<string, any>;
+    enableSyncMediaCard?: boolean;
 }
 interface State {
     contextIdentifierProvider?: ContextIdentifierProvider;

package/dist/types-ts4.5/types/mediaOptions.d.ts

@@ -10,4 +10,5 @@ export interface MediaOptions {
     featureFlags?: MediaFeatureFlags;
     ssr?: MediaSSR;
     allowCaptions?: boolean;
+    enableSyncMediaCard?: boolean;
 }

package/dist/types-ts4.5/ui/MediaCard.d.ts

@@ -40,6 +40,7 @@ export interface MediaCardProps {
     shouldEnableDownloadButton?: boolean;
     ssr?: MediaSSR;
     dataAttributes?: Record<string, any>;
+    enableSyncMediaCard?: boolean;
 }
 interface State {
     contextIdentifierProvider?: ContextIdentifierProvider;

package/experimental-sync-custom-nodes/cards/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../../dist/types/entry-points/experimental-sync-custom-nodes/cards.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../../dist/types-ts4.5/entry-points/experimental-sync-custom-nodes/cards.d.ts"
       ]

package/experimental-sync-custom-nodes/media/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../../dist/types/entry-points/experimental-sync-custom-nodes/media.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../../dist/types-ts4.5/entry-points/experimental-sync-custom-nodes/media.d.ts"
       ]

package/experimental-sync-custom-nodes/small-nodes/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../../dist/types/entry-points/experimental-sync-custom-nodes/small-nodes.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../../dist/types-ts4.5/entry-points/experimental-sync-custom-nodes/small-nodes.d.ts"
       ]

package/messages/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/messages.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/messages.d.ts"
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "120.4.2",
+	"version": "120.4.3",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,7 +54,7 @@
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^9.28.0",
+		"@atlaskit/tmp-editor-statsig": "^9.29.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -68,7 +68,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.23.0",
+		"@atlaskit/editor-common": "^107.24.0",
 		"@atlaskit/link-provider": "^3.4.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -85,7 +85,7 @@
 		"@atlaskit/linking-common": "^9.2.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
-		"@atlaskit/media-test-helpers": "^38.0.0",
+		"@atlaskit/media-test-helpers": "^39.0.0",
 		"@atlaskit/mention": "^24.2.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
 		"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-d1445f2f74.patch",
@@ -261,9 +261,6 @@
 		"platform_custom_number_column": {
 			"type": "boolean"
 		},
-		"platform_editor_ol_padding_fix": {
-			"type": "boolean"
-		},
 		"platform_editor_avatar_group_margin_fix": {
 			"type": "boolean"
 		},
@@ -272,6 +269,9 @@
 		},
 		"platform_editor_numbered_column_in_include": {
 			"type": "boolean"
+		},
+		"jfp-magma-ssr-iv-editor-media": {
+			"type": "boolean"
 		}
 	},
 	"af:exports": {

package/render-document/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/render-document.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/render-document.d.ts"
       ]

package/renderer-context/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/renderer-context.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/renderer-context.d.ts"
       ]

package/serializer/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/serializer.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/serializer.d.ts"
       ]

package/text-serializer/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/text-serializer.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/text-serializer.d.ts"
       ]

package/use-feature-flags/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/use-feature-flags.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/use-feature-flags.d.ts"
       ]

package/utils/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/utils.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/utils.d.ts"
       ]