@atlaskit/media-card 77.6.2 → 77.6.4
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.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/card/card.js +1 -1
- package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/cjs/card/v2/cardV2.js +1 -1
- package/dist/cjs/card/v2/fileCard.js +8 -8
- package/dist/cjs/card/v2/useFilePreview/getPreview/getPreview.js +2 -2
- package/dist/cjs/card/v2/useFilePreview/getPreview/index.js +2 -2
- package/dist/cjs/card/v2/useFilePreview/useFilePreview.js +234 -235
- package/dist/cjs/inline/loader.js +1 -1
- package/dist/cjs/inline/mediaInlineCard.js +7 -7
- package/dist/cjs/utils/ufoExperiences.js +1 -1
- package/dist/es2019/card/card.js +1 -1
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/es2019/card/v2/cardV2.js +1 -1
- package/dist/es2019/card/v2/fileCard.js +8 -8
- package/dist/es2019/card/v2/useFilePreview/getPreview/getPreview.js +1 -1
- package/dist/es2019/card/v2/useFilePreview/getPreview/index.js +1 -1
- package/dist/es2019/card/v2/useFilePreview/useFilePreview.js +194 -197
- package/dist/es2019/inline/loader.js +1 -1
- package/dist/es2019/inline/mediaInlineCard.js +8 -8
- package/dist/es2019/utils/ufoExperiences.js +1 -1
- package/dist/esm/card/card.js +1 -1
- package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/esm/card/v2/cardV2.js +1 -1
- package/dist/esm/card/v2/fileCard.js +8 -8
- package/dist/esm/card/v2/useFilePreview/getPreview/getPreview.js +1 -1
- package/dist/esm/card/v2/useFilePreview/getPreview/index.js +1 -1
- package/dist/esm/card/v2/useFilePreview/useFilePreview.js +236 -237
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/inline/mediaInlineCard.js +8 -8
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/dist/types/card/v2/useFilePreview/getPreview/getPreview.d.ts +1 -1
- package/dist/types/card/v2/useFilePreview/getPreview/index.d.ts +1 -1
- package/dist/types/card/v2/useFilePreview/useFilePreview.d.ts +6 -6
- package/dist/types/inline/mediaInlineCard.d.ts +1 -1
- package/dist/types-ts4.5/card/v2/useFilePreview/getPreview/getPreview.d.ts +1 -1
- package/dist/types-ts4.5/card/v2/useFilePreview/getPreview/index.d.ts +1 -1
- package/dist/types-ts4.5/card/v2/useFilePreview/useFilePreview.d.ts +6 -6
- package/dist/types-ts4.5/inline/mediaInlineCard.d.ts +1 -1
- package/package.json +1 -1
|
@@ -7,18 +7,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.MediaInlineCardInternal = exports.MediaInlineCard = void 0;
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
|
-
var
|
|
11
|
-
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
10
|
+
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
12
11
|
var _mediaClient = require("@atlaskit/media-client");
|
|
13
|
-
var _reactIntlNext = require("react-intl-next");
|
|
14
12
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
13
|
+
var _formatDate = require("@atlaskit/media-ui/formatDate");
|
|
15
14
|
var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
|
|
16
15
|
var _mediaViewer = require("@atlaskit/media-viewer");
|
|
17
16
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
17
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
18
|
+
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
19
|
+
var _reactIntlNext = require("react-intl-next");
|
|
21
20
|
var _errors = require("../errors");
|
|
21
|
+
var _analytics = require("../utils/analytics");
|
|
22
22
|
var _mediaInlineCardAnalytics = require("./mediaInlineCardAnalytics");
|
|
23
23
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
24
24
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -114,7 +114,7 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
|
|
|
114
114
|
}
|
|
115
115
|
});
|
|
116
116
|
return function () {
|
|
117
|
-
subscription.unsubscribe();
|
|
117
|
+
subscription === null || subscription === void 0 || subscription.unsubscribe();
|
|
118
118
|
};
|
|
119
119
|
}, [identifier.collectionName, identifier.id, mediaClient.file]);
|
|
120
120
|
if (subscribeError) {
|
|
@@ -14,7 +14,7 @@ var _mediaClient = require("@atlaskit/media-client");
|
|
|
14
14
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
15
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
16
|
var packageName = "@atlaskit/media-card";
|
|
17
|
-
var packageVersion = "77.6.
|
|
17
|
+
var packageVersion = "77.6.4";
|
|
18
18
|
var concurrentExperience;
|
|
19
19
|
var getExperience = function getExperience(id) {
|
|
20
20
|
if (!concurrentExperience) {
|
package/dist/es2019/card/card.js
CHANGED
|
@@ -27,7 +27,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
|
|
|
27
27
|
import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../utils/ufoExperiences';
|
|
28
28
|
import { generateUniqueId } from '../utils/generateUniqueId';
|
|
29
29
|
const packageName = "@atlaskit/media-card";
|
|
30
|
-
const packageVersion = "77.6.
|
|
30
|
+
const packageVersion = "77.6.4";
|
|
31
31
|
export class CardBase extends Component {
|
|
32
32
|
constructor(props) {
|
|
33
33
|
super(props);
|
|
@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
|
|
|
66
66
|
}
|
|
67
67
|
_defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
68
68
|
const packageName = "@atlaskit/media-card";
|
|
69
|
-
const packageVersion = "77.6.
|
|
69
|
+
const packageVersion = "77.6.4";
|
|
70
70
|
const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
71
71
|
packageVersion,
|
|
72
72
|
packageName,
|
|
@@ -7,7 +7,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
|
|
|
7
7
|
import { ExternalImageCard } from './externalImageCard';
|
|
8
8
|
import { FileCard } from './fileCard';
|
|
9
9
|
const packageName = "@atlaskit/media-card";
|
|
10
|
-
const packageVersion = "77.6.
|
|
10
|
+
const packageVersion = "77.6.4";
|
|
11
11
|
export const CardV2Base = ({
|
|
12
12
|
identifier,
|
|
13
13
|
...otherProps
|
|
@@ -133,7 +133,7 @@ export const FileCard = ({
|
|
|
133
133
|
} : undefined;
|
|
134
134
|
}, [alt, previewDimensions, contextId, fileStateValue, identifier, originalDimensions]);
|
|
135
135
|
const {
|
|
136
|
-
|
|
136
|
+
preview,
|
|
137
137
|
error: previewError,
|
|
138
138
|
nonCriticalError,
|
|
139
139
|
ssrReliabilityRef,
|
|
@@ -278,7 +278,7 @@ export const FileCard = ({
|
|
|
278
278
|
return;
|
|
279
279
|
}
|
|
280
280
|
const isVideo = metadata && metadata.mediaType === 'video';
|
|
281
|
-
if (useInlinePlayer && isVideo && !!
|
|
281
|
+
if (useInlinePlayer && isVideo && !!preview && finalStatus !== 'error') {
|
|
282
282
|
setIsPlayingFile(true);
|
|
283
283
|
setShouldAutoplay(true);
|
|
284
284
|
} else if (shouldOpenMediaViewer) {
|
|
@@ -383,11 +383,11 @@ export const FileCard = ({
|
|
|
383
383
|
|
|
384
384
|
useEffect(() => {
|
|
385
385
|
if (prevStatus !== undefined && finalStatus !== prevStatus) {
|
|
386
|
-
if (finalStatus === 'complete' || fileAttributes.fileMediatype === 'video' && !!
|
|
386
|
+
if (finalStatus === 'complete' || fileAttributes.fileMediatype === 'video' && !!preview && finalStatus === 'processing') {
|
|
387
387
|
fireScreenEventRef.current();
|
|
388
388
|
}
|
|
389
389
|
}
|
|
390
|
-
}, [finalStatus, prevStatus, fileAttributes,
|
|
390
|
+
}, [finalStatus, prevStatus, fileAttributes, preview, fireScreenEventRef]);
|
|
391
391
|
|
|
392
392
|
//----------------------------------------------------------------//
|
|
393
393
|
//----------------- abort UFO experience -------------------------//
|
|
@@ -467,16 +467,16 @@ export const FileCard = ({
|
|
|
467
467
|
// Side note: We should not lazy load if the cardPreview is available from local cache,
|
|
468
468
|
// in order to avoid flickers during re-mount of the component
|
|
469
469
|
// CXP-2723 TODO: Create test cases for the above scenarios
|
|
470
|
-
const nativeLazyLoad = isLazyWithOverride && !isCardVisible &&
|
|
470
|
+
const nativeLazyLoad = isLazyWithOverride && !isCardVisible && preview && isSSRPreview(preview);
|
|
471
471
|
// Force Media Image to always display img for SSR
|
|
472
472
|
const forceSyncDisplay = !!ssr;
|
|
473
|
-
const mediaCardCursor = getMediaCardCursor(!!useInlinePlayer, !!shouldOpenMediaViewer, finalStatus === 'error' || finalStatus === 'failed-processing', !!
|
|
473
|
+
const mediaCardCursor = getMediaCardCursor(!!useInlinePlayer, !!shouldOpenMediaViewer, finalStatus === 'error' || finalStatus === 'failed-processing', !!preview, metadata.mediaType);
|
|
474
474
|
const card = /*#__PURE__*/React.createElement(LoadedCardView, {
|
|
475
475
|
status: cardStatusOverride || finalStatus,
|
|
476
476
|
error: finalError,
|
|
477
477
|
mediaItemType: mediaItemType,
|
|
478
478
|
metadata: metadata,
|
|
479
|
-
cardPreview:
|
|
479
|
+
cardPreview: preview,
|
|
480
480
|
alt: alt,
|
|
481
481
|
resizeMode: resizeMode,
|
|
482
482
|
dimensions: cardDimensions,
|
|
@@ -544,7 +544,7 @@ export const FileCard = ({
|
|
|
544
544
|
selected: selected,
|
|
545
545
|
ref: setCardElement,
|
|
546
546
|
testId: testId,
|
|
547
|
-
cardPreview:
|
|
547
|
+
cardPreview: preview
|
|
548
548
|
})) : renderCard(), mediaViewerSelectedItem ? /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(MediaViewer, {
|
|
549
549
|
collectionName: collectionName,
|
|
550
550
|
items: mediaViewerItems || [],
|
|
@@ -33,7 +33,7 @@ const extendAndCachePreview = (id, mode, preview, mediaBlobUrlAttrs) => {
|
|
|
33
33
|
dataURI
|
|
34
34
|
};
|
|
35
35
|
};
|
|
36
|
-
export const
|
|
36
|
+
export const getSSRPreview = (ssr, mediaClient, id, params, mediaBlobUrlAttrs) => {
|
|
37
37
|
let dataURI;
|
|
38
38
|
try {
|
|
39
39
|
const rawDataURI = mediaClient.getImageUrlSync(id, params);
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { mediaFilePreviewCache } from './cache';
|
|
2
2
|
export { isPreviewableStatus, extractFilePreviewStatus } from './filePreviewStatus';
|
|
3
|
-
export {
|
|
3
|
+
export { getSSRPreview, isLocalPreview, isSSRClientPreview, isSSRDataPreview, getAndCacheRemotePreview, getAndCacheLocalPreview } from './getPreview';
|