@atlaskit/media-card 74.5.0 → 74.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (267) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/card/actions.js +0 -5
  3. package/dist/cjs/card/card.js +126 -260
  4. package/dist/cjs/card/cardAnalytics.js +0 -18
  5. package/dist/cjs/card/cardImageView/cardImageViewWrapper.js +7 -16
  6. package/dist/cjs/card/cardImageView/cardOverlay/cardOverlayComponents.js +3 -15
  7. package/dist/cjs/card/cardImageView/cardOverlay/index.js +20 -52
  8. package/dist/cjs/card/cardImageView/cardOverlay/styles.js +1 -19
  9. package/dist/cjs/card/cardImageView/cardViewWrapper.js +7 -10
  10. package/dist/cjs/card/cardImageView/fileCardImageView.js +66 -111
  11. package/dist/cjs/card/cardImageView/index.js +0 -1
  12. package/dist/cjs/card/cardImageView/styles.js +0 -14
  13. package/dist/cjs/card/cardLoader.js +3 -20
  14. package/dist/cjs/card/cardState.js +0 -9
  15. package/dist/cjs/card/cardView.js +105 -198
  16. package/dist/cjs/card/getCardPreview/cache.js +0 -12
  17. package/dist/cjs/card/getCardPreview/filePreviewStatus.js +8 -16
  18. package/dist/cjs/card/getCardPreview/helpers.js +0 -39
  19. package/dist/cjs/card/getCardPreview/imageRefetchingAnalytics.js +0 -8
  20. package/dist/cjs/card/getCardPreview/index.js +16 -85
  21. package/dist/cjs/card/getCardStatus.js +5 -24
  22. package/dist/cjs/card/index.js +0 -2
  23. package/dist/cjs/card/inlinePlayer.js +19 -102
  24. package/dist/cjs/card/inlinePlayerLazy.js +0 -11
  25. package/dist/cjs/card/inlinePlayerWrapper.js +5 -8
  26. package/dist/cjs/card/media-card-analytics-error-boundary.js +6 -34
  27. package/dist/cjs/card/styles/animations.js +0 -5
  28. package/dist/cjs/card/styles/getSelectedBorderStyle.js +0 -4
  29. package/dist/cjs/card/styles/index.js +0 -14
  30. package/dist/cjs/card/styles/mixins.js +0 -11
  31. package/dist/cjs/card/styles/styles.js +4 -20
  32. package/dist/cjs/card/ui/actionsBar/actionsBar.js +2 -20
  33. package/dist/cjs/card/ui/actionsBar/actionsBarWrapper.js +1 -4
  34. package/dist/cjs/card/ui/actionsBar/styles.js +0 -8
  35. package/dist/cjs/card/ui/blanket/blanket.js +1 -4
  36. package/dist/cjs/card/ui/blanket/styles.js +0 -9
  37. package/dist/cjs/card/ui/common.js +0 -8
  38. package/dist/cjs/card/ui/iconMessage/iconMessageWrapper.js +2 -5
  39. package/dist/cjs/card/ui/iconMessage/index.js +4 -22
  40. package/dist/cjs/card/ui/iconMessage/styles.js +1 -10
  41. package/dist/cjs/card/ui/iconWrapper/iconWrapper.js +2 -5
  42. package/dist/cjs/card/ui/iconWrapper/styles.js +3 -11
  43. package/dist/cjs/card/ui/imageRenderer/imageRenderer.js +8 -21
  44. package/dist/cjs/card/ui/loadingRateLimited/styles.js +1 -10
  45. package/dist/cjs/card/ui/newFileExperience/newFileExperienceWrapper.js +14 -19
  46. package/dist/cjs/card/ui/newFileExperience/styles.js +10 -26
  47. package/dist/cjs/card/ui/playButton/playButton.js +0 -7
  48. package/dist/cjs/card/ui/playButton/playButtonBackground.js +1 -4
  49. package/dist/cjs/card/ui/playButton/playButtonWrapper.js +1 -4
  50. package/dist/cjs/card/ui/playButton/styles.js +0 -6
  51. package/dist/cjs/card/ui/progressBar/progressBar.js +6 -14
  52. package/dist/cjs/card/ui/progressBar/styledBar.js +4 -7
  53. package/dist/cjs/card/ui/progressBar/styles.js +4 -18
  54. package/dist/cjs/card/ui/styles.js +12 -46
  55. package/dist/cjs/card/ui/tickBox/styles.js +0 -11
  56. package/dist/cjs/card/ui/tickBox/tickBox.js +0 -6
  57. package/dist/cjs/card/ui/tickBox/tickBoxWrapper.js +1 -4
  58. package/dist/cjs/card/ui/titleBox/failedTitleBox.js +2 -11
  59. package/dist/cjs/card/ui/titleBox/styles.js +4 -19
  60. package/dist/cjs/card/ui/titleBox/titleBox.js +9 -21
  61. package/dist/cjs/card/ui/titleBox/titleBoxComponents.js +2 -14
  62. package/dist/cjs/card/ui/unhandledErrorCard/index.js +6 -36
  63. package/dist/cjs/classnames.js +0 -1
  64. package/dist/cjs/errors.js +7 -66
  65. package/dist/cjs/index.js +0 -8
  66. package/dist/cjs/inline/index.js +0 -2
  67. package/dist/cjs/inline/loader.js +2 -43
  68. package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js +4 -29
  69. package/dist/cjs/inline/mediaInlineCard.js +21 -57
  70. package/dist/cjs/types.js +0 -2
  71. package/dist/cjs/utils/analytics.js +0 -49
  72. package/dist/cjs/utils/breakpoint.js +0 -10
  73. package/dist/cjs/utils/cardActions/cardActionButton.js +1 -4
  74. package/dist/cjs/utils/cardActions/cardActionIconButton.js +7 -29
  75. package/dist/cjs/utils/cardActions/cardActionsDropdownMenu.js +6 -35
  76. package/dist/cjs/utils/cardActions/cardActionsView.js +7 -34
  77. package/dist/cjs/utils/cardActions/index.js +0 -4
  78. package/dist/cjs/utils/cardActions/styles.js +0 -13
  79. package/dist/cjs/utils/cardDimensions.js +5 -22
  80. package/dist/cjs/utils/containsPixelUnit.js +0 -2
  81. package/dist/cjs/utils/dimensionComparer.js +0 -8
  82. package/dist/cjs/utils/document.js +0 -4
  83. package/dist/cjs/utils/errorIcon/index.js +0 -18
  84. package/dist/cjs/utils/errorIcon/styles.js +0 -5
  85. package/dist/cjs/utils/fileIcon/index.js +3 -21
  86. package/dist/cjs/utils/fileIcon/styles.js +0 -6
  87. package/dist/cjs/utils/generateUniqueId.js +0 -2
  88. package/dist/cjs/utils/getCSSUnitValue.js +0 -1
  89. package/dist/cjs/utils/getDataURIDimension.js +0 -13
  90. package/dist/cjs/utils/getElementDimension.js +0 -2
  91. package/dist/cjs/utils/getErrorMessage.js +0 -6
  92. package/dist/cjs/utils/getMediaCardCursor.js +1 -6
  93. package/dist/cjs/utils/globalScope/getSSRData.js +0 -5
  94. package/dist/cjs/utils/globalScope/globalScope.js +8 -25
  95. package/dist/cjs/utils/globalScope/index.js +0 -2
  96. package/dist/cjs/utils/index.js +0 -12
  97. package/dist/cjs/utils/isRetina.js +0 -1
  98. package/dist/cjs/utils/isValidPercentageUnit.js +0 -2
  99. package/dist/cjs/utils/lightCards/cardError.js +0 -21
  100. package/dist/cjs/utils/lightCards/cardLoading.js +3 -27
  101. package/dist/cjs/utils/lightCards/getDimensionsWithDefault.js +0 -2
  102. package/dist/cjs/utils/lightCards/lightCardWrappers.js +1 -9
  103. package/dist/cjs/utils/lightCards/styles.js +1 -13
  104. package/dist/cjs/utils/metadata.js +0 -7
  105. package/dist/cjs/utils/objectURLCache.js +0 -22
  106. package/dist/cjs/utils/preventClickThrough.js +0 -5
  107. package/dist/cjs/utils/printScript.js +0 -10
  108. package/dist/cjs/utils/progressBar/index.js +0 -17
  109. package/dist/cjs/utils/progressBar/styles.js +0 -6
  110. package/dist/cjs/utils/resizeModeToMediaImageProps.js +0 -1
  111. package/dist/cjs/utils/shouldDisplayImageThumbnail.js +0 -5
  112. package/dist/cjs/utils/ufoExperiences.js +1 -21
  113. package/dist/cjs/utils/videoSnapshot.js +2 -11
  114. package/dist/cjs/utils/viewportDetector.js +5 -24
  115. package/dist/cjs/version.json +1 -1
  116. package/dist/es2019/card/actions.js +2 -1
  117. package/dist/es2019/card/card.js +26 -121
  118. package/dist/es2019/card/cardAnalytics.js +0 -5
  119. package/dist/es2019/card/cardImageView/cardOverlay/index.js +2 -16
  120. package/dist/es2019/card/cardImageView/cardOverlay/styles.js +1 -2
  121. package/dist/es2019/card/cardImageView/fileCardImageView.js +3 -36
  122. package/dist/es2019/card/cardImageView/styles.js +0 -3
  123. package/dist/es2019/card/cardLoader.js +3 -14
  124. package/dist/es2019/card/cardState.js +1 -2
  125. package/dist/es2019/card/cardView.js +24 -68
  126. package/dist/es2019/card/getCardPreview/cache.js +0 -4
  127. package/dist/es2019/card/getCardPreview/filePreviewStatus.js +8 -5
  128. package/dist/es2019/card/getCardPreview/helpers.js +0 -9
  129. package/dist/es2019/card/getCardPreview/imageRefetchingAnalytics.js +0 -3
  130. package/dist/es2019/card/getCardPreview/index.js +16 -30
  131. package/dist/es2019/card/getCardStatus.js +2 -15
  132. package/dist/es2019/card/inlinePlayer.js +2 -35
  133. package/dist/es2019/card/inlinePlayerLazy.js +1 -2
  134. package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -15
  135. package/dist/es2019/card/styles/getSelectedBorderStyle.js +1 -1
  136. package/dist/es2019/card/styles/styles.js +0 -3
  137. package/dist/es2019/card/ui/actionsBar/actionsBar.js +0 -3
  138. package/dist/es2019/card/ui/common.js +0 -2
  139. package/dist/es2019/card/ui/iconMessage/styles.js +0 -2
  140. package/dist/es2019/card/ui/iconWrapper/styles.js +2 -2
  141. package/dist/es2019/card/ui/imageRenderer/imageRenderer.js +0 -3
  142. package/dist/es2019/card/ui/progressBar/styles.js +1 -3
  143. package/dist/es2019/card/ui/styles.js +3 -4
  144. package/dist/es2019/card/ui/titleBox/styles.js +2 -3
  145. package/dist/es2019/card/ui/unhandledErrorCard/index.js +0 -8
  146. package/dist/es2019/errors.js +8 -17
  147. package/dist/es2019/index.js +1 -0
  148. package/dist/es2019/inline/loader.js +1 -18
  149. package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js +1 -12
  150. package/dist/es2019/inline/mediaInlineCard.js +0 -15
  151. package/dist/es2019/types.js +1 -1
  152. package/dist/es2019/utils/analytics.js +0 -3
  153. package/dist/es2019/utils/breakpoint.js +0 -4
  154. package/dist/es2019/utils/cardActions/cardActionIconButton.js +3 -5
  155. package/dist/es2019/utils/cardActions/cardActionsDropdownMenu.js +0 -5
  156. package/dist/es2019/utils/cardActions/cardActionsView.js +0 -10
  157. package/dist/es2019/utils/cardActions/styles.js +0 -3
  158. package/dist/es2019/utils/cardDimensions.js +7 -14
  159. package/dist/es2019/utils/dimensionComparer.js +0 -3
  160. package/dist/es2019/utils/document.js +0 -2
  161. package/dist/es2019/utils/errorIcon/index.js +0 -3
  162. package/dist/es2019/utils/fileIcon/index.js +0 -1
  163. package/dist/es2019/utils/getDataURIDimension.js +0 -4
  164. package/dist/es2019/utils/getMediaCardCursor.js +1 -4
  165. package/dist/es2019/utils/globalScope/getSSRData.js +0 -2
  166. package/dist/es2019/utils/globalScope/globalScope.js +3 -10
  167. package/dist/es2019/utils/lightCards/cardError.js +0 -3
  168. package/dist/es2019/utils/lightCards/cardLoading.js +0 -3
  169. package/dist/es2019/utils/lightCards/lightCardWrappers.js +0 -1
  170. package/dist/es2019/utils/metadata.js +0 -5
  171. package/dist/es2019/utils/objectURLCache.js +0 -10
  172. package/dist/es2019/utils/printScript.js +0 -3
  173. package/dist/es2019/utils/progressBar/index.js +0 -2
  174. package/dist/es2019/utils/shouldDisplayImageThumbnail.js +0 -2
  175. package/dist/es2019/utils/ufoExperiences.js +5 -10
  176. package/dist/es2019/utils/videoSnapshot.js +2 -4
  177. package/dist/es2019/utils/viewportDetector.js +0 -5
  178. package/dist/es2019/version.json +1 -1
  179. package/dist/esm/card/actions.js +0 -3
  180. package/dist/esm/card/card.js +126 -254
  181. package/dist/esm/card/cardAnalytics.js +0 -6
  182. package/dist/esm/card/cardImageView/cardImageViewWrapper.js +6 -6
  183. package/dist/esm/card/cardImageView/cardOverlay/cardOverlayComponents.js +2 -2
  184. package/dist/esm/card/cardImageView/cardOverlay/index.js +22 -37
  185. package/dist/esm/card/cardImageView/cardOverlay/styles.js +2 -6
  186. package/dist/esm/card/cardImageView/cardViewWrapper.js +6 -6
  187. package/dist/esm/card/cardImageView/fileCardImageView.js +66 -104
  188. package/dist/esm/card/cardImageView/styles.js +0 -5
  189. package/dist/esm/card/cardLoader.js +6 -17
  190. package/dist/esm/card/cardState.js +1 -2
  191. package/dist/esm/card/cardView.js +105 -171
  192. package/dist/esm/card/getCardPreview/cache.js +0 -7
  193. package/dist/esm/card/getCardPreview/filePreviewStatus.js +11 -11
  194. package/dist/esm/card/getCardPreview/helpers.js +0 -28
  195. package/dist/esm/card/getCardPreview/imageRefetchingAnalytics.js +0 -3
  196. package/dist/esm/card/getCardPreview/index.js +16 -53
  197. package/dist/esm/card/getCardStatus.js +5 -20
  198. package/dist/esm/card/inlinePlayer.js +19 -85
  199. package/dist/esm/card/inlinePlayerLazy.js +1 -5
  200. package/dist/esm/card/inlinePlayerWrapper.js +4 -4
  201. package/dist/esm/card/media-card-analytics-error-boundary.js +6 -28
  202. package/dist/esm/card/styles/animations.js +0 -2
  203. package/dist/esm/card/styles/getSelectedBorderStyle.js +1 -1
  204. package/dist/esm/card/styles/index.js +0 -2
  205. package/dist/esm/card/styles/styles.js +4 -9
  206. package/dist/esm/card/ui/actionsBar/actionsBar.js +2 -12
  207. package/dist/esm/card/ui/actionsBar/styles.js +0 -2
  208. package/dist/esm/card/ui/blanket/styles.js +0 -2
  209. package/dist/esm/card/ui/common.js +0 -4
  210. package/dist/esm/card/ui/iconMessage/iconMessageWrapper.js +1 -1
  211. package/dist/esm/card/ui/iconMessage/index.js +4 -4
  212. package/dist/esm/card/ui/iconMessage/styles.js +1 -5
  213. package/dist/esm/card/ui/iconWrapper/iconWrapper.js +1 -1
  214. package/dist/esm/card/ui/iconWrapper/styles.js +3 -5
  215. package/dist/esm/card/ui/imageRenderer/imageRenderer.js +8 -11
  216. package/dist/esm/card/ui/loadingRateLimited/styles.js +1 -3
  217. package/dist/esm/card/ui/newFileExperience/newFileExperienceWrapper.js +13 -13
  218. package/dist/esm/card/ui/newFileExperience/styles.js +10 -12
  219. package/dist/esm/card/ui/playButton/styles.js +0 -2
  220. package/dist/esm/card/ui/progressBar/progressBar.js +6 -6
  221. package/dist/esm/card/ui/progressBar/styledBar.js +3 -3
  222. package/dist/esm/card/ui/progressBar/styles.js +4 -8
  223. package/dist/esm/card/ui/styles.js +12 -20
  224. package/dist/esm/card/ui/tickBox/styles.js +0 -2
  225. package/dist/esm/card/ui/titleBox/failedTitleBox.js +2 -2
  226. package/dist/esm/card/ui/titleBox/styles.js +4 -7
  227. package/dist/esm/card/ui/titleBox/titleBox.js +9 -11
  228. package/dist/esm/card/ui/titleBox/titleBoxComponents.js +1 -1
  229. package/dist/esm/card/ui/unhandledErrorCard/index.js +6 -24
  230. package/dist/esm/errors.js +8 -40
  231. package/dist/esm/index.js +1 -0
  232. package/dist/esm/inline/loader.js +3 -40
  233. package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js +4 -23
  234. package/dist/esm/inline/mediaInlineCard.js +21 -40
  235. package/dist/esm/types.js +1 -1
  236. package/dist/esm/utils/analytics.js +0 -6
  237. package/dist/esm/utils/breakpoint.js +0 -5
  238. package/dist/esm/utils/cardActions/cardActionIconButton.js +7 -18
  239. package/dist/esm/utils/cardActions/cardActionsDropdownMenu.js +6 -19
  240. package/dist/esm/utils/cardActions/cardActionsView.js +7 -22
  241. package/dist/esm/utils/cardActions/styles.js +0 -5
  242. package/dist/esm/utils/cardDimensions.js +7 -14
  243. package/dist/esm/utils/dimensionComparer.js +0 -3
  244. package/dist/esm/utils/document.js +0 -2
  245. package/dist/esm/utils/errorIcon/index.js +0 -9
  246. package/dist/esm/utils/errorIcon/styles.js +0 -2
  247. package/dist/esm/utils/fileIcon/index.js +3 -11
  248. package/dist/esm/utils/fileIcon/styles.js +0 -2
  249. package/dist/esm/utils/getDataURIDimension.js +0 -4
  250. package/dist/esm/utils/getMediaCardCursor.js +1 -4
  251. package/dist/esm/utils/globalScope/getSSRData.js +0 -2
  252. package/dist/esm/utils/globalScope/globalScope.js +8 -15
  253. package/dist/esm/utils/lightCards/cardError.js +0 -9
  254. package/dist/esm/utils/lightCards/cardLoading.js +3 -13
  255. package/dist/esm/utils/lightCards/lightCardWrappers.js +0 -1
  256. package/dist/esm/utils/lightCards/styles.js +1 -3
  257. package/dist/esm/utils/metadata.js +0 -5
  258. package/dist/esm/utils/objectURLCache.js +0 -15
  259. package/dist/esm/utils/printScript.js +0 -5
  260. package/dist/esm/utils/progressBar/index.js +0 -9
  261. package/dist/esm/utils/progressBar/styles.js +0 -2
  262. package/dist/esm/utils/shouldDisplayImageThumbnail.js +0 -2
  263. package/dist/esm/utils/ufoExperiences.js +1 -12
  264. package/dist/esm/utils/videoSnapshot.js +2 -6
  265. package/dist/esm/utils/viewportDetector.js +5 -16
  266. package/dist/esm/version.json +1 -1
  267. package/package.json +2 -2
@@ -1,17 +1,12 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.errorIconWrapperStyles = void 0;
9
-
10
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
-
12
9
  var _react = require("@emotion/react");
13
-
14
10
  var _templateObject;
15
-
16
11
  var errorIconWrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n color: ", ";\n"])), "var(--ds-icon-warning, #ff991f)");
17
12
  exports.errorIconWrapperStyles = errorIconWrapperStyles;
@@ -1,53 +1,36 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.FileIcon = void 0;
9
-
10
8
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
9
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
10
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
-
16
11
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
17
-
18
12
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
-
20
13
  var _react = require("@emotion/react");
21
-
22
14
  var _react2 = require("react");
23
-
24
15
  var _mediaTypeIcon = require("@atlaskit/media-ui/media-type-icon");
25
-
26
16
  var _styles = require("./styles");
27
-
28
17
  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); }; }
29
-
30
18
  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; } }
31
-
32
19
  var fileTypeIconClass = 'file-type-icon';
33
-
34
20
  var FileIcon = /*#__PURE__*/function (_Component) {
35
21
  (0, _inherits2.default)(FileIcon, _Component);
36
-
37
22
  var _super = _createSuper(FileIcon);
38
-
39
23
  function FileIcon() {
40
24
  (0, _classCallCheck2.default)(this, FileIcon);
41
25
  return _super.apply(this, arguments);
42
26
  }
43
-
44
27
  (0, _createClass2.default)(FileIcon, [{
45
28
  key: "render",
46
29
  value: function render() {
47
30
  var _this$props = this.props,
48
- mediaType = _this$props.mediaType,
49
- iconUrl = _this$props.iconUrl,
50
- style = _this$props.style;
31
+ mediaType = _this$props.mediaType,
32
+ iconUrl = _this$props.iconUrl,
33
+ style = _this$props.style;
51
34
  var type = mediaType || 'unknown';
52
35
  var defaultIcon = (0, _react.jsx)(_mediaTypeIcon.MediaTypeIcon, {
53
36
  type: mediaType,
@@ -68,5 +51,4 @@ var FileIcon = /*#__PURE__*/function (_Component) {
68
51
  }]);
69
52
  return FileIcon;
70
53
  }(_react2.Component);
71
-
72
54
  exports.FileIcon = FileIcon;
@@ -1,19 +1,13 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.fileTypeIconStyles = void 0;
9
-
10
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
-
12
9
  var _react = require("@emotion/react");
13
-
14
10
  var _mediaUi = require("@atlaskit/media-ui");
15
-
16
11
  var _templateObject;
17
-
18
12
  var fileTypeIconStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n float: left;\n margin-right: 6px;\n position: relative;\n top: 1px;\n img {\n ", ";\n }\n"])), (0, _mediaUi.size)('12px !important'));
19
13
  exports.fileTypeIconStyles = fileTypeIconStyles;
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.generateUniqueId = void 0;
7
-
8
7
  var generateUniqueId = function generateUniqueId() {
9
8
  return (performance.now().toString(36) + Math.random().toString(36)).replace(/\./g, '');
10
9
  };
11
-
12
10
  exports.generateUniqueId = generateUniqueId;
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getCSSUnitValue = getCSSUnitValue;
7
-
8
7
  function getCSSUnitValue(value) {
9
8
  return typeof value === 'string' ? value : "".concat(value, "px");
10
9
  }
@@ -4,38 +4,26 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getRequestedDimensions = exports.getDataURIDimension = void 0;
7
-
8
7
  var _isRetina = require("./isRetina");
9
-
10
8
  var _getElementDimension = require("./getElementDimension");
11
-
12
9
  var _cardDimensions = require("./cardDimensions");
13
-
14
10
  var _isValidPercentageUnit = require("./isValidPercentageUnit");
15
-
16
11
  var _containsPixelUnit = require("./containsPixelUnit");
17
-
18
12
  var getDataURIDimension = function getDataURIDimension(dimension, options) {
19
13
  var retinaFactor = (0, _isRetina.isRetina)() ? 2 : 1;
20
14
  var dimensionValue = options.dimensions && options.dimensions[dimension] || '';
21
-
22
15
  if ((0, _isValidPercentageUnit.isValidPercentageUnit)(dimensionValue) && options.element) {
23
16
  return (0, _getElementDimension.getElementDimension)(options.element, dimension) * retinaFactor;
24
17
  }
25
-
26
18
  if (typeof dimensionValue === 'number') {
27
19
  return dimensionValue * retinaFactor;
28
20
  }
29
-
30
21
  if ((0, _containsPixelUnit.containsPixelUnit)("".concat(dimensionValue))) {
31
22
  return parseInt("".concat(dimensionValue), 10) * retinaFactor;
32
23
  }
33
-
34
24
  return _cardDimensions.defaultImageCardDimensions[dimension] * retinaFactor;
35
25
  };
36
-
37
26
  exports.getDataURIDimension = getDataURIDimension;
38
-
39
27
  var getRequestedDimensions = function getRequestedDimensions(options) {
40
28
  var width = getDataURIDimension('width', options);
41
29
  var height = getDataURIDimension('height', options);
@@ -44,5 +32,4 @@ var getRequestedDimensions = function getRequestedDimensions(options) {
44
32
  height: height
45
33
  };
46
34
  };
47
-
48
35
  exports.getRequestedDimensions = getRequestedDimensions;
@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getElementDimension = void 0;
7
-
8
7
  var getElementDimension = function getElementDimension(element, dimension) {
9
8
  var dimensionValue = element.getBoundingClientRect()[dimension];
10
9
  return Math.round(dimensionValue);
11
10
  };
12
-
13
11
  exports.getElementDimension = getElementDimension;
@@ -1,20 +1,14 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.getErrorMessage = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _reactIntlNext = require("react-intl-next");
13
-
14
10
  var _mediaUi = require("@atlaskit/media-ui");
15
-
16
11
  var getErrorMessage = function getErrorMessage(status) {
17
12
  return status === 'error' && /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.failed_to_load);
18
13
  };
19
-
20
14
  exports.getErrorMessage = getErrorMessage;
@@ -4,29 +4,24 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getMediaCardCursor = void 0;
7
-
8
7
  var _types = require("../types");
9
-
10
8
  /**
11
9
  * When the returned value is undefined, we'd expect the media card to take the parent's cursor style.
12
10
  */
11
+
13
12
  var getMediaCardCursor = function getMediaCardCursor(useInlinePlayer, useMediaViewer, isErrorStatus, hasCardPreview, mediaType) {
14
13
  // If error status or no action is requested = NoAction
15
14
  if (isErrorStatus || !useInlinePlayer && !useMediaViewer) {
16
15
  return;
17
16
  }
18
-
19
17
  if (!mediaType && (useInlinePlayer || useInlinePlayer && useMediaViewer)) {
20
18
  return _types.MediaCardCursor.NotReady;
21
19
  } else if (mediaType === 'video' && hasCardPreview && useInlinePlayer) {
22
20
  return _types.MediaCardCursor.Action;
23
21
  }
24
-
25
22
  if (useMediaViewer) {
26
23
  return _types.MediaCardCursor.Action;
27
24
  }
28
-
29
25
  return;
30
26
  };
31
-
32
27
  exports.getMediaCardCursor = getMediaCardCursor;
@@ -4,17 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getSSRData = void 0;
7
-
8
7
  var _globalScope = require("./globalScope");
9
-
10
8
  var getSSRData = function getSSRData(identifier) {
11
9
  var mediaCardSsr = (0, _globalScope.getMediaCardSSR)();
12
-
13
10
  if (!mediaCardSsr) {
14
11
  return;
15
12
  }
16
-
17
13
  return mediaCardSsr[(0, _globalScope.getKey)(identifier)];
18
14
  };
19
-
20
15
  exports.getSSRData = getSSRData;
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -9,59 +8,47 @@ exports.getKey = exports.StoreSSRDataScript = exports.GLOBAL_MEDIA_NAMESPACE = e
9
8
  exports.getMediaCardSSR = getMediaCardSSR;
10
9
  exports.getMediaGlobalScope = getMediaGlobalScope;
11
10
  exports.storeDataURI = void 0;
12
-
13
11
  var _react = _interopRequireDefault(require("react"));
14
-
15
12
  var _printScript = require("../printScript");
16
-
17
13
  // ----- WARNING -----
18
14
  // This is a very sensitive fraction of code.
19
15
  // Any changes to this file must be tested directly in product before merging.
20
16
  // The scripts printed here might differ from what we observe in our internal tests
21
17
  // due to minimification, for example.
18
+
22
19
  var GLOBAL_MEDIA_CARD_SSR = 'mediaCardSsr';
23
20
  exports.GLOBAL_MEDIA_CARD_SSR = GLOBAL_MEDIA_CARD_SSR;
24
21
  var GLOBAL_MEDIA_NAMESPACE = '__MEDIA_INTERNAL';
25
22
  exports.GLOBAL_MEDIA_NAMESPACE = GLOBAL_MEDIA_NAMESPACE;
26
-
27
23
  function getMediaGlobalScope() {
28
24
  var globalScope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
29
25
  // Must match GLOBAL_MEDIA_NAMESPACE. Can't reference the constant from here.
30
26
  var namespace = '__MEDIA_INTERNAL';
31
-
32
27
  if (!globalScope[namespace]) {
33
28
  globalScope[namespace] = {};
34
29
  }
35
-
36
30
  return globalScope[namespace];
37
31
  }
38
-
39
32
  function getMediaCardSSR() {
40
33
  var globalScope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
41
- var globalMedia = getMediaGlobalScope(globalScope); // Must match GLOBAL_MEDIA_CARD_SSR. Can't reference the constant from here.
42
-
34
+ var globalMedia = getMediaGlobalScope(globalScope);
35
+ // Must match GLOBAL_MEDIA_CARD_SSR. Can't reference the constant from here.
43
36
  var key = 'mediaCardSsr';
44
-
45
37
  if (!globalMedia[key]) {
46
38
  globalMedia[key] = {};
47
39
  }
48
-
49
40
  return globalMedia[key];
50
41
  }
51
-
52
42
  var dashed = function dashed(param) {
53
43
  return param ? "-".concat(param) : '';
54
44
  };
55
-
56
45
  var getKey = function getKey(_ref) {
57
46
  var id = _ref.id,
58
- collectionName = _ref.collectionName,
59
- occurrenceKey = _ref.occurrenceKey;
47
+ collectionName = _ref.collectionName,
48
+ occurrenceKey = _ref.occurrenceKey;
60
49
  return "".concat(id).concat(dashed(collectionName)).concat(dashed(occurrenceKey));
61
50
  };
62
-
63
51
  exports.getKey = getKey;
64
-
65
52
  var storeDataURI = function storeDataURI(key, dataURI, dimensions, error) {
66
53
  var globalScope = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : window;
67
54
  var mediaCardSsr = getMediaCardSSR(globalScope);
@@ -71,24 +58,20 @@ var storeDataURI = function storeDataURI(key, dataURI, dimensions, error) {
71
58
  error: error
72
59
  };
73
60
  };
74
-
75
61
  exports.storeDataURI = storeDataURI;
76
-
77
62
  var generateScript = function generateScript(identifier, dataURI, dimensions, error) {
78
63
  var functionCall = (0, _printScript.printFunctionCall)(storeDataURI, getKey(identifier), dataURI, dimensions, error);
79
64
  return (0, _printScript.printScript)([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
80
65
  };
81
-
82
66
  var StoreSSRDataScript = function StoreSSRDataScript(_ref2) {
83
67
  var dataURI = _ref2.dataURI,
84
- identifier = _ref2.identifier,
85
- dimensions = _ref2.dimensions,
86
- error = _ref2.error;
68
+ identifier = _ref2.identifier,
69
+ dimensions = _ref2.dimensions,
70
+ error = _ref2.error;
87
71
  return /*#__PURE__*/_react.default.createElement("script", {
88
72
  dangerouslySetInnerHTML: {
89
73
  __html: generateScript(identifier, dataURI, dimensions, error)
90
74
  }
91
75
  });
92
76
  };
93
-
94
77
  exports.StoreSSRDataScript = StoreSSRDataScript;
@@ -33,7 +33,5 @@ Object.defineProperty(exports, "getSSRData", {
33
33
  return _getSSRData.getSSRData;
34
34
  }
35
35
  });
36
-
37
36
  var _globalScope = require("./globalScope");
38
-
39
37
  var _getSSRData = require("./getSSRData");
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime/helpers/typeof");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -173,25 +172,14 @@ Object.defineProperty(exports, "minSquareCardDimensions", {
173
172
  return _cardDimensions.minSquareCardDimensions;
174
173
  }
175
174
  });
176
-
177
175
  var _errorIcon = require("./errorIcon");
178
-
179
176
  var _fileIcon = require("./fileIcon");
180
-
181
177
  var _cardActions = _interopRequireWildcard(require("./cardActions"));
182
-
183
178
  var _isRetina = require("./isRetina");
184
-
185
179
  var _cardDimensions = require("./cardDimensions");
186
-
187
180
  var _breakpoint = require("./breakpoint");
188
-
189
181
  var _isValidPercentageUnit = require("./isValidPercentageUnit");
190
-
191
182
  var _getElementDimension = require("./getElementDimension");
192
-
193
183
  var _containsPixelUnit = require("./containsPixelUnit");
194
-
195
184
  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); }
196
-
197
185
  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; }
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.isRetina = isRetina;
7
-
8
7
  function isRetina() {
9
8
  var mediaQuery = '(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)';
10
9
  return window.devicePixelRatio > 1 || window.matchMedia && window.matchMedia(mediaQuery).matches;
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.isValidPercentageUnit = void 0;
7
-
8
7
  // Utility used to know if the integrator is using percentage values
9
8
  var isValidPercentageUnit = function isValidPercentageUnit(value) {
10
9
  var valueString = "".concat(value);
11
10
  return valueString[valueString.length - 1] === '%' && !isNaN(+valueString.slice(0, -1));
12
11
  };
13
-
14
12
  exports.isValidPercentageUnit = isValidPercentageUnit;
@@ -1,52 +1,32 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.CardError = void 0;
11
-
12
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
-
14
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
15
-
16
11
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
-
18
12
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
-
20
13
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
-
22
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
-
24
15
  var _react = _interopRequireWildcard(require("react"));
25
-
26
16
  var _errorIcon = require("../errorIcon");
27
-
28
17
  var _lightCardWrappers = require("./lightCardWrappers");
29
-
30
18
  var _getDimensionsWithDefault = require("./getDimensionsWithDefault");
31
-
32
19
  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); }
33
-
34
20
  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; }
35
-
36
21
  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); }; }
37
-
38
22
  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; } }
39
-
40
23
  var CardError = /*#__PURE__*/function (_Component) {
41
24
  (0, _inherits2.default)(CardError, _Component);
42
-
43
25
  var _super = _createSuper(CardError);
44
-
45
26
  function CardError() {
46
27
  (0, _classCallCheck2.default)(this, CardError);
47
28
  return _super.apply(this, arguments);
48
29
  }
49
-
50
30
  (0, _createClass2.default)(CardError, [{
51
31
  key: "render",
52
32
  value: function render() {
@@ -66,7 +46,6 @@ var CardError = /*#__PURE__*/function (_Component) {
66
46
  }]);
67
47
  return CardError;
68
48
  }(_react.Component);
69
-
70
49
  exports.CardError = CardError;
71
50
  (0, _defineProperty2.default)(CardError, "defaultProps", {
72
51
  size: 'medium'
@@ -1,63 +1,41 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.CardLoading = void 0;
11
-
12
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
-
14
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
15
-
16
11
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
-
18
12
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
-
20
13
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
-
22
14
  var _react = _interopRequireWildcard(require("react"));
23
-
24
15
  var _getDimensionsWithDefault = require("./getDimensionsWithDefault");
25
-
26
16
  var _lightCardWrappers = require("./lightCardWrappers");
27
-
28
17
  var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
29
-
30
18
  var _file = _interopRequireDefault(require("@atlaskit/icon/glyph/file"));
31
-
32
19
  var _mediaCommon = require("@atlaskit/media-common");
33
-
34
20
  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); }
35
-
36
21
  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; }
37
-
38
22
  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); }; }
39
-
40
23
  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; } }
41
-
42
24
  var CardLoading = /*#__PURE__*/function (_Component) {
43
25
  (0, _inherits2.default)(CardLoading, _Component);
44
-
45
26
  var _super = _createSuper(CardLoading);
46
-
47
27
  function CardLoading() {
48
28
  (0, _classCallCheck2.default)(this, CardLoading);
49
29
  return _super.apply(this, arguments);
50
30
  }
51
-
52
31
  (0, _createClass2.default)(CardLoading, [{
53
32
  key: "render",
54
33
  value: function render() {
55
34
  var _this$props = this.props,
56
- dimensionsProp = _this$props.dimensions,
57
- testId = _this$props.testId,
58
- featureFlags = _this$props.featureFlags;
35
+ dimensionsProp = _this$props.dimensions,
36
+ testId = _this$props.testId,
37
+ featureFlags = _this$props.featureFlags;
59
38
  var dimensions = (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensionsProp);
60
-
61
39
  if ((0, _mediaCommon.getMediaFeatureFlag)('newCardExperience', featureFlags)) {
62
40
  return /*#__PURE__*/_react.default.createElement(_lightCardWrappers.Wrapper, {
63
41
  "data-testid": testId || 'media-card-loading',
@@ -65,7 +43,6 @@ var CardLoading = /*#__PURE__*/function (_Component) {
65
43
  dimensions: dimensions
66
44
  }, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
67
45
  }
68
-
69
46
  return /*#__PURE__*/_react.default.createElement(_lightCardWrappers.AnimatedWrapper, {
70
47
  "data-testid": testId || 'media-card-loading',
71
48
  "data-test-loading": true,
@@ -78,5 +55,4 @@ var CardLoading = /*#__PURE__*/function (_Component) {
78
55
  }]);
79
56
  return CardLoading;
80
57
  }(_react.Component);
81
-
82
58
  exports.CardLoading = CardLoading;
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getDimensionsWithDefault = void 0;
7
-
8
7
  var getDimensionsWithDefault = function getDimensionsWithDefault() {
9
8
  var dimensions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
10
9
  width: '100%',
@@ -15,5 +14,4 @@ var getDimensionsWithDefault = function getDimensionsWithDefault() {
15
14
  width: typeof dimensions.width === 'number' ? "".concat(dimensions.width, "px") : dimensions.width
16
15
  };
17
16
  };
18
-
19
17
  exports.getDimensionsWithDefault = getDimensionsWithDefault;
@@ -1,21 +1,16 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.Wrapper = exports.AnimatedWrapper = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _react = require("@emotion/react");
13
-
14
10
  var _styles = require("./styles");
15
-
16
11
  var _components = require("@atlaskit/theme/components");
17
-
18
12
  /**@jsx jsx */
13
+
19
14
  var Wrapper = function Wrapper(props) {
20
15
  var theme = (0, _components.useGlobalTheme)();
21
16
  return (0, _react.jsx)("div", (0, _extends2.default)({
@@ -25,9 +20,7 @@ var Wrapper = function Wrapper(props) {
25
20
  })
26
21
  }, props), props.children);
27
22
  };
28
-
29
23
  exports.Wrapper = Wrapper;
30
-
31
24
  var AnimatedWrapper = function AnimatedWrapper(props) {
32
25
  var theme = (0, _components.useGlobalTheme)();
33
26
  return (0, _react.jsx)("div", (0, _extends2.default)({
@@ -37,5 +30,4 @@ var AnimatedWrapper = function AnimatedWrapper(props) {
37
30
  })
38
31
  }, props), props.children);
39
32
  };
40
-
41
33
  exports.AnimatedWrapper = AnimatedWrapper;
@@ -1,30 +1,21 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.wrapperStyles = exports.blinkLoadingAnimation = exports.animatedWrapperStyles = void 0;
9
-
10
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
-
12
9
  var _react = require("@emotion/react");
13
-
14
10
  var _mediaUi = require("@atlaskit/media-ui");
15
-
16
11
  var _components = require("@atlaskit/theme/components");
17
-
18
12
  var _colors = require("@atlaskit/theme/colors");
19
-
20
13
  var _templateObject, _templateObject2, _templateObject3;
21
-
22
14
  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"])));
23
15
  exports.blinkLoadingAnimation = blinkLoadingAnimation;
24
-
25
16
  var wrapperStyles = function wrapperStyles(_ref) {
26
17
  var dimensions = _ref.dimensions,
27
- theme = _ref.theme;
18
+ theme = _ref.theme;
28
19
  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)({
29
20
  light: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),
30
21
  dark: "var(--ds-background-neutral, ".concat(_colors.DN50, ")")
@@ -37,11 +28,8 @@ var wrapperStyles = function wrapperStyles(_ref) {
37
28
  theme: theme
38
29
  }), _mediaUi.borderRadius, dimensions.width, dimensions.height);
39
30
  };
40
-
41
31
  exports.wrapperStyles = wrapperStyles;
42
-
43
32
  var animatedWrapperStyles = function animatedWrapperStyles(props) {
44
33
  return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n > span {\n animation: ", " 0.8s infinite;\n }\n"])), wrapperStyles(props), blinkLoadingAnimation);
45
34
  };
46
-
47
35
  exports.animatedWrapperStyles = animatedWrapperStyles;