@atlaskit/media-card 75.0.0 → 76.0.0

package/dist/types/card/ui/styles.d.ts

@@ -9,3 +9,5 @@ export declare const getCursorStyle: (cursor: MediaCardCursor | undefined) => st
 export declare const getClickablePlayButtonStyles: (isPlayButtonClickable: boolean) => string;
 export declare const getSelectableTickBoxStyles: (isTickBoxSelectable: boolean) => string;
 export declare const cardImageContainerStyles: import("@emotion/react").SerializedStyles;
+export declare const transition: (propertyName?: string) => string;
+export declare const rgba: (hex: any, opacity: any) => string;

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

@@ -0,0 +1 @@
+export { Wrapper } from './wrapper';

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

@@ -0,0 +1,5 @@
+import { WrapperProps } from './types';
+export declare const wrapperStyles: {
+    ({ breakpoint, dimensions, appearance, disableOverlay, displayBackground, selected, isPlayButtonClickable, isTickBoxSelectable, shouldDisplayTooltip, mediaCardCursor, theme, }: WrapperProps): import("@emotion/react").SerializedStyles;
+    displayName: string;
+};

package/dist/{types-ts4.5/card/ui/newFileExperience → types/card/ui/wrapper}/types.d.ts

@@ -4,7 +4,7 @@ import { CardDimensions, CardAppearance } from '../../../types';
 import { Breakpoint } from '../common';
 import { MediaCardCursor } from '../../../types';
 import { GlobalThemeTokens } from '@atlaskit/theme/components';
-export interface NewFileExperienceWrapperProps {
+export interface WrapperProps {
     testId?: string;
     breakpoint: Breakpoint;
     mediaCardCursor?: MediaCardCursor;

package/dist/{types-ts4.5/card/cardImageView/cardViewWrapper.d.ts → types/card/ui/wrapper/wrapper.d.ts}

@@ -1,4 +1,4 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { WrapperProps } from '../types';
+import { WrapperProps } from './types';
 export declare const Wrapper: (props: WrapperProps) => jsx.JSX.Element;

package/dist/types/classnames.d.ts

@@ -2,4 +2,4 @@
  * Entry Point: @atlaskit/media-card/classnames
  * tsconfig.entry-points.json
  */
-export { fileCardImageViewSelector, fileCardImageViewSelectedSelector, } from './card/cardImageView/classnames';
+export { fileCardImageViewSelector } from './card/classnames';

package/dist/types/index.d.ts

@@ -10,6 +10,6 @@ export { MediaInlineCard } from './inline';
 export { CardLoading } from './utils/lightCards/cardLoading';
 export { CardError } from './utils/lightCards/cardError';
 export { defaultImageCardDimensions } from './utils/cardDimensions';
-export { fileCardImageViewSelector, fileCardImageViewSelectedSelector, } from './card/cardImageView/classnames';
-export { inlinePlayerClassName } from './card/styles/styles';
+export { fileCardImageViewSelector } from './card/classnames';
+export { inlinePlayerClassName } from './card/inlinePlayerWrapperStyles';
 export { newFileExperienceClassName } from './card/cardConstants';

package/dist/types/inline/loader.d.ts

@@ -17,7 +17,7 @@ export default class MediaInlineCardLoader extends React.PureComponent<MediaInli
     static displayName: string;
     static MediaInlineCard?: MediaInlineCardWithMediaClientConfigComponent;
     static ErrorBoundary?: ErrorBoundaryComponent;
-    isMounted: boolean;
+    mounted: boolean;
     state: MediaInlineCardLoaderState;
     componentDidMount(): Promise<void>;
     componentWillUnmount(): Promise<void>;

package/dist/types/inline/mediaInlineCardAnalytics.d.ts

@@ -0,0 +1,6 @@
+import { FileState } from '@atlaskit/media-client';
+import { RenderInlineCardFailedEventPayload, RenderInlineCardSucceededEventPayload } from '../utils/analytics';
+import { MediaCardError } from '../errors';
+export declare const getSucceededStatusPayload: (fileState?: FileState) => RenderInlineCardSucceededEventPayload;
+export declare const getErrorStatusPayload: (error: MediaCardError, fileState?: FileState) => RenderInlineCardFailedEventPayload;
+export declare const getFailedProcessingStatusPayload: (fileState?: FileState) => RenderInlineCardFailedEventPayload;

package/dist/types/utils/analytics.d.ts

@@ -58,6 +58,12 @@ export type AnalyticsErrorBoundaryAttributes = {
 };
 export type AnalyticsErrorBoundaryCardPayload = OperationalEventPayload<AnalyticsErrorBoundaryAttributes, 'failed', 'mediaCardRender'>;
 export type AnalyticsErrorBoundaryInlinePayload = OperationalEventPayload<AnalyticsErrorBoundaryAttributes, 'failed', 'mediaInlineRender'>;
+export type RenderInlineCardSucceededEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & SuccessAttributes, 'succeeded', 'mediaInlineRender'>;
+export type RenderInlineCardFailedEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & FailureAttributes & {
+    failReason: FailedErrorFailReason | 'failed-processing';
+    error?: MediaClientErrorReason | 'nativeError';
+    request?: RequestMetadata;
+}, 'failed', 'mediaInlineRender'>;
 export type RenderSucceededEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithSSRReliability & SuccessAttributes & WithTraceContext, 'succeeded', 'mediaCardRender'>;
 export type RenderCommencedEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithTraceContext, 'commenced', 'mediaCardRender'>;
 export type CacheHitEventPayload = OperationalEventPayload<WithCardPreviewCacheAttributes, 'cache-hit', 'mediaCardCache'>;
@@ -72,7 +78,7 @@ export type RenderScreenEventPayload = Omit<ScreenEventPayload<ScreenAttributes,
         fileAttributes: FileAttributes;
     };
 };
-export type MediaCardAnalyticsEventPayload = RenderCommencedEventPayload | RenderSucceededEventPayload | RenderFailedEventPayload | CopiedFileEventPayload | ClickedEventPayload | RenderScreenEventPayload | CacheHitEventPayload | RemoteSuccessEventPayload | ErrorEventPayload | AnalyticsErrorBoundaryCardPayload | AnalyticsErrorBoundaryInlinePayload;
+export type MediaCardAnalyticsEventPayload = RenderCommencedEventPayload | RenderSucceededEventPayload | RenderFailedEventPayload | CopiedFileEventPayload | ClickedEventPayload | RenderScreenEventPayload | CacheHitEventPayload | RemoteSuccessEventPayload | ErrorEventPayload | AnalyticsErrorBoundaryCardPayload | AnalyticsErrorBoundaryInlinePayload | RenderInlineCardFailedEventPayload | RenderInlineCardSucceededEventPayload;
 export declare const getFileAttributes: (metadata: FileDetails, fileStatus?: FileStatus) => FileAttributes;
 export declare const getRenderPreviewableCardPayload: (fileAttributes: FileAttributes) => RenderScreenEventPayload;
 export declare const getRenderCommencedEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, traceContext: MediaTraceContext) => RenderCommencedEventPayload;

package/dist/types/utils/cardDimensions.d.ts

@@ -1,8 +1,4 @@
 import { CardAppearance, CardDimensions } from '../types';
-export declare const defaultSmallCardDimensions: {
-    width: string;
-    height: number;
-};
 export declare const defaultImageCardDimensions: {
     width: number;
     height: number;
@@ -15,35 +11,4 @@ export declare const defaultSquareCardDimensions: {
     width: number;
     height: number;
 };
-export declare const minSmallCardDimensions: {
-    width: number;
-    height: number;
-};
-export declare const minImageCardDimensions: {
-    width: number;
-    height: number;
-};
-export declare const minSquareCardDimensions: {
-    width: number;
-    height: number;
-};
-export declare const minHorizontalCardDimensions: {
-    width: number;
-    height: number;
-};
-export declare const maxImageCardDimensions: {
-    width: number;
-    height: number;
-};
-export declare const maxHorizontalCardDimensions: {
-    width: number;
-    height: number;
-};
-export declare const maxSquareCardDimensions: {
-    width: number;
-    height: number;
-};
-export declare const getCardMaxHeight: (appearance?: CardAppearance) => number;
-export declare const getCardMinWidth: (appearance?: CardAppearance) => number;
-export declare const getCardMaxWidth: (appearance?: CardAppearance) => number;
 export declare const getDefaultCardDimensions: (appearance?: CardAppearance) => Required<CardDimensions>;

package/dist/types/utils/index.d.ts

@@ -1,13 +1,5 @@
-export { ErrorIcon } from './errorIcon';
-export type { ErrorIconProps } from './errorIcon';
-export { FileIcon } from './fileIcon';
-export type { FileIconProps } from './fileIcon';
-export { CardActionIconButton, CardActionsDropdownMenu, CardActionsView, default, } from './cardActions';
-export type { CardActionIconButtonProps, CardActionsDropdownMenuProps, CardActionsViewProps, } from './cardActions';
 export { isRetina } from './isRetina';
-export { defaultHorizontalCardDimensions, defaultImageCardDimensions, defaultSmallCardDimensions, defaultSquareCardDimensions, getCardMaxHeight, getCardMaxWidth, getCardMinWidth, getDefaultCardDimensions, maxHorizontalCardDimensions, maxImageCardDimensions, maxSquareCardDimensions, minHorizontalCardDimensions, minImageCardDimensions, minSmallCardDimensions, minSquareCardDimensions, } from './cardDimensions';
-export { breakpointSize, breakpointStyles, cardBreakpointSizes, } from './breakpoint';
-export type { BreakpointProps, BreakpointSizeValue, CardBreakpoint, } from './breakpoint';
+export { defaultHorizontalCardDimensions, defaultImageCardDimensions, defaultSquareCardDimensions, getDefaultCardDimensions, } from './cardDimensions';
 export { isValidPercentageUnit } from './isValidPercentageUnit';
 export { getElementDimension } from './getElementDimension';
 export type { ElementDimension } from './getElementDimension';

package/dist/types/utils/lightCards/lightCardWrappers.d.ts

@@ -2,4 +2,3 @@
 import { jsx } from '@emotion/react';
 import { WrapperProps } from './types';
 export declare const Wrapper: (props: WrapperProps) => jsx.JSX.Element;
-export declare const AnimatedWrapper: (props: WrapperProps) => jsx.JSX.Element;

package/dist/types/utils/lightCards/styles.d.ts

@@ -1,4 +1,2 @@
 import { WrapperProps } from './types';
-export declare const blinkLoadingAnimation: import("@emotion/serialize").Keyframes;
 export declare const wrapperStyles: ({ dimensions, theme }: WrapperProps) => import("@emotion/react").SerializedStyles;
-export declare const animatedWrapperStyles: (props: WrapperProps) => import("@emotion/react").SerializedStyles;

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

@@ -57,10 +57,8 @@ export declare class CardViewBase extends React.Component<CardViewProps, CardVie
     componentDidUpdate({ cardPreview: prevCardPreview }: CardViewProps): void;
     private onImageLoad;
     private onImageError;
-    private get width();
     private get breakpoint();
-    saveElementWidth: () => void;
-    render(): jsx.JSX.Element;
+    private saveElementWidth;
     private renderSpinner;
     private shouldRenderPlayButton;
     private renderPlayButton;
@@ -72,9 +70,8 @@ export declare class CardViewBase extends React.Component<CardViewProps, CardVie
     private renderTickBox;
     private renderMediaTypeIcon;
     private renderActionsBar;
-    private renderFileNewExperience;
-    private renderFile;
+    render(): jsx.JSX.Element;
     private getRenderConfigByStatus;
-    private renderNewExperienceCard;
+    private renderContents;
 }
 export declare const CardView: React.ForwardRefExoticComponent<Pick<Omit<CardViewProps, keyof WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<CardViewProps, keyof WithAnalyticsEventsProps>, keyof CardViewOwnProps>> & Partial<Pick<Partial<CardViewOwnProps>, never>> & React.RefAttributes<any>>;

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

@@ -1,5 +1,4 @@
 import { FileStatus } from '@atlaskit/media-client';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { CardStatus, FilePreviewStatus } from '../types';
 export declare const isFinalCardStatus: (status: CardStatus) => boolean;
-export declare const getCardStatus: (fileStatus: FileStatus, filePreviewStatus: FilePreviewStatus, featureFlags?: MediaFeatureFlags) => CardStatus;
+export declare const getCardStatus: (fileStatus: FileStatus, { isPreviewable, hasPreview }: FilePreviewStatus) => CardStatus;

package/dist/{types/card/styles/styles.d.ts → types-ts4.5/card/inlinePlayerWrapperStyles.d.ts}

@@ -1,9 +1,5 @@
-import { InlinePlayerWrapperProps, WrapperProps } from '../types';
+import { InlinePlayerWrapperProps } from './types';
 export declare const inlinePlayerClassName = "media-card-inline-player";
-export declare const wrapperStyles: {
-    ({ dimensions, breakpointSize, shouldUsePointerCursor, }: WrapperProps): import("@emotion/react").SerializedStyles;
-    displayName: string;
-};
 export declare const inlinePlayerWrapperStyles: {
     ({ dimensions, selected, }: InlinePlayerWrapperProps): import("@emotion/react").SerializedStyles;
     displayName: string;

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

@@ -1,17 +1,6 @@
-import React, { MouseEvent, ReactElement, RefObject } from 'react';
+import React, { ReactElement, RefObject } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { CardDimensions } from '../types';
-import { BreakpointSizeValue } from '../utils/breakpoint';
-export interface WrapperProps {
-    testId?: string;
-    shouldUsePointerCursor?: boolean;
-    dimensions?: CardDimensions;
-    breakpointSize?: BreakpointSizeValue;
-    onClick?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-    onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
-    innerRef?: RefObject<HTMLDivElement>;
-    children?: JSX.Element;
-}
 export type InlinePlayerWrapperProps = {
     testId?: string;
     dimensions?: CardDimensions;

package/dist/{types/utils → types-ts4.5/card/ui/actionsBar}/cardActions/cardActionsDropdownMenu.d.ts

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import { CardAction } from '../../card/actions';
+import { CardAction } from '../../../actions';
 import { CardActionIconButtonVariant } from './styles';
 export type CardActionsDropdownMenuProps = {
     readonly actions: CardAction[];

package/dist/{types/utils → types-ts4.5/card/ui/actionsBar}/cardActions/cardActionsView.d.ts

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import { CardAction } from '../../card/actions';
+import { CardAction } from '../../../actions';
 import { CardActionIconButtonVariant } from './styles';
 export interface CardActionsViewProps {
     readonly actions: CardAction[];

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

@@ -9,3 +9,5 @@ export declare const getCursorStyle: (cursor: MediaCardCursor | undefined) => st
 export declare const getClickablePlayButtonStyles: (isPlayButtonClickable: boolean) => string;
 export declare const getSelectableTickBoxStyles: (isTickBoxSelectable: boolean) => string;
 export declare const cardImageContainerStyles: import("@emotion/react").SerializedStyles;
+export declare const transition: (propertyName?: string) => string;
+export declare const rgba: (hex: any, opacity: any) => string;

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

@@ -0,0 +1 @@
+export { Wrapper } from './wrapper';

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

@@ -0,0 +1,5 @@
+import { WrapperProps } from './types';
+export declare const wrapperStyles: {
+    ({ breakpoint, dimensions, appearance, disableOverlay, displayBackground, selected, isPlayButtonClickable, isTickBoxSelectable, shouldDisplayTooltip, mediaCardCursor, theme, }: WrapperProps): import("@emotion/react").SerializedStyles;
+    displayName: string;
+};

package/dist/{types/card/ui/newFileExperience → types-ts4.5/card/ui/wrapper}/types.d.ts

@@ -4,7 +4,7 @@ import { CardDimensions, CardAppearance } from '../../../types';
 import { Breakpoint } from '../common';
 import { MediaCardCursor } from '../../../types';
 import { GlobalThemeTokens } from '@atlaskit/theme/components';
-export interface NewFileExperienceWrapperProps {
+export interface WrapperProps {
     testId?: string;
     breakpoint: Breakpoint;
     mediaCardCursor?: MediaCardCursor;

package/dist/{types/card/cardImageView/cardViewWrapper.d.ts → types-ts4.5/card/ui/wrapper/wrapper.d.ts}

@@ -1,4 +1,4 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { WrapperProps } from '../types';
+import { WrapperProps } from './types';
 export declare const Wrapper: (props: WrapperProps) => jsx.JSX.Element;

package/dist/types-ts4.5/classnames.d.ts

@@ -2,4 +2,4 @@
  * Entry Point: @atlaskit/media-card/classnames
  * tsconfig.entry-points.json
  */
-export { fileCardImageViewSelector, fileCardImageViewSelectedSelector, } from './card/cardImageView/classnames';
+export { fileCardImageViewSelector } from './card/classnames';

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

@@ -10,6 +10,6 @@ export { MediaInlineCard } from './inline';
 export { CardLoading } from './utils/lightCards/cardLoading';
 export { CardError } from './utils/lightCards/cardError';
 export { defaultImageCardDimensions } from './utils/cardDimensions';
-export { fileCardImageViewSelector, fileCardImageViewSelectedSelector, } from './card/cardImageView/classnames';
-export { inlinePlayerClassName } from './card/styles/styles';
+export { fileCardImageViewSelector } from './card/classnames';
+export { inlinePlayerClassName } from './card/inlinePlayerWrapperStyles';
 export { newFileExperienceClassName } from './card/cardConstants';

package/dist/types-ts4.5/inline/loader.d.ts

@@ -17,7 +17,7 @@ export default class MediaInlineCardLoader extends React.PureComponent<MediaInli
     static displayName: string;
     static MediaInlineCard?: MediaInlineCardWithMediaClientConfigComponent;
     static ErrorBoundary?: ErrorBoundaryComponent;
-    isMounted: boolean;
+    mounted: boolean;
     state: MediaInlineCardLoaderState;
     componentDidMount(): Promise<void>;
     componentWillUnmount(): Promise<void>;

package/dist/types-ts4.5/inline/mediaInlineCardAnalytics.d.ts

@@ -0,0 +1,6 @@
+import { FileState } from '@atlaskit/media-client';
+import { RenderInlineCardFailedEventPayload, RenderInlineCardSucceededEventPayload } from '../utils/analytics';
+import { MediaCardError } from '../errors';
+export declare const getSucceededStatusPayload: (fileState?: FileState) => RenderInlineCardSucceededEventPayload;
+export declare const getErrorStatusPayload: (error: MediaCardError, fileState?: FileState) => RenderInlineCardFailedEventPayload;
+export declare const getFailedProcessingStatusPayload: (fileState?: FileState) => RenderInlineCardFailedEventPayload;

package/dist/types-ts4.5/utils/analytics.d.ts

@@ -58,6 +58,12 @@ export type AnalyticsErrorBoundaryAttributes = {
 };
 export type AnalyticsErrorBoundaryCardPayload = OperationalEventPayload<AnalyticsErrorBoundaryAttributes, 'failed', 'mediaCardRender'>;
 export type AnalyticsErrorBoundaryInlinePayload = OperationalEventPayload<AnalyticsErrorBoundaryAttributes, 'failed', 'mediaInlineRender'>;
+export type RenderInlineCardSucceededEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & SuccessAttributes, 'succeeded', 'mediaInlineRender'>;
+export type RenderInlineCardFailedEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & FailureAttributes & {
+    failReason: FailedErrorFailReason | 'failed-processing';
+    error?: MediaClientErrorReason | 'nativeError';
+    request?: RequestMetadata;
+}, 'failed', 'mediaInlineRender'>;
 export type RenderSucceededEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithSSRReliability & SuccessAttributes & WithTraceContext, 'succeeded', 'mediaCardRender'>;
 export type RenderCommencedEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithTraceContext, 'commenced', 'mediaCardRender'>;
 export type CacheHitEventPayload = OperationalEventPayload<WithCardPreviewCacheAttributes, 'cache-hit', 'mediaCardCache'>;
@@ -72,7 +78,7 @@ export type RenderScreenEventPayload = Omit<ScreenEventPayload<ScreenAttributes,
         fileAttributes: FileAttributes;
     };
 };
-export type MediaCardAnalyticsEventPayload = RenderCommencedEventPayload | RenderSucceededEventPayload | RenderFailedEventPayload | CopiedFileEventPayload | ClickedEventPayload | RenderScreenEventPayload | CacheHitEventPayload | RemoteSuccessEventPayload | ErrorEventPayload | AnalyticsErrorBoundaryCardPayload | AnalyticsErrorBoundaryInlinePayload;
+export type MediaCardAnalyticsEventPayload = RenderCommencedEventPayload | RenderSucceededEventPayload | RenderFailedEventPayload | CopiedFileEventPayload | ClickedEventPayload | RenderScreenEventPayload | CacheHitEventPayload | RemoteSuccessEventPayload | ErrorEventPayload | AnalyticsErrorBoundaryCardPayload | AnalyticsErrorBoundaryInlinePayload | RenderInlineCardFailedEventPayload | RenderInlineCardSucceededEventPayload;
 export declare const getFileAttributes: (metadata: FileDetails, fileStatus?: FileStatus) => FileAttributes;
 export declare const getRenderPreviewableCardPayload: (fileAttributes: FileAttributes) => RenderScreenEventPayload;
 export declare const getRenderCommencedEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, traceContext: MediaTraceContext) => RenderCommencedEventPayload;

package/dist/types-ts4.5/utils/cardDimensions.d.ts

@@ -1,8 +1,4 @@
 import { CardAppearance, CardDimensions } from '../types';
-export declare const defaultSmallCardDimensions: {
-    width: string;
-    height: number;
-};
 export declare const defaultImageCardDimensions: {
     width: number;
     height: number;
@@ -15,35 +11,4 @@ export declare const defaultSquareCardDimensions: {
     width: number;
     height: number;
 };
-export declare const minSmallCardDimensions: {
-    width: number;
-    height: number;
-};
-export declare const minImageCardDimensions: {
-    width: number;
-    height: number;
-};
-export declare const minSquareCardDimensions: {
-    width: number;
-    height: number;
-};
-export declare const minHorizontalCardDimensions: {
-    width: number;
-    height: number;
-};
-export declare const maxImageCardDimensions: {
-    width: number;
-    height: number;
-};
-export declare const maxHorizontalCardDimensions: {
-    width: number;
-    height: number;
-};
-export declare const maxSquareCardDimensions: {
-    width: number;
-    height: number;
-};
-export declare const getCardMaxHeight: (appearance?: CardAppearance) => number;
-export declare const getCardMinWidth: (appearance?: CardAppearance) => number;
-export declare const getCardMaxWidth: (appearance?: CardAppearance) => number;
 export declare const getDefaultCardDimensions: (appearance?: CardAppearance) => Required<CardDimensions>;

package/dist/types-ts4.5/utils/index.d.ts

@@ -1,13 +1,5 @@
-export { ErrorIcon } from './errorIcon';
-export type { ErrorIconProps } from './errorIcon';
-export { FileIcon } from './fileIcon';
-export type { FileIconProps } from './fileIcon';
-export { CardActionIconButton, CardActionsDropdownMenu, CardActionsView, default, } from './cardActions';
-export type { CardActionIconButtonProps, CardActionsDropdownMenuProps, CardActionsViewProps, } from './cardActions';
 export { isRetina } from './isRetina';
-export { defaultHorizontalCardDimensions, defaultImageCardDimensions, defaultSmallCardDimensions, defaultSquareCardDimensions, getCardMaxHeight, getCardMaxWidth, getCardMinWidth, getDefaultCardDimensions, maxHorizontalCardDimensions, maxImageCardDimensions, maxSquareCardDimensions, minHorizontalCardDimensions, minImageCardDimensions, minSmallCardDimensions, minSquareCardDimensions, } from './cardDimensions';
-export { breakpointSize, breakpointStyles, cardBreakpointSizes, } from './breakpoint';
-export type { BreakpointProps, BreakpointSizeValue, CardBreakpoint, } from './breakpoint';
+export { defaultHorizontalCardDimensions, defaultImageCardDimensions, defaultSquareCardDimensions, getDefaultCardDimensions, } from './cardDimensions';
 export { isValidPercentageUnit } from './isValidPercentageUnit';
 export { getElementDimension } from './getElementDimension';
 export type { ElementDimension } from './getElementDimension';

package/dist/types-ts4.5/utils/lightCards/lightCardWrappers.d.ts

@@ -2,4 +2,3 @@
 import { jsx } from '@emotion/react';
 import { WrapperProps } from './types';
 export declare const Wrapper: (props: WrapperProps) => jsx.JSX.Element;
-export declare const AnimatedWrapper: (props: WrapperProps) => jsx.JSX.Element;

package/dist/types-ts4.5/utils/lightCards/styles.d.ts

@@ -1,4 +1,2 @@
 import { WrapperProps } from './types';
-export declare const blinkLoadingAnimation: import("@emotion/serialize").Keyframes;
 export declare const wrapperStyles: ({ dimensions, theme }: WrapperProps) => import("@emotion/react").SerializedStyles;
-export declare const animatedWrapperStyles: (props: WrapperProps) => import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "75.0.0",
+  "version": "76.0.0",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -37,11 +37,11 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/dropdown-menu": "^11.8.0",
+    "@atlaskit/dropdown-menu": "^11.9.0",
     "@atlaskit/editor-shared-styles": "^2.4.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/media-client": "^22.0.0",
-    "@atlaskit/media-common": "^4.1.0",
+    "@atlaskit/media-common": "^5.0.0",
     "@atlaskit/media-ui": "^23.0.0",
     "@atlaskit/media-viewer": "^48.0.0",
     "@atlaskit/spinner": "^15.5.0",
@@ -71,10 +71,10 @@
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/media-picker": "^65.1.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
-    "@atlaskit/radio": "^5.5.0",
+    "@atlaskit/radio": "^5.6.0",
     "@atlaskit/range": "^7.1.0",
     "@atlaskit/section-message": "^6.4.0",
-    "@atlaskit/select": "^16.2.0",
+    "@atlaskit/select": "^16.3.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/toggle": "^12.6.0",
     "@atlaskit/visual-regression": "*",

package/report.api.md

@@ -222,10 +222,6 @@ interface ErrorCardProps extends StaticCardProps {
   readonly size: 'large' | 'medium' | 'small' | 'xlarge';
 }
 
-// @public (undocumented)
-export const fileCardImageViewSelectedSelector =
-  'media-file-card-view-selected';
-
 // @public (undocumented)
 export const fileCardImageViewSelector = 'media-file-card-view';
 
@@ -301,10 +297,10 @@ export class MediaInlineCard extends React_2.PureComponent<
   // (undocumented)
   static ErrorBoundary?: ErrorBoundaryComponent;
   // (undocumented)
-  isMounted: boolean;
-  // (undocumented)
   static MediaInlineCard?: MediaInlineCardWithMediaClientConfigComponent;
   // (undocumented)
+  mounted: boolean;
+  // (undocumented)
   render(): JSX.Element;
   // (undocumented)
   state: MediaInlineCardLoaderState;

package/dist/cjs/card/cardImageView/cardImageViewWrapper.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ProgressBarWrapper = exports.PlayIconWrapper = exports.CardImageViewWrapper = void 0;
-var _react = require("@emotion/react");
-var _components = require("@atlaskit/theme/components");
-var _classnames = require("./classnames");
-var _styles = require("./styles");
-/**@jsx jsx */
-
-var CardImageViewWrapper = function CardImageViewWrapper(props) {
-  var disableOverlay = props.disableOverlay,
-    selectable = props.selectable,
-    selected = props.selected,
-    mediaType = props.mediaType,
-    mediaName = props.mediaName,
-    status = props.status,
-    progress = props.progress;
-  var theme = (0, _components.useGlobalTheme)();
-  return (0, _react.jsx)("div", {
-    id: "cardImageViewWrapper",
-    "data-testid": "media-file-card-view",
-    "data-test-media-name": mediaName,
-    "data-test-status": status,
-    "data-test-progress": progress,
-    "data-test-selected": selected ? true : undefined,
-    css: (0, _styles.wrapperStyles)({
-      theme: theme,
-      disableOverlay: disableOverlay,
-      selectable: selectable,
-      selected: selected,
-      mediaType: mediaType
-    }),
-    className: "".concat(_classnames.fileCardImageViewSelector, " ").concat(selected ? _classnames.fileCardImageViewSelectedSelector : '')
-  }, props.children);
-};
-exports.CardImageViewWrapper = CardImageViewWrapper;
-var PlayIconWrapper = function PlayIconWrapper(props) {
-  return (0, _react.jsx)("div", {
-    css: _styles.playIconWrapperStyles
-  }, props.children);
-};
-exports.PlayIconWrapper = PlayIconWrapper;
-var ProgressBarWrapper = function ProgressBarWrapper(props) {
-  return (0, _react.jsx)("div", {
-    css: _styles.progressBarWrapperStyles
-  }, props.children);
-};
-exports.ProgressBarWrapper = ProgressBarWrapper;

package/dist/cjs/card/cardImageView/cardOverlay/cardOverlayComponents.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TitleWrapper = exports.Overlay = exports.Metadata = exports.ErrorMessage = exports.AltWrapper = void 0;
-var _react = require("@emotion/react");
-var _components = require("@atlaskit/theme/components");
-var _styles = require("./styles");
-/**@jsx jsx */
-
-var Overlay = function Overlay(props) {
-  var hasError = props.hasError,
-    noHover = props.noHover,
-    className = props.className;
-  return (0, _react.jsx)("div", {
-    css: (0, _styles.overlayStyles)({
-      hasError: hasError,
-      noHover: noHover
-    }),
-    className: className
-  }, props.children);
-};
-exports.Overlay = Overlay;
-var ErrorMessage = function ErrorMessage(props) {
-  return (0, _react.jsx)("div", {
-    css: _styles.errorMessageStyles
-  }, props.children);
-};
-exports.ErrorMessage = ErrorMessage;
-var AltWrapper = function AltWrapper(props) {
-  return (0, _react.jsx)("div", {
-    css: _styles.altWrapperStyles
-  }, props.children);
-};
-exports.AltWrapper = AltWrapper;
-var TitleWrapper = function TitleWrapper(props) {
-  var theme = (0, _components.useGlobalTheme)();
-  return (0, _react.jsx)("div", {
-    css: (0, _styles.titleWrapperStyles)(theme),
-    className: 'title'
-  }, props.children);
-};
-exports.TitleWrapper = TitleWrapper;
-var Metadata = function Metadata(props) {
-  return (0, _react.jsx)("div", {
-    css: _styles.metadataStyles,
-    className: props.className
-  }, props.children);
-};
-exports.Metadata = Metadata;