@atlaskit/media-card 73.1.1 → 73.3.1

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @atlaskit/media-card
 
+## 73.3.1
+
+### Patch Changes
+
+- [`9671dfa12b1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9671dfa12b1) - Revert [MEX-1276] fix vertical scroll for firefox when media link is wrapped
+
+## 73.3.0
+
+### Minor Changes
+
+- [`7d8e24c4dcd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7d8e24c4dcd) - Log reliability of Media Card SSR
+
+### Patch Changes
+
+- Updated dependencies
+
+## 73.2.0
+
+### Minor Changes
+
+- [`3ad0bbf0f93`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ad0bbf0f93) - Log media ssr getImageURLSync error in global variable ssr data.
+- [`1dcf16cb69e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1dcf16cb69e) - Reuse image url from server when hydrates and refetch if dimensions in client are bigger
+- [`a5cabf7f670`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a5cabf7f670) - Made InlinePlayer compatible with SSR
+
+### Patch Changes
+
+- [`46cd0dfed6f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/46cd0dfed6f) - Removed duplicated commenced event
+- [`5571b079998`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5571b079998) - Added example using FileState Factory helper
+- [`116ae9cd4fe`](https://bitbucket.org/atlassian/atlassian-frontend/commits/116ae9cd4fe) - Update SSR example with media single in stretchy-fit mode.
+- [`42485996554`](https://bitbucket.org/atlassian/atlassian-frontend/commits/42485996554) - vr tests for ssr cases
+- [`a31422c7a74`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a31422c7a74) - MEX-1194 introduce cursor states to media card
+- [`af3fcc847ce`](https://bitbucket.org/atlassian/atlassian-frontend/commits/af3fcc847ce) - Improved filestate simulations example
+- [`8fd03048678`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8fd03048678) - Added example and test for media ssr usage in renderer
+- Updated dependencies
+
 ## 73.1.1
 
 ### Patch Changes

package/dist/cjs/files/cardImageView/index.js

@@ -180,18 +180,28 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
         size: "large"
       })));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMediaImage", function () {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onImageLoad", function () {
       var _this$props6 = _this.props,
-          status = _this$props6.status,
-          mediaItemType = _this$props6.mediaItemType,
-          dataURI = _this$props6.dataURI,
-          mediaType = _this$props6.mediaType,
-          mimeType = _this$props6.mimeType,
-          previewOrientation = _this$props6.previewOrientation,
-          onDisplayImage = _this$props6.onDisplayImage,
-          alt = _this$props6.alt,
           onImageLoad = _this$props6.onImageLoad,
-          onImageError = _this$props6.onImageError;
+          cardPreview = _this$props6.cardPreview;
+      onImageLoad && onImageLoad(cardPreview);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onImageError", function () {
+      var _this$props7 = _this.props,
+          onImageError = _this$props7.onImageError,
+          cardPreview = _this$props7.cardPreview;
+      onImageError && onImageError(cardPreview);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMediaImage", function () {
+      var _this$props8 = _this.props,
+          status = _this$props8.status,
+          mediaItemType = _this$props8.mediaItemType,
+          dataURI = _this$props8.dataURI,
+          mediaType = _this$props8.mediaType,
+          mimeType = _this$props8.mimeType,
+          previewOrientation = _this$props8.previewOrientation,
+          onDisplayImage = _this$props8.onDisplayImage,
+          alt = _this$props8.alt;
 
       if (!(0, _shouldDisplayImageThumbnail.shouldDisplayImageThumbnail)(status, mediaItemType, dataURI, mediaType, mimeType)) {
         return null;
@@ -208,16 +218,16 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
         crop: _this.isCropped,
         stretch: _this.isStretched,
         previewOrientation: previewOrientation,
-        onImageLoad: onImageLoad,
-        onImageError: onImageError
+        onImageLoad: _this.onImageLoad,
+        onImageError: _this.onImageError
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderProgressBar", function () {
-      var _this$props7 = _this.props,
-          mediaName = _this$props7.mediaName,
-          progress = _this$props7.progress,
-          actions = _this$props7.actions,
-          status = _this$props7.status;
+      var _this$props9 = _this.props,
+          mediaName = _this$props9.mediaName,
+          progress = _this$props9.progress,
+          actions = _this$props9.actions,
+          status = _this$props9.status;
 
       if (status !== 'uploading') {
         return null;
@@ -235,10 +245,10 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
       }) : null))));
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSuccessCardContents", function () {
-      var _this$props8 = _this.props,
-          disableOverlay = _this$props8.disableOverlay,
-          selectable = _this$props8.selectable,
-          status = _this$props8.status;
+      var _this$props10 = _this.props,
+          disableOverlay = _this$props10.disableOverlay,
+          selectable = _this$props10.selectable,
+          status = _this$props10.status;
       var overlay = null;
 
       if (!disableOverlay) {
@@ -258,15 +268,15 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
       }, _this.renderMediaImage(), _this.renderProgressBar(), _this.renderPlayButton()), overlay);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSuccessCardOverlay", function () {
-      var _this$props9 = _this.props,
-          status = _this$props9.status,
-          mediaName = _this$props9.mediaName,
-          mediaType = _this$props9.mediaType,
-          fileSize = _this$props9.fileSize,
-          dataURI = _this$props9.dataURI,
-          selectable = _this$props9.selectable,
-          selected = _this$props9.selected,
-          actions = _this$props9.actions;
+      var _this$props11 = _this.props,
+          status = _this$props11.status,
+          mediaName = _this$props11.mediaName,
+          mediaType = _this$props11.mediaType,
+          fileSize = _this$props11.fileSize,
+          dataURI = _this$props11.dataURI,
+          selectable = _this$props11.selectable,
+          selected = _this$props11.selected,
+          actions = _this$props11.actions;
       var isPersistent = mediaType === 'doc' || !dataURI;
       return /*#__PURE__*/_react.default.createElement(_cardOverlay.CardOverlay, {
         cardStatus: status,
@@ -285,14 +295,14 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
   (0, _createClass2.default)(FileCardImageView, [{
     key: "render",
     value: function render() {
-      var _this$props10 = this.props,
-          disableOverlay = _this$props10.disableOverlay,
-          selectable = _this$props10.selectable,
-          selected = _this$props10.selected,
-          mediaType = _this$props10.mediaType,
-          progress = _this$props10.progress,
-          status = _this$props10.status,
-          mediaName = _this$props10.mediaName;
+      var _this$props12 = this.props,
+          disableOverlay = _this$props12.disableOverlay,
+          selectable = _this$props12.selectable,
+          selected = _this$props12.selected,
+          mediaType = _this$props12.mediaType,
+          progress = _this$props12.progress,
+          status = _this$props12.status,
+          mediaName = _this$props12.mediaName;
       return /*#__PURE__*/_react.default.createElement(_styled.Wrapper, {
         "data-testid": "media-file-card-view",
         "data-test-media-name": mediaName,
@@ -309,9 +319,9 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
   }, {
     key: "isFileCardImageReadyForDisplay",
     get: function get() {
-      var _this$props11 = this.props,
-          dataURI = _this$props11.dataURI,
-          status = _this$props11.status;
+      var _this$props13 = this.props,
+          dataURI = _this$props13.dataURI,
+          status = _this$props13.status;
       return !!dataURI || !['loading', 'processing', 'loading-preview'].includes(status);
     }
   }, {

package/dist/cjs/root/card/cardAnalytics.js

@@ -10,22 +10,22 @@ var _analytics = require("../../utils/analytics");
 var relevantFeatureFlagNames = ['newCardExperience', 'captions', 'timestampOnVideo'];
 exports.relevantFeatureFlagNames = relevantFeatureFlagNames;
 
-var fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, status, fileAttributes, performanceAttributes, error) {
+var fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, status, fileAttributes, performanceAttributes, ssrReliability, error) {
   var fireEvent = function fireEvent(payload) {
     return (0, _analytics.fireMediaCardEvent)(payload, createAnalyticsEvent);
   };
 
   switch (status) {
     case 'complete':
-      fireEvent((0, _analytics.getRenderSucceededEventPayload)(fileAttributes, performanceAttributes));
+      fireEvent((0, _analytics.getRenderSucceededEventPayload)(fileAttributes, performanceAttributes, ssrReliability));
       break;
 
     case 'failed-processing':
-      fireEvent((0, _analytics.getRenderFailedFileStatusPayload)(fileAttributes, performanceAttributes));
+      fireEvent((0, _analytics.getRenderFailedFileStatusPayload)(fileAttributes, performanceAttributes, ssrReliability));
       break;
 
     case 'error':
-      error && fireEvent((0, _analytics.getRenderErrorEventPayload)(fileAttributes, performanceAttributes, error));
+      error && fireEvent((0, _analytics.getRenderErrorEventPayload)(fileAttributes, performanceAttributes, error, ssrReliability));
       break;
   }
 };

package/dist/cjs/root/card/getCardPreview/index.js

@@ -25,7 +25,7 @@ Object.defineProperty(exports, "getCardPreviewFromFilePreview", {
     return _helpers.getCardPreviewFromFilePreview;
   }
 });
-exports.isSSRServerPreview = exports.isSSRPreview = exports.isSSRClientPreview = exports.isLocalPreview = exports.getSSRCardPreview = exports.getFilePreviewFromFileState = void 0;
+exports.isSSRServerPreview = exports.isSSRPreview = exports.isSSRDataPreview = exports.isSSRClientPreview = exports.isLocalPreview = exports.getSSRCardPreview = exports.getFilePreviewFromFileState = void 0;
 Object.defineProperty(exports, "isSupportedLocalPreview", {
   enumerable: true,
   get: function get() {
@@ -278,6 +278,12 @@ var isSSRClientPreview = function isSSRClientPreview(preview) {
 
 exports.isSSRClientPreview = isSSRClientPreview;
 
+var isSSRDataPreview = function isSSRDataPreview(preview) {
+  return preview.source === 'ssr-data';
+};
+
+exports.isSSRDataPreview = isSSRDataPreview;
+
 var fetchAndCacheRemotePreview = /*#__PURE__*/function () {
   var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(mediaClient, id, dimensions, params, mediaBlobUrlAttrs) {
     var remotePreview;