@atlaskit/media-card 74.1.4 → 74.1.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/media-card
 
+## 74.1.5
+
+### Patch Changes
+
+- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+
 ## 74.1.4
 
 ### Patch Changes

package/classnames/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/classnames.d.ts",
   "typesVersions": {
-    ">=4.0 <4.3": {
+    ">=4.0 <4.5": {
       "*": [
         "../dist/types-ts4.0/classnames.d.ts"
       ]

package/dist/cjs/root/card/getCardPreview/helpers.js

@@ -52,7 +52,7 @@ var getImageLocalPreview = /*#__PURE__*/function () {
           case 8:
             _context.prev = 8;
             _context.t0 = _context["catch"](0);
-            throw new _errors.LocalPreviewError('local-preview-image', _context.t0);
+            throw new _errors.LocalPreviewError('local-preview-image', _context.t0 instanceof Error ? _context.t0 : undefined);
 
           case 11:
           case "end":
@@ -89,7 +89,7 @@ var getVideoLocalPreview = /*#__PURE__*/function () {
           case 7:
             _context2.prev = 7;
             _context2.t0 = _context2["catch"](0);
-            throw new _errors.LocalPreviewError('local-preview-video', _context2.t0);
+            throw new _errors.LocalPreviewError('local-preview-video', _context2.t0 instanceof Error ? _context2.t0 : undefined);
 
           case 10:
           case "end":
@@ -125,7 +125,7 @@ var getCardPreviewFromFilePreview = /*#__PURE__*/function () {
           case 7:
             _context3.prev = 7;
             _context3.t0 = _context3["catch"](0);
-            throw new _errors.LocalPreviewError('local-preview-rejected', _context3.t0);
+            throw new _errors.LocalPreviewError('local-preview-rejected', _context3.t0 instanceof Error ? _context3.t0 : undefined);
 
           case 10:
             if (!(typeof value === 'string')) {
@@ -197,7 +197,7 @@ var getCardPreviewFromBackend = /*#__PURE__*/function () {
           case 7:
             _context4.prev = 7;
             _context4.t0 = _context4["catch"](0);
-            throw new _errors.RemotePreviewError('remote-preview-fetch', _context4.t0);
+            throw new _errors.RemotePreviewError('remote-preview-fetch', _context4.t0 instanceof Error ? _context4.t0 : undefined);
 
           case 10:
           case "end":

package/dist/cjs/root/card/getCardPreview/index.js

@@ -280,7 +280,7 @@ var getSSRCardPreview = function getSSRCardPreview(ssr, mediaClient, id, params,
     };
   } catch (e) {
     var reason = ssr === 'server' ? 'ssr-server-uri' : 'ssr-client-uri';
-    throw new _errors.SsrPreviewError(reason, e);
+    throw new _errors.SsrPreviewError(reason, e instanceof Error ? e : undefined);
   }
 };
 

package/dist/cjs/root/card/index.js

@@ -90,7 +90,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.1.4";
+var packageVersion = "74.1.5";
 
 var CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);

package/dist/cjs/root/inlinePlayer.js

@@ -120,7 +120,7 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
               _context.prev = 9;
               _context.t0 = _context["catch"](2);
 
-              if (onError) {
+              if (onError && _context.t0 instanceof Error) {
                 onError(_context.t0);
               }
 
@@ -283,7 +283,7 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
                     _context2.t0 = _context2["catch"](19);
                     onError = _this2.props.onError;
 
-                    if (onError) {
+                    if (onError && _context2.t0 instanceof Error) {
                       onError(_context2.t0);
                     }
 

package/dist/cjs/utils/ufoExperiences.js

@@ -22,7 +22,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.1.4";
+var packageVersion = "74.1.5";
 var concurrentExperience;
 
 var getExperience = function getExperience(id) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.4",
+	"version": "74.1.5",
 	"sideEffects": false
 }

package/dist/es2019/root/card/getCardPreview/helpers.js

@@ -19,7 +19,7 @@ const getImageLocalPreview = async value => {
       source: 'local'
     };
   } catch (e) {
-    throw new LocalPreviewError('local-preview-image', e);
+    throw new LocalPreviewError('local-preview-image', e instanceof Error ? e : undefined);
   }
 };
 
@@ -32,7 +32,7 @@ const getVideoLocalPreview = async value => {
       source: 'local'
     };
   } catch (e) {
-    throw new LocalPreviewError('local-preview-video', e);
+    throw new LocalPreviewError('local-preview-video', e instanceof Error ? e : undefined);
   }
 };
 
@@ -43,7 +43,7 @@ export const getCardPreviewFromFilePreview = async filePreview => {
     const resolvedFilePreview = await filePreview;
     value = resolvedFilePreview.value;
   } catch (e) {
-    throw new LocalPreviewError('local-preview-rejected', e);
+    throw new LocalPreviewError('local-preview-rejected', e instanceof Error ? e : undefined);
   }
 
   if (typeof value === 'string') {
@@ -78,6 +78,6 @@ export const getCardPreviewFromBackend = async (mediaClient, id, params) => {
       source: 'remote'
     };
   } catch (e) {
-    throw new RemotePreviewError('remote-preview-fetch', e);
+    throw new RemotePreviewError('remote-preview-fetch', e instanceof Error ? e : undefined);
   }
 };

package/dist/es2019/root/card/getCardPreview/index.js

@@ -180,7 +180,7 @@ export const getSSRCardPreview = (ssr, mediaClient, id, params, mediaBlobUrlAttr
     };
   } catch (e) {
     const reason = ssr === 'server' ? 'ssr-server-uri' : 'ssr-client-uri';
-    throw new SsrPreviewError(reason, e);
+    throw new SsrPreviewError(reason, e instanceof Error ? e : undefined);
   }
 };
 export const isLocalPreview = preview => {

package/dist/es2019/root/card/index.js

@@ -25,7 +25,7 @@ import { getMediaCardCursor } from '../../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../../utils/ufoExperiences';
 import { generateUniqueId } from '../../utils/generateUniqueId';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.1.4";
+const packageVersion = "74.1.5";
 export class CardBase extends Component {
   // An internalOccurrenceKey is a randomly generated value to differentiate various instances
   // of Cards regardless of whether it shares the same file (either internal or external)

package/dist/es2019/root/inlinePlayer.js

@@ -55,7 +55,7 @@ export class InlinePlayerBase extends Component {
         const fileSrc = await mediaClient.file.getFileBinaryURL(id, collectionName);
         this.setFileSrc(fileSrc);
       } catch (error) {
-        if (onError) {
+        if (onError && error instanceof Error) {
           onError(error);
         }
       }
@@ -187,7 +187,7 @@ export class InlinePlayerBase extends Component {
               onError
             } = this.props;
 
-            if (onError) {
+            if (onError && error instanceof Error) {
               onError(error);
             }
           }

package/dist/es2019/utils/ufoExperiences.js

@@ -3,7 +3,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata, LOGGED_FEATURE_FLAG_KE
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.1.4";
+const packageVersion = "74.1.5";
 let concurrentExperience;
 
 const getExperience = id => {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.4",
+	"version": "74.1.5",
 	"sideEffects": false
 }

package/dist/esm/root/card/getCardPreview/helpers.js

@@ -36,7 +36,7 @@ var getImageLocalPreview = /*#__PURE__*/function () {
           case 8:
             _context.prev = 8;
             _context.t0 = _context["catch"](0);
-            throw new LocalPreviewError('local-preview-image', _context.t0);
+            throw new LocalPreviewError('local-preview-image', _context.t0 instanceof Error ? _context.t0 : undefined);
 
           case 11:
           case "end":
@@ -73,7 +73,7 @@ var getVideoLocalPreview = /*#__PURE__*/function () {
           case 7:
             _context2.prev = 7;
             _context2.t0 = _context2["catch"](0);
-            throw new LocalPreviewError('local-preview-video', _context2.t0);
+            throw new LocalPreviewError('local-preview-video', _context2.t0 instanceof Error ? _context2.t0 : undefined);
 
           case 10:
           case "end":
@@ -109,7 +109,7 @@ export var getCardPreviewFromFilePreview = /*#__PURE__*/function () {
           case 7:
             _context3.prev = 7;
             _context3.t0 = _context3["catch"](0);
-            throw new LocalPreviewError('local-preview-rejected', _context3.t0);
+            throw new LocalPreviewError('local-preview-rejected', _context3.t0 instanceof Error ? _context3.t0 : undefined);
 
           case 10:
             if (!(typeof value === 'string')) {
@@ -178,7 +178,7 @@ export var getCardPreviewFromBackend = /*#__PURE__*/function () {
           case 7:
             _context4.prev = 7;
             _context4.t0 = _context4["catch"](0);
-            throw new RemotePreviewError('remote-preview-fetch', _context4.t0);
+            throw new RemotePreviewError('remote-preview-fetch', _context4.t0 instanceof Error ? _context4.t0 : undefined);
 
           case 10:
           case "end":

package/dist/esm/root/card/getCardPreview/index.js

@@ -223,7 +223,7 @@ export var getSSRCardPreview = function getSSRCardPreview(ssr, mediaClient, id,
     };
   } catch (e) {
     var reason = ssr === 'server' ? 'ssr-server-uri' : 'ssr-client-uri';
-    throw new SsrPreviewError(reason, e);
+    throw new SsrPreviewError(reason, e instanceof Error ? e : undefined);
   }
 };
 export var isLocalPreview = function isLocalPreview(preview) {

package/dist/esm/root/card/index.js

@@ -43,7 +43,7 @@ import { getMediaCardCursor } from '../../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../../utils/ufoExperiences';
 import { generateUniqueId } from '../../utils/generateUniqueId';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.1.4";
+var packageVersion = "74.1.5";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
 

package/dist/esm/root/inlinePlayer.js

@@ -88,7 +88,7 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
               _context.prev = 9;
               _context.t0 = _context["catch"](2);
 
-              if (onError) {
+              if (onError && _context.t0 instanceof Error) {
                 onError(_context.t0);
               }
 
@@ -256,7 +256,7 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
                     _context2.t0 = _context2["catch"](19);
                     onError = _this2.props.onError;
 
-                    if (onError) {
+                    if (onError && _context2.t0 instanceof Error) {
                       onError(_context2.t0);
                     }
 

package/dist/esm/utils/ufoExperiences.js

@@ -9,7 +9,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata, LOGGED_FEATURE_FLAG_KE
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.1.4";
+var packageVersion = "74.1.5";
 var concurrentExperience;
 
 var getExperience = function getExperience(id) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.4",
+	"version": "74.1.5",
 	"sideEffects": false
 }

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { FileItem, FileDetails } from '@atlaskit/media-client';
+import { ReactNode } from 'react';
+export interface CardAction {
+    label?: string;
+    handler: CardEventHandler;
+    icon?: ReactNode;
+}
+export declare type CardEventHandler = (item?: FileItem, event?: Event) => void;
+export declare function attachDetailsToActions(actions: Array<CardAction>, details: FileDetails): Array<CardAction>;

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

@@ -0,0 +1 @@
+export { fileCardImageViewSelector, fileCardImageViewSelectedSelector, } from './files/cardImageView/classnames';

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

@@ -0,0 +1,41 @@
+import { CardPreview } from '.';
+/**
+ * Primary reason is logged through Data Portal.
+ * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
+ */
+export declare type MediaCardErrorPrimaryReason = 'upload' | 'metadata-fetch' | 'error-file-state' | RemotePreviewPrimaryReason | LocalPreviewPrimaryReason | ImageLoadPrimaryReason | SsrPreviewPrimaryReason | 'missing-error-data' | 'preview-fetch';
+export declare type ImageLoadPrimaryReason = 'cache-remote-uri' | 'cache-local-uri' | 'local-uri' | 'remote-uri' | 'external-uri' | 'unknown-uri';
+export declare type RemotePreviewPrimaryReason = 'remote-preview-fetch' | 'remote-preview-not-ready';
+export declare type LocalPreviewPrimaryReason = 'local-preview-get' | 'local-preview-unsupported' | 'local-preview-rejected' | 'local-preview-image' | 'local-preview-video';
+export declare type SsrPreviewPrimaryReason = 'ssr-client-uri' | 'ssr-client-load' | 'ssr-server-uri' | 'ssr-server-load';
+export declare class MediaCardError extends Error {
+    readonly primaryReason: MediaCardErrorPrimaryReason;
+    readonly secondaryError?: Error | undefined;
+    constructor(primaryReason: MediaCardErrorPrimaryReason, secondaryError?: Error | undefined);
+}
+export declare class LocalPreviewError extends MediaCardError {
+    readonly primaryReason: LocalPreviewPrimaryReason;
+    readonly secondaryError?: Error | undefined;
+    constructor(primaryReason: LocalPreviewPrimaryReason, secondaryError?: Error | undefined);
+}
+export declare class RemotePreviewError extends MediaCardError {
+    readonly primaryReason: RemotePreviewPrimaryReason;
+    readonly secondaryError?: Error | undefined;
+    constructor(primaryReason: RemotePreviewPrimaryReason, secondaryError?: Error | undefined);
+}
+export declare class SsrPreviewError extends MediaCardError {
+    readonly primaryReason: SsrPreviewPrimaryReason;
+    readonly secondaryError?: Error | undefined;
+    constructor(primaryReason: SsrPreviewPrimaryReason, secondaryError?: Error | undefined);
+}
+export declare const getImageLoadPrimaryReason: (source?: import("./types").CardPreviewSource | undefined) => ImageLoadPrimaryReason;
+export declare class ImageLoadError extends MediaCardError {
+    constructor(source?: CardPreview['source']);
+}
+export declare function isMediaCardError(err: Error): err is MediaCardError;
+export declare const isLocalPreviewError: (err: Error) => err is LocalPreviewError;
+export declare const isRemotePreviewError: (err: Error) => err is LocalPreviewError;
+export declare const isUnsupportedLocalPreviewError: (err: Error) => boolean;
+export declare function isImageLoadError(err: Error): err is ImageLoadError;
+export declare const ensureMediaCardError: (primaryReason: MediaCardErrorPrimaryReason, error: Error) => MediaCardError;
+export declare const isUploadError: (error?: MediaCardError | undefined) => boolean | undefined;

package/dist/types-ts4.0/files/cardImageView/cardImageViewWrapper.d.ts

@@ -0,0 +1,6 @@
+/**@jsx jsx */
+import { jsx } from '@emotion/react';
+import { WrapperProps } from './styles';
+export declare const CardImageViewWrapper: (props: WrapperProps) => jsx.JSX.Element;
+export declare const PlayIconWrapper: (props: any) => jsx.JSX.Element;
+export declare const ProgressBarWrapper: (props: any) => jsx.JSX.Element;

package/dist/types-ts4.0/files/cardImageView/cardOverlay/cardOverlayComponents.d.ts

@@ -0,0 +1,8 @@
+/**@jsx jsx */
+import { jsx } from '@emotion/react';
+import { OverlayProps } from './styles';
+export declare const Overlay: (props: OverlayProps) => jsx.JSX.Element;
+export declare const ErrorMessage: (props: any) => jsx.JSX.Element;
+export declare const AltWrapper: (props: any) => jsx.JSX.Element;
+export declare const TitleWrapper: (props: any) => jsx.JSX.Element;
+export declare const Metadata: (props: any) => jsx.JSX.Element;

package/dist/types-ts4.0/files/cardImageView/cardOverlay/index.d.ts

@@ -0,0 +1,39 @@
+/**@jsx jsx */
+import { jsx } from '@emotion/react';
+import { MouseEvent, Component, ReactNode } from 'react';
+import { MediaType } from '@atlaskit/media-client';
+import { CardAction, CardEventHandler } from '../../../actions';
+import { CardStatus } from '../../../index';
+export interface CardOverlayProps {
+    readonly cardStatus: CardStatus;
+    mediaType?: MediaType;
+    mediaName?: string;
+    subtitle?: string;
+    selectable?: boolean;
+    selected?: boolean;
+    persistent: boolean;
+    error?: ReactNode;
+    alt?: string;
+    noHover?: boolean;
+    actions?: Array<CardAction>;
+    icon?: string;
+}
+export interface CardOverlayState {
+    isMenuExpanded: boolean;
+}
+export declare class CardOverlay extends Component<CardOverlayProps, CardOverlayState> {
+    static defaultProps: {
+        actions: never[];
+        mediaName: string;
+    };
+    constructor(props: CardOverlayProps);
+    private get wrapperClassNames();
+    render(): jsx.JSX.Element;
+    errorLine(): false | "" | 0 | jsx.JSX.Element | null | undefined;
+    tickBox(): false | jsx.JSX.Element | undefined;
+    bottomLeftColumn(): jsx.JSX.Element | undefined;
+    onMenuToggle: (attrs: {
+        isOpen: boolean;
+    }) => void;
+    removeBtnClick(handler: CardEventHandler): (e: MouseEvent<HTMLDivElement, any>) => void;
+}

package/dist/types-ts4.0/files/cardImageView/cardOverlay/styles.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+/**
+ * Everything about this file change is just wrong.
+ * Mostly because we do bad things with classes.
+ * This is all wrong and hopefully will be removed from existence with card v3,
+ * so please don’t be too sad about all this!
+ */
+import { GlobalThemeTokens } from '@atlaskit/theme/components';
+export interface OverlayProps {
+    hasError?: boolean;
+    noHover?: boolean;
+    className?: string;
+    children?: JSX.Element[];
+}
+export declare const tickBoxStyles: import("@emotion/react").SerializedStyles;
+export declare const overlayStyles: (props: OverlayProps) => import("@emotion/react").SerializedStyles;
+export declare const errorLineStyles: import("@emotion/react").SerializedStyles;
+export declare const leftColumnStyles: import("@emotion/react").SerializedStyles;
+export declare const topRowStyles: import("@emotion/react").SerializedStyles;
+export declare const bottomRowStyles: import("@emotion/react").SerializedStyles;
+export declare const rightColumnStyles: import("@emotion/react").SerializedStyles;
+export declare const errorMessageStyles: import("@emotion/react").SerializedStyles;
+export declare const altWrapperStyles: import("@emotion/react").SerializedStyles;
+export declare const titleWrapperStyles: (theme: GlobalThemeTokens) => import("@emotion/react").SerializedStyles;
+export declare const subtitleStyles: import("@emotion/react").SerializedStyles;
+export declare const metadataStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/files/cardImageView/classnames.d.ts

@@ -0,0 +1,2 @@
+export declare const fileCardImageViewSelector = "media-file-card-view";
+export declare const fileCardImageViewSelectedSelector = "media-file-card-view-selected";

package/dist/types-ts4.0/files/cardImageView/index.d.ts

@@ -0,0 +1,50 @@
+/**@jsx jsx */
+import { jsx } from '@emotion/react';
+import { Component, ReactNode } from 'react';
+import { MediaItemType, MediaType, ImageResizeMode } from '@atlaskit/media-client';
+import { CardDimensions, CardStatus } from '../../index';
+import { CardAction } from '../../actions';
+import { CardPreview } from '../..';
+export interface FileCardImageViewProps {
+    readonly mediaName?: string;
+    readonly mediaType?: MediaType;
+    readonly mimeType?: string;
+    readonly fileSize?: string;
+    readonly dataURI?: string;
+    readonly alt?: string;
+    readonly progress?: number;
+    readonly status: CardStatus;
+    readonly mediaItemType: MediaItemType;
+    readonly dimensions?: CardDimensions;
+    readonly resizeMode?: ImageResizeMode;
+    readonly disableOverlay?: boolean;
+    readonly selectable?: boolean;
+    readonly selected?: boolean;
+    readonly error?: ReactNode;
+    readonly actions?: CardAction[];
+    readonly onDisplayImage?: () => void;
+    readonly previewOrientation?: number;
+    readonly onImageError?: (cardPreview: CardPreview) => void;
+    readonly onImageLoad?: (cardPreview: CardPreview) => void;
+    readonly cardPreview: CardPreview;
+}
+export declare class FileCardImageView extends Component<FileCardImageViewProps> {
+    private wasThumbnailDisplayed;
+    static defaultProps: Partial<FileCardImageViewProps>;
+    render(): jsx.JSX.Element;
+    private renderCardContents;
+    private renderLoadingContents;
+    private renderErrorContents;
+    private renderFailedContents;
+    private renderUploadingCardOverlay;
+    private renderPlayButton;
+    onImageLoad: () => void;
+    onImageError: () => void;
+    private renderMediaImage;
+    private renderProgressBar;
+    private renderSuccessCardContents;
+    private renderSuccessCardOverlay;
+    private get isFileCardImageReadyForDisplay();
+    private get isCropped();
+    private get isStretched();
+}

package/dist/types-ts4.0/files/cardImageView/styles.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { GlobalThemeTokens } from '@atlaskit/theme/components';
+import { CardStatus } from '../../index';
+export interface WrapperProps {
+    disableOverlay?: boolean;
+    selectable?: boolean;
+    selected?: boolean;
+    hasOnClick?: boolean;
+    mediaType?: string;
+    mediaName?: string;
+    progress?: number;
+    status?: CardStatus;
+    theme?: GlobalThemeTokens;
+    children?: JSX.Element | JSX.Element[];
+}
+export declare const wrapperStyles: (props: WrapperProps) => import("@emotion/react").SerializedStyles;
+export declare const playIconWrapperStyles: import("@emotion/react").SerializedStyles;
+export declare const playIconBackgroundStyles: import("@emotion/react").SerializedStyles;
+export declare const progressBarWrapperStyles: import("@emotion/react").SerializedStyles;
+export declare const overlayStyles: import("@emotion/react").SerializedStyles;
+export declare const titleStyles: import("@emotion/react").SerializedStyles;
+export declare const bodyStyles: import("@emotion/react").SerializedStyles;
+export declare const progressWrapperStyles: import("@emotion/react").SerializedStyles;
+export declare const cardActionsWrapperStyles: import("@emotion/react").SerializedStyles;

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

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

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

@@ -0,0 +1 @@
+export { MediaCardPageObject } from './__tests_external__';

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

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

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

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

package/dist/types-ts4.0/root/card/cardConstants.d.ts

@@ -0,0 +1 @@
+export declare const newFileExperienceClassName = "new-file-experience-wrapper";