@atlaskit/media-card 78.1.2 → 78.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/cjs/card/card.js +1 -1
  3. package/dist/cjs/card/fileCard.js +1 -3
  4. package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
  5. package/dist/cjs/inline/loader.js +1 -1
  6. package/dist/cjs/utils/mediaPerformanceObserver/mediaPerformanceObserver.js +1 -1
  7. package/dist/cjs/utils/ufoExperiences.js +1 -1
  8. package/dist/es2019/card/card.js +1 -1
  9. package/dist/es2019/card/fileCard.js +1 -3
  10. package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
  11. package/dist/es2019/inline/loader.js +1 -1
  12. package/dist/es2019/utils/mediaPerformanceObserver/mediaPerformanceObserver.js +1 -1
  13. package/dist/es2019/utils/ufoExperiences.js +1 -1
  14. package/dist/esm/card/card.js +1 -1
  15. package/dist/esm/card/fileCard.js +1 -3
  16. package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
  17. package/dist/esm/inline/loader.js +1 -1
  18. package/dist/esm/utils/mediaPerformanceObserver/mediaPerformanceObserver.js +1 -1
  19. package/dist/esm/utils/ufoExperiences.js +1 -1
  20. package/package.json +12 -16
  21. package/dist/cjs/card/cardviews/cardViewWrapper.js +0 -112
  22. package/dist/cjs/card/cardviews/errorCardView.js +0 -91
  23. package/dist/cjs/card/cardviews/iconCardView.js +0 -83
  24. package/dist/cjs/card/cardviews/imageCardView.js +0 -93
  25. package/dist/cjs/card/cardviews/index.js +0 -292
  26. package/dist/cjs/card/cardviews/loadingCardView.js +0 -58
  27. package/dist/cjs/card/cardviews/processingCardView.js +0 -69
  28. package/dist/cjs/card/cardviews/videoCardView.js +0 -98
  29. package/dist/es2019/card/cardviews/cardViewWrapper.js +0 -103
  30. package/dist/es2019/card/cardviews/errorCardView.js +0 -86
  31. package/dist/es2019/card/cardviews/iconCardView.js +0 -74
  32. package/dist/es2019/card/cardviews/imageCardView.js +0 -79
  33. package/dist/es2019/card/cardviews/index.js +0 -278
  34. package/dist/es2019/card/cardviews/loadingCardView.js +0 -53
  35. package/dist/es2019/card/cardviews/processingCardView.js +0 -64
  36. package/dist/es2019/card/cardviews/videoCardView.js +0 -84
  37. package/dist/esm/card/cardviews/cardViewWrapper.js +0 -105
  38. package/dist/esm/card/cardviews/errorCardView.js +0 -83
  39. package/dist/esm/card/cardviews/iconCardView.js +0 -75
  40. package/dist/esm/card/cardviews/imageCardView.js +0 -85
  41. package/dist/esm/card/cardviews/index.js +0 -281
  42. package/dist/esm/card/cardviews/loadingCardView.js +0 -50
  43. package/dist/esm/card/cardviews/processingCardView.js +0 -61
  44. package/dist/esm/card/cardviews/videoCardView.js +0 -90
  45. package/dist/types/card/cardviews/cardViewWrapper.d.ts +0 -41
  46. package/dist/types/card/cardviews/errorCardView.d.ts +0 -15
  47. package/dist/types/card/cardviews/iconCardView.d.ts +0 -17
  48. package/dist/types/card/cardviews/imageCardView.d.ts +0 -34
  49. package/dist/types/card/cardviews/index.d.ts +0 -51
  50. package/dist/types/card/cardviews/loadingCardView.d.ts +0 -14
  51. package/dist/types/card/cardviews/processingCardView.d.ts +0 -11
  52. package/dist/types/card/cardviews/videoCardView.d.ts +0 -34
  53. package/dist/types-ts4.5/card/cardviews/cardViewWrapper.d.ts +0 -41
  54. package/dist/types-ts4.5/card/cardviews/errorCardView.d.ts +0 -15
  55. package/dist/types-ts4.5/card/cardviews/iconCardView.d.ts +0 -17
  56. package/dist/types-ts4.5/card/cardviews/imageCardView.d.ts +0 -34
  57. package/dist/types-ts4.5/card/cardviews/index.d.ts +0 -51
  58. package/dist/types-ts4.5/card/cardviews/loadingCardView.d.ts +0 -14
  59. package/dist/types-ts4.5/card/cardviews/processingCardView.d.ts +0 -11
  60. package/dist/types-ts4.5/card/cardviews/videoCardView.d.ts +0 -34
@@ -1,34 +0,0 @@
1
- /// <reference types="react" />
2
- import { type ImageResizeMode } from '@atlaskit/media-client';
3
- import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
4
- import { type FileDetails } from '@atlaskit/media-client';
5
- import type { CardPreview, CardStatus } from '../../types';
6
- import { type SharedCardViewProps } from './cardViewWrapper';
7
- export type VideoCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
8
- status: CardStatus;
9
- cardPreview: CardPreview;
10
- readonly alt?: string;
11
- readonly resizeMode?: ImageResizeMode;
12
- readonly onDisplayImage?: () => void;
13
- readonly nativeLazyLoad?: boolean;
14
- readonly forceSyncDisplay?: boolean;
15
- readonly onImageLoad?: (cardPreview: CardPreview) => void;
16
- readonly onImageError?: (cardPreview: CardPreview) => void;
17
- metadata?: FileDetails;
18
- readonly innerRef?: (instance: HTMLDivElement | null) => void;
19
- readonly progress?: number;
20
- };
21
- export declare const VideoCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
22
- status: CardStatus;
23
- cardPreview: CardPreview;
24
- readonly alt?: string | undefined;
25
- readonly resizeMode?: ImageResizeMode | undefined;
26
- readonly onDisplayImage?: (() => void) | undefined;
27
- readonly nativeLazyLoad?: boolean | undefined;
28
- readonly forceSyncDisplay?: boolean | undefined;
29
- readonly onImageLoad?: ((cardPreview: CardPreview) => void) | undefined;
30
- readonly onImageError?: ((cardPreview: CardPreview) => void) | undefined;
31
- metadata?: FileDetails | undefined;
32
- readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
33
- readonly progress?: number | undefined;
34
- }, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
@@ -1,41 +0,0 @@
1
- import React, { type MouseEvent, type ReactNode } from 'react';
2
- import { type FileDetails } from '@atlaskit/media-client';
3
- import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
4
- import { type CardAppearance, type CardDimensions, type MediaCardCursor, type TitleBoxIcon } from '../../types';
5
- import { type CardAction } from '../actions';
6
- import { type Breakpoint } from '../ui/common';
7
- import { type MediaFilePreview } from '@atlaskit/media-file-preview';
8
- export type SharedCardViewProps = {
9
- readonly cardPreview?: MediaFilePreview;
10
- readonly testId?: string;
11
- readonly dimensions?: CardDimensions;
12
- readonly openMediaViewerButtonRef?: React.Ref<HTMLButtonElement>;
13
- readonly shouldOpenMediaViewer?: boolean;
14
- readonly onClick?: (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
15
- readonly onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
16
- readonly appearance?: CardAppearance;
17
- readonly disableOverlay?: boolean;
18
- readonly actions?: Array<CardAction>;
19
- readonly selectable?: boolean;
20
- readonly selected?: boolean;
21
- readonly metadata?: FileDetails;
22
- readonly titleBoxBgColor?: string;
23
- readonly titleBoxIcon?: TitleBoxIcon;
24
- readonly mediaCardCursor?: MediaCardCursor;
25
- readonly shouldHideTooltip?: boolean;
26
- overriddenCreationDate?: number;
27
- };
28
- export type CardViewWrapperProps = SharedCardViewProps & {
29
- children: React.ReactNode;
30
- readonly breakpoint: Breakpoint;
31
- customBlanket?: () => ReactNode;
32
- customTitleBox?: () => ReactNode;
33
- progressBar?: () => ReactNode;
34
- };
35
- export declare const CardViewWrapper: React.ForwardRefExoticComponent<SharedCardViewProps & {
36
- children: React.ReactNode;
37
- readonly breakpoint: Breakpoint;
38
- customBlanket?: (() => ReactNode) | undefined;
39
- customTitleBox?: (() => ReactNode) | undefined;
40
- progressBar?: (() => ReactNode) | undefined;
41
- } & React.RefAttributes<HTMLDivElement>>;
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
- import { type FileDetails } from '@atlaskit/media-client';
4
- import { type SharedCardViewProps } from './cardViewWrapper';
5
- import { type MediaCardError } from '../../errors';
6
- export type ErrorCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
7
- metadata?: FileDetails;
8
- disableAnimation?: boolean;
9
- readonly error?: MediaCardError;
10
- };
11
- export declare const ErrorCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
12
- metadata?: FileDetails | undefined;
13
- disableAnimation?: boolean | undefined;
14
- readonly error?: MediaCardError | undefined;
15
- }, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
@@ -1,17 +0,0 @@
1
- /// <reference types="react" />
2
- import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
- import { type FileDetails } from '@atlaskit/media-client';
4
- import { type SharedCardViewProps } from './cardViewWrapper';
5
- import type { CardStatus } from '../../types';
6
- export type IconCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
7
- status: CardStatus;
8
- metadata?: FileDetails;
9
- readonly progress?: number;
10
- readonly innerRef?: (instance: HTMLDivElement | null) => void;
11
- };
12
- export declare const IconCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
13
- status: CardStatus;
14
- metadata?: FileDetails | undefined;
15
- readonly progress?: number | undefined;
16
- readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
17
- }, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
@@ -1,34 +0,0 @@
1
- /// <reference types="react" />
2
- import { type ImageResizeMode } from '@atlaskit/media-client';
3
- import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
4
- import { type FileDetails } from '@atlaskit/media-client';
5
- import type { CardPreview, CardStatus } from '../../types';
6
- import { type SharedCardViewProps } from './cardViewWrapper';
7
- export type ImageCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
8
- status: CardStatus;
9
- cardPreview: CardPreview;
10
- readonly alt?: string;
11
- readonly resizeMode?: ImageResizeMode;
12
- readonly onDisplayImage?: () => void;
13
- readonly nativeLazyLoad?: boolean;
14
- readonly forceSyncDisplay?: boolean;
15
- readonly onImageLoad?: (cardPreview: CardPreview) => void;
16
- readonly onImageError?: (cardPreview: CardPreview) => void;
17
- metadata?: FileDetails;
18
- readonly innerRef?: (instance: HTMLDivElement | null) => void;
19
- readonly progress?: number;
20
- };
21
- export declare const ImageCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
22
- status: CardStatus;
23
- cardPreview: CardPreview;
24
- readonly alt?: string | undefined;
25
- readonly resizeMode?: ImageResizeMode | undefined;
26
- readonly onDisplayImage?: (() => void) | undefined;
27
- readonly nativeLazyLoad?: boolean | undefined;
28
- readonly forceSyncDisplay?: boolean | undefined;
29
- readonly onImageLoad?: ((cardPreview: CardPreview) => void) | undefined;
30
- readonly onImageError?: ((cardPreview: CardPreview) => void) | undefined;
31
- metadata?: FileDetails | undefined;
32
- readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
33
- readonly progress?: number | undefined;
34
- }, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
@@ -1,51 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- import React, { type MouseEvent } from 'react';
7
- import { type MessageDescriptor } from 'react-intl-next';
8
- import { type MediaItemType, type FileDetails } from '@atlaskit/media-client';
9
- import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
10
- import { type SharedCardProps, type CardStatus, type MediaCardCursor } from '../../types';
11
- import { type MediaCardError } from '../../errors';
12
- import { type MediaFilePreview } from '@atlaskit/media-file-preview';
13
- export interface CardViewsOwnProps extends SharedCardProps {
14
- readonly status: CardStatus;
15
- readonly mediaItemType: MediaItemType;
16
- readonly mediaCardCursor?: MediaCardCursor;
17
- readonly metadata?: FileDetails;
18
- readonly error?: MediaCardError;
19
- readonly onClick?: (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
20
- readonly onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
21
- readonly onDisplayImage?: () => void;
22
- readonly cardPreview?: MediaFilePreview;
23
- readonly progress?: number;
24
- readonly innerRef?: (instance: HTMLDivElement | null) => void;
25
- readonly onImageLoad?: (cardPreview: MediaFilePreview) => void;
26
- readonly onImageError?: (cardPreview: MediaFilePreview) => void;
27
- readonly nativeLazyLoad?: boolean;
28
- readonly forceSyncDisplay?: boolean;
29
- disableAnimation?: boolean;
30
- shouldHideTooltip?: boolean;
31
- readonly openMediaViewerButtonRef?: React.Ref<HTMLButtonElement>;
32
- readonly shouldOpenMediaViewer?: boolean;
33
- overriddenCreationDate?: number;
34
- }
35
- export type CardViewProps = CardViewsOwnProps & WithAnalyticsEventsProps;
36
- export interface RenderConfigByStatus {
37
- renderTypeIcon?: boolean;
38
- iconMessage?: JSX.Element;
39
- renderImageRenderer?: boolean;
40
- renderPlayButton?: boolean;
41
- renderTitleBox?: boolean;
42
- renderBlanket?: boolean;
43
- isFixedBlanket?: boolean;
44
- renderProgressBar?: boolean;
45
- renderSpinner?: boolean;
46
- renderFailedTitleBox?: boolean;
47
- renderTickBox?: boolean;
48
- customTitleMessage?: MessageDescriptor;
49
- }
50
- 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;
51
- export declare const CardViews: React.ForwardRefExoticComponent<Omit<CardViewsOwnProps & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
- import { type FileDetails } from '@atlaskit/media-client';
4
- import { type SharedCardViewProps } from './cardViewWrapper';
5
- export type LoadingCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
6
- metadata?: FileDetails;
7
- disableAnimation?: boolean;
8
- readonly innerRef?: (instance: HTMLDivElement | null) => void;
9
- };
10
- export declare const LoadingCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
11
- metadata?: FileDetails | undefined;
12
- disableAnimation?: boolean | undefined;
13
- readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
14
- }, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
- import { type SharedCardViewProps } from './cardViewWrapper';
4
- export type ProcessingCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
5
- disableAnimation?: boolean;
6
- readonly innerRef?: (instance: HTMLDivElement | null) => void;
7
- };
8
- export declare const ProcessingCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
9
- disableAnimation?: boolean | undefined;
10
- readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
11
- }, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
@@ -1,34 +0,0 @@
1
- /// <reference types="react" />
2
- import { type ImageResizeMode } from '@atlaskit/media-client';
3
- import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
4
- import { type FileDetails } from '@atlaskit/media-client';
5
- import type { CardPreview, CardStatus } from '../../types';
6
- import { type SharedCardViewProps } from './cardViewWrapper';
7
- export type VideoCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
8
- status: CardStatus;
9
- cardPreview: CardPreview;
10
- readonly alt?: string;
11
- readonly resizeMode?: ImageResizeMode;
12
- readonly onDisplayImage?: () => void;
13
- readonly nativeLazyLoad?: boolean;
14
- readonly forceSyncDisplay?: boolean;
15
- readonly onImageLoad?: (cardPreview: CardPreview) => void;
16
- readonly onImageError?: (cardPreview: CardPreview) => void;
17
- metadata?: FileDetails;
18
- readonly innerRef?: (instance: HTMLDivElement | null) => void;
19
- readonly progress?: number;
20
- };
21
- export declare const VideoCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
22
- status: CardStatus;
23
- cardPreview: CardPreview;
24
- readonly alt?: string | undefined;
25
- readonly resizeMode?: ImageResizeMode | undefined;
26
- readonly onDisplayImage?: (() => void) | undefined;
27
- readonly nativeLazyLoad?: boolean | undefined;
28
- readonly forceSyncDisplay?: boolean | undefined;
29
- readonly onImageLoad?: ((cardPreview: CardPreview) => void) | undefined;
30
- readonly onImageError?: ((cardPreview: CardPreview) => void) | undefined;
31
- metadata?: FileDetails | undefined;
32
- readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
33
- readonly progress?: number | undefined;
34
- }, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;