@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.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/card/actions.js +0 -5
- package/dist/cjs/card/card.js +126 -260
- package/dist/cjs/card/cardAnalytics.js +0 -18
- package/dist/cjs/card/cardImageView/cardImageViewWrapper.js +7 -16
- package/dist/cjs/card/cardImageView/cardOverlay/cardOverlayComponents.js +3 -15
- package/dist/cjs/card/cardImageView/cardOverlay/index.js +20 -52
- package/dist/cjs/card/cardImageView/cardOverlay/styles.js +1 -19
- package/dist/cjs/card/cardImageView/cardViewWrapper.js +7 -10
- package/dist/cjs/card/cardImageView/fileCardImageView.js +66 -111
- package/dist/cjs/card/cardImageView/index.js +0 -1
- package/dist/cjs/card/cardImageView/styles.js +0 -14
- package/dist/cjs/card/cardLoader.js +3 -20
- package/dist/cjs/card/cardState.js +0 -9
- package/dist/cjs/card/cardView.js +105 -198
- package/dist/cjs/card/getCardPreview/cache.js +0 -12
- package/dist/cjs/card/getCardPreview/filePreviewStatus.js +8 -16
- package/dist/cjs/card/getCardPreview/helpers.js +0 -39
- package/dist/cjs/card/getCardPreview/imageRefetchingAnalytics.js +0 -8
- package/dist/cjs/card/getCardPreview/index.js +16 -85
- package/dist/cjs/card/getCardStatus.js +5 -24
- package/dist/cjs/card/index.js +0 -2
- package/dist/cjs/card/inlinePlayer.js +19 -102
- package/dist/cjs/card/inlinePlayerLazy.js +0 -11
- package/dist/cjs/card/inlinePlayerWrapper.js +5 -8
- package/dist/cjs/card/media-card-analytics-error-boundary.js +6 -34
- package/dist/cjs/card/styles/animations.js +0 -5
- package/dist/cjs/card/styles/getSelectedBorderStyle.js +0 -4
- package/dist/cjs/card/styles/index.js +0 -14
- package/dist/cjs/card/styles/mixins.js +0 -11
- package/dist/cjs/card/styles/styles.js +4 -20
- package/dist/cjs/card/ui/actionsBar/actionsBar.js +2 -20
- package/dist/cjs/card/ui/actionsBar/actionsBarWrapper.js +1 -4
- package/dist/cjs/card/ui/actionsBar/styles.js +0 -8
- package/dist/cjs/card/ui/blanket/blanket.js +1 -4
- package/dist/cjs/card/ui/blanket/styles.js +0 -9
- package/dist/cjs/card/ui/common.js +0 -8
- package/dist/cjs/card/ui/iconMessage/iconMessageWrapper.js +2 -5
- package/dist/cjs/card/ui/iconMessage/index.js +4 -22
- package/dist/cjs/card/ui/iconMessage/styles.js +1 -10
- package/dist/cjs/card/ui/iconWrapper/iconWrapper.js +2 -5
- package/dist/cjs/card/ui/iconWrapper/styles.js +3 -11
- package/dist/cjs/card/ui/imageRenderer/imageRenderer.js +8 -21
- package/dist/cjs/card/ui/loadingRateLimited/styles.js +1 -10
- package/dist/cjs/card/ui/newFileExperience/newFileExperienceWrapper.js +14 -19
- package/dist/cjs/card/ui/newFileExperience/styles.js +10 -26
- package/dist/cjs/card/ui/playButton/playButton.js +0 -7
- package/dist/cjs/card/ui/playButton/playButtonBackground.js +1 -4
- package/dist/cjs/card/ui/playButton/playButtonWrapper.js +1 -4
- package/dist/cjs/card/ui/playButton/styles.js +0 -6
- package/dist/cjs/card/ui/progressBar/progressBar.js +6 -14
- package/dist/cjs/card/ui/progressBar/styledBar.js +4 -7
- package/dist/cjs/card/ui/progressBar/styles.js +4 -18
- package/dist/cjs/card/ui/styles.js +12 -46
- package/dist/cjs/card/ui/tickBox/styles.js +0 -11
- package/dist/cjs/card/ui/tickBox/tickBox.js +0 -6
- package/dist/cjs/card/ui/tickBox/tickBoxWrapper.js +1 -4
- package/dist/cjs/card/ui/titleBox/failedTitleBox.js +2 -11
- package/dist/cjs/card/ui/titleBox/styles.js +4 -19
- package/dist/cjs/card/ui/titleBox/titleBox.js +9 -21
- package/dist/cjs/card/ui/titleBox/titleBoxComponents.js +2 -14
- package/dist/cjs/card/ui/unhandledErrorCard/index.js +6 -36
- package/dist/cjs/classnames.js +0 -1
- package/dist/cjs/errors.js +7 -66
- package/dist/cjs/index.js +0 -8
- package/dist/cjs/inline/index.js +0 -2
- package/dist/cjs/inline/loader.js +2 -43
- package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js +4 -29
- package/dist/cjs/inline/mediaInlineCard.js +21 -57
- package/dist/cjs/types.js +0 -2
- package/dist/cjs/utils/analytics.js +0 -49
- package/dist/cjs/utils/breakpoint.js +0 -10
- package/dist/cjs/utils/cardActions/cardActionButton.js +1 -4
- package/dist/cjs/utils/cardActions/cardActionIconButton.js +7 -29
- package/dist/cjs/utils/cardActions/cardActionsDropdownMenu.js +6 -35
- package/dist/cjs/utils/cardActions/cardActionsView.js +7 -34
- package/dist/cjs/utils/cardActions/index.js +0 -4
- package/dist/cjs/utils/cardActions/styles.js +0 -13
- package/dist/cjs/utils/cardDimensions.js +5 -22
- package/dist/cjs/utils/containsPixelUnit.js +0 -2
- package/dist/cjs/utils/dimensionComparer.js +0 -8
- package/dist/cjs/utils/document.js +0 -4
- package/dist/cjs/utils/errorIcon/index.js +0 -18
- package/dist/cjs/utils/errorIcon/styles.js +0 -5
- package/dist/cjs/utils/fileIcon/index.js +3 -21
- package/dist/cjs/utils/fileIcon/styles.js +0 -6
- package/dist/cjs/utils/generateUniqueId.js +0 -2
- package/dist/cjs/utils/getCSSUnitValue.js +0 -1
- package/dist/cjs/utils/getDataURIDimension.js +0 -13
- package/dist/cjs/utils/getElementDimension.js +0 -2
- package/dist/cjs/utils/getErrorMessage.js +0 -6
- package/dist/cjs/utils/getMediaCardCursor.js +1 -6
- package/dist/cjs/utils/globalScope/getSSRData.js +0 -5
- package/dist/cjs/utils/globalScope/globalScope.js +8 -25
- package/dist/cjs/utils/globalScope/index.js +0 -2
- package/dist/cjs/utils/index.js +0 -12
- package/dist/cjs/utils/isRetina.js +0 -1
- package/dist/cjs/utils/isValidPercentageUnit.js +0 -2
- package/dist/cjs/utils/lightCards/cardError.js +0 -21
- package/dist/cjs/utils/lightCards/cardLoading.js +3 -27
- package/dist/cjs/utils/lightCards/getDimensionsWithDefault.js +0 -2
- package/dist/cjs/utils/lightCards/lightCardWrappers.js +1 -9
- package/dist/cjs/utils/lightCards/styles.js +1 -13
- package/dist/cjs/utils/metadata.js +0 -7
- package/dist/cjs/utils/objectURLCache.js +0 -22
- package/dist/cjs/utils/preventClickThrough.js +0 -5
- package/dist/cjs/utils/printScript.js +0 -10
- package/dist/cjs/utils/progressBar/index.js +0 -17
- package/dist/cjs/utils/progressBar/styles.js +0 -6
- package/dist/cjs/utils/resizeModeToMediaImageProps.js +0 -1
- package/dist/cjs/utils/shouldDisplayImageThumbnail.js +0 -5
- package/dist/cjs/utils/ufoExperiences.js +1 -21
- package/dist/cjs/utils/videoSnapshot.js +2 -11
- package/dist/cjs/utils/viewportDetector.js +5 -24
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/card/actions.js +2 -1
- package/dist/es2019/card/card.js +26 -121
- package/dist/es2019/card/cardAnalytics.js +0 -5
- package/dist/es2019/card/cardImageView/cardOverlay/index.js +2 -16
- package/dist/es2019/card/cardImageView/cardOverlay/styles.js +1 -2
- package/dist/es2019/card/cardImageView/fileCardImageView.js +3 -36
- package/dist/es2019/card/cardImageView/styles.js +0 -3
- package/dist/es2019/card/cardLoader.js +3 -14
- package/dist/es2019/card/cardState.js +1 -2
- package/dist/es2019/card/cardView.js +24 -68
- package/dist/es2019/card/getCardPreview/cache.js +0 -4
- package/dist/es2019/card/getCardPreview/filePreviewStatus.js +8 -5
- package/dist/es2019/card/getCardPreview/helpers.js +0 -9
- package/dist/es2019/card/getCardPreview/imageRefetchingAnalytics.js +0 -3
- package/dist/es2019/card/getCardPreview/index.js +16 -30
- package/dist/es2019/card/getCardStatus.js +2 -15
- package/dist/es2019/card/inlinePlayer.js +2 -35
- package/dist/es2019/card/inlinePlayerLazy.js +1 -2
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -15
- package/dist/es2019/card/styles/getSelectedBorderStyle.js +1 -1
- package/dist/es2019/card/styles/styles.js +0 -3
- package/dist/es2019/card/ui/actionsBar/actionsBar.js +0 -3
- package/dist/es2019/card/ui/common.js +0 -2
- package/dist/es2019/card/ui/iconMessage/styles.js +0 -2
- package/dist/es2019/card/ui/iconWrapper/styles.js +2 -2
- package/dist/es2019/card/ui/imageRenderer/imageRenderer.js +0 -3
- package/dist/es2019/card/ui/progressBar/styles.js +1 -3
- package/dist/es2019/card/ui/styles.js +3 -4
- package/dist/es2019/card/ui/titleBox/styles.js +2 -3
- package/dist/es2019/card/ui/unhandledErrorCard/index.js +0 -8
- package/dist/es2019/errors.js +8 -17
- package/dist/es2019/index.js +1 -0
- package/dist/es2019/inline/loader.js +1 -18
- package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js +1 -12
- package/dist/es2019/inline/mediaInlineCard.js +0 -15
- package/dist/es2019/types.js +1 -1
- package/dist/es2019/utils/analytics.js +0 -3
- package/dist/es2019/utils/breakpoint.js +0 -4
- package/dist/es2019/utils/cardActions/cardActionIconButton.js +3 -5
- package/dist/es2019/utils/cardActions/cardActionsDropdownMenu.js +0 -5
- package/dist/es2019/utils/cardActions/cardActionsView.js +0 -10
- package/dist/es2019/utils/cardActions/styles.js +0 -3
- package/dist/es2019/utils/cardDimensions.js +7 -14
- package/dist/es2019/utils/dimensionComparer.js +0 -3
- package/dist/es2019/utils/document.js +0 -2
- package/dist/es2019/utils/errorIcon/index.js +0 -3
- package/dist/es2019/utils/fileIcon/index.js +0 -1
- package/dist/es2019/utils/getDataURIDimension.js +0 -4
- package/dist/es2019/utils/getMediaCardCursor.js +1 -4
- package/dist/es2019/utils/globalScope/getSSRData.js +0 -2
- package/dist/es2019/utils/globalScope/globalScope.js +3 -10
- package/dist/es2019/utils/lightCards/cardError.js +0 -3
- package/dist/es2019/utils/lightCards/cardLoading.js +0 -3
- package/dist/es2019/utils/lightCards/lightCardWrappers.js +0 -1
- package/dist/es2019/utils/metadata.js +0 -5
- package/dist/es2019/utils/objectURLCache.js +0 -10
- package/dist/es2019/utils/printScript.js +0 -3
- package/dist/es2019/utils/progressBar/index.js +0 -2
- package/dist/es2019/utils/shouldDisplayImageThumbnail.js +0 -2
- package/dist/es2019/utils/ufoExperiences.js +5 -10
- package/dist/es2019/utils/videoSnapshot.js +2 -4
- package/dist/es2019/utils/viewportDetector.js +0 -5
- package/dist/es2019/version.json +1 -1
- package/dist/esm/card/actions.js +0 -3
- package/dist/esm/card/card.js +126 -254
- package/dist/esm/card/cardAnalytics.js +0 -6
- package/dist/esm/card/cardImageView/cardImageViewWrapper.js +6 -6
- package/dist/esm/card/cardImageView/cardOverlay/cardOverlayComponents.js +2 -2
- package/dist/esm/card/cardImageView/cardOverlay/index.js +22 -37
- package/dist/esm/card/cardImageView/cardOverlay/styles.js +2 -6
- package/dist/esm/card/cardImageView/cardViewWrapper.js +6 -6
- package/dist/esm/card/cardImageView/fileCardImageView.js +66 -104
- package/dist/esm/card/cardImageView/styles.js +0 -5
- package/dist/esm/card/cardLoader.js +6 -17
- package/dist/esm/card/cardState.js +1 -2
- package/dist/esm/card/cardView.js +105 -171
- package/dist/esm/card/getCardPreview/cache.js +0 -7
- package/dist/esm/card/getCardPreview/filePreviewStatus.js +11 -11
- package/dist/esm/card/getCardPreview/helpers.js +0 -28
- package/dist/esm/card/getCardPreview/imageRefetchingAnalytics.js +0 -3
- package/dist/esm/card/getCardPreview/index.js +16 -53
- package/dist/esm/card/getCardStatus.js +5 -20
- package/dist/esm/card/inlinePlayer.js +19 -85
- package/dist/esm/card/inlinePlayerLazy.js +1 -5
- package/dist/esm/card/inlinePlayerWrapper.js +4 -4
- package/dist/esm/card/media-card-analytics-error-boundary.js +6 -28
- package/dist/esm/card/styles/animations.js +0 -2
- package/dist/esm/card/styles/getSelectedBorderStyle.js +1 -1
- package/dist/esm/card/styles/index.js +0 -2
- package/dist/esm/card/styles/styles.js +4 -9
- package/dist/esm/card/ui/actionsBar/actionsBar.js +2 -12
- package/dist/esm/card/ui/actionsBar/styles.js +0 -2
- package/dist/esm/card/ui/blanket/styles.js +0 -2
- package/dist/esm/card/ui/common.js +0 -4
- package/dist/esm/card/ui/iconMessage/iconMessageWrapper.js +1 -1
- package/dist/esm/card/ui/iconMessage/index.js +4 -4
- package/dist/esm/card/ui/iconMessage/styles.js +1 -5
- package/dist/esm/card/ui/iconWrapper/iconWrapper.js +1 -1
- package/dist/esm/card/ui/iconWrapper/styles.js +3 -5
- package/dist/esm/card/ui/imageRenderer/imageRenderer.js +8 -11
- package/dist/esm/card/ui/loadingRateLimited/styles.js +1 -3
- package/dist/esm/card/ui/newFileExperience/newFileExperienceWrapper.js +13 -13
- package/dist/esm/card/ui/newFileExperience/styles.js +10 -12
- package/dist/esm/card/ui/playButton/styles.js +0 -2
- package/dist/esm/card/ui/progressBar/progressBar.js +6 -6
- package/dist/esm/card/ui/progressBar/styledBar.js +3 -3
- package/dist/esm/card/ui/progressBar/styles.js +4 -8
- package/dist/esm/card/ui/styles.js +12 -20
- package/dist/esm/card/ui/tickBox/styles.js +0 -2
- package/dist/esm/card/ui/titleBox/failedTitleBox.js +2 -2
- package/dist/esm/card/ui/titleBox/styles.js +4 -7
- package/dist/esm/card/ui/titleBox/titleBox.js +9 -11
- package/dist/esm/card/ui/titleBox/titleBoxComponents.js +1 -1
- package/dist/esm/card/ui/unhandledErrorCard/index.js +6 -24
- package/dist/esm/errors.js +8 -40
- package/dist/esm/index.js +1 -0
- package/dist/esm/inline/loader.js +3 -40
- package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js +4 -23
- package/dist/esm/inline/mediaInlineCard.js +21 -40
- package/dist/esm/types.js +1 -1
- package/dist/esm/utils/analytics.js +0 -6
- package/dist/esm/utils/breakpoint.js +0 -5
- package/dist/esm/utils/cardActions/cardActionIconButton.js +7 -18
- package/dist/esm/utils/cardActions/cardActionsDropdownMenu.js +6 -19
- package/dist/esm/utils/cardActions/cardActionsView.js +7 -22
- package/dist/esm/utils/cardActions/styles.js +0 -5
- package/dist/esm/utils/cardDimensions.js +7 -14
- package/dist/esm/utils/dimensionComparer.js +0 -3
- package/dist/esm/utils/document.js +0 -2
- package/dist/esm/utils/errorIcon/index.js +0 -9
- package/dist/esm/utils/errorIcon/styles.js +0 -2
- package/dist/esm/utils/fileIcon/index.js +3 -11
- package/dist/esm/utils/fileIcon/styles.js +0 -2
- package/dist/esm/utils/getDataURIDimension.js +0 -4
- package/dist/esm/utils/getMediaCardCursor.js +1 -4
- package/dist/esm/utils/globalScope/getSSRData.js +0 -2
- package/dist/esm/utils/globalScope/globalScope.js +8 -15
- package/dist/esm/utils/lightCards/cardError.js +0 -9
- package/dist/esm/utils/lightCards/cardLoading.js +3 -13
- package/dist/esm/utils/lightCards/lightCardWrappers.js +0 -1
- package/dist/esm/utils/lightCards/styles.js +1 -3
- package/dist/esm/utils/metadata.js +0 -5
- package/dist/esm/utils/objectURLCache.js +0 -15
- package/dist/esm/utils/printScript.js +0 -5
- package/dist/esm/utils/progressBar/index.js +0 -9
- package/dist/esm/utils/progressBar/styles.js +0 -2
- package/dist/esm/utils/shouldDisplayImageThumbnail.js +0 -2
- package/dist/esm/utils/ufoExperiences.js +1 -12
- package/dist/esm/utils/videoSnapshot.js +2 -6
- package/dist/esm/utils/viewportDetector.js +5 -16
- package/dist/esm/version.json +1 -1
- package/package.json +2 -2
|
@@ -1,60 +1,36 @@
|
|
|
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.default = void 0;
|
|
11
|
-
|
|
12
9
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
13
|
-
|
|
14
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
11
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
17
|
-
|
|
18
12
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
19
|
-
|
|
20
13
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
21
|
-
|
|
22
14
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
23
|
-
|
|
24
15
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
-
|
|
26
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
27
|
-
|
|
28
17
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
29
|
-
|
|
30
18
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
31
|
-
|
|
32
19
|
var _react = _interopRequireDefault(require("react"));
|
|
33
|
-
|
|
34
20
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
35
|
-
|
|
36
21
|
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); }
|
|
37
|
-
|
|
38
22
|
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; }
|
|
39
|
-
|
|
40
23
|
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); }; }
|
|
41
|
-
|
|
42
24
|
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; } }
|
|
43
|
-
|
|
44
25
|
var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
45
26
|
(0, _inherits2.default)(MediaInlineCardLoader, _React$PureComponent);
|
|
46
|
-
|
|
47
27
|
var _super = _createSuper(MediaInlineCardLoader);
|
|
48
|
-
|
|
49
28
|
function MediaInlineCardLoader() {
|
|
50
29
|
var _this;
|
|
51
|
-
|
|
52
30
|
(0, _classCallCheck2.default)(this, MediaInlineCardLoader);
|
|
53
|
-
|
|
54
31
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
55
32
|
args[_key] = arguments[_key];
|
|
56
33
|
}
|
|
57
|
-
|
|
58
34
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
59
35
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isMounted", false);
|
|
60
36
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
|
|
@@ -63,24 +39,20 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
63
39
|
});
|
|
64
40
|
return _this;
|
|
65
41
|
}
|
|
66
|
-
|
|
67
42
|
(0, _createClass2.default)(MediaInlineCardLoader, [{
|
|
68
43
|
key: "componentDidMount",
|
|
69
44
|
value: function () {
|
|
70
45
|
var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
71
46
|
var _yield$Promise$all, _yield$Promise$all2, mediaClient, cardModule, mediaInlineErrorBoundaryModule;
|
|
72
|
-
|
|
73
47
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
74
48
|
while (1) {
|
|
75
49
|
switch (_context.prev = _context.next) {
|
|
76
50
|
case 0:
|
|
77
51
|
this.isMounted = true;
|
|
78
|
-
|
|
79
52
|
if (this.state.MediaInlineCard) {
|
|
80
53
|
_context.next = 17;
|
|
81
54
|
break;
|
|
82
55
|
}
|
|
83
|
-
|
|
84
56
|
_context.prev = 2;
|
|
85
57
|
_context.next = 5;
|
|
86
58
|
return Promise.all([Promise.resolve().then(function () {
|
|
@@ -90,7 +62,6 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
90
62
|
}), Promise.resolve().then(function () {
|
|
91
63
|
return _interopRequireWildcard(require('./mediaInlineAnalyticsErrorBoundary'));
|
|
92
64
|
})]);
|
|
93
|
-
|
|
94
65
|
case 5:
|
|
95
66
|
_yield$Promise$all = _context.sent;
|
|
96
67
|
_yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 3);
|
|
@@ -99,21 +70,17 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
99
70
|
mediaInlineErrorBoundaryModule = _yield$Promise$all2[2];
|
|
100
71
|
MediaInlineCardLoader.MediaInlineCard = mediaClient.withMediaClient(cardModule.MediaInlineCard);
|
|
101
72
|
MediaInlineCardLoader.ErrorBoundary = mediaInlineErrorBoundaryModule.default;
|
|
102
|
-
|
|
103
73
|
if (this.isMounted) {
|
|
104
74
|
this.setState({
|
|
105
75
|
MediaInlineCard: MediaInlineCardLoader.MediaInlineCard,
|
|
106
76
|
ErrorBoundary: MediaInlineCardLoader.ErrorBoundary
|
|
107
77
|
});
|
|
108
78
|
}
|
|
109
|
-
|
|
110
79
|
_context.next = 17;
|
|
111
80
|
break;
|
|
112
|
-
|
|
113
81
|
case 15:
|
|
114
82
|
_context.prev = 15;
|
|
115
83
|
_context.t0 = _context["catch"](2);
|
|
116
|
-
|
|
117
84
|
case 17:
|
|
118
85
|
case "end":
|
|
119
86
|
return _context.stop();
|
|
@@ -121,11 +88,9 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
121
88
|
}
|
|
122
89
|
}, _callee, this, [[2, 15]]);
|
|
123
90
|
}));
|
|
124
|
-
|
|
125
91
|
function componentDidMount() {
|
|
126
92
|
return _componentDidMount.apply(this, arguments);
|
|
127
93
|
}
|
|
128
|
-
|
|
129
94
|
return componentDidMount;
|
|
130
95
|
}()
|
|
131
96
|
}, {
|
|
@@ -137,7 +102,6 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
137
102
|
switch (_context2.prev = _context2.next) {
|
|
138
103
|
case 0:
|
|
139
104
|
this.isMounted = false;
|
|
140
|
-
|
|
141
105
|
case 1:
|
|
142
106
|
case "end":
|
|
143
107
|
return _context2.stop();
|
|
@@ -145,31 +109,26 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
145
109
|
}
|
|
146
110
|
}, _callee2, this);
|
|
147
111
|
}));
|
|
148
|
-
|
|
149
112
|
function componentWillUnmount() {
|
|
150
113
|
return _componentWillUnmount.apply(this, arguments);
|
|
151
114
|
}
|
|
152
|
-
|
|
153
115
|
return componentWillUnmount;
|
|
154
116
|
}()
|
|
155
117
|
}, {
|
|
156
118
|
key: "render",
|
|
157
119
|
value: function render() {
|
|
158
120
|
var _this$state = this.state,
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
121
|
+
MediaInlineCard = _this$state.MediaInlineCard,
|
|
122
|
+
ErrorBoundary = _this$state.ErrorBoundary;
|
|
162
123
|
if (!MediaInlineCard || !ErrorBoundary) {
|
|
163
124
|
return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadingView, {
|
|
164
125
|
message: ""
|
|
165
126
|
});
|
|
166
127
|
}
|
|
167
|
-
|
|
168
128
|
return /*#__PURE__*/_react.default.createElement(ErrorBoundary, null, /*#__PURE__*/_react.default.createElement(MediaInlineCard, this.props));
|
|
169
129
|
}
|
|
170
130
|
}]);
|
|
171
131
|
return MediaInlineCardLoader;
|
|
172
132
|
}(_react.default.PureComponent);
|
|
173
|
-
|
|
174
133
|
exports.default = MediaInlineCardLoader;
|
|
175
134
|
(0, _defineProperty2.default)(MediaInlineCardLoader, "displayName", 'MediaInlineCardLoader');
|
|
@@ -1,59 +1,38 @@
|
|
|
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.default = 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
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 = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
16
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
27
|
-
|
|
28
17
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
29
|
-
|
|
30
18
|
var _analytics = require("../utils/analytics");
|
|
31
|
-
|
|
32
19
|
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; }
|
|
33
|
-
|
|
34
20
|
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; }
|
|
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 WrappedMediaInlineAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
41
24
|
(0, _inherits2.default)(WrappedMediaInlineAnalyticsErrorBoundary, _React$Component);
|
|
42
|
-
|
|
43
25
|
var _super = _createSuper(WrappedMediaInlineAnalyticsErrorBoundary);
|
|
44
|
-
|
|
45
26
|
function WrappedMediaInlineAnalyticsErrorBoundary(props) {
|
|
46
27
|
var _this;
|
|
47
|
-
|
|
48
28
|
(0, _classCallCheck2.default)(this, WrappedMediaInlineAnalyticsErrorBoundary);
|
|
49
29
|
_this = _super.call(this, props);
|
|
50
30
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireOperationalEvent", function (error, info) {
|
|
51
31
|
var _window, _window$navigator;
|
|
52
|
-
|
|
53
32
|
var _this$props = _this.props,
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
33
|
+
_this$props$data = _this$props.data,
|
|
34
|
+
data = _this$props$data === void 0 ? {} : _this$props$data,
|
|
35
|
+
createAnalyticsEvent = _this$props.createAnalyticsEvent;
|
|
57
36
|
var payload = {
|
|
58
37
|
eventType: 'operational',
|
|
59
38
|
action: 'failed',
|
|
@@ -72,7 +51,6 @@ var WrappedMediaInlineAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Com
|
|
|
72
51
|
};
|
|
73
52
|
return _this;
|
|
74
53
|
}
|
|
75
|
-
|
|
76
54
|
(0, _createClass2.default)(WrappedMediaInlineAnalyticsErrorBoundary, [{
|
|
77
55
|
key: "componentDidCatch",
|
|
78
56
|
value: function componentDidCatch(error, info) {
|
|
@@ -88,21 +66,18 @@ var WrappedMediaInlineAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Com
|
|
|
88
66
|
value: function render() {
|
|
89
67
|
var hasError = this.state.hasError;
|
|
90
68
|
var children = this.props.children;
|
|
91
|
-
|
|
92
69
|
if (hasError) {
|
|
93
70
|
// TODO refactor error boundary for inline card https://product-fabric.atlassian.net/browse/MEX-2140
|
|
94
71
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
|
95
72
|
}
|
|
96
|
-
|
|
97
73
|
return children;
|
|
98
74
|
}
|
|
99
75
|
}]);
|
|
100
76
|
return WrappedMediaInlineAnalyticsErrorBoundary;
|
|
101
77
|
}(_react.default.Component);
|
|
102
|
-
|
|
103
78
|
(0, _defineProperty2.default)(WrappedMediaInlineAnalyticsErrorBoundary, "displayName", 'MediaInlineAnalyticsErrorBoundary');
|
|
104
79
|
var packageName = "@atlaskit/media-card";
|
|
105
|
-
var packageVersion = "74.5.
|
|
80
|
+
var packageVersion = "74.5.2";
|
|
106
81
|
var MediaInlineAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
107
82
|
packageVersion: packageVersion,
|
|
108
83
|
packageName: packageName,
|
|
@@ -1,75 +1,54 @@
|
|
|
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.MediaInlineCardInternal = exports.MediaInlineCard = void 0;
|
|
11
|
-
|
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
17
|
-
|
|
18
12
|
var _reactIntlNext = require("react-intl-next");
|
|
19
|
-
|
|
20
13
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
21
|
-
|
|
22
14
|
var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
|
|
23
|
-
|
|
24
15
|
var _mediaViewer = require("@atlaskit/media-viewer");
|
|
25
|
-
|
|
26
16
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
27
|
-
|
|
28
17
|
var _formatDate = require("@atlaskit/media-ui/formatDate");
|
|
29
|
-
|
|
30
18
|
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); }
|
|
31
|
-
|
|
32
19
|
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; }
|
|
33
|
-
|
|
34
20
|
// UI component which renders an inline link in the appropiate state based on a media file
|
|
35
21
|
var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
|
|
36
22
|
var mediaClient = _ref.mediaClient,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
23
|
+
identifier = _ref.identifier,
|
|
24
|
+
shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
|
|
25
|
+
isSelected = _ref.isSelected,
|
|
26
|
+
onClick = _ref.onClick,
|
|
27
|
+
mediaViewerDataSource = _ref.mediaViewerDataSource,
|
|
28
|
+
intl = _ref.intl;
|
|
44
29
|
var _useState = (0, _react.useState)(),
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
30
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
31
|
+
fileState = _useState2[0],
|
|
32
|
+
setFileState = _useState2[1];
|
|
49
33
|
var _useState3 = (0, _react.useState)(false),
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
34
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
35
|
+
isErrored = _useState4[0],
|
|
36
|
+
setIsErrored = _useState4[1];
|
|
54
37
|
var _useState5 = (0, _react.useState)(false),
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
38
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
39
|
+
isMediaViewerVisible = _useState6[0],
|
|
40
|
+
setMediaViewerVisible = _useState6[1];
|
|
59
41
|
var onMediaInlineCardClick = function onMediaInlineCardClick(event) {
|
|
60
42
|
if (shouldOpenMediaViewer) {
|
|
61
43
|
setMediaViewerVisible(true);
|
|
62
44
|
}
|
|
63
|
-
|
|
64
45
|
if (onClick) {
|
|
65
46
|
onClick(event);
|
|
66
47
|
}
|
|
67
48
|
};
|
|
68
|
-
|
|
69
49
|
var onMediaViewerClose = function onMediaViewerClose() {
|
|
70
50
|
return setMediaViewerVisible(false);
|
|
71
51
|
};
|
|
72
|
-
|
|
73
52
|
var renderMediaViewer = function renderMediaViewer() {
|
|
74
53
|
if (isMediaViewerVisible) {
|
|
75
54
|
var dataSource = mediaViewerDataSource || {
|
|
@@ -83,16 +62,13 @@ var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
|
|
|
83
62
|
onClose: onMediaViewerClose
|
|
84
63
|
}), document.body);
|
|
85
64
|
}
|
|
86
|
-
|
|
87
65
|
return null;
|
|
88
66
|
};
|
|
89
|
-
|
|
90
67
|
var renderContent = function renderContent(children) {
|
|
91
68
|
return intl ? children : /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
|
|
92
69
|
locale: "en"
|
|
93
70
|
}, children);
|
|
94
71
|
};
|
|
95
|
-
|
|
96
72
|
var defaultIntl = (0, _reactIntlNext.createIntl)({
|
|
97
73
|
locale: 'en'
|
|
98
74
|
});
|
|
@@ -112,46 +88,39 @@ var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
|
|
|
112
88
|
subscription.unsubscribe();
|
|
113
89
|
};
|
|
114
90
|
}, [identifier.collectionName, identifier.id, mediaClient.file]);
|
|
115
|
-
|
|
116
91
|
if (!fileState) {
|
|
117
92
|
return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadingView, {
|
|
118
93
|
message: (intl || defaultIntl).formatMessage(_mediaUi.messages.loading_file),
|
|
119
94
|
isSelected: isSelected
|
|
120
95
|
});
|
|
121
96
|
}
|
|
122
|
-
|
|
123
97
|
if (isErrored) {
|
|
124
98
|
return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardErroredView, {
|
|
125
99
|
message: (intl || defaultIntl).formatMessage(_mediaUi.messages.couldnt_load_file),
|
|
126
100
|
isSelected: isSelected
|
|
127
101
|
});
|
|
128
102
|
}
|
|
129
|
-
|
|
130
103
|
if (fileState.status === 'error') {
|
|
131
104
|
return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardErroredView, {
|
|
132
105
|
message: fileState.message || '',
|
|
133
106
|
isSelected: isSelected
|
|
134
107
|
});
|
|
135
108
|
}
|
|
136
|
-
|
|
137
109
|
if (fileState.status === 'failed-processing') {
|
|
138
110
|
return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardErroredView, {
|
|
139
111
|
message: (intl || defaultIntl).formatMessage(_mediaUi.messages.couldnt_load_file),
|
|
140
112
|
isSelected: isSelected
|
|
141
113
|
});
|
|
142
114
|
}
|
|
143
|
-
|
|
144
115
|
if (fileState.status === 'uploading') {
|
|
145
116
|
return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadingView, {
|
|
146
117
|
message: fileState.name,
|
|
147
118
|
isSelected: isSelected
|
|
148
119
|
});
|
|
149
120
|
}
|
|
150
|
-
|
|
151
121
|
var mediaType = fileState.mediaType,
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
122
|
+
name = fileState.name,
|
|
123
|
+
mimeType = fileState.mimeType;
|
|
155
124
|
var linkIcon = /*#__PURE__*/_react.default.createElement(_mimeTypeIcon.MimeTypeIcon, {
|
|
156
125
|
testId: 'media-inline-card-file-type-icon',
|
|
157
126
|
size: "small",
|
|
@@ -159,20 +128,16 @@ var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
|
|
|
159
128
|
mimeType: mimeType,
|
|
160
129
|
name: name
|
|
161
130
|
});
|
|
162
|
-
|
|
163
131
|
var mediaViewer = renderMediaViewer();
|
|
164
132
|
var formattedDate;
|
|
165
|
-
|
|
166
133
|
if (fileState.createdAt) {
|
|
167
134
|
var _ref2 = intl || {
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
135
|
+
locale: 'en'
|
|
136
|
+
},
|
|
137
|
+
_ref2$locale = _ref2.locale,
|
|
138
|
+
locale = _ref2$locale === void 0 ? 'en' : _ref2$locale;
|
|
173
139
|
formattedDate = (0, _formatDate.formatDate)(fileState.createdAt, locale);
|
|
174
140
|
}
|
|
175
|
-
|
|
176
141
|
return renderContent( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
177
142
|
position: "bottom",
|
|
178
143
|
content: formattedDate,
|
|
@@ -184,7 +149,6 @@ var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
|
|
|
184
149
|
isSelected: isSelected
|
|
185
150
|
})), mediaViewer));
|
|
186
151
|
};
|
|
187
|
-
|
|
188
152
|
exports.MediaInlineCardInternal = MediaInlineCardInternal;
|
|
189
153
|
var MediaInlineCard = (0, _reactIntlNext.injectIntl)(MediaInlineCardInternal, {
|
|
190
154
|
enforceContext: false
|
package/dist/cjs/types.js
CHANGED
|
@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.MediaCardCursor = void 0;
|
|
7
|
-
|
|
8
7
|
/**
|
|
9
8
|
* Entry Point: @atlaskit/media-card/types
|
|
10
9
|
* tsconfig.entry-points.json
|
|
11
10
|
*/
|
|
12
11
|
var MediaCardCursor;
|
|
13
12
|
exports.MediaCardCursor = MediaCardCursor;
|
|
14
|
-
|
|
15
13
|
(function (MediaCardCursor) {
|
|
16
14
|
MediaCardCursor["Action"] = "pointer";
|
|
17
15
|
MediaCardCursor["NotReady"] = "wait";
|
|
@@ -1,28 +1,19 @@
|
|
|
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.extractErrorInfo = exports.createAndFireMediaCardEvent = exports.LOGGED_FEATURE_FLAG_KEYS = exports.LOGGED_FEATURE_FLAGS = void 0;
|
|
9
8
|
exports.fireMediaCardEvent = fireMediaCardEvent;
|
|
10
9
|
exports.getRenderSucceededEventPayload = exports.getRenderPreviewableCardPayload = exports.getRenderFailedFileStatusPayload = exports.getRenderFailedExternalUriPayload = exports.getRenderErrorRequestMetadata = exports.getRenderErrorFailReason = exports.getRenderErrorEventPayload = exports.getRenderErrorErrorReason = exports.getRenderErrorErrorDetail = exports.getRenderCommencedEventPayload = exports.getRemoteSuccessEventPayload = exports.getFileAttributes = exports.getErrorTraceContext = exports.getErrorEventPayload = exports.getCopiedFilePayload = exports.getCacheHitEventPayload = void 0;
|
|
11
|
-
|
|
12
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
11
|
var _mediaClient = require("@atlaskit/media-client");
|
|
15
|
-
|
|
16
12
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
17
|
-
|
|
18
13
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
19
|
-
|
|
20
14
|
var _errors = require("../errors");
|
|
21
|
-
|
|
22
15
|
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
16
|
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
|
-
|
|
26
17
|
var relevantFlags = {
|
|
27
18
|
newCardExperience: true,
|
|
28
19
|
captions: true,
|
|
@@ -37,7 +28,6 @@ var LOGGED_FEATURE_FLAGS = (0, _mediaCommon.filterFeatureFlagNames)(relevantFlag
|
|
|
37
28
|
exports.LOGGED_FEATURE_FLAGS = LOGGED_FEATURE_FLAGS;
|
|
38
29
|
var LOGGED_FEATURE_FLAG_KEYS = (0, _mediaCommon.filterFeatureFlagKeysAllProducts)(relevantFlags);
|
|
39
30
|
exports.LOGGED_FEATURE_FLAG_KEYS = LOGGED_FEATURE_FLAG_KEYS;
|
|
40
|
-
|
|
41
31
|
var getFileAttributes = function getFileAttributes(metadata, fileStatus) {
|
|
42
32
|
return {
|
|
43
33
|
fileMediatype: metadata.mediaType,
|
|
@@ -47,9 +37,7 @@ var getFileAttributes = function getFileAttributes(metadata, fileStatus) {
|
|
|
47
37
|
fileStatus: fileStatus
|
|
48
38
|
};
|
|
49
39
|
};
|
|
50
|
-
|
|
51
40
|
exports.getFileAttributes = getFileAttributes;
|
|
52
|
-
|
|
53
41
|
var getRenderPreviewableCardPayload = function getRenderPreviewableCardPayload(fileAttributes) {
|
|
54
42
|
return {
|
|
55
43
|
eventType: 'screen',
|
|
@@ -62,9 +50,7 @@ var getRenderPreviewableCardPayload = function getRenderPreviewableCardPayload(f
|
|
|
62
50
|
}
|
|
63
51
|
};
|
|
64
52
|
};
|
|
65
|
-
|
|
66
53
|
exports.getRenderPreviewableCardPayload = getRenderPreviewableCardPayload;
|
|
67
|
-
|
|
68
54
|
var getRenderCommencedEventPayload = function getRenderCommencedEventPayload(fileAttributes, performanceAttributes, traceContext) {
|
|
69
55
|
return {
|
|
70
56
|
eventType: 'operational',
|
|
@@ -79,9 +65,7 @@ var getRenderCommencedEventPayload = function getRenderCommencedEventPayload(fil
|
|
|
79
65
|
}
|
|
80
66
|
};
|
|
81
67
|
};
|
|
82
|
-
|
|
83
68
|
exports.getRenderCommencedEventPayload = getRenderCommencedEventPayload;
|
|
84
|
-
|
|
85
69
|
var getRenderSucceededEventPayload = function getRenderSucceededEventPayload(fileAttributes, performanceAttributes, ssrReliability, traceContext, metadataTraceContext) {
|
|
86
70
|
return {
|
|
87
71
|
eventType: 'operational',
|
|
@@ -97,9 +81,7 @@ var getRenderSucceededEventPayload = function getRenderSucceededEventPayload(fil
|
|
|
97
81
|
}
|
|
98
82
|
};
|
|
99
83
|
};
|
|
100
|
-
|
|
101
84
|
exports.getRenderSucceededEventPayload = getRenderSucceededEventPayload;
|
|
102
|
-
|
|
103
85
|
var getCacheHitEventPayload = function getCacheHitEventPayload(cardPreviewAttributes) {
|
|
104
86
|
return {
|
|
105
87
|
eventType: 'operational',
|
|
@@ -110,9 +92,7 @@ var getCacheHitEventPayload = function getCacheHitEventPayload(cardPreviewAttrib
|
|
|
110
92
|
}
|
|
111
93
|
};
|
|
112
94
|
};
|
|
113
|
-
|
|
114
95
|
exports.getCacheHitEventPayload = getCacheHitEventPayload;
|
|
115
|
-
|
|
116
96
|
var getRemoteSuccessEventPayload = function getRemoteSuccessEventPayload(cardPreviewAttributes) {
|
|
117
97
|
return {
|
|
118
98
|
eventType: 'operational',
|
|
@@ -123,9 +103,7 @@ var getRemoteSuccessEventPayload = function getRemoteSuccessEventPayload(cardPre
|
|
|
123
103
|
}
|
|
124
104
|
};
|
|
125
105
|
};
|
|
126
|
-
|
|
127
106
|
exports.getRemoteSuccessEventPayload = getRemoteSuccessEventPayload;
|
|
128
|
-
|
|
129
107
|
var getRenderFailedExternalUriPayload = function getRenderFailedExternalUriPayload(fileAttributes, performanceAttributes) {
|
|
130
108
|
return {
|
|
131
109
|
eventType: 'operational',
|
|
@@ -139,9 +117,7 @@ var getRenderFailedExternalUriPayload = function getRenderFailedExternalUriPaylo
|
|
|
139
117
|
}
|
|
140
118
|
};
|
|
141
119
|
};
|
|
142
|
-
|
|
143
120
|
exports.getRenderFailedExternalUriPayload = getRenderFailedExternalUriPayload;
|
|
144
|
-
|
|
145
121
|
var getRenderErrorFailReason = function getRenderErrorFailReason(error) {
|
|
146
122
|
if ((0, _errors.isMediaCardError)(error)) {
|
|
147
123
|
return error.primaryReason;
|
|
@@ -149,23 +125,17 @@ var getRenderErrorFailReason = function getRenderErrorFailReason(error) {
|
|
|
149
125
|
return 'nativeError';
|
|
150
126
|
}
|
|
151
127
|
};
|
|
152
|
-
|
|
153
128
|
exports.getRenderErrorFailReason = getRenderErrorFailReason;
|
|
154
|
-
|
|
155
129
|
var getRenderErrorErrorReason = function getRenderErrorErrorReason(error) {
|
|
156
130
|
if ((0, _errors.isMediaCardError)(error) && error.secondaryError) {
|
|
157
131
|
var mediaClientReason = (0, _mediaClient.getMediaClientErrorReason)(error.secondaryError);
|
|
158
|
-
|
|
159
132
|
if (mediaClientReason !== 'unknown') {
|
|
160
133
|
return mediaClientReason;
|
|
161
134
|
}
|
|
162
135
|
}
|
|
163
|
-
|
|
164
136
|
return 'nativeError';
|
|
165
137
|
};
|
|
166
|
-
|
|
167
138
|
exports.getRenderErrorErrorReason = getRenderErrorErrorReason;
|
|
168
|
-
|
|
169
139
|
var getRenderErrorErrorDetail = function getRenderErrorErrorDetail(error) {
|
|
170
140
|
if ((0, _errors.isMediaCardError)(error) && error.secondaryError) {
|
|
171
141
|
return error.secondaryError.message;
|
|
@@ -173,27 +143,20 @@ var getRenderErrorErrorDetail = function getRenderErrorErrorDetail(error) {
|
|
|
173
143
|
return error.message;
|
|
174
144
|
}
|
|
175
145
|
};
|
|
176
|
-
|
|
177
146
|
exports.getRenderErrorErrorDetail = getRenderErrorErrorDetail;
|
|
178
|
-
|
|
179
147
|
var getErrorTraceContext = function getErrorTraceContext(error) {
|
|
180
148
|
if ((0, _errors.isMediaCardError)(error) && !!error.secondaryError && (0, _mediaClient.isRequestError)(error.secondaryError)) {
|
|
181
149
|
var _error$secondaryError;
|
|
182
|
-
|
|
183
150
|
return (_error$secondaryError = error.secondaryError.metadata) === null || _error$secondaryError === void 0 ? void 0 : _error$secondaryError.traceContext;
|
|
184
151
|
}
|
|
185
152
|
};
|
|
186
|
-
|
|
187
153
|
exports.getErrorTraceContext = getErrorTraceContext;
|
|
188
|
-
|
|
189
154
|
var getRenderErrorRequestMetadata = function getRenderErrorRequestMetadata(error) {
|
|
190
155
|
if ((0, _errors.isMediaCardError)(error) && !!error.secondaryError && (0, _mediaClient.isRequestError)(error.secondaryError)) {
|
|
191
156
|
return error.secondaryError.metadata;
|
|
192
157
|
}
|
|
193
158
|
};
|
|
194
|
-
|
|
195
159
|
exports.getRenderErrorRequestMetadata = getRenderErrorRequestMetadata;
|
|
196
|
-
|
|
197
160
|
var extractErrorInfo = function extractErrorInfo(error, metadataTraceContext) {
|
|
198
161
|
return {
|
|
199
162
|
failReason: getRenderErrorFailReason(error),
|
|
@@ -202,9 +165,7 @@ var extractErrorInfo = function extractErrorInfo(error, metadataTraceContext) {
|
|
|
202
165
|
metadataTraceContext: metadataTraceContext !== null && metadataTraceContext !== void 0 ? metadataTraceContext : getErrorTraceContext(error)
|
|
203
166
|
};
|
|
204
167
|
};
|
|
205
|
-
|
|
206
168
|
exports.extractErrorInfo = extractErrorInfo;
|
|
207
|
-
|
|
208
169
|
var getRenderErrorEventPayload = function getRenderErrorEventPayload(fileAttributes, performanceAttributes, error, ssrReliability, traceContext, metadataTraceContext) {
|
|
209
170
|
return {
|
|
210
171
|
eventType: 'operational',
|
|
@@ -221,9 +182,7 @@ var getRenderErrorEventPayload = function getRenderErrorEventPayload(fileAttribu
|
|
|
221
182
|
})
|
|
222
183
|
};
|
|
223
184
|
};
|
|
224
|
-
|
|
225
185
|
exports.getRenderErrorEventPayload = getRenderErrorEventPayload;
|
|
226
|
-
|
|
227
186
|
var getErrorEventPayload = function getErrorEventPayload(cardStatus, fileAttributes, error, ssrReliability, traceContext, metadataTraceContext) {
|
|
228
187
|
return {
|
|
229
188
|
eventType: 'operational',
|
|
@@ -240,9 +199,7 @@ var getErrorEventPayload = function getErrorEventPayload(cardStatus, fileAttribu
|
|
|
240
199
|
})
|
|
241
200
|
};
|
|
242
201
|
};
|
|
243
|
-
|
|
244
202
|
exports.getErrorEventPayload = getErrorEventPayload;
|
|
245
|
-
|
|
246
203
|
var getRenderFailedFileStatusPayload = function getRenderFailedFileStatusPayload(fileAttributes, performanceAttributes, ssrReliability, traceContext, metadataTraceContext) {
|
|
247
204
|
return {
|
|
248
205
|
eventType: 'operational',
|
|
@@ -259,9 +216,7 @@ var getRenderFailedFileStatusPayload = function getRenderFailedFileStatusPayload
|
|
|
259
216
|
}
|
|
260
217
|
};
|
|
261
218
|
};
|
|
262
|
-
|
|
263
219
|
exports.getRenderFailedFileStatusPayload = getRenderFailedFileStatusPayload;
|
|
264
|
-
|
|
265
220
|
var getCopiedFilePayload = function getCopiedFilePayload(fileId) {
|
|
266
221
|
return {
|
|
267
222
|
eventType: 'ui',
|
|
@@ -271,18 +226,14 @@ var getCopiedFilePayload = function getCopiedFilePayload(fileId) {
|
|
|
271
226
|
attributes: {}
|
|
272
227
|
};
|
|
273
228
|
};
|
|
274
|
-
|
|
275
229
|
exports.getCopiedFilePayload = getCopiedFilePayload;
|
|
276
|
-
|
|
277
230
|
function fireMediaCardEvent(payload, createAnalyticsEvent) {
|
|
278
231
|
if (createAnalyticsEvent) {
|
|
279
232
|
var event = createAnalyticsEvent(payload);
|
|
280
233
|
event.fire(_mediaCommon.ANALYTICS_MEDIA_CHANNEL);
|
|
281
234
|
}
|
|
282
235
|
}
|
|
283
|
-
|
|
284
236
|
var createAndFireMediaCardEvent = function createAndFireMediaCardEvent(payload) {
|
|
285
237
|
return (0, _analyticsNext.createAndFireEvent)(_mediaCommon.ANALYTICS_MEDIA_CHANNEL)(payload);
|
|
286
238
|
};
|
|
287
|
-
|
|
288
239
|
exports.createAndFireMediaCardEvent = createAndFireMediaCardEvent;
|