@atlaskit/media-card 74.1.4 → 74.1.6

package/CHANGELOG.md

@@ -1,11 +1,5 @@
 # @atlaskit/media-card
 
-## 74.1.4
-
-### Patch Changes
-
-- [`80a1ca7b589`](https://bitbucket.org/atlassian/atlassian-frontend/commits/80a1ca7b589) - Fix compatility issue of Intersection Observer API in old browser versions
-
 ## 74.1.3
 
 ### Patch Changes

package/classnames/package.json

@@ -4,12 +4,5 @@
   "module": "../dist/esm/classnames.js",
   "module:es2019": "../dist/es2019/classnames.js",
   "sideEffects": false,
-  "types": "../dist/types/classnames.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.3": {
-      "*": [
-        "../dist/types-ts4.0/classnames.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/classnames.d.ts"
 }

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.4";
+var packageVersion = "74.1.6";
 
 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.4";
+var packageVersion = "74.1.6";
 var concurrentExperience;
 
 var getExperience = function getExperience(id) {

package/dist/cjs/utils/viewportDetector.js

@@ -53,28 +53,10 @@ var ViewportObserver = function ViewportObserver(_ref) {
       cardEl = _ref.cardEl,
       children = _ref.children;
   (0, _react.useEffect)(function () {
-    var intersectionObserver;
-
-    try {
-      intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-        root: (0, _document.default)(),
-        rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
-      });
-    } catch (error) {
-      var _error$message;
-
-      var errorMessage = "Failed to construct 'IntersectionObserver': member root is not of type Element";
-
-      if ((_error$message = error.message) !== null && _error$message !== void 0 && _error$message.includes(errorMessage)) {
-        intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-          root: null,
-          rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
-        });
-      } else {
-        throw error;
-      }
-    }
-
+    var intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+      root: (0, _document.default)(),
+      rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
+    });
     cardEl && intersectionObserver.observe(cardEl);
     return function () {
       intersectionObserver.disconnect();

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.4",
+	"version": "74.1.6",
 	"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.4";
+const packageVersion = "74.1.6";
 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.4";
+const packageVersion = "74.1.6";
 let concurrentExperience;
 
 const getExperience = id => {

package/dist/es2019/utils/viewportDetector.js

@@ -18,28 +18,10 @@ const ViewportObserver = ({
   children
 }) => {
   useEffect(() => {
-    let intersectionObserver;
-
-    try {
-      intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-        root: getDocument(),
-        rootMargin: `${ABS_VIEWPORT_ANCHOR_OFFSET_TOP}px`
-      });
-    } catch (error) {
-      var _error$message;
-
-      const errorMessage = "Failed to construct 'IntersectionObserver': member root is not of type Element";
-
-      if ((_error$message = error.message) !== null && _error$message !== void 0 && _error$message.includes(errorMessage)) {
-        intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-          root: null,
-          rootMargin: `${ABS_VIEWPORT_ANCHOR_OFFSET_TOP}px`
-        });
-      } else {
-        throw error;
-      }
-    }
-
+    const intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+      root: getDocument(),
+      rootMargin: `${ABS_VIEWPORT_ANCHOR_OFFSET_TOP}px`
+    });
     cardEl && intersectionObserver.observe(cardEl);
     return () => {
       intersectionObserver.disconnect();

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.4",
+	"version": "74.1.6",
 	"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.4";
+var packageVersion = "74.1.6";
 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.4";
+var packageVersion = "74.1.6";
 var concurrentExperience;
 
 var getExperience = function getExperience(id) {

package/dist/esm/utils/viewportDetector.js

@@ -36,28 +36,10 @@ var ViewportObserver = function ViewportObserver(_ref) {
       cardEl = _ref.cardEl,
       children = _ref.children;
   useEffect(function () {
-    var intersectionObserver;
-
-    try {
-      intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-        root: getDocument(),
-        rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
-      });
-    } catch (error) {
-      var _error$message;
-
-      var errorMessage = "Failed to construct 'IntersectionObserver': member root is not of type Element";
-
-      if ((_error$message = error.message) !== null && _error$message !== void 0 && _error$message.includes(errorMessage)) {
-        intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-          root: null,
-          rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
-        });
-      } else {
-        throw error;
-      }
-    }
-
+    var intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+      root: getDocument(),
+      rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
+    });
     cardEl && intersectionObserver.observe(cardEl);
     return function () {
       intersectionObserver.disconnect();

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.4",
+	"version": "74.1.6",
 	"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/in-product/package.json

@@ -4,12 +4,5 @@
   "module": "../dist/esm/in-product.js",
   "module:es2019": "../dist/es2019/in-product.js",
   "sideEffects": false,
-  "types": "../dist/types/in-product.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.3": {
-      "*": [
-        "../dist/types-ts4.0/in-product.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/in-product.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "74.1.4",
+  "version": "74.1.6",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/dropdown-menu": "^11.5.0",
-    "@atlaskit/editor-shared-styles": "^2.2.0",
+    "@atlaskit/editor-shared-styles": "^2.1.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
     "@atlaskit/media-client": "^17.1.0",

package/types/package.json

@@ -4,12 +4,5 @@
   "module": "../dist/esm/types.js",
   "module:es2019": "../dist/es2019/types.js",
   "sideEffects": false,
-  "types": "../dist/types/types.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.3": {
-      "*": [
-        "../dist/types-ts4.0/types.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/types.d.ts"
 }