@atlaskit/renderer 124.13.3 → 124.14.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/renderer
 
+## 124.14.1
+
+### Patch Changes
+
+- [`dce46a29986fe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dce46a29986fe) -
+  Fix media with wide layout is not rendered with correct width
+- Updated dependencies
+
+## 124.14.0
+
+### Minor Changes
+
+- [`721d3790d48fe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/721d3790d48fe) -
+  EDITOR-2533 implement error-ui with retry
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 124.13.3
 
 ### Patch Changes

package/dist/cjs/ui/Renderer/breakout-ssr.js

@@ -49,7 +49,8 @@ function BreakoutSSRInlineScript(_ref) {
 }
 function createBreakoutInlineScript(id, shouldSkipScript) {
   var flags = {
-    platform_editor_fix_media_in_renderer: (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer')
+    platform_editor_fix_media_in_renderer: (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer'),
+    platform_editor_fix_wide_media_in_renderer: (0, _platformFeatureFlags.fg)('platform_editor_fix_wide_media_in_renderer')
   };
   return "(function(window){\nif(typeof window !== 'undefined' && window.__RENDERER_BYPASS_BREAKOUT_SSR__) { return; }\n".concat(breakoutInlineScriptContext, ";\n(").concat(applyBreakoutAfterSSR.toString(), ")(\"").concat(id, "\", breakoutConsts, ").concat(JSON.stringify(shouldSkipScript), ", ").concat(JSON.stringify(flags), ");\n})(window);\n");
 }
@@ -168,11 +169,11 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript, fla
       item.target.dataset.nodeType === MEDIA_NODE_TYPE) {
         // Ignored via go/ees005
         // eslint-disable-next-line @atlaskit/editor/no-as-casting
-        applyMediaBreakout(item.target);
+        applyMediaBreakout(item.target, flags);
       }
     });
   });
-  var applyMediaBreakout = function applyMediaBreakout(card) {
+  var applyMediaBreakout = function applyMediaBreakout(card, flags) {
     // width was already set by another breakout script
     if (card.style.width) {
       return;
@@ -189,11 +190,15 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript, fla
     var mode = card.dataset.mode || card.dataset.layout || '';
     var width = card.dataset.width;
     var isPixelBasedResizing = card.dataset.widthType === 'pixel';
+
+    // Pixel based resizing has width set in pixels based on its width attribute
+    // Thus, no need to override width
+    if (flags['platform_editor_fix_wide_media_in_renderer'] && isPixelBasedResizing) {
+      return;
+    }
     if (WIDE_LAYOUT_MODES.includes(mode)) {
       card.style.width = '100%';
-    } else if (width && !isPixelBasedResizing) {
-      // Pixel based resizing has width set in pixels based on its width attribute
-      // Thus, no need to override for non-wide layouts
+    } else if (width && (!isPixelBasedResizing || flags['platform_editor_fix_wide_media_in_renderer'])) {
       card.style.width = "".concat(width, "%");
     }
   };

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

package/dist/es2019/ui/Renderer/breakout-ssr.js

@@ -41,7 +41,8 @@ export function BreakoutSSRInlineScript({
 }
 export function createBreakoutInlineScript(id, shouldSkipScript) {
   const flags = {
-    platform_editor_fix_media_in_renderer: fg('platform_editor_fix_media_in_renderer')
+    platform_editor_fix_media_in_renderer: fg('platform_editor_fix_media_in_renderer'),
+    platform_editor_fix_wide_media_in_renderer: fg('platform_editor_fix_wide_media_in_renderer')
   };
   return `(function(window){
 if(typeof window !== 'undefined' && window.__RENDERER_BYPASS_BREAKOUT_SSR__) { return; }
@@ -173,11 +174,11 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript, fla
       item.target.dataset.nodeType === MEDIA_NODE_TYPE) {
         // Ignored via go/ees005
         // eslint-disable-next-line @atlaskit/editor/no-as-casting
-        applyMediaBreakout(item.target);
+        applyMediaBreakout(item.target, flags);
       }
     });
   });
-  const applyMediaBreakout = card => {
+  const applyMediaBreakout = (card, flags) => {
     // width was already set by another breakout script
     if (card.style.width) {
       return;
@@ -192,11 +193,15 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript, fla
     const mode = card.dataset.mode || card.dataset.layout || '';
     const width = card.dataset.width;
     const isPixelBasedResizing = card.dataset.widthType === 'pixel';
+
+    // Pixel based resizing has width set in pixels based on its width attribute
+    // Thus, no need to override width
+    if (flags['platform_editor_fix_wide_media_in_renderer'] && isPixelBasedResizing) {
+      return;
+    }
     if (WIDE_LAYOUT_MODES.includes(mode)) {
       card.style.width = '100%';
-    } else if (width && !isPixelBasedResizing) {
-      // Pixel based resizing has width set in pixels based on its width attribute
-      // Thus, no need to override for non-wide layouts
+    } else if (width && (!isPixelBasedResizing || flags['platform_editor_fix_wide_media_in_renderer'])) {
       card.style.width = `${width}%`;
     }
   };

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 = "124.13.2";
+const packageVersion = "0.0.0-development";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/ui/Renderer/breakout-ssr.js

@@ -40,7 +40,8 @@ export function BreakoutSSRInlineScript(_ref) {
 }
 export function createBreakoutInlineScript(id, shouldSkipScript) {
   var flags = {
-    platform_editor_fix_media_in_renderer: fg('platform_editor_fix_media_in_renderer')
+    platform_editor_fix_media_in_renderer: fg('platform_editor_fix_media_in_renderer'),
+    platform_editor_fix_wide_media_in_renderer: fg('platform_editor_fix_wide_media_in_renderer')
   };
   return "(function(window){\nif(typeof window !== 'undefined' && window.__RENDERER_BYPASS_BREAKOUT_SSR__) { return; }\n".concat(breakoutInlineScriptContext, ";\n(").concat(applyBreakoutAfterSSR.toString(), ")(\"").concat(id, "\", breakoutConsts, ").concat(JSON.stringify(shouldSkipScript), ", ").concat(JSON.stringify(flags), ");\n})(window);\n");
 }
@@ -159,11 +160,11 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript, fla
       item.target.dataset.nodeType === MEDIA_NODE_TYPE) {
         // Ignored via go/ees005
         // eslint-disable-next-line @atlaskit/editor/no-as-casting
-        applyMediaBreakout(item.target);
+        applyMediaBreakout(item.target, flags);
       }
     });
   });
-  var applyMediaBreakout = function applyMediaBreakout(card) {
+  var applyMediaBreakout = function applyMediaBreakout(card, flags) {
     // width was already set by another breakout script
     if (card.style.width) {
       return;
@@ -180,11 +181,15 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript, fla
     var mode = card.dataset.mode || card.dataset.layout || '';
     var width = card.dataset.width;
     var isPixelBasedResizing = card.dataset.widthType === 'pixel';
+
+    // Pixel based resizing has width set in pixels based on its width attribute
+    // Thus, no need to override width
+    if (flags['platform_editor_fix_wide_media_in_renderer'] && isPixelBasedResizing) {
+      return;
+    }
     if (WIDE_LAYOUT_MODES.includes(mode)) {
       card.style.width = '100%';
-    } else if (width && !isPixelBasedResizing) {
-      // Pixel based resizing has width set in pixels based on its width attribute
-      // Thus, no need to override for non-wide layouts
+    } else if (width && (!isPixelBasedResizing || flags['platform_editor_fix_wide_media_in_renderer'])) {
       card.style.width = "".concat(width, "%");
     }
   };

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 = "124.13.2";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "124.13.3",
+	"version": "124.14.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -60,7 +60,7 @@
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tmp-editor-statsig": "^13.38.0",
 		"@atlaskit/tokens": "^8.0.0",
-		"@atlaskit/tooltip": "^20.8.0",
+		"@atlaskit/tooltip": "^20.9.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.30.0",
+		"@atlaskit/editor-common": "^110.31.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -167,6 +167,9 @@
 		"platform_editor_fix_media_in_renderer": {
 			"type": "boolean"
 		},
+		"platform_editor_fix_wide_media_in_renderer": {
+			"type": "boolean"
+		},
 		"platform_editor_content_mode_button_mvp": {
 			"type": "boolean"
 		},