@atlaskit/media-card 77.0.3 → 77.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 +107 -95
- package/dist/cjs/card/card.js +8 -10
- package/dist/cjs/card/cardAnalytics.js +6 -11
- package/dist/cjs/card/cardConstants.js +1 -2
- package/dist/cjs/card/cardLoader.js +1 -2
- package/dist/cjs/card/cardState.js +3 -5
- package/dist/cjs/card/cardSwitcher.js +5 -2
- package/dist/cjs/card/cardView.js +3 -5
- package/dist/cjs/card/classnames.js +2 -4
- package/dist/cjs/card/getCardPreview/cache.js +3 -6
- package/dist/cjs/card/getCardPreview/filePreviewStatus.js +3 -5
- package/dist/cjs/card/getCardPreview/helpers.js +4 -7
- package/dist/cjs/card/getCardPreview/index.js +13 -25
- package/dist/cjs/card/getCardStatus.js +3 -5
- package/dist/cjs/card/inlinePlayer.js +3 -6
- package/dist/cjs/card/inlinePlayerLazy.js +2 -3
- package/dist/cjs/card/inlinePlayerWrapper.js +2 -3
- package/dist/cjs/card/inlinePlayerWrapperStyles.js +2 -4
- package/dist/cjs/card/media-card-analytics-error-boundary.js +5 -6
- package/dist/cjs/card/ui/actionsBar/actionsBar.js +2 -3
- package/dist/cjs/card/ui/actionsBar/actionsBarWrapper.js +2 -3
- package/dist/cjs/card/ui/actionsBar/cardActions/cardActionButton.js +2 -3
- package/dist/cjs/card/ui/actionsBar/cardActions/cardActionIconButton.js +2 -3
- package/dist/cjs/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.js +2 -3
- package/dist/cjs/card/ui/actionsBar/cardActions/cardActionsView.js +1 -2
- package/dist/cjs/card/ui/actionsBar/cardActions/styles.js +4 -7
- package/dist/cjs/card/ui/actionsBar/styles.js +3 -6
- package/dist/cjs/card/ui/blanket/blanket.js +4 -4
- package/dist/cjs/card/ui/blanket/styles.js +3 -6
- package/dist/cjs/card/ui/common.js +4 -7
- package/dist/cjs/card/ui/iconMessage/iconMessageWrapper.js +2 -3
- package/dist/cjs/card/ui/iconMessage/index.js +7 -13
- package/dist/cjs/card/ui/iconMessage/styles.js +1 -2
- package/dist/cjs/card/ui/iconWrapper/iconWrapper.js +2 -3
- package/dist/cjs/card/ui/iconWrapper/styles.js +1 -2
- package/dist/cjs/card/ui/imageRenderer/imageRenderer.js +2 -3
- package/dist/cjs/card/ui/playButton/playButton.js +2 -3
- package/dist/cjs/card/ui/playButton/playButtonBackground.js +2 -3
- package/dist/cjs/card/ui/playButton/playButtonWrapper.js +2 -3
- package/dist/cjs/card/ui/playButton/styles.js +5 -10
- package/dist/cjs/card/ui/progressBar/progressBar.js +3 -5
- package/dist/cjs/card/ui/progressBar/styledBar.js +2 -3
- package/dist/cjs/card/ui/progressBar/styles.js +1 -2
- package/dist/cjs/card/ui/styles.js +11 -21
- package/dist/cjs/card/ui/tickBox/styles.js +5 -9
- package/dist/cjs/card/ui/tickBox/tickBox.js +2 -3
- package/dist/cjs/card/ui/tickBox/tickBoxWrapper.js +2 -3
- package/dist/cjs/card/ui/titleBox/failedTitleBox.js +2 -3
- package/dist/cjs/card/ui/titleBox/styles.js +5 -10
- package/dist/cjs/card/ui/titleBox/titleBox.js +3 -5
- package/dist/cjs/card/ui/titleBox/titleBoxComponents.js +6 -11
- package/dist/cjs/card/ui/unhandledErrorCard/index.js +2 -3
- package/dist/cjs/card/ui/wrapper/styles.js +1 -2
- package/dist/cjs/card/ui/wrapper/wrapper.js +2 -3
- package/dist/cjs/card/v2/cardV2.js +11 -13
- package/dist/cjs/card/v2/cardV2Loader.js +1 -2
- package/dist/cjs/card/v2/cardViewV2.js +308 -0
- package/dist/cjs/errors.js +13 -25
- package/dist/cjs/inline/loader.js +2 -3
- package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js +3 -4
- package/dist/cjs/inline/mediaInlineCard.js +3 -5
- package/dist/cjs/inline/mediaInlineCardAnalytics.js +4 -7
- package/dist/cjs/types.js +2 -3
- package/dist/cjs/utils/analytics.js +23 -41
- package/dist/cjs/utils/cardDimensions.js +5 -9
- package/dist/cjs/utils/containsPixelUnit.js +2 -3
- package/dist/cjs/utils/dimensionComparer.js +3 -5
- package/dist/cjs/utils/document.js +2 -3
- package/dist/cjs/utils/generateUniqueId.js +2 -3
- package/dist/cjs/utils/getDataURIDimension.js +3 -5
- package/dist/cjs/utils/getElementDimension.js +2 -3
- package/dist/cjs/utils/getMediaCardCursor.js +2 -3
- package/dist/cjs/utils/globalScope/getSSRData.js +2 -3
- package/dist/cjs/utils/globalScope/globalScope.js +6 -11
- package/dist/cjs/utils/isValidPercentageUnit.js +2 -3
- package/dist/cjs/utils/lightCards/cardError.js +1 -2
- package/dist/cjs/utils/lightCards/cardLoading.js +2 -3
- package/dist/cjs/utils/lightCards/errorIcon/index.js +1 -2
- package/dist/cjs/utils/lightCards/errorIcon/styles.js +1 -2
- package/dist/cjs/utils/lightCards/getDimensionsWithDefault.js +2 -3
- package/dist/cjs/utils/lightCards/lightCardWrappers.js +2 -3
- package/dist/cjs/utils/lightCards/styles.js +2 -3
- package/dist/cjs/utils/metadata.js +2 -3
- package/dist/cjs/utils/mockIntersectionObserver.js +5 -6
- package/dist/cjs/utils/objectURLCache.js +4 -7
- package/dist/cjs/utils/preventClickThrough.js +2 -3
- package/dist/cjs/utils/printScript.js +3 -5
- package/dist/cjs/utils/ufoExperiences.js +3 -5
- package/dist/cjs/utils/videoIsPlayable.js +2 -3
- package/dist/cjs/utils/videoSnapshot.js +2 -3
- package/dist/cjs/utils/viewportDetector.js +2 -3
- package/dist/es2019/card/card.js +1 -1
- package/dist/es2019/card/cardSwitcher.js +5 -1
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/es2019/card/ui/blanket/blanket.js +2 -1
- package/dist/es2019/card/ui/tickBox/styles.js +1 -1
- package/dist/es2019/card/v2/cardV2.js +4 -4
- package/dist/es2019/card/v2/cardViewV2.js +300 -0
- package/dist/es2019/inline/loader.js +1 -1
- package/dist/es2019/utils/ufoExperiences.js +1 -1
- package/dist/esm/card/card.js +5 -5
- package/dist/esm/card/cardSwitcher.js +5 -1
- package/dist/esm/card/media-card-analytics-error-boundary.js +4 -4
- package/dist/esm/card/ui/blanket/blanket.js +2 -1
- package/dist/esm/card/ui/tickBox/styles.js +1 -1
- package/dist/esm/card/v2/cardV2.js +8 -8
- package/dist/esm/card/v2/cardViewV2.js +299 -0
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js +2 -2
- package/dist/esm/utils/analytics.js +4 -4
- package/dist/esm/utils/mockIntersectionObserver.js +3 -3
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/dist/types/card/cardSwitcher.d.ts +3 -2
- package/dist/types/card/v2/cardViewV2.d.ts +44 -0
- package/dist/types-ts4.5/card/cardSwitcher.d.ts +3 -2
- package/dist/types-ts4.5/card/v2/cardViewV2.d.ts +44 -0
- package/package.json +2 -2
- package/report.api.md +1 -2
- package/tmp/api-report-tmp.d.ts +1 -2
package/dist/cjs/card/card.js
CHANGED
|
@@ -49,8 +49,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
49
49
|
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); }; }
|
|
50
50
|
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; } }
|
|
51
51
|
var packageName = "@atlaskit/media-card";
|
|
52
|
-
var packageVersion = "77.
|
|
53
|
-
var CardBase = /*#__PURE__*/function (_Component) {
|
|
52
|
+
var packageVersion = "77.1.1";
|
|
53
|
+
var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
|
|
54
54
|
(0, _inherits2.default)(CardBase, _Component);
|
|
55
55
|
var _super = _createSuper(CardBase);
|
|
56
56
|
function CardBase(props) {
|
|
@@ -753,7 +753,7 @@ var CardBase = /*#__PURE__*/function (_Component) {
|
|
|
753
753
|
// and then check if the triggered listener is from the card
|
|
754
754
|
// that contains a div in current window.getSelection()
|
|
755
755
|
// won't work in IE11
|
|
756
|
-
(_getDocument = (0, _document.default)()) === null || _getDocument === void 0
|
|
756
|
+
(_getDocument = (0, _document.default)()) === null || _getDocument === void 0 || _getDocument.addEventListener('copy', this.fireCopiedEvent);
|
|
757
757
|
}
|
|
758
758
|
}, {
|
|
759
759
|
key: "componentDidUpdate",
|
|
@@ -875,7 +875,7 @@ var CardBase = /*#__PURE__*/function (_Component) {
|
|
|
875
875
|
var _getDocument2;
|
|
876
876
|
this.hasBeenMounted = false;
|
|
877
877
|
this.unsubscribe();
|
|
878
|
-
(_getDocument2 = (0, _document.default)()) === null || _getDocument2 === void 0
|
|
878
|
+
(_getDocument2 = (0, _document.default)()) === null || _getDocument2 === void 0 || _getDocument2.removeEventListener('copy', this.fireCopiedEvent);
|
|
879
879
|
}
|
|
880
880
|
}, {
|
|
881
881
|
key: "updateStateForIdentifier",
|
|
@@ -945,8 +945,8 @@ var CardBase = /*#__PURE__*/function (_Component) {
|
|
|
945
945
|
}, {
|
|
946
946
|
key: "fileAttributes",
|
|
947
947
|
get: function get() {
|
|
948
|
-
var _this$state6
|
|
949
|
-
return (0, _analytics.getFileAttributes)(this.metadata, (_this$state6 = this.state) === null || _this$state6 === void 0
|
|
948
|
+
var _this$state6;
|
|
949
|
+
return (0, _analytics.getFileAttributes)(this.metadata, (_this$state6 = this.state) === null || _this$state6 === void 0 || (_this$state6 = _this$state6.fileState) === null || _this$state6 === void 0 ? void 0 : _this$state6.status);
|
|
950
950
|
}
|
|
951
951
|
}, {
|
|
952
952
|
key: "fireOperationalEvent",
|
|
@@ -1011,7 +1011,6 @@ var CardBase = /*#__PURE__*/function (_Component) {
|
|
|
1011
1011
|
}]);
|
|
1012
1012
|
return CardBase;
|
|
1013
1013
|
}(_react.Component); // We require this wrapper in order to refresh media card state when the identifier is updated
|
|
1014
|
-
exports.CardBase = CardBase;
|
|
1015
1014
|
(0, _defineProperty2.default)(CardBase, "defaultProps", {
|
|
1016
1015
|
appearance: 'auto',
|
|
1017
1016
|
resizeMode: 'crop',
|
|
@@ -1027,12 +1026,11 @@ var CardWithKey = function CardWithKey(props) {
|
|
|
1027
1026
|
key: key
|
|
1028
1027
|
}));
|
|
1029
1028
|
};
|
|
1030
|
-
var Card = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
1029
|
+
var Card = exports.Card = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
1031
1030
|
packageVersion: packageVersion,
|
|
1032
1031
|
packageName: packageName,
|
|
1033
1032
|
componentName: 'mediaCard',
|
|
1034
1033
|
component: 'mediaCard'
|
|
1035
1034
|
})((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(CardWithKey, {
|
|
1036
1035
|
enforceContext: false
|
|
1037
|
-
})));
|
|
1038
|
-
exports.Card = Card;
|
|
1036
|
+
})));
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.fireScreenEvent = exports.fireOperationalEvent = exports.fireNonCriticalErrorEvent = exports.fireCopiedEvent = exports.fireCommencedEvent = void 0;
|
|
7
7
|
var _analytics = require("../utils/analytics");
|
|
8
8
|
var _errors = require("../errors");
|
|
9
|
-
var fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, status, fileAttributes, performanceAttributes, ssrReliability) {
|
|
9
|
+
var fireOperationalEvent = exports.fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, status, fileAttributes, performanceAttributes, ssrReliability) {
|
|
10
10
|
var error = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : new _errors.MediaCardError('missing-error-data');
|
|
11
11
|
var traceContext = arguments.length > 6 ? arguments[6] : undefined;
|
|
12
12
|
var metadataTraceContext = arguments.length > 7 ? arguments[7] : undefined;
|
|
@@ -25,12 +25,10 @@ var fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, s
|
|
|
25
25
|
break;
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
|
-
exports.
|
|
29
|
-
var fireCommencedEvent = function fireCommencedEvent(createAnalyticsEvent, fileAttributes, performanceAttributes, traceContext) {
|
|
28
|
+
var fireCommencedEvent = exports.fireCommencedEvent = function fireCommencedEvent(createAnalyticsEvent, fileAttributes, performanceAttributes, traceContext) {
|
|
30
29
|
(0, _analytics.fireMediaCardEvent)((0, _analytics.getRenderCommencedEventPayload)(fileAttributes, performanceAttributes, traceContext), createAnalyticsEvent);
|
|
31
30
|
};
|
|
32
|
-
exports.
|
|
33
|
-
var fireCopiedEvent = function fireCopiedEvent(createAnalyticsEvent, fileId, cardRef) {
|
|
31
|
+
var fireCopiedEvent = exports.fireCopiedEvent = function fireCopiedEvent(createAnalyticsEvent, fileId, cardRef) {
|
|
34
32
|
if (typeof window.getSelection === 'function') {
|
|
35
33
|
var _selection$containsNo;
|
|
36
34
|
var selection = window.getSelection();
|
|
@@ -39,16 +37,13 @@ var fireCopiedEvent = function fireCopiedEvent(createAnalyticsEvent, fileId, car
|
|
|
39
37
|
}
|
|
40
38
|
}
|
|
41
39
|
};
|
|
42
|
-
exports.
|
|
43
|
-
var fireScreenEvent = function fireScreenEvent(createAnalyticsEvent, fileAttributes) {
|
|
40
|
+
var fireScreenEvent = exports.fireScreenEvent = function fireScreenEvent(createAnalyticsEvent, fileAttributes) {
|
|
44
41
|
(0, _analytics.fireMediaCardEvent)((0, _analytics.getRenderPreviewableCardPayload)(fileAttributes), createAnalyticsEvent);
|
|
45
42
|
};
|
|
46
|
-
exports.
|
|
47
|
-
var fireNonCriticalErrorEvent = function fireNonCriticalErrorEvent(createAnalyticsEvent, cardStatus, fileAttributes, ssrReliability) {
|
|
43
|
+
var fireNonCriticalErrorEvent = exports.fireNonCriticalErrorEvent = function fireNonCriticalErrorEvent(createAnalyticsEvent, cardStatus, fileAttributes, ssrReliability) {
|
|
48
44
|
var error = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : new _errors.MediaCardError('missing-error-data');
|
|
49
45
|
var traceContext = arguments.length > 5 ? arguments[5] : undefined;
|
|
50
46
|
var metadataTraceContext = arguments.length > 6 ? arguments[6] : undefined;
|
|
51
47
|
var errorPayload = (0, _analytics.getErrorEventPayload)(cardStatus, fileAttributes, error, ssrReliability, traceContext, metadataTraceContext);
|
|
52
48
|
(0, _analytics.fireMediaCardEvent)(errorPayload, createAnalyticsEvent);
|
|
53
|
-
};
|
|
54
|
-
exports.fireNonCriticalErrorEvent = fireNonCriticalErrorEvent;
|
|
49
|
+
};
|
|
@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.newFileExperienceClassName = void 0;
|
|
7
|
-
var newFileExperienceClassName = 'new-file-experience-wrapper';
|
|
8
|
-
exports.newFileExperienceClassName = newFileExperienceClassName;
|
|
7
|
+
var newFileExperienceClassName = exports.newFileExperienceClassName = 'new-file-experience-wrapper';
|
|
@@ -12,7 +12,7 @@ var _getCardPreview = require("./getCardPreview");
|
|
|
12
12
|
* From docs: "Both state and props received by the updater function are guaranteed to be up-to-date.
|
|
13
13
|
* The output of the updater is shallowly merged with state."
|
|
14
14
|
*/
|
|
15
|
-
var createStateUpdater = function createStateUpdater(newState, fireErrorEvent) {
|
|
15
|
+
var createStateUpdater = exports.createStateUpdater = function createStateUpdater(newState, fireErrorEvent) {
|
|
16
16
|
return function (prevState) {
|
|
17
17
|
// Only override if previous status is non-final or new status is 'complete'
|
|
18
18
|
if (!!newState.status && (0, _getCardStatus.isFinalCardStatus)(prevState.status) && newState.status !== 'complete') {
|
|
@@ -24,8 +24,7 @@ var createStateUpdater = function createStateUpdater(newState, fireErrorEvent) {
|
|
|
24
24
|
return newState;
|
|
25
25
|
};
|
|
26
26
|
};
|
|
27
|
-
exports.
|
|
28
|
-
var getCardStateFromFileState = function getCardStateFromFileState(fileState, isBannedLocalPreview, featureFlags) {
|
|
27
|
+
var getCardStateFromFileState = exports.getCardStateFromFileState = function getCardStateFromFileState(fileState, isBannedLocalPreview, featureFlags) {
|
|
29
28
|
var status = (0, _getCardStatus.getCardStatus)(fileState.status, (0, _getCardPreview.extractFilePreviewStatus)(fileState, isBannedLocalPreview));
|
|
30
29
|
var error = status === 'error' && (0, _mediaClient.isErrorFileState)(fileState) ? new _errors.MediaCardError('error-file-state', new Error(fileState.message)) : undefined;
|
|
31
30
|
var progress = status === 'uploading' && fileState.status === 'uploading' ? fileState.progress : 1;
|
|
@@ -35,5 +34,4 @@ var getCardStateFromFileState = function getCardStateFromFileState(fileState, is
|
|
|
35
34
|
progress: progress,
|
|
36
35
|
error: error
|
|
37
36
|
};
|
|
38
|
-
};
|
|
39
|
-
exports.getCardStateFromFileState = getCardStateFromFileState;
|
|
37
|
+
};
|
|
@@ -5,8 +5,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
9
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
9
10
|
var _cardLoader = _interopRequireDefault(require("./cardLoader"));
|
|
10
11
|
var _cardV2Loader = _interopRequireDefault(require("./v2/cardV2Loader"));
|
|
11
|
-
|
|
12
|
-
|
|
12
|
+
function CardSwitcher(props) {
|
|
13
|
+
return (0, _platformFeatureFlags.getBooleanFF)('platform.media-experience.cardv2_7zann') ? /*#__PURE__*/_react.default.createElement(_cardV2Loader.default, props) : /*#__PURE__*/_react.default.createElement(_cardLoader.default, props);
|
|
14
|
+
}
|
|
15
|
+
var _default = exports.default = CardSwitcher;
|
|
@@ -46,7 +46,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
|
|
|
46
46
|
* This is classic vanilla CardView class. To create an instance of class one would need to supply
|
|
47
47
|
* `createAnalyticsEvent` prop to satisfy it's Analytics Events needs.
|
|
48
48
|
*/
|
|
49
|
-
var CardViewBase = /*#__PURE__*/function (_React$Component) {
|
|
49
|
+
var CardViewBase = exports.CardViewBase = /*#__PURE__*/function (_React$Component) {
|
|
50
50
|
(0, _inherits2.default)(CardViewBase, _React$Component);
|
|
51
51
|
var _super = _createSuper(CardViewBase);
|
|
52
52
|
function CardViewBase() {
|
|
@@ -435,16 +435,14 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
|
|
|
435
435
|
}]);
|
|
436
436
|
return CardViewBase;
|
|
437
437
|
}(_react2.default.Component);
|
|
438
|
-
exports.CardViewBase = CardViewBase;
|
|
439
438
|
(0, _defineProperty2.default)(CardViewBase, "defaultProps", {
|
|
440
439
|
appearance: 'auto'
|
|
441
440
|
});
|
|
442
|
-
var CardView = (0, _analyticsNext.withAnalyticsEvents)({
|
|
441
|
+
var CardView = exports.CardView = (0, _analyticsNext.withAnalyticsEvents)({
|
|
443
442
|
onClick: (0, _analytics.createAndFireMediaCardEvent)({
|
|
444
443
|
eventType: 'ui',
|
|
445
444
|
action: 'clicked',
|
|
446
445
|
actionSubject: 'mediaCard',
|
|
447
446
|
attributes: {}
|
|
448
447
|
})
|
|
449
|
-
})(CardViewBase);
|
|
450
|
-
exports.CardView = CardView;
|
|
448
|
+
})(CardViewBase);
|
|
@@ -4,7 +4,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.fileCardImageViewSelector = exports.fileCardImageViewSelectedSelector = void 0;
|
|
7
|
-
var fileCardImageViewSelector = 'media-file-card-view';
|
|
8
|
-
exports.
|
|
9
|
-
var fileCardImageViewSelectedSelector = 'media-file-card-view-selected';
|
|
10
|
-
exports.fileCardImageViewSelectedSelector = fileCardImageViewSelectedSelector;
|
|
7
|
+
var fileCardImageViewSelector = exports.fileCardImageViewSelector = 'media-file-card-view';
|
|
8
|
+
var fileCardImageViewSelectedSelector = exports.fileCardImageViewSelectedSelector = 'media-file-card-view-selected';
|
|
@@ -12,12 +12,11 @@ var _objectURLCache = require("../../utils/objectURLCache");
|
|
|
12
12
|
// Dimensions are used to create a key.
|
|
13
13
|
// Cache is invalidated when different dimensions are provided.
|
|
14
14
|
|
|
15
|
-
var getCacheKey = function getCacheKey(id, mode) {
|
|
15
|
+
var getCacheKey = exports.getCacheKey = function getCacheKey(id, mode) {
|
|
16
16
|
var resizeMode = mode || 'crop';
|
|
17
17
|
return [id, resizeMode].join('-');
|
|
18
18
|
};
|
|
19
|
-
exports.
|
|
20
|
-
var CardPreviewCacheImpl = /*#__PURE__*/(0, _createClass2.default)(function CardPreviewCacheImpl(previewCache) {
|
|
19
|
+
var CardPreviewCacheImpl = exports.CardPreviewCacheImpl = /*#__PURE__*/(0, _createClass2.default)(function CardPreviewCacheImpl(previewCache) {
|
|
21
20
|
var _this = this;
|
|
22
21
|
(0, _classCallCheck2.default)(this, CardPreviewCacheImpl);
|
|
23
22
|
(0, _defineProperty2.default)(this, "get", function (id, mode) {
|
|
@@ -37,6 +36,4 @@ var CardPreviewCacheImpl = /*#__PURE__*/(0, _createClass2.default)(function Card
|
|
|
37
36
|
});
|
|
38
37
|
this.previewCache = previewCache;
|
|
39
38
|
});
|
|
40
|
-
exports.
|
|
41
|
-
var _default = new CardPreviewCacheImpl((0, _objectURLCache.createObjectURLCache)());
|
|
42
|
-
exports.default = _default;
|
|
39
|
+
var _default = exports.default = new CardPreviewCacheImpl((0, _objectURLCache.createObjectURLCache)());
|
|
@@ -9,7 +9,7 @@ var _mediaClient = require("@atlaskit/media-client");
|
|
|
9
9
|
var _helpers = require("./helpers");
|
|
10
10
|
// TODO: align these checks with helpers from Media Client
|
|
11
11
|
// https://product-fabric.atlassian.net/browse/BMPT-1300
|
|
12
|
-
var extractFilePreviewStatus = function extractFilePreviewStatus(fileState, isBannedLocalPreview) {
|
|
12
|
+
var extractFilePreviewStatus = exports.extractFilePreviewStatus = function extractFilePreviewStatus(fileState, isBannedLocalPreview) {
|
|
13
13
|
var hasFilesize = 'size' in fileState && !!fileState.size;
|
|
14
14
|
var _ref = 'mediaType' in fileState && fileState || {},
|
|
15
15
|
mediaType = _ref.mediaType;
|
|
@@ -31,8 +31,7 @@ var extractFilePreviewStatus = function extractFilePreviewStatus(fileState, isBa
|
|
|
31
31
|
isSupportedByBrowser: isSupportedByBrowser
|
|
32
32
|
};
|
|
33
33
|
};
|
|
34
|
-
exports.
|
|
35
|
-
var isPreviewableStatus = function isPreviewableStatus(cardStatus, _ref3) {
|
|
34
|
+
var isPreviewableStatus = exports.isPreviewableStatus = function isPreviewableStatus(cardStatus, _ref3) {
|
|
36
35
|
var isPreviewable = _ref3.isPreviewable,
|
|
37
36
|
hasPreview = _ref3.hasPreview,
|
|
38
37
|
isSupportedByBrowser = _ref3.isSupportedByBrowser;
|
|
@@ -41,5 +40,4 @@ var isPreviewableStatus = function isPreviewableStatus(cardStatus, _ref3) {
|
|
|
41
40
|
// Then, we only want to show the thumbnail if the file is supported by the browser,
|
|
42
41
|
// this way we prevent playing unsupported videos that are not procesed
|
|
43
42
|
cardStatus === 'processing' && isSupportedByBrowser);
|
|
44
|
-
};
|
|
45
|
-
exports.isPreviewableStatus = isPreviewableStatus;
|
|
43
|
+
};
|
|
@@ -15,10 +15,9 @@ var _errors = require("../../errors");
|
|
|
15
15
|
* This method tells the support for the media
|
|
16
16
|
* types covered in getCardPreviewFromFilePreview
|
|
17
17
|
*/
|
|
18
|
-
var isSupportedLocalPreview = function isSupportedLocalPreview(mediaType) {
|
|
18
|
+
var isSupportedLocalPreview = exports.isSupportedLocalPreview = function isSupportedLocalPreview(mediaType) {
|
|
19
19
|
return mediaType === 'image' || mediaType === 'video';
|
|
20
20
|
};
|
|
21
|
-
exports.isSupportedLocalPreview = isSupportedLocalPreview;
|
|
22
21
|
var getImageLocalPreview = /*#__PURE__*/function () {
|
|
23
22
|
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(value) {
|
|
24
23
|
var orientation, dataURI;
|
|
@@ -80,7 +79,7 @@ var getVideoLocalPreview = /*#__PURE__*/function () {
|
|
|
80
79
|
return _ref2.apply(this, arguments);
|
|
81
80
|
};
|
|
82
81
|
}();
|
|
83
|
-
var getCardPreviewFromFilePreview = /*#__PURE__*/function () {
|
|
82
|
+
var getCardPreviewFromFilePreview = exports.getCardPreviewFromFilePreview = /*#__PURE__*/function () {
|
|
84
83
|
var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(filePreview) {
|
|
85
84
|
var value, resolvedFilePreview, _value, type, mediaType;
|
|
86
85
|
return _regenerator.default.wrap(function _callee3$(_context3) {
|
|
@@ -134,8 +133,7 @@ var getCardPreviewFromFilePreview = /*#__PURE__*/function () {
|
|
|
134
133
|
return _ref3.apply(this, arguments);
|
|
135
134
|
};
|
|
136
135
|
}();
|
|
137
|
-
exports.
|
|
138
|
-
var getCardPreviewFromBackend = /*#__PURE__*/function () {
|
|
136
|
+
var getCardPreviewFromBackend = exports.getCardPreviewFromBackend = /*#__PURE__*/function () {
|
|
139
137
|
var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(mediaClient, id, params, traceContext) {
|
|
140
138
|
var blob;
|
|
141
139
|
return _regenerator.default.wrap(function _callee4$(_context4) {
|
|
@@ -164,5 +162,4 @@ var getCardPreviewFromBackend = /*#__PURE__*/function () {
|
|
|
164
162
|
return function getCardPreviewFromBackend(_x4, _x5, _x6, _x7) {
|
|
165
163
|
return _ref4.apply(this, arguments);
|
|
166
164
|
};
|
|
167
|
-
}();
|
|
168
|
-
exports.getCardPreviewFromBackend = getCardPreviewFromBackend;
|
|
165
|
+
}();
|
|
@@ -44,19 +44,16 @@ var _dimensionComparer = require("../../utils/dimensionComparer");
|
|
|
44
44
|
var _filePreviewStatus = require("./filePreviewStatus");
|
|
45
45
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
46
46
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
47
|
-
var getCardPreviewFromCache = _cache.default.get;
|
|
48
|
-
exports.
|
|
49
|
-
var removeCardPreviewFromCache = _cache.default.remove;
|
|
47
|
+
var getCardPreviewFromCache = exports.getCardPreviewFromCache = _cache.default.get;
|
|
48
|
+
var removeCardPreviewFromCache = exports.removeCardPreviewFromCache = _cache.default.remove;
|
|
50
49
|
|
|
51
50
|
/**
|
|
52
51
|
* Will return the preview if available and supported by the browser
|
|
53
52
|
* See extractFilePreviewStatus "hasLocalPreview" logic
|
|
54
53
|
*/
|
|
55
|
-
exports.
|
|
56
|
-
var getFilePreviewFromFileState = function getFilePreviewFromFileState(fileState) {
|
|
54
|
+
var getFilePreviewFromFileState = exports.getFilePreviewFromFileState = function getFilePreviewFromFileState(fileState) {
|
|
57
55
|
return 'mimeType' in fileState && (0, _mediaCommon.isMimeTypeSupportedByBrowser)(fileState.mimeType) && (0, _mediaClient.isPreviewableFileState)(fileState) ? fileState.preview : undefined;
|
|
58
56
|
};
|
|
59
|
-
exports.getFilePreviewFromFileState = getFilePreviewFromFileState;
|
|
60
57
|
var extendAndCachePreview = function extendAndCachePreview(id, mode, preview, mediaBlobUrlAttrs) {
|
|
61
58
|
var source;
|
|
62
59
|
switch (preview.source) {
|
|
@@ -97,7 +94,7 @@ var extendAndCachePreview = function extendAndCachePreview(id, mode, preview, me
|
|
|
97
94
|
* In that case, we still want to report the local preview error to the caller, for feature realiability track.
|
|
98
95
|
* hence the use of the optional callback onLocalPreviewError
|
|
99
96
|
*/
|
|
100
|
-
var getCardPreview = /*#__PURE__*/function () {
|
|
97
|
+
var getCardPreview = exports.getCardPreview = /*#__PURE__*/function () {
|
|
101
98
|
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
|
|
102
99
|
var mediaClient, id, _ref$dimensions, dimensions, filePreview, onLocalPreviewError, isRemotePreviewReady, imageUrlParams, mediaBlobUrlAttrs, createAnalyticsEvent, featureFlags, traceContext, mode, cachedPreview, dimensionsAreBigger, localPreview, remotePreview;
|
|
103
100
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
@@ -175,8 +172,7 @@ var getCardPreview = /*#__PURE__*/function () {
|
|
|
175
172
|
return _ref2.apply(this, arguments);
|
|
176
173
|
};
|
|
177
174
|
}();
|
|
178
|
-
exports.
|
|
179
|
-
var shouldResolvePreview = function shouldResolvePreview(_ref3) {
|
|
175
|
+
var shouldResolvePreview = exports.shouldResolvePreview = function shouldResolvePreview(_ref3) {
|
|
180
176
|
var status = _ref3.status,
|
|
181
177
|
fileState = _ref3.fileState,
|
|
182
178
|
prevDimensions = _ref3.prevDimensions,
|
|
@@ -192,8 +188,7 @@ var shouldResolvePreview = function shouldResolvePreview(_ref3) {
|
|
|
192
188
|
// We should not fetch the preview if the upfront one hasn't been resolved yet (it could be resolving now), even if there are new dimensions.
|
|
193
189
|
return wasResolvedUpfrontPreview && statusIsPreviewable && (!hasCardPreview || dimensionsAreBigger);
|
|
194
190
|
};
|
|
195
|
-
exports.
|
|
196
|
-
var getSSRCardPreview = function getSSRCardPreview(ssr, mediaClient, id, params, mediaBlobUrlAttrs) {
|
|
191
|
+
var getSSRCardPreview = exports.getSSRCardPreview = function getSSRCardPreview(ssr, mediaClient, id, params, mediaBlobUrlAttrs) {
|
|
197
192
|
var dataURI;
|
|
198
193
|
try {
|
|
199
194
|
var rawDataURI = mediaClient.getImageUrlSync(id, params);
|
|
@@ -210,31 +205,25 @@ var getSSRCardPreview = function getSSRCardPreview(ssr, mediaClient, id, params,
|
|
|
210
205
|
throw new _errors.SsrPreviewError(reason, e instanceof Error ? e : undefined);
|
|
211
206
|
}
|
|
212
207
|
};
|
|
213
|
-
exports.
|
|
214
|
-
var isLocalPreview = function isLocalPreview(preview) {
|
|
208
|
+
var isLocalPreview = exports.isLocalPreview = function isLocalPreview(preview) {
|
|
215
209
|
var localSources = ['local', 'cache-local'];
|
|
216
210
|
return localSources.includes(preview.source);
|
|
217
211
|
};
|
|
218
|
-
exports.
|
|
219
|
-
var isSSRPreview = function isSSRPreview(preview) {
|
|
212
|
+
var isSSRPreview = exports.isSSRPreview = function isSSRPreview(preview) {
|
|
220
213
|
return isSSRClientPreview(preview) || isSSRServerPreview(preview) || isSSRDataPreview(preview);
|
|
221
214
|
};
|
|
222
|
-
exports.
|
|
223
|
-
var isSSRServerPreview = function isSSRServerPreview(preview) {
|
|
215
|
+
var isSSRServerPreview = exports.isSSRServerPreview = function isSSRServerPreview(preview) {
|
|
224
216
|
var ssrClientSources = ['ssr-server', 'cache-ssr-server'];
|
|
225
217
|
return ssrClientSources.includes(preview.source);
|
|
226
218
|
};
|
|
227
|
-
exports.
|
|
228
|
-
var isSSRClientPreview = function isSSRClientPreview(preview) {
|
|
219
|
+
var isSSRClientPreview = exports.isSSRClientPreview = function isSSRClientPreview(preview) {
|
|
229
220
|
var ssrClientSources = ['ssr-client', 'cache-ssr-client'];
|
|
230
221
|
return ssrClientSources.includes(preview.source);
|
|
231
222
|
};
|
|
232
|
-
exports.
|
|
233
|
-
var isSSRDataPreview = function isSSRDataPreview(preview) {
|
|
223
|
+
var isSSRDataPreview = exports.isSSRDataPreview = function isSSRDataPreview(preview) {
|
|
234
224
|
return preview.source === 'ssr-data';
|
|
235
225
|
};
|
|
236
|
-
exports.
|
|
237
|
-
var fetchAndCacheRemotePreview = /*#__PURE__*/function () {
|
|
226
|
+
var fetchAndCacheRemotePreview = exports.fetchAndCacheRemotePreview = /*#__PURE__*/function () {
|
|
238
227
|
var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(mediaClient, id, dimensions, params, mediaBlobUrlAttrs, traceContext) {
|
|
239
228
|
var remotePreview;
|
|
240
229
|
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
@@ -256,5 +245,4 @@ var fetchAndCacheRemotePreview = /*#__PURE__*/function () {
|
|
|
256
245
|
return function fetchAndCacheRemotePreview(_x2, _x3, _x4, _x5, _x6, _x7) {
|
|
257
246
|
return _ref4.apply(this, arguments);
|
|
258
247
|
};
|
|
259
|
-
}();
|
|
260
|
-
exports.fetchAndCacheRemotePreview = fetchAndCacheRemotePreview;
|
|
248
|
+
}();
|
|
@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.isFinalCardStatus = exports.getCardStatus = void 0;
|
|
7
|
-
var isFinalCardStatus = function isFinalCardStatus(status) {
|
|
7
|
+
var isFinalCardStatus = exports.isFinalCardStatus = function isFinalCardStatus(status) {
|
|
8
8
|
return ['complete', 'error', 'failed-processing'].includes(status);
|
|
9
9
|
};
|
|
10
|
-
exports.
|
|
11
|
-
var getCardStatus = function getCardStatus(fileStatus, _ref) {
|
|
10
|
+
var getCardStatus = exports.getCardStatus = function getCardStatus(fileStatus, _ref) {
|
|
12
11
|
var isPreviewable = _ref.isPreviewable,
|
|
13
12
|
hasPreview = _ref.hasPreview;
|
|
14
13
|
switch (fileStatus) {
|
|
@@ -25,5 +24,4 @@ var getCardStatus = function getCardStatus(fileStatus, _ref) {
|
|
|
25
24
|
default:
|
|
26
25
|
return 'loading';
|
|
27
26
|
}
|
|
28
|
-
};
|
|
29
|
-
exports.getCardStatus = getCardStatus;
|
|
27
|
+
};
|
|
@@ -30,7 +30,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
30
30
|
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; }
|
|
31
31
|
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); }; }
|
|
32
32
|
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; } }
|
|
33
|
-
var getPreferredVideoArtifact = function getPreferredVideoArtifact(fileState) {
|
|
33
|
+
var getPreferredVideoArtifact = exports.getPreferredVideoArtifact = function getPreferredVideoArtifact(fileState) {
|
|
34
34
|
if (fileState.status === 'processed' || fileState.status === 'processing') {
|
|
35
35
|
var artifacts = fileState.artifacts;
|
|
36
36
|
if (!artifacts) {
|
|
@@ -40,8 +40,7 @@ var getPreferredVideoArtifact = function getPreferredVideoArtifact(fileState) {
|
|
|
40
40
|
}
|
|
41
41
|
return undefined;
|
|
42
42
|
};
|
|
43
|
-
exports.
|
|
44
|
-
var InlinePlayerBase = /*#__PURE__*/function (_Component) {
|
|
43
|
+
var InlinePlayerBase = exports.InlinePlayerBase = /*#__PURE__*/function (_Component) {
|
|
45
44
|
(0, _inherits2.default)(InlinePlayerBase, _Component);
|
|
46
45
|
var _super = _createSuper(InlinePlayerBase);
|
|
47
46
|
function InlinePlayerBase() {
|
|
@@ -295,7 +294,6 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
295
294
|
}]);
|
|
296
295
|
return InlinePlayerBase;
|
|
297
296
|
}(_react.Component);
|
|
298
|
-
exports.InlinePlayerBase = InlinePlayerBase;
|
|
299
297
|
(0, _defineProperty2.default)(InlinePlayerBase, "defaultProps", {
|
|
300
298
|
dimensions: _utils.defaultImageCardDimensions
|
|
301
299
|
});
|
|
@@ -304,5 +302,4 @@ var InlinePlayerForwardRef = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
304
302
|
forwardRef: ref
|
|
305
303
|
}));
|
|
306
304
|
});
|
|
307
|
-
var InlinePlayer = InlinePlayerForwardRef;
|
|
308
|
-
exports.InlinePlayer = InlinePlayer;
|
|
305
|
+
var InlinePlayer = exports.InlinePlayer = InlinePlayerForwardRef;
|
|
@@ -11,7 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
|
|
|
11
11
|
var _react = require("react");
|
|
12
12
|
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); }
|
|
13
13
|
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; }
|
|
14
|
-
var InlinePlayerLazy = /*#__PURE__*/(0, _react.lazy)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
14
|
+
var InlinePlayerLazy = exports.InlinePlayerLazy = /*#__PURE__*/(0, _react.lazy)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
15
15
|
var _yield$import, InlinePlayer;
|
|
16
16
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
17
17
|
while (1) switch (_context.prev = _context.next) {
|
|
@@ -32,5 +32,4 @@ var InlinePlayerLazy = /*#__PURE__*/(0, _react.lazy)( /*#__PURE__*/(0, _asyncToG
|
|
|
32
32
|
return _context.stop();
|
|
33
33
|
}
|
|
34
34
|
}, _callee);
|
|
35
|
-
})));
|
|
36
|
-
exports.InlinePlayerLazy = InlinePlayerLazy;
|
|
35
|
+
})));
|
|
@@ -8,7 +8,7 @@ var _react = require("@emotion/react");
|
|
|
8
8
|
var _inlinePlayerWrapperStyles = require("./inlinePlayerWrapperStyles");
|
|
9
9
|
/**@jsx jsx */
|
|
10
10
|
|
|
11
|
-
var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
|
|
11
|
+
var InlinePlayerWrapper = exports.InlinePlayerWrapper = function InlinePlayerWrapper(props) {
|
|
12
12
|
var testId = props.testId,
|
|
13
13
|
selected = props.selected,
|
|
14
14
|
dimensions = props.dimensions,
|
|
@@ -25,5 +25,4 @@ var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
|
|
|
25
25
|
onClick: onClick,
|
|
26
26
|
ref: innerRef
|
|
27
27
|
}, props.children);
|
|
28
|
-
};
|
|
29
|
-
exports.InlinePlayerWrapper = InlinePlayerWrapper;
|
|
28
|
+
};
|
|
@@ -19,12 +19,10 @@ var getSelectedBorderStyle = function getSelectedBorderStyle(_ref) {
|
|
|
19
19
|
var selected = _ref.selected;
|
|
20
20
|
return "\n ".concat(_selection.hideNativeBrowserTextSelectionStyles, "\n\n &::after {\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n box-sizing: border-box;\n pointer-events: none;\n ").concat(_constants.borderRadius, "\n ").concat(selected ? (0, _selection.getSelectionStyles)([_selection.SelectionStyle.Border]) : '', "\n }\n ");
|
|
21
21
|
};
|
|
22
|
-
var inlinePlayerClassName = 'media-card-inline-player';
|
|
23
|
-
exports.
|
|
24
|
-
var inlinePlayerWrapperStyles = function inlinePlayerWrapperStyles(_ref2) {
|
|
22
|
+
var inlinePlayerClassName = exports.inlinePlayerClassName = 'media-card-inline-player';
|
|
23
|
+
var inlinePlayerWrapperStyles = exports.inlinePlayerWrapperStyles = function inlinePlayerWrapperStyles(_ref2) {
|
|
25
24
|
var dimensions = _ref2.dimensions,
|
|
26
25
|
selected = _ref2.selected;
|
|
27
26
|
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: ", ";\n height: ", ";\n overflow: hidden;\n border-radius: ", "px;\n position: relative;\n max-width: 100%;\n max-height: 100%;\n\n ", "\n\n video {\n width: 100%;\n height: 100%;\n }\n"])), (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).width || '100%', (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).height || 'auto', (0, _constants.borderRadius)(), getSelectedBorderStyle(selected));
|
|
28
27
|
};
|
|
29
|
-
exports.inlinePlayerWrapperStyles = inlinePlayerWrapperStyles;
|
|
30
28
|
inlinePlayerWrapperStyles.displayName = 'InlinePlayerWrapper';
|
|
@@ -29,7 +29,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
29
29
|
(0, _classCallCheck2.default)(this, WrappedMediaCardAnalyticsErrorBoundary);
|
|
30
30
|
_this = _super.call(this, props);
|
|
31
31
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireOperationalEvent", function (error, info) {
|
|
32
|
-
var _window
|
|
32
|
+
var _window;
|
|
33
33
|
var _this$props = _this.props,
|
|
34
34
|
_this$props$data = _this$props.data,
|
|
35
35
|
data = _this$props$data === void 0 ? {} : _this$props$data,
|
|
@@ -39,7 +39,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
39
39
|
action: 'failed',
|
|
40
40
|
actionSubject: 'mediaCardRender',
|
|
41
41
|
attributes: _objectSpread({
|
|
42
|
-
browserInfo: (_window = window) !== null && _window !== void 0 && (_window
|
|
42
|
+
browserInfo: (_window = window) !== null && _window !== void 0 && (_window = _window.navigator) !== null && _window !== void 0 && _window.userAgent ? window.navigator.userAgent : 'unknown',
|
|
43
43
|
error: error,
|
|
44
44
|
info: info,
|
|
45
45
|
failReason: 'unexpected-error'
|
|
@@ -50,7 +50,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
50
50
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOnClick", function (event) {
|
|
51
51
|
try {
|
|
52
52
|
var _this$props$onClick, _this$props2;
|
|
53
|
-
(_this$props$onClick = (_this$props2 = _this.props).onClick) === null || _this$props$onClick === void 0
|
|
53
|
+
(_this$props$onClick = (_this$props2 = _this.props).onClick) === null || _this$props$onClick === void 0 || _this$props$onClick.call(_this$props2, {
|
|
54
54
|
event: event
|
|
55
55
|
});
|
|
56
56
|
} catch (e) {}
|
|
@@ -90,12 +90,11 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
90
90
|
}(_react.default.Component);
|
|
91
91
|
(0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
92
92
|
var packageName = "@atlaskit/media-card";
|
|
93
|
-
var packageVersion = "77.
|
|
93
|
+
var packageVersion = "77.1.1";
|
|
94
94
|
var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
95
95
|
packageVersion: packageVersion,
|
|
96
96
|
packageName: packageName,
|
|
97
97
|
componentName: 'mediaCard',
|
|
98
98
|
component: 'mediaCard'
|
|
99
99
|
})((0, _analyticsNext.withAnalyticsEvents)()(WrappedMediaCardAnalyticsErrorBoundary));
|
|
100
|
-
var _default = MediaCardAnalyticsErrorBoundary;
|
|
101
|
-
exports.default = _default;
|
|
100
|
+
var _default = exports.default = MediaCardAnalyticsErrorBoundary;
|
|
@@ -15,7 +15,7 @@ var _cardActions = require("./cardActions");
|
|
|
15
15
|
var _actionsBarWrapper = require("./actionsBarWrapper");
|
|
16
16
|
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); }; }
|
|
17
17
|
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; } }
|
|
18
|
-
var ActionsBar = /*#__PURE__*/function (_React$Component) {
|
|
18
|
+
var ActionsBar = exports.ActionsBar = /*#__PURE__*/function (_React$Component) {
|
|
19
19
|
(0, _inherits2.default)(ActionsBar, _React$Component);
|
|
20
20
|
var _super = _createSuper(ActionsBar);
|
|
21
21
|
function ActionsBar() {
|
|
@@ -40,5 +40,4 @@ var ActionsBar = /*#__PURE__*/function (_React$Component) {
|
|
|
40
40
|
}
|
|
41
41
|
}]);
|
|
42
42
|
return ActionsBar;
|
|
43
|
-
}(_react.default.Component);
|
|
44
|
-
exports.ActionsBar = ActionsBar;
|
|
43
|
+
}(_react.default.Component);
|
|
@@ -8,11 +8,10 @@ var _react = require("@emotion/react");
|
|
|
8
8
|
var _styles = require("./styles");
|
|
9
9
|
/**@jsx jsx */
|
|
10
10
|
|
|
11
|
-
var ActionsBarWrapper = function ActionsBarWrapper(props) {
|
|
11
|
+
var ActionsBarWrapper = exports.ActionsBarWrapper = function ActionsBarWrapper(props) {
|
|
12
12
|
return (0, _react.jsx)("div", {
|
|
13
13
|
id: "actionsBarWrapper",
|
|
14
14
|
css: (0, _styles.wrapperStyles)(props.isFixed),
|
|
15
15
|
className: _styles.actionsBarClassName
|
|
16
16
|
}, props.children);
|
|
17
|
-
};
|
|
18
|
-
exports.ActionsBarWrapper = ActionsBarWrapper;
|
|
17
|
+
};
|
|
@@ -9,7 +9,7 @@ var _react2 = require("@emotion/react");
|
|
|
9
9
|
var _styles = require("./styles");
|
|
10
10
|
/**@jsx jsx */
|
|
11
11
|
|
|
12
|
-
var CardActionButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
12
|
+
var CardActionButton = exports.CardActionButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
13
13
|
return (0, _react2.jsx)("div", {
|
|
14
14
|
id: "cardActionButton",
|
|
15
15
|
"data-testid": "media-card-primary-action",
|
|
@@ -19,5 +19,4 @@ var CardActionButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
|
|
|
19
19
|
onMouseDown: props.onMouseDown,
|
|
20
20
|
ref: ref
|
|
21
21
|
}, props.children);
|
|
22
|
-
});
|
|
23
|
-
exports.CardActionButton = CardActionButton;
|
|
22
|
+
});
|
|
@@ -19,7 +19,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
19
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; }
|
|
20
20
|
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); }; }
|
|
21
21
|
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; } }
|
|
22
|
-
var CardActionIconButton = /*#__PURE__*/function (_Component) {
|
|
22
|
+
var CardActionIconButton = exports.CardActionIconButton = /*#__PURE__*/function (_Component) {
|
|
23
23
|
(0, _inherits2.default)(CardActionIconButton, _Component);
|
|
24
24
|
var _super = _createSuper(CardActionIconButton);
|
|
25
25
|
function CardActionIconButton() {
|
|
@@ -55,5 +55,4 @@ var CardActionIconButton = /*#__PURE__*/function (_Component) {
|
|
|
55
55
|
}
|
|
56
56
|
}]);
|
|
57
57
|
return CardActionIconButton;
|
|
58
|
-
}(_react.Component);
|
|
59
|
-
exports.CardActionIconButton = CardActionIconButton;
|
|
58
|
+
}(_react.Component);
|
|
@@ -58,7 +58,7 @@ var createDropdownItemWithAnalytics = function createDropdownItemWithAnalytics(a
|
|
|
58
58
|
onClick: handler
|
|
59
59
|
}, label);
|
|
60
60
|
};
|
|
61
|
-
var CardActionsDropdownMenu = /*#__PURE__*/function (_Component) {
|
|
61
|
+
var CardActionsDropdownMenu = exports.CardActionsDropdownMenu = /*#__PURE__*/function (_Component) {
|
|
62
62
|
(0, _inherits2.default)(CardActionsDropdownMenu, _Component);
|
|
63
63
|
var _super = _createSuper(CardActionsDropdownMenu);
|
|
64
64
|
function CardActionsDropdownMenu() {
|
|
@@ -97,5 +97,4 @@ var CardActionsDropdownMenu = /*#__PURE__*/function (_Component) {
|
|
|
97
97
|
}
|
|
98
98
|
}]);
|
|
99
99
|
return CardActionsDropdownMenu;
|
|
100
|
-
}(_react.Component);
|
|
101
|
-
exports.CardActionsDropdownMenu = CardActionsDropdownMenu;
|
|
100
|
+
}(_react.Component);
|