@atlaskit/media-card 74.1.6 → 74.1.8

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

@@ -0,0 +1,23 @@
+import React, { MouseEvent, RefObject } from 'react';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { CardDimensions, CardAppearance } from '../../../types';
+import { Breakpoint } from '../common';
+import { MediaCardCursor } from '../../../types';
+export interface NewFileExperienceWrapperProps {
+    testId?: string;
+    breakpoint: Breakpoint;
+    mediaCardCursor?: MediaCardCursor;
+    dimensions?: CardDimensions;
+    appearance?: CardAppearance;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+    onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
+    mediaType?: string;
+    disableOverlay: boolean;
+    displayBackground: boolean;
+    selected: boolean;
+    isPlayButtonClickable: boolean;
+    isTickBoxSelectable: boolean;
+    shouldDisplayTooltip: boolean;
+    innerRef?: RefObject<HTMLDivElement>;
+    children?: JSX.Element;
+}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PlayButton: () => JSX.Element;

package/dist/types/card/ui/playButton/playButtonBackground.d.ts

@@ -0,0 +1,3 @@
+/**@jsx jsx */
+import { jsx } from '@emotion/react';
+export declare const PlayButtonBackground: () => jsx.JSX.Element;

package/dist/types/card/ui/playButton/playButtonWrapper.d.ts

@@ -0,0 +1,3 @@
+/**@jsx jsx */
+import { jsx } from '@emotion/react';
+export declare const PlayButtonWrapper: (props: any) => jsx.JSX.Element;

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

@@ -0,0 +1,5 @@
+export declare const playButtonClassName = "media-card-play-button";
+export declare const bkgClassName = "play-icon-background";
+export declare const fixedPlayButtonStyles: string;
+export declare const playButtonWrapperStyles: import("@emotion/react").SerializedStyles;
+export declare const backgroundStyles: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Breakpoint } from '../common';
+export declare type ProgressBarProps = {
+    progress?: number;
+    breakpoint?: Breakpoint;
+    positionBottom?: boolean;
+    showOnTop?: boolean;
+};
+export declare const getNormalizedProgress: (progress?: number | undefined) => number;
+export declare const ProgressBar: ({ progress, breakpoint, positionBottom, showOnTop, }: ProgressBarProps) => JSX.Element;

package/dist/types/card/ui/progressBar/styledBar.d.ts

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

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

@@ -0,0 +1,7 @@
+import { Breakpoint } from '../common';
+import { StyledBarProps } from './types';
+export declare function generateResponsiveStyles(breakpoint: Breakpoint, positionBottom: boolean, showOnTop: boolean, multiplier?: number): string;
+export declare const styledBarStyles: {
+    (props: StyledBarProps): import("@emotion/react").SerializedStyles;
+    displayName: string;
+};

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

@@ -0,0 +1,7 @@
+import { Breakpoint } from '../common';
+export declare type StyledBarProps = {
+    progress?: number;
+    breakpoint: Breakpoint;
+    positionBottom: boolean;
+    showOnTop: boolean;
+};

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

@@ -0,0 +1,11 @@
+import { CardDimensions, CardAppearance } from '../../types';
+import { Breakpoint } from './common';
+import { MediaCardCursor } from '../../types';
+export declare const calcBreakpointSize: (wrapperWidth?: number) => Breakpoint;
+export declare const generateResponsiveStyles: (breakpoint?: Breakpoint) => string;
+export declare const getWrapperDimensions: (dimensions?: CardDimensions | undefined, appearance?: CardAppearance | undefined) => string;
+export declare const getWrapperShadow: (disableOverlay: boolean, selected: boolean) => string;
+export declare const getCursorStyle: (cursor: MediaCardCursor | undefined) => string;
+export declare const getClickablePlayButtonStyles: (isPlayButtonClickable: boolean) => string;
+export declare const getSelectableTickBoxStyles: (isTickBoxSelectable: boolean) => string;
+export declare const cardImageContainerStyles: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,7 @@
+export declare const tickBoxClassName = "media-card-tickbox";
+export declare const tickboxFixedStyles: string;
+export declare const getSelectedStyles: (selected?: boolean | undefined) => string;
+export declare const wrapperStyles: {
+    (selected?: boolean | undefined): import("@emotion/react").SerializedStyles;
+    displayName: string;
+};

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TickBoxProps } from './types';
+export declare const TickBox: ({ selected }: TickBoxProps) => JSX.Element;

package/dist/types/card/ui/tickBox/tickBoxWrapper.d.ts

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

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

@@ -0,0 +1,4 @@
+export declare type TickBoxProps = {
+    selected?: boolean;
+    children?: any;
+};

package/dist/types/card/ui/titleBox/failedTitleBox.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { FailedTitleBoxProps } from './types';
+export declare const FailedTitleBox: React.FC<FailedTitleBoxProps>;

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

@@ -0,0 +1,15 @@
+import { TitleBoxFooterProps, TitleBoxHeaderProps, TitleBoxWrapperProps } from './types';
+export declare const titleBoxWrapperStyles: {
+    ({ breakpoint, titleBoxBgColor, }: TitleBoxWrapperProps): import("@emotion/react").SerializedStyles;
+    displayName: string;
+};
+export declare const titleBoxHeaderStyles: {
+    ({ hasIconOverlap, }: TitleBoxHeaderProps): import("@emotion/react").SerializedStyles;
+    displayName: string;
+};
+export declare const titleBoxFooterStyles: {
+    ({ hasIconOverlap, }: TitleBoxFooterProps): import("@emotion/react").SerializedStyles;
+    displayName: string;
+};
+export declare const titleBoxIconStyles: import("@emotion/react").SerializedStyles;
+export declare const errorMessageWrapperStyles: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormattedDateProps, TitleBoxProps } from './types';
+export declare const FormattedDate: React.ComponentType<FormattedDateProps>;
+export declare const TitleBox: ({ name, createdAt, breakpoint, titleBoxBgColor, titleBoxIcon, }: TitleBoxProps) => JSX.Element;

package/dist/types/card/ui/titleBox/titleBoxComponents.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { TitleBoxFooterProps, TitleBoxHeaderProps, TitleBoxWrapperProps } from './types';
+export declare const TitleBoxWrapper: (props: TitleBoxWrapperProps) => jsx.JSX.Element;
+export declare const TitleBoxHeader: (props: TitleBoxHeaderProps) => jsx.JSX.Element;
+export declare const TitleBoxFooter: (props: TitleBoxFooterProps) => jsx.JSX.Element;
+export declare const TitleBoxIcon: (props: any) => jsx.JSX.Element;
+export declare const ErrorMessageWrapper: (props: any) => jsx.JSX.Element;

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

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { MessageDescriptor } from 'react-intl-next';
+import { Breakpoint } from '../common';
+import { TitleBoxIcon as TitleBoxIconType } from '../../../types';
+export declare type TitleBoxProps = {
+    name: string;
+    breakpoint: Breakpoint;
+    createdAt?: number;
+    titleBoxBgColor?: string;
+    titleBoxIcon?: TitleBoxIconType;
+};
+export declare type FormattedDateProps = {
+    timestamp: number;
+};
+export declare type TitleBoxWrapperProps = {
+    breakpoint: Breakpoint;
+    titleBoxBgColor?: string;
+    children?: JSX.Element | JSX.Element[] | any;
+};
+export declare type TitleBoxFooterProps = {
+    hasIconOverlap: boolean;
+    children?: JSX.Element;
+};
+export declare type TitleBoxHeaderProps = {
+    hasIconOverlap: boolean;
+    children?: JSX.Element;
+};
+export declare type OnRetryFunction = () => void;
+export declare type FailedTitleBoxProps = {
+    breakpoint: Breakpoint;
+    customMessage?: MessageDescriptor;
+};

package/dist/types/classnames.d.ts

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

package/dist/types/errors.d.ts

@@ -1,4 +1,4 @@
-import { CardPreview } from '.';
+import { CardPreview } from './types';
 /**
  * Primary reason is logged through Data Portal.
  * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event

package/dist/types/in-product.d.ts

@@ -1 +1,5 @@
+/**
+ * Entry Point: @atlaskit/media-card/in-product
+ * tsconfig.entry-points.json
+ */
 export { MediaCardPageObject } from './__tests_external__';

package/dist/types/index.d.ts

@@ -1,77 +1,15 @@
-import { MouseEvent } from 'react';
-import { FileDetails, MediaClient, Identifier, ImageResizeMode, FileState } from '@atlaskit/media-client';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { MediaFeatureFlags, NumericalCardDimensions, SSR } from '@atlaskit/media-common';
-import { CardAction } from './actions';
-import { MediaViewerDataSource } from '@atlaskit/media-viewer';
-import { CardPreview, CardStatus, CardAppearance } from './types';
-import { MediaCardError } from './errors';
-import { CardDimensions } from './utils';
-export type { CardDimensions } from './utils';
+/**
+ * Entry Point: @atlaskit/media-card
+ * tsconfig.entry-points.json
+ */
 export type { NumericalCardDimensions } from '@atlaskit/media-common';
-export { Card, MediaInlineCard } from './root';
-export type { CardAction, CardEventHandler } from './actions';
-export type { CardStatus, CardAppearance, CardDimensionValue, CardPreview, } from './types';
-export declare type TitleBoxIcon = 'LockFilledIcon';
-export interface CardEvent {
-    event: MouseEvent<HTMLElement>;
-    mediaItemDetails?: FileDetails;
-}
-export interface SharedCardProps {
-    readonly disableOverlay?: boolean;
-    readonly resizeMode?: ImageResizeMode;
-    readonly featureFlags?: MediaFeatureFlags;
-    readonly appearance?: CardAppearance;
-    readonly dimensions?: CardDimensions;
-    readonly originalDimensions?: NumericalCardDimensions;
-    readonly actions?: Array<CardAction>;
-    readonly selectable?: boolean;
-    readonly selected?: boolean;
-    readonly alt?: string;
-    readonly testId?: string;
-    readonly titleBoxBgColor?: string;
-    readonly titleBoxIcon?: TitleBoxIcon;
-}
-export interface CardOnClickCallback {
-    (result: CardEvent, analyticsEvent?: UIAnalyticsEvent): void;
-}
-export interface CardEventProps {
-    readonly onClick?: CardOnClickCallback;
-    readonly onMouseEnter?: (result: CardEvent) => void;
-    /** Callback function to be called when video enters and exit fullscreen.
-     * `fullscreen = true` indicates video enters fullscreen
-     * `fullscreen = false` indicates video exits fullscreen
-     */
-    readonly onFullscreenChange?: (fullscreen: boolean) => void;
-}
-export interface CardProps extends SharedCardProps, CardEventProps {
-    readonly mediaClient: MediaClient;
-    readonly identifier: Identifier;
-    readonly isLazy?: boolean;
-    readonly useInlinePlayer?: boolean;
-    readonly shouldOpenMediaViewer?: boolean;
-    readonly mediaViewerDataSource?: MediaViewerDataSource;
-    readonly contextId?: string;
-    readonly shouldEnableDownloadButton?: boolean;
-    readonly ssr?: SSR;
-}
-export interface CardState {
-    status: CardStatus;
-    isCardVisible: boolean;
-    shouldAutoplay?: boolean;
-    isPlayingFile: boolean;
-    mediaViewerSelectedItem?: Identifier;
-    fileState?: FileState;
-    progress?: number;
-    cardPreview?: CardPreview;
-    error?: MediaCardError;
-    cardRef: HTMLDivElement | null;
-    isBannedLocalPreview: boolean;
-    previewDidRender: boolean;
-}
+export type { CardAction, CardEventHandler } from './card/actions';
+export type { CardStatus, CardAppearance, CardDimensionValue, CardPreview, TitleBoxIcon, CardEvent, SharedCardProps, CardOnClickCallback, CardProps, CardState, CardDimensions, } from './types';
+export { Card } from './card';
+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 './files/cardImageView/classnames';
-export { inlinePlayerClassName } from './root/styles';
-export { newFileExperienceClassName } from './root/card/cardConstants';
+export { fileCardImageViewSelector, fileCardImageViewSelectedSelector, } from './card/cardImageView/classnames';
+export { inlinePlayerClassName } from './card/styles/styles';
+export { newFileExperienceClassName } from './card/cardConstants';

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

@@ -0,0 +1 @@
+export { default as MediaInlineCard } from './loader';

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { WithMediaClientConfigProps } from '@atlaskit/media-client';
+import { MediaInlineCardProps } from './mediaInlineCard';
+export declare type MediaInlineCardWithMediaClientConfigProps = WithMediaClientConfigProps<MediaInlineCardProps>;
+declare type MediaInlineCardWithMediaClientConfigComponent = React.ComponentType<MediaInlineCardWithMediaClientConfigProps>;
+declare type ErrorBoundaryComponent = React.ComponentType<{
+    data?: {
+        [k: string]: any;
+    };
+}>;
+export interface MediaInlineCardLoaderState {
+    MediaInlineCard?: MediaInlineCardWithMediaClientConfigComponent;
+    ErrorBoundary?: ErrorBoundaryComponent;
+}
+export default class MediaInlineCardLoader extends React.PureComponent<MediaInlineCardWithMediaClientConfigProps & MediaInlineCardLoaderState, MediaInlineCardLoaderState> {
+    static displayName: string;
+    static MediaInlineCard?: MediaInlineCardWithMediaClientConfigComponent;
+    static ErrorBoundary?: ErrorBoundaryComponent;
+    isMounted: boolean;
+    state: MediaInlineCardLoaderState;
+    componentDidMount(): Promise<void>;
+    componentWillUnmount(): Promise<void>;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,14 @@
+import React, { FC } from 'react';
+import { FileIdentifier, MediaClient } from '@atlaskit/media-client';
+import { WrappedComponentProps } from 'react-intl-next';
+import { MediaViewerDataSource } from '@atlaskit/media-viewer';
+export interface MediaInlineCardProps {
+    identifier: FileIdentifier;
+    mediaClient: MediaClient;
+    shouldOpenMediaViewer?: boolean;
+    isSelected?: boolean;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    mediaViewerDataSource?: MediaViewerDataSource;
+}
+export declare const MediaInlineCardInternal: FC<MediaInlineCardProps & WrappedComponentProps>;
+export declare const MediaInlineCard: React.FC<MediaInlineCardProps>;

package/dist/types/types.d.ts

@@ -1,4 +1,14 @@
-import { CardDimensions } from './utils';
+/**
+ * Entry Point: @atlaskit/media-card/types
+ * tsconfig.entry-points.json
+ */
+import { MouseEvent } from 'react';
+import { FileDetails, MediaClient, Identifier, ImageResizeMode, FileState } from '@atlaskit/media-client';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { MediaFeatureFlags, NumericalCardDimensions, SSR } from '@atlaskit/media-common';
+import { CardAction } from './card/actions';
+import { MediaViewerDataSource } from '@atlaskit/media-viewer';
+import { MediaCardError } from './errors';
 export declare type CardStatus = 'uploading' | 'loading' | 'processing' | 'loading-preview' | 'complete' | 'error' | 'failed-processing';
 export declare type FilePreviewStatus = {
     hasFilesize: boolean;
@@ -23,3 +33,64 @@ export declare enum MediaCardCursor {
     Action = "pointer",
     NotReady = "wait"
 }
+export interface CardDimensions {
+    width?: CardDimensionValue;
+    height?: CardDimensionValue;
+}
+export declare type TitleBoxIcon = 'LockFilledIcon';
+export interface CardEvent {
+    event: MouseEvent<HTMLElement>;
+    mediaItemDetails?: FileDetails;
+}
+export interface SharedCardProps {
+    readonly disableOverlay?: boolean;
+    readonly resizeMode?: ImageResizeMode;
+    readonly featureFlags?: MediaFeatureFlags;
+    readonly appearance?: CardAppearance;
+    readonly dimensions?: CardDimensions;
+    readonly originalDimensions?: NumericalCardDimensions;
+    readonly actions?: Array<CardAction>;
+    readonly selectable?: boolean;
+    readonly selected?: boolean;
+    readonly alt?: string;
+    readonly testId?: string;
+    readonly titleBoxBgColor?: string;
+    readonly titleBoxIcon?: TitleBoxIcon;
+}
+export interface CardOnClickCallback {
+    (result: CardEvent, analyticsEvent?: UIAnalyticsEvent): void;
+}
+export interface CardEventProps {
+    readonly onClick?: CardOnClickCallback;
+    readonly onMouseEnter?: (result: CardEvent) => void;
+    /** Callback function to be called when video enters and exit fullscreen.
+     * `fullscreen = true` indicates video enters fullscreen
+     * `fullscreen = false` indicates video exits fullscreen
+     */
+    readonly onFullscreenChange?: (fullscreen: boolean) => void;
+}
+export interface CardProps extends SharedCardProps, CardEventProps {
+    readonly mediaClient: MediaClient;
+    readonly identifier: Identifier;
+    readonly isLazy?: boolean;
+    readonly useInlinePlayer?: boolean;
+    readonly shouldOpenMediaViewer?: boolean;
+    readonly mediaViewerDataSource?: MediaViewerDataSource;
+    readonly contextId?: string;
+    readonly shouldEnableDownloadButton?: boolean;
+    readonly ssr?: SSR;
+}
+export interface CardState {
+    status: CardStatus;
+    isCardVisible: boolean;
+    shouldAutoplay?: boolean;
+    isPlayingFile: boolean;
+    mediaViewerSelectedItem?: Identifier;
+    fileState?: FileState;
+    progress?: number;
+    cardPreview?: CardPreview;
+    error?: MediaCardError;
+    cardRef: HTMLDivElement | null;
+    isBannedLocalPreview: boolean;
+    previewDidRender: boolean;
+}

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

@@ -2,8 +2,7 @@ import { FileDetails, MediaClientErrorReason, RequestMetadata } from '@atlaskit/
 import { FileAttributes, PerformanceAttributes, OperationalEventPayload, UIEventPayload, WithFileAttributes, WithPerformanceAttributes, SuccessAttributes, FailureAttributes, ScreenEventPayload, ScreenAttributes } from '@atlaskit/media-common';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { MediaCardError, MediaCardErrorPrimaryReason } from '../errors';
-import { CardDimensions } from './cardDimensions';
-import { CardPreviewSource } from '../types';
+import { CardPreviewSource, CardDimensions } from '../types';
 export declare type CardPreviewAttributes = {
     fileId: string;
     prevDimensions: CardDimensions | undefined;

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

@@ -1,4 +1,4 @@
-import { CardDimensionValue } from '../';
+import { CardDimensionValue } from '../types';
 export declare type BreakpointSizeValue = 'small' | 'medium' | 'large' | 'xlarge';
 export declare const breakpointSize: (width: CardDimensionValue, sizes?: any) => BreakpointSizeValue;
 export interface BreakpointProps {

package/dist/types/utils/cardActions/cardActionButton.d.ts

@@ -1,4 +1,3 @@
-/**@jsx jsx */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { CardActionButtonOwnProps } from './styles';
-export declare const CardActionButton: (props: CardActionButtonOwnProps) => jsx.JSX.Element;
+export declare const CardActionButton: import("react").ForwardRefExoticComponent<CardActionButtonOwnProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/utils/cardActions/cardActionsDropdownMenu.d.ts

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

package/dist/types/utils/cardActions/cardActionsView.d.ts

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

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

@@ -1,8 +1,4 @@
-import { CardAppearance, CardDimensionValue } from '../types';
-export interface CardDimensions {
-    width?: CardDimensionValue;
-    height?: CardDimensionValue;
-}
+import { CardAppearance, CardDimensions } from '../types';
 export declare const defaultSmallCardDimensions: {
     width: string;
     height: number;

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

@@ -1,3 +1,3 @@
-import { CardDimensionValue, CardDimensions } from '../';
+import { CardDimensionValue, CardDimensions } from '../types';
 export declare const canCompareDimension: (current?: CardDimensionValue | undefined, next?: CardDimensionValue | undefined) => boolean;
 export declare const isBigger: (current?: CardDimensions | undefined, next?: CardDimensions | undefined) => boolean;

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

@@ -1,4 +1,4 @@
-import { CardDimensions } from './cardDimensions';
+import { CardDimensions } from '../types';
 import { ElementDimension } from './getElementDimension';
 import { NumericalCardDimensions } from '@atlaskit/media-common';
 export declare type getDataURIDimensionOptions = {

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

@@ -12,4 +12,3 @@ export { isValidPercentageUnit } from './isValidPercentageUnit';
 export { getElementDimension } from './getElementDimension';
 export type { ElementDimension } from './getElementDimension';
 export { containsPixelUnit } from './containsPixelUnit';
-export type { CardDimensions } from './cardDimensions';

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

@@ -1,2 +1,2 @@
-import { CardDimensions } from '../..';
+import { CardDimensions } from '../../types';
 export declare const getDimensionsWithDefault: (dimensions?: CardDimensions) => CardDimensions;

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

@@ -1,4 +1,4 @@
 import { WrapperProps } from './types';
-export declare const blinkLoadingAnimation: import("@emotion/react").Keyframes;
+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/utils/lightCards/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CardDimensions } from '../../utils/cardDimensions';
+import { CardDimensions } from '../../types';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { GlobalThemeTokens } from '@atlaskit/theme/components';
 export interface StaticCardProps {

package/dist/types/utils/media-card-analytics-error-boundary.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare type MediaCardAnalyticsErrorBoundaryProps = {
+    data?: {
+        [k: string]: any;
+    };
+};
+export default class MediaCardAnalyticsErrorBoundary extends React.Component<MediaCardAnalyticsErrorBoundaryProps> {
+    static displayName: string;
+    render(): JSX.Element;
+}

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

@@ -1,4 +1,4 @@
-import { CardPreview } from '../';
+import { CardPreview } from '../types';
 export declare const PREVIEW_CACHE_LRU_SIZE = 50;
 export declare class ObjectURLCache {
     private readonly cache;

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

@@ -1,3 +1,3 @@
 import { MediaItemType, MediaType } from '@atlaskit/media-client';
-import { CardStatus } from '..';
+import { CardStatus } from '../types';
 export declare const shouldDisplayImageThumbnail: (cardStatus: CardStatus, mediaItemType: MediaItemType, dataURI?: string | undefined, mediaType?: MediaType | undefined, mimeType?: string | undefined) => boolean;

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

@@ -1,4 +1,4 @@
-import { CardStatus } from '../../src';
+import { CardStatus } from '../types';
 import { FileAttributes } from '@atlaskit/media-common';
 import { SSRStatus } from './analytics';
 import { MediaCardError } from '../errors';

package/dist/types-ts4.0/__tests_external__/index.d.ts

@@ -0,0 +1 @@
+export { MediaCardPageObject } from './page-objects/MediaCard';

package/dist/types-ts4.0/__tests_external__/page-objects/MediaCard.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="cypress" />
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
+export declare class MediaCardPageObject extends InProductTestPageObject {
+    expectCardReady(numOfCards: number): Cypress.Chainable<JQuery<HTMLElement>>;
+    findCardNth(nth: number): Cypress.Chainable<JQuery<HTMLElement>>;
+    findImage(nth: number): Cypress.Chainable<JQuery<HTMLElement>>;
+    assertAltText(altText: string, nth?: number): Cypress.Chainable<JQuery<HTMLElement>>;
+}

package/dist/{types/root/card/index.d.ts → types-ts4.0/card/card.d.ts}

@@ -2,7 +2,8 @@ import React, { Component } from 'react';
 import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { FileIdentifier, FileState, MediaSubscription } from '@atlaskit/media-client';
 import { WrappedComponentProps } from 'react-intl-next';
-import { CardAction, CardProps, CardState, CardStatus } from '../..';
+import { CardAction } from './actions';
+import { CardProps, CardState, CardStatus } from '../types';
 export declare type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
 export declare class CardBase extends Component<CardBaseProps, CardState> {
     private internalOccurrenceKey;

package/dist/{types/root → types-ts4.0}/card/cardAnalytics.d.ts

@@ -1,8 +1,8 @@
 import { FileAttributes, PerformanceAttributes } from '@atlaskit/media-common';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { SSRStatus } from '../../utils/analytics';
-import { CardStatus } from '../..';
-import { MediaCardError } from './../../errors';
+import { SSRStatus } from '../utils/analytics';
+import { CardStatus } from '../types';
+import { MediaCardError } from '../errors';
 export declare const fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, status: CardStatus, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, error?: MediaCardError) => void;
 export declare const fireCommencedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes) => void;
 export declare const fireCopiedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileId: string, cardRef: HTMLDivElement) => void;

package/dist/{types/files → types-ts4.0/card}/cardImageView/cardOverlay/index.d.ts

@@ -2,8 +2,8 @@
 import { jsx } from '@emotion/react';
 import { MouseEvent, Component, ReactNode } from 'react';
 import { MediaType } from '@atlaskit/media-client';
-import { CardAction, CardEventHandler } from '../../../actions';
-import { CardStatus } from '../../../index';
+import { CardAction, CardEventHandler } from '../../actions';
+import { CardStatus } from '../../../types';
 export interface CardOverlayProps {
     readonly cardStatus: CardStatus;
     mediaType?: MediaType;