@atlaskit/media-card 74.1.7 → 74.1.8

package/dist/types-ts4.0/{root → card}/ui/styles.d.ts

@@ -1,4 +1,4 @@
-import { CardDimensions, CardAppearance } from '../..';
+import { CardDimensions, CardAppearance } from '../../types';
 import { Breakpoint } from './common';
 import { MediaCardCursor } from '../../types';
 export declare const calcBreakpointSize: (wrapperWidth?: number) => Breakpoint;

package/dist/{types/root → types-ts4.0/card}/ui/titleBox/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { MessageDescriptor } from 'react-intl-next';
 import { Breakpoint } from '../common';
-import { TitleBoxIcon as TitleBoxIconType } from '../../../index';
+import { TitleBoxIcon as TitleBoxIconType } from '../../../types';
 export declare type TitleBoxProps = {
     name: string;
     breakpoint: Breakpoint;

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

@@ -1 +1,5 @@
-export { fileCardImageViewSelector, fileCardImageViewSelectedSelector, } from './files/cardImageView/classnames';
+/**
+ * Entry Point: @atlaskit/media-card/classnames
+ * tsconfig.entry-points.json
+ */
+export { fileCardImageViewSelector, fileCardImageViewSelectedSelector, } from './card/cardImageView/classnames';

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

@@ -1,4 +1,4 @@
-import { CardPreview } from '.';
+import { CardPreview } from './types';
 /**
  * Primary reason is logged through Data Portal.
  * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event

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

@@ -1 +1,5 @@
+/**
+ * Entry Point: @atlaskit/media-card/in-product
+ * tsconfig.entry-points.json
+ */
 export { MediaCardPageObject } from './__tests_external__';

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

@@ -1,77 +1,15 @@
-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';
+/**
+ * Entry Point: @atlaskit/media-card
+ * tsconfig.entry-points.json
+ */
 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 type { CardAction, CardEventHandler } from './card/actions';
+export type { CardStatus, CardAppearance, CardDimensionValue, CardPreview, TitleBoxIcon, CardEvent, SharedCardProps, CardOnClickCallback, CardProps, CardState, CardDimensions, } from './types';
+export { Card } from './card';
+export { MediaInlineCard } from './inline';
 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';
+export { fileCardImageViewSelector, fileCardImageViewSelectedSelector, } from './card/cardImageView/classnames';
+export { inlinePlayerClassName } from './card/styles/styles';
+export { newFileExperienceClassName } from './card/cardConstants';

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

@@ -0,0 +1 @@
+export { default as MediaInlineCard } from './loader';

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

@@ -1,4 +1,14 @@
-import { CardDimensions } from './utils';
+/**
+ * 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 { MediaViewerDataSource } from '@atlaskit/media-viewer';
+import { MediaCardError } from './errors';
 export declare type CardStatus = 'uploading' | 'loading' | 'processing' | 'loading-preview' | 'complete' | 'error' | 'failed-processing';
 export declare type FilePreviewStatus = {
     hasFilesize: boolean;
@@ -23,3 +33,64 @@ export declare enum MediaCardCursor {
     Action = "pointer",
     NotReady = "wait"
 }
+export interface CardDimensions {
+    width?: CardDimensionValue;
+    height?: CardDimensionValue;
+}
+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;
+}

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

@@ -2,8 +2,7 @@ import { FileDetails, MediaClientErrorReason, RequestMetadata } from '@atlaskit/
 import { FileAttributes, PerformanceAttributes, OperationalEventPayload, UIEventPayload, WithFileAttributes, WithPerformanceAttributes, SuccessAttributes, FailureAttributes, ScreenEventPayload, ScreenAttributes } from '@atlaskit/media-common';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { MediaCardError, MediaCardErrorPrimaryReason } from '../errors';
-import { CardDimensions } from './cardDimensions';
-import { CardPreviewSource } from '../types';
+import { CardPreviewSource, CardDimensions } from '../types';
 export declare type CardPreviewAttributes = {
     fileId: string;
     prevDimensions: CardDimensions | undefined;

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

@@ -1,4 +1,4 @@
-import { CardDimensionValue } from '../';
+import { CardDimensionValue } from '../types';
 export declare type BreakpointSizeValue = 'small' | 'medium' | 'large' | 'xlarge';
 export declare const breakpointSize: (width: CardDimensionValue, sizes?: any) => BreakpointSizeValue;
 export interface BreakpointProps {

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

@@ -1,4 +1,3 @@
-/**@jsx jsx */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { CardActionButtonOwnProps } from './styles';
-export declare const CardActionButton: (props: CardActionButtonOwnProps) => jsx.JSX.Element;
+export declare const CardActionButton: import("react").ForwardRefExoticComponent<CardActionButtonOwnProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import { CardAction } from '../../actions';
+import { CardAction } from '../../card/actions';
 import { CardActionIconButtonVariant } from './styles';
 export declare type CardActionsDropdownMenuProps = {
     readonly actions: CardAction[];

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

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import { CardAction } from '../../actions';
+import { CardAction } from '../../card/actions';
 import { CardActionIconButtonVariant } from './styles';
 export interface CardActionsViewProps {
     readonly actions: CardAction[];

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

@@ -1,8 +1,4 @@
-import { CardAppearance, CardDimensionValue } from '../types';
-export interface CardDimensions {
-    width?: CardDimensionValue;
-    height?: CardDimensionValue;
-}
+import { CardAppearance, CardDimensions } from '../types';
 export declare const defaultSmallCardDimensions: {
     width: string;
     height: number;

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

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

@@ -1,4 +1,4 @@
-import { CardDimensions } from './cardDimensions';
+import { CardDimensions } from '../types';
 import { ElementDimension } from './getElementDimension';
 import { NumericalCardDimensions } from '@atlaskit/media-common';
 export declare type getDataURIDimensionOptions = {

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

@@ -12,4 +12,3 @@ export { isValidPercentageUnit } from './isValidPercentageUnit';
 export { getElementDimension } from './getElementDimension';
 export type { ElementDimension } from './getElementDimension';
 export { containsPixelUnit } from './containsPixelUnit';
-export type { CardDimensions } from './cardDimensions';

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

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

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

@@ -1,4 +1,4 @@
 import { WrapperProps } from './types';
-export declare const blinkLoadingAnimation: import("@emotion/react").Keyframes;
+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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CardDimensions } from '../../utils/cardDimensions';
+import { CardDimensions } from '../../types';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { GlobalThemeTokens } from '@atlaskit/theme/components';
 export interface StaticCardProps {

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

@@ -1,4 +1,4 @@
-import { CardPreview } from '../';
+import { CardPreview } from '../types';
 export declare const PREVIEW_CACHE_LRU_SIZE = 50;
 export declare class ObjectURLCache {
     private readonly cache;

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

@@ -1,3 +1,3 @@
 import { MediaItemType, MediaType } from '@atlaskit/media-client';
-import { CardStatus } from '..';
+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

@@ -1,4 +1,4 @@
-import { CardStatus } from '../../src';
+import { CardStatus } from '../types';
 import { FileAttributes } from '@atlaskit/media-common';
 import { SSRStatus } from './analytics';
 import { MediaCardError } from '../errors';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "74.1.7",
+  "version": "74.1.8",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -39,20 +39,20 @@
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/dropdown-menu": "^11.5.0",
     "@atlaskit/editor-shared-styles": "^2.2.0",
-    "@atlaskit/icon": "^21.10.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"
   },
@@ -66,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",
@@ -81,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",

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/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';

package/dist/esm/files/index.js

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

package/dist/esm/root/index.js

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

package/dist/types/files/index.d.ts

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

package/dist/types/root/index.d.ts

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

package/dist/types/styles/animations.d.ts

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

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

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

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

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

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

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