@atlaskit/media-card 74.1.6 → 74.1.8

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

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

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 '../../card/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 '../../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.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,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 | 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 '../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-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 '../types';
+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,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.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;

package/dist/types-ts4.0/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.0/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.0/utils/lightCards/getDimensionsWithDefault.d.ts

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

package/dist/types-ts4.0/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.0/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.0/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.0/utils/mediaTypeIcon/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.0/utils/mediaTypeIcon/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { MediaType } from '@atlaskit/media-client';
+export interface FileIconProps {
+    type?: MediaType;
+    size?: string;
+    className?: string;
+}
+export declare class MediaTypeIcon extends React.Component<FileIconProps, {}> {
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,2 @@
+import { IconWrapperProps } from './types';
+export declare const iconWrapperStyles: (props: IconWrapperProps) => import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { MediaType } from '@atlaskit/media-client';
+export interface IconWrapperProps {
+    type: MediaType;
+    children?: JSX.Element;
+}

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

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

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

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

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

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

package/dist/types-ts4.0/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.0/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 | undefined, mediaType?: MediaType | undefined, mimeType?: string | undefined) => boolean;

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

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

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

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

package/in-product/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/in-product.js",
   "module:es2019": "../dist/es2019/in-product.js",
   "sideEffects": false,
-  "types": "../dist/types/in-product.d.ts"
+  "types": "../dist/types/in-product.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/in-product.d.ts"
+      ]
+    }
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "74.1.6",
+  "version": "74.1.8",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,13 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "dist/types-ts4.0/*"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.ts",
   "af:exports": {
@@ -31,21 +38,21 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/dropdown-menu": "^11.5.0",
-    "@atlaskit/editor-shared-styles": "^2.1.0",
-    "@atlaskit/icon": "^21.10.0",
+    "@atlaskit/editor-shared-styles": "^2.2.0",
+    "@atlaskit/icon": "^21.11.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/media-client": "^17.1.0",
+    "@atlaskit/media-client": "^18.0.0",
     "@atlaskit/media-common": "^2.16.0",
     "@atlaskit/media-ui": "^22.1.0",
     "@atlaskit/media-viewer": "^47.1.0",
     "@atlaskit/spinner": "^15.1.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tooltip": "^17.5.0",
+    "@atlaskit/tooltip": "^17.6.0",
     "@atlaskit/ufo": "^0.1.0",
     "@babel/runtime": "^7.0.0",
     "classnames": "^2.2.5",
     "eventemitter2": "^4.1.0",
-    "lru-fast": "^0.2.2",
+    "lru_map": "^0.4.1",
     "react-loadable": "^5.1.0",
     "video-snapshot": "^1.0.11"
   },
@@ -59,14 +66,14 @@
     "@atlaskit/analytics-listeners": "^8.3.0",
     "@atlaskit/analytics-namespaced-context": "^6.5.0",
     "@atlaskit/button": "^16.3.0",
-    "@atlaskit/checkbox": "^12.3.0",
+    "@atlaskit/checkbox": "^12.4.0",
     "@atlaskit/docs": "*",
     "@atlaskit/inline-message": "^11.4.0",
-    "@atlaskit/media-core": "^33.0.0",
-    "@atlaskit/media-picker": "^63.0.1",
+    "@atlaskit/media-core": "^34.0.0",
+    "@atlaskit/media-picker": "^64.0.0",
     "@atlaskit/media-test-helpers": "^30.0.0",
     "@atlaskit/radio": "^5.4.0",
-    "@atlaskit/range": "^6.0.0",
+    "@atlaskit/range": "^6.1.0",
     "@atlaskit/select": "^15.7.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/toggle": "^12.5.0",
@@ -74,6 +81,7 @@
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/ufo": "^0.1.10",
+    "@testing-library/dom": "^8.17.1",
     "@testing-library/react": "^12.1.5",
     "@types/classnames": "^2.2.6",
     "@types/react-loadable": "^5.4.1",
@@ -83,7 +91,7 @@
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
-    "typescript": "4.3.5",
+    "typescript": "4.5.5",
     "uuid": "^3.1.0",
     "wait-for-expect": "^1.2.0"
   },

package/report.api.md

@@ -1,8 +1,12 @@
-## API Report File for "@atlaskit/media-card"
+## API Report File for "@atlaskit/media-card".
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
 ```ts
+/// <reference types="react" />
+
 import { Component } from 'react';
 import { FileDetails } from '@atlaskit/media-client';
 import { FileIdentifier } from '@atlaskit/media-client';
@@ -59,7 +63,7 @@ export declare interface CardEvent {
 
 export declare type CardEventHandler = (item?: FileItem, event?: Event) => void;
 
-export declare interface CardEventProps {
+declare interface CardEventProps {
   readonly onClick?: CardOnClickCallback;
   readonly onMouseEnter?: (result: CardEvent) => void;
   /** Callback function to be called when video enters and exit fullscreen.
@@ -80,6 +84,7 @@ export declare interface CardOnClickCallback {
 export declare interface CardPreview {
   dataURI: string;
   orientation?: number;
+  dimensions?: CardDimensions;
   source: CardPreviewSource;
 }
 
@@ -181,6 +186,10 @@ declare class MediaCardError extends Error {
   );
 }
 
+/**
+ * Primary reason is logged through Data Portal.
+ * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
+ */
 declare type MediaCardErrorPrimaryReason =
   | 'upload'
   | 'metadata-fetch'
@@ -189,6 +198,7 @@ declare type MediaCardErrorPrimaryReason =
   | LocalPreviewPrimaryReason
   | ImageLoadPrimaryReason
   | SsrPreviewPrimaryReason
+  | 'missing-error-data'
   | 'preview-fetch';
 
 export declare class MediaInlineCard extends React_2.PureComponent<

package/types/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/types.js",
   "module:es2019": "../dist/es2019/types.js",
   "sideEffects": false,
-  "types": "../dist/types/types.d.ts"
+  "types": "../dist/types/types.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/types.d.ts"
+      ]
+    }
+  }
 }

package/dist/es2019/files/index.js

@@ -1 +0,0 @@
-export { FileCardImageView } from './cardImageView';

package/dist/es2019/root/index.js

@@ -1,2 +0,0 @@
-export { default as Card } from './card/cardLoader';
-export { default as MediaInlineCard } from './inline/loader';