@atlaskit/renderer 130.2.17 → 130.3.0

package/dist/types/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/react/nodes/bodiedExtension.d.ts

@@ -6,12 +6,14 @@ import type { ExtensionLayout } from '@atlaskit/adf-schema';
 import type { ExtensionHandlers, ExtensionParams, Parameters } from '@atlaskit/editor-common/extensions';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { RendererAppearance } from '../../ui/Renderer/types';
+import type { AnalyticsEventPayload } from '../../analytics/events';
 interface Props {
     content?: any;
     extensionHandlers?: ExtensionHandlers;
     extensionKey: string;
     extensionType: string;
     extensionViewportSizes?: ExtensionViewportSize[];
+    fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;
     layout?: ExtensionLayout;
     localId?: string;
     marks?: PMMark[];

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

@@ -10,6 +10,7 @@ import type { ExtensionHandlers, ExtensionParams, Parameters } from '@atlaskit/e
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { OverflowShadowProps, OverflowShadowState, ShadowObserver } from '@atlaskit/editor-common/ui';
 import type { RendererAppearance } from '../../ui/Renderer/types';
+import type { AnalyticsEventPayload } from '../../analytics/events';
 interface Props {
     extensionHandlers?: ExtensionHandlers;
     extensionKey: string;
@@ -32,6 +33,7 @@ type AllOrNone<T> = T | {
     [K in keyof T]?: never;
 };
 type RenderExtensionOptions = {
+    fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;
     isTopLevel?: boolean;
     rendererAppearance?: RendererAppearance;
 } & AllOrNone<OverflowShadowProps>;

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-ts4.5/analytics/events.d.ts

@@ -1,4 +1,4 @@
-import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, OperationalAEP, ExperienceEventPayload, TABLE_ACTION, SyncedBlockSSRErrorAEP } from '@atlaskit/editor-common/analytics';
+import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, OperationalAEP, ExperienceEventPayload, TABLE_ACTION, SyncedBlockSSRErrorAEP, ExtensionType } from '@atlaskit/editor-common/analytics';
 import type { AEP } from './enums';
 import type { SortOrder } from '@atlaskit/editor-common/types';
 import type { SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY, UnsupportedContentPayload, UnsupportedContentTooltipPayload } from '@atlaskit/editor-common/utils';
@@ -172,6 +172,10 @@ type ReferenceSyncedBlockUpdateErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SU
     error: string;
     resourceId?: string;
 }>;
-export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | RendererRenderedSampledAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | NativeEmbedsTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP | SyncedBlockSSRErrorAEP | ReferenceSyncedBlockUpdateErrorAEP | SyncedBlockFetchSuccessAEP | ExperienceEventPayload;
+type ExtensionRenderedAsInlineAEP = OperationalAEP<ACTION.RENDERED, ACTION_SUBJECT.EXTENSION_AS_INLINE, ExtensionType, {
+    extensionKey: string;
+    extensionType: string;
+}>;
+export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | RendererRenderedSampledAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | NativeEmbedsTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP | SyncedBlockSSRErrorAEP | ReferenceSyncedBlockUpdateErrorAEP | SyncedBlockFetchSuccessAEP | ExperienceEventPayload | ExtensionRenderedAsInlineAEP;
 export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
 export {};

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/bodiedExtension.d.ts

@@ -6,12 +6,14 @@ import type { ExtensionLayout } from '@atlaskit/adf-schema';
 import type { ExtensionHandlers, ExtensionParams, Parameters } from '@atlaskit/editor-common/extensions';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { RendererAppearance } from '../../ui/Renderer/types';
+import type { AnalyticsEventPayload } from '../../analytics/events';
 interface Props {
     content?: any;
     extensionHandlers?: ExtensionHandlers;
     extensionKey: string;
     extensionType: string;
     extensionViewportSizes?: ExtensionViewportSize[];
+    fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;
     layout?: ExtensionLayout;
     localId?: string;
     marks?: PMMark[];

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

@@ -10,6 +10,7 @@ import type { ExtensionHandlers, ExtensionParams, Parameters } from '@atlaskit/e
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { OverflowShadowProps, OverflowShadowState, ShadowObserver } from '@atlaskit/editor-common/ui';
 import type { RendererAppearance } from '../../ui/Renderer/types';
+import type { AnalyticsEventPayload } from '../../analytics/events';
 interface Props {
     extensionHandlers?: ExtensionHandlers;
     extensionKey: string;
@@ -32,6 +33,7 @@ type AllOrNone<T> = T | {
     [K in keyof T]?: never;
 };
 type RenderExtensionOptions = {
+    fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;
     isTopLevel?: boolean;
     rendererAppearance?: RendererAppearance;
 } & AllOrNone<OverflowShadowProps>;

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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "130.2.17",
+	"version": "130.3.0",
 	"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.17.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": "^73.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.16.0",
 		"@atlaskit/link-provider": "^4.3.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -133,11 +134,15 @@
 			],
 			"deprecation": "no-deprecated-imports",
 			"styling": [
+				"compiled",
 				"emotion"
 			]
 		}
 	},
 	"platform-feature-flags": {
+		"platform_editor_render_inline_extension_analytics": {
+			"type": "boolean"
+		},
 		"confluence_frontend_fix_date_hydration_error": {
 			"type": "boolean"
 		},