@atlaskit/media-card 74.5.0 → 74.5.2

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSelectedBorderStyle = void 0;
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _selection = require("@atlaskit/editor-shared-styles/selection");
-
 /*
  * Used to display the blue border around a selected card without
  * shrinking the image OR growing the card size
@@ -17,5 +14,4 @@ var getSelectedBorderStyle = function getSelectedBorderStyle(_ref) {
   var selected = _ref.selected;
   return "\n    ".concat(_selection.hideNativeBrowserTextSelectionStyles, "\n\n    &::after {\n      content: '';\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      top: 0;\n      box-sizing: border-box;\n      pointer-events: none;\n      ").concat(_mediaUi.borderRadius, "\n      ").concat(selected ? (0, _selection.getSelectionStyles)([_selection.SelectionStyle.Border]) : '', "\n    }\n  ");
 };
-
 exports.getSelectedBorderStyle = getSelectedBorderStyle;

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -105,37 +104,24 @@ Object.defineProperty(exports, "withAppearance", {
     return _mixins.withAppearance;
   }
 });
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _config = require("./config");
-
 var _mixins = require("./mixins");
-
 var _easing = require("./easing");
-
 var _animations = require("./animations");
-
 var _templateObject, _templateObject2;
-
 var rootStyles = function rootStyles() {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  box-sizing: border-box;\n  font-family: ", ";\n\n  * {\n    box-sizing: border-box;\n  }\n"])), (0, _constants.fontFamily)());
 };
-
 exports.rootStyles = rootStyles;
 var cardShadow = "\n  box-shadow: ".concat("var(--ds-shadow-raised, 0 1px 1px rgba(9, 30, 66, 0.2), 0 0 1px 0 rgba(9, 30, 66, 0.24))", ";\n");
 exports.cardShadow = cardShadow;
-
 var fadeinImageStyles = function fadeinImageStyles() {
   return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n"])), _mediaUi.fadeIn);
 };
-
 exports.fadeinImageStyles = fadeinImageStyles;
 var _default = rootStyles;
 exports.default = _default;

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withAppearance = exports.transition = exports.spaceAround = exports.rgba = exports.hexToRgb = exports.centerX = exports.centerSelfY = exports.centerSelfX = exports.centerSelf = exports.capitalize = exports.borderRadiusLeft = exports.antialiased = void 0;
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _config = require("./config");
-
 var centerX = "\n  display: flex;\n  justify-content: center;\n";
 exports.centerX = centerX;
 var antialiased = "\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n";
@@ -23,34 +20,26 @@ var borderRadiusLeft = "\n  border-top-left-radius: ".concat((0, _constants.bord
 exports.borderRadiusLeft = borderRadiusLeft;
 var spaceAround = "\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n";
 exports.spaceAround = spaceAround;
-
 var transition = function transition() {
   var propertyName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'all';
   return "\n  transition: ".concat(propertyName, " ").concat(_config.defaultTransitionDuration, ";\n");
 };
-
 exports.transition = transition;
-
 var hexToRgb = function hexToRgb(hex) {
   var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
   return result ? "".concat(parseInt(result[1], 16), ",").concat(parseInt(result[2], 16), ",").concat(parseInt(result[3], 16)) : null;
 };
-
 exports.hexToRgb = hexToRgb;
-
 var rgba = function rgba(hex, opacity) {
   return "rgba(".concat(hexToRgb(hex), ", ").concat(opacity, ")");
 };
-
 exports.rgba = rgba;
 var capitalize = "\n  &::first-letter {\n    text-transform: uppercase;\n  }\n";
 exports.capitalize = capitalize;
-
 var withAppearance = function withAppearance(styleMap) {
   return function (_ref) {
     var appearance = _ref.appearance;
     return appearance && styleMap[appearance] || '';
   };
 };
-
 exports.withAppearance = withAppearance;

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

@@ -1,57 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.wrapperStyles = exports.inlinePlayerWrapperStyles = exports.inlinePlayerClassName = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _getCSSUnitValue = require("../../utils/getCSSUnitValue");
-
 var _breakpoint = require("../../utils/breakpoint");
-
 var _getSelectedBorderStyle = require("./getSelectedBorderStyle");
-
 var _getDimensionsWithDefault = require("../../utils/lightCards/getDimensionsWithDefault");
-
 var _templateObject, _templateObject2;
-
 var inlinePlayerClassName = 'media-card-inline-player';
 exports.inlinePlayerClassName = inlinePlayerClassName;
-
 var getWrapperHeight = function getWrapperHeight(dimensions) {
   return dimensions && dimensions.height ? "height: ".concat((0, _getCSSUnitValue.getCSSUnitValue)(dimensions.height), "; max-height: 100%;") : '';
 };
-
 var getWrapperWidth = function getWrapperWidth(dimensions) {
   return dimensions && dimensions.width ? "width: ".concat((0, _getCSSUnitValue.getCSSUnitValue)(dimensions.width), "; max-width: 100%;") : '';
 };
-
 var wrapperStyles = function wrapperStyles(_ref) {
   var dimensions = _ref.dimensions,
-      _ref$breakpointSize = _ref.breakpointSize,
-      breakpointSize = _ref$breakpointSize === void 0 ? 'medium' : _ref$breakpointSize,
-      shouldUsePointerCursor = _ref.shouldUsePointerCursor;
+    _ref$breakpointSize = _ref.breakpointSize,
+    breakpointSize = _ref$breakpointSize === void 0 ? 'medium' : _ref$breakpointSize,
+    shouldUsePointerCursor = _ref.shouldUsePointerCursor;
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n      ", "\n  cursor: ", ";\n"])), (0, _breakpoint.breakpointStyles)({
     breakpointSize: breakpointSize
   }), getWrapperHeight(dimensions), getWrapperWidth(dimensions), shouldUsePointerCursor ? 'pointer' : 'default');
 };
-
 exports.wrapperStyles = wrapperStyles;
 wrapperStyles.displayName = 'CardViewWrapper';
-
 var inlinePlayerWrapperStyles = function inlinePlayerWrapperStyles(_ref2) {
   var dimensions = _ref2.dimensions,
-      selected = _ref2.selected;
+    selected = _ref2.selected;
   return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";\n  height: ", ";\n  overflow: hidden;\n  border-radius: ", "px;\n  position: relative;\n  max-width: 100%;\n  max-height: 100%;\n\n  ", "\n\n  video {\n    width: 100%;\n    height: 100%;\n  }\n"])), (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).width || '100%', (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).height || 'auto', (0, _constants.borderRadius)(), (0, _getSelectedBorderStyle.getSelectedBorderStyle)(selected));
 };
-
 exports.inlinePlayerWrapperStyles = inlinePlayerWrapperStyles;
 inlinePlayerWrapperStyles.displayName = 'InlinePlayerWrapper';

package/dist/cjs/card/ui/actionsBar/actionsBar.js

@@ -1,53 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActionsBar = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 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 _react = _interopRequireDefault(require("react"));
-
 var _cardActions = require("../../../utils/cardActions");
-
 var _actionsBarWrapper = require("./actionsBarWrapper");
-
 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 ActionsBar = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ActionsBar, _React$Component);
-
   var _super = _createSuper(ActionsBar);
-
   function ActionsBar() {
     (0, _classCallCheck2.default)(this, ActionsBar);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(ActionsBar, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          isFixed = _this$props.isFixed,
-          actions = _this$props.actions;
-
+        isFixed = _this$props.isFixed,
+        actions = _this$props.actions;
       if (actions.length === 0) {
         return null;
       }
-
       return /*#__PURE__*/_react.default.createElement(_actionsBarWrapper.ActionsBarWrapper, {
         isFixed: isFixed
       }, /*#__PURE__*/_react.default.createElement(_cardActions.CardActionsView, {
@@ -58,5 +41,4 @@ var ActionsBar = /*#__PURE__*/function (_React$Component) {
   }]);
   return ActionsBar;
 }(_react.default.Component);
-
 exports.ActionsBar = ActionsBar;

package/dist/cjs/card/ui/actionsBar/actionsBarWrapper.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActionsBarWrapper = void 0;
-
 var _react = require("@emotion/react");
-
 var _styles = require("./styles");
-
 /**@jsx jsx */
+
 var ActionsBarWrapper = function ActionsBarWrapper(props) {
   return (0, _react.jsx)("div", {
     id: "actionsBarWrapper",
@@ -17,5 +15,4 @@ var ActionsBarWrapper = function ActionsBarWrapper(props) {
     className: _styles.actionsBarClassName
   }, props.children);
 };
-
 exports.ActionsBarWrapper = ActionsBarWrapper;

package/dist/cjs/card/ui/actionsBar/styles.js

@@ -1,28 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.wrapperStyles = exports.fixedActionBarStyles = exports.actionsBarClassName = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _styles = require("../../styles");
-
 var _templateObject;
-
 var actionsBarClassName = 'media-card-actions-bar';
 exports.actionsBarClassName = actionsBarClassName;
 var fixedActionBarStyles = "opacity: 1;";
 exports.fixedActionBarStyles = fixedActionBarStyles;
-
 var wrapperStyles = function wrapperStyles(isFixed) {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n"])), isFixed ? fixedActionBarStyles : 'opacity: 0;', (0, _styles.transition)());
 };
-
 exports.wrapperStyles = wrapperStyles;
 wrapperStyles.displayName = 'ActionsBarWrapper';

package/dist/cjs/card/ui/blanket/blanket.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Blanket = void 0;
-
 var _react = require("@emotion/react");
-
 var _styles = require("./styles");
-
 /**@jsx jsx */
+
 var Blanket = function Blanket(props) {
   var isFixed = props.isFixed;
   return (0, _react.jsx)("div", {
@@ -17,5 +15,4 @@ var Blanket = function Blanket(props) {
     className: _styles.blanketClassName
   });
 };
-
 exports.Blanket = Blanket;

package/dist/cjs/card/ui/blanket/styles.js

@@ -1,30 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fixedBlanketStyles = exports.blanketStyles = exports.blanketClassName = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _styles = require("../../styles");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _templateObject;
-
 var blanketClassName = 'media-card-blanket';
 exports.blanketClassName = blanketClassName;
 var fixedBlanketStyles = "background-color: ".concat("var(--ds-blanket, ".concat(_colors.N90A, ")"), ";");
 exports.fixedBlanketStyles = fixedBlanketStyles;
-
 var blanketStyles = function blanketStyles(isFixed) {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  max-height: 100%;\n  max-width: 100%;\n  left: 0;\n  top: 0;\n  ", "\n"])), (0, _styles.transition)(), isFixed ? fixedBlanketStyles : '');
 };
-
 exports.blanketStyles = blanketStyles;
 blanketStyles.displayName = 'Blanket';

package/dist/cjs/card/ui/common.js

@@ -1,24 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.responsiveSettings = exports.getTitleBoxHeight = exports.Breakpoint = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _responsiveSettings;
-
 var Breakpoint;
 exports.Breakpoint = Breakpoint;
-
 (function (Breakpoint) {
   Breakpoint["SMALL"] = "small";
   Breakpoint["LARGE"] = "large";
 })(Breakpoint || (exports.Breakpoint = Breakpoint = {}));
-
 var responsiveSettings = (_responsiveSettings = {}, (0, _defineProperty2.default)(_responsiveSettings, Breakpoint.SMALL, {
   fontSize: 11,
   lineHeight: 14,
@@ -35,9 +29,7 @@ var responsiveSettings = (_responsiveSettings = {}, (0, _defineProperty2.default
   }
 }), _responsiveSettings);
 exports.responsiveSettings = responsiveSettings;
-
 var getTitleBoxHeight = function getTitleBoxHeight(breakpoint) {
   return (responsiveSettings[breakpoint].lineHeight + responsiveSettings[breakpoint].titleBox.verticalPadding) * 2;
 };
-
 exports.getTitleBoxHeight = getTitleBoxHeight;

package/dist/cjs/card/ui/iconMessage/iconMessageWrapper.js

@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IconMessageWrapper = void 0;
-
 var _react = require("@emotion/react");
-
 var _styles = require("./styles");
-
 /**@jsx jsx */
+
 var IconMessageWrapper = function IconMessageWrapper(props) {
   var animated = props.animated,
-      reducedFont = props.reducedFont;
+    reducedFont = props.reducedFont;
   return (0, _react.jsx)("div", {
     id: "iconMessageWrapper",
     css: (0, _styles.iconMessageWrapperStyles)({
@@ -21,5 +19,4 @@ var IconMessageWrapper = function IconMessageWrapper(props) {
     })
   }, props.children);
 };
-
 exports.IconMessageWrapper = IconMessageWrapper;

package/dist/cjs/card/ui/iconMessage/index.js

@@ -1,36 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PreviewUnavailable = exports.PreviewCurrentlyUnavailable = exports.IconMessage = exports.FailedToUpload = exports.FailedToLoad = exports.CreatingPreview = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _iconMessageWrapper = require("./iconMessageWrapper");
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _reactIntlNext = require("react-intl-next");
-
 var IconMessage = function IconMessage(_ref) {
   var messageDescriptor = _ref.messageDescriptor,
-      _ref$animated = _ref.animated,
-      animated = _ref$animated === void 0 ? false : _ref$animated,
-      _ref$reducedFont = _ref.reducedFont,
-      reducedFont = _ref$reducedFont === void 0 ? false : _ref$reducedFont;
+    _ref$animated = _ref.animated,
+    animated = _ref$animated === void 0 ? false : _ref$animated,
+    _ref$reducedFont = _ref.reducedFont,
+    reducedFont = _ref$reducedFont === void 0 ? false : _ref$reducedFont;
   return /*#__PURE__*/_react.default.createElement(_iconMessageWrapper.IconMessageWrapper, {
     animated: animated,
     reducedFont: reducedFont
   }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messageDescriptor)));
 };
-
 exports.IconMessage = IconMessage;
-
 var CreatingPreview = function CreatingPreview(_ref2) {
   var disableAnimation = _ref2.disableAnimation;
   return /*#__PURE__*/_react.default.createElement(IconMessage, {
@@ -38,38 +29,29 @@ var CreatingPreview = function CreatingPreview(_ref2) {
     animated: !disableAnimation
   });
 };
-
 exports.CreatingPreview = CreatingPreview;
-
 var PreviewUnavailable = function PreviewUnavailable(props) {
   return /*#__PURE__*/_react.default.createElement(IconMessage, (0, _extends2.default)({}, props, {
     messageDescriptor: _mediaUi.messages.preview_unavailable
   }));
 };
-
 exports.PreviewUnavailable = PreviewUnavailable;
-
 var FailedToLoad = function FailedToLoad(props) {
   return /*#__PURE__*/_react.default.createElement(IconMessage, (0, _extends2.default)({}, props, {
     messageDescriptor: _mediaUi.messages.failed_to_load
   }));
 };
-
 exports.FailedToLoad = FailedToLoad;
-
 var FailedToUpload = function FailedToUpload(props) {
   return /*#__PURE__*/_react.default.createElement(IconMessage, (0, _extends2.default)({}, props, {
     messageDescriptor: _mediaUi.messages.failed_to_upload
   }));
 };
-
 exports.FailedToUpload = FailedToUpload;
-
 var PreviewCurrentlyUnavailable = function PreviewCurrentlyUnavailable(props) {
   return /*#__PURE__*/_react.default.createElement(IconMessage, (0, _extends2.default)({}, props, {
     messageDescriptor: _mediaUi.messages.preview_currently_unavailable,
     reducedFont: true
   }));
 };
-
 exports.PreviewCurrentlyUnavailable = PreviewCurrentlyUnavailable;

package/dist/cjs/card/ui/iconMessage/styles.js

@@ -1,32 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.iconMessageWrapperStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 var breatheAnimation = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n 0% { opacity: 1}\n 50% { opacity: 0.3 }\n 100% { opacity: 1; }"])));
 var animatedStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  animation-name: ", ";\n  animation-duration: 3.5s;\n  animation-timing-function: ease-in-out;\n  animation-iteration-count: infinite;\n"])), breatheAnimation);
-
 var getStylesBasedOnProps = function getStylesBasedOnProps(_ref) {
   var animated = _ref.animated,
-      reducedFont = _ref.reducedFont;
+    reducedFont = _ref.reducedFont;
   return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  opacity: 1;\n  font-weight: 450;\n  ", "\n  color: ", ";\n  text-align: center;\n  ", "\n  margin-bottom: -1em;\n  padding: 3px 10px;\n"])), reducedFont ? 'font-size: 0.7em;' : '', "var(--ds-text-subtlest, ".concat(_colors.N300, ")"), animated ? animatedStyles : '');
 };
-
 var iconMessageWrapperStyles = function iconMessageWrapperStyles(props) {
   return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), getStylesBasedOnProps(props));
 };
-
 exports.iconMessageWrapperStyles = iconMessageWrapperStyles;
 iconMessageWrapperStyles.displayName = 'IconMessageWrapper';

package/dist/cjs/card/ui/iconWrapper/iconWrapper.js

@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IconWrapper = void 0;
-
 var _react = require("@emotion/react");
-
 var _styles = require("./styles");
-
 /**@jsx jsx */
+
 var IconWrapper = function IconWrapper(props) {
   var breakpoint = props.breakpoint,
-      hasTitleBox = props.hasTitleBox;
+    hasTitleBox = props.hasTitleBox;
   return (0, _react.jsx)("div", {
     id: "iconWrapper",
     css: (0, _styles.iconWrapperStyles)({
@@ -21,5 +19,4 @@ var IconWrapper = function IconWrapper(props) {
     })
   }, props.children);
 };
-
 exports.IconWrapper = IconWrapper;

package/dist/cjs/card/ui/iconWrapper/styles.js

@@ -1,37 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.iconWrapperStyles = void 0;
 exports.titleBoxHeight = titleBoxHeight;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _common = require("../common");
-
 var _templateObject;
-
 function titleBoxHeight(hasTitleBox, breakpoint) {
   // there is no titlebox
   if (!hasTitleBox) {
     return "0px";
-  } // calculate height of the titlebox
-
+  }
 
+  // calculate height of the titlebox
   var marginBottom = (0, _common.getTitleBoxHeight)(breakpoint);
   return "".concat(marginBottom, "px");
 }
-
 var iconWrapperStyles = function iconWrapperStyles(_ref) {
   var hasTitleBox = _ref.hasTitleBox,
-      breakpoint = _ref.breakpoint;
+    breakpoint = _ref.breakpoint;
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  width: 100%;\n  height: calc(100% - ", ");\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"])), titleBoxHeight(hasTitleBox, breakpoint));
 };
-
 exports.iconWrapperStyles = iconWrapperStyles;
 iconWrapperStyles.displayName = 'MediaIconWrapper';

package/dist/cjs/card/ui/imageRenderer/imageRenderer.js

@@ -1,51 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageRenderer = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _resizeModeToMediaImageProps = require("../../../utils/resizeModeToMediaImageProps");
-
 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; }
-
 var ImageRenderer = function ImageRenderer(_ref) {
   var cardPreview = _ref.cardPreview,
-      alt = _ref.alt,
-      resizeMode = _ref.resizeMode,
-      onImageLoad = _ref.onImageLoad,
-      onImageError = _ref.onImageError,
-      onDisplayImage = _ref.onDisplayImage,
-      mediaType = _ref.mediaType,
-      nativeLazyLoad = _ref.nativeLazyLoad,
-      forceSyncDisplay = _ref.forceSyncDisplay;
+    alt = _ref.alt,
+    resizeMode = _ref.resizeMode,
+    onImageLoad = _ref.onImageLoad,
+    onImageError = _ref.onImageError,
+    onDisplayImage = _ref.onDisplayImage,
+    mediaType = _ref.mediaType,
+    nativeLazyLoad = _ref.nativeLazyLoad,
+    forceSyncDisplay = _ref.forceSyncDisplay;
   (0, _react.useEffect)(function () {
     // TODO: trigger accordingly with the succeeded event. This could be a breaking change
     if (mediaType === 'image' && onDisplayImage) {
       onDisplayImage();
     }
   }, [mediaType, onDisplayImage]);
-
   var onLoad = function onLoad() {
     onImageLoad && onImageLoad(cardPreview);
   };
-
   var onError = function onError() {
     onImageError && onImageError(cardPreview);
   };
-
   return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaImage, (0, _extends2.default)({
     dataURI: cardPreview.dataURI,
     alt: alt,
@@ -56,5 +44,4 @@ var ImageRenderer = function ImageRenderer(_ref) {
     forceSyncDisplay: forceSyncDisplay
   }, (0, _resizeModeToMediaImageProps.resizeModeToMediaImageProps)(resizeMode)));
 };
-
 exports.ImageRenderer = ImageRenderer;