@atlaskit/media-card 77.6.1 → 77.6.3
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 +5 -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 +5 -7
- 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 +5 -7
- 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-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/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/media-card
|
|
2
2
|
|
|
3
|
+
## 77.6.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#61545](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/61545) [`7eff3f03b521`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7eff3f03b521) - Reorganised logic of Previe Hook
|
|
8
|
+
|
|
9
|
+
## 77.6.2
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#60690](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60690) [`4a6ece928910`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4a6ece928910) - [ux] Media Inline Card displays the file name when failed to process and enables Media Viewer to download it
|
|
14
|
+
|
|
3
15
|
## 77.6.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/dist/cjs/card/card.js
CHANGED
|
@@ -49,7 +49,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
49
49
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
50
50
|
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; } }
|
|
51
51
|
var packageName = "@atlaskit/media-card";
|
|
52
|
-
var packageVersion = "77.6.
|
|
52
|
+
var packageVersion = "77.6.3";
|
|
53
53
|
var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
|
|
54
54
|
(0, _inherits2.default)(CardBase, _Component);
|
|
55
55
|
var _super = _createSuper(CardBase);
|
|
@@ -90,7 +90,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
90
90
|
}(_react.default.Component);
|
|
91
91
|
(0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
92
92
|
var packageName = "@atlaskit/media-card";
|
|
93
|
-
var packageVersion = "77.6.
|
|
93
|
+
var packageVersion = "77.6.3";
|
|
94
94
|
var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
95
95
|
packageVersion: packageVersion,
|
|
96
96
|
packageName: packageName,
|
|
@@ -16,7 +16,7 @@ var _externalImageCard = require("./externalImageCard");
|
|
|
16
16
|
var _fileCard = require("./fileCard");
|
|
17
17
|
var _excluded = ["identifier"];
|
|
18
18
|
var packageName = "@atlaskit/media-card";
|
|
19
|
-
var packageVersion = "77.6.
|
|
19
|
+
var packageVersion = "77.6.3";
|
|
20
20
|
var CardV2Base = exports.CardV2Base = function CardV2Base(_ref) {
|
|
21
21
|
var identifier = _ref.identifier,
|
|
22
22
|
otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
@@ -186,7 +186,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
|
|
|
186
186
|
previewDidRender: previewDidRender,
|
|
187
187
|
skipRemote: !isCardVisible
|
|
188
188
|
}),
|
|
189
|
-
|
|
189
|
+
preview = _useFilePreview.preview,
|
|
190
190
|
previewError = _useFilePreview.error,
|
|
191
191
|
nonCriticalError = _useFilePreview.nonCriticalError,
|
|
192
192
|
ssrReliabilityRef = _useFilePreview.ssrReliabilityRef,
|
|
@@ -329,7 +329,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
|
|
|
329
329
|
return;
|
|
330
330
|
}
|
|
331
331
|
var isVideo = metadata && metadata.mediaType === 'video';
|
|
332
|
-
if (useInlinePlayer && isVideo && !!
|
|
332
|
+
if (useInlinePlayer && isVideo && !!preview && finalStatus !== 'error') {
|
|
333
333
|
setIsPlayingFile(true);
|
|
334
334
|
setShouldAutoplay(true);
|
|
335
335
|
} else if (shouldOpenMediaViewer) {
|
|
@@ -433,11 +433,11 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
|
|
|
433
433
|
|
|
434
434
|
(0, _react.useEffect)(function () {
|
|
435
435
|
if (prevStatus !== undefined && finalStatus !== prevStatus) {
|
|
436
|
-
if (finalStatus === 'complete' || fileAttributes.fileMediatype === 'video' && !!
|
|
436
|
+
if (finalStatus === 'complete' || fileAttributes.fileMediatype === 'video' && !!preview && finalStatus === 'processing') {
|
|
437
437
|
fireScreenEventRef.current();
|
|
438
438
|
}
|
|
439
439
|
}
|
|
440
|
-
}, [finalStatus, prevStatus, fileAttributes,
|
|
440
|
+
}, [finalStatus, prevStatus, fileAttributes, preview, fireScreenEventRef]);
|
|
441
441
|
|
|
442
442
|
//----------------------------------------------------------------//
|
|
443
443
|
//----------------- abort UFO experience -------------------------//
|
|
@@ -518,16 +518,16 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
|
|
|
518
518
|
// Side note: We should not lazy load if the cardPreview is available from local cache,
|
|
519
519
|
// in order to avoid flickers during re-mount of the component
|
|
520
520
|
// CXP-2723 TODO: Create test cases for the above scenarios
|
|
521
|
-
var nativeLazyLoad = isLazyWithOverride && !isCardVisible &&
|
|
521
|
+
var nativeLazyLoad = isLazyWithOverride && !isCardVisible && preview && (0, _getCardPreview.isSSRPreview)(preview);
|
|
522
522
|
// Force Media Image to always display img for SSR
|
|
523
523
|
var forceSyncDisplay = !!ssr;
|
|
524
|
-
var mediaCardCursor = (0, _getMediaCardCursor.getMediaCardCursor)(!!useInlinePlayer, !!shouldOpenMediaViewer, finalStatus === 'error' || finalStatus === 'failed-processing', !!
|
|
524
|
+
var mediaCardCursor = (0, _getMediaCardCursor.getMediaCardCursor)(!!useInlinePlayer, !!shouldOpenMediaViewer, finalStatus === 'error' || finalStatus === 'failed-processing', !!preview, metadata.mediaType);
|
|
525
525
|
var card = /*#__PURE__*/_react.default.createElement(LoadedCardView, {
|
|
526
526
|
status: cardStatusOverride || finalStatus,
|
|
527
527
|
error: finalError,
|
|
528
528
|
mediaItemType: mediaItemType,
|
|
529
529
|
metadata: metadata,
|
|
530
|
-
cardPreview:
|
|
530
|
+
cardPreview: preview,
|
|
531
531
|
alt: alt,
|
|
532
532
|
resizeMode: resizeMode,
|
|
533
533
|
dimensions: cardDimensions,
|
|
@@ -594,7 +594,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
|
|
|
594
594
|
selected: selected,
|
|
595
595
|
ref: setCardElement,
|
|
596
596
|
testId: testId,
|
|
597
|
-
cardPreview:
|
|
597
|
+
cardPreview: preview
|
|
598
598
|
})) : renderCard(), mediaViewerSelectedItem ? /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_mediaViewer.MediaViewer, {
|
|
599
599
|
collectionName: collectionName,
|
|
600
600
|
items: mediaViewerItems || [],
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.isSSRDataPreview = exports.isSSRClientPreview = exports.isLocalPreview = exports.
|
|
7
|
+
exports.isSSRDataPreview = exports.isSSRClientPreview = exports.isLocalPreview = exports.getSSRPreview = exports.getAndCacheRemotePreview = exports.getAndCacheLocalPreview = void 0;
|
|
8
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
9
9
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
@@ -43,7 +43,7 @@ var extendAndCachePreview = function extendAndCachePreview(id, mode, preview, me
|
|
|
43
43
|
dataURI: dataURI
|
|
44
44
|
});
|
|
45
45
|
};
|
|
46
|
-
var
|
|
46
|
+
var getSSRPreview = exports.getSSRPreview = function getSSRPreview(ssr, mediaClient, id, params, mediaBlobUrlAttrs) {
|
|
47
47
|
var dataURI;
|
|
48
48
|
try {
|
|
49
49
|
var rawDataURI = mediaClient.getImageUrlSync(id, params);
|
|
@@ -21,10 +21,10 @@ Object.defineProperty(exports, "getAndCacheRemotePreview", {
|
|
|
21
21
|
return _getPreview.getAndCacheRemotePreview;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
-
Object.defineProperty(exports, "
|
|
24
|
+
Object.defineProperty(exports, "getSSRPreview", {
|
|
25
25
|
enumerable: true,
|
|
26
26
|
get: function get() {
|
|
27
|
-
return _getPreview.
|
|
27
|
+
return _getPreview.getSSRPreview;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "isLocalPreview", {
|