@atlaskit/media-card 75.0.0 → 76.0.0

package/dist/cjs/utils/cardDimensions.js

@@ -3,14 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.minSquareCardDimensions = exports.minSmallCardDimensions = exports.minImageCardDimensions = exports.minHorizontalCardDimensions = exports.maxSquareCardDimensions = exports.maxImageCardDimensions = exports.maxHorizontalCardDimensions = exports.getDefaultCardDimensions = exports.getCardMinWidth = exports.getCardMaxWidth = exports.getCardMaxHeight = exports.defaultSquareCardDimensions = exports.defaultSmallCardDimensions = exports.defaultImageCardDimensions = exports.defaultHorizontalCardDimensions = void 0;
-// Default dimensions
-
-var defaultSmallCardDimensions = {
-  width: '100%',
-  height: 42
-};
-exports.defaultSmallCardDimensions = defaultSmallCardDimensions;
+exports.getDefaultCardDimensions = exports.defaultSquareCardDimensions = exports.defaultImageCardDimensions = exports.defaultHorizontalCardDimensions = void 0;
 var defaultImageCardDimensions = {
   width: 156,
   height: 125
@@ -25,85 +18,7 @@ var defaultSquareCardDimensions = {
   width: 300,
   height: 300
 };
-
-// Small dimensions
 exports.defaultSquareCardDimensions = defaultSquareCardDimensions;
-var minSmallCardDimensions = {
-  width: 200,
-  height: 32
-};
-exports.minSmallCardDimensions = minSmallCardDimensions;
-var minImageCardDimensions = {
-  width: 144,
-  height: 96
-};
-exports.minImageCardDimensions = minImageCardDimensions;
-var minSquareCardDimensions = {
-  width: 272,
-  height: 275
-};
-exports.minSquareCardDimensions = minSquareCardDimensions;
-var minHorizontalCardDimensions = {
-  width: 400,
-  height: 125
-};
-
-// Max dimensions
-exports.minHorizontalCardDimensions = minHorizontalCardDimensions;
-var maxImageCardDimensions = {
-  width: 480,
-  height: 360
-};
-exports.maxImageCardDimensions = maxImageCardDimensions;
-var maxHorizontalCardDimensions = {
-  width: 400,
-  height: 116
-};
-exports.maxHorizontalCardDimensions = maxHorizontalCardDimensions;
-var maxSquareCardDimensions = {
-  width: 400,
-  height: 348
-};
-exports.maxSquareCardDimensions = maxSquareCardDimensions;
-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;
-};
-exports.getCardMaxHeight = getCardMaxHeight;
-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;
-};
-exports.getCardMinWidth = getCardMinWidth;
-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;
-};
-exports.getCardMaxWidth = getCardMaxWidth;
 var getDefaultCardDimensions = function getDefaultCardDimensions(appearance) {
   if (appearance === 'image') {
     return defaultImageCardDimensions;

package/dist/cjs/utils/index.js

@@ -1,69 +1,14 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "CardActionIconButton", {
-  enumerable: true,
-  get: function get() {
-    return _cardActions.CardActionIconButton;
-  }
-});
-Object.defineProperty(exports, "CardActionsDropdownMenu", {
-  enumerable: true,
-  get: function get() {
-    return _cardActions.CardActionsDropdownMenu;
-  }
-});
-Object.defineProperty(exports, "CardActionsView", {
-  enumerable: true,
-  get: function get() {
-    return _cardActions.CardActionsView;
-  }
-});
-Object.defineProperty(exports, "ErrorIcon", {
-  enumerable: true,
-  get: function get() {
-    return _errorIcon.ErrorIcon;
-  }
-});
-Object.defineProperty(exports, "FileIcon", {
-  enumerable: true,
-  get: function get() {
-    return _fileIcon.FileIcon;
-  }
-});
-Object.defineProperty(exports, "breakpointSize", {
-  enumerable: true,
-  get: function get() {
-    return _breakpoint.breakpointSize;
-  }
-});
-Object.defineProperty(exports, "breakpointStyles", {
-  enumerable: true,
-  get: function get() {
-    return _breakpoint.breakpointStyles;
-  }
-});
-Object.defineProperty(exports, "cardBreakpointSizes", {
-  enumerable: true,
-  get: function get() {
-    return _breakpoint.cardBreakpointSizes;
-  }
-});
 Object.defineProperty(exports, "containsPixelUnit", {
   enumerable: true,
   get: function get() {
     return _containsPixelUnit.containsPixelUnit;
   }
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _cardActions.default;
-  }
-});
 Object.defineProperty(exports, "defaultHorizontalCardDimensions", {
   enumerable: true,
   get: function get() {
@@ -76,36 +21,12 @@ Object.defineProperty(exports, "defaultImageCardDimensions", {
     return _cardDimensions.defaultImageCardDimensions;
   }
 });
-Object.defineProperty(exports, "defaultSmallCardDimensions", {
-  enumerable: true,
-  get: function get() {
-    return _cardDimensions.defaultSmallCardDimensions;
-  }
-});
 Object.defineProperty(exports, "defaultSquareCardDimensions", {
   enumerable: true,
   get: function get() {
     return _cardDimensions.defaultSquareCardDimensions;
   }
 });
-Object.defineProperty(exports, "getCardMaxHeight", {
-  enumerable: true,
-  get: function get() {
-    return _cardDimensions.getCardMaxHeight;
-  }
-});
-Object.defineProperty(exports, "getCardMaxWidth", {
-  enumerable: true,
-  get: function get() {
-    return _cardDimensions.getCardMaxWidth;
-  }
-});
-Object.defineProperty(exports, "getCardMinWidth", {
-  enumerable: true,
-  get: function get() {
-    return _cardDimensions.getCardMinWidth;
-  }
-});
 Object.defineProperty(exports, "getDefaultCardDimensions", {
   enumerable: true,
   get: function get() {
@@ -130,56 +51,8 @@ Object.defineProperty(exports, "isValidPercentageUnit", {
     return _isValidPercentageUnit.isValidPercentageUnit;
   }
 });
-Object.defineProperty(exports, "maxHorizontalCardDimensions", {
-  enumerable: true,
-  get: function get() {
-    return _cardDimensions.maxHorizontalCardDimensions;
-  }
-});
-Object.defineProperty(exports, "maxImageCardDimensions", {
-  enumerable: true,
-  get: function get() {
-    return _cardDimensions.maxImageCardDimensions;
-  }
-});
-Object.defineProperty(exports, "maxSquareCardDimensions", {
-  enumerable: true,
-  get: function get() {
-    return _cardDimensions.maxSquareCardDimensions;
-  }
-});
-Object.defineProperty(exports, "minHorizontalCardDimensions", {
-  enumerable: true,
-  get: function get() {
-    return _cardDimensions.minHorizontalCardDimensions;
-  }
-});
-Object.defineProperty(exports, "minImageCardDimensions", {
-  enumerable: true,
-  get: function get() {
-    return _cardDimensions.minImageCardDimensions;
-  }
-});
-Object.defineProperty(exports, "minSmallCardDimensions", {
-  enumerable: true,
-  get: function get() {
-    return _cardDimensions.minSmallCardDimensions;
-  }
-});
-Object.defineProperty(exports, "minSquareCardDimensions", {
-  enumerable: true,
-  get: function get() {
-    return _cardDimensions.minSquareCardDimensions;
-  }
-});
-var _errorIcon = require("./errorIcon");
-var _fileIcon = require("./fileIcon");
-var _cardActions = _interopRequireWildcard(require("./cardActions"));
 var _isRetina = require("./isRetina");
 var _cardDimensions = require("./cardDimensions");
-var _breakpoint = require("./breakpoint");
 var _isValidPercentageUnit = require("./isValidPercentageUnit");
 var _getElementDimension = require("./getElementDimension");
-var _containsPixelUnit = require("./containsPixelUnit");
-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 _containsPixelUnit = require("./containsPixelUnit");

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

@@ -13,7 +13,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _errorIcon = require("../errorIcon");
+var _errorIcon = require("./errorIcon");
 var _lightCardWrappers = require("./lightCardWrappers");
 var _getDimensionsWithDefault = require("./getDimensionsWithDefault");
 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); }

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

@@ -15,8 +15,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _getDimensionsWithDefault = require("./getDimensionsWithDefault");
 var _lightCardWrappers = require("./lightCardWrappers");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _file = _interopRequireDefault(require("@atlaskit/icon/glyph/file"));
-var _mediaCommon = require("@atlaskit/media-common");
 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); }; }
@@ -33,24 +31,13 @@ var CardLoading = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this$props = this.props,
         dimensionsProp = _this$props.dimensions,
-        testId = _this$props.testId,
-        featureFlags = _this$props.featureFlags;
+        testId = _this$props.testId;
       var dimensions = (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensionsProp);
-      if ((0, _mediaCommon.getMediaFeatureFlag)('newCardExperience', featureFlags)) {
-        return /*#__PURE__*/_react.default.createElement(_lightCardWrappers.Wrapper, {
-          "data-testid": testId || 'media-card-loading',
-          "data-test-loading": true,
-          dimensions: dimensions
-        }, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
-      }
-      return /*#__PURE__*/_react.default.createElement(_lightCardWrappers.AnimatedWrapper, {
+      return /*#__PURE__*/_react.default.createElement(_lightCardWrappers.Wrapper, {
         "data-testid": testId || 'media-card-loading',
         "data-test-loading": true,
         dimensions: dimensions
-      }, /*#__PURE__*/_react.default.createElement(_file.default, {
-        label: "loading",
-        size: "medium"
-      }));
+      }, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
     }
   }]);
   return CardLoading;

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrapper = exports.AnimatedWrapper = void 0;
+exports.Wrapper = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
 var _styles = require("./styles");
@@ -20,14 +20,4 @@ var Wrapper = function Wrapper(props) {
     })
   }, props), props.children);
 };
-exports.Wrapper = Wrapper;
-var AnimatedWrapper = function AnimatedWrapper(props) {
-  var theme = (0, _components.useGlobalTheme)();
-  return (0, _react.jsx)("div", (0, _extends2.default)({
-    css: (0, _styles.animatedWrapperStyles)({
-      dimensions: props.dimensions,
-      theme: theme
-    })
-  }, props), props.children);
-};
-exports.AnimatedWrapper = AnimatedWrapper;
+exports.Wrapper = Wrapper;

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

@@ -4,19 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wrapperStyles = exports.blinkLoadingAnimation = exports.animatedWrapperStyles = void 0;
+exports.wrapperStyles = 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 _templateObject, _templateObject2, _templateObject3;
-var blinkLoadingAnimation = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  0%{\n    opacity: 1;\n  }\n\n  50%{\n    opacity: 0.6;\n  }\n\n  100%{\n    opacity: 1;\n  }\n"])));
-exports.blinkLoadingAnimation = blinkLoadingAnimation;
+var _templateObject;
 var wrapperStyles = function wrapperStyles(_ref) {
   var dimensions = _ref.dimensions,
     theme = _ref.theme;
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  background: ", ";\n  color: ", ";\n  ", "\n  max-height: 100%;\n  max-width: 100%;\n  width: ", ";\n  height: ", ";\n"])), _mediaUi.center, (0, _components.themed)({
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  background: ", ";\n  color: ", ";\n  ", "\n  max-height: 100%;\n  max-width: 100%;\n  width: ", ";\n  height: ", ";\n"])), _mediaUi.center, (0, _components.themed)({
     light: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),
     dark: "var(--ds-background-neutral, ".concat(_colors.DN50, ")")
   })({
@@ -28,8 +26,4 @@ var wrapperStyles = function wrapperStyles(_ref) {
     theme: theme
   }), _mediaUi.borderRadius, dimensions.width, dimensions.height);
 };
-exports.wrapperStyles = wrapperStyles;
-var animatedWrapperStyles = function animatedWrapperStyles(props) {
-  return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  > span {\n    animation: ", " 0.8s infinite;\n  }\n"])), wrapperStyles(props), blinkLoadingAnimation);
-};
-exports.animatedWrapperStyles = animatedWrapperStyles;
+exports.wrapperStyles = wrapperStyles;

package/dist/cjs/utils/ufoExperiences.js

@@ -14,7 +14,7 @@ var _mediaClient = require("@atlaskit/media-client");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "75.0.0";
+var packageVersion = "76.0.0";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "75.0.0",
+	"version": "76.0.0",
 	"sideEffects": false
 }

package/dist/es2019/card/card.js

@@ -27,7 +27,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "75.0.0";
+const packageVersion = "76.0.0";
 export class CardBase extends Component {
   constructor(props) {
     super(props);

package/dist/es2019/card/cardState.js

@@ -18,7 +18,7 @@ export const createStateUpdater = (newState, fireErrorEvent) => prevState => {
   return newState;
 };
 export const getCardStateFromFileState = (fileState, isBannedLocalPreview, featureFlags) => {
-  const status = getCardStatus(fileState.status, extractFilePreviewStatus(fileState, isBannedLocalPreview, featureFlags), featureFlags);
+  const status = getCardStatus(fileState.status, extractFilePreviewStatus(fileState, isBannedLocalPreview, featureFlags));
   const error = status === 'error' && isErrorFileState(fileState) ? new MediaCardError('error-file-state', new Error(fileState.message)) : undefined;
   const progress = status === 'uploading' && fileState.status === 'uploading' ? fileState.progress : 1;
   return {