@atlaskit/media-card 74.1.4 → 74.1.5

package/dist/types-ts4.0/root/ui/playButton/playButton.d.ts

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

package/dist/types-ts4.0/root/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.0/root/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.0/root/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.0/root/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-ts4.0/root/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.0/root/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.0/root/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-ts4.0/root/ui/styles.d.ts

@@ -0,0 +1,11 @@
+import { CardDimensions, CardAppearance } from '../..';
+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-ts4.0/root/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-ts4.0/root/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.0/root/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.0/root/ui/tickBox/types.d.ts

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

package/dist/types-ts4.0/root/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.0/root/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-ts4.0/root/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.0/root/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.0/root/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 '../../../index';
+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-ts4.0/styles/animations.d.ts

@@ -0,0 +1 @@
+export declare const spin: import("@emotion/react").Keyframes;

package/dist/types-ts4.0/styles/config.d.ts

@@ -0,0 +1 @@
+export declare const defaultTransitionDuration = ".3s";

package/dist/types-ts4.0/styles/easing.d.ts

@@ -0,0 +1,2 @@
+export declare const easeOutCubic = "cubic-bezier(0.215, 0.61, 0.355, 1)";
+export declare const easeOutExpo = "cubic-bezier(0.19, 1, 0.22, 1)";

package/dist/types-ts4.0/styles/getSelectedBorderStyle.d.ts

@@ -0,0 +1,3 @@
+export declare const getSelectedBorderStyle: ({ selected, }: {
+    selected?: boolean | undefined;
+}) => string;

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

@@ -0,0 +1,9 @@
+export { defaultTransitionDuration } from './config';
+export { antialiased, borderRadiusLeft, capitalize, centerSelf, centerSelfX, centerSelfY, centerX, hexToRgb, rgba, spaceAround, transition, withAppearance, } from './mixins';
+export type { WithAppearanceProps } from './mixins';
+export { easeOutCubic, easeOutExpo } from './easing';
+export { spin } from './animations';
+export declare const rootStyles: () => import("@emotion/react").SerializedStyles;
+export declare const cardShadow = "\n  box-shadow: 0 1px 1px rgba(9, 30, 66, 0.2), 0 0 1px 0 rgba(9, 30, 66, 0.24);\n";
+export declare const fadeinImageStyles: () => import("@emotion/react").SerializedStyles;
+export default rootStyles;

package/dist/types-ts4.0/styles/mixins.d.ts

@@ -0,0 +1,21 @@
+import { CardAppearance } from '../index';
+export declare const centerX = "\n  display: flex;\n  justify-content: center;\n";
+export declare const antialiased = "\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n";
+export declare const centerSelfY = "\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n";
+export declare const centerSelfX = "\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n";
+export declare const centerSelf = "\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n";
+export declare const borderRadiusLeft: string;
+export declare const spaceAround = "\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n";
+export declare const transition: (propertyName?: string) => string;
+export declare const hexToRgb: (hex: any) => string | null;
+export declare const rgba: (hex: any, opacity: any) => string;
+export declare const capitalize = "\n  &::first-letter {\n    text-transform: uppercase;\n  }\n";
+export interface WithAppearanceProps {
+    appearance?: CardAppearance;
+}
+export declare const withAppearance: (styleMap: {
+    image?: string | undefined;
+    auto?: string | undefined;
+    horizontal?: string | undefined;
+    square?: string | undefined;
+}) => ({ appearance }: WithAppearanceProps) => string;

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

@@ -0,0 +1,25 @@
+import { CardDimensions } from './utils';
+export declare type CardStatus = 'uploading' | 'loading' | 'processing' | 'loading-preview' | 'complete' | 'error' | 'failed-processing';
+export declare type FilePreviewStatus = {
+    hasFilesize: boolean;
+    isPreviewable: boolean;
+    hasPreview: boolean;
+    isSupportedByBrowser: boolean;
+};
+export declare type FileStateFlags = {
+    wasStatusProcessing: boolean;
+    wasStatusUploading: boolean;
+};
+export declare type CardAppearance = 'auto' | 'image' | 'square' | 'horizontal';
+export declare type CardDimensionValue = number | string;
+export declare type CardPreviewSource = 'local' | 'remote' | 'ssr-server' | 'ssr-client' | 'ssr-data' | 'cache-local' | 'cache-remote' | 'cache-ssr-client' | 'cache-ssr-server' | 'external';
+export interface CardPreview {
+    dataURI: string;
+    orientation?: number;
+    dimensions?: CardDimensions;
+    source: CardPreviewSource;
+}
+export declare enum MediaCardCursor {
+    Action = "pointer",
+    NotReady = "wait"
+}

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

@@ -0,0 +1,78 @@
+import { FileDetails, MediaClientErrorReason, RequestMetadata } from '@atlaskit/media-client';
+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';
+export declare type CardPreviewAttributes = {
+    fileId: string;
+    prevDimensions: CardDimensions | undefined;
+    currentDimensions: CardDimensions | undefined;
+    dimensionsPercentageDiff?: CardDimensions | undefined;
+    source: CardPreviewSource;
+};
+declare type WithCardPreviewCacheAttributes = {
+    cardPreviewAttributes: CardPreviewAttributes;
+};
+export declare const LOGGED_FEATURE_FLAGS: (keyof import("@atlaskit/media-common").MediaFeatureFlags)[];
+export declare const LOGGED_FEATURE_FLAG_KEYS: string[];
+export declare type FileUriFailReason = 'local-uri' | 'remote-uri' | `unknown-uri`;
+export declare type FailedErrorFailReason = MediaCardErrorPrimaryReason | 'nativeError';
+export declare type MediaCardErrorInfo = {
+    failReason: FailedErrorFailReason;
+    error: MediaClientErrorReason | 'nativeError';
+    errorDetail: string;
+};
+export declare type SSRStatusFail = MediaCardErrorInfo & {
+    status: 'fail';
+};
+declare type SSRStatusSuccess = SuccessAttributes;
+declare type SSRStatusUnknown = {
+    status: 'unknown';
+};
+declare type SSRStatusAttributes = SSRStatusSuccess | SSRStatusFail | SSRStatusUnknown;
+export declare type SSRStatus = {
+    server: SSRStatusAttributes;
+    client: SSRStatusAttributes;
+};
+export declare type WithSSRReliability = {
+    ssrReliability?: SSRStatus;
+};
+export declare type RenderFailedEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithSSRReliability & FailureAttributes & {
+    failReason: FailedErrorFailReason | 'failed-processing';
+    error?: MediaClientErrorReason | 'nativeError';
+    request?: RequestMetadata;
+}, 'failed', 'mediaCardRender'>;
+export declare type RenderSucceededEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithSSRReliability & SuccessAttributes, 'succeeded', 'mediaCardRender'>;
+export declare type RenderCommencedEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes, 'commenced', 'mediaCardRender'>;
+export declare type CacheHitEventPayload = OperationalEventPayload<WithCardPreviewCacheAttributes, 'cache-hit', 'mediaCardCache'>;
+export declare type RemoteSuccessEventPayload = OperationalEventPayload<WithCardPreviewCacheAttributes, 'Remote-success', 'mediaCardCache'>;
+export declare type CopiedFileEventPayload = UIEventPayload<{}, 'copied', string>;
+export declare type ClickedEventPayload = UIEventPayload<{
+    label?: string;
+}, 'clicked', string>;
+export declare type RenderScreenEventPayload = Omit<ScreenEventPayload<ScreenAttributes, 'mediaCardRenderScreen'>, 'attributes'> & {
+    attributes: {
+        type: string | undefined;
+        fileAttributes: FileAttributes;
+    };
+};
+export declare type MediaCardAnalyticsEventPayload = RenderCommencedEventPayload | RenderSucceededEventPayload | RenderFailedEventPayload | CopiedFileEventPayload | ClickedEventPayload | RenderScreenEventPayload | CacheHitEventPayload | RemoteSuccessEventPayload;
+export declare const getFileAttributes: (metadata: FileDetails, fileStatus?: import("@atlaskit/media-common").FileStatus | undefined) => FileAttributes;
+export declare const getRenderPreviewableCardPayload: (fileAttributes: FileAttributes) => RenderScreenEventPayload;
+export declare const getRenderCommencedEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes) => RenderCommencedEventPayload;
+export declare const getRenderSucceededEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus) => RenderSucceededEventPayload;
+export declare const getCacheHitEventPayload: (cardPreviewAttributes: CardPreviewAttributes) => CacheHitEventPayload;
+export declare const getRemoteSuccessEventPayload: (cardPreviewAttributes: CardPreviewAttributes) => RemoteSuccessEventPayload;
+export declare const getRenderFailedExternalUriPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes) => RenderFailedEventPayload;
+export declare const getRenderErrorFailReason: (error: MediaCardError) => FailedErrorFailReason;
+export declare const getRenderErrorErrorReason: (error: MediaCardError) => MediaClientErrorReason | 'nativeError';
+export declare const getRenderErrorErrorDetail: (error: MediaCardError) => string;
+export declare const getRenderErrorRequestMetadata: (error: MediaCardError) => RequestMetadata | undefined;
+export declare const extractErrorInfo: (error: MediaCardError) => MediaCardErrorInfo;
+export declare const getRenderErrorEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, error: MediaCardError, ssrReliability: SSRStatus) => RenderFailedEventPayload;
+export declare const getRenderFailedFileStatusPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus) => RenderFailedEventPayload;
+export declare const getCopiedFilePayload: (fileId: string) => CopiedFileEventPayload;
+export declare function fireMediaCardEvent(payload: MediaCardAnalyticsEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;
+export declare const createAndFireMediaCardEvent: (payload: MediaCardAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
+export {};

package/dist/types-ts4.0/utils/breakpoint.d.ts

@@ -0,0 +1,11 @@
+import { CardDimensionValue } from '../';
+export declare type BreakpointSizeValue = 'small' | 'medium' | 'large' | 'xlarge';
+export declare const breakpointSize: (width: CardDimensionValue, sizes?: any) => BreakpointSizeValue;
+export interface BreakpointProps {
+    breakpointSize: BreakpointSizeValue;
+}
+export declare type CardBreakpoint = {
+    [P in BreakpointSizeValue]?: number;
+};
+export declare const cardBreakpointSizes: CardBreakpoint;
+export declare const breakpointStyles: ({ breakpointSize }: BreakpointProps) => string;

package/dist/types-ts4.0/utils/cardActions/cardActionButton.d.ts

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

package/dist/types-ts4.0/utils/cardActions/cardActionIconButton.d.ts

@@ -0,0 +1,12 @@
+import { Component, ReactNode, MouseEvent } from 'react';
+import { CardActionIconButtonVariant } from './styles';
+export declare 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.0/utils/cardActions/cardActionsDropdownMenu.d.ts

@@ -0,0 +1,14 @@
+import { Component } from 'react';
+import { CardAction } from '../../actions';
+import { CardActionIconButtonVariant } from './styles';
+export declare 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.0/utils/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.0/utils/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.0/utils/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 declare 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 declare type CardActionButtonProps = CardActionButtonOwnProps & HTMLAttributes<HTMLDivElement>;
+export declare const cardActionButtonStyles: ({ variant, }: CardActionButtonProps) => import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,53 @@
+import { CardAppearance, CardDimensionValue } from '../types';
+export interface CardDimensions {
+    width?: CardDimensionValue;
+    height?: CardDimensionValue;
+}
+export declare const defaultSmallCardDimensions: {
+    width: string;
+    height: number;
+};
+export declare const defaultImageCardDimensions: {
+    width: number;
+    height: number;
+};
+export declare const defaultHorizontalCardDimensions: {
+    width: number;
+    height: number;
+};
+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 | undefined) => number;
+export declare const getCardMinWidth: (appearance?: CardAppearance | undefined) => number;
+export declare const getCardMaxWidth: (appearance?: CardAppearance | undefined) => number;
+export declare const getDefaultCardDimensions: (appearance?: CardAppearance | undefined) => Required<CardDimensions>;

package/dist/types-ts4.0/utils/containsPixelUnit.d.ts

@@ -0,0 +1 @@
+export declare const containsPixelUnit: (value: string) => boolean;

package/dist/types-ts4.0/utils/dimensionComparer.d.ts

@@ -0,0 +1,3 @@
+import { CardDimensionValue, CardDimensions } from '../';
+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-ts4.0/utils/document.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => Document | undefined;
+export default _default;

package/dist/types-ts4.0/utils/errorIcon/index.d.ts

@@ -0,0 +1,12 @@
+/**@jsx jsx */
+import { jsx } from '@emotion/react';
+import { Component } from 'react';
+export interface ErrorIconProps {
+    readonly size: 'small' | 'medium' | 'large' | 'xlarge';
+}
+export declare class ErrorIcon extends Component<ErrorIconProps, {}> {
+    static defaultProps: {
+        size: string;
+    };
+    render(): jsx.JSX.Element;
+}

package/dist/types-ts4.0/utils/errorIcon/styles.d.ts

@@ -0,0 +1 @@
+export declare const errorIconWrapperStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/utils/fileIcon/index.d.ts

@@ -0,0 +1,12 @@
+/**@jsx jsx */
+import { jsx } from '@emotion/react';
+import { Component } from 'react';
+import { MediaType } from '@atlaskit/media-client';
+export interface FileIconProps {
+    mediaType?: MediaType;
+    style?: any;
+    iconUrl?: string;
+}
+export declare class FileIcon extends Component<FileIconProps, {}> {
+    render(): jsx.JSX.Element;
+}

package/dist/types-ts4.0/utils/fileIcon/styles.d.ts

@@ -0,0 +1 @@
+export declare const fileTypeIconStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/utils/generateUniqueId.d.ts

@@ -0,0 +1 @@
+export declare const generateUniqueId: () => string;

package/dist/types-ts4.0/utils/getCSSUnitValue.d.ts

@@ -0,0 +1 @@
+export declare function getCSSUnitValue(value: number | string): string;

package/dist/types-ts4.0/utils/getDataURIDimension.d.ts

@@ -0,0 +1,9 @@
+import { CardDimensions } from './cardDimensions';
+import { ElementDimension } from './getElementDimension';
+import { NumericalCardDimensions } from '@atlaskit/media-common';
+export declare type getDataURIDimensionOptions = {
+    element?: Element | null;
+    dimensions?: CardDimensions;
+};
+export declare const getDataURIDimension: (dimension: ElementDimension, options: getDataURIDimensionOptions) => number;
+export declare const getRequestedDimensions: (options: getDataURIDimensionOptions) => NumericalCardDimensions;

package/dist/types-ts4.0/utils/getElementDimension.d.ts

@@ -0,0 +1,2 @@
+export declare type ElementDimension = 'height' | 'width';
+export declare const getElementDimension: (element: Element, dimension: ElementDimension) => number;

package/dist/types-ts4.0/utils/getErrorMessage.d.ts

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

package/dist/types-ts4.0/utils/getMediaCardCursor.d.ts

@@ -0,0 +1,6 @@
+import { MediaCardCursor } from '../types';
+import { MediaType } from '@atlaskit/media-client';
+/**
+ * When the returned value is undefined, we'd expect the media card to take the parent's cursor style.
+ */
+export declare const getMediaCardCursor: (useInlinePlayer: boolean, useMediaViewer: boolean, isErrorStatus: boolean, hasCardPreview: boolean, mediaType?: MediaType | undefined) => MediaCardCursor | undefined;

package/dist/types-ts4.0/utils/globalScope/getSSRData.d.ts

@@ -0,0 +1,3 @@
+import type { MediaCardSsrData } from './types';
+import { FileIdentifier } from '@atlaskit/media-client';
+export declare const getSSRData: (identifier: FileIdentifier) => MediaCardSsrData | undefined;

package/dist/types-ts4.0/utils/globalScope/globalScope.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { FileIdentifier } from '@atlaskit/media-client';
+import { NumericalCardDimensions } from '@atlaskit/media-common';
+import { MediaCardErrorInfo } from '../../utils/analytics';
+import { MediaCardSsr } from './types';
+export declare const GLOBAL_MEDIA_CARD_SSR = "mediaCardSsr";
+export declare const GLOBAL_MEDIA_NAMESPACE = "__MEDIA_INTERNAL";
+export declare type MediaGlobalScope = {
+    [GLOBAL_MEDIA_CARD_SSR]?: MediaCardSsr;
+};
+export declare function getMediaGlobalScope(globalScope?: any): MediaGlobalScope;
+export declare function getMediaCardSSR(globalScope?: any): MediaCardSsr;
+export declare const getKey: ({ id, collectionName, occurrenceKey }: FileIdentifier) => string;
+export declare const storeDataURI: (key: string, dataURI?: string | undefined, dimensions?: NumericalCardDimensions | undefined, error?: MediaCardErrorInfo | undefined, globalScope?: any) => void;
+export declare type StoreSSRDataScriptProps = {
+    identifier: FileIdentifier;
+    dataURI?: string;
+    dimensions?: NumericalCardDimensions;
+    error?: MediaCardErrorInfo;
+};
+export declare const StoreSSRDataScript: React.FC<StoreSSRDataScriptProps>;

package/dist/types-ts4.0/utils/globalScope/index.d.ts

@@ -0,0 +1,4 @@
+export { StoreSSRDataScript, GLOBAL_MEDIA_NAMESPACE, GLOBAL_MEDIA_CARD_SSR, getKey, } from './globalScope';
+export { getSSRData } from './getSSRData';
+export type { MediaCardSsrData, MediaCardSsr } from './types';
+export type { MediaGlobalScope } from './globalScope';

package/dist/types-ts4.0/utils/globalScope/types.d.ts

@@ -0,0 +1,8 @@
+import { NumericalCardDimensions } from '@atlaskit/media-common';
+import { MediaCardErrorInfo } from '../../utils/analytics';
+export declare type MediaCardSsrData = {
+    dataURI?: string;
+    dimensions?: NumericalCardDimensions;
+    error?: MediaCardErrorInfo;
+};
+export declare type MediaCardSsr = Record<string, MediaCardSsrData>;

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

@@ -0,0 +1,15 @@
+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 { isValidPercentageUnit } from './isValidPercentageUnit';
+export { getElementDimension } from './getElementDimension';
+export type { ElementDimension } from './getElementDimension';
+export { containsPixelUnit } from './containsPixelUnit';
+export type { CardDimensions } from './cardDimensions';

package/dist/types-ts4.0/utils/isRetina.d.ts

@@ -0,0 +1 @@
+export declare function isRetina(): boolean;

package/dist/types-ts4.0/utils/isValidPercentageUnit.d.ts

@@ -0,0 +1 @@
+export declare const isValidPercentageUnit: (value: string | number) => boolean;