@atlaskit/media-card 77.1.2 → 77.2.1

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { MediaFeatureFlags } from '@atlaskit/media-common';
+import { CardDimensions, CardOnClickCallback } from '../types';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+export type MediaCardAnalyticsErrorBoundaryProps = {
+    dimensions?: CardDimensions;
+    data?: {
+        [k: string]: any;
+    };
+    onClick?: CardOnClickCallback;
+    featureFlags?: MediaFeatureFlags;
+} & WithAnalyticsEventsProps;
+declare const MediaCardAnalyticsErrorBoundary: React.ComponentType<MediaCardAnalyticsErrorBoundaryProps & WithAnalyticsEventsProps>;
+export default MediaCardAnalyticsErrorBoundary;

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

@@ -0,0 +1,13 @@
+import React, { ReactElement, RefObject } from 'react';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { CardDimensions } from '../types';
+export type InlinePlayerWrapperProps = {
+    testId?: string;
+    dimensions?: CardDimensions;
+    selected: {
+        selected?: boolean | undefined;
+    };
+    onClick?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+    innerRef?: RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | undefined;
+    children?: JSX.Element[] | ReactElement<any, any> | null | any;
+};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ActionsBarProps } from './types';
+export declare class ActionsBar extends React.Component<ActionsBarProps> {
+    render(): JSX.Element | null;
+}

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

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

package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionButton.d.ts

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

package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionIconButton.d.ts

@@ -0,0 +1,12 @@
+import { Component, ReactNode, MouseEvent } from 'react';
+import { CardActionIconButtonVariant } from './styles';
+export type CardActionIconButtonProps = {
+    readonly icon: ReactNode;
+    readonly variant?: CardActionIconButtonVariant;
+    readonly triggerColor?: string;
+    readonly onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+};
+export declare class CardActionIconButton extends Component<CardActionIconButtonProps> {
+    render(): JSX.Element;
+    private onMouseDown;
+}

package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.d.ts

@@ -0,0 +1,14 @@
+import { Component } from 'react';
+import { CardAction } from '../../../actions';
+import { CardActionIconButtonVariant } from './styles';
+export type CardActionsDropdownMenuProps = {
+    readonly actions: CardAction[];
+    readonly triggerColor?: string;
+    readonly triggerVariant?: CardActionIconButtonVariant;
+    readonly onOpenChange?: (attrs: {
+        isOpen: boolean;
+    }) => void;
+};
+export declare class CardActionsDropdownMenu extends Component<CardActionsDropdownMenuProps> {
+    render(): JSX.Element | null;
+}

package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionsView.d.ts

@@ -0,0 +1,16 @@
+import { Component } from 'react';
+import { CardAction } from '../../../actions';
+import { CardActionIconButtonVariant } from './styles';
+export interface CardActionsViewProps {
+    readonly actions: CardAction[];
+    readonly onToggle?: (attrs: {
+        isOpen: boolean;
+    }) => void;
+    readonly triggerColor?: string;
+    readonly variant?: CardActionIconButtonVariant;
+}
+export declare class CardActionsView extends Component<CardActionsViewProps> {
+    render(): JSX.Element | null;
+    private renderActionIconButton;
+    private renderOtherActionButtons;
+}

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

@@ -0,0 +1,7 @@
+export { CardActionsView as default, CardActionsView } from './cardActionsView';
+export type { CardActionsViewProps } from './cardActionsView';
+export { CardActionIconButton } from './cardActionIconButton';
+export type { CardActionIconButtonProps } from './cardActionIconButton';
+export { CardActionsDropdownMenu } from './cardActionsDropdownMenu';
+export type { CardActionsDropdownMenuProps } from './cardActionsDropdownMenu';
+export { CardActionIconButtonVariant } from './styles';

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

@@ -0,0 +1,18 @@
+import React, { MouseEvent, HTMLAttributes } from 'react';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+export declare const wrapperStyles: import("@emotion/react").SerializedStyles;
+export declare enum CardActionIconButtonVariant {
+    default = "default",
+    filled = "filled"
+}
+export type CardActionButtonOwnProps = {
+    variant?: CardActionIconButtonVariant;
+    style?: {
+        color: string | undefined;
+    };
+    onClick?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
+    children?: React.ReactNode;
+};
+export type CardActionButtonProps = CardActionButtonOwnProps & HTMLAttributes<HTMLDivElement>;
+export declare const cardActionButtonStyles: ({ variant, }: CardActionButtonProps) => import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,6 @@
+export declare const actionsBarClassName = "media-card-actions-bar";
+export declare const fixedActionBarStyles = "opacity: 1;";
+export declare const wrapperStyles: {
+    (isFixed?: boolean): import("@emotion/react").SerializedStyles;
+    displayName: string;
+};

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { CardAction } from '../../actions';
+export interface ActionsBarProps {
+    actions: Array<CardAction>;
+    isFixed?: boolean;
+}
+export type ActionBarWrapperProps = {
+    isFixed?: boolean;
+    children?: ReactNode;
+};

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

@@ -0,0 +1,6 @@
+/**@jsx jsx */
+import { jsx } from '@emotion/react';
+export interface BlanketProps {
+    isFixed?: boolean;
+}
+export declare const Blanket: (props: BlanketProps) => jsx.JSX.Element;

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

@@ -0,0 +1,6 @@
+export declare const blanketClassName = "media-card-blanket";
+export declare const fixedBlanketStyles: string;
+export declare const blanketStyles: {
+    (isFixed?: boolean): import("@emotion/react").SerializedStyles;
+    displayName: string;
+};

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

@@ -0,0 +1,23 @@
+export declare enum Breakpoint {
+    SMALL = "small",
+    LARGE = "large"
+}
+export declare const responsiveSettings: {
+    small: {
+        fontSize: number;
+        lineHeight: number;
+        titleBox: {
+            verticalPadding: number;
+            horizontalPadding: number;
+        };
+    };
+    large: {
+        fontSize: number;
+        lineHeight: number;
+        titleBox: {
+            verticalPadding: number;
+            horizontalPadding: number;
+        };
+    };
+};
+export declare const getTitleBoxHeight: (breakpoint: Breakpoint) => number;

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { InternalIconMessageProps, CreatingPreviewProps } from './types';
+export declare const IconMessage: React.FC<InternalIconMessageProps>;
+export declare const CreatingPreview: React.FC<CreatingPreviewProps>;
+export declare const PreviewUnavailable: React.FC;
+export declare const FailedToLoad: React.FC;
+export declare const FailedToUpload: React.FC;
+export declare const PreviewCurrentlyUnavailable: React.FC;

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

@@ -0,0 +1,5 @@
+import { StyledTextProps } from './types';
+export declare const iconMessageWrapperStyles: {
+    (props: StyledTextProps): import("@emotion/react").SerializedStyles;
+    displayName: string;
+};

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { MessageDescriptor } from 'react-intl-next';
+export type InternalIconMessageProps = {
+    messageDescriptor: MessageDescriptor;
+    animated?: boolean;
+    reducedFont?: boolean;
+};
+export type CreatingPreviewProps = {
+    disableAnimation?: boolean;
+};
+export type StyledTextProps = {
+    animated?: boolean;
+    reducedFont?: boolean;
+};
+export type IconMessageWrapperProps = {
+    animated?: boolean;
+    reducedFont?: boolean;
+    children?: ReactNode;
+};

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

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

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

@@ -0,0 +1,7 @@
+import { Breakpoint } from '../common';
+import { IconWrapperProps } from './types';
+export declare function titleBoxHeight(hasTitleBox: boolean, breakpoint: Breakpoint): string;
+export declare const iconWrapperStyles: {
+    ({ hasTitleBox, breakpoint, }: IconWrapperProps): import("@emotion/react").SerializedStyles;
+    displayName: string;
+};

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

@@ -0,0 +1,6 @@
+import { Breakpoint } from '../common';
+export type IconWrapperProps = {
+    hasTitleBox: boolean;
+    breakpoint: Breakpoint;
+    children?: any;
+};

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { MediaType, ImageResizeMode } from '@atlaskit/media-client';
+import { 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>;

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

@@ -0,0 +1,5 @@
+import { ImageResizeMode } from '@atlaskit/media-client';
+export declare function resizeModeToMediaImageProps(resizeMode?: ImageResizeMode): {
+    crop: boolean;
+    stretch: boolean;
+};

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

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

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/card/ui/progressBar/progressBar.d.ts

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

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/card/ui/progressBar/types.d.ts

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

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

@@ -0,0 +1,13 @@
+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, appearance?: CardAppearance) => 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;
+export declare const transition: (propertyName?: string) => string;
+export declare const rgba: (hex: any, opacity: any) => string;

package/dist/types-ts4.5/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) => string;
+export declare const wrapperStyles: {
+    (selected?: boolean): import("@emotion/react").SerializedStyles;
+    displayName: string;
+};

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/card/ui/tickBox/types.d.ts

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

package/dist/types-ts4.5/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-ts4.5/card/ui/titleBox/styles.d.ts

@@ -0,0 +1,15 @@
+import { TitleBoxFooterProps, TitleBoxHeaderProps, TitleBoxWrapperProps } from './types';
+export declare const titleBoxWrapperStyles: {
+    ({ breakpoint, titleBoxBgColor, theme, }: 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-ts4.5/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-ts4.5/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-ts4.5/card/ui/titleBox/types.d.ts

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

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

@@ -0,0 +1,7 @@
+/** @jsx jsx */
+import { Component } from 'react';
+import { jsx } from '@emotion/react';
+import { UnhandledErrorCardProps } from './types';
+export declare class UnhandledErrorCard extends Component<UnhandledErrorCardProps, {}> {
+    render(): jsx.JSX.Element;
+}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { CardDimensions } from '../../../types';
+export interface UnhandledErrorCardProps {
+    dimensions?: CardDimensions;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+}

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-ts4.5/card/ui/wrapper/types.d.ts

@@ -0,0 +1,25 @@
+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';
+import { GlobalThemeTokens } from '@atlaskit/theme/components';
+export interface WrapperProps {
+    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;
+    theme?: GlobalThemeTokens;
+}

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

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

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

@@ -0,0 +1,3 @@
+import { Breakpoint } from './ui/common';
+import { CardDimensionValue } from '../types';
+export declare const useBreakpoint: (dimensionWidth: CardDimensionValue | undefined, divRef: React.RefObject<HTMLDivElement>) => Breakpoint;

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

@@ -0,0 +1,63 @@
+import React, { Component } from 'react';
+import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { FileState, MediaSubscription } from '@atlaskit/media-client';
+import { WrappedComponentProps } from 'react-intl-next';
+import { CardAction } from '../actions';
+import { CardProps, CardState, CardStatus } from '../../types';
+export type CardV2BaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
+export declare class CardV2Base extends Component<CardV2BaseProps, CardState> {
+    private internalOccurrenceKey;
+    private hasBeenMounted;
+    private fileStateFlags;
+    private ssrReliability;
+    private timeElapsedTillCommenced;
+    subscription?: MediaSubscription;
+    private ssrData?;
+    private traceContext;
+    static defaultProps: Partial<CardProps>;
+    constructor(props: CardV2BaseProps);
+    private getSSRPreview;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: CardProps, prevState: CardState): void;
+    componentWillUnmount(): void;
+    updateStateForIdentifier(): void;
+    private getImageURLParams;
+    private getMediaBlobUrlAttrs;
+    private getCardPreviewParams;
+    private setCacheSSRPreview;
+    private refetchSSRPreview;
+    private resolveUpfrontPreview;
+    private fetchAndCacheRemotePreview;
+    private resolvePreview;
+    updateFileStateFlag(fileState?: FileState): void;
+    private subscribeFileState;
+    private get requestedDimensions();
+    private get metadata();
+    private get fileAttributes();
+    private getPerformanceAttributes;
+    private logSSRImageError;
+    private onImageError;
+    private onImageLoad;
+    private fireOperationalEvent;
+    private fireCommencedEvent;
+    private fireAbortedEvent;
+    private fireCopiedEvent;
+    private fireScreenEvent;
+    private fireNonCriticalErrorEvent;
+    private safeSetState;
+    get actions(): CardAction[];
+    onCardViewClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+    onInlinePlayerError: () => void;
+    setRef: (cardRef: HTMLDivElement | null) => void;
+    renderInlinePlayer: () => JSX.Element;
+    onMediaViewerClose: () => void;
+    private onDisplayImage;
+    renderMediaViewer: () => React.ReactPortal | undefined;
+    renderCard: (withCallbacks?: boolean, cardStatusOverride?: CardStatus, izLazyOverride?: boolean) => JSX.Element;
+    private storeSSRData;
+    render(): JSX.Element;
+    private onCardInViewport;
+    onClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+    onMouseEnter: (event: React.MouseEvent<HTMLDivElement>) => void;
+}
+export declare const CardV2: React.ComponentType<CardV2BaseProps>;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CardWithMediaClientConfigProps } from '../cardLoader';
+declare const CardLoader: React.FC<CardWithMediaClientConfigProps>;
+export default CardLoader;

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

@@ -0,0 +1,44 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React, { MouseEvent } from 'react';
+import { MessageDescriptor } from 'react-intl-next';
+import { MediaItemType, FileDetails } from '@atlaskit/media-client';
+import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { SharedCardProps, CardStatus, CardPreview, MediaCardCursor } from '../../types';
+import { MediaCardError } from '../../errors';
+export interface CardViewV2OwnProps extends SharedCardProps {
+    readonly status: CardStatus;
+    readonly mediaItemType: MediaItemType;
+    readonly mediaCardCursor?: MediaCardCursor;
+    readonly metadata?: FileDetails;
+    readonly error?: MediaCardError;
+    readonly onClick?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+    readonly onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
+    readonly onDisplayImage?: () => void;
+    readonly cardPreview?: CardPreview;
+    readonly progress?: number;
+    readonly innerRef?: (instance: HTMLDivElement | null) => void;
+    readonly onImageLoad?: (cardPreview: CardPreview) => void;
+    readonly onImageError?: (cardPreview: CardPreview) => void;
+    readonly nativeLazyLoad?: boolean;
+    readonly forceSyncDisplay?: boolean;
+    disableAnimation?: boolean;
+    shouldHideTooltip?: boolean;
+}
+export type CardViewV2Props = CardViewV2OwnProps & WithAnalyticsEventsProps;
+export interface RenderConfigByStatusV2 {
+    renderTypeIcon?: boolean;
+    iconMessage?: JSX.Element;
+    renderImageRenderer?: boolean;
+    renderPlayButton?: boolean;
+    renderTitleBox?: boolean;
+    renderBlanket?: boolean;
+    isFixedBlanket?: boolean;
+    renderProgressBar?: boolean;
+    renderSpinner?: boolean;
+    renderFailedTitleBox?: boolean;
+    renderTickBox?: boolean;
+    customTitleMessage?: MessageDescriptor;
+}
+export declare const CardViewV2Base: ({ innerRef, onImageLoad, onImageError, dimensions, appearance, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, }: CardViewV2Props) => jsx.JSX.Element;
+export declare const CardViewV2: React.ForwardRefExoticComponent<Omit<CardViewV2Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const InlinePlayerLazyV2: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Pick<import("./inlinePlayerV2").InlinePlayerProps, "createAnalyticsEvent" | keyof import("./inlinePlayerV2").InlinePlayerOwnProps> & import("react").RefAttributes<HTMLDivElement>>>;