@atlaskit/media-card 74.5.0 → 74.5.2

package/dist/cjs/card/cardImageView/fileCardImageView.js

@@ -1,94 +1,61 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FileCardImageView = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("@emotion/react");
-
 var _react2 = _interopRequireWildcard(require("react"));
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _vidPlay = _interopRequireDefault(require("@atlaskit/icon/glyph/vid-play"));
-
 var _cardOverlay = require("./cardOverlay");
-
 var _styles = require("./styles");
-
 var _cardLoading = require("../../utils/lightCards/cardLoading");
-
 var _shouldDisplayImageThumbnail = require("../../utils/shouldDisplayImageThumbnail");
-
 var _progressBar = require("../../utils/progressBar");
-
 var _cardActions = _interopRequireDefault(require("../../utils/cardActions"));
-
 var _cardImageViewWrapper = require("./cardImageViewWrapper");
-
 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); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 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 FileCardImageView = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(FileCardImageView, _Component);
-
   var _super = _createSuper(FileCardImageView);
-
   function FileCardImageView() {
     var _this;
-
     (0, _classCallCheck2.default)(this, FileCardImageView);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "wasThumbnailDisplayed", false);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderCardContents", function () {
       var _this$props = _this.props,
-          status = _this$props.status,
-          mediaType = _this$props.mediaType,
-          fileSize = _this$props.fileSize;
-
+        status = _this$props.status,
+        mediaType = _this$props.mediaType,
+        fileSize = _this$props.fileSize;
       if (status === 'error') {
         return _this.renderErrorContents();
       } else if (status === 'failed-processing') {
         return _this.renderFailedContents();
-      } // If a video has no errors/failed processing, we want to be able to play it
-      // immediately, even if there's no image preview
-
+      }
 
+      // If a video has no errors/failed processing, we want to be able to play it
+      // immediately, even if there's no image preview
       var isZeroSize = fileSize === '' && ['processing', 'loading-preview'].includes(status);
-
       if (mediaType !== 'video' && !_this.isFileCardImageReadyForDisplay && !isZeroSize) {
         return _this.renderLoadingContents();
       }
-
       return _this.renderSuccessCardContents();
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderLoadingContents", function () {
@@ -100,13 +67,13 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderErrorContents", function () {
       var _this$props2 = _this.props,
-          status = _this$props2.status,
-          error = _this$props2.error,
-          alt = _this$props2.alt,
-          mediaName = _this$props2.mediaName,
-          mediaType = _this$props2.mediaType,
-          actions = _this$props2.actions,
-          fileSize = _this$props2.fileSize;
+        status = _this$props2.status,
+        error = _this$props2.error,
+        alt = _this$props2.alt,
+        mediaName = _this$props2.mediaName,
+        mediaType = _this$props2.mediaType,
+        actions = _this$props2.actions,
+        fileSize = _this$props2.fileSize;
       return (0, _react.jsx)(_react2.default.Fragment, null, (0, _react.jsx)("div", {
         className: "wrapper"
       }), (0, _react.jsx)(_cardOverlay.CardOverlay, {
@@ -122,11 +89,11 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderFailedContents", function () {
       var _this$props3 = _this.props,
-          status = _this$props3.status,
-          mediaName = _this$props3.mediaName,
-          mediaType = _this$props3.mediaType,
-          actions = _this$props3.actions,
-          fileSize = _this$props3.fileSize;
+        status = _this$props3.status,
+        mediaName = _this$props3.mediaName,
+        mediaType = _this$props3.mediaType,
+        actions = _this$props3.actions,
+        fileSize = _this$props3.fileSize;
       return (0, _react.jsx)(_react2.default.Fragment, null, (0, _react.jsx)("div", {
         className: "wrapper"
       }), (0, _react.jsx)(_cardOverlay.CardOverlay, {
@@ -141,12 +108,12 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderUploadingCardOverlay", function () {
       var _this$props4 = _this.props,
-          status = _this$props4.status,
-          mediaName = _this$props4.mediaName,
-          mediaType = _this$props4.mediaType,
-          dataURI = _this$props4.dataURI,
-          selectable = _this$props4.selectable,
-          selected = _this$props4.selected;
+        status = _this$props4.status,
+        mediaName = _this$props4.mediaName,
+        mediaType = _this$props4.mediaType,
+        dataURI = _this$props4.dataURI,
+        selectable = _this$props4.selectable,
+        selected = _this$props4.selected;
       var isPersistent = mediaType === 'doc' || !dataURI;
       return (0, _react.jsx)(_cardOverlay.CardOverlay, {
         cardStatus: status,
@@ -158,21 +125,18 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderPlayButton", function () {
       var _this$props5 = _this.props,
-          status = _this$props5.status,
-          mediaItemType = _this$props5.mediaItemType,
-          mediaType = _this$props5.mediaType,
-          mimeType = _this$props5.mimeType,
-          selectable = _this$props5.selectable,
-          dataURI = _this$props5.dataURI;
-
+        status = _this$props5.status,
+        mediaItemType = _this$props5.mediaItemType,
+        mediaType = _this$props5.mediaType,
+        mimeType = _this$props5.mimeType,
+        selectable = _this$props5.selectable,
+        dataURI = _this$props5.dataURI;
       if (mediaType !== 'video') {
         return null;
       }
-
       if (selectable && !(0, _shouldDisplayImageThumbnail.shouldDisplayImageThumbnail)(status, mediaItemType, dataURI, mediaType, mimeType)) {
         return null;
       }
-
       return (0, _react.jsx)(_cardImageViewWrapper.PlayIconWrapper, null, (0, _react.jsx)("div", {
         css: _styles.playIconBackgroundStyles
       }, (0, _react.jsx)(_vidPlay.default, {
@@ -183,36 +147,33 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onImageLoad", function () {
       var _this$props6 = _this.props,
-          onImageLoad = _this$props6.onImageLoad,
-          cardPreview = _this$props6.cardPreview;
+        onImageLoad = _this$props6.onImageLoad,
+        cardPreview = _this$props6.cardPreview;
       onImageLoad && onImageLoad(cardPreview);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onImageError", function () {
       var _this$props7 = _this.props,
-          onImageError = _this$props7.onImageError,
-          cardPreview = _this$props7.cardPreview;
+        onImageError = _this$props7.onImageError,
+        cardPreview = _this$props7.cardPreview;
       onImageError && onImageError(cardPreview);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMediaImage", function () {
       var _this$props8 = _this.props,
-          status = _this$props8.status,
-          mediaItemType = _this$props8.mediaItemType,
-          dataURI = _this$props8.dataURI,
-          mediaType = _this$props8.mediaType,
-          mimeType = _this$props8.mimeType,
-          previewOrientation = _this$props8.previewOrientation,
-          onDisplayImage = _this$props8.onDisplayImage,
-          alt = _this$props8.alt;
-
+        status = _this$props8.status,
+        mediaItemType = _this$props8.mediaItemType,
+        dataURI = _this$props8.dataURI,
+        mediaType = _this$props8.mediaType,
+        mimeType = _this$props8.mimeType,
+        previewOrientation = _this$props8.previewOrientation,
+        onDisplayImage = _this$props8.onDisplayImage,
+        alt = _this$props8.alt;
       if (!(0, _shouldDisplayImageThumbnail.shouldDisplayImageThumbnail)(status, mediaItemType, dataURI, mediaType, mimeType)) {
         return null;
       }
-
       if (!_this.wasThumbnailDisplayed && onDisplayImage && mediaType === 'image') {
         onDisplayImage();
         _this.wasThumbnailDisplayed = true;
       }
-
       return (0, _react.jsx)(_mediaUi.MediaImage, {
         dataURI: dataURI,
         alt: alt,
@@ -225,15 +186,13 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderProgressBar", function () {
       var _this$props9 = _this.props,
-          mediaName = _this$props9.mediaName,
-          progress = _this$props9.progress,
-          actions = _this$props9.actions,
-          status = _this$props9.status;
-
+        mediaName = _this$props9.mediaName,
+        progress = _this$props9.progress,
+        actions = _this$props9.actions,
+        status = _this$props9.status;
       if (status !== 'uploading') {
         return null;
       }
-
       return (0, _react.jsx)(_cardImageViewWrapper.ProgressBarWrapper, null, (0, _react.jsx)("div", {
         css: _styles.overlayStyles
       }, (0, _react.jsx)("div", {
@@ -257,11 +216,10 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSuccessCardContents", function () {
       var _this$props10 = _this.props,
-          disableOverlay = _this$props10.disableOverlay,
-          selectable = _this$props10.selectable,
-          status = _this$props10.status;
+        disableOverlay = _this$props10.disableOverlay,
+        selectable = _this$props10.selectable,
+        status = _this$props10.status;
       var overlay = null;
-
       if (!disableOverlay) {
         if (status === 'uploading') {
           if (selectable) {
@@ -271,7 +229,6 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
           overlay = _this.renderSuccessCardOverlay();
         }
       }
-
       return (0, _react.jsx)("div", {
         className: "wrapper"
       }, (0, _react.jsx)("div", {
@@ -280,14 +237,14 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSuccessCardOverlay", function () {
       var _this$props11 = _this.props,
-          status = _this$props11.status,
-          mediaName = _this$props11.mediaName,
-          mediaType = _this$props11.mediaType,
-          fileSize = _this$props11.fileSize,
-          dataURI = _this$props11.dataURI,
-          selectable = _this$props11.selectable,
-          selected = _this$props11.selected,
-          actions = _this$props11.actions;
+        status = _this$props11.status,
+        mediaName = _this$props11.mediaName,
+        mediaType = _this$props11.mediaType,
+        fileSize = _this$props11.fileSize,
+        dataURI = _this$props11.dataURI,
+        selectable = _this$props11.selectable,
+        selected = _this$props11.selected,
+        actions = _this$props11.actions;
       var isPersistent = mediaType === 'doc' || !dataURI;
       return (0, _react.jsx)(_cardOverlay.CardOverlay, {
         cardStatus: status,
@@ -302,18 +259,17 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(FileCardImageView, [{
     key: "render",
     value: function render() {
       var _this$props12 = this.props,
-          disableOverlay = _this$props12.disableOverlay,
-          selectable = _this$props12.selectable,
-          selected = _this$props12.selected,
-          mediaType = _this$props12.mediaType,
-          progress = _this$props12.progress,
-          status = _this$props12.status,
-          mediaName = _this$props12.mediaName;
+        disableOverlay = _this$props12.disableOverlay,
+        selectable = _this$props12.selectable,
+        selected = _this$props12.selected,
+        mediaType = _this$props12.mediaType,
+        progress = _this$props12.progress,
+        status = _this$props12.status,
+        mediaName = _this$props12.mediaName;
       return (0, _react.jsx)(_cardImageViewWrapper.CardImageViewWrapper, {
         mediaName: mediaName,
         status: status,
@@ -328,8 +284,8 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
     key: "isFileCardImageReadyForDisplay",
     get: function get() {
       var _this$props13 = this.props,
-          dataURI = _this$props13.dataURI,
-          status = _this$props13.status;
+        dataURI = _this$props13.dataURI,
+        status = _this$props13.status;
       return !!dataURI || !['loading', 'processing', 'loading-preview'].includes(status);
     }
   }, {
@@ -347,7 +303,6 @@ var FileCardImageView = /*#__PURE__*/function (_Component) {
   }]);
   return FileCardImageView;
 }(_react2.Component);
-
 exports.FileCardImageView = FileCardImageView;
 (0, _defineProperty2.default)(FileCardImageView, "defaultProps", {
   resizeMode: 'crop',

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

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "FileCardImageView", {
     return _fileCardImageView.FileCardImageView;
   }
 });
-
 var _fileCardImageView = require("./fileCardImageView");

package/dist/cjs/card/cardImageView/styles.js

@@ -1,33 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.wrapperStyles = exports.titleStyles = exports.progressWrapperStyles = exports.progressBarWrapperStyles = exports.playIconWrapperStyles = exports.playIconBackgroundStyles = exports.overlayStyles = exports.cardActionsWrapperStyles = exports.bodyStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _components = require("@atlaskit/theme/components");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _styles = require("../styles");
-
 var _getSelectedBorderStyle = require("../styles/getSelectedBorderStyle");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-
 var getShadowAttribute = function getShadowAttribute(props) {
   var disableOverlay = props.disableOverlay;
   return disableOverlay ? '' : _styles.cardShadow;
 };
-
 var getBackgroundColor = function getBackgroundColor(props) {
   var mediaType = props.mediaType;
   return "background: ".concat(mediaType === 'image' ? 'transparent' : (0, _components.themed)({
@@ -35,11 +24,9 @@ var getBackgroundColor = function getBackgroundColor(props) {
     dark: "var(--ds-background-neutral, ".concat(_colors.DN50, ")")
   })(props), ";");
 };
-
 var wrapperStyles = function wrapperStyles(props) {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n  ", "\n  ", "\n\n  line-height: normal;\n  position: relative;\n\n  ", "\n\n  ", " .wrapper {\n    ", ";\n    display: block;\n    height: inherit;\n    position: relative;\n\n    .img-wrapper {\n      position: relative;\n      width: inherit;\n      height: inherit;\n      overflow: hidden;\n      display: block;\n      ", "\n    }\n  }\n"])), (0, _styles.rootStyles)(), getShadowAttribute(props), _mediaUi.borderRadius, getBackgroundColor(props), (0, _getSelectedBorderStyle.getSelectedBorderStyle)(props), (0, _mediaUi.size)(), _mediaUi.borderRadius, _mediaUi.borderRadius);
 };
-
 exports.wrapperStyles = wrapperStyles;
 var playIconWrapperStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n\n  /* we want to override default icon size and hover state */\n  &:hover > * {\n    width: 64px;\n    height: 64px;\n  }\n"])), "var(--ds-icon-inverse, white)");
 exports.playIconWrapperStyles = playIconWrapperStyles;
@@ -54,7 +41,6 @@ var titleStyles = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _t
 exports.titleStyles = titleStyles;
 var bodyStyles = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  padding: 8px;\n  color: ", ";\n"])), "var(--ds-text-inverse, ".concat(_colors.N0, ")"));
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-
 exports.bodyStyles = bodyStyles;
 var progressWrapperStyles = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n\n  /*\n    force the height to always be 20px (the height of the cancel icon),\n    so that the height of the progress bar doesn't jump when cards with\n    and without a cancel icon are rendered side-by-side.\n  */\n  height: ", "px;\n\n  /*\n    vertically center the progress bar within the 20px, keeping the progress bar full width\n  */\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"])), bodyHeight);
 exports.progressWrapperStyles = progressWrapperStyles;

package/dist/cjs/card/cardLoader.js

@@ -1,35 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mediaCommon = require("@atlaskit/media-common");
-
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-
 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); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var MediaCardContext = /*#__PURE__*/_react.default.createContext({});
-
 var CardLoadingWithContext = function CardLoadingWithContext() {
   var props = (0, _react.useContext)(MediaCardContext);
   return /*#__PURE__*/_react.default.createElement(_cardLoading.CardLoading, props);
 };
-
 var MediaCard = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
@@ -69,18 +57,15 @@ var MediaCardWithMediaClient = (0, _reactLoadable.default)({
     }));
   }
 });
-
 var CardWithMediaClient = function CardWithMediaClient(props) {
   var withMediaClient = props.withMediaClient,
-      dimensions = props.dimensions,
-      featureFlags = props.featureFlags,
-      onClick = props.onClick;
+    dimensions = props.dimensions,
+    featureFlags = props.featureFlags,
+    onClick = props.onClick;
   var memoizedFeatureFlags = (0, _mediaCommon.useMemoizeFeatureFlags)(featureFlags);
-
   var Card = _react.default.useMemo(function () {
     return withMediaClient(MediaCard, memoizedFeatureFlags);
   }, [withMediaClient, memoizedFeatureFlags]);
-
   return (
     /*#__PURE__*/
     // onClick is passed into MediaCardErrorBoundary so MediaGroup items can get the toolbar menu in Editor
@@ -90,12 +75,10 @@ var CardWithMediaClient = function CardWithMediaClient(props) {
     }, /*#__PURE__*/_react.default.createElement(Card, props))
   );
 };
-
 var CardLoader = function CardLoader(props) {
   return /*#__PURE__*/_react.default.createElement(MediaCardContext.Provider, {
     value: props
   }, /*#__PURE__*/_react.default.createElement(MediaCardWithMediaClient, props));
 };
-
 var _default = CardLoader;
 exports.default = _default;

package/dist/cjs/card/cardState.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getCardStateFromFileState = exports.createStateUpdater = void 0;
-
 var _mediaClient = require("@atlaskit/media-client");
-
 var _errors = require("../errors");
-
 var _getCardStatus = require("./getCardStatus");
-
 var _getCardPreview = require("./getCardPreview");
-
 /**
  * From docs: "Both state and props received by the updater function are guaranteed to be up-to-date.
  * The output of the updater is shallowly merged with state."
@@ -26,13 +21,10 @@ var createStateUpdater = function createStateUpdater(newState, fireErrorEvent) {
       !!newState.error && fireErrorEvent(newState.error);
       return prevState;
     }
-
     return newState;
   };
 };
-
 exports.createStateUpdater = createStateUpdater;
-
 var getCardStateFromFileState = function getCardStateFromFileState(fileState, isBannedLocalPreview, featureFlags) {
   var status = (0, _getCardStatus.getCardStatus)(fileState.status, (0, _getCardPreview.extractFilePreviewStatus)(fileState, isBannedLocalPreview, featureFlags), featureFlags);
   var error = status === 'error' && (0, _mediaClient.isErrorFileState)(fileState) ? new _errors.MediaCardError('error-file-state', new Error(fileState.message)) : undefined;
@@ -44,5 +36,4 @@ var getCardStateFromFileState = function getCardStateFromFileState(fileState, is
     error: error
   };
 };
-
 exports.getCardStateFromFileState = getCardStateFromFileState;