@atlaskit/media-card 74.5.0 → 74.5.2

package/dist/esm/utils/cardActions/cardActionsDropdownMenu.js

@@ -6,11 +6,8 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["triggerRef"];
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React from 'react';
 import { Component } from 'react';
 import MoreIcon from '@atlaskit/icon/glyph/more';
@@ -27,17 +24,15 @@ var CardActionButtonWithAnalytics = withAnalyticsEvents({
     attributes: {}
   })
 })(CardActionButton);
-
 // Trick applied due to the lack of props type of DropdownItem
 var DropdownItemWithProps = function DropdownItemWithProps(props) {
   return /*#__PURE__*/React.createElement(DropdownItem, _extends({
     testId: "media-card-actions-menu-item"
   }, props));
 };
-
 var createDropdownItemWithAnalytics = function createDropdownItemWithAnalytics(action, index) {
   var label = action.label,
-      handler = action.handler;
+    handler = action.handler;
   var DropdownItemWithAnalytics = withAnalyticsEvents({
     onClick: createAndFireMediaCardEvent({
       eventType: 'ui',
@@ -54,35 +49,28 @@ var createDropdownItemWithAnalytics = function createDropdownItemWithAnalytics(a
     onClick: handler
   }, label);
 };
-
 export var CardActionsDropdownMenu = /*#__PURE__*/function (_Component) {
   _inherits(CardActionsDropdownMenu, _Component);
-
   var _super = _createSuper(CardActionsDropdownMenu);
-
   function CardActionsDropdownMenu() {
     _classCallCheck(this, CardActionsDropdownMenu);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(CardActionsDropdownMenu, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          actions = _this$props.actions,
-          triggerColor = _this$props.triggerColor,
-          onOpenChange = _this$props.onOpenChange,
-          triggerVariant = _this$props.triggerVariant;
-
+        actions = _this$props.actions,
+        triggerColor = _this$props.triggerColor,
+        onOpenChange = _this$props.onOpenChange,
+        triggerVariant = _this$props.triggerVariant;
       if (actions.length > 0) {
         return /*#__PURE__*/React.createElement(DropdownMenu, {
           testId: "media-card-actions-menu",
           onOpenChange: onOpenChange,
           trigger: function trigger(_ref) {
             var triggerRef = _ref.triggerRef,
-                providedProps = _objectWithoutProperties(_ref, _excluded);
-
+              providedProps = _objectWithoutProperties(_ref, _excluded);
             return /*#__PURE__*/React.createElement(CardActionButtonWithAnalytics, _extends({
               variant: triggerVariant,
               style: {
@@ -99,6 +87,5 @@ export var CardActionsDropdownMenu = /*#__PURE__*/function (_Component) {
       }
     }
   }]);
-
   return CardActionsDropdownMenu;
 }(Component);

package/dist/esm/utils/cardActions/cardActionsView.js

@@ -3,11 +3,8 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
 import { Component } from 'react';
@@ -17,31 +14,23 @@ import { CardActionsDropdownMenu } from './cardActionsDropdownMenu';
 import { PreventClickThrough } from '../preventClickThrough';
 import { createAndFireMediaCardEvent } from '../analytics';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-
 var CardActionIconButtonWithProps = function CardActionIconButtonWithProps(props) {
   return jsx(CardActionIconButton, props);
 };
-
 export var CardActionsView = /*#__PURE__*/function (_Component) {
   _inherits(CardActionsView, _Component);
-
   var _super = _createSuper(CardActionsView);
-
   function CardActionsView() {
     _classCallCheck(this, CardActionsView);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(CardActionsView, [{
     key: "render",
     value: function render() {
       var actions = this.props.actions;
-
       if (!actions.length) {
         return null;
       }
-
       var primaryAction = actions.find(actionWithIcon);
       var otherActions = actions.filter(actionNotEqualTo(primaryAction));
       return jsx(PreventClickThrough, null, jsx("div", {
@@ -52,11 +41,11 @@ export var CardActionsView = /*#__PURE__*/function (_Component) {
     key: "renderActionIconButton",
     value: function renderActionIconButton(action, isPrimary) {
       var _this$props = this.props,
-          triggerColor = _this$props.triggerColor,
-          variant = _this$props.variant;
+        triggerColor = _this$props.triggerColor,
+        variant = _this$props.variant;
       var icon = action.icon,
-          handler = action.handler,
-          label = action.label;
+        handler = action.handler,
+        label = action.label;
       var actionSubjectId = isPrimary ? 'mediaCardPrimaryActionButton' : 'mediaCardSecondaryActionButton';
       var CardActionIconButtonWithAnalytics = withAnalyticsEvents({
         onClick: createAndFireMediaCardEvent({
@@ -85,12 +74,11 @@ export var CardActionsView = /*#__PURE__*/function (_Component) {
         return null;
       } else {
         var _this$props2 = this.props,
-            triggerColor = _this$props2.triggerColor,
-            onToggle = _this$props2.onToggle,
-            variant = _this$props2.variant;
+          triggerColor = _this$props2.triggerColor,
+          onToggle = _this$props2.onToggle,
+          variant = _this$props2.variant;
         var firstActionWithIcon = actions.find(actionWithIcon);
         var otherActions = actions.filter(actionNotEqualTo(firstActionWithIcon));
-
         if (firstActionWithIcon && otherActions.length === 0) {
           return this.renderActionIconButton(firstActionWithIcon, false);
         } else {
@@ -104,14 +92,11 @@ export var CardActionsView = /*#__PURE__*/function (_Component) {
       }
     }
   }]);
-
   return CardActionsView;
 }(Component);
-
 function actionWithIcon(action) {
   return !!action.icon;
 }
-
 function actionNotEqualTo(otherAction) {
   return function (action) {
     return action !== otherAction;

package/dist/esm/utils/cardActions/styles.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 import { css } from '@emotion/react';
 import { N500, N0 } from '@atlaskit/theme/colors';
 import { borderRadius, size, center } from '@atlaskit/media-ui';
@@ -9,16 +7,13 @@ import { rootStyles } from '../../card/styles';
 import { rgba } from '../../card/styles/mixins';
 export var wrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  display: flex;\n  position: relative;\n  line-height: 0;\n"])), rootStyles());
 export var CardActionIconButtonVariant;
-
 (function (CardActionIconButtonVariant) {
   CardActionIconButtonVariant["default"] = "default";
   CardActionIconButtonVariant["filled"] = "filled";
 })(CardActionIconButtonVariant || (CardActionIconButtonVariant = {}));
-
 var getVariantStyles = function getVariantStyles(variant) {
   return variant === 'filled' ? "\n    background-color: ".concat("var(--ds-surface-overlay, ".concat(rgba(N0, 0.8), ")"), ";\n    margin-right: 8px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: ", "var(--ds-surface-overlay-hovered, ".concat(rgba(N0, 0.6), ")"), "\n    }\n  ") : "\n    &:hover {\n      background-color: ".concat("var(--ds-background-neutral-subtle-hovered, rgba(9, 30, 66, 0.06))", ";\n    }\n  ");
 };
-
 export var cardActionButtonStyles = function cardActionButtonStyles(_ref) {
   var variant = _ref.variant;
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n    ", "\n    color: ", ";\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  ", "\n"])), center, borderRadius, size(26), "var(--ds-icon, ".concat(N500, ")"), getVariantStyles(variant));

package/dist/esm/utils/cardDimensions.js

@@ -1,4 +1,5 @@
 // Default dimensions
+
 export var defaultSmallCardDimensions = {
   width: '100%',
   height: 42
@@ -14,7 +15,9 @@ export var defaultHorizontalCardDimensions = {
 export var defaultSquareCardDimensions = {
   width: 300,
   height: 300
-}; // Small dimensions
+};
+
+// Small dimensions
 
 export var minSmallCardDimensions = {
   width: 200,
@@ -31,7 +34,9 @@ export var minSquareCardDimensions = {
 export var minHorizontalCardDimensions = {
   width: 400,
   height: 125
-}; // Max dimensions
+};
+
+// Max dimensions
 
 export var maxImageCardDimensions = {
   width: 480,
@@ -49,59 +54,47 @@ export var getCardMaxHeight = function getCardMaxHeight(appearance) {
   if (appearance === 'image') {
     return maxImageCardDimensions.height;
   }
-
   if (appearance === 'horizontal') {
     return maxHorizontalCardDimensions.height;
   }
-
   if (appearance === 'square') {
     return maxSquareCardDimensions.height;
   }
-
   return maxSquareCardDimensions.width;
 };
 export var getCardMinWidth = function getCardMinWidth(appearance) {
   if (appearance === 'image') {
     return minImageCardDimensions.width;
   }
-
   if (appearance === 'horizontal') {
     return minHorizontalCardDimensions.width;
   }
-
   if (appearance === 'square') {
     return minSquareCardDimensions.width;
   }
-
   return minSmallCardDimensions.width;
 };
 export var getCardMaxWidth = function getCardMaxWidth(appearance) {
   if (appearance === 'image') {
     return maxImageCardDimensions.width;
   }
-
   if (appearance === 'horizontal') {
     return maxHorizontalCardDimensions.width;
   }
-
   if (appearance === 'square') {
     return maxSquareCardDimensions.width;
   }
-
   return maxSquareCardDimensions.width;
 };
 export var getDefaultCardDimensions = function getDefaultCardDimensions(appearance) {
   if (appearance === 'image') {
     return defaultImageCardDimensions;
   }
-
   if (appearance === 'square') {
     return defaultSquareCardDimensions;
   }
-
   if (appearance === 'horizontal') {
     return defaultHorizontalCardDimensions;
   }
-
   return defaultImageCardDimensions;
 };

package/dist/esm/utils/dimensionComparer.js

@@ -1,15 +1,12 @@
 import { isValidPercentageUnit } from './isValidPercentageUnit';
 import { containsPixelUnit } from './containsPixelUnit';
-
 var isPixelEquivalent = function isPixelEquivalent(dimension) {
   return typeof dimension === 'number' || containsPixelUnit("".concat(dimension));
 };
-
 export var canCompareDimension = function canCompareDimension(current, next) {
   if (!current || !next) {
     return false;
   }
-
   var bothPixelEquivalent = isPixelEquivalent(current) && isPixelEquivalent(next);
   var bothPercentage = isValidPercentageUnit(current) && isValidPercentageUnit(next);
   return bothPixelEquivalent || bothPercentage;

package/dist/esm/utils/document.js

@@ -2,10 +2,8 @@ export default (function () {
   if (typeof window === 'undefined') {
     return;
   }
-
   if (typeof window.document === 'undefined') {
     return;
   }
-
   return window.document;
 });

package/dist/esm/utils/errorIcon/index.js

@@ -4,11 +4,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
 import { Component } from 'react';
@@ -16,15 +13,11 @@ import WarningIcon from '@atlaskit/icon/glyph/editor/warning';
 import { errorIconWrapperStyles } from './styles';
 export var ErrorIcon = /*#__PURE__*/function (_Component) {
   _inherits(ErrorIcon, _Component);
-
   var _super = _createSuper(ErrorIcon);
-
   function ErrorIcon() {
     _classCallCheck(this, ErrorIcon);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(ErrorIcon, [{
     key: "render",
     value: function render() {
@@ -37,10 +30,8 @@ export var ErrorIcon = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-
   return ErrorIcon;
 }(Component);
-
 _defineProperty(ErrorIcon, "defaultProps", {
   size: 'small'
 });

package/dist/esm/utils/errorIcon/styles.js

@@ -1,6 +1,4 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
 export var errorIconWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  color: ", ";\n"])), "var(--ds-icon-warning, #ff991f)");

package/dist/esm/utils/fileIcon/index.js

@@ -3,11 +3,8 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
 import { Component } from 'react';
@@ -16,22 +13,18 @@ import { fileTypeIconStyles } from './styles';
 var fileTypeIconClass = 'file-type-icon';
 export var FileIcon = /*#__PURE__*/function (_Component) {
   _inherits(FileIcon, _Component);
-
   var _super = _createSuper(FileIcon);
-
   function FileIcon() {
     _classCallCheck(this, FileIcon);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(FileIcon, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          mediaType = _this$props.mediaType,
-          iconUrl = _this$props.iconUrl,
-          style = _this$props.style;
+        mediaType = _this$props.mediaType,
+        iconUrl = _this$props.iconUrl,
+        style = _this$props.style;
       var type = mediaType || 'unknown';
       var defaultIcon = jsx(MediaTypeIcon, {
         type: mediaType,
@@ -50,6 +43,5 @@ export var FileIcon = /*#__PURE__*/function (_Component) {
       }, icon);
     }
   }]);
-
   return FileIcon;
 }(Component);

package/dist/esm/utils/fileIcon/styles.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
 import { size } from '@atlaskit/media-ui';
 export var fileTypeIconStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  float: left;\n  margin-right: 6px;\n  position: relative;\n  top: 1px;\n  img {\n    ", ";\n  }\n"])), size('12px !important'));

package/dist/esm/utils/getDataURIDimension.js

@@ -6,19 +6,15 @@ import { containsPixelUnit } from './containsPixelUnit';
 export var getDataURIDimension = function getDataURIDimension(dimension, options) {
   var retinaFactor = isRetina() ? 2 : 1;
   var dimensionValue = options.dimensions && options.dimensions[dimension] || '';
-
   if (isValidPercentageUnit(dimensionValue) && options.element) {
     return getElementDimension(options.element, dimension) * retinaFactor;
   }
-
   if (typeof dimensionValue === 'number') {
     return dimensionValue * retinaFactor;
   }
-
   if (containsPixelUnit("".concat(dimensionValue))) {
     return parseInt("".concat(dimensionValue), 10) * retinaFactor;
   }
-
   return defaultImageCardDimensions[dimension] * retinaFactor;
 };
 export var getRequestedDimensions = function getRequestedDimensions(options) {

package/dist/esm/utils/getMediaCardCursor.js

@@ -1,23 +1,20 @@
 import { MediaCardCursor } from '../types';
-
 /**
  * When the returned value is undefined, we'd expect the media card to take the parent's cursor style.
  */
+
 export var getMediaCardCursor = function getMediaCardCursor(useInlinePlayer, useMediaViewer, isErrorStatus, hasCardPreview, mediaType) {
   // If error status or no action is requested = NoAction
   if (isErrorStatus || !useInlinePlayer && !useMediaViewer) {
     return;
   }
-
   if (!mediaType && (useInlinePlayer || useInlinePlayer && useMediaViewer)) {
     return MediaCardCursor.NotReady;
   } else if (mediaType === 'video' && hasCardPreview && useInlinePlayer) {
     return MediaCardCursor.Action;
   }
-
   if (useMediaViewer) {
     return MediaCardCursor.Action;
   }
-
   return;
 };

package/dist/esm/utils/globalScope/getSSRData.js

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

package/dist/esm/utils/globalScope/globalScope.js

@@ -5,40 +5,35 @@ import { printFunctionCall, printScript } from '../printScript';
 // Any changes to this file must be tested directly in product before merging.
 // The scripts printed here might differ from what we observe in our internal tests
 // due to minimification, for example.
+
 export var GLOBAL_MEDIA_CARD_SSR = 'mediaCardSsr';
 export var GLOBAL_MEDIA_NAMESPACE = '__MEDIA_INTERNAL';
 export function getMediaGlobalScope() {
   var globalScope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
   // Must match GLOBAL_MEDIA_NAMESPACE. Can't reference the constant from here.
   var namespace = '__MEDIA_INTERNAL';
-
   if (!globalScope[namespace]) {
     globalScope[namespace] = {};
   }
-
   return globalScope[namespace];
 }
 export function getMediaCardSSR() {
   var globalScope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
-  var globalMedia = getMediaGlobalScope(globalScope); // Must match GLOBAL_MEDIA_CARD_SSR. Can't reference the constant from here.
-
+  var globalMedia = getMediaGlobalScope(globalScope);
+  // Must match GLOBAL_MEDIA_CARD_SSR. Can't reference the constant from here.
   var key = 'mediaCardSsr';
-
   if (!globalMedia[key]) {
     globalMedia[key] = {};
   }
-
   return globalMedia[key];
 }
-
 var dashed = function dashed(param) {
   return param ? "-".concat(param) : '';
 };
-
 export var getKey = function getKey(_ref) {
   var id = _ref.id,
-      collectionName = _ref.collectionName,
-      occurrenceKey = _ref.occurrenceKey;
+    collectionName = _ref.collectionName,
+    occurrenceKey = _ref.occurrenceKey;
   return "".concat(id).concat(dashed(collectionName)).concat(dashed(occurrenceKey));
 };
 export var storeDataURI = function storeDataURI(key, dataURI, dimensions, error) {
@@ -50,17 +45,15 @@ export var storeDataURI = function storeDataURI(key, dataURI, dimensions, error)
     error: error
   };
 };
-
 var generateScript = function generateScript(identifier, dataURI, dimensions, error) {
   var functionCall = printFunctionCall(storeDataURI, getKey(identifier), dataURI, dimensions, error);
   return printScript([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
 };
-
 export var StoreSSRDataScript = function StoreSSRDataScript(_ref2) {
   var dataURI = _ref2.dataURI,
-      identifier = _ref2.identifier,
-      dimensions = _ref2.dimensions,
-      error = _ref2.error;
+    identifier = _ref2.identifier,
+    dimensions = _ref2.dimensions,
+    error = _ref2.error;
   return /*#__PURE__*/React.createElement("script", {
     dangerouslySetInnerHTML: {
       __html: generateScript(identifier, dataURI, dimensions, error)

package/dist/esm/utils/lightCards/cardError.js

@@ -4,11 +4,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React from 'react';
 import { Component } from 'react';
 import { ErrorIcon } from '../errorIcon';
@@ -16,15 +13,11 @@ import { Wrapper } from './lightCardWrappers';
 import { getDimensionsWithDefault } from './getDimensionsWithDefault';
 export var CardError = /*#__PURE__*/function (_Component) {
   _inherits(CardError, _Component);
-
   var _super = _createSuper(CardError);
-
   function CardError() {
     _classCallCheck(this, CardError);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(CardError, [{
     key: "render",
     value: function render() {
@@ -42,10 +35,8 @@ export var CardError = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-
   return CardError;
 }(Component);
-
 _defineProperty(CardError, "defaultProps", {
   size: 'medium'
 });

package/dist/esm/utils/lightCards/cardLoading.js

@@ -3,11 +3,8 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React from 'react';
 import { Component } from 'react';
 import { getDimensionsWithDefault } from './getDimensionsWithDefault';
@@ -17,24 +14,19 @@ import FileIcon from '@atlaskit/icon/glyph/file';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 export var CardLoading = /*#__PURE__*/function (_Component) {
   _inherits(CardLoading, _Component);
-
   var _super = _createSuper(CardLoading);
-
   function CardLoading() {
     _classCallCheck(this, CardLoading);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(CardLoading, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          dimensionsProp = _this$props.dimensions,
-          testId = _this$props.testId,
-          featureFlags = _this$props.featureFlags;
+        dimensionsProp = _this$props.dimensions,
+        testId = _this$props.testId,
+        featureFlags = _this$props.featureFlags;
       var dimensions = getDimensionsWithDefault(dimensionsProp);
-
       if (getMediaFeatureFlag('newCardExperience', featureFlags)) {
         return /*#__PURE__*/React.createElement(Wrapper, {
           "data-testid": testId || 'media-card-loading',
@@ -42,7 +34,6 @@ export var CardLoading = /*#__PURE__*/function (_Component) {
           dimensions: dimensions
         }, /*#__PURE__*/React.createElement(SpinnerIcon, null));
       }
-
       return /*#__PURE__*/React.createElement(AnimatedWrapper, {
         "data-testid": testId || 'media-card-loading',
         "data-test-loading": true,
@@ -53,6 +44,5 @@ export var CardLoading = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-
   return CardLoading;
 }(Component);

package/dist/esm/utils/lightCards/lightCardWrappers.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
 import { wrapperStyles, animatedWrapperStyles } from './styles';

package/dist/esm/utils/lightCards/styles.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 import { css, keyframes } from '@emotion/react';
 import { center, borderRadius } from '@atlaskit/media-ui';
 import { themed } from '@atlaskit/theme/components';
@@ -9,7 +7,7 @@ import { N20, DN50, N50, DN100 } from '@atlaskit/theme/colors';
 export var blinkLoadingAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0%{\n    opacity: 1;\n  }\n\n  50%{\n    opacity: 0.6;\n  }\n\n  100%{\n    opacity: 1;\n  }\n"])));
 export var wrapperStyles = function wrapperStyles(_ref) {
   var dimensions = _ref.dimensions,
-      theme = _ref.theme;
+    theme = _ref.theme;
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  background: ", ";\n  color: ", ";\n  ", "\n  max-height: 100%;\n  max-width: 100%;\n  width: ", ";\n  height: ", ";\n"])), center, themed({
     light: "var(--ds-background-neutral, ".concat(N20, ")"),
     dark: "var(--ds-background-neutral, ".concat(DN50, ")")