@atlaskit/media-card 74.1.6 → 74.1.8

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @atlaskit/media-card
 
+## 74.1.8
+
+### Patch Changes
+
+- [`153829bfcb3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/153829bfcb3) - Upgrade caching algorithm library lru-fast to lru_map.
+- [`09464edc105`](https://bitbucket.org/atlassian/atlassian-frontend/commits/09464edc105) - ⚠️ Big Folder Structure Refactor
+- [`60fb320493e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/60fb320493e) - Fixed circular imports
+- [`9f23fe7478e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9f23fe7478e) - Fixed Card Actions Dropdown Menu positioning
+- [`2f2daf58c20`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2f2daf58c20) - Add `testId` to components to help with testing. No change in behaviour.
+- Updated dependencies
+
+## 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
+
+- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+
+## 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.5": {
+      "*": [
+        "../dist/types-ts4.0/classnames.d.ts"
+      ]
+    }
+  }
 }

package/dist/cjs/{root/card/index.js → card/card.js}

@@ -45,37 +45,37 @@ var _mediaViewer = require("@atlaskit/media-viewer");
 
 var _reactIntlNext = require("react-intl-next");
 
-var _cardView = require("../cardView");
+var _cardView = require("./cardView");
 
-var _viewportDetector = require("../../utils/viewportDetector");
+var _viewportDetector = require("../utils/viewportDetector");
 
-var _getDataURIDimension = require("../../utils/getDataURIDimension");
+var _getDataURIDimension = require("../utils/getDataURIDimension");
 
 var _getCardPreview = require("./getCardPreview");
 
-var _metadata = require("../../utils/metadata");
+var _metadata = require("../utils/metadata");
 
-var _inlinePlayerLazy = require("../inlinePlayerLazy");
+var _inlinePlayerLazy = require("./inlinePlayerLazy");
 
-var _analytics = require("../../utils/analytics");
+var _analytics = require("../utils/analytics");
 
-var _errors = require("../../errors");
+var _errors = require("../errors");
 
 var _cardAnalytics = require("./cardAnalytics");
 
-var _document = _interopRequireDefault(require("../../utils/document"));
+var _document = _interopRequireDefault(require("../utils/document"));
 
-var _globalScope = require("../../utils/globalScope");
+var _globalScope = require("../utils/globalScope");
 
 var _cardState = require("./cardState");
 
-var _dimensionComparer = require("../../utils/dimensionComparer");
+var _dimensionComparer = require("../utils/dimensionComparer");
 
-var _getMediaCardCursor = require("../../utils/getMediaCardCursor");
+var _getMediaCardCursor = require("../utils/getMediaCardCursor");
 
-var _ufoExperiences = require("../../utils/ufoExperiences");
+var _ufoExperiences = require("../utils/ufoExperiences");
 
-var _generateUniqueId = require("../../utils/generateUniqueId");
+var _generateUniqueId = require("../utils/generateUniqueId");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -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.6";
+var packageVersion = "74.1.8";
 
 var CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);

package/dist/cjs/{root/card → card}/cardAnalytics.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.fireScreenEvent = exports.fireOperationalEvent = exports.fireCopiedEvent = exports.fireCommencedEvent = void 0;
 
-var _analytics = require("../../utils/analytics");
+var _analytics = require("../utils/analytics");
 
-var _errors = require("./../../errors");
+var _errors = require("../errors");
 
 var fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, status, fileAttributes, performanceAttributes, ssrReliability) {
   var error = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : new _errors.MediaCardError('missing-error-data');

package/dist/cjs/{files → card}/cardImageView/cardOverlay/styles.js

@@ -19,7 +19,7 @@ var _components = require("@atlaskit/theme/components");
 
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 
-var _styles = require("../../../styles");
+var _styles = require("../../styles");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 

package/dist/cjs/{root → card/cardImageView}/cardViewWrapper.js

@@ -7,7 +7,7 @@ exports.Wrapper = void 0;
 
 var _react = require("@emotion/react");
 
-var _styles = require("./styles");
+var _styles = require("../styles/styles");
 
 /**@jsx jsx */
 var Wrapper = function Wrapper(props) {

package/dist/cjs/{files → card/cardImageView}/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "FileCardImageView", {
   enumerable: true,
   get: function get() {
-    return _cardImageView.FileCardImageView;
+    return _fileCardImageView.FileCardImageView;
   }
 });
 
-var _cardImageView = require("./cardImageView");
+var _fileCardImageView = require("./fileCardImageView");

package/dist/cjs/{files → card}/cardImageView/styles.js

@@ -17,9 +17,9 @@ var _components = require("@atlaskit/theme/components");
 
 var _colors = require("@atlaskit/theme/colors");
 
-var _styles = require("../../styles");
+var _styles = require("../styles");
 
-var _getSelectedBorderStyle = require("../../styles/getSelectedBorderStyle");
+var _getSelectedBorderStyle = require("../styles/getSelectedBorderStyle");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 

package/dist/cjs/{root/card → card}/cardLoader.js

@@ -17,7 +17,7 @@ var _mediaCommon = require("@atlaskit/media-common");
 
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 
-var _ = require("../..");
+var _cardLoading = require("../utils/lightCards/cardLoading");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -27,13 +27,13 @@ var MediaCardContext = /*#__PURE__*/_react.default.createContext({});
 
 var CardLoadingWithContext = function CardLoadingWithContext() {
   var props = (0, _react.useContext)(MediaCardContext);
-  return /*#__PURE__*/_react.default.createElement(_.CardLoading, props);
+  return /*#__PURE__*/_react.default.createElement(_cardLoading.CardLoading, props);
 };
 
 var MediaCard = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('./index'));
+      return _interopRequireWildcard(require('./card'));
     }).then(function (mod) {
       return mod.Card;
     });
@@ -45,7 +45,7 @@ var MediaCard = (0, _reactLoadable.default)({
 var MediaCardErrorBoundary = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../media-card-analytics-error-boundary'));
+      return _interopRequireWildcard(require('../utils/media-card-analytics-error-boundary'));
     }).then(function (mod) {
       return mod.default;
     });

package/dist/cjs/{root/card → card}/cardState.js

@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _mediaClient = require("@atlaskit/media-client");
 
-var _errors = require("../../errors");
+var _errors = require("../errors");
 
 var _getCardStatus = require("./getCardStatus");
 

package/dist/cjs/{root → card}/cardView.js

@@ -39,7 +39,7 @@ var _mediaUi = require("@atlaskit/media-ui");
 
 var _mediaClient = require("@atlaskit/media-client");
 
-var _files = require("../files");
+var _cardImageView = require("./cardImageView");
 
 var _breakpoint = require("../utils/breakpoint");
 
@@ -53,7 +53,7 @@ var _getElementDimension = require("../utils/getElementDimension");
 
 var _analytics = require("../utils/analytics");
 
-var _actions = require("../actions");
+var _actions = require("./actions");
 
 var _getErrorMessage = require("../utils/getErrorMessage");
 
@@ -83,7 +83,7 @@ var _errors = require("../errors");
 
 var _newFileExperienceWrapper = require("./ui/newFileExperience/newFileExperienceWrapper");
 
-var _cardViewWrapper = require("./cardViewWrapper");
+var _cardViewWrapper = require("./cardImageView/cardViewWrapper");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -238,7 +238,7 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
       var actionsWithDetails = metadata && actions ? (0, _actions.attachDetailsToActions)(actions, metadata) : [];
       var errorMessage = (0, _getErrorMessage.getErrorMessage)(status);
       var fileSize = !size ? '' : (0, _mediaUi.toHumanReadableMediaSize)(size);
-      return (0, _react.jsx)(_files.FileCardImageView, {
+      return (0, _react.jsx)(_cardImageView.FileCardImageView, {
         error: errorMessage,
         dimensions: dimensions,
         selectable: selectable,

package/dist/cjs/{root/card → card}/getCardPreview/cache.js

@@ -13,7 +13,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _objectURLCache = require("../../../utils/objectURLCache");
+var _objectURLCache = require("../../utils/objectURLCache");
 
 var getCacheKey = function getCacheKey(id, mode) {
   var resizeMode = mode || 'crop';

package/dist/cjs/{root/card → card}/getCardPreview/helpers.js

@@ -11,13 +11,13 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
-var _videoSnapshot = require("../../../utils/videoSnapshot");
+var _videoSnapshot = require("../../utils/videoSnapshot");
 
 var _mediaCommon = require("@atlaskit/media-common");
 
 var _mediaUi = require("@atlaskit/media-ui");
 
-var _errors = require("../../../errors");
+var _errors = require("../../errors");
 
 /**
  * This method tells the support for the media
@@ -52,7 +52,7 @@ var getImageLocalPreview = /*#__PURE__*/function () {
           case 8:
             _context.prev = 8;
             _context.t0 = _context["catch"](0);
-            throw new _errors.LocalPreviewError('local-preview-image', _context.t0);
+            throw new _errors.LocalPreviewError('local-preview-image', _context.t0 instanceof Error ? _context.t0 : undefined);
 
           case 11:
           case "end":
@@ -89,7 +89,7 @@ var getVideoLocalPreview = /*#__PURE__*/function () {
           case 7:
             _context2.prev = 7;
             _context2.t0 = _context2["catch"](0);
-            throw new _errors.LocalPreviewError('local-preview-video', _context2.t0);
+            throw new _errors.LocalPreviewError('local-preview-video', _context2.t0 instanceof Error ? _context2.t0 : undefined);
 
           case 10:
           case "end":
@@ -125,7 +125,7 @@ var getCardPreviewFromFilePreview = /*#__PURE__*/function () {
           case 7:
             _context3.prev = 7;
             _context3.t0 = _context3["catch"](0);
-            throw new _errors.LocalPreviewError('local-preview-rejected', _context3.t0);
+            throw new _errors.LocalPreviewError('local-preview-rejected', _context3.t0 instanceof Error ? _context3.t0 : undefined);
 
           case 10:
             if (!(typeof value === 'string')) {
@@ -197,7 +197,7 @@ var getCardPreviewFromBackend = /*#__PURE__*/function () {
           case 7:
             _context4.prev = 7;
             _context4.t0 = _context4["catch"](0);
-            throw new _errors.RemotePreviewError('remote-preview-fetch', _context4.t0);
+            throw new _errors.RemotePreviewError('remote-preview-fetch', _context4.t0 instanceof Error ? _context4.t0 : undefined);
 
           case 10:
           case "end":

package/dist/cjs/{root/card → card}/getCardPreview/index.js

@@ -48,13 +48,13 @@ var _cache = _interopRequireDefault(require("./cache"));
 
 var _helpers = require("./helpers");
 
-var _errors = require("../../../errors");
+var _errors = require("../../errors");
 
-var _dimensionComparer = require("../../../utils/dimensionComparer");
+var _dimensionComparer = require("../../utils/dimensionComparer");
 
 var _filePreviewStatus = require("./filePreviewStatus");
 
-var _imageRefetchingAnalytics = require("../imageRefetchingAnalytics");
+var _imageRefetchingAnalytics = require("./imageRefetchingAnalytics");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -278,7 +278,7 @@ var getSSRCardPreview = function getSSRCardPreview(ssr, mediaClient, id, params,
     };
   } catch (e) {
     var reason = ssr === 'server' ? 'ssr-server-uri' : 'ssr-client-uri';
-    throw new _errors.SsrPreviewError(reason, e);
+    throw new _errors.SsrPreviewError(reason, e instanceof Error ? e : undefined);
   }
 };
 

package/dist/cjs/card/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function get() {
+    return _cardLoader.default;
+  }
+});
+
+var _cardLoader = _interopRequireDefault(require("./cardLoader"));

package/dist/cjs/{root → card}/inlinePlayer.js

@@ -35,7 +35,7 @@ var _mediaClient = require("@atlaskit/media-client");
 
 var _mediaUi = require("@atlaskit/media-ui");
 
-var _ = require("..");
+var _utils = require("../utils");
 
 var _cardLoading = require("../utils/lightCards/cardLoading");
 
@@ -120,7 +120,7 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
               _context.prev = 9;
               _context.t0 = _context["catch"](2);
 
-              if (onError) {
+              if (onError && _context.t0 instanceof Error) {
                 onError(_context.t0);
               }
 
@@ -283,7 +283,7 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
                     _context2.t0 = _context2["catch"](19);
                     onError = _this2.props.onError;
 
-                    if (onError) {
+                    if (onError && _context2.t0 instanceof Error) {
                       onError(_context2.t0);
                     }
 
@@ -312,7 +312,7 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
   }, {
     key: "breakpoint",
     get: function get() {
-      var width = this.state.elementWidth || (this.props.dimensions ? this.props.dimensions.width : '') || _.defaultImageCardDimensions.width;
+      var width = this.state.elementWidth || (this.props.dimensions ? this.props.dimensions.width : '') || _utils.defaultImageCardDimensions.width;
       return (0, _styles.calcBreakpointSize)(parseInt("".concat(width), 10));
     }
   }, {
@@ -381,7 +381,7 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
 
 exports.InlinePlayerBase = InlinePlayerBase;
 (0, _defineProperty2.default)(InlinePlayerBase, "defaultProps", {
-  dimensions: _.defaultImageCardDimensions
+  dimensions: _utils.defaultImageCardDimensions
 });
 
 var InlinePlayerForwardRef = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {

package/dist/cjs/{root → card}/inlinePlayerWrapper.js

@@ -7,7 +7,7 @@ exports.InlinePlayerWrapper = void 0;
 
 var _react = require("@emotion/react");
 
-var _styles = require("./styles");
+var _styles = require("./styles/styles");
 
 /**@jsx jsx */
 var InlinePlayerWrapper = function InlinePlayerWrapper(props) {

package/dist/cjs/{root → card/styles}/styles.js

@@ -13,13 +13,13 @@ var _react = require("@emotion/react");
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _getCSSUnitValue = require("../utils/getCSSUnitValue");
+var _getCSSUnitValue = require("../../utils/getCSSUnitValue");
 
-var _breakpoint = require("../utils/breakpoint");
+var _breakpoint = require("../../utils/breakpoint");
 
-var _getSelectedBorderStyle = require("../styles/getSelectedBorderStyle");
+var _getSelectedBorderStyle = require("./getSelectedBorderStyle");
 
-var _getDimensionsWithDefault = require("../utils/lightCards/getDimensionsWithDefault");
+var _getDimensionsWithDefault = require("../../utils/lightCards/getDimensionsWithDefault");
 
 var _templateObject, _templateObject2;
 

package/dist/cjs/{root → card}/ui/actionsBar/styles.js

@@ -11,7 +11,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = require("@emotion/react");
 
-var _styles = require("../../../styles");
+var _styles = require("../../styles");
 
 var _templateObject;
 

package/dist/cjs/{root → card}/ui/blanket/styles.js

@@ -11,7 +11,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = require("@emotion/react");
 
-var _styles = require("../../../styles");
+var _styles = require("../../styles");
 
 var _colors = require("@atlaskit/theme/colors");
 

package/dist/cjs/{root → card}/ui/newFileExperience/newFileExperienceWrapper.js

@@ -7,7 +7,7 @@ exports.NewFileExperienceWrapper = void 0;
 
 var _react = require("@emotion/react");
 
-var _cardConstants = require("../../../root/card/cardConstants");
+var _cardConstants = require("../../cardConstants");
 
 var _styles = require("./styles");
 

package/dist/cjs/{root → card}/ui/newFileExperience/styles.js

@@ -19,11 +19,11 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _selection = require("@atlaskit/editor-shared-styles/selection");
 
-var _styles = require("../../../styles");
+var _styles = require("../../styles");
 
-var _styles2 = require(".././blanket/styles");
+var _styles2 = require("../blanket/styles");
 
-var _styles3 = require(".././actionsBar/styles");
+var _styles3 = require("../actionsBar/styles");
 
 var _styles4 = require("../styles");
 

package/dist/cjs/{root → card}/ui/progressBar/styles.js

@@ -14,7 +14,7 @@ var _react = require("@emotion/react");
 
 var _mediaUi = require("@atlaskit/media-ui");
 
-var _mixins = require("../../../styles/mixins");
+var _mixins = require("../../styles/mixins");
 
 var _colors = require("@atlaskit/theme/colors");
 

package/dist/cjs/{root → card}/ui/tickBox/styles.js

@@ -11,7 +11,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = require("@emotion/react");
 
-var _styles = require("../../../styles");
+var _styles = require("../../styles");
 
 var _colors = require("@atlaskit/theme/colors");
 

package/dist/cjs/{root → card}/ui/titleBox/styles.js

@@ -15,7 +15,7 @@ var _common = require("../common");
 
 var _colors = require("@atlaskit/theme/colors");
 
-var _mixins = require("../../../styles/mixins");
+var _mixins = require("../../styles/mixins");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;