@atlaskit/renderer 124.5.1 → 124.5.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/renderer
 
+## 124.5.2
+
+### Patch Changes
+
+- [`eec573b4a7a6a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eec573b4a7a6a) -
+  Passing the precise Pixel width when available instead of the container width, and passing height
+  100% to avoid attempting height calculations to remove changes for VC
+- Updated dependencies
+
 ## 124.5.1
 
 ### Patch Changes

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

@@ -140,12 +140,21 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
   var padding = isFullPage ? _style.FullPagePadding * 2 : 0;
   var calcDimensions = (0, _react.useCallback)(function (mediaContainerWidth) {
     var containerWidth = getMediaContainerWidth(mediaContainerWidth, layout);
-    var maxWidth = (0, _coreUtils.isSSR)() && widthAttr && typeof widthAttr === 'number' && (0, _platformFeatureFlags.fg)('platform_editor_fix_image_size_diff_during_ssr') ? Math.max(widthAttr, containerWidth) : containerWidth;
-    var maxHeight = height / width * maxWidth;
-    var cardDimensions = {
-      width: "".concat(maxWidth, "px"),
-      height: "".concat(maxHeight, "px")
-    };
+    var cardDimensions = {};
+    if ((0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix')) {
+      var maxWidth = widthAttr && typeof widthAttr === 'number' ? widthAttr : containerWidth;
+      cardDimensions = {
+        width: "".concat(maxWidth, "px"),
+        height: "100%"
+      };
+    } else {
+      var _maxWidth = (0, _coreUtils.isSSR)() && widthAttr && typeof widthAttr === 'number' && (0, _platformFeatureFlags.fg)('platform_editor_fix_image_size_diff_during_ssr') ? Math.max(widthAttr, containerWidth) : containerWidth;
+      var maxHeight = height / width * _maxWidth;
+      cardDimensions = {
+        width: "".concat(_maxWidth, "px"),
+        height: "".concat(maxHeight, "px")
+      };
+    }
     var nonFullWidthSize = containerWidth;
     if (!isInsideOfBlockNode && rendererAppearance !== 'comment') {
       var isContainerSizeGreaterThanMaxFullPageWidth = containerWidth - padding >= _editorSharedStyles.akEditorDefaultLayoutWidth;

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

@@ -68,7 +68,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_WIDTH_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "124.5.1";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -127,12 +127,21 @@ const MediaSingleWithChildren = props => {
   const padding = isFullPage ? FullPagePadding * 2 : 0;
   const calcDimensions = useCallback(mediaContainerWidth => {
     const containerWidth = getMediaContainerWidth(mediaContainerWidth, layout);
-    const maxWidth = isSSR() && widthAttr && typeof widthAttr === 'number' && fg('platform_editor_fix_image_size_diff_during_ssr') ? Math.max(widthAttr, containerWidth) : containerWidth;
-    const maxHeight = height / width * maxWidth;
-    const cardDimensions = {
-      width: `${maxWidth}px`,
-      height: `${maxHeight}px`
-    };
+    let cardDimensions = {};
+    if (fg('media-perf-uplift-mutation-fix')) {
+      const maxWidth = widthAttr && typeof widthAttr === 'number' ? widthAttr : containerWidth;
+      cardDimensions = {
+        width: `${maxWidth}px`,
+        height: `100%`
+      };
+    } else {
+      const maxWidth = isSSR() && widthAttr && typeof widthAttr === 'number' && fg('platform_editor_fix_image_size_diff_during_ssr') ? Math.max(widthAttr, containerWidth) : containerWidth;
+      const maxHeight = height / width * maxWidth;
+      cardDimensions = {
+        width: `${maxWidth}px`,
+        height: `${maxHeight}px`
+      };
+    }
     let nonFullWidthSize = containerWidth;
     if (!isInsideOfBlockNode && rendererAppearance !== 'comment') {
       const isContainerSizeGreaterThanMaxFullPageWidth = containerWidth - padding >= akEditorDefaultLayoutWidth;

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

@@ -54,7 +54,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_WIDTH_INFO_TIMEOUT = 10000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "0.0.0-development";
+const packageVersion = "124.5.1";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -130,12 +130,21 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
   var padding = isFullPage ? FullPagePadding * 2 : 0;
   var calcDimensions = useCallback(function (mediaContainerWidth) {
     var containerWidth = getMediaContainerWidth(mediaContainerWidth, layout);
-    var maxWidth = isSSR() && widthAttr && typeof widthAttr === 'number' && fg('platform_editor_fix_image_size_diff_during_ssr') ? Math.max(widthAttr, containerWidth) : containerWidth;
-    var maxHeight = height / width * maxWidth;
-    var cardDimensions = {
-      width: "".concat(maxWidth, "px"),
-      height: "".concat(maxHeight, "px")
-    };
+    var cardDimensions = {};
+    if (fg('media-perf-uplift-mutation-fix')) {
+      var maxWidth = widthAttr && typeof widthAttr === 'number' ? widthAttr : containerWidth;
+      cardDimensions = {
+        width: "".concat(maxWidth, "px"),
+        height: "100%"
+      };
+    } else {
+      var _maxWidth = isSSR() && widthAttr && typeof widthAttr === 'number' && fg('platform_editor_fix_image_size_diff_during_ssr') ? Math.max(widthAttr, containerWidth) : containerWidth;
+      var maxHeight = height / width * _maxWidth;
+      cardDimensions = {
+        width: "".concat(_maxWidth, "px"),
+        height: "".concat(maxHeight, "px")
+      };
+    }
     var nonFullWidthSize = containerWidth;
     if (!isInsideOfBlockNode && rendererAppearance !== 'comment') {
       var isContainerSizeGreaterThanMaxFullPageWidth = containerWidth - padding >= akEditorDefaultLayoutWidth;

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

@@ -59,7 +59,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_WIDTH_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "124.5.1";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "124.5.1",
+	"version": "124.5.2",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -250,6 +250,9 @@
 		},
 		"hot-121622_lazy_load_expand_content": {
 			"type": "boolean"
+		},
+		"media-perf-uplift-mutation-fix": {
+			"type": "boolean"
 		}
 	}
 }