@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,17 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.errorIconWrapperStyles = void 0;
|
|
9
|
-
|
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
-
|
|
12
9
|
var _react = require("@emotion/react");
|
|
13
|
-
|
|
14
10
|
var _templateObject;
|
|
15
|
-
|
|
16
11
|
var errorIconWrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n color: ", ";\n"])), "var(--ds-icon-warning, #ff991f)");
|
|
17
12
|
exports.errorIconWrapperStyles = errorIconWrapperStyles;
|
|
@@ -1,53 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.FileIcon = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
11
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
|
|
18
12
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
|
|
20
13
|
var _react = require("@emotion/react");
|
|
21
|
-
|
|
22
14
|
var _react2 = require("react");
|
|
23
|
-
|
|
24
15
|
var _mediaTypeIcon = require("@atlaskit/media-ui/media-type-icon");
|
|
25
|
-
|
|
26
16
|
var _styles = require("./styles");
|
|
27
|
-
|
|
28
17
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
29
|
-
|
|
30
18
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
31
|
-
|
|
32
19
|
var fileTypeIconClass = 'file-type-icon';
|
|
33
|
-
|
|
34
20
|
var FileIcon = /*#__PURE__*/function (_Component) {
|
|
35
21
|
(0, _inherits2.default)(FileIcon, _Component);
|
|
36
|
-
|
|
37
22
|
var _super = _createSuper(FileIcon);
|
|
38
|
-
|
|
39
23
|
function FileIcon() {
|
|
40
24
|
(0, _classCallCheck2.default)(this, FileIcon);
|
|
41
25
|
return _super.apply(this, arguments);
|
|
42
26
|
}
|
|
43
|
-
|
|
44
27
|
(0, _createClass2.default)(FileIcon, [{
|
|
45
28
|
key: "render",
|
|
46
29
|
value: function render() {
|
|
47
30
|
var _this$props = this.props,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
31
|
+
mediaType = _this$props.mediaType,
|
|
32
|
+
iconUrl = _this$props.iconUrl,
|
|
33
|
+
style = _this$props.style;
|
|
51
34
|
var type = mediaType || 'unknown';
|
|
52
35
|
var defaultIcon = (0, _react.jsx)(_mediaTypeIcon.MediaTypeIcon, {
|
|
53
36
|
type: mediaType,
|
|
@@ -68,5 +51,4 @@ var FileIcon = /*#__PURE__*/function (_Component) {
|
|
|
68
51
|
}]);
|
|
69
52
|
return FileIcon;
|
|
70
53
|
}(_react2.Component);
|
|
71
|
-
|
|
72
54
|
exports.FileIcon = FileIcon;
|
|
@@ -1,19 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.fileTypeIconStyles = void 0;
|
|
9
|
-
|
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
-
|
|
12
9
|
var _react = require("@emotion/react");
|
|
13
|
-
|
|
14
10
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
15
|
-
|
|
16
11
|
var _templateObject;
|
|
17
|
-
|
|
18
12
|
var fileTypeIconStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n float: left;\n margin-right: 6px;\n position: relative;\n top: 1px;\n img {\n ", ";\n }\n"])), (0, _mediaUi.size)('12px !important'));
|
|
19
13
|
exports.fileTypeIconStyles = fileTypeIconStyles;
|
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.generateUniqueId = void 0;
|
|
7
|
-
|
|
8
7
|
var generateUniqueId = function generateUniqueId() {
|
|
9
8
|
return (performance.now().toString(36) + Math.random().toString(36)).replace(/\./g, '');
|
|
10
9
|
};
|
|
11
|
-
|
|
12
10
|
exports.generateUniqueId = generateUniqueId;
|
|
@@ -4,38 +4,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getRequestedDimensions = exports.getDataURIDimension = void 0;
|
|
7
|
-
|
|
8
7
|
var _isRetina = require("./isRetina");
|
|
9
|
-
|
|
10
8
|
var _getElementDimension = require("./getElementDimension");
|
|
11
|
-
|
|
12
9
|
var _cardDimensions = require("./cardDimensions");
|
|
13
|
-
|
|
14
10
|
var _isValidPercentageUnit = require("./isValidPercentageUnit");
|
|
15
|
-
|
|
16
11
|
var _containsPixelUnit = require("./containsPixelUnit");
|
|
17
|
-
|
|
18
12
|
var getDataURIDimension = function getDataURIDimension(dimension, options) {
|
|
19
13
|
var retinaFactor = (0, _isRetina.isRetina)() ? 2 : 1;
|
|
20
14
|
var dimensionValue = options.dimensions && options.dimensions[dimension] || '';
|
|
21
|
-
|
|
22
15
|
if ((0, _isValidPercentageUnit.isValidPercentageUnit)(dimensionValue) && options.element) {
|
|
23
16
|
return (0, _getElementDimension.getElementDimension)(options.element, dimension) * retinaFactor;
|
|
24
17
|
}
|
|
25
|
-
|
|
26
18
|
if (typeof dimensionValue === 'number') {
|
|
27
19
|
return dimensionValue * retinaFactor;
|
|
28
20
|
}
|
|
29
|
-
|
|
30
21
|
if ((0, _containsPixelUnit.containsPixelUnit)("".concat(dimensionValue))) {
|
|
31
22
|
return parseInt("".concat(dimensionValue), 10) * retinaFactor;
|
|
32
23
|
}
|
|
33
|
-
|
|
34
24
|
return _cardDimensions.defaultImageCardDimensions[dimension] * retinaFactor;
|
|
35
25
|
};
|
|
36
|
-
|
|
37
26
|
exports.getDataURIDimension = getDataURIDimension;
|
|
38
|
-
|
|
39
27
|
var getRequestedDimensions = function getRequestedDimensions(options) {
|
|
40
28
|
var width = getDataURIDimension('width', options);
|
|
41
29
|
var height = getDataURIDimension('height', options);
|
|
@@ -44,5 +32,4 @@ var getRequestedDimensions = function getRequestedDimensions(options) {
|
|
|
44
32
|
height: height
|
|
45
33
|
};
|
|
46
34
|
};
|
|
47
|
-
|
|
48
35
|
exports.getRequestedDimensions = getRequestedDimensions;
|
|
@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getElementDimension = void 0;
|
|
7
|
-
|
|
8
7
|
var getElementDimension = function getElementDimension(element, dimension) {
|
|
9
8
|
var dimensionValue = element.getBoundingClientRect()[dimension];
|
|
10
9
|
return Math.round(dimensionValue);
|
|
11
10
|
};
|
|
12
|
-
|
|
13
11
|
exports.getElementDimension = getElementDimension;
|
|
@@ -1,20 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.getErrorMessage = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _reactIntlNext = require("react-intl-next");
|
|
13
|
-
|
|
14
10
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
15
|
-
|
|
16
11
|
var getErrorMessage = function getErrorMessage(status) {
|
|
17
12
|
return status === 'error' && /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.failed_to_load);
|
|
18
13
|
};
|
|
19
|
-
|
|
20
14
|
exports.getErrorMessage = getErrorMessage;
|
|
@@ -4,29 +4,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getMediaCardCursor = void 0;
|
|
7
|
-
|
|
8
7
|
var _types = require("../types");
|
|
9
|
-
|
|
10
8
|
/**
|
|
11
9
|
* When the returned value is undefined, we'd expect the media card to take the parent's cursor style.
|
|
12
10
|
*/
|
|
11
|
+
|
|
13
12
|
var getMediaCardCursor = function getMediaCardCursor(useInlinePlayer, useMediaViewer, isErrorStatus, hasCardPreview, mediaType) {
|
|
14
13
|
// If error status or no action is requested = NoAction
|
|
15
14
|
if (isErrorStatus || !useInlinePlayer && !useMediaViewer) {
|
|
16
15
|
return;
|
|
17
16
|
}
|
|
18
|
-
|
|
19
17
|
if (!mediaType && (useInlinePlayer || useInlinePlayer && useMediaViewer)) {
|
|
20
18
|
return _types.MediaCardCursor.NotReady;
|
|
21
19
|
} else if (mediaType === 'video' && hasCardPreview && useInlinePlayer) {
|
|
22
20
|
return _types.MediaCardCursor.Action;
|
|
23
21
|
}
|
|
24
|
-
|
|
25
22
|
if (useMediaViewer) {
|
|
26
23
|
return _types.MediaCardCursor.Action;
|
|
27
24
|
}
|
|
28
|
-
|
|
29
25
|
return;
|
|
30
26
|
};
|
|
31
|
-
|
|
32
27
|
exports.getMediaCardCursor = getMediaCardCursor;
|
|
@@ -4,17 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getSSRData = void 0;
|
|
7
|
-
|
|
8
7
|
var _globalScope = require("./globalScope");
|
|
9
|
-
|
|
10
8
|
var getSSRData = function getSSRData(identifier) {
|
|
11
9
|
var mediaCardSsr = (0, _globalScope.getMediaCardSSR)();
|
|
12
|
-
|
|
13
10
|
if (!mediaCardSsr) {
|
|
14
11
|
return;
|
|
15
12
|
}
|
|
16
|
-
|
|
17
13
|
return mediaCardSsr[(0, _globalScope.getKey)(identifier)];
|
|
18
14
|
};
|
|
19
|
-
|
|
20
15
|
exports.getSSRData = getSSRData;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -9,59 +8,47 @@ exports.getKey = exports.StoreSSRDataScript = exports.GLOBAL_MEDIA_NAMESPACE = e
|
|
|
9
8
|
exports.getMediaCardSSR = getMediaCardSSR;
|
|
10
9
|
exports.getMediaGlobalScope = getMediaGlobalScope;
|
|
11
10
|
exports.storeDataURI = void 0;
|
|
12
|
-
|
|
13
11
|
var _react = _interopRequireDefault(require("react"));
|
|
14
|
-
|
|
15
12
|
var _printScript = require("../printScript");
|
|
16
|
-
|
|
17
13
|
// ----- WARNING -----
|
|
18
14
|
// This is a very sensitive fraction of code.
|
|
19
15
|
// Any changes to this file must be tested directly in product before merging.
|
|
20
16
|
// The scripts printed here might differ from what we observe in our internal tests
|
|
21
17
|
// due to minimification, for example.
|
|
18
|
+
|
|
22
19
|
var GLOBAL_MEDIA_CARD_SSR = 'mediaCardSsr';
|
|
23
20
|
exports.GLOBAL_MEDIA_CARD_SSR = GLOBAL_MEDIA_CARD_SSR;
|
|
24
21
|
var GLOBAL_MEDIA_NAMESPACE = '__MEDIA_INTERNAL';
|
|
25
22
|
exports.GLOBAL_MEDIA_NAMESPACE = GLOBAL_MEDIA_NAMESPACE;
|
|
26
|
-
|
|
27
23
|
function getMediaGlobalScope() {
|
|
28
24
|
var globalScope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
|
|
29
25
|
// Must match GLOBAL_MEDIA_NAMESPACE. Can't reference the constant from here.
|
|
30
26
|
var namespace = '__MEDIA_INTERNAL';
|
|
31
|
-
|
|
32
27
|
if (!globalScope[namespace]) {
|
|
33
28
|
globalScope[namespace] = {};
|
|
34
29
|
}
|
|
35
|
-
|
|
36
30
|
return globalScope[namespace];
|
|
37
31
|
}
|
|
38
|
-
|
|
39
32
|
function getMediaCardSSR() {
|
|
40
33
|
var globalScope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
|
|
41
|
-
var globalMedia = getMediaGlobalScope(globalScope);
|
|
42
|
-
|
|
34
|
+
var globalMedia = getMediaGlobalScope(globalScope);
|
|
35
|
+
// Must match GLOBAL_MEDIA_CARD_SSR. Can't reference the constant from here.
|
|
43
36
|
var key = 'mediaCardSsr';
|
|
44
|
-
|
|
45
37
|
if (!globalMedia[key]) {
|
|
46
38
|
globalMedia[key] = {};
|
|
47
39
|
}
|
|
48
|
-
|
|
49
40
|
return globalMedia[key];
|
|
50
41
|
}
|
|
51
|
-
|
|
52
42
|
var dashed = function dashed(param) {
|
|
53
43
|
return param ? "-".concat(param) : '';
|
|
54
44
|
};
|
|
55
|
-
|
|
56
45
|
var getKey = function getKey(_ref) {
|
|
57
46
|
var id = _ref.id,
|
|
58
|
-
|
|
59
|
-
|
|
47
|
+
collectionName = _ref.collectionName,
|
|
48
|
+
occurrenceKey = _ref.occurrenceKey;
|
|
60
49
|
return "".concat(id).concat(dashed(collectionName)).concat(dashed(occurrenceKey));
|
|
61
50
|
};
|
|
62
|
-
|
|
63
51
|
exports.getKey = getKey;
|
|
64
|
-
|
|
65
52
|
var storeDataURI = function storeDataURI(key, dataURI, dimensions, error) {
|
|
66
53
|
var globalScope = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : window;
|
|
67
54
|
var mediaCardSsr = getMediaCardSSR(globalScope);
|
|
@@ -71,24 +58,20 @@ var storeDataURI = function storeDataURI(key, dataURI, dimensions, error) {
|
|
|
71
58
|
error: error
|
|
72
59
|
};
|
|
73
60
|
};
|
|
74
|
-
|
|
75
61
|
exports.storeDataURI = storeDataURI;
|
|
76
|
-
|
|
77
62
|
var generateScript = function generateScript(identifier, dataURI, dimensions, error) {
|
|
78
63
|
var functionCall = (0, _printScript.printFunctionCall)(storeDataURI, getKey(identifier), dataURI, dimensions, error);
|
|
79
64
|
return (0, _printScript.printScript)([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
|
|
80
65
|
};
|
|
81
|
-
|
|
82
66
|
var StoreSSRDataScript = function StoreSSRDataScript(_ref2) {
|
|
83
67
|
var dataURI = _ref2.dataURI,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
68
|
+
identifier = _ref2.identifier,
|
|
69
|
+
dimensions = _ref2.dimensions,
|
|
70
|
+
error = _ref2.error;
|
|
87
71
|
return /*#__PURE__*/_react.default.createElement("script", {
|
|
88
72
|
dangerouslySetInnerHTML: {
|
|
89
73
|
__html: generateScript(identifier, dataURI, dimensions, error)
|
|
90
74
|
}
|
|
91
75
|
});
|
|
92
76
|
};
|
|
93
|
-
|
|
94
77
|
exports.StoreSSRDataScript = StoreSSRDataScript;
|
package/dist/cjs/utils/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -173,25 +172,14 @@ Object.defineProperty(exports, "minSquareCardDimensions", {
|
|
|
173
172
|
return _cardDimensions.minSquareCardDimensions;
|
|
174
173
|
}
|
|
175
174
|
});
|
|
176
|
-
|
|
177
175
|
var _errorIcon = require("./errorIcon");
|
|
178
|
-
|
|
179
176
|
var _fileIcon = require("./fileIcon");
|
|
180
|
-
|
|
181
177
|
var _cardActions = _interopRequireWildcard(require("./cardActions"));
|
|
182
|
-
|
|
183
178
|
var _isRetina = require("./isRetina");
|
|
184
|
-
|
|
185
179
|
var _cardDimensions = require("./cardDimensions");
|
|
186
|
-
|
|
187
180
|
var _breakpoint = require("./breakpoint");
|
|
188
|
-
|
|
189
181
|
var _isValidPercentageUnit = require("./isValidPercentageUnit");
|
|
190
|
-
|
|
191
182
|
var _getElementDimension = require("./getElementDimension");
|
|
192
|
-
|
|
193
183
|
var _containsPixelUnit = require("./containsPixelUnit");
|
|
194
|
-
|
|
195
184
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
196
|
-
|
|
197
185
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.isRetina = isRetina;
|
|
7
|
-
|
|
8
7
|
function isRetina() {
|
|
9
8
|
var mediaQuery = '(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)';
|
|
10
9
|
return window.devicePixelRatio > 1 || window.matchMedia && window.matchMedia(mediaQuery).matches;
|
|
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.isValidPercentageUnit = void 0;
|
|
7
|
-
|
|
8
7
|
// Utility used to know if the integrator is using percentage values
|
|
9
8
|
var isValidPercentageUnit = function isValidPercentageUnit(value) {
|
|
10
9
|
var valueString = "".concat(value);
|
|
11
10
|
return valueString[valueString.length - 1] === '%' && !isNaN(+valueString.slice(0, -1));
|
|
12
11
|
};
|
|
13
|
-
|
|
14
12
|
exports.isValidPercentageUnit = isValidPercentageUnit;
|
|
@@ -1,52 +1,32 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.CardError = void 0;
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
15
|
var _react = _interopRequireWildcard(require("react"));
|
|
25
|
-
|
|
26
16
|
var _errorIcon = require("../errorIcon");
|
|
27
|
-
|
|
28
17
|
var _lightCardWrappers = require("./lightCardWrappers");
|
|
29
|
-
|
|
30
18
|
var _getDimensionsWithDefault = require("./getDimensionsWithDefault");
|
|
31
|
-
|
|
32
19
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
33
|
-
|
|
34
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
35
|
-
|
|
36
21
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
37
|
-
|
|
38
22
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
39
|
-
|
|
40
23
|
var CardError = /*#__PURE__*/function (_Component) {
|
|
41
24
|
(0, _inherits2.default)(CardError, _Component);
|
|
42
|
-
|
|
43
25
|
var _super = _createSuper(CardError);
|
|
44
|
-
|
|
45
26
|
function CardError() {
|
|
46
27
|
(0, _classCallCheck2.default)(this, CardError);
|
|
47
28
|
return _super.apply(this, arguments);
|
|
48
29
|
}
|
|
49
|
-
|
|
50
30
|
(0, _createClass2.default)(CardError, [{
|
|
51
31
|
key: "render",
|
|
52
32
|
value: function render() {
|
|
@@ -66,7 +46,6 @@ var CardError = /*#__PURE__*/function (_Component) {
|
|
|
66
46
|
}]);
|
|
67
47
|
return CardError;
|
|
68
48
|
}(_react.Component);
|
|
69
|
-
|
|
70
49
|
exports.CardError = CardError;
|
|
71
50
|
(0, _defineProperty2.default)(CardError, "defaultProps", {
|
|
72
51
|
size: 'medium'
|
|
@@ -1,63 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.CardLoading = void 0;
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
23
|
-
|
|
24
15
|
var _getDimensionsWithDefault = require("./getDimensionsWithDefault");
|
|
25
|
-
|
|
26
16
|
var _lightCardWrappers = require("./lightCardWrappers");
|
|
27
|
-
|
|
28
17
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
29
|
-
|
|
30
18
|
var _file = _interopRequireDefault(require("@atlaskit/icon/glyph/file"));
|
|
31
|
-
|
|
32
19
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
33
|
-
|
|
34
20
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
35
|
-
|
|
36
21
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
37
|
-
|
|
38
22
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
39
|
-
|
|
40
23
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
|
-
|
|
42
24
|
var CardLoading = /*#__PURE__*/function (_Component) {
|
|
43
25
|
(0, _inherits2.default)(CardLoading, _Component);
|
|
44
|
-
|
|
45
26
|
var _super = _createSuper(CardLoading);
|
|
46
|
-
|
|
47
27
|
function CardLoading() {
|
|
48
28
|
(0, _classCallCheck2.default)(this, CardLoading);
|
|
49
29
|
return _super.apply(this, arguments);
|
|
50
30
|
}
|
|
51
|
-
|
|
52
31
|
(0, _createClass2.default)(CardLoading, [{
|
|
53
32
|
key: "render",
|
|
54
33
|
value: function render() {
|
|
55
34
|
var _this$props = this.props,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
35
|
+
dimensionsProp = _this$props.dimensions,
|
|
36
|
+
testId = _this$props.testId,
|
|
37
|
+
featureFlags = _this$props.featureFlags;
|
|
59
38
|
var dimensions = (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensionsProp);
|
|
60
|
-
|
|
61
39
|
if ((0, _mediaCommon.getMediaFeatureFlag)('newCardExperience', featureFlags)) {
|
|
62
40
|
return /*#__PURE__*/_react.default.createElement(_lightCardWrappers.Wrapper, {
|
|
63
41
|
"data-testid": testId || 'media-card-loading',
|
|
@@ -65,7 +43,6 @@ var CardLoading = /*#__PURE__*/function (_Component) {
|
|
|
65
43
|
dimensions: dimensions
|
|
66
44
|
}, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
|
|
67
45
|
}
|
|
68
|
-
|
|
69
46
|
return /*#__PURE__*/_react.default.createElement(_lightCardWrappers.AnimatedWrapper, {
|
|
70
47
|
"data-testid": testId || 'media-card-loading',
|
|
71
48
|
"data-test-loading": true,
|
|
@@ -78,5 +55,4 @@ var CardLoading = /*#__PURE__*/function (_Component) {
|
|
|
78
55
|
}]);
|
|
79
56
|
return CardLoading;
|
|
80
57
|
}(_react.Component);
|
|
81
|
-
|
|
82
58
|
exports.CardLoading = CardLoading;
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getDimensionsWithDefault = void 0;
|
|
7
|
-
|
|
8
7
|
var getDimensionsWithDefault = function getDimensionsWithDefault() {
|
|
9
8
|
var dimensions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
|
|
10
9
|
width: '100%',
|
|
@@ -15,5 +14,4 @@ var getDimensionsWithDefault = function getDimensionsWithDefault() {
|
|
|
15
14
|
width: typeof dimensions.width === 'number' ? "".concat(dimensions.width, "px") : dimensions.width
|
|
16
15
|
};
|
|
17
16
|
};
|
|
18
|
-
|
|
19
17
|
exports.getDimensionsWithDefault = getDimensionsWithDefault;
|
|
@@ -1,21 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.Wrapper = exports.AnimatedWrapper = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _react = require("@emotion/react");
|
|
13
|
-
|
|
14
10
|
var _styles = require("./styles");
|
|
15
|
-
|
|
16
11
|
var _components = require("@atlaskit/theme/components");
|
|
17
|
-
|
|
18
12
|
/**@jsx jsx */
|
|
13
|
+
|
|
19
14
|
var Wrapper = function Wrapper(props) {
|
|
20
15
|
var theme = (0, _components.useGlobalTheme)();
|
|
21
16
|
return (0, _react.jsx)("div", (0, _extends2.default)({
|
|
@@ -25,9 +20,7 @@ var Wrapper = function Wrapper(props) {
|
|
|
25
20
|
})
|
|
26
21
|
}, props), props.children);
|
|
27
22
|
};
|
|
28
|
-
|
|
29
23
|
exports.Wrapper = Wrapper;
|
|
30
|
-
|
|
31
24
|
var AnimatedWrapper = function AnimatedWrapper(props) {
|
|
32
25
|
var theme = (0, _components.useGlobalTheme)();
|
|
33
26
|
return (0, _react.jsx)("div", (0, _extends2.default)({
|
|
@@ -37,5 +30,4 @@ var AnimatedWrapper = function AnimatedWrapper(props) {
|
|
|
37
30
|
})
|
|
38
31
|
}, props), props.children);
|
|
39
32
|
};
|
|
40
|
-
|
|
41
33
|
exports.AnimatedWrapper = AnimatedWrapper;
|
|
@@ -1,30 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.wrapperStyles = exports.blinkLoadingAnimation = exports.animatedWrapperStyles = void 0;
|
|
9
|
-
|
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
-
|
|
12
9
|
var _react = require("@emotion/react");
|
|
13
|
-
|
|
14
10
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
15
|
-
|
|
16
11
|
var _components = require("@atlaskit/theme/components");
|
|
17
|
-
|
|
18
12
|
var _colors = require("@atlaskit/theme/colors");
|
|
19
|
-
|
|
20
13
|
var _templateObject, _templateObject2, _templateObject3;
|
|
21
|
-
|
|
22
14
|
var blinkLoadingAnimation = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n 0%{\n opacity: 1;\n }\n\n 50%{\n opacity: 0.6;\n }\n\n 100%{\n opacity: 1;\n }\n"])));
|
|
23
15
|
exports.blinkLoadingAnimation = blinkLoadingAnimation;
|
|
24
|
-
|
|
25
16
|
var wrapperStyles = function wrapperStyles(_ref) {
|
|
26
17
|
var dimensions = _ref.dimensions,
|
|
27
|
-
|
|
18
|
+
theme = _ref.theme;
|
|
28
19
|
return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n background: ", ";\n color: ", ";\n ", "\n max-height: 100%;\n max-width: 100%;\n width: ", ";\n height: ", ";\n"])), _mediaUi.center, (0, _components.themed)({
|
|
29
20
|
light: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),
|
|
30
21
|
dark: "var(--ds-background-neutral, ".concat(_colors.DN50, ")")
|
|
@@ -37,11 +28,8 @@ var wrapperStyles = function wrapperStyles(_ref) {
|
|
|
37
28
|
theme: theme
|
|
38
29
|
}), _mediaUi.borderRadius, dimensions.width, dimensions.height);
|
|
39
30
|
};
|
|
40
|
-
|
|
41
31
|
exports.wrapperStyles = wrapperStyles;
|
|
42
|
-
|
|
43
32
|
var animatedWrapperStyles = function animatedWrapperStyles(props) {
|
|
44
33
|
return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n > span {\n animation: ", " 0.8s infinite;\n }\n"])), wrapperStyles(props), blinkLoadingAnimation);
|
|
45
34
|
};
|
|
46
|
-
|
|
47
35
|
exports.animatedWrapperStyles = animatedWrapperStyles;
|