@atlaskit/media-card 74.8.0 → 75.0.0

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

@@ -0,0 +1,103 @@
+/**
+ * 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 { MediaCardError } from './errors';
+export type CardStatus = 'uploading' | 'loading' | 'processing' | 'loading-preview' | 'complete' | 'error' | 'failed-processing';
+export type FilePreviewStatus = {
+    hasFilesize: boolean;
+    isPreviewable: boolean;
+    hasPreview: boolean;
+    isSupportedByBrowser: boolean;
+};
+export type FileStateFlags = {
+    wasStatusProcessing: boolean;
+    wasStatusUploading: boolean;
+};
+export type CardAppearance = 'auto' | 'image' | 'square' | 'horizontal';
+export declare type CardDimensionValue = number | string;
+export 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"
+}
+export interface CardDimensions {
+    width?: CardDimensionValue;
+    height?: CardDimensionValue;
+}
+export type TitleBoxIcon = 'LockFilledIcon';
+export interface CardEvent {
+    event: MouseEvent<HTMLElement>;
+    mediaItemDetails?: FileDetails;
+}
+export interface InlineCardEvent {
+    event: MouseEvent<HTMLElement> | React.KeyboardEvent;
+    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 InlineCardOnClickCallback {
+    (result: InlineCardEvent, 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 mediaViewerItems?: Identifier[];
+    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;
+    wasResolvedUpfrontPreview: boolean;
+}

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

@@ -0,0 +1,95 @@
+import { FileDetails, FileStatus, MediaClientErrorReason, RequestMetadata } from '@atlaskit/media-client';
+import { FileAttributes, PerformanceAttributes, OperationalEventPayload, UIEventPayload, WithFileAttributes, WithPerformanceAttributes, SuccessAttributes, FailureAttributes, ScreenEventPayload, ScreenAttributes, MediaTraceContext, WithTraceContext } from '@atlaskit/media-common';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { MediaCardError, MediaCardErrorPrimaryReason } from '../errors';
+import { CardPreviewSource, CardDimensions, CardStatus } from '../types';
+export type CardPreviewAttributes = {
+    fileId: string;
+    prevDimensions: CardDimensions | undefined;
+    currentDimensions: CardDimensions | undefined;
+    dimensionsPercentageDiff?: CardDimensions | undefined;
+    source: CardPreviewSource;
+};
+type WithCardPreviewCacheAttributes = {
+    cardPreviewAttributes: CardPreviewAttributes;
+};
+export type FileUriFailReason = 'local-uri' | 'remote-uri' | `unknown-uri`;
+export type FailedErrorFailReason = MediaCardErrorPrimaryReason | 'nativeError';
+export type MediaCardErrorInfo = {
+    failReason: FailedErrorFailReason;
+    error: MediaClientErrorReason | 'nativeError';
+    errorDetail: string;
+    metadataTraceContext?: MediaTraceContext;
+};
+export type SSRStatusFail = MediaCardErrorInfo & {
+    status: 'fail';
+};
+type SSRStatusSuccess = SuccessAttributes;
+type SSRStatusUnknown = {
+    status: 'unknown';
+};
+type SSRStatusAttributes = SSRStatusSuccess | SSRStatusFail | SSRStatusUnknown;
+export type SSRStatus = {
+    server: SSRStatusAttributes;
+    client: SSRStatusAttributes;
+};
+export type WithSSRReliability = {
+    ssrReliability?: SSRStatus;
+};
+export type RenderFailedEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithSSRReliability & WithTraceContext & FailureAttributes & {
+    failReason: FailedErrorFailReason | 'failed-processing';
+    error?: MediaClientErrorReason | 'nativeError';
+    request?: RequestMetadata;
+}, 'failed', 'mediaCardRender'>;
+export type ErrorEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithSSRReliability & WithTraceContext & FailureAttributes & {
+    cardStatus: CardStatus;
+    failReason: FailedErrorFailReason | 'failed-processing';
+    error?: MediaClientErrorReason | 'nativeError';
+    request?: RequestMetadata;
+}, 'nonCriticalFail', 'mediaCardRender'>;
+export type ErrorBoundaryErrorInfo = {
+    componentStack: string;
+};
+export type AnalyticsErrorBoundaryAttributes = {
+    error?: Error | string;
+    info?: ErrorBoundaryErrorInfo;
+    browserInfo: string;
+    failReason: string;
+};
+export type AnalyticsErrorBoundaryCardPayload = OperationalEventPayload<AnalyticsErrorBoundaryAttributes, 'failed', 'mediaCardRender'>;
+export type AnalyticsErrorBoundaryInlinePayload = OperationalEventPayload<AnalyticsErrorBoundaryAttributes, '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'>;
+export type RemoteSuccessEventPayload = OperationalEventPayload<WithCardPreviewCacheAttributes, 'Remote-success', 'mediaCardCache'>;
+export type CopiedFileEventPayload = UIEventPayload<{}, 'copied', string>;
+export type ClickedEventPayload = UIEventPayload<{
+    label?: string;
+}, 'clicked', string>;
+export type RenderScreenEventPayload = Omit<ScreenEventPayload<ScreenAttributes, 'mediaCardRenderScreen'>, 'attributes'> & {
+    attributes: {
+        type: string | undefined;
+        fileAttributes: FileAttributes;
+    };
+};
+export type MediaCardAnalyticsEventPayload = RenderCommencedEventPayload | RenderSucceededEventPayload | RenderFailedEventPayload | CopiedFileEventPayload | ClickedEventPayload | RenderScreenEventPayload | CacheHitEventPayload | RemoteSuccessEventPayload | ErrorEventPayload | AnalyticsErrorBoundaryCardPayload | AnalyticsErrorBoundaryInlinePayload;
+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;
+export declare const getRenderSucceededEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => 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 getErrorTraceContext: (error: MediaCardError) => MediaTraceContext | undefined;
+export declare const getRenderErrorRequestMetadata: (error: MediaCardError) => RequestMetadata | undefined;
+export declare const extractErrorInfo: (error: MediaCardError, metadataTraceContext?: MediaTraceContext) => MediaCardErrorInfo;
+export declare const getRenderErrorEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, error: MediaCardError, ssrReliability: SSRStatus, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => RenderFailedEventPayload;
+export declare const getErrorEventPayload: (cardStatus: CardStatus, fileAttributes: FileAttributes, error: MediaCardError, ssrReliability: SSRStatus, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => ErrorEventPayload;
+export declare const getRenderFailedFileStatusPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => 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.5/utils/breakpoint.d.ts

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

package/dist/types-ts4.5/utils/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/utils/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/utils/cardActions/cardActionsDropdownMenu.d.ts

@@ -0,0 +1,14 @@
+import { Component } from 'react';
+import { CardAction } from '../../card/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/utils/cardActions/cardActionsView.d.ts

@@ -0,0 +1,16 @@
+import { Component } from 'react';
+import { CardAction } from '../../card/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/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.5/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 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/utils/cardDimensions.d.ts

@@ -0,0 +1,49 @@
+import { CardAppearance, CardDimensions } from '../types';
+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) => 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/containsPixelUnit.d.ts

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

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

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

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

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

package/dist/types-ts4.5/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.5/utils/errorIcon/styles.d.ts

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

package/dist/types-ts4.5/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.5/utils/fileIcon/styles.d.ts

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { CardDimensions } from '../types';
+import { ElementDimension } from './getElementDimension';
+import { NumericalCardDimensions } from '@atlaskit/media-common';
+export 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.5/utils/getElementDimension.d.ts

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

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

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

package/dist/types-ts4.5/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) => MediaCardCursor | undefined;

package/dist/types-ts4.5/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.5/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 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, dimensions?: NumericalCardDimensions, error?: MediaCardErrorInfo, globalScope?: any) => void;
+export type StoreSSRDataScriptProps = {
+    identifier: FileIdentifier;
+    dataURI?: string;
+    dimensions?: NumericalCardDimensions;
+    error?: MediaCardErrorInfo;
+};
+export declare const StoreSSRDataScript: React.FC<StoreSSRDataScriptProps>;

package/dist/types-ts4.5/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.5/utils/globalScope/types.d.ts

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

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

@@ -0,0 +1,14 @@
+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';

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { Component } from 'react';
+import { StaticCardProps } from './types';
+export interface ErrorCardProps extends StaticCardProps {
+    readonly size: 'small' | 'medium' | 'large' | 'xlarge';
+}
+export declare class CardError extends Component<ErrorCardProps, {}> {
+    static defaultProps: {
+        size: string;
+    };
+    render(): JSX.Element;
+    get icon(): JSX.Element;
+}

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

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

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

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

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

@@ -0,0 +1,5 @@
+/**@jsx jsx */
+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

@@ -0,0 +1,4 @@
+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/utils/lightCards/types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { CardDimensions } from '../../types';
+import { MediaFeatureFlags } from '@atlaskit/media-common';
+import { GlobalThemeTokens } from '@atlaskit/theme/components';
+export interface StaticCardProps {
+    dimensions?: CardDimensions;
+    testId?: string;
+    featureFlags?: MediaFeatureFlags;
+}
+export interface WrapperProps {
+    dimensions: CardDimensions;
+    testId?: string;
+    children?: JSX.Element;
+    theme?: GlobalThemeTokens;
+}

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

@@ -0,0 +1,2 @@
+import { FileState, FileDetails, Identifier } from '@atlaskit/media-client';
+export declare const getFileDetails: (identifier: Identifier, fileState?: FileState) => FileDetails;

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

@@ -0,0 +1,11 @@
+import { CardPreview } from '../types';
+export declare const PREVIEW_CACHE_LRU_SIZE = 50;
+export declare class ObjectURLCache {
+    private readonly cache;
+    constructor(size: number);
+    has(key: string): boolean;
+    get(key: string): CardPreview | undefined;
+    set(key: string, value: CardPreview): void;
+    remove(key: string): void;
+}
+export declare const createObjectURLCache: () => ObjectURLCache;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ReactNode } from 'react';
+export type PreventClickThroughProps = {
+    readonly children?: ReactNode;
+};
+export declare function PreventClickThrough({ children, }: PreventClickThroughProps): JSX.Element;
+export type CreatePreventClickThrough = <T>(onClick: () => void) => (event: React.MouseEvent<T, MouseEvent>) => void;
+export declare const createPreventClickThrough: CreatePreventClickThrough;

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

@@ -0,0 +1,2 @@
+export declare const printFunctionCall: <T extends any[]>(fn: (...args: T) => void, ...args: T) => string;
+export declare const printScript: (statements: string[]) => string;

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

@@ -0,0 +1,9 @@
+/**@jsx jsx */
+import { jsx } from '@emotion/react';
+import { Component } from 'react';
+export interface ProgressBarProps {
+    progress?: number;
+}
+export declare class ProgressBar extends Component<ProgressBarProps, {}> {
+    render(): jsx.JSX.Element | null;
+}

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

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

package/dist/types-ts4.5/utils/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/utils/shouldDisplayImageThumbnail.d.ts

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

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

@@ -0,0 +1,7 @@
+import { CardStatus } from '../types';
+import { FileAttributes } from '@atlaskit/media-common';
+import { SSRStatus } from './analytics';
+import { MediaCardError } from '../errors';
+import { FileStateFlags } from '../types';
+export declare const startUfoExperience: (id: string) => void;
+export declare const completeUfoExperience: (id: string, status: CardStatus, fileAttributes: FileAttributes, fileStateFlags: FileStateFlags, ssrReliability: SSRStatus, error?: MediaCardError) => void;

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

@@ -0,0 +1,2 @@
+import { FileState } from '@atlaskit/media-client';
+export declare const videoIsPlayable: (isBannedLocalPreview: boolean, fileState?: FileState, mimeType?: string) => boolean;

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

@@ -0,0 +1 @@
+export declare const takeSnapshot: (blob: Blob) => Promise<string>;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export type ViewportDetectorProps = {
+    cardEl: HTMLElement | null;
+    onVisible: () => void;
+};
+export declare const ViewportDetector: React.FC<ViewportDetectorProps>;