@atlaskit/renderer 124.18.0 → 124.20.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/renderer
 
+## 124.20.0
+
+### Minor Changes
+
+- [`ffb6f2957dccf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ffb6f2957dccf) -
+  fg clean up: platform_editor_multi_body_extension_extensibility
+
+### Patch Changes
+
+- Updated dependencies
+
+## 124.19.0
+
+### Minor Changes
+
+- [`5f95a3d8edc0c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5f95a3d8edc0c) -
+  EDITOR-3356 fix macro renderer syle inside layout
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 124.18.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -24,6 +24,9 @@
 		"../src/**/stories/**/*"
 	],
 	"references": [
+		{
+			"path": "../../adf-schema/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../adf-utils/afm-cc/tsconfig.json"
 		},
@@ -51,6 +54,9 @@
 		{
 			"path": "../../editor-palette/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../editor-prosemirror/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../editor-shared-styles/afm-cc/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -24,6 +24,9 @@
 		"../src/**/stories/**/*"
 	],
 	"references": [
+		{
+			"path": "../../adf-schema/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../adf-utils/afm-jira/tsconfig.json"
 		},
@@ -51,6 +54,9 @@
 		{
 			"path": "../../editor-palette/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../editor-prosemirror/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../editor-shared-styles/afm-jira/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -24,6 +24,9 @@
 		"../src/**/stories/**/*"
 	],
 	"references": [
+		{
+			"path": "../../adf-schema/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../adf-utils/afm-products/tsconfig.json"
 		},
@@ -51,6 +54,9 @@
 		{
 			"path": "../../editor-palette/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../editor-prosemirror/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../editor-shared-styles/afm-products/tsconfig.json"
 		},

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

@@ -6,13 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderExtension = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var _react = require("@emotion/react");
+var _react2 = _interopRequireDefault(require("react"));
 var _ExtensionRenderer = _interopRequireDefault(require("../../ui/ExtensionRenderer"));
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
 var _consts = require("../../consts");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _breakout = require("../utils/breakout");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var viewportSizes = ['small', 'medium', 'default', 'large', 'xlarge'];
 // Mirrors sizes from https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/browse/platform/packages/forge/xen-editor-provider/src/render/renderers/ForgeUIExtension.tsx
 var macroHeights = {
@@ -34,6 +43,9 @@ var getViewportSize = function getViewportSize(extensionId, extensionViewportSiz
     return macroHeights[viewportSize];
   }
 };
+var containerStyle = (0, _react.css)({
+  containerType: 'inline-size'
+});
 var renderExtension = exports.renderExtension = function renderExtension(content, layout) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var removeOverflow = arguments.length > 3 ? arguments[3] : undefined;
@@ -57,7 +69,7 @@ var renderExtension = exports.renderExtension = function renderExtension(content
   var viewportSize = getViewportSize(extensionId, extensionViewportSizes);
   var extensionHeight = nodeHeight || viewportSize;
   if ((0, _expValEquals.expValEquals)('platform_editor_renderer_extension_width_fix', 'isEnabled', true)) {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return (0, _react.jsx)("div", {
       ref: options.handleRef
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -72,13 +84,15 @@ var renderExtension = exports.renderExtension = function renderExtension(content
       "data-local-id": localId,
       "data-testid": "extension--wrapper",
       "data-node-type": "extension"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: overflowContainerClass
+    }, (0, _react.jsx)("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      className: overflowContainerClass,
+      css: [(0, _platformFeatureFlags.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, content));
   }
-  return /*#__PURE__*/_react.default.createElement(_ui.WidthConsumer, null, function (_ref2) {
+  return (0, _react.jsx)(_ui.WidthConsumer, null, function (_ref2) {
     var width = _ref2.width;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return (0, _react.jsx)("div", {
       ref: options.handleRef
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -91,8 +105,10 @@ var renderExtension = exports.renderExtension = function renderExtension(content
       },
       "data-layout": layout,
       "data-local-id": localId
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: overflowContainerClass
+    }, (0, _react.jsx)("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      className: overflowContainerClass,
+      css: [(0, _platformFeatureFlags.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, content));
   });
 };
@@ -108,7 +124,7 @@ var Extension = function Extension(props) {
     parameters = props.parameters,
     nodeHeight = props.nodeHeight,
     localId = props.localId;
-  return /*#__PURE__*/_react.default.createElement(_ExtensionRenderer.default
+  return (0, _react.jsx)(_ExtensionRenderer.default
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , (0, _extends2.default)({}, props, {
@@ -117,7 +133,7 @@ var Extension = function Extension(props) {
     var result = _ref3.result;
     try {
       // Return the result directly if it's a valid JSX.Element
-      if (result && /*#__PURE__*/_react.default.isValidElement(result)) {
+      if (result && /*#__PURE__*/_react2.default.isValidElement(result)) {
         return renderExtension(result, layout, {
           isTopLevel: path.length < 1,
           handleRef: handleRef,

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -13,11 +12,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-var containerCSSOld = (0, _react.css)({
-  minHeight: '100px',
-  flexBasis: '100%'
-});
-var containerCSSNew = (0, _react.css)({
+var containerCSS = (0, _react.css)({
   padding: "var(--ds-space-100, 8px)",
   minHeight: '100px',
   // by default all frames are hidden, this style is overridden in multiBodiedExtensions for active frame
@@ -25,7 +20,7 @@ var containerCSSNew = (0, _react.css)({
 });
 var ExtensionFrame = function ExtensionFrame(props) {
   return (0, _react.jsx)("div", {
-    css: [(0, _platformFeatureFlags.fg)('platform_editor_multi_body_extension_extensibility') ? containerCSSNew : containerCSSOld],
+    css: [containerCSS],
     "data-extension-frame": "true"
   }, props.children);
 };

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

@@ -160,7 +160,6 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _blockquote = _interopRequireDefault(require("./blockquote"));
 var _bodiedExtension = _interopRequireDefault(require("./bodiedExtension"));
-var _multiBodiedExtensionOld = _interopRequireDefault(require("./multiBodiedExtensionOld"));
 var _multiBodiedExtension = _interopRequireDefault(require("./multiBodiedExtension"));
 var _extensionFrame = _interopRequireDefault(require("./extensionFrame"));
 var _bulletList = _interopRequireDefault(require("./bulletList"));
@@ -535,7 +534,7 @@ var toReact = exports.toReact = function toReact(node, flags, nodeComponents
       return (_nodes$codeBlock = nodes.codeBlock) !== null && _nodes$codeBlock !== void 0 ? _nodes$codeBlock : CodeBlock;
     }
   }
-  nodes['multiBodiedExtension'] = (0, _platformFeatureFlags.fg)('platform_editor_multi_body_extension_extensibility') ? _multiBodiedExtension.default : _multiBodiedExtensionOld.default;
+  nodes['multiBodiedExtension'] = _multiBodiedExtension.default;
   return nodes[node.type.name];
 };
 /*

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

@@ -26,9 +26,11 @@ var useMultiBodiedExtensionActions = exports.useMultiBodiedExtensionActions = fu
       getChildrenCount: function getChildrenCount() {
         return children && Array.isArray(children) ? children.length : 0;
       },
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       removeChild: function removeChild(_index) {
         return false;
       },
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       updateParameters: function updateParameters(_parameters) {
         return false;
       },

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

@@ -62,7 +62,7 @@ var MultiBodiedExtensionWrapperLegacy = function MultiBodiedExtensionWrapperLega
       width: isTopLevel ? (0, _utils.calcBreakoutWidth)(layout, width) : '100%'
     },
     "data-layout": layout,
-    "data-testid": "multiBodiedExtension--wrapper"
+    "data-testid": "multiBodiedExtension--wrapper-renderer"
   }, (0, _react.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     className: "".concat(_consts.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER)
@@ -85,7 +85,7 @@ var MultiBodiedExtensionWrapperNext = function MultiBodiedExtensionWrapperNext(_
       (0, _breakout.calcBreakoutWidthCss)(layout) : '100%'
     },
     "data-layout": layout,
-    "data-testid": "multiBodiedExtension--wrapper"
+    "data-testid": "multiBodiedExtension--wrapper-renderer"
   }, (0, _react.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     className: "".concat(_consts.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER)

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

@@ -69,7 +69,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "124.19.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -1,4 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx, css } from '@emotion/react';
 import React from 'react';
 import ExtensionRenderer from '../../ui/ExtensionRenderer';
 import { overflowShadow, WidthConsumer } from '@atlaskit/editor-common/ui';
@@ -6,6 +13,7 @@ import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { RendererCssClassName } from '../../consts';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { calcBreakoutWidthCss } from '../utils/breakout';
+import { fg } from '@atlaskit/platform-feature-flags';
 const viewportSizes = ['small', 'medium', 'default', 'large', 'xlarge'];
 // Mirrors sizes from https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/browse/platform/packages/forge/xen-editor-provider/src/render/renderers/ForgeUIExtension.tsx
 const macroHeights = {
@@ -25,6 +33,9 @@ const getViewportSize = (extensionId, extensionViewportSizes) => {
     return macroHeights[viewportSize];
   }
 };
+const containerStyle = css({
+  containerType: 'inline-size'
+});
 export const renderExtension = (content, layout, options = {}, removeOverflow, extensionId, extensionViewportSizes, nodeHeight, localId) => {
   const overflowContainerClass = !removeOverflow ? RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER : '';
 
@@ -42,7 +53,7 @@ export const renderExtension = (content, layout, options = {}, removeOverflow, e
   const viewportSize = getViewportSize(extensionId, extensionViewportSizes);
   const extensionHeight = nodeHeight || viewportSize;
   if (expValEquals('platform_editor_renderer_extension_width_fix', 'isEnabled', true)) {
-    return /*#__PURE__*/React.createElement("div", {
+    return jsx("div", {
       ref: options.handleRef
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -57,13 +68,15 @@ export const renderExtension = (content, layout, options = {}, removeOverflow, e
       "data-local-id": localId,
       "data-testid": "extension--wrapper",
       "data-node-type": "extension"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: overflowContainerClass
+    }, jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      className: overflowContainerClass,
+      css: [fg('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, content));
   }
-  return /*#__PURE__*/React.createElement(WidthConsumer, null, ({
+  return jsx(WidthConsumer, null, ({
     width
-  }) => /*#__PURE__*/React.createElement("div", {
+  }) => jsx("div", {
     ref: options.handleRef
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
@@ -76,8 +89,10 @@ export const renderExtension = (content, layout, options = {}, removeOverflow, e
     },
     "data-layout": layout,
     "data-local-id": localId
-  }, /*#__PURE__*/React.createElement("div", {
-    className: overflowContainerClass
+  }, jsx("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: overflowContainerClass,
+    css: [fg('platform_fix_macro_renders_in_layouts') && containerStyle]
   }, content)));
 };
 const Extension = props => {
@@ -92,7 +107,7 @@ const Extension = props => {
     nodeHeight,
     localId
   } = props;
-  return /*#__PURE__*/React.createElement(ExtensionRenderer
+  return jsx(ExtensionRenderer
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, props, {

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

@@ -5,12 +5,7 @@
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
-const containerCSSOld = css({
-  minHeight: '100px',
-  flexBasis: '100%'
-});
-const containerCSSNew = css({
+const containerCSS = css({
   padding: `${"var(--ds-space-100, 8px)"}`,
   minHeight: '100px',
   // by default all frames are hidden, this style is overridden in multiBodiedExtensions for active frame
@@ -18,7 +13,7 @@ const containerCSSNew = css({
 });
 const ExtensionFrame = props => {
   return jsx("div", {
-    css: [fg('platform_editor_multi_body_extension_extensibility') ? containerCSSNew : containerCSSOld],
+    css: [containerCSS],
     "data-extension-frame": "true"
   }, props.children);
 };

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

@@ -6,7 +6,6 @@ import { UnsupportedBlock, UnsupportedInline } from '@atlaskit/editor-common/ui'
 import { fg } from '@atlaskit/platform-feature-flags';
 import Blockquote from './blockquote';
 import BodiedExtension from './bodiedExtension';
-import MultiBodiedExtensionOld from './multiBodiedExtensionOld';
 import MultiBodiedExtension from './multiBodiedExtension';
 import ExtensionFrame from './extensionFrame';
 import BulletList from './bulletList';
@@ -214,7 +213,7 @@ export const toReact = (node, flags, nodeComponents
       return (_nodes$codeBlock = nodes.codeBlock) !== null && _nodes$codeBlock !== void 0 ? _nodes$codeBlock : CodeBlock;
     }
   }
-  nodes['multiBodiedExtension'] = fg('platform_editor_multi_body_extension_extensibility') ? MultiBodiedExtension : MultiBodiedExtensionOld;
+  nodes['multiBodiedExtension'] = MultiBodiedExtension;
   return nodes[node.type.name];
 };
 /*

package/dist/es2019/react/nodes/multiBodiedExtension/actions.js

@@ -20,9 +20,11 @@ export const useMultiBodiedExtensionActions = ({
       getChildrenCount() {
         return children && Array.isArray(children) ? children.length : 0;
       },
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       removeChild(_index) {
         return false;
       },
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       updateParameters(_parameters) {
         return false;
       },

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

@@ -54,7 +54,7 @@ const MultiBodiedExtensionWrapperLegacy = ({
       width: isTopLevel ? calcBreakoutWidth(layout, width) : '100%'
     },
     "data-layout": layout,
-    "data-testid": "multiBodiedExtension--wrapper"
+    "data-testid": "multiBodiedExtension--wrapper-renderer"
   }, jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     className: `${RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER}`
@@ -78,7 +78,7 @@ const MultiBodiedExtensionWrapperNext = ({
       calcBreakoutWidthCss(layout) : '100%'
     },
     "data-layout": layout,
-    "data-testid": "multiBodiedExtension--wrapper"
+    "data-testid": "multiBodiedExtension--wrapper-renderer"
   }, jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     className: `${RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER}`

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

@@ -55,7 +55,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 const TABLE_INFO_TIMEOUT = 10000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "0.0.0-development";
+const packageVersion = "124.19.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -1,4 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx, css } from '@emotion/react';
 import React from 'react';
 import ExtensionRenderer from '../../ui/ExtensionRenderer';
 import { overflowShadow, WidthConsumer } from '@atlaskit/editor-common/ui';
@@ -6,6 +13,7 @@ import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { RendererCssClassName } from '../../consts';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { calcBreakoutWidthCss } from '../utils/breakout';
+import { fg } from '@atlaskit/platform-feature-flags';
 var viewportSizes = ['small', 'medium', 'default', 'large', 'xlarge'];
 // Mirrors sizes from https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/browse/platform/packages/forge/xen-editor-provider/src/render/renderers/ForgeUIExtension.tsx
 var macroHeights = {
@@ -27,6 +35,9 @@ var getViewportSize = function getViewportSize(extensionId, extensionViewportSiz
     return macroHeights[viewportSize];
   }
 };
+var containerStyle = css({
+  containerType: 'inline-size'
+});
 export var renderExtension = function renderExtension(content, layout) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var removeOverflow = arguments.length > 3 ? arguments[3] : undefined;
@@ -50,7 +61,7 @@ export var renderExtension = function renderExtension(content, layout) {
   var viewportSize = getViewportSize(extensionId, extensionViewportSizes);
   var extensionHeight = nodeHeight || viewportSize;
   if (expValEquals('platform_editor_renderer_extension_width_fix', 'isEnabled', true)) {
-    return /*#__PURE__*/React.createElement("div", {
+    return jsx("div", {
       ref: options.handleRef
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -65,13 +76,15 @@ export var renderExtension = function renderExtension(content, layout) {
       "data-local-id": localId,
       "data-testid": "extension--wrapper",
       "data-node-type": "extension"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: overflowContainerClass
+    }, jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      className: overflowContainerClass,
+      css: [fg('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, content));
   }
-  return /*#__PURE__*/React.createElement(WidthConsumer, null, function (_ref2) {
+  return jsx(WidthConsumer, null, function (_ref2) {
     var width = _ref2.width;
-    return /*#__PURE__*/React.createElement("div", {
+    return jsx("div", {
       ref: options.handleRef
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -84,8 +97,10 @@ export var renderExtension = function renderExtension(content, layout) {
       },
       "data-layout": layout,
       "data-local-id": localId
-    }, /*#__PURE__*/React.createElement("div", {
-      className: overflowContainerClass
+    }, jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      className: overflowContainerClass,
+      css: [fg('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, content));
   });
 };
@@ -101,7 +116,7 @@ var Extension = function Extension(props) {
     parameters = props.parameters,
     nodeHeight = props.nodeHeight,
     localId = props.localId;
-  return /*#__PURE__*/React.createElement(ExtensionRenderer
+  return jsx(ExtensionRenderer
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, props, {

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

@@ -5,12 +5,7 @@
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
-var containerCSSOld = css({
-  minHeight: '100px',
-  flexBasis: '100%'
-});
-var containerCSSNew = css({
+var containerCSS = css({
   padding: "var(--ds-space-100, 8px)",
   minHeight: '100px',
   // by default all frames are hidden, this style is overridden in multiBodiedExtensions for active frame
@@ -18,7 +13,7 @@ var containerCSSNew = css({
 });
 var ExtensionFrame = function ExtensionFrame(props) {
   return jsx("div", {
-    css: [fg('platform_editor_multi_body_extension_extensibility') ? containerCSSNew : containerCSSOld],
+    css: [containerCSS],
     "data-extension-frame": "true"
   }, props.children);
 };

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

@@ -9,7 +9,6 @@ import { UnsupportedBlock, UnsupportedInline } from '@atlaskit/editor-common/ui'
 import { fg } from '@atlaskit/platform-feature-flags';
 import Blockquote from './blockquote';
 import BodiedExtension from './bodiedExtension';
-import MultiBodiedExtensionOld from './multiBodiedExtensionOld';
 import MultiBodiedExtension from './multiBodiedExtension';
 import ExtensionFrame from './extensionFrame';
 import BulletList from './bulletList';
@@ -340,7 +339,7 @@ export var toReact = function toReact(node, flags, nodeComponents
       return (_nodes$codeBlock = nodes.codeBlock) !== null && _nodes$codeBlock !== void 0 ? _nodes$codeBlock : CodeBlock;
     }
   }
-  nodes['multiBodiedExtension'] = fg('platform_editor_multi_body_extension_extensibility') ? MultiBodiedExtension : MultiBodiedExtensionOld;
+  nodes['multiBodiedExtension'] = MultiBodiedExtension;
   return nodes[node.type.name];
 };
 /*

package/dist/esm/react/nodes/multiBodiedExtension/actions.js

@@ -19,9 +19,11 @@ export var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActi
       getChildrenCount: function getChildrenCount() {
         return children && Array.isArray(children) ? children.length : 0;
       },
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       removeChild: function removeChild(_index) {
         return false;
       },
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       updateParameters: function updateParameters(_parameters) {
         return false;
       },

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

@@ -54,7 +54,7 @@ var MultiBodiedExtensionWrapperLegacy = function MultiBodiedExtensionWrapperLega
       width: isTopLevel ? calcBreakoutWidth(layout, width) : '100%'
     },
     "data-layout": layout,
-    "data-testid": "multiBodiedExtension--wrapper"
+    "data-testid": "multiBodiedExtension--wrapper-renderer"
   }, jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     className: "".concat(RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER)
@@ -77,7 +77,7 @@ var MultiBodiedExtensionWrapperNext = function MultiBodiedExtensionWrapperNext(_
       calcBreakoutWidthCss(layout) : '100%'
     },
     "data-layout": layout,
-    "data-testid": "multiBodiedExtension--wrapper"
+    "data-testid": "multiBodiedExtension--wrapper-renderer"
   }, jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     className: "".concat(RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER)

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

@@ -60,7 +60,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "124.19.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -148,6 +148,9 @@ type SyncedBlockFetchErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SUBJECT.SYNC
 type SyncedBlockGetSourceInfoErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.SYNCED_BLOCK_GET_SOURCE_INFO, {
     error: string;
 }>;
-export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP;
+type ReferenceSyncedBlockUpdateErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_UPDATE, {
+    error: string;
+}>;
+export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP | ReferenceSyncedBlockUpdateErrorAEP;
 export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
 export {};

package/dist/types/react/nodes/extension.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { type Mark as PMMark, type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { type RendererContext, type ExtensionViewportSize } from '../types';