@atlaskit/media-card 74.1.3 → 74.1.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @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
+
+- [`80a1ca7b589`](https://bitbucket.org/atlassian/atlassian-frontend/commits/80a1ca7b589) - Fix compatility issue of Intersection Observer API in old browser versions
+
 ## 74.1.3
 
 ### Patch Changes

package/classnames/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/classnames.js",
   "module:es2019": "../dist/es2019/classnames.js",
   "sideEffects": false,
-  "types": "../dist/types/classnames.d.ts"
+  "types": "../dist/types/classnames.d.ts",
+  "typesVersions": {
+    ">=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.3";
+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.3";
+var packageVersion = "74.1.5";
 var concurrentExperience;
 
 var getExperience = function getExperience(id) {

package/dist/cjs/utils/viewportDetector.js

@@ -53,10 +53,28 @@ var ViewportObserver = function ViewportObserver(_ref) {
       cardEl = _ref.cardEl,
       children = _ref.children;
   (0, _react.useEffect)(function () {
-    var intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-      root: (0, _document.default)(),
-      rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
-    });
+    var intersectionObserver;
+
+    try {
+      intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+        root: (0, _document.default)(),
+        rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
+      });
+    } catch (error) {
+      var _error$message;
+
+      var errorMessage = "Failed to construct 'IntersectionObserver': member root is not of type Element";
+
+      if ((_error$message = error.message) !== null && _error$message !== void 0 && _error$message.includes(errorMessage)) {
+        intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+          root: null,
+          rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
+        });
+      } else {
+        throw error;
+      }
+    }
+
     cardEl && intersectionObserver.observe(cardEl);
     return function () {
       intersectionObserver.disconnect();

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.3",
+	"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.3";
+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.3";
+const packageVersion = "74.1.5";
 let concurrentExperience;
 
 const getExperience = id => {

package/dist/es2019/utils/viewportDetector.js

@@ -18,10 +18,28 @@ const ViewportObserver = ({
   children
 }) => {
   useEffect(() => {
-    const intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-      root: getDocument(),
-      rootMargin: `${ABS_VIEWPORT_ANCHOR_OFFSET_TOP}px`
-    });
+    let intersectionObserver;
+
+    try {
+      intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+        root: getDocument(),
+        rootMargin: `${ABS_VIEWPORT_ANCHOR_OFFSET_TOP}px`
+      });
+    } catch (error) {
+      var _error$message;
+
+      const errorMessage = "Failed to construct 'IntersectionObserver': member root is not of type Element";
+
+      if ((_error$message = error.message) !== null && _error$message !== void 0 && _error$message.includes(errorMessage)) {
+        intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+          root: null,
+          rootMargin: `${ABS_VIEWPORT_ANCHOR_OFFSET_TOP}px`
+        });
+      } else {
+        throw error;
+      }
+    }
+
     cardEl && intersectionObserver.observe(cardEl);
     return () => {
       intersectionObserver.disconnect();

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.3",
+	"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.3";
+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.3";
+var packageVersion = "74.1.5";
 var concurrentExperience;
 
 var getExperience = function getExperience(id) {

package/dist/esm/utils/viewportDetector.js

@@ -36,10 +36,28 @@ var ViewportObserver = function ViewportObserver(_ref) {
       cardEl = _ref.cardEl,
       children = _ref.children;
   useEffect(function () {
-    var intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-      root: getDocument(),
-      rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
-    });
+    var intersectionObserver;
+
+    try {
+      intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+        root: getDocument(),
+        rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
+      });
+    } catch (error) {
+      var _error$message;
+
+      var errorMessage = "Failed to construct 'IntersectionObserver': member root is not of type Element";
+
+      if ((_error$message = error.message) !== null && _error$message !== void 0 && _error$message.includes(errorMessage)) {
+        intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+          root: null,
+          rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
+        });
+      } else {
+        throw error;
+      }
+    }
+
     cardEl && intersectionObserver.observe(cardEl);
     return function () {
       intersectionObserver.disconnect();

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.3",
+	"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();
+}