@atlaskit/renderer 130.2.16 → 130.2.18

package/dist/types/react/nodes/layoutColumn-compiled.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_static_css` experiment.
+ * Used via `componentWithCondition` in `layoutColumn.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+export declare const LayoutSectionCompiled: (props: React.PropsWithChildren<{
+    width?: number;
+}>) => React.JSX.Element;

package/dist/types/react/nodes/layoutColumn-emotion.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion branch of the `platform_editor_static_css` experiment.
+ * Used via `componentWithCondition` in `layoutColumn.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+export declare const LayoutSectionEmotion: (props: React.PropsWithChildren<{
+    width?: number;
+}>) => React.JSX.Element;

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

@@ -1,9 +1,7 @@
+import React from 'react';
 /**
- * @jsxRuntime classic
- * @jsx jsx
+ * Render a layout column in renderer.
  */
-import React from 'react';
-import { jsx } from '@emotion/react';
 export default function LayoutSection(props: React.PropsWithChildren<{
     width?: number;
-}>): jsx.JSX.Element;
+}>): React.JSX.Element;

package/dist/types/react/nodes/panel-compiled.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_static_css` experiment.
+ * Used via `componentWithCondition` in `panel.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+import { PanelType } from '@atlaskit/adf-schema';
+interface PanelStyledProps {
+    backgroundColor?: string;
+    'data-panel-type': PanelType;
+    hasIcon?: boolean;
+}
+export declare const PanelStyledCompiled: {
+    ({ backgroundColor, children, className, hasIcon, ...props }: React.PropsWithChildren<PanelStyledProps & React.HTMLAttributes<HTMLDivElement>>): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/types/react/nodes/panel-emotion.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion branch of the `platform_editor_static_css` experiment.
+ * Used via `componentWithCondition` in `panel.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import { PanelType } from '@atlaskit/adf-schema';
+interface PanelStyledProps {
+    backgroundColor?: string;
+    'data-panel-type': PanelType;
+    hasIcon?: boolean;
+}
+export declare const PanelStyledEmotion: {
+    ({ backgroundColor, hasIcon, ...props }: React.PropsWithChildren<PanelStyledProps & React.HTMLAttributes<HTMLDivElement>>): jsx.JSX.Element;
+    displayName: string;
+};
+export {};

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

@@ -1,9 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { PanelType } from '@atlaskit/adf-schema';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 export interface Props {
@@ -17,5 +12,5 @@ export interface Props {
     panelType: PanelType;
     providers?: ProviderFactory;
 }
-declare const Panel: (props: Props) => jsx.JSX.Element;
+declare const Panel: (props: Props) => React.JSX.Element;
 export default Panel;

package/dist/types/ui/annotations/draft/dom.d.ts

@@ -1,5 +1,5 @@
 import type { Position } from '../types';
-export declare const dataAttributes: ({ from, to }: Position) => {
+export declare const dataAttributes: ({ from, to, }: Position) => {
     "data-annotation-draft-mark": boolean;
     "data-draft-end-at": number;
     "data-draft-start-at": number;

package/dist/types/ui/annotations/hooks/use-events.d.ts

@@ -13,7 +13,7 @@ type UseAnnotationUpdateSatteByEventProps = {
     updateSubscriber: AnnotationUpdateEmitter | null;
 };
 export declare const useAnnotationStateByTypeEvent: ({ type, updateSubscriber, }: UseAnnotationUpdateSatteByEventProps) => Record<string, AnnotationMarkStates | null>;
-export declare const useHasFocusEvent: ({ id, updateSubscriber }: ListenEventProps) => {
+export declare const useHasFocusEvent: ({ id, updateSubscriber, }: ListenEventProps) => {
     hasFocus: boolean;
     isHovered: boolean;
 };

package/dist/types-ts4.5/react/marks/link-compiled.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_static_css` experiment.
+ * Used via `componentWithCondition` in `link.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ComponentProps } from 'react';
+import LinkUrl from '@atlaskit/smart-card/link-url';
+export declare const LinkUrlCompiled: (props: ComponentProps<typeof LinkUrl>) => JSX.Element;

package/dist/types-ts4.5/react/marks/link-emotion.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion branch of the `platform_editor_static_css` experiment.
+ * Used via `componentWithCondition` in `link.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ComponentProps } from 'react';
+import { jsx } from '@emotion/react';
+import LinkUrl from '@atlaskit/smart-card/link-url';
+export declare const LinkUrlEmotion: (props: ComponentProps<typeof LinkUrl>) => jsx.JSX.Element;

package/dist/types-ts4.5/react/marks/link.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+import React from 'react';
 import type { LinkAttributes } from '@atlaskit/adf-schema';
 import type { MarkProps } from '../types';
 interface LinkProps extends LinkAttributes {
@@ -6,5 +6,8 @@ interface LinkProps extends LinkAttributes {
     onSetLinkTarget?: (url: string) => '_blank' | undefined;
     target?: string;
 }
-export default function Link(props: MarkProps<LinkProps>): jsx.JSX.Element;
+/**
+ * Render an ADF link mark in renderer.
+ */
+export default function Link(props: MarkProps<LinkProps>): React.JSX.Element;
 export {};

package/dist/types-ts4.5/react/nodes/index.d.ts

@@ -65,7 +65,7 @@ declare const EmbedCard: React.ComponentType<{
     isInsideOfBlockNode?: boolean;
     isInsideOfInlineExtension?: boolean;
     layout: RichMediaLayout;
-    onSetLinkTarget?: (url: string) => "_blank" | undefined;
+    onSetLinkTarget?: (url: string) => '_blank' | undefined;
     originalHeight?: number;
     originalWidth?: number;
     portal?: HTMLElement;
@@ -82,7 +82,7 @@ declare const BlockCard: React.ComponentType<{
     isNodeNested?: boolean;
     layout?: string;
     localId?: string;
-    onSetLinkTarget?: (url: string) => "_blank" | undefined;
+    onSetLinkTarget?: (url: string) => '_blank' | undefined;
     portal?: HTMLElement;
     rendererAppearance?: RendererAppearance;
     smartLinks?: SmartLinksOptions;

package/dist/types-ts4.5/react/nodes/layoutColumn-compiled.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_static_css` experiment.
+ * Used via `componentWithCondition` in `layoutColumn.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+export declare const LayoutSectionCompiled: (props: React.PropsWithChildren<{
+    width?: number;
+}>) => React.JSX.Element;

package/dist/types-ts4.5/react/nodes/layoutColumn-emotion.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion branch of the `platform_editor_static_css` experiment.
+ * Used via `componentWithCondition` in `layoutColumn.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+export declare const LayoutSectionEmotion: (props: React.PropsWithChildren<{
+    width?: number;
+}>) => React.JSX.Element;

package/dist/types-ts4.5/react/nodes/layoutColumn.d.ts

@@ -1,9 +1,7 @@
+import React from 'react';
 /**
- * @jsxRuntime classic
- * @jsx jsx
+ * Render a layout column in renderer.
  */
-import React from 'react';
-import { jsx } from '@emotion/react';
 export default function LayoutSection(props: React.PropsWithChildren<{
     width?: number;
-}>): jsx.JSX.Element;
+}>): React.JSX.Element;

package/dist/types-ts4.5/react/nodes/panel-compiled.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_static_css` experiment.
+ * Used via `componentWithCondition` in `panel.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+import { PanelType } from '@atlaskit/adf-schema';
+interface PanelStyledProps {
+    backgroundColor?: string;
+    'data-panel-type': PanelType;
+    hasIcon?: boolean;
+}
+export declare const PanelStyledCompiled: {
+    ({ backgroundColor, children, className, hasIcon, ...props }: React.PropsWithChildren<PanelStyledProps & React.HTMLAttributes<HTMLDivElement>>): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/types-ts4.5/react/nodes/panel-emotion.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion branch of the `platform_editor_static_css` experiment.
+ * Used via `componentWithCondition` in `panel.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import { PanelType } from '@atlaskit/adf-schema';
+interface PanelStyledProps {
+    backgroundColor?: string;
+    'data-panel-type': PanelType;
+    hasIcon?: boolean;
+}
+export declare const PanelStyledEmotion: {
+    ({ backgroundColor, hasIcon, ...props }: React.PropsWithChildren<PanelStyledProps & React.HTMLAttributes<HTMLDivElement>>): jsx.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/types-ts4.5/react/nodes/panel.d.ts

@@ -1,9 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { PanelType } from '@atlaskit/adf-schema';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 export interface Props {
@@ -17,5 +12,5 @@ export interface Props {
     panelType: PanelType;
     providers?: ProviderFactory;
 }
-declare const Panel: (props: Props) => jsx.JSX.Element;
+declare const Panel: (props: Props) => React.JSX.Element;
 export default Panel;

package/dist/types-ts4.5/ui/annotations/draft/dom.d.ts

@@ -1,5 +1,5 @@
 import type { Position } from '../types';
-export declare const dataAttributes: ({ from, to }: Position) => {
+export declare const dataAttributes: ({ from, to, }: Position) => {
     "data-annotation-draft-mark": boolean;
     "data-draft-end-at": number;
     "data-draft-start-at": number;

package/dist/types-ts4.5/ui/annotations/hooks/use-events.d.ts

@@ -13,7 +13,7 @@ type UseAnnotationUpdateSatteByEventProps = {
     updateSubscriber: AnnotationUpdateEmitter | null;
 };
 export declare const useAnnotationStateByTypeEvent: ({ type, updateSubscriber, }: UseAnnotationUpdateSatteByEventProps) => Record<string, AnnotationMarkStates | null>;
-export declare const useHasFocusEvent: ({ id, updateSubscriber }: ListenEventProps) => {
+export declare const useHasFocusEvent: ({ id, updateSubscriber, }: ListenEventProps) => {
     hasFocus: boolean;
     isHovered: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "130.2.16",
+	"version": "130.2.18",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,8 +30,8 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^52.6.0",
-		"@atlaskit/adf-utils": "^19.27.0",
+		"@atlaskit/adf-schema": "^52.7.0",
+		"@atlaskit/adf-utils": "^19.28.0",
 		"@atlaskit/afm-i18n-platform-editor-renderer": "2.10.0",
 		"@atlaskit/analytics-listeners": "^10.0.0",
 		"@atlaskit/analytics-namespaced-context": "^7.2.0",
@@ -51,26 +51,27 @@
 		"@atlaskit/link-datasource": "^5.2.0",
 		"@atlaskit/link-extractors": "^2.4.0",
 		"@atlaskit/linking-common": "^9.11.0",
-		"@atlaskit/media-card": "^80.3.0",
-		"@atlaskit/media-client": "^36.0.0",
+		"@atlaskit/media-card": "^80.4.0",
+		"@atlaskit/media-client": "^36.1.0",
 		"@atlaskit/media-client-react": "^5.1.0",
-		"@atlaskit/media-common": "^13.1.0",
+		"@atlaskit/media-common": "^13.2.0",
 		"@atlaskit/media-filmstrip": "^51.3.0",
 		"@atlaskit/media-ui": "^29.1.0",
 		"@atlaskit/media-viewer": "^53.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
-		"@atlaskit/react-ufo": "^5.16.0",
+		"@atlaskit/react-ufo": "^5.18.0",
 		"@atlaskit/smart-card": "^44.3.0",
 		"@atlaskit/status": "^4.0.0",
 		"@atlaskit/task-decision": "^20.0.0",
 		"@atlaskit/theme": "^23.2.0",
-		"@atlaskit/tmp-editor-statsig": "^72.0.0",
+		"@atlaskit/tmp-editor-statsig": "^74.0.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.2.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
+		"@compiled/react": "^0.20.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",
 		"memoize-one": "^6.0.0",
@@ -79,7 +80,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.13.0",
+		"@atlaskit/editor-common": "^114.15.0",
 		"@atlaskit/link-provider": "^4.3.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -98,7 +99,7 @@
 		"@atlaskit/media-test-helpers": "^41.0.0",
 		"@atlaskit/mention": "^25.0.0",
 		"@atlaskit/modal-dialog": "^14.18.0",
-		"@atlaskit/navigation-system": "^8.2.0",
+		"@atlaskit/navigation-system": "^9.0.0",
 		"@atlaskit/profilecard": "^25.1.0",
 		"@atlaskit/side-nav-items": "^1.13.0",
 		"@atlaskit/util-data-test": "^18.5.0",
@@ -106,6 +107,7 @@
 		"@atlassian/a11y-playwright-testing": "^0.9.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
+		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/testing-library": "^0.5.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
@@ -132,6 +134,7 @@
 			],
 			"deprecation": "no-deprecated-imports",
 			"styling": [
+				"compiled",
 				"emotion"
 			]
 		}

package/renderer.docs.tsx

@@ -0,0 +1,47 @@
+/**
+ * Testing structured MCP docs for review — ignore this file.
+ * Contact #dst-structured-content in Slack with questions.
+ */
+
+import path from 'path';
+
+
+import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
+
+import packageJson from './package.json';
+
+const packagePath = path.resolve(__dirname);
+
+const documentation: ComponentStructuredContentSource[] = [
+	{
+		name: 'Renderer',
+		description: 'Renderer component',
+		status: 'general-availability',
+		import: {
+			name: 'Renderer',
+			package: '@atlaskit/renderer',
+			type: 'default',
+			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') },
+			{ 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;