@atlaskit/media-file-preview 0.12.0 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/media-file-preview
 
+## 0.13.0
+
+### Minor Changes
+
+- [`7ecc830bdd14e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7ecc830bdd14e) -
+  Fixed the srcset 2x to include the correct scaled height param if provided and added resize mode
+  to SSR cache param to avoid reusing incorrect image due to caching
+
 ## 0.12.0
 
 ### Minor Changes

package/dist/cjs/getPreview/getPreview.js

@@ -47,7 +47,8 @@ var getSSRPreview = exports.getSSRPreview = function getSSRPreview(ssr, mediaCli
     var srcSet = "".concat(dataURI, " 1x");
     if (params.width) {
       var doubleDataURI = getDataUri(mediaClient, id, _objectSpread(_objectSpread({}, params), {}, {
-        width: params.width * 2
+        width: params.width * 2,
+        height: params.height && params.height * 2
       }), mediaBlobUrlAttrs);
       // We want to embed some meta context into dataURI for Copy/Paste to work.
       srcSet += ", ".concat(doubleDataURI, " 2x");

package/dist/cjs/globalScope/getSSRData.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getSSRData = void 0;
 var _globalScope = require("./globalScope");
-var getSSRData = exports.getSSRData = function getSSRData(identifier) {
+var getSSRData = exports.getSSRData = function getSSRData(identifier, resizeMode) {
   var mediaCardSsr = (0, _globalScope.getMediaCardSSR)();
   if (!mediaCardSsr) {
     return;
   }
-  return mediaCardSsr[(0, _globalScope.getKey)(identifier)];
+  return mediaCardSsr[(0, _globalScope.getKey)(identifier, resizeMode)];
 };

package/dist/cjs/globalScope/globalScope.js

@@ -42,20 +42,20 @@ function getMediaCardSSR() {
 var dashed = function dashed(param) {
   return param ? "-".concat(param) : '';
 };
-var getKey = exports.getKey = function getKey(_ref) {
+var getKey = exports.getKey = function getKey(_ref, resizeMode) {
   var id = _ref.id,
     collectionName = _ref.collectionName,
     occurrenceKey = _ref.occurrenceKey;
-  return "".concat(id).concat(dashed(collectionName)).concat(dashed(occurrenceKey));
+  return "".concat(id).concat(dashed(collectionName)).concat(dashed(occurrenceKey)).concat(dashed(resizeMode));
 };
-var storeDataURI = exports.storeDataURI = function storeDataURI(key, paramDataURI, paramSrcSet, dimensions, error) {
-  var featureFlags = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
-  var globalScope = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : window;
+var storeDataURI = exports.storeDataURI = function storeDataURI(key, paramDataURI, paramMode, paramSrcSet, dimensions, error) {
+  var featureFlags = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
+  var globalScope = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : window;
   var mediaCardSsr = getMediaCardSSR(globalScope);
   if (featureFlags['media-perf-uplift-mutation-fix']) {
     var _prevData$dimensions, _script;
     var prevData = mediaCardSsr[key];
-    var isPreviousImageLarger = prevData && ((_prevData$dimensions = prevData.dimensions) === null || _prevData$dimensions === void 0 ? void 0 : _prevData$dimensions.width) && (dimensions === null || dimensions === void 0 ? void 0 : dimensions.width) && prevData.dimensions.width > dimensions.width;
+    var isPreviousImageLarger = (prevData === null || prevData === void 0 ? void 0 : prevData.mode) === paramMode && prevData && ((_prevData$dimensions = prevData.dimensions) === null || _prevData$dimensions === void 0 ? void 0 : _prevData$dimensions.width) && (dimensions === null || dimensions === void 0 ? void 0 : dimensions.width) && prevData.dimensions.width > dimensions.width;
     var srcSet = isPreviousImageLarger ? prevData === null || prevData === void 0 ? void 0 : prevData.srcSet : paramSrcSet;
     var dataURI = isPreviousImageLarger ? prevData === null || prevData === void 0 ? void 0 : prevData.dataURI : paramDataURI;
     var img = (_script = script) === null || _script === void 0 || (_script = _script.parentElement) === null || _script === void 0 ? void 0 : _script.querySelector('img');
@@ -102,16 +102,16 @@ var storeDataURI = exports.storeDataURI = function storeDataURI(key, paramDataUR
     };
   }
 };
-var generateScript = function generateScript(identifier, dataURI, srcSet, dimensions, error) {
-  var featureFlags = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
-  var functionCall = (0, _printScript.printFunctionCall)(storeDataURI, getKey(identifier), dataURI, srcSet, dimensions, error, featureFlags);
+var generateScript = function generateScript(identifier, dataURI, mode, srcSet, dimensions, error) {
+  var featureFlags = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
+  var functionCall = (0, _printScript.printFunctionCall)(storeDataURI, getKey(identifier, mode), dataURI, mode, srcSet, dimensions, error, featureFlags);
   return (0, _printScript.printScript)([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
 };
-var generateScriptProps = exports.generateScriptProps = function generateScriptProps(identifier, dataURI, srcSet, dimensions, error) {
-  var featureFlags = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
+var generateScriptProps = exports.generateScriptProps = function generateScriptProps(identifier, dataURI, mode, srcSet, dimensions, error) {
+  var featureFlags = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
   return {
     dangerouslySetInnerHTML: {
-      __html: generateScript(identifier, dataURI, srcSet, dimensions, error, featureFlags)
+      __html: generateScript(identifier, dataURI, mode, srcSet, dimensions, error, featureFlags)
     }
   };
 };

package/dist/cjs/useFilePreview.js

@@ -106,7 +106,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
       return preview;
     }
     if (ssr) {
-      var ssrData = (0, _globalScope.getSSRData)(identifier);
+      var ssrData = (0, _globalScope.getSSRData)(identifier, resizeMode);
       if (ssrData !== null && ssrData !== void 0 && ssrData.error) {
         ssrReliabilityRef.current.server = _objectSpread({
           status: 'fail'
@@ -338,7 +338,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
   // FOR SSR
   var getSsrScriptProps = ssr === 'server' ? function () {
     var _ssrReliabilityRef$cu;
-    return (0, _globalScope.generateScriptProps)(identifier, preview === null || preview === void 0 ? void 0 : preview.dataURI, preview === null || preview === void 0 ? void 0 : preview.srcSet, requestDimensions, ((_ssrReliabilityRef$cu = ssrReliabilityRef.current.server) === null || _ssrReliabilityRef$cu === void 0 ? void 0 : _ssrReliabilityRef$cu.status) === 'fail' ? ssrReliabilityRef.current.server : undefined, {
+    return (0, _globalScope.generateScriptProps)(identifier, preview === null || preview === void 0 ? void 0 : preview.dataURI, resizeMode, preview === null || preview === void 0 ? void 0 : preview.srcSet, requestDimensions, ((_ssrReliabilityRef$cu = ssrReliabilityRef.current.server) === null || _ssrReliabilityRef$cu === void 0 ? void 0 : _ssrReliabilityRef$cu.status) === 'fail' ? ssrReliabilityRef.current.server : undefined, {
       'media-perf-uplift-mutation-fix': (0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix')
     });
   } : undefined;

package/dist/es2019/getPreview/getPreview.js

@@ -38,7 +38,8 @@ export const getSSRPreview = (ssr, mediaClient, id, params, mediaBlobUrlAttrs) =
     if (params.width) {
       const doubleDataURI = getDataUri(mediaClient, id, {
         ...params,
-        width: params.width * 2
+        width: params.width * 2,
+        height: params.height && params.height * 2
       }, mediaBlobUrlAttrs);
       // We want to embed some meta context into dataURI for Copy/Paste to work.
       srcSet += `, ${doubleDataURI} 2x`;

package/dist/es2019/globalScope/getSSRData.js

@@ -1,8 +1,8 @@
 import { getKey, getMediaCardSSR } from './globalScope';
-export const getSSRData = identifier => {
+export const getSSRData = (identifier, resizeMode) => {
   const mediaCardSsr = getMediaCardSSR();
   if (!mediaCardSsr) {
     return;
   }
-  return mediaCardSsr[getKey(identifier)];
+  return mediaCardSsr[getKey(identifier, resizeMode)];
 };

package/dist/es2019/globalScope/globalScope.js

@@ -29,13 +29,13 @@ export const getKey = ({
   id,
   collectionName,
   occurrenceKey
-}) => `${id}${dashed(collectionName)}${dashed(occurrenceKey)}`;
-export const storeDataURI = (key, paramDataURI, paramSrcSet, dimensions, error, featureFlags = {}, globalScope = window) => {
+}, resizeMode) => `${id}${dashed(collectionName)}${dashed(occurrenceKey)}${dashed(resizeMode)}`;
+export const storeDataURI = (key, paramDataURI, paramMode, paramSrcSet, dimensions, error, featureFlags = {}, globalScope = window) => {
   const mediaCardSsr = getMediaCardSSR(globalScope);
   if (featureFlags['media-perf-uplift-mutation-fix']) {
     var _prevData$dimensions, _script, _script$parentElement;
     const prevData = mediaCardSsr[key];
-    const isPreviousImageLarger = prevData && ((_prevData$dimensions = prevData.dimensions) === null || _prevData$dimensions === void 0 ? void 0 : _prevData$dimensions.width) && (dimensions === null || dimensions === void 0 ? void 0 : dimensions.width) && prevData.dimensions.width > dimensions.width;
+    const isPreviousImageLarger = (prevData === null || prevData === void 0 ? void 0 : prevData.mode) === paramMode && prevData && ((_prevData$dimensions = prevData.dimensions) === null || _prevData$dimensions === void 0 ? void 0 : _prevData$dimensions.width) && (dimensions === null || dimensions === void 0 ? void 0 : dimensions.width) && prevData.dimensions.width > dimensions.width;
     const srcSet = isPreviousImageLarger ? prevData === null || prevData === void 0 ? void 0 : prevData.srcSet : paramSrcSet;
     const dataURI = isPreviousImageLarger ? prevData === null || prevData === void 0 ? void 0 : prevData.dataURI : paramDataURI;
     const img = (_script = script) === null || _script === void 0 ? void 0 : (_script$parentElement = _script.parentElement) === null || _script$parentElement === void 0 ? void 0 : _script$parentElement.querySelector('img');
@@ -80,12 +80,12 @@ export const storeDataURI = (key, paramDataURI, paramSrcSet, dimensions, error,
     };
   }
 };
-const generateScript = (identifier, dataURI, srcSet, dimensions, error, featureFlags = {}) => {
-  const functionCall = printFunctionCall(storeDataURI, getKey(identifier), dataURI, srcSet, dimensions, error, featureFlags);
+const generateScript = (identifier, dataURI, mode, srcSet, dimensions, error, featureFlags = {}) => {
+  const functionCall = printFunctionCall(storeDataURI, getKey(identifier, mode), dataURI, mode, srcSet, dimensions, error, featureFlags);
   return printScript([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
 };
-export const generateScriptProps = (identifier, dataURI, srcSet, dimensions, error, featureFlags = {}) => ({
+export const generateScriptProps = (identifier, dataURI, mode, srcSet, dimensions, error, featureFlags = {}) => ({
   dangerouslySetInnerHTML: {
-    __html: generateScript(identifier, dataURI, srcSet, dimensions, error, featureFlags)
+    __html: generateScript(identifier, dataURI, mode, srcSet, dimensions, error, featureFlags)
   }
 });

package/dist/es2019/useFilePreview.js

@@ -75,7 +75,7 @@ export const useFilePreview = ({
       return preview;
     }
     if (ssr) {
-      const ssrData = getSSRData(identifier);
+      const ssrData = getSSRData(identifier, resizeMode);
       if (ssrData !== null && ssrData !== void 0 && ssrData.error) {
         ssrReliabilityRef.current.server = {
           status: 'fail',
@@ -309,7 +309,7 @@ export const useFilePreview = ({
   // FOR SSR
   const getSsrScriptProps = ssr === 'server' ? () => {
     var _ssrReliabilityRef$cu;
-    return generateScriptProps(identifier, preview === null || preview === void 0 ? void 0 : preview.dataURI, preview === null || preview === void 0 ? void 0 : preview.srcSet, requestDimensions, ((_ssrReliabilityRef$cu = ssrReliabilityRef.current.server) === null || _ssrReliabilityRef$cu === void 0 ? void 0 : _ssrReliabilityRef$cu.status) === 'fail' ? ssrReliabilityRef.current.server : undefined, {
+    return generateScriptProps(identifier, preview === null || preview === void 0 ? void 0 : preview.dataURI, resizeMode, preview === null || preview === void 0 ? void 0 : preview.srcSet, requestDimensions, ((_ssrReliabilityRef$cu = ssrReliabilityRef.current.server) === null || _ssrReliabilityRef$cu === void 0 ? void 0 : _ssrReliabilityRef$cu.status) === 'fail' ? ssrReliabilityRef.current.server : undefined, {
       'media-perf-uplift-mutation-fix': fg('media-perf-uplift-mutation-fix')
     });
   } : undefined;

package/dist/esm/getPreview/getPreview.js

@@ -40,7 +40,8 @@ export var getSSRPreview = function getSSRPreview(ssr, mediaClient, id, params,
     var srcSet = "".concat(dataURI, " 1x");
     if (params.width) {
       var doubleDataURI = getDataUri(mediaClient, id, _objectSpread(_objectSpread({}, params), {}, {
-        width: params.width * 2
+        width: params.width * 2,
+        height: params.height && params.height * 2
       }), mediaBlobUrlAttrs);
       // We want to embed some meta context into dataURI for Copy/Paste to work.
       srcSet += ", ".concat(doubleDataURI, " 2x");

package/dist/esm/globalScope/getSSRData.js

@@ -1,8 +1,8 @@
 import { getKey, getMediaCardSSR } from './globalScope';
-export var getSSRData = function getSSRData(identifier) {
+export var getSSRData = function getSSRData(identifier, resizeMode) {
   var mediaCardSsr = getMediaCardSSR();
   if (!mediaCardSsr) {
     return;
   }
-  return mediaCardSsr[getKey(identifier)];
+  return mediaCardSsr[getKey(identifier, resizeMode)];
 };

package/dist/esm/globalScope/globalScope.js

@@ -32,20 +32,20 @@ export function getMediaCardSSR() {
 var dashed = function dashed(param) {
   return param ? "-".concat(param) : '';
 };
-export var getKey = function getKey(_ref) {
+export var getKey = function getKey(_ref, resizeMode) {
   var id = _ref.id,
     collectionName = _ref.collectionName,
     occurrenceKey = _ref.occurrenceKey;
-  return "".concat(id).concat(dashed(collectionName)).concat(dashed(occurrenceKey));
+  return "".concat(id).concat(dashed(collectionName)).concat(dashed(occurrenceKey)).concat(dashed(resizeMode));
 };
-export var storeDataURI = function storeDataURI(key, paramDataURI, paramSrcSet, dimensions, error) {
-  var featureFlags = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
-  var globalScope = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : window;
+export var storeDataURI = function storeDataURI(key, paramDataURI, paramMode, paramSrcSet, dimensions, error) {
+  var featureFlags = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
+  var globalScope = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : window;
   var mediaCardSsr = getMediaCardSSR(globalScope);
   if (featureFlags['media-perf-uplift-mutation-fix']) {
     var _prevData$dimensions, _script;
     var prevData = mediaCardSsr[key];
-    var isPreviousImageLarger = prevData && ((_prevData$dimensions = prevData.dimensions) === null || _prevData$dimensions === void 0 ? void 0 : _prevData$dimensions.width) && (dimensions === null || dimensions === void 0 ? void 0 : dimensions.width) && prevData.dimensions.width > dimensions.width;
+    var isPreviousImageLarger = (prevData === null || prevData === void 0 ? void 0 : prevData.mode) === paramMode && prevData && ((_prevData$dimensions = prevData.dimensions) === null || _prevData$dimensions === void 0 ? void 0 : _prevData$dimensions.width) && (dimensions === null || dimensions === void 0 ? void 0 : dimensions.width) && prevData.dimensions.width > dimensions.width;
     var srcSet = isPreviousImageLarger ? prevData === null || prevData === void 0 ? void 0 : prevData.srcSet : paramSrcSet;
     var dataURI = isPreviousImageLarger ? prevData === null || prevData === void 0 ? void 0 : prevData.dataURI : paramDataURI;
     var img = (_script = script) === null || _script === void 0 || (_script = _script.parentElement) === null || _script === void 0 ? void 0 : _script.querySelector('img');
@@ -92,16 +92,16 @@ export var storeDataURI = function storeDataURI(key, paramDataURI, paramSrcSet,
     };
   }
 };
-var generateScript = function generateScript(identifier, dataURI, srcSet, dimensions, error) {
-  var featureFlags = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
-  var functionCall = printFunctionCall(storeDataURI, getKey(identifier), dataURI, srcSet, dimensions, error, featureFlags);
+var generateScript = function generateScript(identifier, dataURI, mode, srcSet, dimensions, error) {
+  var featureFlags = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
+  var functionCall = printFunctionCall(storeDataURI, getKey(identifier, mode), dataURI, mode, srcSet, dimensions, error, featureFlags);
   return printScript([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
 };
-export var generateScriptProps = function generateScriptProps(identifier, dataURI, srcSet, dimensions, error) {
-  var featureFlags = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
+export var generateScriptProps = function generateScriptProps(identifier, dataURI, mode, srcSet, dimensions, error) {
+  var featureFlags = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
   return {
     dangerouslySetInnerHTML: {
-      __html: generateScript(identifier, dataURI, srcSet, dimensions, error, featureFlags)
+      __html: generateScript(identifier, dataURI, mode, srcSet, dimensions, error, featureFlags)
     }
   };
 };

package/dist/esm/useFilePreview.js

@@ -99,7 +99,7 @@ export var useFilePreview = function useFilePreview(_ref) {
       return preview;
     }
     if (ssr) {
-      var ssrData = getSSRData(identifier);
+      var ssrData = getSSRData(identifier, resizeMode);
       if (ssrData !== null && ssrData !== void 0 && ssrData.error) {
         ssrReliabilityRef.current.server = _objectSpread({
           status: 'fail'
@@ -331,7 +331,7 @@ export var useFilePreview = function useFilePreview(_ref) {
   // FOR SSR
   var getSsrScriptProps = ssr === 'server' ? function () {
     var _ssrReliabilityRef$cu;
-    return generateScriptProps(identifier, preview === null || preview === void 0 ? void 0 : preview.dataURI, preview === null || preview === void 0 ? void 0 : preview.srcSet, requestDimensions, ((_ssrReliabilityRef$cu = ssrReliabilityRef.current.server) === null || _ssrReliabilityRef$cu === void 0 ? void 0 : _ssrReliabilityRef$cu.status) === 'fail' ? ssrReliabilityRef.current.server : undefined, {
+    return generateScriptProps(identifier, preview === null || preview === void 0 ? void 0 : preview.dataURI, resizeMode, preview === null || preview === void 0 ? void 0 : preview.srcSet, requestDimensions, ((_ssrReliabilityRef$cu = ssrReliabilityRef.current.server) === null || _ssrReliabilityRef$cu === void 0 ? void 0 : _ssrReliabilityRef$cu.status) === 'fail' ? ssrReliabilityRef.current.server : undefined, {
       'media-perf-uplift-mutation-fix': fg('media-perf-uplift-mutation-fix')
     });
   } : undefined;

package/dist/types/globalScope/getSSRData.d.ts

@@ -1,3 +1,3 @@
-import { type FileIdentifier } from '@atlaskit/media-client';
+import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
 import type { MediaCardSsrData } from './types';
-export declare const getSSRData: (identifier: FileIdentifier) => MediaCardSsrData | undefined;
+export declare const getSSRData: (identifier: FileIdentifier, resizeMode?: ImageResizeMode) => MediaCardSsrData | undefined;

package/dist/types/globalScope/globalScope.d.ts

@@ -13,7 +13,7 @@ type MediaFeatureFlags = {
 };
 export declare function getMediaGlobalScope(globalScope?: any): MediaGlobalScope;
 export declare function getMediaCardSSR(globalScope?: any): MediaCardSsr;
-export declare const getKey: ({ id, collectionName, occurrenceKey }: FileIdentifier) => string;
-export declare const storeDataURI: (key: string, paramDataURI?: string, paramSrcSet?: string, dimensions?: Partial<NumericalCardDimensions>, error?: MediaFilePreviewErrorInfo, featureFlags?: MediaFeatureFlags, globalScope?: any) => void;
-export declare const generateScriptProps: (identifier: FileIdentifier, dataURI?: string, srcSet?: string, dimensions?: Partial<NumericalCardDimensions>, error?: MediaFilePreviewErrorInfo, featureFlags?: MediaFeatureFlags) => React.ScriptHTMLAttributes<HTMLScriptElement>;
+export declare const getKey: ({ id, collectionName, occurrenceKey }: FileIdentifier, resizeMode?: string) => string;
+export declare const storeDataURI: (key: string, paramDataURI?: string, paramMode?: string, paramSrcSet?: string, dimensions?: Partial<NumericalCardDimensions>, error?: MediaFilePreviewErrorInfo, featureFlags?: MediaFeatureFlags, globalScope?: any) => void;
+export declare const generateScriptProps: (identifier: FileIdentifier, dataURI?: string, mode?: string, srcSet?: string, dimensions?: Partial<NumericalCardDimensions>, error?: MediaFilePreviewErrorInfo, featureFlags?: MediaFeatureFlags) => React.ScriptHTMLAttributes<HTMLScriptElement>;
 export {};

package/dist/types/globalScope/types.d.ts

@@ -4,6 +4,7 @@ export type MediaCardSsrData = {
     dataURI?: string;
     dimensions?: Partial<NumericalCardDimensions>;
     error?: MediaFilePreviewErrorInfo;
+    mode?: string;
     srcSet?: string;
 };
 export type MediaCardSsr = Record<string, MediaCardSsrData>;

package/dist/types-ts4.5/globalScope/getSSRData.d.ts

@@ -1,3 +1,3 @@
-import { type FileIdentifier } from '@atlaskit/media-client';
+import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
 import type { MediaCardSsrData } from './types';
-export declare const getSSRData: (identifier: FileIdentifier) => MediaCardSsrData | undefined;
+export declare const getSSRData: (identifier: FileIdentifier, resizeMode?: ImageResizeMode) => MediaCardSsrData | undefined;

package/dist/types-ts4.5/globalScope/globalScope.d.ts

@@ -13,7 +13,7 @@ type MediaFeatureFlags = {
 };
 export declare function getMediaGlobalScope(globalScope?: any): MediaGlobalScope;
 export declare function getMediaCardSSR(globalScope?: any): MediaCardSsr;
-export declare const getKey: ({ id, collectionName, occurrenceKey }: FileIdentifier) => string;
-export declare const storeDataURI: (key: string, paramDataURI?: string, paramSrcSet?: string, dimensions?: Partial<NumericalCardDimensions>, error?: MediaFilePreviewErrorInfo, featureFlags?: MediaFeatureFlags, globalScope?: any) => void;
-export declare const generateScriptProps: (identifier: FileIdentifier, dataURI?: string, srcSet?: string, dimensions?: Partial<NumericalCardDimensions>, error?: MediaFilePreviewErrorInfo, featureFlags?: MediaFeatureFlags) => React.ScriptHTMLAttributes<HTMLScriptElement>;
+export declare const getKey: ({ id, collectionName, occurrenceKey }: FileIdentifier, resizeMode?: string) => string;
+export declare const storeDataURI: (key: string, paramDataURI?: string, paramMode?: string, paramSrcSet?: string, dimensions?: Partial<NumericalCardDimensions>, error?: MediaFilePreviewErrorInfo, featureFlags?: MediaFeatureFlags, globalScope?: any) => void;
+export declare const generateScriptProps: (identifier: FileIdentifier, dataURI?: string, mode?: string, srcSet?: string, dimensions?: Partial<NumericalCardDimensions>, error?: MediaFilePreviewErrorInfo, featureFlags?: MediaFeatureFlags) => React.ScriptHTMLAttributes<HTMLScriptElement>;
 export {};

package/dist/types-ts4.5/globalScope/types.d.ts

@@ -4,6 +4,7 @@ export type MediaCardSsrData = {
     dataURI?: string;
     dimensions?: Partial<NumericalCardDimensions>;
     error?: MediaFilePreviewErrorInfo;
+    mode?: string;
     srcSet?: string;
 };
 export type MediaCardSsr = Record<string, MediaCardSsrData>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-file-preview",
-	"version": "0.12.0",
+	"version": "0.13.0",
 	"description": "A React Hook to fetch and render file previews. It's overloaded with fancy features like SSR, lazy loading, memory cache and local preview.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",