@atlaskit/media-card 74.1.5 → 74.1.7

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/media-card
 
+## 74.1.7
+
+### Patch Changes
+
+- [`ca22e26cd7c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ca22e26cd7c) - Fix image refetch logic when image dimensions change.
+
 ## 74.1.5
 
 ### Patch Changes

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

@@ -249,6 +249,7 @@ exports.getCardPreview = getCardPreview;
 var shouldResolvePreview = function shouldResolvePreview(_ref3) {
   var status = _ref3.status,
       fileState = _ref3.fileState,
+      prevDimensions = _ref3.prevDimensions,
       dimensions = _ref3.dimensions,
       identifier = _ref3.identifier,
       fileImageMode = _ref3.fileImageMode,
@@ -256,10 +257,7 @@ var shouldResolvePreview = function shouldResolvePreview(_ref3) {
       isBannedLocalPreview = _ref3.isBannedLocalPreview,
       featureFlags = _ref3.featureFlags;
   var statusIsPreviewable = (0, _filePreviewStatus.isPreviewableStatus)(status, (0, _filePreviewStatus.extractFilePreviewStatus)(fileState, isBannedLocalPreview, featureFlags));
-
-  var cardPreview = _cache.default.get(identifier.id, fileImageMode);
-
-  var dimensionsAreBigger = (0, _dimensionComparer.isBigger)(cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dimensions, dimensions);
+  var dimensionsAreBigger = (0, _dimensionComparer.isBigger)(prevDimensions, dimensions);
   return statusIsPreviewable && (!hasCardPreview || dimensionsAreBigger);
 };
 

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

@@ -90,7 +90,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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; } }
 
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.1.5";
+var packageVersion = "74.1.7";
 
 var CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);
@@ -805,7 +805,8 @@ var CardBase = /*#__PURE__*/function (_Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
       var prevMediaClient = prevProps.mediaClient,
-          prevIdentifier = prevProps.identifier;
+          prevIdentifier = prevProps.identifier,
+          prevDimensions = prevProps.dimensions;
       var prevIsCardVisible = prevState.isCardVisible;
       var _this$props13 = this.props,
           mediaClient = _this$props13.mediaClient,
@@ -858,6 +859,7 @@ var CardBase = /*#__PURE__*/function (_Component) {
       if ((0, _mediaClient2.isFileIdentifier)(identifier) && fileState && (0, _getCardPreview.shouldResolvePreview)({
         status: status,
         fileState: fileState,
+        prevDimensions: prevDimensions,
         dimensions: dimensions,
         identifier: identifier,
         fileImageMode: fileImageMode,

package/dist/cjs/utils/ufoExperiences.js

@@ -22,7 +22,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.1.5";
+var packageVersion = "74.1.7";
 var concurrentExperience;
 
 var getExperience = function getExperience(id) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.5",
+	"version": "74.1.7",
 	"sideEffects": false
 }

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

@@ -153,6 +153,7 @@ export const getCardPreview = async ({
 export const shouldResolvePreview = ({
   status,
   fileState,
+  prevDimensions,
   dimensions,
   identifier,
   fileImageMode,
@@ -161,8 +162,7 @@ export const shouldResolvePreview = ({
   featureFlags
 }) => {
   const statusIsPreviewable = isPreviewableStatus(status, extractFilePreviewStatus(fileState, isBannedLocalPreview, featureFlags));
-  const cardPreview = cardPreviewCache.get(identifier.id, fileImageMode);
-  const dimensionsAreBigger = isBigger(cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dimensions, dimensions);
+  const dimensionsAreBigger = isBigger(prevDimensions, dimensions);
   return statusIsPreviewable && (!hasCardPreview || dimensionsAreBigger);
 };
 export const getSSRCardPreview = (ssr, mediaClient, id, params, mediaBlobUrlAttrs) => {

package/dist/es2019/root/card/index.js

@@ -25,7 +25,7 @@ import { getMediaCardCursor } from '../../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../../utils/ufoExperiences';
 import { generateUniqueId } from '../../utils/generateUniqueId';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.1.5";
+const packageVersion = "74.1.7";
 export class CardBase extends Component {
   // An internalOccurrenceKey is a randomly generated value to differentiate various instances
   // of Cards regardless of whether it shares the same file (either internal or external)
@@ -744,7 +744,8 @@ export class CardBase extends Component {
   componentDidUpdate(prevProps, prevState) {
     const {
       mediaClient: prevMediaClient,
-      identifier: prevIdentifier
+      identifier: prevIdentifier,
+      dimensions: prevDimensions
     } = prevProps;
     const {
       isCardVisible: prevIsCardVisible
@@ -804,6 +805,7 @@ export class CardBase extends Component {
     if (isFileIdentifier(identifier) && fileState && shouldResolvePreview({
       status,
       fileState,
+      prevDimensions,
       dimensions,
       identifier,
       fileImageMode,

package/dist/es2019/utils/ufoExperiences.js

@@ -3,7 +3,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata, LOGGED_FEATURE_FLAG_KE
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.1.5";
+const packageVersion = "74.1.7";
 let concurrentExperience;
 
 const getExperience = id => {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.5",
+	"version": "74.1.7",
 	"sideEffects": false
 }

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

@@ -197,6 +197,7 @@ export var getCardPreview = /*#__PURE__*/function () {
 export var shouldResolvePreview = function shouldResolvePreview(_ref3) {
   var status = _ref3.status,
       fileState = _ref3.fileState,
+      prevDimensions = _ref3.prevDimensions,
       dimensions = _ref3.dimensions,
       identifier = _ref3.identifier,
       fileImageMode = _ref3.fileImageMode,
@@ -204,8 +205,7 @@ export var shouldResolvePreview = function shouldResolvePreview(_ref3) {
       isBannedLocalPreview = _ref3.isBannedLocalPreview,
       featureFlags = _ref3.featureFlags;
   var statusIsPreviewable = isPreviewableStatus(status, extractFilePreviewStatus(fileState, isBannedLocalPreview, featureFlags));
-  var cardPreview = cardPreviewCache.get(identifier.id, fileImageMode);
-  var dimensionsAreBigger = isBigger(cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dimensions, dimensions);
+  var dimensionsAreBigger = isBigger(prevDimensions, dimensions);
   return statusIsPreviewable && (!hasCardPreview || dimensionsAreBigger);
 };
 export var getSSRCardPreview = function getSSRCardPreview(ssr, mediaClient, id, params, mediaBlobUrlAttrs) {

package/dist/esm/root/card/index.js

@@ -43,7 +43,7 @@ import { getMediaCardCursor } from '../../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../../utils/ufoExperiences';
 import { generateUniqueId } from '../../utils/generateUniqueId';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.1.5";
+var packageVersion = "74.1.7";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
 
@@ -789,7 +789,8 @@ export var CardBase = /*#__PURE__*/function (_Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
       var prevMediaClient = prevProps.mediaClient,
-          prevIdentifier = prevProps.identifier;
+          prevIdentifier = prevProps.identifier,
+          prevDimensions = prevProps.dimensions;
       var prevIsCardVisible = prevState.isCardVisible;
       var _this$props13 = this.props,
           mediaClient = _this$props13.mediaClient,
@@ -842,6 +843,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
       if (isFileIdentifier(identifier) && fileState && shouldResolvePreview({
         status: status,
         fileState: fileState,
+        prevDimensions: prevDimensions,
         dimensions: dimensions,
         identifier: identifier,
         fileImageMode: fileImageMode,

package/dist/esm/utils/ufoExperiences.js

@@ -9,7 +9,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata, LOGGED_FEATURE_FLAG_KE
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.1.5";
+var packageVersion = "74.1.7";
 var concurrentExperience;
 
 var getExperience = function getExperience(id) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.5",
+	"version": "74.1.7",
 	"sideEffects": false
 }

package/dist/types/root/card/getCardPreview/index.d.ts

@@ -37,9 +37,10 @@ export declare type CardPreviewParams = {
  * hence the use of the optional callback onLocalPreviewError
  */
 export declare const getCardPreview: ({ mediaClient, id, dimensions, filePreview, onLocalPreviewError, isRemotePreviewReady, imageUrlParams, mediaBlobUrlAttrs, createAnalyticsEvent, featureFlags, }: CardPreviewParams) => Promise<CardPreview>;
-export declare const shouldResolvePreview: ({ status, fileState, dimensions, identifier, fileImageMode, hasCardPreview, isBannedLocalPreview, featureFlags, }: {
+export declare const shouldResolvePreview: ({ status, fileState, prevDimensions, dimensions, identifier, fileImageMode, hasCardPreview, isBannedLocalPreview, featureFlags, }: {
     status: CardStatus;
     fileState: FileState;
+    prevDimensions?: CardDimensions | undefined;
     dimensions?: CardDimensions | undefined;
     identifier: FileIdentifier;
     fileImageMode?: ImageResizeMode | undefined;

package/dist/types-ts4.0/root/card/getCardPreview/index.d.ts

@@ -37,9 +37,10 @@ export declare type CardPreviewParams = {
  * hence the use of the optional callback onLocalPreviewError
  */
 export declare const getCardPreview: ({ mediaClient, id, dimensions, filePreview, onLocalPreviewError, isRemotePreviewReady, imageUrlParams, mediaBlobUrlAttrs, createAnalyticsEvent, featureFlags, }: CardPreviewParams) => Promise<CardPreview>;
-export declare const shouldResolvePreview: ({ status, fileState, dimensions, identifier, fileImageMode, hasCardPreview, isBannedLocalPreview, featureFlags, }: {
+export declare const shouldResolvePreview: ({ status, fileState, prevDimensions, dimensions, identifier, fileImageMode, hasCardPreview, isBannedLocalPreview, featureFlags, }: {
     status: CardStatus;
     fileState: FileState;
+    prevDimensions?: CardDimensions | undefined;
     dimensions?: CardDimensions | undefined;
     identifier: FileIdentifier;
     fileImageMode?: ImageResizeMode | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "74.1.5",
+  "version": "74.1.7",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"