@atlaskit/media-card 72.0.0 → 72.1.0

package/dist/cjs/root/card/cardSSRView.js

@@ -1,114 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CardSSRView = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _mediaClient = require("@atlaskit/media-client");
-
-var _mediaUi = require("@atlaskit/media-ui");
-
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-
-var _getDataURIDimension = require("../../utils/getDataURIDimension");
-
-var _cardDimensions = require("../../utils/cardDimensions");
-
-var _styled = require("../ui/iconWrapper/styled");
-
-var _styledSSR = require("../ui/styledSSR");
-
-var _styled2 = require("../ui/blanket/styled");
-
-var _cardConstants = require("./cardConstants");
-
-var _resizeModeToMediaImageProps = require("../../utils/resizeModeToMediaImageProps");
-
-/*
- * This file is designed to be optimised for maximum performance.
- * Because of this the imports are optimised to import only what is required
- * If you're adding a new dependency please ensure that the
- * imported file only contains and depends on only what is required for it to function.
- */
-var CardSSRView = function CardSSRView(_ref) {
-  var identifier = _ref.identifier,
-      dimensions = _ref.dimensions,
-      mediaClient = _ref.mediaClient,
-      resizeMode = _ref.resizeMode,
-      disableOverlay = _ref.disableOverlay,
-      isLazy = _ref.isLazy;
-  var dataURI;
-
-  try {
-    var _getRequestedDimensio = (0, _getDataURIDimension.getRequestedDimensions)({
-      dimensions: dimensions
-    }),
-        width = _getRequestedDimensio.width,
-        height = _getRequestedDimensio.height;
-
-    var mode = (0, _mediaClient.imageResizeModeToFileImageMode)(resizeMode);
-    dataURI = mediaClient.getImageUrlSync(identifier.id, {
-      collection: identifier.collectionName,
-      mode: mode,
-      width: width,
-      height: height,
-      allowAnimated: true
-    });
-  } catch (e) {
-    // if we are unable to get the image url (eg missing auth) we want to continue rendering with a spinner
-    dataURI = '';
-  }
-
-  var shouldDisplayBackground = !dataURI || !disableOverlay;
-  return /*#__PURE__*/_react.default.createElement(_styledSSR.SSRFileExperienceWrapper, {
-    className: _cardConstants.newFileExperienceClassName,
-    dimensions: dimensions,
-    breakpoint: calculateBreakpoint(dimensions),
-    shouldUsePointerCursor: Boolean(dataURI),
-    displayBackground: shouldDisplayBackground,
-    disableOverlay: !!disableOverlay,
-    selected: false,
-    "data-testid": "media-card-view"
-  }, /*#__PURE__*/_react.default.createElement(_styledSSR.CardImageContainer, {
-    className: "media-file-card-view",
-    "data-testid": "media-file-card-view"
-  }, /*#__PURE__*/_react.default.createElement(_styled.IconWrapper, {
-    breakpoint: calculateBreakpoint(dimensions),
-    hasTitleBox: false
-  }, /*#__PURE__*/_react.default.createElement(_spinner.default, null)), !!dataURI && /*#__PURE__*/_react.default.createElement(_mediaUi.MediaImage, (0, _extends2.default)({
-    dataURI: dataURI // alt={alt} // having alt text causes the image to fail to render with a broken image.
-    // onImageLoad={this.onImageLoad}  // TODO add these back as part of tracking performance.
-    // onImageError={this.onImageError}
-
-  }, (0, _resizeModeToMediaImageProps.resizeModeToMediaImageProps)(resizeMode), {
-    loading: getLazyValue(isLazy)
-  })), !disableOverlay && /*#__PURE__*/_react.default.createElement(_styled2.Blanket, {
-    isFixed: false
-  })));
-};
-
-exports.CardSSRView = CardSSRView;
-
-function getLazyValue(isLazy) {
-  switch (isLazy) {
-    case false:
-      return 'eager';
-
-    default:
-      return 'lazy';
-  }
-}
-
-function calculateBreakpoint(dimensions) {
-  var _dimensions$width;
-
-  var width = (_dimensions$width = dimensions === null || dimensions === void 0 ? void 0 : dimensions.width) !== null && _dimensions$width !== void 0 ? _dimensions$width : _cardDimensions.defaultImageCardDimensions.width;
-  return (0, _styledSSR.calcBreakpointSize)(parseInt("".concat(width), 10));
-}

package/dist/cjs/root/ui/Breakpoint.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Breakpoint = void 0;
-var Breakpoint;
-exports.Breakpoint = Breakpoint;
-
-(function (Breakpoint) {
-  Breakpoint["SMALL"] = "small";
-  Breakpoint["LARGE"] = "large";
-})(Breakpoint || (exports.Breakpoint = Breakpoint = {}));

package/dist/cjs/root/ui/styledSSR.js

@@ -1,108 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.calcBreakpointSize = exports.CardImageContainer = exports.getWrapperDimensions = exports.SSRFileExperienceWrapper = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _consts = require("@atlaskit/editor-shared-styles/consts");
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _selection = require("@atlaskit/editor-shared-styles/selection");
-
-var _mediaUi = require("@atlaskit/media-ui");
-
-var _styles = require("../../styles");
-
-var _cardDimensions = require("../../utils/cardDimensions");
-
-var _getCSSUnitValue = require("../../utils/getCSSUnitValue");
-
-var _styled = require("./blanket/styled");
-
-var _common = require("./common");
-
-var _Breakpoint = require("./Breakpoint");
-
-var _templateObject, _templateObject2;
-
-var SSRFileExperienceWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  &:hover .", " {\n    ", "\n  }\n"])), function (_ref) {
-  var breakpoint = _ref.breakpoint,
-      dimensions = _ref.dimensions,
-      appearance = _ref.appearance,
-      shouldUsePointerCursor = _ref.shouldUsePointerCursor,
-      displayBackground = _ref.displayBackground,
-      disableOverlay = _ref.disableOverlay,
-      selected = _ref.selected;
-  return "\n  ".concat((0, _styles.transition)(), "\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n  position: relative;\n  font-family: ").concat((0, _constants.fontFamily)(), ";\n  ").concat(getWrapperDimensions(dimensions, appearance), "\n  ").concat(displayBackground ? "background-color: ".concat(_colors.N20, ";") : '', "\n  ").concat(_mediaUi.borderRadius, "\n  ").concat(getCursorStyle(shouldUsePointerCursor), "\n  ").concat(generateResponsiveStyles(breakpoint), "\n  ").concat(_selection.hideNativeBrowserTextSelectionStyles, "\n  ").concat(getWrapperShadow(disableOverlay, selected), "\n  ");
-}, _styled.blanketClassName, _styled.fixedBlanketStyles);
-
-exports.SSRFileExperienceWrapper = SSRFileExperienceWrapper;
-SSRFileExperienceWrapper.displayName = 'SSRFileExperienceWrapper';
-
-var getWrapperDimensions = function getWrapperDimensions(dimensions, appearance) {
-  var _ref2 = dimensions || {},
-      width = _ref2.width,
-      height = _ref2.height;
-
-  var _getDefaultCardDimens = (0, _cardDimensions.getDefaultCardDimensions)(appearance),
-      defaultWidth = _getDefaultCardDimens.width,
-      defaultHeight = _getDefaultCardDimens.height;
-
-  return "\n    width: ".concat((0, _getCSSUnitValue.getCSSUnitValue)(width || defaultWidth), ";\n    max-width: 100%;\n    height: ").concat((0, _getCSSUnitValue.getCSSUnitValue)(height || defaultHeight), ";\n    max-height: 100%;\n  ");
-};
-
-exports.getWrapperDimensions = getWrapperDimensions;
-
-var generateResponsiveStyles = function generateResponsiveStyles() {
-  var breakpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _Breakpoint.Breakpoint.SMALL;
-  var setting = _common.responsiveSettings[breakpoint];
-  return "\n    font-size: ".concat(setting.fontSize, "px;\n    line-height: ").concat(setting.lineHeight, "px;\n  ");
-};
-
-var getCursorStyle = function getCursorStyle(shouldUsePointerCursor) {
-  return "cursor: ".concat(shouldUsePointerCursor ? 'pointer' : 'default', ";");
-}; // This is a trick to simulate the blue border without affecting the dimensions.
-// CSS outline has no 'radius', therefore we can't achieve the same effect with it
-
-
-var getWrapperShadow = function getWrapperShadow(disableOverlay, selected) {
-  var withOverlayShadow = !disableOverlay ? "0 1px 1px ".concat(_colors.N60A, ", 0 0 1px 0 ").concat(_colors.N60A) : '';
-  var selectedShadow = selected ? _consts.akEditorSelectedBoxShadow : '';
-  var shadow = [selectedShadow, withOverlayShadow].filter(Boolean).join(', ');
-  return shadow ? "box-shadow: ".concat(shadow, ";") : '';
-};
-
-var CardImageContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  position: relative;\n  max-width: 100%;\n  width: 100%;\n  height: 100%;\n  max-height: 100%;\n  overflow: hidden;\n  ", "\n"])), _mediaUi.borderRadius);
-
-exports.CardImageContainer = CardImageContainer;
-var breakpointSizes = [[_Breakpoint.Breakpoint.SMALL, 599], [_Breakpoint.Breakpoint.LARGE, Infinity]];
-
-var calcBreakpointSize = function calcBreakpointSize() {
-  var wrapperWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-
-  var _ref3 = breakpointSizes.find(function (_ref5) {
-    var _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
-        _breakpoint = _ref6[0],
-        limit = _ref6[1];
-
-    return wrapperWidth <= limit;
-  }) || [_Breakpoint.Breakpoint.SMALL],
-      _ref4 = (0, _slicedToArray2.default)(_ref3, 1),
-      breakpoint = _ref4[0];
-
-  return breakpoint;
-};
-
-exports.calcBreakpointSize = calcBreakpointSize;

package/dist/es2019/root/card/cardSSRView.js

@@ -1,93 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-
-/*
- * This file is designed to be optimised for maximum performance.
- * Because of this the imports are optimised to import only what is required
- * If you're adding a new dependency please ensure that the
- * imported file only contains and depends on only what is required for it to function.
- */
-import React from 'react';
-import { imageResizeModeToFileImageMode } from '@atlaskit/media-client';
-import { MediaImage } from '@atlaskit/media-ui';
-import SpinnerIcon from '@atlaskit/spinner';
-import { getRequestedDimensions } from '../../utils/getDataURIDimension';
-import { defaultImageCardDimensions } from '../../utils/cardDimensions';
-import { IconWrapper } from '../ui/iconWrapper/styled';
-import { SSRFileExperienceWrapper, CardImageContainer, calcBreakpointSize } from '../ui/styledSSR';
-import { Blanket } from '../ui/blanket/styled';
-import { newFileExperienceClassName } from './cardConstants';
-import { resizeModeToMediaImageProps } from '../../utils/resizeModeToMediaImageProps';
-export const CardSSRView = ({
-  identifier,
-  dimensions,
-  mediaClient,
-  resizeMode,
-  disableOverlay,
-  isLazy
-}) => {
-  let dataURI;
-
-  try {
-    const {
-      width,
-      height
-    } = getRequestedDimensions({
-      dimensions
-    });
-    const mode = imageResizeModeToFileImageMode(resizeMode);
-    dataURI = mediaClient.getImageUrlSync(identifier.id, {
-      collection: identifier.collectionName,
-      mode,
-      width,
-      height,
-      allowAnimated: true
-    });
-  } catch (e) {
-    // if we are unable to get the image url (eg missing auth) we want to continue rendering with a spinner
-    dataURI = '';
-  }
-
-  const shouldDisplayBackground = !dataURI || !disableOverlay;
-  return /*#__PURE__*/React.createElement(SSRFileExperienceWrapper, {
-    className: newFileExperienceClassName,
-    dimensions: dimensions,
-    breakpoint: calculateBreakpoint(dimensions),
-    shouldUsePointerCursor: Boolean(dataURI),
-    displayBackground: shouldDisplayBackground,
-    disableOverlay: !!disableOverlay,
-    selected: false,
-    "data-testid": "media-card-view"
-  }, /*#__PURE__*/React.createElement(CardImageContainer, {
-    className: "media-file-card-view",
-    "data-testid": "media-file-card-view"
-  }, /*#__PURE__*/React.createElement(IconWrapper, {
-    breakpoint: calculateBreakpoint(dimensions),
-    hasTitleBox: false
-  }, /*#__PURE__*/React.createElement(SpinnerIcon, null)), !!dataURI && /*#__PURE__*/React.createElement(MediaImage, _extends({
-    dataURI: dataURI // alt={alt} // having alt text causes the image to fail to render with a broken image.
-    // onImageLoad={this.onImageLoad}  // TODO add these back as part of tracking performance.
-    // onImageError={this.onImageError}
-
-  }, resizeModeToMediaImageProps(resizeMode), {
-    loading: getLazyValue(isLazy)
-  })), !disableOverlay && /*#__PURE__*/React.createElement(Blanket, {
-    isFixed: false
-  })));
-};
-
-function getLazyValue(isLazy) {
-  switch (isLazy) {
-    case false:
-      return 'eager';
-
-    default:
-      return 'lazy';
-  }
-}
-
-function calculateBreakpoint(dimensions) {
-  var _dimensions$width;
-
-  const width = (_dimensions$width = dimensions === null || dimensions === void 0 ? void 0 : dimensions.width) !== null && _dimensions$width !== void 0 ? _dimensions$width : defaultImageCardDimensions.width;
-  return calcBreakpointSize(parseInt(`${width}`, 10));
-}

package/dist/es2019/root/ui/Breakpoint.js

@@ -1,6 +0,0 @@
-export let Breakpoint;
-
-(function (Breakpoint) {
-  Breakpoint["SMALL"] = "small";
-  Breakpoint["LARGE"] = "large";
-})(Breakpoint || (Breakpoint = {}));

package/dist/es2019/root/ui/styledSSR.js

@@ -1,93 +0,0 @@
-import styled from 'styled-components';
-import { akEditorSelectedBoxShadow } from '@atlaskit/editor-shared-styles/consts';
-import { N20, N60A } from '@atlaskit/theme/colors';
-import { fontFamily } from '@atlaskit/theme/constants';
-import { hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-styles/selection';
-import { borderRadius } from '@atlaskit/media-ui';
-import { transition } from '../../styles';
-import { getDefaultCardDimensions } from '../../utils/cardDimensions';
-import { getCSSUnitValue } from '../../utils/getCSSUnitValue';
-import { fixedBlanketStyles, blanketClassName } from './blanket/styled';
-import { responsiveSettings } from './common';
-import { Breakpoint } from './Breakpoint';
-export const SSRFileExperienceWrapper = styled.div`
-  ${({
-  breakpoint,
-  dimensions,
-  appearance,
-  shouldUsePointerCursor,
-  displayBackground,
-  disableOverlay,
-  selected
-}) => `
-  ${transition()}
-  box-sizing: border-box;
-  * {
-    box-sizing: border-box;
-  }
-  position: relative;
-  font-family: ${fontFamily()};
-  ${getWrapperDimensions(dimensions, appearance)}
-  ${displayBackground ? `background-color: ${N20};` : ''}
-  ${borderRadius}
-  ${getCursorStyle(shouldUsePointerCursor)}
-  ${generateResponsiveStyles(breakpoint)}
-  ${hideNativeBrowserTextSelectionStyles}
-  ${getWrapperShadow(disableOverlay, selected)}
-  `}
-  &:hover .${blanketClassName} {
-    ${fixedBlanketStyles}
-  }
-`;
-SSRFileExperienceWrapper.displayName = 'SSRFileExperienceWrapper';
-export const getWrapperDimensions = (dimensions, appearance) => {
-  const {
-    width,
-    height
-  } = dimensions || {};
-  const {
-    width: defaultWidth,
-    height: defaultHeight
-  } = getDefaultCardDimensions(appearance);
-  return `
-    width: ${getCSSUnitValue(width || defaultWidth)};
-    max-width: 100%;
-    height: ${getCSSUnitValue(height || defaultHeight)};
-    max-height: 100%;
-  `;
-};
-
-const generateResponsiveStyles = (breakpoint = Breakpoint.SMALL) => {
-  const setting = responsiveSettings[breakpoint];
-  return `
-    font-size: ${setting.fontSize}px;
-    line-height: ${setting.lineHeight}px;
-  `;
-};
-
-const getCursorStyle = shouldUsePointerCursor => `cursor: ${shouldUsePointerCursor ? 'pointer' : 'default'};`; // This is a trick to simulate the blue border without affecting the dimensions.
-// CSS outline has no 'radius', therefore we can't achieve the same effect with it
-
-
-const getWrapperShadow = (disableOverlay, selected) => {
-  const withOverlayShadow = !disableOverlay ? `0 1px 1px ${N60A}, 0 0 1px 0 ${N60A}` : '';
-  const selectedShadow = selected ? akEditorSelectedBoxShadow : '';
-  const shadow = [selectedShadow, withOverlayShadow].filter(Boolean).join(', ');
-  return shadow ? `box-shadow: ${shadow};` : '';
-};
-
-export const CardImageContainer = styled.div`
-  display: flex;
-  position: relative;
-  max-width: 100%;
-  width: 100%;
-  height: 100%;
-  max-height: 100%;
-  overflow: hidden;
-  ${borderRadius}
-`;
-const breakpointSizes = [[Breakpoint.SMALL, 599], [Breakpoint.LARGE, Infinity]];
-export const calcBreakpointSize = (wrapperWidth = 0) => {
-  const [breakpoint] = breakpointSizes.find(([_breakpoint, limit]) => wrapperWidth <= limit) || [Breakpoint.SMALL];
-  return breakpoint;
-};

package/dist/esm/root/card/cardSSRView.js

@@ -1,92 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-
-/*
- * This file is designed to be optimised for maximum performance.
- * Because of this the imports are optimised to import only what is required
- * If you're adding a new dependency please ensure that the
- * imported file only contains and depends on only what is required for it to function.
- */
-import React from 'react';
-import { imageResizeModeToFileImageMode } from '@atlaskit/media-client';
-import { MediaImage } from '@atlaskit/media-ui';
-import SpinnerIcon from '@atlaskit/spinner';
-import { getRequestedDimensions } from '../../utils/getDataURIDimension';
-import { defaultImageCardDimensions } from '../../utils/cardDimensions';
-import { IconWrapper } from '../ui/iconWrapper/styled';
-import { SSRFileExperienceWrapper, CardImageContainer, calcBreakpointSize } from '../ui/styledSSR';
-import { Blanket } from '../ui/blanket/styled';
-import { newFileExperienceClassName } from './cardConstants';
-import { resizeModeToMediaImageProps } from '../../utils/resizeModeToMediaImageProps';
-export var CardSSRView = function CardSSRView(_ref) {
-  var identifier = _ref.identifier,
-      dimensions = _ref.dimensions,
-      mediaClient = _ref.mediaClient,
-      resizeMode = _ref.resizeMode,
-      disableOverlay = _ref.disableOverlay,
-      isLazy = _ref.isLazy;
-  var dataURI;
-
-  try {
-    var _getRequestedDimensio = getRequestedDimensions({
-      dimensions: dimensions
-    }),
-        width = _getRequestedDimensio.width,
-        height = _getRequestedDimensio.height;
-
-    var mode = imageResizeModeToFileImageMode(resizeMode);
-    dataURI = mediaClient.getImageUrlSync(identifier.id, {
-      collection: identifier.collectionName,
-      mode: mode,
-      width: width,
-      height: height,
-      allowAnimated: true
-    });
-  } catch (e) {
-    // if we are unable to get the image url (eg missing auth) we want to continue rendering with a spinner
-    dataURI = '';
-  }
-
-  var shouldDisplayBackground = !dataURI || !disableOverlay;
-  return /*#__PURE__*/React.createElement(SSRFileExperienceWrapper, {
-    className: newFileExperienceClassName,
-    dimensions: dimensions,
-    breakpoint: calculateBreakpoint(dimensions),
-    shouldUsePointerCursor: Boolean(dataURI),
-    displayBackground: shouldDisplayBackground,
-    disableOverlay: !!disableOverlay,
-    selected: false,
-    "data-testid": "media-card-view"
-  }, /*#__PURE__*/React.createElement(CardImageContainer, {
-    className: "media-file-card-view",
-    "data-testid": "media-file-card-view"
-  }, /*#__PURE__*/React.createElement(IconWrapper, {
-    breakpoint: calculateBreakpoint(dimensions),
-    hasTitleBox: false
-  }, /*#__PURE__*/React.createElement(SpinnerIcon, null)), !!dataURI && /*#__PURE__*/React.createElement(MediaImage, _extends({
-    dataURI: dataURI // alt={alt} // having alt text causes the image to fail to render with a broken image.
-    // onImageLoad={this.onImageLoad}  // TODO add these back as part of tracking performance.
-    // onImageError={this.onImageError}
-
-  }, resizeModeToMediaImageProps(resizeMode), {
-    loading: getLazyValue(isLazy)
-  })), !disableOverlay && /*#__PURE__*/React.createElement(Blanket, {
-    isFixed: false
-  })));
-};
-
-function getLazyValue(isLazy) {
-  switch (isLazy) {
-    case false:
-      return 'eager';
-
-    default:
-      return 'lazy';
-  }
-}
-
-function calculateBreakpoint(dimensions) {
-  var _dimensions$width;
-
-  var width = (_dimensions$width = dimensions === null || dimensions === void 0 ? void 0 : dimensions.width) !== null && _dimensions$width !== void 0 ? _dimensions$width : defaultImageCardDimensions.width;
-  return calcBreakpointSize(parseInt("".concat(width), 10));
-}

package/dist/esm/root/ui/Breakpoint.js

@@ -1,6 +0,0 @@
-export var Breakpoint;
-
-(function (Breakpoint) {
-  Breakpoint["SMALL"] = "small";
-  Breakpoint["LARGE"] = "large";
-})(Breakpoint || (Breakpoint = {}));

package/dist/esm/root/ui/styledSSR.js

@@ -1,76 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
-import styled from 'styled-components';
-import { akEditorSelectedBoxShadow } from '@atlaskit/editor-shared-styles/consts';
-import { N20, N60A } from '@atlaskit/theme/colors';
-import { fontFamily } from '@atlaskit/theme/constants';
-import { hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-styles/selection';
-import { borderRadius } from '@atlaskit/media-ui';
-import { transition } from '../../styles';
-import { getDefaultCardDimensions } from '../../utils/cardDimensions';
-import { getCSSUnitValue } from '../../utils/getCSSUnitValue';
-import { fixedBlanketStyles, blanketClassName } from './blanket/styled';
-import { responsiveSettings } from './common';
-import { Breakpoint } from './Breakpoint';
-export var SSRFileExperienceWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  &:hover .", " {\n    ", "\n  }\n"])), function (_ref) {
-  var breakpoint = _ref.breakpoint,
-      dimensions = _ref.dimensions,
-      appearance = _ref.appearance,
-      shouldUsePointerCursor = _ref.shouldUsePointerCursor,
-      displayBackground = _ref.displayBackground,
-      disableOverlay = _ref.disableOverlay,
-      selected = _ref.selected;
-  return "\n  ".concat(transition(), "\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n  position: relative;\n  font-family: ").concat(fontFamily(), ";\n  ").concat(getWrapperDimensions(dimensions, appearance), "\n  ").concat(displayBackground ? "background-color: ".concat(N20, ";") : '', "\n  ").concat(borderRadius, "\n  ").concat(getCursorStyle(shouldUsePointerCursor), "\n  ").concat(generateResponsiveStyles(breakpoint), "\n  ").concat(hideNativeBrowserTextSelectionStyles, "\n  ").concat(getWrapperShadow(disableOverlay, selected), "\n  ");
-}, blanketClassName, fixedBlanketStyles);
-SSRFileExperienceWrapper.displayName = 'SSRFileExperienceWrapper';
-export var getWrapperDimensions = function getWrapperDimensions(dimensions, appearance) {
-  var _ref2 = dimensions || {},
-      width = _ref2.width,
-      height = _ref2.height;
-
-  var _getDefaultCardDimens = getDefaultCardDimensions(appearance),
-      defaultWidth = _getDefaultCardDimens.width,
-      defaultHeight = _getDefaultCardDimens.height;
-
-  return "\n    width: ".concat(getCSSUnitValue(width || defaultWidth), ";\n    max-width: 100%;\n    height: ").concat(getCSSUnitValue(height || defaultHeight), ";\n    max-height: 100%;\n  ");
-};
-
-var generateResponsiveStyles = function generateResponsiveStyles() {
-  var breakpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Breakpoint.SMALL;
-  var setting = responsiveSettings[breakpoint];
-  return "\n    font-size: ".concat(setting.fontSize, "px;\n    line-height: ").concat(setting.lineHeight, "px;\n  ");
-};
-
-var getCursorStyle = function getCursorStyle(shouldUsePointerCursor) {
-  return "cursor: ".concat(shouldUsePointerCursor ? 'pointer' : 'default', ";");
-}; // This is a trick to simulate the blue border without affecting the dimensions.
-// CSS outline has no 'radius', therefore we can't achieve the same effect with it
-
-
-var getWrapperShadow = function getWrapperShadow(disableOverlay, selected) {
-  var withOverlayShadow = !disableOverlay ? "0 1px 1px ".concat(N60A, ", 0 0 1px 0 ").concat(N60A) : '';
-  var selectedShadow = selected ? akEditorSelectedBoxShadow : '';
-  var shadow = [selectedShadow, withOverlayShadow].filter(Boolean).join(', ');
-  return shadow ? "box-shadow: ".concat(shadow, ";") : '';
-};
-
-export var CardImageContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  max-width: 100%;\n  width: 100%;\n  height: 100%;\n  max-height: 100%;\n  overflow: hidden;\n  ", "\n"])), borderRadius);
-var breakpointSizes = [[Breakpoint.SMALL, 599], [Breakpoint.LARGE, Infinity]];
-export var calcBreakpointSize = function calcBreakpointSize() {
-  var wrapperWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-
-  var _ref3 = breakpointSizes.find(function (_ref5) {
-    var _ref6 = _slicedToArray(_ref5, 2),
-        _breakpoint = _ref6[0],
-        limit = _ref6[1];
-
-    return wrapperWidth <= limit;
-  }) || [Breakpoint.SMALL],
-      _ref4 = _slicedToArray(_ref3, 1),
-      breakpoint = _ref4[0];
-
-  return breakpoint;
-};

package/dist/types/root/card/cardSSRView.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import { FileIdentifier, ImageResizeMode, MediaClient } from '@atlaskit/media-client';
-import { CardDimensions } from '../../utils/cardDimensions';
-export interface CardSSRViewProps {
-    readonly identifier: FileIdentifier;
-    readonly dimensions?: CardDimensions;
-    readonly mediaClient: MediaClient;
-    readonly resizeMode?: ImageResizeMode;
-    readonly alt?: string;
-    readonly disableOverlay: boolean;
-    readonly isLazy?: boolean;
-}
-export declare const CardSSRView: FC<CardSSRViewProps>;

package/dist/types/root/ui/Breakpoint.d.ts

@@ -1,4 +0,0 @@
-export declare enum Breakpoint {
-    SMALL = "small",
-    LARGE = "large"
-}

package/dist/types/root/ui/styledSSR.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { CardDimensions, CardAppearance } from '../..';
-import { Breakpoint } from './Breakpoint';
-export interface BaseNewFileExperienceWrapperProps {
-    breakpoint: Breakpoint;
-    dimensions?: CardDimensions;
-    appearance?: CardAppearance;
-    shouldUsePointerCursor: boolean;
-    displayBackground: boolean;
-    disableOverlay: boolean;
-    selected: boolean;
-}
-export declare const SSRFileExperienceWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & BaseNewFileExperienceWrapperProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & BaseNewFileExperienceWrapperProps>;
-export declare const getWrapperDimensions: (dimensions?: CardDimensions | undefined, appearance?: "image" | "auto" | "square" | "horizontal" | undefined) => string;
-export declare const CardImageContainer: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const calcBreakpointSize: (wrapperWidth?: number) => Breakpoint;