@atlaskit/renderer 131.1.5 → 131.1.7

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/renderer
 
+## 131.1.7
+
+### Patch Changes
+
+- Updated dependencies
+
+## 131.1.6
+
+### Patch Changes
+
+- [`ec27ee36acf63`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ec27ee36acf63) -
+  [ux] Skip the `nativeEmbedsFallbackTransform` in the renderer when
+  `platform_native_embeds_rollout_non_maui_experience` is enabled. After the decoupling commit
+  (a997ef6d703d7) moved native-embed registration from `cc-maui-experiment` to
+  `platform_native_embeds_rollout_non_maui_experience`, the fallback transform's guard only checked
+  the old experiment — so users with the new gate on (but the old experiment off) had their
+  `native-embed:database` / `native-embed:whiteboard` extension nodes incorrectly replaced with
+  `inlineCard` paragraphs at render time, causing published pages to show inline links instead of
+  embedded content. See CNS-29847.
+- Updated dependencies
+
 ## 131.1.5
 
 ### Patch Changes

package/dist/cjs/render-document.js

@@ -93,7 +93,7 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
       }
     });
   }
-  if (result && !(0, _expValEquals.expValEquals)('cc-maui-experiment', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_native_embeds_fallback_transform')) {
+  if (result && !(0, _expValEquals.expValEquals)('cc-maui-experiment', 'isEnabled', true) && !(0, _platformFeatureFlags.fg)('platform_native_embeds_rollout_non_maui_experience') && (0, _platformFeatureFlags.fg)('platform_editor_native_embeds_fallback_transform')) {
     var _nativeEmbedsFallback = (0, _transforms.nativeEmbedsFallbackTransform)(result, schema),
       _transformedAdf2 = _nativeEmbedsFallback.transformedAdf,
       hasValidTransform = _nativeEmbedsFallback.hasValidTransform;

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

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

package/dist/es2019/render-document.js

@@ -87,7 +87,7 @@ const _validation = (doc, schema, adfStage, useSpecBasedValidator, dispatchAnaly
       }
     });
   }
-  if (result && !expValEquals('cc-maui-experiment', 'isEnabled', true) && fg('platform_editor_native_embeds_fallback_transform')) {
+  if (result && !expValEquals('cc-maui-experiment', 'isEnabled', true) && !fg('platform_native_embeds_rollout_non_maui_experience') && fg('platform_editor_native_embeds_fallback_transform')) {
     const {
       transformedAdf,
       hasValidTransform

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

@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.2;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "131.1.4";
+const packageVersion = "131.1.6";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/render-document.js

@@ -86,7 +86,7 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
       }
     });
   }
-  if (result && !expValEquals('cc-maui-experiment', 'isEnabled', true) && fg('platform_editor_native_embeds_fallback_transform')) {
+  if (result && !expValEquals('cc-maui-experiment', 'isEnabled', true) && !fg('platform_native_embeds_rollout_non_maui_experience') && fg('platform_editor_native_embeds_fallback_transform')) {
     var _nativeEmbedsFallback = nativeEmbedsFallbackTransform(result, schema),
       _transformedAdf2 = _nativeEmbedsFallback.transformedAdf,
       hasValidTransform = _nativeEmbedsFallback.hasValidTransform;

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

@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "131.1.4";
+var packageVersion = "131.1.6";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "131.1.5",
+	"version": "131.1.7",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,8 +30,8 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^52.13.0",
-		"@atlaskit/adf-utils": "^19.30.0",
+		"@atlaskit/adf-schema": "^52.14.0",
+		"@atlaskit/adf-utils": "^19.31.0",
 		"@atlaskit/afm-i18n-platform-editor-renderer": "2.10.0",
 		"@atlaskit/analytics-listeners": "^10.1.0",
 		"@atlaskit/analytics-namespaced-context": "^7.3.0",
@@ -46,29 +46,29 @@
 		"@atlaskit/editor-smart-link-draggable": "^0.5.0",
 		"@atlaskit/emoji": "^70.10.0",
 		"@atlaskit/feature-gate-js-client": "^5.7.0",
-		"@atlaskit/icon": "^35.0.0",
+		"@atlaskit/icon": "^35.1.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/link-datasource": "^5.4.0",
-		"@atlaskit/link-extractors": "^2.6.0",
+		"@atlaskit/link-extractors": "^2.7.0",
 		"@atlaskit/linking-common": "^9.11.0",
 		"@atlaskit/media-card": "^80.5.0",
 		"@atlaskit/media-client": "^36.3.0",
 		"@atlaskit/media-client-react": "^5.1.0",
 		"@atlaskit/media-common": "^13.3.0",
 		"@atlaskit/media-filmstrip": "^51.3.0",
-		"@atlaskit/media-ui": "^29.2.0",
+		"@atlaskit/media-ui": "^29.3.0",
 		"@atlaskit/media-viewer": "^53.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.5.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
-		"@atlaskit/react-ufo": "^6.0.0",
-		"@atlaskit/smart-card": "^44.14.0",
+		"@atlaskit/react-ufo": "^6.1.0",
+		"@atlaskit/smart-card": "^44.16.0",
 		"@atlaskit/status": "^4.1.0",
 		"@atlaskit/task-decision": "^20.1.0",
-		"@atlaskit/theme": "^24.0.0",
-		"@atlaskit/tmp-editor-statsig": "^82.3.0",
+		"@atlaskit/theme": "^25.0.0",
+		"@atlaskit/tmp-editor-statsig": "^83.0.0",
 		"@atlaskit/tokens": "^13.0.0",
-		"@atlaskit/tooltip": "^22.2.0",
+		"@atlaskit/tooltip": "^22.3.0",
 		"@atlaskit/visually-hidden": "^3.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
@@ -80,7 +80,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.41.0",
+		"@atlaskit/editor-common": "^114.46.0",
 		"@atlaskit/link-provider": "^4.4.0",
 		"@atlaskit/media-core": "^37.1.0",
 		"react": "^18.2.0",
@@ -94,12 +94,12 @@
 		"@atlaskit/checkbox": "^17.3.0",
 		"@atlaskit/editor-card-provider": "^6.8.0",
 		"@atlaskit/link-provider": "^4.4.0",
-		"@atlaskit/link-test-helpers": "^10.2.0",
+		"@atlaskit/link-test-helpers": "^10.3.0",
 		"@atlaskit/media-core": "^37.1.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
-		"@atlaskit/media-test-helpers": "^41.1.0",
+		"@atlaskit/media-test-helpers": "^41.2.0",
 		"@atlaskit/mention": "^26.0.0",
-		"@atlaskit/modal-dialog": "^15.1.0",
+		"@atlaskit/modal-dialog": "^15.2.0",
 		"@atlaskit/navigation-system": "^9.4.0",
 		"@atlaskit/profilecard": "^25.7.0",
 		"@atlaskit/side-nav-items": "^1.13.0",
@@ -143,6 +143,9 @@
 		}
 	},
 	"platform-feature-flags": {
+		"platform_native_embeds_rollout_non_maui_experience": {
+			"type": "boolean"
+		},
 		"platform_editor_render_inline_extension_analytics": {
 			"type": "boolean"
 		},

package/renderer.docs.tsx

@@ -5,62 +5,64 @@
 
 import path from 'path';
 
-import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
+import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
 
 import packageJson from './package.json';
 
 const packagePath = path.resolve(__dirname);
 
-const documentation: ComponentStructuredContentSource[] = [
-	{
-		name: 'Renderer',
-		description: 'Renderer component',
-		status: 'general-availability',
-		import: {
-			name: 'ReactRenderer',
-			package: '@atlaskit/renderer',
-			type: 'named',
-			packagePath,
-			packageJson,
-		},
-		usageGuidelines: [
-			'Use ReactRenderer with an ADF document; use a transformer (e.g. BitbucketTransformer) with ADFEncoder when your storage format is not ADF.',
-			'Avoid unnecessary props changes: extract static objects to constants, avoid passing new objects or anonymous functions on every render, use useMemo/useCallback for props and callbacks to prevent performance degradation.',
-			'Ensure only one version of Renderer sub-dependencies (adf-schema, editor-common, prosemirror-model, etc.) in your bundles; use deduplication or resolutions. Use correct peer dependency versions.',
-			'Use the truncated prop with maxHeight/fadeOutHeight when you need to cap rendered content with a fade; add polyfills for fetch and ES6/ES7 when targeting older browsers.',
-		],
-		contentGuidelines: [],
-		accessibilityGuidelines: [],
-		keywords: ['editor', 'renderer', 'atlaskit'],
-		categories: ['editor'],
-		examples: [
-			{
-				name: 'Basic',
-				description: 'Basic ReactRenderer with ADF document.',
-				source: path.resolve(packagePath, './examples/0-basic.tsx'),
-			},
-			{
-				name: 'Full page',
-				description: 'Full-page renderer with full ADF.',
-				source: path.resolve(packagePath, './examples/0-full-page.tsx'),
-			},
-			{
-				name: 'With providers',
-				description: 'Renderer with media and other providers.',
-				source: path.resolve(packagePath, './examples/1-with-providers.tsx'),
+const documentation: StructuredContentSource = {
+	components: [
+		{
+			name: 'Renderer',
+			description: 'Renderer component',
+			status: 'general-availability',
+			import: {
+				name: 'ReactRenderer',
+				package: '@atlaskit/renderer',
+				type: 'named',
+				packagePath,
+				packageJson,
 			},
-			{
-				name: 'Full page with media caption',
-				description: 'Renderer with media and captions.',
-				source: path.resolve(packagePath, './examples/0-full-page-with-media-caption.tsx'),
-			},
-			{
-				name: 'Column layout',
-				description: 'Renderer with column layout.',
-				source: path.resolve(packagePath, './examples/10-column-layout.tsx'),
-			},
-		],
-	},
-];
+			usageGuidelines: [
+				'Use ReactRenderer with an ADF document; use a transformer (e.g. BitbucketTransformer) with ADFEncoder when your storage format is not ADF.',
+				'Avoid unnecessary props changes: extract static objects to constants, avoid passing new objects or anonymous functions on every render, use useMemo/useCallback for props and callbacks to prevent performance degradation.',
+				'Ensure only one version of Renderer sub-dependencies (adf-schema, editor-common, prosemirror-model, etc.) in your bundles; use deduplication or resolutions. Use correct peer dependency versions.',
+				'Use the truncated prop with maxHeight/fadeOutHeight when you need to cap rendered content with a fade; add polyfills for fetch and ES6/ES7 when targeting older browsers.',
+			],
+			contentGuidelines: [],
+			accessibilityGuidelines: [],
+			keywords: ['editor', 'renderer', 'atlaskit'],
+			categories: ['editor'],
+			examples: [
+				{
+					name: 'Basic',
+					description: 'Basic ReactRenderer with ADF document.',
+					source: path.resolve(packagePath, './examples/0-basic.tsx'),
+				},
+				{
+					name: 'Full page',
+					description: 'Full-page renderer with full ADF.',
+					source: path.resolve(packagePath, './examples/0-full-page.tsx'),
+				},
+				{
+					name: 'With providers',
+					description: 'Renderer with media and other providers.',
+					source: path.resolve(packagePath, './examples/1-with-providers.tsx'),
+				},
+				{
+					name: 'Full page with media caption',
+					description: 'Renderer with media and captions.',
+					source: path.resolve(packagePath, './examples/0-full-page-with-media-caption.tsx'),
+				},
+				{
+					name: 'Column layout',
+					description: 'Renderer with column layout.',
+					source: path.resolve(packagePath, './examples/10-column-layout.tsx'),
+				},
+			],
+		},
+	],
+};
 
 export default documentation;