@atlaskit/media-card 74.5.1 → 74.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/dist/cjs/card/actions.js +0 -5
- package/dist/cjs/card/card.js +263 -322
- 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 +19 -86
- 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 +115 -156
- 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 +20 -32
- 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 +263 -316
- 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 +19 -54
- 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/dist/types/card/card.d.ts +3 -0
- package/dist/types/card/getCardPreview/index.d.ts +2 -1
- package/dist/types/types.d.ts +1 -0
- package/package.json +6 -4
- package/report.api.md +2 -0
|
@@ -1,26 +1,17 @@
|
|
|
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.titleBoxWrapperStyles = exports.titleBoxIconStyles = exports.titleBoxHeaderStyles = exports.titleBoxFooterStyles = exports.errorMessageWrapperStyles = 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 _common = require("../common");
|
|
15
|
-
|
|
16
11
|
var _colors = require("@atlaskit/theme/colors");
|
|
17
|
-
|
|
18
12
|
var _mixins = require("../../styles/mixins");
|
|
19
|
-
|
|
20
13
|
var _components = require("@atlaskit/theme/components");
|
|
21
|
-
|
|
22
14
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
23
|
-
|
|
24
15
|
var generateResponsiveStyles = function generateResponsiveStyles() {
|
|
25
16
|
var breakpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _common.Breakpoint.SMALL;
|
|
26
17
|
var setting = _common.responsiveSettings[breakpoint];
|
|
@@ -29,18 +20,17 @@ var generateResponsiveStyles = function generateResponsiveStyles() {
|
|
|
29
20
|
var height = (0, _common.getTitleBoxHeight)(breakpoint);
|
|
30
21
|
return "height: ".concat(height, "px;\n padding: ").concat(verticalPadding, "px ").concat(horizontalPadding, "px;");
|
|
31
22
|
};
|
|
32
|
-
|
|
33
23
|
var HEX_REGEX = /^#[0-9A-F]{6}$/i;
|
|
34
24
|
var BACKGROUND_COLOR_DARK = '#161a1d';
|
|
35
25
|
var TEXT_COLOR_DARK = '#C7D1DB';
|
|
36
|
-
|
|
37
26
|
var titleBoxWrapperStyles = function titleBoxWrapperStyles(_ref) {
|
|
38
27
|
var breakpoint = _ref.breakpoint,
|
|
39
|
-
|
|
40
|
-
|
|
28
|
+
titleBoxBgColor = _ref.titleBoxBgColor,
|
|
29
|
+
theme = _ref.theme;
|
|
41
30
|
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n bottom: 0;\n width: 100%;\n background-color: ", ";\n color: ", ";\n cursor: inherit;\n pointer-events: none;\n display: flex;\n flex-direction: column;\n justify-content: center;\n ", "\n"])), (0, _components.themed)({
|
|
42
31
|
light: "var(--ds-surface, ".concat((0, _mixins.rgba)(titleBoxBgColor && HEX_REGEX.test(titleBoxBgColor) ? titleBoxBgColor : _colors.N0, 1), ")"),
|
|
43
|
-
dark: "var(--ds-surface, ".concat((0, _mixins.rgba)(
|
|
32
|
+
dark: "var(--ds-surface, ".concat((0, _mixins.rgba)(
|
|
33
|
+
// theme does not contain this color, use constant instead
|
|
44
34
|
titleBoxBgColor && HEX_REGEX.test(titleBoxBgColor) ? titleBoxBgColor : BACKGROUND_COLOR_DARK, 1), ")")
|
|
45
35
|
})({
|
|
46
36
|
theme: theme
|
|
@@ -51,25 +41,20 @@ var titleBoxWrapperStyles = function titleBoxWrapperStyles(_ref) {
|
|
|
51
41
|
theme: theme
|
|
52
42
|
}), generateResponsiveStyles(breakpoint));
|
|
53
43
|
};
|
|
54
|
-
|
|
55
44
|
exports.titleBoxWrapperStyles = titleBoxWrapperStyles;
|
|
56
45
|
titleBoxWrapperStyles.displayName = 'TitleBoxWrapper';
|
|
57
46
|
var infoStyles = "white-space: nowrap;overflow: hidden;";
|
|
58
47
|
var iconOverlapStyles = "padding-right: 10px;";
|
|
59
|
-
|
|
60
48
|
var titleBoxHeaderStyles = function titleBoxHeaderStyles(_ref2) {
|
|
61
49
|
var hasIconOverlap = _ref2.hasIconOverlap;
|
|
62
50
|
return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n ", "\n ", "\n"])), infoStyles, hasIconOverlap && iconOverlapStyles);
|
|
63
51
|
};
|
|
64
|
-
|
|
65
52
|
exports.titleBoxHeaderStyles = titleBoxHeaderStyles;
|
|
66
53
|
titleBoxHeaderStyles.displayName = 'FailedTitleBoxHeader';
|
|
67
|
-
|
|
68
54
|
var titleBoxFooterStyles = function titleBoxFooterStyles(_ref3) {
|
|
69
55
|
var hasIconOverlap = _ref3.hasIconOverlap;
|
|
70
56
|
return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n text-overflow: ellipsis;\n ", "\n ", "\n"])), infoStyles, hasIconOverlap && iconOverlapStyles);
|
|
71
57
|
};
|
|
72
|
-
|
|
73
58
|
exports.titleBoxFooterStyles = titleBoxFooterStyles;
|
|
74
59
|
titleBoxFooterStyles.displayName = 'TitleBoxFooter';
|
|
75
60
|
var titleBoxIconStyles = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n right: 4px;\n bottom: 0px;\n"])));
|
|
@@ -1,44 +1,33 @@
|
|
|
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.TitleBox = exports.FormattedDate = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _reactIntlNext = require("react-intl-next");
|
|
13
|
-
|
|
14
10
|
var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
|
|
15
|
-
|
|
16
11
|
var _truncateText = require("@atlaskit/media-ui/truncateText");
|
|
17
|
-
|
|
18
12
|
var _formatDate = require("@atlaskit/media-ui/formatDate");
|
|
19
|
-
|
|
20
13
|
var _titleBoxComponents = require("./titleBoxComponents");
|
|
21
|
-
|
|
22
14
|
var FormattedDate = (0, _reactIntlNext.injectIntl)(function (_ref) {
|
|
23
15
|
var timestamp = _ref.timestamp,
|
|
24
|
-
|
|
25
|
-
|
|
16
|
+
intl = _ref.intl;
|
|
26
17
|
var _ref2 = intl || {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
18
|
+
locale: 'en'
|
|
19
|
+
},
|
|
20
|
+
_ref2$locale = _ref2.locale,
|
|
21
|
+
locale = _ref2$locale === void 0 ? 'en' : _ref2$locale;
|
|
32
22
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _formatDate.formatDate)(timestamp, locale));
|
|
33
23
|
});
|
|
34
24
|
exports.FormattedDate = FormattedDate;
|
|
35
|
-
|
|
36
25
|
var TitleBox = function TitleBox(_ref3) {
|
|
37
26
|
var name = _ref3.name,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
27
|
+
createdAt = _ref3.createdAt,
|
|
28
|
+
breakpoint = _ref3.breakpoint,
|
|
29
|
+
titleBoxBgColor = _ref3.titleBoxBgColor,
|
|
30
|
+
titleBoxIcon = _ref3.titleBoxIcon;
|
|
42
31
|
return /*#__PURE__*/_react.default.createElement(_titleBoxComponents.TitleBoxWrapper, {
|
|
43
32
|
breakpoint: breakpoint,
|
|
44
33
|
titleBoxBgColor: titleBoxBgColor
|
|
@@ -55,5 +44,4 @@ var TitleBox = function TitleBox(_ref3) {
|
|
|
55
44
|
size: "small"
|
|
56
45
|
})));
|
|
57
46
|
};
|
|
58
|
-
|
|
59
47
|
exports.TitleBox = TitleBox;
|
|
@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.TitleBoxWrapper = exports.TitleBoxIcon = exports.TitleBoxHeader = exports.TitleBoxFooter = exports.ErrorMessageWrapper = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = require("@emotion/react");
|
|
9
|
-
|
|
10
8
|
var _styles = require("./styles");
|
|
11
|
-
|
|
12
9
|
var _components = require("@atlaskit/theme/components");
|
|
13
|
-
|
|
14
10
|
/** @jsx jsx */
|
|
11
|
+
|
|
15
12
|
var TitleBoxWrapper = function TitleBoxWrapper(props) {
|
|
16
13
|
var breakpoint = props.breakpoint,
|
|
17
|
-
|
|
14
|
+
titleBoxBgColor = props.titleBoxBgColor;
|
|
18
15
|
var theme = (0, _components.useGlobalTheme)();
|
|
19
16
|
return (0, _react.jsx)("div", {
|
|
20
17
|
id: "titleBoxWrapper",
|
|
@@ -25,9 +22,7 @@ var TitleBoxWrapper = function TitleBoxWrapper(props) {
|
|
|
25
22
|
})
|
|
26
23
|
}, props.children);
|
|
27
24
|
};
|
|
28
|
-
|
|
29
25
|
exports.TitleBoxWrapper = TitleBoxWrapper;
|
|
30
|
-
|
|
31
26
|
var TitleBoxHeader = function TitleBoxHeader(props) {
|
|
32
27
|
var hasIconOverlap = props.hasIconOverlap;
|
|
33
28
|
return (0, _react.jsx)("div", {
|
|
@@ -37,9 +32,7 @@ var TitleBoxHeader = function TitleBoxHeader(props) {
|
|
|
37
32
|
})
|
|
38
33
|
}, props.children);
|
|
39
34
|
};
|
|
40
|
-
|
|
41
35
|
exports.TitleBoxHeader = TitleBoxHeader;
|
|
42
|
-
|
|
43
36
|
var TitleBoxFooter = function TitleBoxFooter(props) {
|
|
44
37
|
var hasIconOverlap = props.hasIconOverlap;
|
|
45
38
|
return (0, _react.jsx)("div", {
|
|
@@ -49,22 +42,17 @@ var TitleBoxFooter = function TitleBoxFooter(props) {
|
|
|
49
42
|
})
|
|
50
43
|
}, props.children);
|
|
51
44
|
};
|
|
52
|
-
|
|
53
45
|
exports.TitleBoxFooter = TitleBoxFooter;
|
|
54
|
-
|
|
55
46
|
var TitleBoxIcon = function TitleBoxIcon(props) {
|
|
56
47
|
return (0, _react.jsx)("div", {
|
|
57
48
|
id: "titleBoxIcon",
|
|
58
49
|
css: _styles.titleBoxIconStyles
|
|
59
50
|
}, props.children);
|
|
60
51
|
};
|
|
61
|
-
|
|
62
52
|
exports.TitleBoxIcon = TitleBoxIcon;
|
|
63
|
-
|
|
64
53
|
var ErrorMessageWrapper = function ErrorMessageWrapper(props) {
|
|
65
54
|
return (0, _react.jsx)("div", {
|
|
66
55
|
css: _styles.errorMessageWrapperStyles
|
|
67
56
|
}, props.children);
|
|
68
57
|
};
|
|
69
|
-
|
|
70
58
|
exports.ErrorMessageWrapper = ErrorMessageWrapper;
|
|
@@ -1,101 +1,72 @@
|
|
|
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.UnhandledErrorCard = 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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
21
|
-
|
|
22
14
|
var _react = require("react");
|
|
23
|
-
|
|
24
15
|
var _react2 = require("@emotion/react");
|
|
25
|
-
|
|
26
16
|
var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/warning"));
|
|
27
|
-
|
|
28
17
|
var _colors = require("@atlaskit/theme/colors");
|
|
29
|
-
|
|
30
18
|
var _constants = require("@atlaskit/theme/constants");
|
|
31
|
-
|
|
32
19
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
33
|
-
|
|
34
20
|
var _utils = require("../../../utils");
|
|
35
|
-
|
|
36
21
|
var _templateObject;
|
|
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 isPercentage = function isPercentage(value) {
|
|
43
25
|
return /^\d+(\.\d+)?%$/.test(value);
|
|
44
26
|
};
|
|
45
|
-
|
|
46
27
|
var shouldShowText = function shouldShowText(_ref) {
|
|
47
28
|
var width = _ref.width,
|
|
48
|
-
|
|
49
|
-
|
|
29
|
+
height = _ref.height;
|
|
50
30
|
if (isPercentage(width) || isPercentage(height)) {
|
|
51
31
|
return false;
|
|
52
32
|
}
|
|
53
|
-
|
|
54
33
|
return parseInt(width, 10) >= 240 && parseInt(height, 10) >= 90;
|
|
55
34
|
};
|
|
56
|
-
|
|
57
35
|
var normalizeDimension = function normalizeDimension(value, defaultValue) {
|
|
58
36
|
var sValue = value.toString();
|
|
59
37
|
return isPercentage(sValue) ? sValue : isNaN(parseInt(sValue, 10)) ? defaultValue + 'px' : parseInt(sValue, 10) + 'px';
|
|
60
38
|
};
|
|
61
|
-
|
|
62
39
|
var getConvertedDimension = function getConvertedDimension(dimensions) {
|
|
63
40
|
var _dimensions$width = dimensions.width,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
41
|
+
width = _dimensions$width === void 0 ? _utils.defaultImageCardDimensions.width : _dimensions$width,
|
|
42
|
+
_dimensions$height = dimensions.height,
|
|
43
|
+
height = _dimensions$height === void 0 ? _utils.defaultImageCardDimensions.height : _dimensions$height;
|
|
67
44
|
return {
|
|
68
45
|
width: normalizeDimension(width, _utils.defaultImageCardDimensions.width),
|
|
69
46
|
height: normalizeDimension(height, _utils.defaultImageCardDimensions.height)
|
|
70
47
|
};
|
|
71
48
|
};
|
|
72
|
-
|
|
73
49
|
var wrapperStyles = function wrapperStyles() {
|
|
74
50
|
var dimensions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _utils.defaultImageCardDimensions;
|
|
75
|
-
|
|
76
51
|
try {
|
|
77
52
|
return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n ", ";\n background: ", ";\n color: ", ";\n max-height: 100%;\n max-width: 100%;\n ", ";\n display: flex;\n flex-direction: column;\n\n p {\n font-size: ", "px;\n text-align: center;\n display: ", ";\n }\n "])), _mediaUi.center, _mediaUi.borderRadius, "var(--ds-background-neutral, ".concat(_colors.N20, ")"), "var(--ds-text-subtle, ".concat(_colors.N800, ")"), getConvertedDimension(dimensions), (0, _constants.fontSize)(), shouldShowText(getConvertedDimension(dimensions)) ? 'block' : 'none');
|
|
78
53
|
} catch (e) {
|
|
79
54
|
return null;
|
|
80
55
|
}
|
|
81
56
|
};
|
|
82
|
-
|
|
83
57
|
var UnhandledErrorCard = /*#__PURE__*/function (_Component) {
|
|
84
58
|
(0, _inherits2.default)(UnhandledErrorCard, _Component);
|
|
85
|
-
|
|
86
59
|
var _super = _createSuper(UnhandledErrorCard);
|
|
87
|
-
|
|
88
60
|
function UnhandledErrorCard() {
|
|
89
61
|
(0, _classCallCheck2.default)(this, UnhandledErrorCard);
|
|
90
62
|
return _super.apply(this, arguments);
|
|
91
63
|
}
|
|
92
|
-
|
|
93
64
|
(0, _createClass2.default)(UnhandledErrorCard, [{
|
|
94
65
|
key: "render",
|
|
95
66
|
value: function render() {
|
|
96
67
|
var _this$props = this.props,
|
|
97
|
-
|
|
98
|
-
|
|
68
|
+
dimensions = _this$props.dimensions,
|
|
69
|
+
onClick = _this$props.onClick;
|
|
99
70
|
return (0, _react2.jsx)("div", {
|
|
100
71
|
css: wrapperStyles(dimensions),
|
|
101
72
|
onClick: onClick
|
|
@@ -108,5 +79,4 @@ var UnhandledErrorCard = /*#__PURE__*/function (_Component) {
|
|
|
108
79
|
}]);
|
|
109
80
|
return UnhandledErrorCard;
|
|
110
81
|
}(_react.Component);
|
|
111
|
-
|
|
112
82
|
exports.UnhandledErrorCard = UnhandledErrorCard;
|
package/dist/cjs/classnames.js
CHANGED
package/dist/cjs/errors.js
CHANGED
|
@@ -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
|
});
|
|
@@ -10,201 +9,143 @@ exports.isImageLoadError = isImageLoadError;
|
|
|
10
9
|
exports.isLocalPreviewError = void 0;
|
|
11
10
|
exports.isMediaCardError = isMediaCardError;
|
|
12
11
|
exports.isUploadError = exports.isUnsupportedLocalPreviewError = exports.isRemotePreviewError = void 0;
|
|
13
|
-
|
|
14
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
13
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
17
|
-
|
|
18
14
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
15
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
|
-
|
|
24
17
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
|
-
|
|
26
18
|
var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
|
|
27
|
-
|
|
28
19
|
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
20
|
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
21
|
/**
|
|
33
22
|
* Primary reason is logged through Data Portal.
|
|
34
23
|
* Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
|
|
35
24
|
*/
|
|
36
25
|
var MediaCardError = /*#__PURE__*/function (_Error) {
|
|
37
26
|
(0, _inherits2.default)(MediaCardError, _Error);
|
|
38
|
-
|
|
39
27
|
var _super = _createSuper(MediaCardError);
|
|
40
|
-
|
|
41
28
|
function MediaCardError(primaryReason, secondaryError) {
|
|
42
29
|
var _this;
|
|
43
|
-
|
|
44
30
|
(0, _classCallCheck2.default)(this, MediaCardError);
|
|
45
|
-
_this = _super.call(this, primaryReason);
|
|
46
|
-
|
|
31
|
+
_this = _super.call(this, primaryReason);
|
|
32
|
+
// https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
|
|
47
33
|
_this.primaryReason = primaryReason;
|
|
48
34
|
_this.secondaryError = secondaryError;
|
|
49
|
-
Object.setPrototypeOf((0, _assertThisInitialized2.default)(_this), (this instanceof MediaCardError ? this.constructor : void 0).prototype);
|
|
35
|
+
Object.setPrototypeOf((0, _assertThisInitialized2.default)(_this), (this instanceof MediaCardError ? this.constructor : void 0).prototype);
|
|
50
36
|
|
|
37
|
+
// https://v8.dev/docs/stack-trace-api
|
|
51
38
|
if ('captureStackTrace' in Error) {
|
|
52
39
|
Error.captureStackTrace((0, _assertThisInitialized2.default)(_this), this instanceof MediaCardError ? this.constructor : void 0);
|
|
53
40
|
}
|
|
54
|
-
|
|
55
41
|
return _this;
|
|
56
42
|
}
|
|
57
|
-
|
|
58
43
|
return (0, _createClass2.default)(MediaCardError);
|
|
59
44
|
}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
|
|
60
|
-
|
|
61
45
|
exports.MediaCardError = MediaCardError;
|
|
62
|
-
|
|
63
46
|
var LocalPreviewError = /*#__PURE__*/function (_MediaCardError) {
|
|
64
47
|
(0, _inherits2.default)(LocalPreviewError, _MediaCardError);
|
|
65
|
-
|
|
66
48
|
var _super2 = _createSuper(LocalPreviewError);
|
|
67
|
-
|
|
68
49
|
function LocalPreviewError(primaryReason, secondaryError) {
|
|
69
50
|
var _this2;
|
|
70
|
-
|
|
71
51
|
(0, _classCallCheck2.default)(this, LocalPreviewError);
|
|
72
52
|
_this2 = _super2.call(this, primaryReason, secondaryError);
|
|
73
53
|
_this2.primaryReason = primaryReason;
|
|
74
54
|
_this2.secondaryError = secondaryError;
|
|
75
55
|
return _this2;
|
|
76
56
|
}
|
|
77
|
-
|
|
78
57
|
return (0, _createClass2.default)(LocalPreviewError);
|
|
79
58
|
}(MediaCardError);
|
|
80
|
-
|
|
81
59
|
exports.LocalPreviewError = LocalPreviewError;
|
|
82
|
-
|
|
83
60
|
var RemotePreviewError = /*#__PURE__*/function (_MediaCardError2) {
|
|
84
61
|
(0, _inherits2.default)(RemotePreviewError, _MediaCardError2);
|
|
85
|
-
|
|
86
62
|
var _super3 = _createSuper(RemotePreviewError);
|
|
87
|
-
|
|
88
63
|
function RemotePreviewError(primaryReason, secondaryError) {
|
|
89
64
|
var _this3;
|
|
90
|
-
|
|
91
65
|
(0, _classCallCheck2.default)(this, RemotePreviewError);
|
|
92
66
|
_this3 = _super3.call(this, primaryReason, secondaryError);
|
|
93
67
|
_this3.primaryReason = primaryReason;
|
|
94
68
|
_this3.secondaryError = secondaryError;
|
|
95
69
|
return _this3;
|
|
96
70
|
}
|
|
97
|
-
|
|
98
71
|
return (0, _createClass2.default)(RemotePreviewError);
|
|
99
72
|
}(MediaCardError);
|
|
100
|
-
|
|
101
73
|
exports.RemotePreviewError = RemotePreviewError;
|
|
102
|
-
|
|
103
74
|
var SsrPreviewError = /*#__PURE__*/function (_MediaCardError3) {
|
|
104
75
|
(0, _inherits2.default)(SsrPreviewError, _MediaCardError3);
|
|
105
|
-
|
|
106
76
|
var _super4 = _createSuper(SsrPreviewError);
|
|
107
|
-
|
|
108
77
|
function SsrPreviewError(primaryReason, secondaryError) {
|
|
109
78
|
var _this4;
|
|
110
|
-
|
|
111
79
|
(0, _classCallCheck2.default)(this, SsrPreviewError);
|
|
112
80
|
_this4 = _super4.call(this, primaryReason, secondaryError);
|
|
113
81
|
_this4.primaryReason = primaryReason;
|
|
114
82
|
_this4.secondaryError = secondaryError;
|
|
115
83
|
return _this4;
|
|
116
84
|
}
|
|
117
|
-
|
|
118
85
|
return (0, _createClass2.default)(SsrPreviewError);
|
|
119
86
|
}(MediaCardError);
|
|
120
|
-
|
|
121
87
|
exports.SsrPreviewError = SsrPreviewError;
|
|
122
|
-
|
|
123
88
|
var getImageLoadPrimaryReason = function getImageLoadPrimaryReason(source) {
|
|
124
89
|
switch (source) {
|
|
125
90
|
case 'cache-remote':
|
|
126
91
|
return 'cache-remote-uri';
|
|
127
|
-
|
|
128
92
|
case 'cache-local':
|
|
129
93
|
return 'cache-local-uri';
|
|
130
|
-
|
|
131
94
|
case 'external':
|
|
132
95
|
return 'external-uri';
|
|
133
|
-
|
|
134
96
|
case 'local':
|
|
135
97
|
return 'local-uri';
|
|
136
|
-
|
|
137
98
|
case 'remote':
|
|
138
99
|
return 'remote-uri';
|
|
139
100
|
// This fail reason will come from a bug, most likely.
|
|
140
|
-
|
|
141
101
|
default:
|
|
142
102
|
return "unknown-uri";
|
|
143
103
|
}
|
|
144
104
|
};
|
|
145
|
-
|
|
146
105
|
exports.getImageLoadPrimaryReason = getImageLoadPrimaryReason;
|
|
147
|
-
|
|
148
106
|
var ImageLoadError = /*#__PURE__*/function (_MediaCardError4) {
|
|
149
107
|
(0, _inherits2.default)(ImageLoadError, _MediaCardError4);
|
|
150
|
-
|
|
151
108
|
var _super5 = _createSuper(ImageLoadError);
|
|
152
|
-
|
|
153
109
|
function ImageLoadError(source) {
|
|
154
110
|
(0, _classCallCheck2.default)(this, ImageLoadError);
|
|
155
111
|
return _super5.call(this, getImageLoadPrimaryReason(source));
|
|
156
112
|
}
|
|
157
|
-
|
|
158
113
|
return (0, _createClass2.default)(ImageLoadError);
|
|
159
114
|
}(MediaCardError);
|
|
160
|
-
|
|
161
115
|
exports.ImageLoadError = ImageLoadError;
|
|
162
|
-
|
|
163
116
|
function isMediaCardError(err) {
|
|
164
117
|
return err instanceof MediaCardError;
|
|
165
118
|
}
|
|
166
|
-
|
|
167
119
|
var isLocalPreviewError = function isLocalPreviewError(err) {
|
|
168
120
|
return err instanceof LocalPreviewError;
|
|
169
121
|
};
|
|
170
|
-
|
|
171
122
|
exports.isLocalPreviewError = isLocalPreviewError;
|
|
172
|
-
|
|
173
123
|
var isRemotePreviewError = function isRemotePreviewError(err) {
|
|
174
124
|
return err instanceof RemotePreviewError;
|
|
175
125
|
};
|
|
176
|
-
|
|
177
126
|
exports.isRemotePreviewError = isRemotePreviewError;
|
|
178
|
-
|
|
179
127
|
var isUnsupportedLocalPreviewError = function isUnsupportedLocalPreviewError(err) {
|
|
180
128
|
return isMediaCardError(err) && err.primaryReason === 'local-preview-unsupported';
|
|
181
129
|
};
|
|
182
|
-
|
|
183
130
|
exports.isUnsupportedLocalPreviewError = isUnsupportedLocalPreviewError;
|
|
184
|
-
|
|
185
131
|
function isImageLoadError(err) {
|
|
186
132
|
return err instanceof ImageLoadError;
|
|
187
|
-
}
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
// In a try/catch statement, the error caught is the type of unknown.
|
|
188
136
|
// We can use this helper to ensure that the error handled is the type of MediaCardError if unsure
|
|
189
137
|
// If updatePrimaryReason is true, if it's a MediaCardError already, it will update it's primary reason
|
|
190
|
-
|
|
191
|
-
|
|
192
138
|
var ensureMediaCardError = function ensureMediaCardError(primaryReason, error, updatePrimaryReason) {
|
|
193
139
|
if (isMediaCardError(error)) {
|
|
194
140
|
if (updatePrimaryReason && error.primaryReason !== primaryReason) {
|
|
195
141
|
return new MediaCardError(primaryReason, error.secondaryError);
|
|
196
142
|
}
|
|
197
|
-
|
|
198
143
|
return error;
|
|
199
144
|
}
|
|
200
|
-
|
|
201
145
|
return new MediaCardError(primaryReason, error);
|
|
202
146
|
};
|
|
203
|
-
|
|
204
147
|
exports.ensureMediaCardError = ensureMediaCardError;
|
|
205
|
-
|
|
206
148
|
var isUploadError = function isUploadError(error) {
|
|
207
149
|
return error && error.primaryReason === 'upload';
|
|
208
150
|
};
|
|
209
|
-
|
|
210
151
|
exports.isUploadError = isUploadError;
|
package/dist/cjs/index.js
CHANGED
|
@@ -57,19 +57,11 @@ Object.defineProperty(exports, "newFileExperienceClassName", {
|
|
|
57
57
|
return _cardConstants.newFileExperienceClassName;
|
|
58
58
|
}
|
|
59
59
|
});
|
|
60
|
-
|
|
61
60
|
var _card = require("./card");
|
|
62
|
-
|
|
63
61
|
var _inline = require("./inline");
|
|
64
|
-
|
|
65
62
|
var _cardLoading = require("./utils/lightCards/cardLoading");
|
|
66
|
-
|
|
67
63
|
var _cardError = require("./utils/lightCards/cardError");
|
|
68
|
-
|
|
69
64
|
var _cardDimensions = require("./utils/cardDimensions");
|
|
70
|
-
|
|
71
65
|
var _classnames = require("./card/cardImageView/classnames");
|
|
72
|
-
|
|
73
66
|
var _styles = require("./card/styles/styles");
|
|
74
|
-
|
|
75
67
|
var _cardConstants = require("./card/cardConstants");
|
package/dist/cjs/inline/index.js
CHANGED
|
@@ -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
|
});
|
|
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "MediaInlineCard", {
|
|
|
11
10
|
return _loader.default;
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _loader = _interopRequireDefault(require("./loader"));
|