@atlaskit/media-card 72.0.0 → 73.1.1
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.
- package/CHANGELOG.md +92 -0
- package/dist/cjs/actions.js +2 -2
- package/dist/cjs/errors.js +35 -11
- package/dist/cjs/files/cardImageView/cardOverlay/styled.js +1 -1
- package/dist/cjs/files/cardImageView/index.js +1 -1
- package/dist/cjs/files/cardImageView/styled.js +1 -1
- package/dist/cjs/index.js +8 -8
- package/dist/cjs/root/card/cardAnalytics.js +2 -2
- package/dist/cjs/root/card/cardLoader.js +66 -124
- package/dist/cjs/root/card/cardState.js +2 -2
- package/dist/cjs/root/card/getCardPreview/cache.js +5 -5
- package/dist/cjs/root/card/getCardPreview/filePreviewStatus.js +4 -1
- package/dist/cjs/root/card/getCardPreview/helpers.js +1 -1
- package/dist/cjs/root/card/getCardPreview/index.js +101 -18
- package/dist/cjs/root/card/getCardStatus.js +1 -1
- package/dist/cjs/root/card/index.js +191 -97
- package/dist/cjs/root/cardView.js +44 -57
- package/dist/cjs/root/inline/loader.js +45 -14
- package/dist/cjs/root/inline/mediaInlineCard.js +31 -11
- package/dist/cjs/root/inlinePlayer.js +77 -24
- package/dist/cjs/root/styled.js +7 -3
- package/dist/cjs/root/ui/actionsBar/styled.js +1 -1
- package/dist/cjs/root/ui/blanket/styled.js +1 -1
- package/dist/cjs/root/ui/common.js +11 -5
- package/dist/cjs/root/ui/iconMessage/index.js +5 -3
- package/dist/cjs/root/ui/iconWrapper/styled.js +1 -1
- package/dist/cjs/root/ui/imageRenderer/imageRenderer.js +6 -2
- package/dist/cjs/root/ui/loadingRateLimited/loadingRateLimited.js +6 -4
- package/dist/cjs/root/ui/loadingRateLimited/styled.js +2 -2
- package/dist/cjs/root/ui/playButton/styled.js +1 -1
- package/dist/cjs/root/ui/progressBar/progressBar.js +7 -4
- package/dist/cjs/root/ui/progressBar/styled.js +8 -9
- package/dist/cjs/root/ui/styled.js +80 -17
- package/dist/cjs/root/ui/tickBox/styled.js +1 -1
- package/dist/cjs/root/ui/titleBox/failedTitleBox.js +4 -2
- package/dist/cjs/root/ui/titleBox/styled.js +2 -4
- package/dist/cjs/root/ui/titleBox/titleBox.js +2 -2
- package/dist/cjs/styles/index.js +25 -23
- package/dist/cjs/styles/mixins.js +1 -1
- package/dist/cjs/utils/analytics.js +2 -1
- package/dist/cjs/utils/breakpoint.js +1 -1
- package/dist/cjs/utils/cardActions/cardActionsDropdownMenu.js +18 -9
- package/dist/cjs/utils/cardActions/index.js +10 -10
- package/dist/cjs/utils/cardActions/styled.js +1 -1
- package/dist/cjs/utils/cardDimensions.js +1 -1
- package/dist/cjs/utils/getErrorMessage.js +2 -2
- package/dist/cjs/utils/index.js +46 -46
- package/dist/cjs/utils/lightCards/styled.js +1 -1
- package/dist/cjs/utils/objectURLCache.js +1 -1
- package/dist/cjs/utils/viewportDetector.js +49 -22
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/errors.js +9 -1
- package/dist/es2019/root/card/cardAnalytics.js +1 -1
- package/dist/es2019/root/card/cardLoader.js +47 -53
- package/dist/es2019/root/card/getCardPreview/filePreviewStatus.js +4 -1
- package/dist/es2019/root/card/getCardPreview/index.js +45 -3
- package/dist/es2019/root/card/index.js +131 -35
- package/dist/es2019/root/cardView.js +26 -40
- package/dist/es2019/root/inline/loader.js +15 -4
- package/dist/es2019/root/inline/mediaInlineCard.js +30 -10
- package/dist/es2019/root/inlinePlayer.js +56 -4
- package/dist/es2019/root/styled.js +2 -1
- package/dist/es2019/root/ui/common.js +7 -1
- package/dist/es2019/root/ui/iconMessage/index.js +3 -2
- package/dist/es2019/root/ui/imageRenderer/imageRenderer.js +6 -2
- package/dist/es2019/root/ui/loadingRateLimited/loadingRateLimited.js +4 -3
- package/dist/es2019/root/ui/loadingRateLimited/styled.js +1 -1
- package/dist/es2019/root/ui/progressBar/progressBar.js +5 -3
- package/dist/es2019/root/ui/progressBar/styled.js +7 -6
- package/dist/es2019/root/ui/styled.js +65 -4
- package/dist/es2019/root/ui/titleBox/failedTitleBox.js +3 -2
- package/dist/es2019/root/ui/titleBox/styled.js +1 -2
- package/dist/es2019/root/ui/titleBox/titleBox.js +1 -1
- package/dist/es2019/utils/cardActions/cardActionsDropdownMenu.js +8 -4
- package/dist/es2019/utils/getErrorMessage.js +1 -1
- package/dist/es2019/utils/viewportDetector.js +48 -18
- package/dist/es2019/version.json +1 -1
- package/dist/esm/actions.js +2 -2
- package/dist/esm/errors.js +28 -9
- package/dist/esm/root/card/cardAnalytics.js +1 -1
- package/dist/esm/root/card/cardLoader.js +66 -126
- package/dist/esm/root/card/cardState.js +2 -2
- package/dist/esm/root/card/getCardPreview/cache.js +3 -2
- package/dist/esm/root/card/getCardPreview/filePreviewStatus.js +4 -1
- package/dist/esm/root/card/getCardPreview/index.js +74 -12
- package/dist/esm/root/card/index.js +198 -100
- package/dist/esm/root/cardView.js +42 -54
- package/dist/esm/root/inline/loader.js +46 -14
- package/dist/esm/root/inline/mediaInlineCard.js +30 -10
- package/dist/esm/root/inlinePlayer.js +74 -23
- package/dist/esm/root/styled.js +3 -2
- package/dist/esm/root/ui/common.js +7 -1
- package/dist/esm/root/ui/iconMessage/index.js +3 -2
- package/dist/esm/root/ui/imageRenderer/imageRenderer.js +6 -2
- package/dist/esm/root/ui/loadingRateLimited/loadingRateLimited.js +4 -3
- package/dist/esm/root/ui/loadingRateLimited/styled.js +1 -1
- package/dist/esm/root/ui/progressBar/progressBar.js +6 -3
- package/dist/esm/root/ui/progressBar/styled.js +7 -7
- package/dist/esm/root/ui/styled.js +61 -13
- package/dist/esm/root/ui/titleBox/failedTitleBox.js +3 -2
- package/dist/esm/root/ui/titleBox/styled.js +1 -2
- package/dist/esm/root/ui/titleBox/titleBox.js +1 -1
- package/dist/esm/utils/cardActions/cardActionsDropdownMenu.js +17 -9
- package/dist/esm/utils/getErrorMessage.js +1 -1
- package/dist/esm/utils/viewportDetector.js +48 -21
- package/dist/esm/version.json +1 -1
- package/dist/types/errors.d.ts +9 -3
- package/dist/types/index.d.ts +3 -1
- package/dist/types/root/card/cardLoader.d.ts +5 -19
- package/dist/types/root/card/getCardPreview/index.d.ts +7 -1
- package/dist/types/root/card/index.d.ts +9 -8
- package/dist/types/root/cardView.d.ts +5 -3
- package/dist/types/root/inline/loader.d.ts +2 -0
- package/dist/types/root/inline/mediaInlineCard.d.ts +3 -5
- package/dist/types/root/inlinePlayer.d.ts +8 -1
- package/dist/types/root/styled.d.ts +1 -0
- package/dist/types/root/ui/common.d.ts +4 -1
- package/dist/types/root/ui/iconMessage/index.d.ts +2 -2
- package/dist/types/root/ui/iconWrapper/styled.d.ts +1 -1
- package/dist/types/root/ui/imageRenderer/imageRenderer.d.ts +3 -2
- package/dist/types/root/ui/loadingRateLimited/loadingRateLimited.d.ts +2 -1
- package/dist/types/root/ui/loadingRateLimited/styled.d.ts +1 -1
- package/dist/types/root/ui/playButton/playButton.d.ts +1 -0
- package/dist/types/root/ui/progressBar/progressBar.d.ts +4 -2
- package/dist/types/root/ui/progressBar/styled.d.ts +3 -2
- package/dist/types/root/ui/styled.d.ts +10 -3
- package/dist/types/root/ui/tickBox/tickBox.d.ts +1 -0
- package/dist/types/root/ui/titleBox/failedTitleBox.d.ts +3 -3
- package/dist/types/root/ui/titleBox/styled.d.ts +1 -1
- package/dist/types/root/ui/titleBox/titleBox.d.ts +2 -10
- package/dist/types/types.d.ts +1 -1
- package/dist/types/utils/getErrorMessage.d.ts +1 -0
- package/dist/types/utils/viewportDetector.d.ts +13 -5
- package/example-helpers/developmentUseMessage.tsx +14 -0
- package/example-helpers/index.tsx +34 -4
- package/example-helpers/selectableCard.tsx +2 -1
- package/package.json +16 -15
- package/dist/cjs/root/card/cardSSRView.js +0 -114
- package/dist/cjs/root/ui/Breakpoint.js +0 -13
- package/dist/cjs/root/ui/styledSSR.js +0 -108
- package/dist/cjs/utils/lazyContent/index.js +0 -56
- package/dist/cjs/utils/lazyContent/styled.js +0 -23
- package/dist/es2019/root/card/cardSSRView.js +0 -93
- package/dist/es2019/root/ui/Breakpoint.js +0 -6
- package/dist/es2019/root/ui/styledSSR.js +0 -93
- package/dist/es2019/utils/lazyContent/index.js +0 -18
- package/dist/es2019/utils/lazyContent/styled.js +0 -12
- package/dist/esm/root/card/cardSSRView.js +0 -92
- package/dist/esm/root/ui/Breakpoint.js +0 -6
- package/dist/esm/root/ui/styledSSR.js +0 -76
- package/dist/esm/utils/lazyContent/index.js +0 -41
- package/dist/esm/utils/lazyContent/styled.js +0 -14
- package/dist/types/root/card/cardSSRView.d.ts +0 -13
- package/dist/types/root/ui/Breakpoint.d.ts +0 -4
- package/dist/types/root/ui/styledSSR.d.ts +0 -16
- package/dist/types/utils/lazyContent/index.d.ts +0 -11
- package/dist/types/utils/lazyContent/styled.d.ts +0 -5
|
@@ -5,31 +5,34 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
Object.defineProperty(exports, "
|
|
8
|
+
Object.defineProperty(exports, "extractFilePreviewStatus", {
|
|
9
9
|
enumerable: true,
|
|
10
10
|
get: function get() {
|
|
11
|
-
return
|
|
11
|
+
return _filePreviewStatus.extractFilePreviewStatus;
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
|
+
exports.getCardPreview = exports.fetchAndCacheRemotePreview = void 0;
|
|
14
15
|
Object.defineProperty(exports, "getCardPreviewFromBackend", {
|
|
15
16
|
enumerable: true,
|
|
16
17
|
get: function get() {
|
|
17
18
|
return _helpers.getCardPreviewFromBackend;
|
|
18
19
|
}
|
|
19
20
|
});
|
|
20
|
-
|
|
21
|
+
exports.getCardPreviewFromCache = void 0;
|
|
22
|
+
Object.defineProperty(exports, "getCardPreviewFromFilePreview", {
|
|
21
23
|
enumerable: true,
|
|
22
24
|
get: function get() {
|
|
23
|
-
return _helpers.
|
|
25
|
+
return _helpers.getCardPreviewFromFilePreview;
|
|
24
26
|
}
|
|
25
27
|
});
|
|
26
|
-
|
|
28
|
+
exports.isSSRServerPreview = exports.isSSRPreview = exports.isSSRClientPreview = exports.isLocalPreview = exports.getSSRCardPreview = exports.getFilePreviewFromFileState = void 0;
|
|
29
|
+
Object.defineProperty(exports, "isSupportedLocalPreview", {
|
|
27
30
|
enumerable: true,
|
|
28
31
|
get: function get() {
|
|
29
|
-
return
|
|
32
|
+
return _helpers.isSupportedLocalPreview;
|
|
30
33
|
}
|
|
31
34
|
});
|
|
32
|
-
exports.shouldResolvePreview = exports.
|
|
35
|
+
exports.shouldResolvePreview = exports.removeCardPreviewFromCache = void 0;
|
|
33
36
|
|
|
34
37
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
35
38
|
|
|
@@ -51,9 +54,9 @@ var _dimensionComparer = require("../../../utils/dimensionComparer");
|
|
|
51
54
|
|
|
52
55
|
var _filePreviewStatus = require("./filePreviewStatus");
|
|
53
56
|
|
|
54
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
57
|
+
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; }
|
|
55
58
|
|
|
56
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
59
|
+
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; }
|
|
57
60
|
|
|
58
61
|
var getCardPreviewFromCache = _cache.default.get;
|
|
59
62
|
exports.getCardPreviewFromCache = getCardPreviewFromCache;
|
|
@@ -83,6 +86,14 @@ var extendAndCachePreview = function extendAndCachePreview(id, dimensions, previ
|
|
|
83
86
|
source = 'cache-remote';
|
|
84
87
|
break;
|
|
85
88
|
|
|
89
|
+
case 'ssr-server':
|
|
90
|
+
source = 'cache-ssr-server';
|
|
91
|
+
break;
|
|
92
|
+
|
|
93
|
+
case 'ssr-client':
|
|
94
|
+
source = 'cache-ssr-client';
|
|
95
|
+
break;
|
|
96
|
+
|
|
86
97
|
default:
|
|
87
98
|
source = preview.source;
|
|
88
99
|
} // We want to embed some meta context into dataURI for Copy/Paste to work.
|
|
@@ -113,7 +124,7 @@ var extendAndCachePreview = function extendAndCachePreview(id, dimensions, previ
|
|
|
113
124
|
|
|
114
125
|
var getCardPreview = /*#__PURE__*/function () {
|
|
115
126
|
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
|
|
116
|
-
var mediaClient, id, _ref$dimensions, dimensions, filePreview, onLocalPreviewError, isRemotePreviewReady, imageUrlParams, mediaBlobUrlAttrs, cachedPreview, localPreview
|
|
127
|
+
var mediaClient, id, _ref$dimensions, dimensions, filePreview, onLocalPreviewError, isRemotePreviewReady, imageUrlParams, mediaBlobUrlAttrs, cachedPreview, localPreview;
|
|
117
128
|
|
|
118
129
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
119
130
|
while (1) {
|
|
@@ -187,14 +198,9 @@ var getCardPreview = /*#__PURE__*/function () {
|
|
|
187
198
|
throw new _errors.MediaCardError('remote-preview-not-ready');
|
|
188
199
|
|
|
189
200
|
case 19:
|
|
190
|
-
_context.
|
|
191
|
-
return (0, _helpers.getCardPreviewFromBackend)(mediaClient, id, imageUrlParams);
|
|
201
|
+
return _context.abrupt("return", fetchAndCacheRemotePreview(mediaClient, id, dimensions, imageUrlParams, mediaBlobUrlAttrs));
|
|
192
202
|
|
|
193
|
-
case
|
|
194
|
-
remotePreview = _context.sent;
|
|
195
|
-
return _context.abrupt("return", extendAndCachePreview(id, dimensions, remotePreview, mediaBlobUrlAttrs));
|
|
196
|
-
|
|
197
|
-
case 23:
|
|
203
|
+
case 20:
|
|
198
204
|
case "end":
|
|
199
205
|
return _context.stop();
|
|
200
206
|
}
|
|
@@ -222,4 +228,81 @@ var shouldResolvePreview = function shouldResolvePreview(_ref3) {
|
|
|
222
228
|
return statusIsPreviewable && (!hasCardPreview || dimensionsAreBigger);
|
|
223
229
|
};
|
|
224
230
|
|
|
225
|
-
exports.shouldResolvePreview = shouldResolvePreview;
|
|
231
|
+
exports.shouldResolvePreview = shouldResolvePreview;
|
|
232
|
+
|
|
233
|
+
var getSSRCardPreview = function getSSRCardPreview(ssr, mediaClient, id, params, mediaBlobUrlAttrs) {
|
|
234
|
+
var dataURI;
|
|
235
|
+
|
|
236
|
+
try {
|
|
237
|
+
var rawDataURI = mediaClient.getImageUrlSync(id, params); // We want to embed some meta context into dataURI for Copy/Paste to work.
|
|
238
|
+
|
|
239
|
+
dataURI = mediaBlobUrlAttrs ? (0, _mediaClient.addFileAttrsToUrl)(rawDataURI, mediaBlobUrlAttrs) : rawDataURI;
|
|
240
|
+
var source = ssr === 'client' ? 'ssr-client' : 'ssr-server';
|
|
241
|
+
return {
|
|
242
|
+
dataURI: dataURI,
|
|
243
|
+
source: source,
|
|
244
|
+
orientation: 1
|
|
245
|
+
};
|
|
246
|
+
} catch (e) {
|
|
247
|
+
var reason = ssr === 'server' ? 'ssr-server-uri' : 'ssr-client-uri';
|
|
248
|
+
throw new _errors.SsrPreviewError(reason, e);
|
|
249
|
+
}
|
|
250
|
+
};
|
|
251
|
+
|
|
252
|
+
exports.getSSRCardPreview = getSSRCardPreview;
|
|
253
|
+
|
|
254
|
+
var isLocalPreview = function isLocalPreview(preview) {
|
|
255
|
+
var localSources = ['local', 'cache-local'];
|
|
256
|
+
return localSources.includes(preview.source);
|
|
257
|
+
};
|
|
258
|
+
|
|
259
|
+
exports.isLocalPreview = isLocalPreview;
|
|
260
|
+
|
|
261
|
+
var isSSRPreview = function isSSRPreview(preview) {
|
|
262
|
+
return isSSRClientPreview(preview) || isSSRServerPreview(preview);
|
|
263
|
+
};
|
|
264
|
+
|
|
265
|
+
exports.isSSRPreview = isSSRPreview;
|
|
266
|
+
|
|
267
|
+
var isSSRServerPreview = function isSSRServerPreview(preview) {
|
|
268
|
+
var ssrClientSources = ['ssr-server', 'cache-ssr-server'];
|
|
269
|
+
return ssrClientSources.includes(preview.source);
|
|
270
|
+
};
|
|
271
|
+
|
|
272
|
+
exports.isSSRServerPreview = isSSRServerPreview;
|
|
273
|
+
|
|
274
|
+
var isSSRClientPreview = function isSSRClientPreview(preview) {
|
|
275
|
+
var ssrClientSources = ['ssr-client', 'cache-ssr-client'];
|
|
276
|
+
return ssrClientSources.includes(preview.source);
|
|
277
|
+
};
|
|
278
|
+
|
|
279
|
+
exports.isSSRClientPreview = isSSRClientPreview;
|
|
280
|
+
|
|
281
|
+
var fetchAndCacheRemotePreview = /*#__PURE__*/function () {
|
|
282
|
+
var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(mediaClient, id, dimensions, params, mediaBlobUrlAttrs) {
|
|
283
|
+
var remotePreview;
|
|
284
|
+
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
285
|
+
while (1) {
|
|
286
|
+
switch (_context2.prev = _context2.next) {
|
|
287
|
+
case 0:
|
|
288
|
+
_context2.next = 2;
|
|
289
|
+
return (0, _helpers.getCardPreviewFromBackend)(mediaClient, id, params);
|
|
290
|
+
|
|
291
|
+
case 2:
|
|
292
|
+
remotePreview = _context2.sent;
|
|
293
|
+
return _context2.abrupt("return", extendAndCachePreview(id, dimensions, remotePreview, mediaBlobUrlAttrs));
|
|
294
|
+
|
|
295
|
+
case 4:
|
|
296
|
+
case "end":
|
|
297
|
+
return _context2.stop();
|
|
298
|
+
}
|
|
299
|
+
}
|
|
300
|
+
}, _callee2);
|
|
301
|
+
}));
|
|
302
|
+
|
|
303
|
+
return function fetchAndCacheRemotePreview(_x2, _x3, _x4, _x5, _x6) {
|
|
304
|
+
return _ref4.apply(this, arguments);
|
|
305
|
+
};
|
|
306
|
+
}();
|
|
307
|
+
|
|
308
|
+
exports.fetchAndCacheRemotePreview = fetchAndCacheRemotePreview;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.isFinalCardStatus = exports.getCardStatus = void 0;
|
|
7
7
|
|
|
8
8
|
var isFinalCardStatus = function isFinalCardStatus(status) {
|
|
9
9
|
return ['complete', 'error', 'failed-processing'].includes(status);
|