@atlaskit/media-card 77.2.3 → 77.4.0

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 (50) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/card/card.js +1 -1
  3. package/dist/cjs/card/getCardPreview/cache.js +1 -1
  4. package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
  5. package/dist/cjs/card/ui/imageRenderer/imageRenderer.js +6 -3
  6. package/dist/cjs/card/v2/cardV2.js +18 -1037
  7. package/dist/cjs/card/v2/externalImageCard.js +299 -0
  8. package/dist/cjs/card/v2/fileCard.js +1001 -0
  9. package/dist/cjs/errors.js +33 -55
  10. package/dist/cjs/inline/loader.js +1 -1
  11. package/dist/cjs/utils/ufoExperiences.js +1 -1
  12. package/dist/cjs/utils/useCurrentValueRef.js +12 -0
  13. package/dist/cjs/utils/usePrevious.js +14 -0
  14. package/dist/es2019/card/card.js +1 -1
  15. package/dist/es2019/card/getCardPreview/cache.js +2 -0
  16. package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
  17. package/dist/es2019/card/ui/imageRenderer/imageRenderer.js +6 -3
  18. package/dist/es2019/card/v2/cardV2.js +17 -1021
  19. package/dist/es2019/card/v2/externalImageCard.js +261 -0
  20. package/dist/es2019/card/v2/fileCard.js +881 -0
  21. package/dist/es2019/errors.js +1 -17
  22. package/dist/es2019/inline/loader.js +1 -1
  23. package/dist/es2019/utils/ufoExperiences.js +1 -1
  24. package/dist/es2019/utils/useCurrentValueRef.js +6 -0
  25. package/dist/es2019/utils/usePrevious.js +8 -0
  26. package/dist/esm/card/card.js +1 -1
  27. package/dist/esm/card/getCardPreview/cache.js +2 -0
  28. package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
  29. package/dist/esm/card/ui/imageRenderer/imageRenderer.js +6 -3
  30. package/dist/esm/card/v2/cardV2.js +19 -1036
  31. package/dist/esm/card/v2/externalImageCard.js +289 -0
  32. package/dist/esm/card/v2/fileCard.js +991 -0
  33. package/dist/esm/errors.js +31 -55
  34. package/dist/esm/inline/loader.js +1 -1
  35. package/dist/esm/utils/ufoExperiences.js +1 -1
  36. package/dist/esm/utils/useCurrentValueRef.js +6 -0
  37. package/dist/esm/utils/usePrevious.js +8 -0
  38. package/dist/types/card/v2/cardV2.d.ts +4 -60
  39. package/dist/types/card/v2/externalImageCard.d.ts +14 -0
  40. package/dist/types/card/v2/fileCard.d.ts +19 -0
  41. package/dist/types/errors.d.ts +1 -7
  42. package/dist/types/utils/useCurrentValueRef.d.ts +2 -0
  43. package/dist/types/utils/usePrevious.d.ts +1 -0
  44. package/dist/types-ts4.5/card/v2/cardV2.d.ts +4 -60
  45. package/dist/types-ts4.5/card/v2/externalImageCard.d.ts +14 -0
  46. package/dist/types-ts4.5/card/v2/fileCard.d.ts +19 -0
  47. package/dist/types-ts4.5/errors.d.ts +1 -7
  48. package/dist/types-ts4.5/utils/useCurrentValueRef.d.ts +2 -0
  49. package/dist/types-ts4.5/utils/usePrevious.d.ts +1 -0
  50. package/package.json +5 -5
@@ -8,36 +8,12 @@ import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
8
8
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
9
9
  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; } }
10
10
  import { isPollingError as isMediaClientPollingError, isRateLimitedError as isMediaClientRateLimitedError } from '@atlaskit/media-client';
11
-
11
+ import { MediaFileStateError } from '@atlaskit/media-client-react';
12
12
  /**
13
13
  * Primary reason is logged through Data Portal.
14
14
  * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
15
15
  */
16
16
 
17
- export var MediaFileStateError = /*#__PURE__*/function (_Error) {
18
- _inherits(MediaFileStateError, _Error);
19
- var _super = _createSuper(MediaFileStateError);
20
- function MediaFileStateError(id, reason) {
21
- var _this;
22
- var message = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
23
- var details = arguments.length > 3 ? arguments[3] : undefined;
24
- _classCallCheck(this, MediaFileStateError);
25
- _this = _super.call(this, reason);
26
- // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
27
- _this.id = id;
28
- _this.reason = reason;
29
- _this.message = message;
30
- _this.details = details;
31
- Object.setPrototypeOf(_assertThisInitialized(_this), (this instanceof MediaFileStateError ? this.constructor : void 0).prototype);
32
-
33
- // https://v8.dev/docs/stack-trace-api
34
- if ('captureStackTrace' in Error) {
35
- Error.captureStackTrace(_assertThisInitialized(_this), this instanceof MediaFileStateError ? this.constructor : void 0);
36
- }
37
- return _this;
38
- }
39
- return _createClass(MediaFileStateError);
40
- }( /*#__PURE__*/_wrapNativeSuper(Error));
41
17
  export function isMediaFileStateError(err) {
42
18
  return err instanceof MediaFileStateError;
43
19
  }
@@ -65,62 +41,62 @@ export function isRateLimitedError(error) {
65
41
  }
66
42
  return false;
67
43
  }
68
- export var MediaCardError = /*#__PURE__*/function (_Error2) {
69
- _inherits(MediaCardError, _Error2);
70
- var _super2 = _createSuper(MediaCardError);
44
+ export var MediaCardError = /*#__PURE__*/function (_Error) {
45
+ _inherits(MediaCardError, _Error);
46
+ var _super = _createSuper(MediaCardError);
71
47
  function MediaCardError(primaryReason, secondaryError) {
72
- var _this2;
48
+ var _this;
73
49
  _classCallCheck(this, MediaCardError);
74
- _this2 = _super2.call(this, primaryReason);
50
+ _this = _super.call(this, primaryReason);
75
51
  // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
76
- _this2.primaryReason = primaryReason;
77
- _this2.secondaryError = secondaryError;
78
- Object.setPrototypeOf(_assertThisInitialized(_this2), (this instanceof MediaCardError ? this.constructor : void 0).prototype);
52
+ _this.primaryReason = primaryReason;
53
+ _this.secondaryError = secondaryError;
54
+ Object.setPrototypeOf(_assertThisInitialized(_this), (this instanceof MediaCardError ? this.constructor : void 0).prototype);
79
55
 
80
56
  // https://v8.dev/docs/stack-trace-api
81
57
  if ('captureStackTrace' in Error) {
82
- Error.captureStackTrace(_assertThisInitialized(_this2), this instanceof MediaCardError ? this.constructor : void 0);
58
+ Error.captureStackTrace(_assertThisInitialized(_this), this instanceof MediaCardError ? this.constructor : void 0);
83
59
  }
84
- return _this2;
60
+ return _this;
85
61
  }
86
62
  return _createClass(MediaCardError);
87
63
  }( /*#__PURE__*/_wrapNativeSuper(Error));
88
64
  export var LocalPreviewError = /*#__PURE__*/function (_MediaCardError) {
89
65
  _inherits(LocalPreviewError, _MediaCardError);
90
- var _super3 = _createSuper(LocalPreviewError);
66
+ var _super2 = _createSuper(LocalPreviewError);
91
67
  function LocalPreviewError(primaryReason, secondaryError) {
92
- var _this3;
68
+ var _this2;
93
69
  _classCallCheck(this, LocalPreviewError);
94
- _this3 = _super3.call(this, primaryReason, secondaryError);
95
- _this3.primaryReason = primaryReason;
96
- _this3.secondaryError = secondaryError;
97
- return _this3;
70
+ _this2 = _super2.call(this, primaryReason, secondaryError);
71
+ _this2.primaryReason = primaryReason;
72
+ _this2.secondaryError = secondaryError;
73
+ return _this2;
98
74
  }
99
75
  return _createClass(LocalPreviewError);
100
76
  }(MediaCardError);
101
77
  export var RemotePreviewError = /*#__PURE__*/function (_MediaCardError2) {
102
78
  _inherits(RemotePreviewError, _MediaCardError2);
103
- var _super4 = _createSuper(RemotePreviewError);
79
+ var _super3 = _createSuper(RemotePreviewError);
104
80
  function RemotePreviewError(primaryReason, secondaryError) {
105
- var _this4;
81
+ var _this3;
106
82
  _classCallCheck(this, RemotePreviewError);
107
- _this4 = _super4.call(this, primaryReason, secondaryError);
108
- _this4.primaryReason = primaryReason;
109
- _this4.secondaryError = secondaryError;
110
- return _this4;
83
+ _this3 = _super3.call(this, primaryReason, secondaryError);
84
+ _this3.primaryReason = primaryReason;
85
+ _this3.secondaryError = secondaryError;
86
+ return _this3;
111
87
  }
112
88
  return _createClass(RemotePreviewError);
113
89
  }(MediaCardError);
114
90
  export var SsrPreviewError = /*#__PURE__*/function (_MediaCardError3) {
115
91
  _inherits(SsrPreviewError, _MediaCardError3);
116
- var _super5 = _createSuper(SsrPreviewError);
92
+ var _super4 = _createSuper(SsrPreviewError);
117
93
  function SsrPreviewError(primaryReason, secondaryError) {
118
- var _this5;
94
+ var _this4;
119
95
  _classCallCheck(this, SsrPreviewError);
120
- _this5 = _super5.call(this, primaryReason, secondaryError);
121
- _this5.primaryReason = primaryReason;
122
- _this5.secondaryError = secondaryError;
123
- return _this5;
96
+ _this4 = _super4.call(this, primaryReason, secondaryError);
97
+ _this4.primaryReason = primaryReason;
98
+ _this4.secondaryError = secondaryError;
99
+ return _this4;
124
100
  }
125
101
  return _createClass(SsrPreviewError);
126
102
  }(MediaCardError);
@@ -143,10 +119,10 @@ export var getImageLoadPrimaryReason = function getImageLoadPrimaryReason(source
143
119
  };
144
120
  export var ImageLoadError = /*#__PURE__*/function (_MediaCardError4) {
145
121
  _inherits(ImageLoadError, _MediaCardError4);
146
- var _super6 = _createSuper(ImageLoadError);
122
+ var _super5 = _createSuper(ImageLoadError);
147
123
  function ImageLoadError(source) {
148
124
  _classCallCheck(this, ImageLoadError);
149
- return _super6.call(this, getImageLoadPrimaryReason(source));
125
+ return _super5.call(this, getImageLoadPrimaryReason(source));
150
126
  }
151
127
  return _createClass(ImageLoadError);
152
128
  }(MediaCardError);
@@ -103,7 +103,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
103
103
  ErrorBoundary = _this$state.ErrorBoundary;
104
104
  var analyticsContext = {
105
105
  packageVersion: "@atlaskit/media-card",
106
- packageName: "77.2.3",
106
+ packageName: "77.4.0",
107
107
  componentName: 'mediaInlineCard',
108
108
  component: 'mediaInlineCard'
109
109
  };
@@ -7,7 +7,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
7
7
  import { MediaCardError } from '../errors';
8
8
  import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
9
9
  var packageName = "@atlaskit/media-card";
10
- var packageVersion = "77.2.3";
10
+ var packageVersion = "77.4.0";
11
11
  var concurrentExperience;
12
12
  var getExperience = function getExperience(id) {
13
13
  if (!concurrentExperience) {
@@ -0,0 +1,6 @@
1
+ import { useRef } from 'react';
2
+ export function useCurrentValueRef(value) {
3
+ var ref = useRef(value);
4
+ ref.current = value;
5
+ return ref;
6
+ }
@@ -0,0 +1,8 @@
1
+ import { useEffect, useRef } from 'react';
2
+ export function usePrevious(value) {
3
+ var ref = useRef();
4
+ useEffect(function () {
5
+ ref.current = value;
6
+ }, [value]);
7
+ return ref.current;
8
+ }
@@ -1,63 +1,7 @@
1
- import React, { Component } from 'react';
2
- import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
- import { FileState, MediaSubscription } from '@atlaskit/media-client';
1
+ import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
2
+ import React from 'react';
4
3
  import { WrappedComponentProps } from 'react-intl-next';
5
- import { CardAction } from '../actions';
6
- import { CardProps, CardState, CardStatus } from '../../types';
4
+ import { CardProps } from '../../types';
7
5
  export type CardV2BaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
8
- export declare class CardV2Base extends Component<CardV2BaseProps, CardState> {
9
- private internalOccurrenceKey;
10
- private hasBeenMounted;
11
- private fileStateFlags;
12
- private ssrReliability;
13
- private timeElapsedTillCommenced;
14
- subscription?: MediaSubscription;
15
- private ssrData?;
16
- private traceContext;
17
- static defaultProps: Partial<CardProps>;
18
- constructor(props: CardV2BaseProps);
19
- private getSSRPreview;
20
- componentDidMount(): void;
21
- componentDidUpdate(prevProps: CardProps, prevState: CardState): void;
22
- componentWillUnmount(): void;
23
- updateStateForIdentifier(): void;
24
- private getImageURLParams;
25
- private getMediaBlobUrlAttrs;
26
- private getCardPreviewParams;
27
- private setCacheSSRPreview;
28
- private refetchSSRPreview;
29
- private resolveUpfrontPreview;
30
- private fetchAndCacheRemotePreview;
31
- private resolvePreview;
32
- updateFileStateFlag(fileState?: FileState): void;
33
- private subscribeFileState;
34
- private get requestedDimensions();
35
- private get metadata();
36
- private get fileAttributes();
37
- private getPerformanceAttributes;
38
- private logSSRImageError;
39
- private onImageError;
40
- private onImageLoad;
41
- private fireOperationalEvent;
42
- private fireCommencedEvent;
43
- private fireAbortedEvent;
44
- private fireCopiedEvent;
45
- private fireScreenEvent;
46
- private fireNonCriticalErrorEvent;
47
- private safeSetState;
48
- get actions(): CardAction[];
49
- onCardViewClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
50
- onInlinePlayerError: () => void;
51
- setRef: (cardRef: HTMLDivElement | null) => void;
52
- renderInlinePlayer: () => JSX.Element;
53
- onMediaViewerClose: () => void;
54
- private onDisplayImage;
55
- renderMediaViewer: () => React.ReactPortal | undefined;
56
- renderCard: (withCallbacks?: boolean, cardStatusOverride?: CardStatus, izLazyOverride?: boolean) => JSX.Element;
57
- private storeSSRData;
58
- render(): JSX.Element;
59
- private onCardInViewport;
60
- onClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
61
- onMouseEnter: (event: React.MouseEvent<HTMLDivElement>) => void;
62
- }
6
+ export declare const CardV2Base: ({ identifier, ...otherProps }: CardV2BaseProps & WrappedComponentProps) => JSX.Element;
63
7
  export declare const CardV2: React.ComponentType<CardV2BaseProps>;
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
+ import { ExternalImageIdentifier, Identifier, MediaClient } from '@atlaskit/media-client';
4
+ import { CardEventProps, SharedCardProps } from '../../types';
5
+ export interface ExternalImageCardProps extends SharedCardProps, CardEventProps {
6
+ readonly mediaClient: MediaClient;
7
+ readonly identifier: ExternalImageIdentifier;
8
+ readonly shouldOpenMediaViewer?: boolean;
9
+ readonly mediaViewerItems?: Identifier[];
10
+ readonly contextId?: string;
11
+ readonly shouldHideTooltip?: boolean;
12
+ }
13
+ export type ExternalImageCardBaseProps = ExternalImageCardProps & WithAnalyticsEventsProps;
14
+ export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, createAnalyticsEvent, }: ExternalImageCardBaseProps) => JSX.Element;
@@ -0,0 +1,19 @@
1
+ /// <reference types="react" />
2
+ import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
+ import { FileIdentifier, Identifier, MediaClient } from '@atlaskit/media-client';
4
+ import { SSR } from '@atlaskit/media-common';
5
+ import { CardEventProps, SharedCardProps } from '../../types';
6
+ export interface FileCardProps extends SharedCardProps, CardEventProps {
7
+ readonly mediaClient: MediaClient;
8
+ readonly identifier: FileIdentifier;
9
+ readonly isLazy?: boolean;
10
+ readonly useInlinePlayer?: boolean;
11
+ readonly shouldOpenMediaViewer?: boolean;
12
+ readonly mediaViewerItems?: Identifier[];
13
+ readonly contextId?: string;
14
+ readonly shouldEnableDownloadButton?: boolean;
15
+ readonly ssr?: SSR;
16
+ readonly shouldHideTooltip?: boolean;
17
+ }
18
+ export type FileCardBaseProps = FileCardProps & WithAnalyticsEventsProps;
19
+ export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, mediaClient, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, createAnalyticsEvent, }: FileCardBaseProps) => JSX.Element;
@@ -1,5 +1,6 @@
1
1
  import { MediaClientErrorReason } from '@atlaskit/media-client';
2
2
  import { CardPreview } from './types';
3
+ import { MediaFileStateError } from '@atlaskit/media-client-react';
3
4
  /**
4
5
  * Primary reason is logged through Data Portal.
5
6
  * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
@@ -9,13 +10,6 @@ export type ImageLoadPrimaryReason = 'cache-remote-uri' | 'cache-local-uri' | 'l
9
10
  export type RemotePreviewPrimaryReason = 'remote-preview-fetch' | 'remote-preview-not-ready' | 'remote-preview-fetch-ssr';
10
11
  export type LocalPreviewPrimaryReason = 'local-preview-get' | 'local-preview-unsupported' | 'local-preview-rejected' | 'local-preview-image' | 'local-preview-video';
11
12
  export type SsrPreviewPrimaryReason = 'ssr-client-uri' | 'ssr-client-load' | 'ssr-server-uri' | 'ssr-server-load';
12
- export declare class MediaFileStateError extends Error {
13
- readonly id: string;
14
- readonly reason?: string | undefined;
15
- readonly message: string;
16
- readonly details?: Record<string, any> | undefined;
17
- constructor(id: string, reason?: string | undefined, message?: string, details?: Record<string, any> | undefined);
18
- }
19
13
  export declare function isMediaFileStateError(err: Error): err is MediaFileStateError;
20
14
  export declare function getFileStateErrorReason(err: MediaFileStateError): MediaClientErrorReason | 'unknown';
21
15
  export declare function isPollingError(err?: Error): boolean;
@@ -0,0 +1,2 @@
1
+ import { MutableRefObject } from 'react';
2
+ export declare function useCurrentValueRef<T>(value: T): MutableRefObject<T>;
@@ -0,0 +1 @@
1
+ export declare function usePrevious<T>(value: T | undefined): T | undefined;
@@ -1,63 +1,7 @@
1
- import React, { Component } from 'react';
2
- import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
- import { FileState, MediaSubscription } from '@atlaskit/media-client';
1
+ import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
2
+ import React from 'react';
4
3
  import { WrappedComponentProps } from 'react-intl-next';
5
- import { CardAction } from '../actions';
6
- import { CardProps, CardState, CardStatus } from '../../types';
4
+ import { CardProps } from '../../types';
7
5
  export type CardV2BaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
8
- export declare class CardV2Base extends Component<CardV2BaseProps, CardState> {
9
- private internalOccurrenceKey;
10
- private hasBeenMounted;
11
- private fileStateFlags;
12
- private ssrReliability;
13
- private timeElapsedTillCommenced;
14
- subscription?: MediaSubscription;
15
- private ssrData?;
16
- private traceContext;
17
- static defaultProps: Partial<CardProps>;
18
- constructor(props: CardV2BaseProps);
19
- private getSSRPreview;
20
- componentDidMount(): void;
21
- componentDidUpdate(prevProps: CardProps, prevState: CardState): void;
22
- componentWillUnmount(): void;
23
- updateStateForIdentifier(): void;
24
- private getImageURLParams;
25
- private getMediaBlobUrlAttrs;
26
- private getCardPreviewParams;
27
- private setCacheSSRPreview;
28
- private refetchSSRPreview;
29
- private resolveUpfrontPreview;
30
- private fetchAndCacheRemotePreview;
31
- private resolvePreview;
32
- updateFileStateFlag(fileState?: FileState): void;
33
- private subscribeFileState;
34
- private get requestedDimensions();
35
- private get metadata();
36
- private get fileAttributes();
37
- private getPerformanceAttributes;
38
- private logSSRImageError;
39
- private onImageError;
40
- private onImageLoad;
41
- private fireOperationalEvent;
42
- private fireCommencedEvent;
43
- private fireAbortedEvent;
44
- private fireCopiedEvent;
45
- private fireScreenEvent;
46
- private fireNonCriticalErrorEvent;
47
- private safeSetState;
48
- get actions(): CardAction[];
49
- onCardViewClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
50
- onInlinePlayerError: () => void;
51
- setRef: (cardRef: HTMLDivElement | null) => void;
52
- renderInlinePlayer: () => JSX.Element;
53
- onMediaViewerClose: () => void;
54
- private onDisplayImage;
55
- renderMediaViewer: () => React.ReactPortal | undefined;
56
- renderCard: (withCallbacks?: boolean, cardStatusOverride?: CardStatus, izLazyOverride?: boolean) => JSX.Element;
57
- private storeSSRData;
58
- render(): JSX.Element;
59
- private onCardInViewport;
60
- onClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
61
- onMouseEnter: (event: React.MouseEvent<HTMLDivElement>) => void;
62
- }
6
+ export declare const CardV2Base: ({ identifier, ...otherProps }: CardV2BaseProps & WrappedComponentProps) => JSX.Element;
63
7
  export declare const CardV2: React.ComponentType<CardV2BaseProps>;
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
+ import { ExternalImageIdentifier, Identifier, MediaClient } from '@atlaskit/media-client';
4
+ import { CardEventProps, SharedCardProps } from '../../types';
5
+ export interface ExternalImageCardProps extends SharedCardProps, CardEventProps {
6
+ readonly mediaClient: MediaClient;
7
+ readonly identifier: ExternalImageIdentifier;
8
+ readonly shouldOpenMediaViewer?: boolean;
9
+ readonly mediaViewerItems?: Identifier[];
10
+ readonly contextId?: string;
11
+ readonly shouldHideTooltip?: boolean;
12
+ }
13
+ export type ExternalImageCardBaseProps = ExternalImageCardProps & WithAnalyticsEventsProps;
14
+ export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, createAnalyticsEvent, }: ExternalImageCardBaseProps) => JSX.Element;
@@ -0,0 +1,19 @@
1
+ /// <reference types="react" />
2
+ import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
+ import { FileIdentifier, Identifier, MediaClient } from '@atlaskit/media-client';
4
+ import { SSR } from '@atlaskit/media-common';
5
+ import { CardEventProps, SharedCardProps } from '../../types';
6
+ export interface FileCardProps extends SharedCardProps, CardEventProps {
7
+ readonly mediaClient: MediaClient;
8
+ readonly identifier: FileIdentifier;
9
+ readonly isLazy?: boolean;
10
+ readonly useInlinePlayer?: boolean;
11
+ readonly shouldOpenMediaViewer?: boolean;
12
+ readonly mediaViewerItems?: Identifier[];
13
+ readonly contextId?: string;
14
+ readonly shouldEnableDownloadButton?: boolean;
15
+ readonly ssr?: SSR;
16
+ readonly shouldHideTooltip?: boolean;
17
+ }
18
+ export type FileCardBaseProps = FileCardProps & WithAnalyticsEventsProps;
19
+ export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, mediaClient, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, createAnalyticsEvent, }: FileCardBaseProps) => JSX.Element;
@@ -1,5 +1,6 @@
1
1
  import { MediaClientErrorReason } from '@atlaskit/media-client';
2
2
  import { CardPreview } from './types';
3
+ import { MediaFileStateError } from '@atlaskit/media-client-react';
3
4
  /**
4
5
  * Primary reason is logged through Data Portal.
5
6
  * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
@@ -9,13 +10,6 @@ export type ImageLoadPrimaryReason = 'cache-remote-uri' | 'cache-local-uri' | 'l
9
10
  export type RemotePreviewPrimaryReason = 'remote-preview-fetch' | 'remote-preview-not-ready' | 'remote-preview-fetch-ssr';
10
11
  export type LocalPreviewPrimaryReason = 'local-preview-get' | 'local-preview-unsupported' | 'local-preview-rejected' | 'local-preview-image' | 'local-preview-video';
11
12
  export type SsrPreviewPrimaryReason = 'ssr-client-uri' | 'ssr-client-load' | 'ssr-server-uri' | 'ssr-server-load';
12
- export declare class MediaFileStateError extends Error {
13
- readonly id: string;
14
- readonly reason?: string | undefined;
15
- readonly message: string;
16
- readonly details?: Record<string, any> | undefined;
17
- constructor(id: string, reason?: string | undefined, message?: string, details?: Record<string, any> | undefined);
18
- }
19
13
  export declare function isMediaFileStateError(err: Error): err is MediaFileStateError;
20
14
  export declare function getFileStateErrorReason(err: MediaFileStateError): MediaClientErrorReason | 'unknown';
21
15
  export declare function isPollingError(err?: Error): boolean;
@@ -0,0 +1,2 @@
1
+ import { MutableRefObject } from 'react';
2
+ export declare function useCurrentValueRef<T>(value: T): MutableRefObject<T>;
@@ -0,0 +1 @@
1
+ export declare function usePrevious<T>(value: T | undefined): T | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-card",
3
- "version": "77.2.3",
3
+ "version": "77.4.0",
4
4
  "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -41,10 +41,10 @@
41
41
  "@atlaskit/editor-shared-styles": "^2.8.0",
42
42
  "@atlaskit/icon": "^21.12.0",
43
43
  "@atlaskit/media-client": "^25.0.0",
44
- "@atlaskit/media-client-react": "^1.3.0",
45
- "@atlaskit/media-common": "^10.0.0",
44
+ "@atlaskit/media-client-react": "^1.4.0",
45
+ "@atlaskit/media-common": "^11.0.0",
46
46
  "@atlaskit/media-ui": "^25.0.0",
47
- "@atlaskit/media-viewer": "^48.1.0",
47
+ "@atlaskit/media-viewer": "^48.2.0",
48
48
  "@atlaskit/platform-feature-flags": "^0.2.2",
49
49
  "@atlaskit/spinner": "^15.6.0",
50
50
  "@atlaskit/theme": "^12.6.0",
@@ -66,7 +66,7 @@
66
66
  "devDependencies": {
67
67
  "@atlaskit/analytics-listeners": "^8.7.0",
68
68
  "@atlaskit/analytics-namespaced-context": "^6.7.0",
69
- "@atlaskit/inline-message": "^11.5.0",
69
+ "@atlaskit/inline-message": "^12.0.0",
70
70
  "@atlaskit/media-core": "^34.1.0",
71
71
  "@atlaskit/media-picker": "^66.2.0",
72
72
  "@atlaskit/media-state": "^1.0.0",