@atlaskit/media-card 77.1.2 → 77.2.1

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "77.1.2",
+  "version": "77.2.1",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -37,18 +37,18 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/dropdown-menu": "^12.0.0",
+    "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/editor-shared-styles": "^2.8.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/media-client": "^24.0.0",
-    "@atlaskit/media-client-react": "^1.0.0",
+    "@atlaskit/media-client-react": "^1.3.0",
     "@atlaskit/media-common": "^9.0.0",
     "@atlaskit/media-ui": "^25.0.0",
     "@atlaskit/media-viewer": "^48.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.2",
     "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.25.0",
+    "@atlaskit/tokens": "^1.28.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",
@@ -78,6 +78,7 @@
     "@atlassian/ufo": "^0.2.0",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/react": "^12.1.5",
+    "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.4.3",
     "@types/classnames": "^2.2.6",
     "@types/react-loadable": "^5.4.1",

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,345 @@
+## API Report File for "@atlaskit/media-card"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { Component } from 'react';
+import { FileDetails } from '@atlaskit/media-client';
+import { FileIdentifier } from '@atlaskit/media-client';
+import { FileItem } from '@atlaskit/media-client';
+import { FileState } from '@atlaskit/media-client';
+import { Identifier } from '@atlaskit/media-client';
+import { ImageResizeMode } from '@atlaskit/media-client';
+import { MediaClient } from '@atlaskit/media-client';
+import { MediaFeatureFlags } from '@atlaskit/media-common';
+import { MouseEvent as MouseEvent_2 } from 'react';
+import { NumericalCardDimensions } from '@atlaskit/media-common';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+import { SSR } from '@atlaskit/media-common';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { WithMediaClientConfigProps } from '@atlaskit/media-client';
+import { WrappedComponentProps } from 'react-intl-next';
+
+// @public (undocumented)
+export function Card(props: CardWithMediaClientConfigProps): JSX.Element;
+
+// @public (undocumented)
+export interface CardAction {
+    // (undocumented)
+    handler: CardEventHandler;
+    // (undocumented)
+    icon?: ReactNode;
+    // (undocumented)
+    label?: string;
+}
+
+// @public (undocumented)
+export type CardAppearance = 'auto' | 'horizontal' | 'image' | 'square';
+
+// @public (undocumented)
+type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
+
+// @public (undocumented)
+export interface CardDimensions {
+    // (undocumented)
+    height?: CardDimensionValue;
+    // (undocumented)
+    width?: CardDimensionValue;
+}
+
+// @public (undocumented)
+export type CardDimensionValue = number | string;
+
+// @public (undocumented)
+export class CardError extends Component<ErrorCardProps, {}> {
+    // (undocumented)
+    static defaultProps: {
+        size: string;
+    };
+    // (undocumented)
+    get icon(): JSX.Element;
+    // (undocumented)
+    render(): JSX.Element;
+}
+
+// @public (undocumented)
+export interface CardEvent {
+    // (undocumented)
+    event: MouseEvent_2<HTMLElement>;
+    // (undocumented)
+    mediaItemDetails?: FileDetails;
+}
+
+// @public (undocumented)
+export type CardEventHandler = (item?: FileItem, event?: Event) => void;
+
+// @public (undocumented)
+interface CardEventProps {
+    // (undocumented)
+    readonly onClick?: CardOnClickCallback;
+    readonly onFullscreenChange?: (fullscreen: boolean) => void;
+    // (undocumented)
+    readonly onMouseEnter?: (result: CardEvent) => void;
+}
+
+// @public (undocumented)
+export class CardLoading extends Component<StaticCardProps, {}> {
+    // (undocumented)
+    render(): JSX.Element;
+}
+
+// @public (undocumented)
+export interface CardOnClickCallback {
+    // (undocumented)
+    (result: CardEvent, analyticsEvent?: UIAnalyticsEvent): void;
+}
+
+// @public (undocumented)
+export interface CardPreview {
+    // (undocumented)
+    dataURI: string;
+    // (undocumented)
+    dimensions?: CardDimensions;
+    // (undocumented)
+    orientation?: number;
+    // (undocumented)
+    source: CardPreviewSource;
+}
+
+// @public (undocumented)
+type CardPreviewSource = 'cache-local' | 'cache-remote' | 'cache-ssr-client' | 'cache-ssr-server' | 'external' | 'local' | 'remote' | 'ssr-client' | 'ssr-data' | 'ssr-server';
+
+// @public (undocumented)
+export interface CardProps extends SharedCardProps, CardEventProps {
+    // (undocumented)
+    readonly contextId?: string;
+    // (undocumented)
+    readonly identifier: Identifier;
+    // (undocumented)
+    readonly isLazy?: boolean;
+    // (undocumented)
+    readonly mediaClient: MediaClient;
+    // (undocumented)
+    readonly mediaViewerItems?: Identifier[];
+    // (undocumented)
+    readonly shouldEnableDownloadButton?: boolean;
+    // (undocumented)
+    readonly shouldHideTooltip?: boolean;
+    // (undocumented)
+    readonly shouldOpenMediaViewer?: boolean;
+    // (undocumented)
+    readonly ssr?: SSR;
+    // (undocumented)
+    readonly useInlinePlayer?: boolean;
+}
+
+// @public (undocumented)
+export interface CardState {
+    // (undocumented)
+    cardPreview?: CardPreview;
+    // (undocumented)
+    cardRef: HTMLDivElement | null;
+    // (undocumented)
+    error?: MediaCardError;
+    // (undocumented)
+    fileState?: FileState;
+    // (undocumented)
+    isBannedLocalPreview: boolean;
+    // (undocumented)
+    isCardVisible: boolean;
+    // (undocumented)
+    isPlayingFile: boolean;
+    // (undocumented)
+    mediaViewerSelectedItem?: Identifier;
+    // (undocumented)
+    previewDidRender: boolean;
+    // (undocumented)
+    progress?: number;
+    // (undocumented)
+    shouldAutoplay?: boolean;
+    // (undocumented)
+    shouldUpdateStateForIdentifier?: boolean;
+    // (undocumented)
+    status: CardStatus;
+    // (undocumented)
+    wasResolvedUpfrontPreview: boolean;
+}
+
+// @public (undocumented)
+export type CardStatus = 'complete' | 'error' | 'failed-processing' | 'loading' | 'loading-preview' | 'processing' | 'uploading';
+
+// @public (undocumented)
+type CardWithMediaClientConfigProps = WithMediaClientConfigProps<CardBaseProps>;
+
+// @public (undocumented)
+export const defaultImageCardDimensions: {
+    width: number;
+    height: number;
+};
+
+// @public (undocumented)
+type ErrorBoundaryComponent = React_2.ComponentType<{
+    data?: {
+        [k: string]: any;
+    };
+    isSelected?: boolean;
+}>;
+
+// @public (undocumented)
+interface ErrorCardProps extends StaticCardProps {
+    // (undocumented)
+    readonly size: 'large' | 'medium' | 'small' | 'xlarge';
+}
+
+// @public (undocumented)
+export const fileCardImageViewSelector = "media-file-card-view";
+
+// @public (undocumented)
+type ImageLoadPrimaryReason = 'cache-local-uri' | 'cache-remote-uri' | 'external-uri' | 'local-uri' | 'remote-uri' | 'unknown-uri';
+
+// @public (undocumented)
+export interface InlineCardEvent {
+    // (undocumented)
+    event: MouseEvent_2<HTMLElement> | React.KeyboardEvent;
+    // (undocumented)
+    mediaItemDetails?: FileDetails;
+}
+
+// @public (undocumented)
+export interface InlineCardOnClickCallback {
+    // (undocumented)
+    (result: InlineCardEvent, analyticsEvent?: UIAnalyticsEvent): void;
+}
+
+// @public (undocumented)
+export const inlinePlayerClassName = "media-card-inline-player";
+
+// @public (undocumented)
+type LocalPreviewPrimaryReason = 'local-preview-get' | 'local-preview-image' | 'local-preview-rejected' | 'local-preview-unsupported' | 'local-preview-video';
+
+// @public (undocumented)
+class MediaCardError extends Error {
+    constructor(primaryReason: MediaCardErrorPrimaryReason, secondaryError?: Error | undefined);
+    // (undocumented)
+    readonly primaryReason: MediaCardErrorPrimaryReason;
+    // (undocumented)
+    readonly secondaryError?: Error | undefined;
+}
+
+// @public
+type MediaCardErrorPrimaryReason = 'error-file-state' | 'metadata-fetch' | 'missing-error-data' | 'preview-fetch' | 'upload' | ImageLoadPrimaryReason | LocalPreviewPrimaryReason | RemotePreviewPrimaryReason | SsrPreviewPrimaryReason;
+
+// @public (undocumented)
+export class MediaInlineCard extends React_2.PureComponent<MediaInlineCardWithMediaClientConfigProps & MediaInlineCardLoaderState, MediaInlineCardLoaderState> {
+    // (undocumented)
+    componentDidMount(): Promise<void>;
+    // (undocumented)
+    componentWillUnmount(): Promise<void>;
+    // (undocumented)
+    static displayName: string;
+    // (undocumented)
+    static ErrorBoundary?: ErrorBoundaryComponent;
+    // (undocumented)
+    static MediaInlineCard?: MediaInlineCardWithMediaClientConfigComponent;
+    // (undocumented)
+    mounted: boolean;
+    // (undocumented)
+    render(): JSX.Element;
+    // (undocumented)
+    state: MediaInlineCardLoaderState;
+}
+
+// @public (undocumented)
+interface MediaInlineCardLoaderState {
+    // (undocumented)
+    ErrorBoundary?: ErrorBoundaryComponent;
+    // (undocumented)
+    MediaInlineCard?: MediaInlineCardWithMediaClientConfigComponent;
+}
+
+// @public (undocumented)
+interface MediaInlineCardProps {
+    // (undocumented)
+    identifier: FileIdentifier;
+    // (undocumented)
+    isSelected?: boolean;
+    // (undocumented)
+    mediaClient: MediaClient;
+    // (undocumented)
+    mediaViewerItems?: Identifier[];
+    // (undocumented)
+    onClick?: InlineCardOnClickCallback;
+    // (undocumented)
+    shouldDisplayToolTip?: boolean;
+    // (undocumented)
+    shouldOpenMediaViewer?: boolean;
+}
+
+// @public (undocumented)
+type MediaInlineCardWithMediaClientConfigComponent = React_2.ComponentType<MediaInlineCardWithMediaClientConfigProps>;
+
+// @public (undocumented)
+type MediaInlineCardWithMediaClientConfigProps = WithMediaClientConfigProps<MediaInlineCardProps>;
+
+// @public (undocumented)
+export const newFileExperienceClassName = "new-file-experience-wrapper";
+
+export { NumericalCardDimensions }
+
+// @public (undocumented)
+type RemotePreviewPrimaryReason = 'remote-preview-fetch' | 'remote-preview-fetch-ssr' | 'remote-preview-not-ready';
+
+// @public (undocumented)
+export interface SharedCardProps {
+    // (undocumented)
+    readonly actions?: Array<CardAction>;
+    // (undocumented)
+    readonly alt?: string;
+    // (undocumented)
+    readonly appearance?: CardAppearance;
+    // (undocumented)
+    readonly dimensions?: CardDimensions;
+    // (undocumented)
+    readonly disableOverlay?: boolean;
+    // (undocumented)
+    readonly featureFlags?: MediaFeatureFlags;
+    // (undocumented)
+    readonly originalDimensions?: NumericalCardDimensions;
+    // (undocumented)
+    readonly resizeMode?: ImageResizeMode;
+    // (undocumented)
+    readonly selectable?: boolean;
+    // (undocumented)
+    readonly selected?: boolean;
+    // (undocumented)
+    readonly testId?: string;
+    // (undocumented)
+    readonly titleBoxBgColor?: string;
+    // (undocumented)
+    readonly titleBoxIcon?: TitleBoxIcon;
+}
+
+// @public (undocumented)
+type SsrPreviewPrimaryReason = 'ssr-client-load' | 'ssr-client-uri' | 'ssr-server-load' | 'ssr-server-uri';
+
+// @public (undocumented)
+interface StaticCardProps {
+    // (undocumented)
+    dimensions?: CardDimensions;
+    // (undocumented)
+    featureFlags?: MediaFeatureFlags;
+    // (undocumented)
+    testId?: string;
+}
+
+// @public (undocumented)
+export type TitleBoxIcon = 'LockFilledIcon';
+
+// (No @packageDocumentation comment for this package)
+
+```