@atlaskit/media-card 72.1.0 → 73.2.0

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 (165) hide show
  1. package/CHANGELOG.md +89 -0
  2. package/dist/cjs/actions.js +2 -2
  3. package/dist/cjs/errors.js +11 -7
  4. package/dist/cjs/files/cardImageView/cardOverlay/styled.js +1 -1
  5. package/dist/cjs/files/cardImageView/index.js +52 -42
  6. package/dist/cjs/files/cardImageView/styled.js +1 -1
  7. package/dist/cjs/index.js +8 -8
  8. package/dist/cjs/root/card/cardAnalytics.js +2 -2
  9. package/dist/cjs/root/card/cardState.js +2 -2
  10. package/dist/cjs/root/card/getCardPreview/cache.js +5 -5
  11. package/dist/cjs/root/card/getCardPreview/filePreviewStatus.js +4 -1
  12. package/dist/cjs/root/card/getCardPreview/helpers.js +1 -1
  13. package/dist/cjs/root/card/getCardPreview/index.js +18 -9
  14. package/dist/cjs/root/card/getCardStatus.js +1 -1
  15. package/dist/cjs/root/card/index.js +279 -159
  16. package/dist/cjs/root/cardView.js +130 -118
  17. package/dist/cjs/root/inline/loader.js +45 -14
  18. package/dist/cjs/root/inline/mediaInlineCard.js +24 -9
  19. package/dist/cjs/root/inlinePlayer.js +80 -25
  20. package/dist/cjs/root/styled.js +7 -3
  21. package/dist/cjs/root/ui/actionsBar/styled.js +1 -1
  22. package/dist/cjs/root/ui/blanket/styled.js +1 -1
  23. package/dist/cjs/root/ui/common.js +1 -1
  24. package/dist/cjs/root/ui/iconMessage/index.js +5 -3
  25. package/dist/cjs/root/ui/iconWrapper/styled.js +1 -1
  26. package/dist/cjs/root/ui/imageRenderer/imageRenderer.js +14 -6
  27. package/dist/cjs/root/ui/loadingRateLimited/loadingRateLimited.js +4 -2
  28. package/dist/cjs/root/ui/loadingRateLimited/styled.js +2 -2
  29. package/dist/cjs/root/ui/playButton/styled.js +1 -1
  30. package/dist/cjs/root/ui/progressBar/progressBar.js +5 -2
  31. package/dist/cjs/root/ui/progressBar/styled.js +7 -6
  32. package/dist/cjs/root/ui/styled.js +6 -6
  33. package/dist/cjs/root/ui/tickBox/styled.js +1 -1
  34. package/dist/cjs/root/ui/titleBox/failedTitleBox.js +4 -2
  35. package/dist/cjs/root/ui/titleBox/styled.js +1 -1
  36. package/dist/cjs/root/ui/titleBox/titleBox.js +2 -2
  37. package/dist/cjs/styles/index.js +25 -23
  38. package/dist/cjs/styles/mixins.js +1 -1
  39. package/dist/cjs/types.js +10 -1
  40. package/dist/cjs/utils/analytics.js +24 -7
  41. package/dist/cjs/utils/breakpoint.js +1 -1
  42. package/dist/cjs/utils/cardActions/cardActionsDropdownMenu.js +3 -1
  43. package/dist/cjs/utils/cardActions/index.js +10 -10
  44. package/dist/cjs/utils/cardActions/styled.js +1 -1
  45. package/dist/cjs/utils/cardDimensions.js +1 -1
  46. package/dist/cjs/utils/dimensionComparer.js +7 -13
  47. package/dist/cjs/utils/getErrorMessage.js +2 -2
  48. package/dist/cjs/utils/getMediaCardCursor.js +29 -0
  49. package/dist/cjs/utils/globalScope/getSSRData.js +20 -0
  50. package/dist/cjs/utils/globalScope/globalScope.js +94 -0
  51. package/dist/cjs/utils/globalScope/index.js +39 -0
  52. package/dist/cjs/utils/globalScope/types.js +5 -0
  53. package/dist/cjs/utils/index.js +46 -46
  54. package/dist/cjs/utils/lightCards/styled.js +1 -1
  55. package/dist/cjs/utils/objectURLCache.js +1 -1
  56. package/dist/cjs/utils/printScript.js +44 -0
  57. package/dist/cjs/utils/viewportDetector.js +49 -22
  58. package/dist/cjs/version.json +1 -1
  59. package/dist/es2019/files/cardImageView/index.js +19 -5
  60. package/dist/es2019/root/card/cardAnalytics.js +1 -1
  61. package/dist/es2019/root/card/getCardPreview/filePreviewStatus.js +4 -1
  62. package/dist/es2019/root/card/getCardPreview/index.js +1 -0
  63. package/dist/es2019/root/card/index.js +150 -49
  64. package/dist/es2019/root/cardView.js +40 -30
  65. package/dist/es2019/root/inline/loader.js +15 -4
  66. package/dist/es2019/root/inline/mediaInlineCard.js +23 -8
  67. package/dist/es2019/root/inlinePlayer.js +59 -5
  68. package/dist/es2019/root/styled.js +2 -1
  69. package/dist/es2019/root/ui/iconMessage/index.js +3 -2
  70. package/dist/es2019/root/ui/imageRenderer/imageRenderer.js +14 -6
  71. package/dist/es2019/root/ui/loadingRateLimited/loadingRateLimited.js +3 -2
  72. package/dist/es2019/root/ui/loadingRateLimited/styled.js +1 -1
  73. package/dist/es2019/root/ui/progressBar/progressBar.js +4 -2
  74. package/dist/es2019/root/ui/progressBar/styled.js +6 -4
  75. package/dist/es2019/root/ui/styled.js +5 -5
  76. package/dist/es2019/root/ui/titleBox/failedTitleBox.js +3 -2
  77. package/dist/es2019/root/ui/titleBox/titleBox.js +1 -1
  78. package/dist/es2019/types.js +7 -1
  79. package/dist/es2019/utils/analytics.js +8 -3
  80. package/dist/es2019/utils/dimensionComparer.js +6 -13
  81. package/dist/es2019/utils/getErrorMessage.js +1 -1
  82. package/dist/es2019/utils/getMediaCardCursor.js +19 -0
  83. package/dist/es2019/utils/globalScope/getSSRData.js +10 -0
  84. package/dist/es2019/utils/globalScope/globalScope.js +62 -0
  85. package/dist/es2019/utils/globalScope/index.js +2 -0
  86. package/dist/es2019/utils/globalScope/types.js +1 -0
  87. package/dist/es2019/utils/printScript.js +19 -0
  88. package/dist/es2019/utils/viewportDetector.js +48 -18
  89. package/dist/es2019/version.json +1 -1
  90. package/dist/esm/actions.js +2 -2
  91. package/dist/esm/errors.js +6 -5
  92. package/dist/esm/files/cardImageView/index.js +53 -41
  93. package/dist/esm/root/card/cardAnalytics.js +1 -1
  94. package/dist/esm/root/card/cardState.js +2 -2
  95. package/dist/esm/root/card/getCardPreview/cache.js +3 -2
  96. package/dist/esm/root/card/getCardPreview/filePreviewStatus.js +4 -1
  97. package/dist/esm/root/card/getCardPreview/index.js +5 -2
  98. package/dist/esm/root/card/index.js +266 -145
  99. package/dist/esm/root/cardView.js +128 -117
  100. package/dist/esm/root/inline/loader.js +46 -14
  101. package/dist/esm/root/inline/mediaInlineCard.js +23 -8
  102. package/dist/esm/root/inlinePlayer.js +77 -24
  103. package/dist/esm/root/styled.js +3 -2
  104. package/dist/esm/root/ui/iconMessage/index.js +3 -2
  105. package/dist/esm/root/ui/imageRenderer/imageRenderer.js +14 -6
  106. package/dist/esm/root/ui/loadingRateLimited/loadingRateLimited.js +3 -2
  107. package/dist/esm/root/ui/loadingRateLimited/styled.js +1 -1
  108. package/dist/esm/root/ui/progressBar/progressBar.js +5 -2
  109. package/dist/esm/root/ui/progressBar/styled.js +6 -5
  110. package/dist/esm/root/ui/styled.js +5 -5
  111. package/dist/esm/root/ui/titleBox/failedTitleBox.js +3 -2
  112. package/dist/esm/root/ui/titleBox/titleBox.js +1 -1
  113. package/dist/esm/types.js +7 -1
  114. package/dist/esm/utils/analytics.js +17 -6
  115. package/dist/esm/utils/cardActions/cardActionsDropdownMenu.js +2 -1
  116. package/dist/esm/utils/dimensionComparer.js +8 -13
  117. package/dist/esm/utils/getErrorMessage.js +1 -1
  118. package/dist/esm/utils/getMediaCardCursor.js +19 -0
  119. package/dist/esm/utils/globalScope/getSSRData.js +10 -0
  120. package/dist/esm/utils/globalScope/globalScope.js +69 -0
  121. package/dist/esm/utils/globalScope/index.js +2 -0
  122. package/dist/esm/utils/globalScope/types.js +1 -0
  123. package/dist/esm/utils/printScript.js +30 -0
  124. package/dist/esm/utils/viewportDetector.js +48 -21
  125. package/dist/esm/version.json +1 -1
  126. package/dist/types/errors.d.ts +1 -1
  127. package/dist/types/files/cardImageView/index.d.ts +6 -2
  128. package/dist/types/index.d.ts +1 -0
  129. package/dist/types/root/card/cardLoader.d.ts +2 -2
  130. package/dist/types/root/card/getCardPreview/index.d.ts +1 -0
  131. package/dist/types/root/card/index.d.ts +10 -9
  132. package/dist/types/root/cardView.d.ts +10 -8
  133. package/dist/types/root/inline/loader.d.ts +2 -0
  134. package/dist/types/root/inline/mediaInlineCard.d.ts +3 -5
  135. package/dist/types/root/inlinePlayer.d.ts +10 -1
  136. package/dist/types/root/styled.d.ts +1 -0
  137. package/dist/types/root/ui/iconMessage/index.d.ts +2 -2
  138. package/dist/types/root/ui/imageRenderer/imageRenderer.d.ts +4 -4
  139. package/dist/types/root/ui/loadingRateLimited/loadingRateLimited.d.ts +1 -0
  140. package/dist/types/root/ui/playButton/playButton.d.ts +1 -0
  141. package/dist/types/root/ui/progressBar/progressBar.d.ts +3 -1
  142. package/dist/types/root/ui/progressBar/styled.d.ts +2 -1
  143. package/dist/types/root/ui/styled.d.ts +2 -1
  144. package/dist/types/root/ui/tickBox/tickBox.d.ts +1 -0
  145. package/dist/types/root/ui/titleBox/failedTitleBox.d.ts +2 -2
  146. package/dist/types/root/ui/titleBox/titleBox.d.ts +1 -9
  147. package/dist/types/types.d.ts +6 -1
  148. package/dist/types/utils/analytics.d.ts +6 -0
  149. package/dist/types/utils/getErrorMessage.d.ts +1 -0
  150. package/dist/types/utils/getMediaCardCursor.d.ts +2 -0
  151. package/dist/types/utils/globalScope/getSSRData.d.ts +3 -0
  152. package/dist/types/utils/globalScope/globalScope.d.ts +21 -0
  153. package/dist/types/utils/globalScope/index.d.ts +4 -0
  154. package/dist/types/utils/globalScope/types.d.ts +8 -0
  155. package/dist/types/utils/printScript.d.ts +2 -0
  156. package/dist/types/utils/viewportDetector.d.ts +13 -5
  157. package/package.json +14 -16
  158. package/dist/cjs/utils/lazyContent/index.js +0 -56
  159. package/dist/cjs/utils/lazyContent/styled.js +0 -23
  160. package/dist/es2019/utils/lazyContent/index.js +0 -18
  161. package/dist/es2019/utils/lazyContent/styled.js +0 -12
  162. package/dist/esm/utils/lazyContent/index.js +0 -41
  163. package/dist/esm/utils/lazyContent/styled.js +0 -14
  164. package/dist/types/utils/lazyContent/index.d.ts +0 -11
  165. package/dist/types/utils/lazyContent/styled.d.ts +0 -5
@@ -5,12 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- Object.defineProperty(exports, "defaultTransitionDuration", {
9
- enumerable: true,
10
- get: function get() {
11
- return _config.defaultTransitionDuration;
12
- }
13
- });
8
+ exports.Root = exports.FadeinImage = void 0;
14
9
  Object.defineProperty(exports, "antialiased", {
15
10
  enumerable: true,
16
11
  get: function get() {
@@ -29,6 +24,7 @@ Object.defineProperty(exports, "capitalize", {
29
24
  return _mixins.capitalize;
30
25
  }
31
26
  });
27
+ exports.cardShadow = void 0;
32
28
  Object.defineProperty(exports, "centerSelf", {
33
29
  enumerable: true,
34
30
  get: function get() {
@@ -53,55 +49,61 @@ Object.defineProperty(exports, "centerX", {
53
49
  return _mixins.centerX;
54
50
  }
55
51
  });
56
- Object.defineProperty(exports, "hexToRgb", {
52
+ exports.default = void 0;
53
+ Object.defineProperty(exports, "defaultTransitionDuration", {
57
54
  enumerable: true,
58
55
  get: function get() {
59
- return _mixins.hexToRgb;
56
+ return _config.defaultTransitionDuration;
60
57
  }
61
58
  });
62
- Object.defineProperty(exports, "rgba", {
59
+ Object.defineProperty(exports, "easeOutCubic", {
63
60
  enumerable: true,
64
61
  get: function get() {
65
- return _mixins.rgba;
62
+ return _easing.easeOutCubic;
66
63
  }
67
64
  });
68
- Object.defineProperty(exports, "spaceAround", {
65
+ Object.defineProperty(exports, "easeOutExpo", {
69
66
  enumerable: true,
70
67
  get: function get() {
71
- return _mixins.spaceAround;
68
+ return _easing.easeOutExpo;
72
69
  }
73
70
  });
74
- Object.defineProperty(exports, "transition", {
71
+ Object.defineProperty(exports, "hexToRgb", {
75
72
  enumerable: true,
76
73
  get: function get() {
77
- return _mixins.transition;
74
+ return _mixins.hexToRgb;
78
75
  }
79
76
  });
80
- Object.defineProperty(exports, "withAppearance", {
77
+ Object.defineProperty(exports, "rgba", {
81
78
  enumerable: true,
82
79
  get: function get() {
83
- return _mixins.withAppearance;
80
+ return _mixins.rgba;
84
81
  }
85
82
  });
86
- Object.defineProperty(exports, "easeOutCubic", {
83
+ Object.defineProperty(exports, "spaceAround", {
87
84
  enumerable: true,
88
85
  get: function get() {
89
- return _easing.easeOutCubic;
86
+ return _mixins.spaceAround;
90
87
  }
91
88
  });
92
- Object.defineProperty(exports, "easeOutExpo", {
89
+ Object.defineProperty(exports, "spin", {
93
90
  enumerable: true,
94
91
  get: function get() {
95
- return _easing.easeOutExpo;
92
+ return _animations.spin;
96
93
  }
97
94
  });
98
- Object.defineProperty(exports, "spin", {
95
+ Object.defineProperty(exports, "transition", {
99
96
  enumerable: true,
100
97
  get: function get() {
101
- return _animations.spin;
98
+ return _mixins.transition;
99
+ }
100
+ });
101
+ Object.defineProperty(exports, "withAppearance", {
102
+ enumerable: true,
103
+ get: function get() {
104
+ return _mixins.withAppearance;
102
105
  }
103
106
  });
104
- exports.default = exports.FadeinImage = exports.cardShadow = exports.Root = void 0;
105
107
 
106
108
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
107
109
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.withAppearance = exports.capitalize = exports.rgba = exports.hexToRgb = exports.transition = exports.spaceAround = exports.borderRadiusLeft = exports.centerSelf = exports.centerSelfX = exports.centerSelfY = exports.antialiased = exports.centerX = void 0;
6
+ exports.withAppearance = exports.transition = exports.spaceAround = exports.rgba = exports.hexToRgb = exports.centerX = exports.centerSelfY = exports.centerSelfX = exports.centerSelf = exports.capitalize = exports.borderRadiusLeft = exports.antialiased = void 0;
7
7
 
8
8
  var _constants = require("@atlaskit/theme/constants");
9
9
 
package/dist/cjs/types.js CHANGED
@@ -2,4 +2,13 @@
2
2
 
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
- });
5
+ });
6
+ exports.MediaCardCursor = void 0;
7
+ var MediaCardCursor;
8
+ exports.MediaCardCursor = MediaCardCursor;
9
+
10
+ (function (MediaCardCursor) {
11
+ MediaCardCursor["Action"] = "pointer";
12
+ MediaCardCursor["NoAction"] = "default";
13
+ MediaCardCursor["NotReady"] = "wait";
14
+ })(MediaCardCursor || (exports.MediaCardCursor = MediaCardCursor = {}));
@@ -1,10 +1,15 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
8
+ exports.extractErrorInfo = exports.createAndFireMediaCardEvent = void 0;
6
9
  exports.fireMediaCardEvent = fireMediaCardEvent;
7
- exports.createAndFireMediaCardEvent = exports.getCopiedFilePayload = exports.getRenderFailedFileStatusPayload = exports.getRenderErrorEventPayload = exports.getRenderErrorRequestMetadata = exports.getRenderErrorErrorDetail = exports.getRenderErrorErrorReason = exports.getRenderErrorFailReason = exports.getRenderFailedExternalUriPayload = exports.getRenderSucceededEventPayload = exports.getRenderCommencedEventPayload = exports.getRenderPreviewableCardPayload = exports.getFileAttributes = void 0;
10
+ exports.getRenderSucceededEventPayload = exports.getRenderPreviewableCardPayload = exports.getRenderFailedFileStatusPayload = exports.getRenderFailedExternalUriPayload = exports.getRenderErrorRequestMetadata = exports.getRenderErrorFailReason = exports.getRenderErrorEventPayload = exports.getRenderErrorErrorReason = exports.getRenderErrorErrorDetail = exports.getRenderCommencedEventPayload = exports.getFileAttributes = exports.getCopiedFilePayload = void 0;
11
+
12
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
8
13
 
9
14
  var _mediaClient = require("@atlaskit/media-client");
10
15
 
@@ -14,6 +19,10 @@ var _analyticsNext = require("@atlaskit/analytics-next");
14
19
 
15
20
  var _errors = require("../errors");
16
21
 
22
+ 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; }
23
+
24
+ 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; }
25
+
17
26
  var getFileAttributes = function getFileAttributes(metadata, fileStatus) {
18
27
  return {
19
28
  fileMediatype: metadata.mediaType,
@@ -128,20 +137,28 @@ var getRenderErrorRequestMetadata = function getRenderErrorRequestMetadata(error
128
137
 
129
138
  exports.getRenderErrorRequestMetadata = getRenderErrorRequestMetadata;
130
139
 
140
+ var extractErrorInfo = function extractErrorInfo(error) {
141
+ return {
142
+ failReason: getRenderErrorFailReason(error),
143
+ error: getRenderErrorErrorReason(error),
144
+ errorDetail: getRenderErrorErrorDetail(error)
145
+ };
146
+ };
147
+
148
+ exports.extractErrorInfo = extractErrorInfo;
149
+
131
150
  var getRenderErrorEventPayload = function getRenderErrorEventPayload(fileAttributes, performanceAttributes, error) {
132
151
  return {
133
152
  eventType: 'operational',
134
153
  action: 'failed',
135
154
  actionSubject: 'mediaCardRender',
136
- attributes: {
155
+ attributes: _objectSpread(_objectSpread({
137
156
  fileAttributes: fileAttributes,
138
157
  performanceAttributes: performanceAttributes,
139
- status: 'fail',
140
- failReason: getRenderErrorFailReason(error),
141
- error: getRenderErrorErrorReason(error),
142
- errorDetail: getRenderErrorErrorDetail(error),
158
+ status: 'fail'
159
+ }, extractErrorInfo(error)), {}, {
143
160
  request: getRenderErrorRequestMetadata(error)
144
- }
161
+ })
145
162
  };
146
163
  };
147
164
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.breakpointStyles = exports.cardBreakpointSizes = exports.breakpointSize = void 0;
6
+ exports.cardBreakpointSizes = exports.breakpointStyles = exports.breakpointSize = void 0;
7
7
 
8
8
  var _mediaUi = require("@atlaskit/media-ui");
9
9
 
@@ -35,6 +35,8 @@ var _analyticsNext = require("@atlaskit/analytics-next");
35
35
 
36
36
  var _analytics = require("../analytics");
37
37
 
38
+ var _excluded = ["triggerRef"];
39
+
38
40
  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); }
39
41
 
40
42
  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; }
@@ -109,7 +111,7 @@ var CardActionsDropdownMenu = /*#__PURE__*/function (_Component) {
109
111
  onOpenChange: onOpenChange,
110
112
  trigger: function trigger(_ref) {
111
113
  var triggerRef = _ref.triggerRef,
112
- providedProps = (0, _objectWithoutProperties2.default)(_ref, ["triggerRef"]);
114
+ providedProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
113
115
  return /*#__PURE__*/_react.default.createElement(CardActionButtonWithAnalytics, (0, _extends2.default)({
114
116
  variant: triggerVariant,
115
117
  style: {
@@ -3,34 +3,34 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- Object.defineProperty(exports, "default", {
6
+ Object.defineProperty(exports, "CardActionIconButton", {
7
7
  enumerable: true,
8
8
  get: function get() {
9
- return _cardActionsView.CardActionsView;
9
+ return _cardActionIconButton.CardActionIconButton;
10
10
  }
11
11
  });
12
- Object.defineProperty(exports, "CardActionsView", {
12
+ Object.defineProperty(exports, "CardActionIconButtonVariant", {
13
13
  enumerable: true,
14
14
  get: function get() {
15
- return _cardActionsView.CardActionsView;
15
+ return _styled.CardActionIconButtonVariant;
16
16
  }
17
17
  });
18
- Object.defineProperty(exports, "CardActionIconButton", {
18
+ Object.defineProperty(exports, "CardActionsDropdownMenu", {
19
19
  enumerable: true,
20
20
  get: function get() {
21
- return _cardActionIconButton.CardActionIconButton;
21
+ return _cardActionsDropdownMenu.CardActionsDropdownMenu;
22
22
  }
23
23
  });
24
- Object.defineProperty(exports, "CardActionsDropdownMenu", {
24
+ Object.defineProperty(exports, "CardActionsView", {
25
25
  enumerable: true,
26
26
  get: function get() {
27
- return _cardActionsDropdownMenu.CardActionsDropdownMenu;
27
+ return _cardActionsView.CardActionsView;
28
28
  }
29
29
  });
30
- Object.defineProperty(exports, "CardActionIconButtonVariant", {
30
+ Object.defineProperty(exports, "default", {
31
31
  enumerable: true,
32
32
  get: function get() {
33
- return _styled.CardActionIconButtonVariant;
33
+ return _cardActionsView.CardActionsView;
34
34
  }
35
35
  });
36
36
 
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.CardActionButton = exports.CardActionIconButtonVariant = exports.Wrapper = void 0;
8
+ exports.Wrapper = exports.CardActionIconButtonVariant = exports.CardActionButton = void 0;
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.getDefaultCardDimensions = exports.getCardMaxWidth = exports.getCardMinWidth = exports.getCardMaxHeight = exports.maxSquareCardDimensions = exports.maxHorizontalCardDimensions = exports.maxImageCardDimensions = exports.minHorizontalCardDimensions = exports.minSquareCardDimensions = exports.minImageCardDimensions = exports.minSmallCardDimensions = exports.defaultSquareCardDimensions = exports.defaultHorizontalCardDimensions = exports.defaultImageCardDimensions = exports.defaultSmallCardDimensions = void 0;
6
+ 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;
7
7
  // Default dimensions
8
8
  var defaultSmallCardDimensions = {
9
9
  width: '100%',
@@ -9,24 +9,18 @@ var _isValidPercentageUnit = require("./isValidPercentageUnit");
9
9
 
10
10
  var _containsPixelUnit = require("./containsPixelUnit");
11
11
 
12
+ var isPixelEquivalent = function isPixelEquivalent(dimension) {
13
+ return typeof dimension === 'number' || (0, _containsPixelUnit.containsPixelUnit)("".concat(dimension));
14
+ };
15
+
12
16
  var canCompareDimension = function canCompareDimension(current, next) {
13
17
  if (!current || !next) {
14
18
  return false;
15
19
  }
16
20
 
17
- if ((0, _isValidPercentageUnit.isValidPercentageUnit)(current) && (0, _isValidPercentageUnit.isValidPercentageUnit)(next)) {
18
- return true;
19
- }
20
-
21
- if ((0, _containsPixelUnit.containsPixelUnit)("".concat(current)) && (0, _containsPixelUnit.containsPixelUnit)("".concat(next))) {
22
- return true;
23
- }
24
-
25
- if (typeof current === 'number' && typeof next === 'number') {
26
- return true;
27
- }
28
-
29
- return false;
21
+ var bothPixelEquivalent = isPixelEquivalent(current) && isPixelEquivalent(next);
22
+ var bothPercentage = (0, _isValidPercentageUnit.isValidPercentageUnit)(current) && (0, _isValidPercentageUnit.isValidPercentageUnit)(next);
23
+ return bothPixelEquivalent || bothPercentage;
30
24
  };
31
25
 
32
26
  exports.canCompareDimension = canCompareDimension;
@@ -9,12 +9,12 @@ exports.getErrorMessage = void 0;
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var _reactIntl = require("react-intl");
12
+ var _reactIntlNext = require("react-intl-next");
13
13
 
14
14
  var _mediaUi = require("@atlaskit/media-ui");
15
15
 
16
16
  var getErrorMessage = function getErrorMessage(status) {
17
- return status === 'error' && /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.failed_to_load);
17
+ return status === 'error' && /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.failed_to_load);
18
18
  };
19
19
 
20
20
  exports.getErrorMessage = getErrorMessage;
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getMediaCardCursor = void 0;
7
+
8
+ var _types = require("../types");
9
+
10
+ var getMediaCardCursor = function getMediaCardCursor(useInlinePlayer, useMediaViewer, isErrorStatus, hasCardPreview, mediaType) {
11
+ // If error status or no action is requested = NoAction
12
+ if (isErrorStatus || !useInlinePlayer && !useMediaViewer) {
13
+ return _types.MediaCardCursor.NoAction;
14
+ }
15
+
16
+ if (!mediaType && (useInlinePlayer || useInlinePlayer && useMediaViewer)) {
17
+ return _types.MediaCardCursor.NotReady;
18
+ } else if (mediaType === 'video' && hasCardPreview && useInlinePlayer) {
19
+ return _types.MediaCardCursor.Action;
20
+ }
21
+
22
+ if (useMediaViewer) {
23
+ return _types.MediaCardCursor.Action;
24
+ }
25
+
26
+ return _types.MediaCardCursor.NoAction;
27
+ };
28
+
29
+ exports.getMediaCardCursor = getMediaCardCursor;
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getSSRData = void 0;
7
+
8
+ var _globalScope = require("./globalScope");
9
+
10
+ var getSSRData = function getSSRData(identifier) {
11
+ var mediaCardSsr = (0, _globalScope.getMediaCardSSR)();
12
+
13
+ if (!mediaCardSsr) {
14
+ return;
15
+ }
16
+
17
+ return mediaCardSsr[(0, _globalScope.getKey)(identifier)];
18
+ };
19
+
20
+ exports.getSSRData = getSSRData;
@@ -0,0 +1,94 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.getKey = exports.StoreSSRDataScript = exports.GLOBAL_MEDIA_NAMESPACE = exports.GLOBAL_MEDIA_CARD_SSR = void 0;
9
+ exports.getMediaCardSSR = getMediaCardSSR;
10
+ exports.getMediaGlobalScope = getMediaGlobalScope;
11
+ exports.storeDataURI = void 0;
12
+
13
+ var _react = _interopRequireDefault(require("react"));
14
+
15
+ var _printScript = require("../printScript");
16
+
17
+ // ----- WARNING -----
18
+ // This is a very sensitive fraction of code.
19
+ // Any changes to this file must be tested directly in product before merging.
20
+ // The scripts printed here might differ from what we observe in our internal tests
21
+ // due to minimification, for example.
22
+ var GLOBAL_MEDIA_CARD_SSR = 'mediaCardSsr';
23
+ exports.GLOBAL_MEDIA_CARD_SSR = GLOBAL_MEDIA_CARD_SSR;
24
+ var GLOBAL_MEDIA_NAMESPACE = '__MEDIA_INTERNAL';
25
+ exports.GLOBAL_MEDIA_NAMESPACE = GLOBAL_MEDIA_NAMESPACE;
26
+
27
+ function getMediaGlobalScope() {
28
+ var globalScope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
29
+ // Must match GLOBAL_MEDIA_NAMESPACE. Can't reference the constant from here.
30
+ var namespace = '__MEDIA_INTERNAL';
31
+
32
+ if (!globalScope[namespace]) {
33
+ globalScope[namespace] = {};
34
+ }
35
+
36
+ return globalScope[namespace];
37
+ }
38
+
39
+ function getMediaCardSSR() {
40
+ 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
+
43
+ var key = 'mediaCardSsr';
44
+
45
+ if (!globalMedia[key]) {
46
+ globalMedia[key] = {};
47
+ }
48
+
49
+ return globalMedia[key];
50
+ }
51
+
52
+ var dashed = function dashed(param) {
53
+ return param ? "-".concat(param) : '';
54
+ };
55
+
56
+ var getKey = function getKey(_ref) {
57
+ var id = _ref.id,
58
+ collectionName = _ref.collectionName,
59
+ occurrenceKey = _ref.occurrenceKey;
60
+ return "".concat(id).concat(dashed(collectionName)).concat(dashed(occurrenceKey));
61
+ };
62
+
63
+ exports.getKey = getKey;
64
+
65
+ var storeDataURI = function storeDataURI(key, dataURI, dimensions, error) {
66
+ var globalScope = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : window;
67
+ var mediaCardSsr = getMediaCardSSR(globalScope);
68
+ mediaCardSsr[key] = {
69
+ dataURI: dataURI,
70
+ dimensions: dimensions,
71
+ error: error
72
+ };
73
+ };
74
+
75
+ exports.storeDataURI = storeDataURI;
76
+
77
+ var generateScript = function generateScript(identifier, dataURI, dimensions, error) {
78
+ var functionCall = (0, _printScript.printFunctionCall)(storeDataURI, getKey(identifier), dataURI, dimensions, error);
79
+ return (0, _printScript.printScript)([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
80
+ };
81
+
82
+ var StoreSSRDataScript = function StoreSSRDataScript(_ref2) {
83
+ var dataURI = _ref2.dataURI,
84
+ identifier = _ref2.identifier,
85
+ dimensions = _ref2.dimensions,
86
+ error = _ref2.error;
87
+ return /*#__PURE__*/_react.default.createElement("script", {
88
+ dangerouslySetInnerHTML: {
89
+ __html: generateScript(identifier, dataURI, dimensions, error)
90
+ }
91
+ });
92
+ };
93
+
94
+ exports.StoreSSRDataScript = StoreSSRDataScript;
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "GLOBAL_MEDIA_CARD_SSR", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _globalScope.GLOBAL_MEDIA_CARD_SSR;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "GLOBAL_MEDIA_NAMESPACE", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _globalScope.GLOBAL_MEDIA_NAMESPACE;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "StoreSSRDataScript", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _globalScope.StoreSSRDataScript;
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "getKey", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _globalScope.getKey;
28
+ }
29
+ });
30
+ Object.defineProperty(exports, "getSSRData", {
31
+ enumerable: true,
32
+ get: function get() {
33
+ return _getSSRData.getSSRData;
34
+ }
35
+ });
36
+
37
+ var _globalScope = require("./globalScope");
38
+
39
+ var _getSSRData = require("./getSSRData");
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -5,6 +5,24 @@ var _typeof = require("@babel/runtime/helpers/typeof");
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
+ Object.defineProperty(exports, "CardActionIconButton", {
9
+ enumerable: true,
10
+ get: function get() {
11
+ return _cardActions.CardActionIconButton;
12
+ }
13
+ });
14
+ Object.defineProperty(exports, "CardActionsDropdownMenu", {
15
+ enumerable: true,
16
+ get: function get() {
17
+ return _cardActions.CardActionsDropdownMenu;
18
+ }
19
+ });
20
+ Object.defineProperty(exports, "CardActionsView", {
21
+ enumerable: true,
22
+ get: function get() {
23
+ return _cardActions.CardActionsView;
24
+ }
25
+ });
8
26
  Object.defineProperty(exports, "ErrorIcon", {
9
27
  enumerable: true,
10
28
  get: function get() {
@@ -17,34 +35,34 @@ Object.defineProperty(exports, "FileIcon", {
17
35
  return _fileIcon.FileIcon;
18
36
  }
19
37
  });
20
- Object.defineProperty(exports, "CardActionIconButton", {
38
+ Object.defineProperty(exports, "breakpointSize", {
21
39
  enumerable: true,
22
40
  get: function get() {
23
- return _cardActions.CardActionIconButton;
41
+ return _breakpoint.breakpointSize;
24
42
  }
25
43
  });
26
- Object.defineProperty(exports, "CardActionsDropdownMenu", {
44
+ Object.defineProperty(exports, "breakpointStyles", {
27
45
  enumerable: true,
28
46
  get: function get() {
29
- return _cardActions.CardActionsDropdownMenu;
47
+ return _breakpoint.breakpointStyles;
30
48
  }
31
49
  });
32
- Object.defineProperty(exports, "CardActionsView", {
50
+ Object.defineProperty(exports, "cardBreakpointSizes", {
33
51
  enumerable: true,
34
52
  get: function get() {
35
- return _cardActions.CardActionsView;
53
+ return _breakpoint.cardBreakpointSizes;
36
54
  }
37
55
  });
38
- Object.defineProperty(exports, "default", {
56
+ Object.defineProperty(exports, "containsPixelUnit", {
39
57
  enumerable: true,
40
58
  get: function get() {
41
- return _cardActions.default;
59
+ return _containsPixelUnit.containsPixelUnit;
42
60
  }
43
61
  });
44
- Object.defineProperty(exports, "isRetina", {
62
+ Object.defineProperty(exports, "default", {
45
63
  enumerable: true,
46
64
  get: function get() {
47
- return _isRetina.isRetina;
65
+ return _cardActions.default;
48
66
  }
49
67
  });
50
68
  Object.defineProperty(exports, "defaultHorizontalCardDimensions", {
@@ -95,6 +113,24 @@ Object.defineProperty(exports, "getDefaultCardDimensions", {
95
113
  return _cardDimensions.getDefaultCardDimensions;
96
114
  }
97
115
  });
116
+ Object.defineProperty(exports, "getElementDimension", {
117
+ enumerable: true,
118
+ get: function get() {
119
+ return _getElementDimension.getElementDimension;
120
+ }
121
+ });
122
+ Object.defineProperty(exports, "isRetina", {
123
+ enumerable: true,
124
+ get: function get() {
125
+ return _isRetina.isRetina;
126
+ }
127
+ });
128
+ Object.defineProperty(exports, "isValidPercentageUnit", {
129
+ enumerable: true,
130
+ get: function get() {
131
+ return _isValidPercentageUnit.isValidPercentageUnit;
132
+ }
133
+ });
98
134
  Object.defineProperty(exports, "maxHorizontalCardDimensions", {
99
135
  enumerable: true,
100
136
  get: function get() {
@@ -137,42 +173,6 @@ Object.defineProperty(exports, "minSquareCardDimensions", {
137
173
  return _cardDimensions.minSquareCardDimensions;
138
174
  }
139
175
  });
140
- Object.defineProperty(exports, "breakpointSize", {
141
- enumerable: true,
142
- get: function get() {
143
- return _breakpoint.breakpointSize;
144
- }
145
- });
146
- Object.defineProperty(exports, "breakpointStyles", {
147
- enumerable: true,
148
- get: function get() {
149
- return _breakpoint.breakpointStyles;
150
- }
151
- });
152
- Object.defineProperty(exports, "cardBreakpointSizes", {
153
- enumerable: true,
154
- get: function get() {
155
- return _breakpoint.cardBreakpointSizes;
156
- }
157
- });
158
- Object.defineProperty(exports, "isValidPercentageUnit", {
159
- enumerable: true,
160
- get: function get() {
161
- return _isValidPercentageUnit.isValidPercentageUnit;
162
- }
163
- });
164
- Object.defineProperty(exports, "getElementDimension", {
165
- enumerable: true,
166
- get: function get() {
167
- return _getElementDimension.getElementDimension;
168
- }
169
- });
170
- Object.defineProperty(exports, "containsPixelUnit", {
171
- enumerable: true,
172
- get: function get() {
173
- return _containsPixelUnit.containsPixelUnit;
174
- }
175
- });
176
176
 
177
177
  var _errorIcon = require("./errorIcon");
178
178