@atlaskit/media-card 78.1.2 → 78.2.1

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

@@ -1,281 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import React, { useEffect, useState, useRef } from 'react';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { createAndFireMediaCardEvent } from '../../utils/analytics';
-import { useBreakpoint } from '../useBreakpoint';
-import { ProcessingCardView } from './processingCardView';
-import { ErrorCardView } from './errorCardView';
-import { VideoCardView } from './videoCardView';
-import { ImageCardView } from './imageCardView';
-import { IconCardView } from './iconCardView';
-import { LoadingCardView } from './loadingCardView';
-export var CardViewsBase = function CardViewsBase(_ref) {
-  var innerRef = _ref.innerRef,
-    onImageLoad = _ref.onImageLoad,
-    onImageError = _ref.onImageError,
-    dimensions = _ref.dimensions,
-    _ref$appearance = _ref.appearance,
-    appearance = _ref$appearance === void 0 ? 'auto' : _ref$appearance,
-    onClick = _ref.onClick,
-    onMouseEnter = _ref.onMouseEnter,
-    testId = _ref.testId,
-    metadata = _ref.metadata,
-    status = _ref.status,
-    selected = _ref.selected,
-    selectable = _ref.selectable,
-    cardPreview = _ref.cardPreview,
-    mediaCardCursor = _ref.mediaCardCursor,
-    shouldHideTooltip = _ref.shouldHideTooltip,
-    progress = _ref.progress,
-    alt = _ref.alt,
-    resizeMode = _ref.resizeMode,
-    onDisplayImage = _ref.onDisplayImage,
-    nativeLazyLoad = _ref.nativeLazyLoad,
-    forceSyncDisplay = _ref.forceSyncDisplay,
-    actions = _ref.actions,
-    disableOverlay = _ref.disableOverlay,
-    titleBoxBgColor = _ref.titleBoxBgColor,
-    titleBoxIcon = _ref.titleBoxIcon,
-    error = _ref.error,
-    disableAnimation = _ref.disableAnimation,
-    shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
-    openMediaViewerButtonRef = _ref.openMediaViewerButtonRef,
-    overriddenCreationDate = _ref.overriddenCreationDate;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    didImageRender = _useState2[0],
-    setDidImageRender = _useState2[1];
-  var divRef = useRef(null);
-  var prevCardPreviewRef = useRef();
-  var breakpoint = useBreakpoint(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
-  useEffect(function () {
-    innerRef && !!divRef.current && innerRef(divRef.current);
-  }, [innerRef]);
-
-  /* didImageRender movements */
-
-  useEffect(function () {
-    // We should only switch didImageRender to false when cardPreview goes undefined, not when it is changed. as this method could be triggered after onImageLoad callback, falling on a race condition
-    if (prevCardPreviewRef.current && !cardPreview) {
-      setDidImageRender(false);
-    }
-    prevCardPreviewRef.current = cardPreview;
-  }, [cardPreview]);
-  var handleOnImageLoad = function handleOnImageLoad(prevCardPreview) {
-    if (prevCardPreview.dataURI !== (cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI)) {
-      return;
-    }
-    setDidImageRender(true);
-    onImageLoad === null || onImageLoad === void 0 || onImageLoad(cardPreview);
-  };
-  var handleOnImageError = function handleOnImageError(prevCardPreview) {
-    if (prevCardPreview.dataURI !== (cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI)) {
-      return;
-    }
-    setDidImageRender(false);
-    onImageError === null || onImageError === void 0 || onImageError(cardPreview);
-  };
-  var getRenderConfigByStatus = function getRenderConfigByStatus() {
-    var _ref2 = metadata || {},
-      mediaType = _ref2.mediaType;
-
-    // TODO: figure out if data-test-progress for all the card views
-
-    var baseProps = {
-      testId: testId,
-      dimensions: dimensions,
-      appearance: appearance,
-      metadata: metadata,
-      selected: selected,
-      selectable: selectable,
-      actions: actions,
-      breakpoint: breakpoint,
-      disableOverlay: disableOverlay,
-      titleBoxBgColor: titleBoxBgColor,
-      titleBoxIcon: titleBoxIcon,
-      shouldHideTooltip: shouldHideTooltip,
-      onClick: onClick,
-      onMouseEnter: onMouseEnter,
-      mediaCardCursor: mediaCardCursor,
-      innerRef: innerRef,
-      shouldOpenMediaViewer: shouldOpenMediaViewer,
-      openMediaViewerButtonRef: openMediaViewerButtonRef,
-      overriddenCreationDate: overriddenCreationDate
-    };
-    switch (status) {
-      case 'uploading':
-        if (cardPreview) {
-          return jsx(React.Fragment, null, jsx("div", {
-            style: {
-              display: !didImageRender ? 'none' : 'inline'
-            }
-          }, mediaType === 'video' ? jsx(VideoCardView, _extends({}, baseProps, {
-            status: status,
-            cardPreview: cardPreview,
-            alt: alt,
-            resizeMode: resizeMode,
-            onDisplayImage: onDisplayImage,
-            onImageLoad: handleOnImageLoad,
-            onImageError: handleOnImageError,
-            nativeLazyLoad: nativeLazyLoad,
-            forceSyncDisplay: forceSyncDisplay,
-            progress: progress
-          })) : jsx(ImageCardView, _extends({}, baseProps, {
-            status: status,
-            cardPreview: cardPreview,
-            alt: alt,
-            resizeMode: resizeMode,
-            onDisplayImage: onDisplayImage,
-            onImageLoad: handleOnImageLoad,
-            onImageError: handleOnImageError,
-            nativeLazyLoad: nativeLazyLoad,
-            forceSyncDisplay: forceSyncDisplay,
-            progress: progress
-          }))), jsx("div", {
-            style: {
-              display: didImageRender ? 'none' : 'inline'
-            }
-          }, jsx(IconCardView, _extends({
-            status: status,
-            progress: progress
-          }, baseProps))));
-        } else {
-          return jsx(IconCardView, _extends({
-            status: status,
-            progress: progress
-          }, baseProps));
-        }
-      case 'processing':
-        if (cardPreview) {
-          return jsx(React.Fragment, null, jsx("div", {
-            style: {
-              display: !didImageRender ? 'none' : 'inline'
-            }
-          }, mediaType === 'video' ? jsx(VideoCardView, _extends({}, baseProps, {
-            status: status,
-            cardPreview: cardPreview,
-            alt: alt,
-            resizeMode: resizeMode,
-            onDisplayImage: onDisplayImage,
-            onImageLoad: handleOnImageLoad,
-            onImageError: handleOnImageError,
-            nativeLazyLoad: nativeLazyLoad,
-            forceSyncDisplay: forceSyncDisplay,
-            progress: progress
-          })) : jsx(ImageCardView, _extends({}, baseProps, {
-            status: status,
-            cardPreview: cardPreview,
-            alt: alt,
-            resizeMode: resizeMode,
-            onDisplayImage: onDisplayImage,
-            onImageLoad: handleOnImageLoad,
-            onImageError: handleOnImageError,
-            nativeLazyLoad: nativeLazyLoad,
-            forceSyncDisplay: forceSyncDisplay,
-            progress: progress
-          }))), jsx("div", {
-            style: {
-              display: didImageRender ? 'none' : 'inline'
-            }
-          }, jsx(ProcessingCardView, _extends({
-            disableAnimation: disableAnimation
-          }, baseProps))));
-        } else {
-          return jsx(ProcessingCardView, _extends({
-            disableAnimation: disableAnimation
-          }, baseProps));
-        }
-      case 'complete':
-        if (cardPreview) {
-          return jsx(React.Fragment, null, jsx("div", {
-            style: {
-              display: !didImageRender ? 'none' : 'inline'
-            }
-          }, mediaType === 'video' ? jsx(VideoCardView, _extends({}, baseProps, {
-            status: status,
-            cardPreview: cardPreview,
-            alt: alt,
-            resizeMode: resizeMode,
-            onDisplayImage: onDisplayImage,
-            onImageLoad: handleOnImageLoad,
-            onImageError: handleOnImageError,
-            nativeLazyLoad: nativeLazyLoad,
-            forceSyncDisplay: forceSyncDisplay
-          })) : jsx(ImageCardView, _extends({}, baseProps, {
-            status: status,
-            cardPreview: cardPreview,
-            alt: alt,
-            resizeMode: resizeMode,
-            onDisplayImage: onDisplayImage,
-            onImageLoad: handleOnImageLoad,
-            onImageError: handleOnImageError,
-            nativeLazyLoad: nativeLazyLoad,
-            forceSyncDisplay: forceSyncDisplay
-          }))), jsx("div", {
-            style: {
-              display: didImageRender ? 'none' : 'inline'
-            }
-          }, jsx(IconCardView, _extends({
-            status: status
-          }, baseProps))));
-        } else {
-          return jsx(IconCardView, _extends({
-            status: status
-          }, baseProps));
-        }
-      case 'error':
-      case 'failed-processing':
-        return jsx(ErrorCardView, _extends({
-          disableAnimation: disableAnimation,
-          error: error
-        }, baseProps));
-      case 'loading-preview':
-      case 'loading':
-      default:
-        if (cardPreview) {
-          return jsx(React.Fragment, null, jsx("div", {
-            style: {
-              display: !didImageRender ? 'none' : 'inline'
-            }
-          }, jsx(ImageCardView, _extends({}, baseProps, {
-            status: status,
-            cardPreview: cardPreview,
-            alt: alt,
-            resizeMode: resizeMode,
-            onDisplayImage: onDisplayImage,
-            onImageLoad: handleOnImageLoad,
-            onImageError: handleOnImageError,
-            nativeLazyLoad: nativeLazyLoad,
-            forceSyncDisplay: forceSyncDisplay,
-            progress: progress
-          }))), jsx("div", {
-            style: {
-              display: didImageRender ? 'none' : 'inline'
-            }
-          }, jsx(LoadingCardView, _extends({}, baseProps, {
-            disableAnimation: disableAnimation
-          }))));
-        } else {
-          return jsx(LoadingCardView, _extends({}, baseProps, {
-            disableAnimation: disableAnimation
-          }));
-        }
-    }
-  };
-  return getRenderConfigByStatus();
-};
-export var CardViews = withAnalyticsEvents({
-  onClick: createAndFireMediaCardEvent({
-    eventType: 'ui',
-    action: 'clicked',
-    actionSubject: 'mediaCard',
-    attributes: {}
-  })
-})(CardViewsBase);

package/dist/esm/card/cardviews/loadingCardView.js

@@ -1,50 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { useEffect, useRef } from 'react';
-import SpinnerIcon from '@atlaskit/spinner';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { createAndFireMediaCardEvent } from '../../utils/analytics';
-import { IconWrapper } from '../ui/iconWrapper/iconWrapper';
-import { useBreakpoint } from '../useBreakpoint';
-import { CardViewWrapper } from './cardViewWrapper';
-var LoadingCardViewBase = function LoadingCardViewBase(props) {
-  var dimensions = props.dimensions,
-    metadata = props.metadata,
-    disableOverlay = props.disableOverlay,
-    innerRef = props.innerRef;
-  var divRef = useRef(null);
-  var breakpoint = useBreakpoint(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
-  useEffect(function () {
-    innerRef && !!divRef.current && innerRef(divRef.current);
-  }, [innerRef]);
-  var _ref = metadata || {},
-    name = _ref.name;
-  var hasTitleBox = !disableOverlay && !!name;
-  return jsx(CardViewWrapper, _extends({}, props, {
-    metadata: metadata,
-    breakpoint: breakpoint,
-    ref: divRef
-  }), jsx(IconWrapper, {
-    breakpoint: breakpoint,
-    hasTitleBox: hasTitleBox
-  }, jsx(SpinnerIcon, {
-    testId: "media-card-loading",
-    interactionName: "media-card-loading"
-  })));
-};
-
-// TODO: check if analytics is correct
-
-export var LoadingCardView = withAnalyticsEvents({
-  onClick: createAndFireMediaCardEvent({
-    eventType: 'ui',
-    action: 'clicked',
-    actionSubject: 'mediaCard',
-    attributes: {}
-  })
-})(LoadingCardViewBase);

package/dist/esm/card/cardviews/processingCardView.js

@@ -1,61 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { useEffect, useRef } from 'react';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
-import { createAndFireMediaCardEvent } from '../../utils/analytics';
-import { IconWrapper } from '../ui/iconWrapper/iconWrapper';
-import { CreatingPreview } from '../ui/iconMessage';
-import { useBreakpoint } from '../useBreakpoint';
-import { CardViewWrapper } from './cardViewWrapper';
-var ProcessingCardViewBase = function ProcessingCardViewBase(props) {
-  var disableAnimation = props.disableAnimation,
-    dimensions = props.dimensions,
-    metadata = props.metadata,
-    disableOverlay = props.disableOverlay,
-    innerRef = props.innerRef;
-  var divRef = useRef(null);
-  var breakpoint = useBreakpoint(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
-  useEffect(function () {
-    innerRef && !!divRef.current && innerRef(divRef.current);
-  }, [innerRef]);
-  var _ref = metadata || {},
-    name = _ref.name,
-    size = _ref.size,
-    mediaType = _ref.mediaType,
-    mimeType = _ref.mimeType;
-  var isZeroSize = size === 0;
-  var hasTitleBox = !disableOverlay && !!name;
-  return jsx(CardViewWrapper, _extends({}, props, {
-    metadata: metadata,
-    breakpoint: breakpoint,
-    "data-test-status": "processing",
-    ref: divRef
-  }), jsx(IconWrapper, {
-    breakpoint: breakpoint,
-    hasTitleBox: hasTitleBox
-  }, jsx(MimeTypeIcon, {
-    testId: "media-card-file-type-icon",
-    mediaType: mediaType,
-    mimeType: mimeType,
-    name: name
-  }), !isZeroSize && jsx(CreatingPreview, {
-    disableAnimation: disableAnimation
-  })));
-};
-
-// TODO: check if analytics is correct
-
-export var ProcessingCardView = withAnalyticsEvents({
-  onClick: createAndFireMediaCardEvent({
-    eventType: 'ui',
-    action: 'clicked',
-    actionSubject: 'mediaCard',
-    attributes: {}
-  })
-})(ProcessingCardViewBase);

package/dist/esm/card/cardviews/videoCardView.js

@@ -1,90 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { useEffect, useRef } from 'react';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { createAndFireMediaCardEvent } from '../../utils/analytics';
-import { IconWrapper } from '../ui/iconWrapper/iconWrapper';
-import { PlayButton } from '../ui/playButton/playButton';
-import { ImageRenderer } from '../ui/imageRenderer/imageRenderer';
-import { useBreakpoint } from '../useBreakpoint';
-import { CardViewWrapper } from './cardViewWrapper';
-import { ProgressBar } from '../ui/progressBar/progressBar';
-import { Blanket } from '../ui/blanket/blanket';
-var VideoCardViewBase = function VideoCardViewBase(props) {
-  var status = props.status,
-    dimensions = props.dimensions,
-    metadata = props.metadata,
-    disableOverlay = props.disableOverlay,
-    innerRef = props.innerRef,
-    progress = props.progress,
-    cardPreview = props.cardPreview,
-    alt = props.alt,
-    resizeMode = props.resizeMode,
-    onDisplayImage = props.onDisplayImage,
-    nativeLazyLoad = props.nativeLazyLoad,
-    forceSyncDisplay = props.forceSyncDisplay,
-    _onImageLoad = props.onImageLoad,
-    _onImageError = props.onImageError;
-  var divRef = useRef(null);
-  var breakpoint = useBreakpoint(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
-  useEffect(function () {
-    innerRef && !!divRef.current && innerRef(divRef.current);
-  }, [innerRef]);
-  var _ref = metadata || {},
-    name = _ref.name,
-    _ref$mediaType = _ref.mediaType,
-    mediaType = _ref$mediaType === void 0 ? 'unknown' : _ref$mediaType;
-  var hasTitleBox = !disableOverlay && !!name;
-  var isUploading = status === 'uploading';
-  return jsx(CardViewWrapper, _extends({}, props, {
-    breakpoint: breakpoint,
-    "data-test-status": status,
-    "data-test-progress": progress,
-    ref: divRef,
-    customBlanket: function customBlanket() {
-      return disableOverlay ? null : jsx(Blanket, {
-        isFixed: isUploading
-      });
-    },
-    progressBar: isUploading ? function () {
-      return jsx(ProgressBar, {
-        progress: progress,
-        breakpoint: breakpoint,
-        positionBottom: !hasTitleBox
-      });
-    } : undefined
-  }), jsx(ImageRenderer, {
-    cardPreview: cardPreview,
-    mediaType: mediaType,
-    alt: alt,
-    resizeMode: resizeMode,
-    onDisplayImage: onDisplayImage,
-    onImageLoad: function onImageLoad() {
-      return _onImageLoad === null || _onImageLoad === void 0 ? void 0 : _onImageLoad(cardPreview);
-    },
-    onImageError: function onImageError() {
-      return _onImageError === null || _onImageError === void 0 ? void 0 : _onImageError(cardPreview);
-    },
-    nativeLazyLoad: nativeLazyLoad,
-    forceSyncDisplay: forceSyncDisplay
-  }), cardPreview && jsx(IconWrapper, {
-    breakpoint: breakpoint,
-    hasTitleBox: hasTitleBox
-  }, jsx(PlayButton, null)));
-};
-
-// TODO: check if analytics is correct
-
-export var VideoCardView = withAnalyticsEvents({
-  onClick: createAndFireMediaCardEvent({
-    eventType: 'ui',
-    action: 'clicked',
-    actionSubject: 'mediaCard',
-    attributes: {}
-  })
-})(VideoCardViewBase);

package/dist/types/card/cardviews/cardViewWrapper.d.ts

@@ -1,41 +0,0 @@
-import React, { type MouseEvent, type ReactNode } from 'react';
-import { type FileDetails } from '@atlaskit/media-client';
-import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type CardAppearance, type CardDimensions, type MediaCardCursor, type TitleBoxIcon } from '../../types';
-import { type CardAction } from '../actions';
-import { type Breakpoint } from '../ui/common';
-import { type MediaFilePreview } from '@atlaskit/media-file-preview';
-export type SharedCardViewProps = {
-    readonly cardPreview?: MediaFilePreview;
-    readonly testId?: string;
-    readonly dimensions?: CardDimensions;
-    readonly openMediaViewerButtonRef?: React.Ref<HTMLButtonElement>;
-    readonly shouldOpenMediaViewer?: boolean;
-    readonly onClick?: (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-    readonly onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
-    readonly appearance?: CardAppearance;
-    readonly disableOverlay?: boolean;
-    readonly actions?: Array<CardAction>;
-    readonly selectable?: boolean;
-    readonly selected?: boolean;
-    readonly metadata?: FileDetails;
-    readonly titleBoxBgColor?: string;
-    readonly titleBoxIcon?: TitleBoxIcon;
-    readonly mediaCardCursor?: MediaCardCursor;
-    readonly shouldHideTooltip?: boolean;
-    overriddenCreationDate?: number;
-};
-export type CardViewWrapperProps = SharedCardViewProps & {
-    children: React.ReactNode;
-    readonly breakpoint: Breakpoint;
-    customBlanket?: () => ReactNode;
-    customTitleBox?: () => ReactNode;
-    progressBar?: () => ReactNode;
-};
-export declare const CardViewWrapper: React.ForwardRefExoticComponent<SharedCardViewProps & {
-    children: React.ReactNode;
-    readonly breakpoint: Breakpoint;
-    customBlanket?: (() => ReactNode) | undefined;
-    customTitleBox?: (() => ReactNode) | undefined;
-    progressBar?: (() => ReactNode) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;

package/dist/types/card/cardviews/errorCardView.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { type FileDetails } from '@atlaskit/media-client';
-import { type SharedCardViewProps } from './cardViewWrapper';
-import { type MediaCardError } from '../../errors';
-export type ErrorCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
-    metadata?: FileDetails;
-    disableAnimation?: boolean;
-    readonly error?: MediaCardError;
-};
-export declare const ErrorCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
-    metadata?: FileDetails | undefined;
-    disableAnimation?: boolean | undefined;
-    readonly error?: MediaCardError | undefined;
-}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types/card/cardviews/iconCardView.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { type FileDetails } from '@atlaskit/media-client';
-import { type SharedCardViewProps } from './cardViewWrapper';
-import type { CardStatus } from '../../types';
-export type IconCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
-    status: CardStatus;
-    metadata?: FileDetails;
-    readonly progress?: number;
-    readonly innerRef?: (instance: HTMLDivElement | null) => void;
-};
-export declare const IconCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
-    status: CardStatus;
-    metadata?: FileDetails | undefined;
-    readonly progress?: number | undefined;
-    readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
-}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types/card/cardviews/imageCardView.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import { type ImageResizeMode } from '@atlaskit/media-client';
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { type FileDetails } from '@atlaskit/media-client';
-import type { CardPreview, CardStatus } from '../../types';
-import { type SharedCardViewProps } from './cardViewWrapper';
-export type ImageCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
-    status: CardStatus;
-    cardPreview: CardPreview;
-    readonly alt?: string;
-    readonly resizeMode?: ImageResizeMode;
-    readonly onDisplayImage?: () => void;
-    readonly nativeLazyLoad?: boolean;
-    readonly forceSyncDisplay?: boolean;
-    readonly onImageLoad?: (cardPreview: CardPreview) => void;
-    readonly onImageError?: (cardPreview: CardPreview) => void;
-    metadata?: FileDetails;
-    readonly innerRef?: (instance: HTMLDivElement | null) => void;
-    readonly progress?: number;
-};
-export declare const ImageCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
-    status: CardStatus;
-    cardPreview: CardPreview;
-    readonly alt?: string | undefined;
-    readonly resizeMode?: ImageResizeMode | undefined;
-    readonly onDisplayImage?: (() => void) | undefined;
-    readonly nativeLazyLoad?: boolean | undefined;
-    readonly forceSyncDisplay?: boolean | undefined;
-    readonly onImageLoad?: ((cardPreview: CardPreview) => void) | undefined;
-    readonly onImageError?: ((cardPreview: CardPreview) => void) | undefined;
-    metadata?: FileDetails | undefined;
-    readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
-    readonly progress?: number | undefined;
-}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types/card/cardviews/index.d.ts

@@ -1,51 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-import React, { type MouseEvent } from 'react';
-import { type MessageDescriptor } from 'react-intl-next';
-import { type MediaItemType, type FileDetails } from '@atlaskit/media-client';
-import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type SharedCardProps, type CardStatus, type MediaCardCursor } from '../../types';
-import { type MediaCardError } from '../../errors';
-import { type MediaFilePreview } from '@atlaskit/media-file-preview';
-export interface CardViewsOwnProps extends SharedCardProps {
-    readonly status: CardStatus;
-    readonly mediaItemType: MediaItemType;
-    readonly mediaCardCursor?: MediaCardCursor;
-    readonly metadata?: FileDetails;
-    readonly error?: MediaCardError;
-    readonly onClick?: (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-    readonly onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
-    readonly onDisplayImage?: () => void;
-    readonly cardPreview?: MediaFilePreview;
-    readonly progress?: number;
-    readonly innerRef?: (instance: HTMLDivElement | null) => void;
-    readonly onImageLoad?: (cardPreview: MediaFilePreview) => void;
-    readonly onImageError?: (cardPreview: MediaFilePreview) => void;
-    readonly nativeLazyLoad?: boolean;
-    readonly forceSyncDisplay?: boolean;
-    disableAnimation?: boolean;
-    shouldHideTooltip?: boolean;
-    readonly openMediaViewerButtonRef?: React.Ref<HTMLButtonElement>;
-    readonly shouldOpenMediaViewer?: boolean;
-    overriddenCreationDate?: number;
-}
-export type CardViewProps = CardViewsOwnProps & WithAnalyticsEventsProps;
-export interface RenderConfigByStatus {
-    renderTypeIcon?: boolean;
-    iconMessage?: JSX.Element;
-    renderImageRenderer?: boolean;
-    renderPlayButton?: boolean;
-    renderTitleBox?: boolean;
-    renderBlanket?: boolean;
-    isFixedBlanket?: boolean;
-    renderProgressBar?: boolean;
-    renderSpinner?: boolean;
-    renderFailedTitleBox?: boolean;
-    renderTickBox?: boolean;
-    customTitleMessage?: MessageDescriptor;
-}
-export declare const CardViewsBase: ({ innerRef, onImageLoad, onImageError, dimensions, appearance, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, shouldOpenMediaViewer, openMediaViewerButtonRef, overriddenCreationDate, }: CardViewProps) => jsx.JSX.Element;
-export declare const CardViews: React.ForwardRefExoticComponent<Omit<CardViewsOwnProps & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types/card/cardviews/loadingCardView.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { type FileDetails } from '@atlaskit/media-client';
-import { type SharedCardViewProps } from './cardViewWrapper';
-export type LoadingCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
-    metadata?: FileDetails;
-    disableAnimation?: boolean;
-    readonly innerRef?: (instance: HTMLDivElement | null) => void;
-};
-export declare const LoadingCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
-    metadata?: FileDetails | undefined;
-    disableAnimation?: boolean | undefined;
-    readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
-}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types/card/cardviews/processingCardView.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { type SharedCardViewProps } from './cardViewWrapper';
-export type ProcessingCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
-    disableAnimation?: boolean;
-    readonly innerRef?: (instance: HTMLDivElement | null) => void;
-};
-export declare const ProcessingCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
-    disableAnimation?: boolean | undefined;
-    readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
-}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;