@atlaskit/media-card 79.0.12 → 79.1.0

package/dist/types/card/ui/imageRenderer/wrapper.d.ts

@@ -0,0 +1,4 @@
+import { type ReactNode } from 'react';
+export declare const ImageRendererWrapper: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;

package/dist/types-ts4.5/card/cardView.d.ts

@@ -1,13 +1,13 @@
 import React, { type MouseEvent } from 'react';
 import { type MessageDescriptor } from 'react-intl-next';
-import { type MediaItemType, type FileDetails, type ImageResizeMode, type FileIdentifier } from '@atlaskit/media-client';
+import { type MediaItemType, type FileDetails, type ImageResizeMode, type Identifier } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type CardStatus, type MediaCardCursor, type CardDimensions, type TitleBoxIcon } from '../types';
 import { type MediaFilePreview } from '@atlaskit/media-file-preview';
 import { type CardAction } from './actions';
 import { type MediaCardError } from '../errors';
 export interface CardViewProps {
-    readonly identifier?: FileIdentifier;
+    readonly identifier: Identifier;
     readonly disableOverlay?: boolean;
     readonly resizeMode?: ImageResizeMode;
     readonly dimensions: CardDimensions;

package/dist/types-ts4.5/card/svgView/svgViewV2.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { SvgViewProps } from './types';
+export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, }: SvgViewProps) => jsx.JSX.Element | null;

package/dist/types-ts4.5/card/ui/imageRenderer/helpers.d.ts

@@ -0,0 +1,3 @@
+import { type ImageResizeMode } from '@atlaskit/media-client';
+export declare const calculateDimensions: (imgElement: HTMLImageElement, parentElement: HTMLElement, resizeMode: ImageResizeMode) => React.CSSProperties;
+export declare const calculateInitialDimensions: (resizeMode: ImageResizeMode) => React.CSSProperties;

package/dist/types-ts4.5/card/ui/imageRenderer/imageRenderer.d.ts

@@ -1,15 +1,3 @@
 import React from 'react';
-import { type MediaType, type ImageResizeMode } from '@atlaskit/media-client';
-import { type CardPreview } from '../../../types';
-export type ImageRendererProps = {
-    readonly cardPreview?: CardPreview;
-    readonly mediaType: MediaType;
-    readonly alt?: string;
-    readonly resizeMode?: ImageResizeMode;
-    readonly onDisplayImage?: () => void;
-    readonly onImageError?: (cardPreview: CardPreview) => void;
-    readonly onImageLoad?: (cardPreview: CardPreview) => void;
-    readonly nativeLazyLoad?: boolean;
-    readonly forceSyncDisplay?: boolean;
-};
-export declare const ImageRenderer: React.FC<ImageRendererProps>;
+import type { ImageRendererProps } from './types';
+export declare const ImageRenderer: ({ cardPreview, alt, resizeMode, onImageLoad, onImageError, onDisplayImage, mediaType, nativeLazyLoad, forceSyncDisplay, }: ImageRendererProps) => React.JSX.Element;

package/dist/types-ts4.5/card/ui/imageRenderer/imageRendererV2.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ImageRendererProps } from './types';
+export declare const ImageRenderer: ({ cardPreview, alt, resizeMode, onImageLoad, onImageError, onDisplayImage, mediaType, nativeLazyLoad, forceSyncDisplay, identifier, wrapperRef, useWhiteBackground, testId, }: ImageRendererProps) => JSX.Element | null;

package/dist/types-ts4.5/card/ui/imageRenderer/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ImageRendererProps } from './types';
+export declare const ImageRenderer: (props: ImageRendererProps) => React.JSX.Element;

package/dist/types-ts4.5/card/ui/imageRenderer/types.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { type MediaType, type ImageResizeMode, type Identifier } from '@atlaskit/media-client';
+import { type CardPreview } from '../../../types';
+export type ImageRendererProps = {
+    readonly cardPreview?: CardPreview;
+    readonly mediaType: MediaType;
+    readonly alt?: string;
+    readonly resizeMode?: ImageResizeMode;
+    readonly onDisplayImage?: () => void;
+    readonly onImageError?: (cardPreview: CardPreview) => void;
+    readonly onImageLoad?: (cardPreview: CardPreview) => void;
+    readonly nativeLazyLoad?: boolean;
+    readonly forceSyncDisplay?: boolean;
+    readonly wrapperRef: React.RefObject<HTMLDivElement>;
+    readonly identifier: Identifier;
+    readonly useWhiteBackground?: boolean;
+    readonly testId?: string;
+};

package/dist/types-ts4.5/card/ui/imageRenderer/wrapper.d.ts

@@ -0,0 +1,4 @@
+import { type ReactNode } from 'react';
+export declare const ImageRendererWrapper: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "79.0.12",
+	"version": "79.1.0",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -40,7 +40,7 @@
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/dropdown-menu": "^14.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
-		"@atlaskit/icon": "^25.3.0",
+		"@atlaskit/icon": "^25.6.0",
 		"@atlaskit/media-client": "^32.0.0",
 		"@atlaskit/media-client-react": "^4.0.0",
 		"@atlaskit/media-common": "^12.0.0",
@@ -49,11 +49,11 @@
 		"@atlaskit/media-ui": "^28.1.0",
 		"@atlaskit/media-viewer": "^52.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.2.0",
-		"@atlaskit/react-ufo": "^3.4.0",
+		"@atlaskit/primitives": "^14.4.0",
+		"@atlaskit/react-ufo": "^3.5.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.5.0",
+		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -123,6 +123,12 @@
 		},
 		"platform_media_compiled": {
 			"type": "boolean"
+		},
+		"platform_editor_ssr_media": {
+			"type": "boolean"
+		},
+		"platform_media_card_image_render": {
+			"type": "boolean"
 		}
 	},
 	"techstack": {