@atlaskit/media-card 74.1.3 → 74.1.4

package/CHANGELOG.md

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

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.3";
+var packageVersion = "74.1.4";
 
 var CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);

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

package/dist/cjs/utils/viewportDetector.js

@@ -53,10 +53,28 @@ var ViewportObserver = function ViewportObserver(_ref) {
       cardEl = _ref.cardEl,
       children = _ref.children;
   (0, _react.useEffect)(function () {
-    var intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-      root: (0, _document.default)(),
-      rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
-    });
+    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;
+      }
+    }
+
     cardEl && intersectionObserver.observe(cardEl);
     return function () {
       intersectionObserver.disconnect();

package/dist/cjs/version.json

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

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.3";
+const packageVersion = "74.1.4";
 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)

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.3";
+const packageVersion = "74.1.4";
 let concurrentExperience;
 
 const getExperience = id => {

package/dist/es2019/utils/viewportDetector.js

@@ -18,10 +18,28 @@ const ViewportObserver = ({
   children
 }) => {
   useEffect(() => {
-    const intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-      root: getDocument(),
-      rootMargin: `${ABS_VIEWPORT_ANCHOR_OFFSET_TOP}px`
-    });
+    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;
+      }
+    }
+
     cardEl && intersectionObserver.observe(cardEl);
     return () => {
       intersectionObserver.disconnect();

package/dist/es2019/version.json

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

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.3";
+var packageVersion = "74.1.4";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
 

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

package/dist/esm/utils/viewportDetector.js

@@ -36,10 +36,28 @@ var ViewportObserver = function ViewportObserver(_ref) {
       cardEl = _ref.cardEl,
       children = _ref.children;
   useEffect(function () {
-    var intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-      root: getDocument(),
-      rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
-    });
+    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;
+      }
+    }
+
     cardEl && intersectionObserver.observe(cardEl);
     return function () {
       intersectionObserver.disconnect();

package/dist/esm/version.json

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

package/in-product/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "74.1.3",
+  "version": "74.1.4",
   "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.1.0",
+    "@atlaskit/editor-shared-styles": "^2.2.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
     "@atlaskit/media-client": "^17.1.0",

package/types/package.json

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