@atlaskit/media-card 72.1.0 → 73.2.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 +89 -0
- package/dist/cjs/actions.js +2 -2
- package/dist/cjs/errors.js +11 -7
- package/dist/cjs/files/cardImageView/cardOverlay/styled.js +1 -1
- package/dist/cjs/files/cardImageView/index.js +52 -42
- package/dist/cjs/files/cardImageView/styled.js +1 -1
- package/dist/cjs/index.js +8 -8
- package/dist/cjs/root/card/cardAnalytics.js +2 -2
- package/dist/cjs/root/card/cardState.js +2 -2
- package/dist/cjs/root/card/getCardPreview/cache.js +5 -5
- package/dist/cjs/root/card/getCardPreview/filePreviewStatus.js +4 -1
- package/dist/cjs/root/card/getCardPreview/helpers.js +1 -1
- package/dist/cjs/root/card/getCardPreview/index.js +18 -9
- package/dist/cjs/root/card/getCardStatus.js +1 -1
- package/dist/cjs/root/card/index.js +279 -159
- package/dist/cjs/root/cardView.js +130 -118
- package/dist/cjs/root/inline/loader.js +45 -14
- package/dist/cjs/root/inline/mediaInlineCard.js +24 -9
- package/dist/cjs/root/inlinePlayer.js +80 -25
- package/dist/cjs/root/styled.js +7 -3
- package/dist/cjs/root/ui/actionsBar/styled.js +1 -1
- package/dist/cjs/root/ui/blanket/styled.js +1 -1
- package/dist/cjs/root/ui/common.js +1 -1
- package/dist/cjs/root/ui/iconMessage/index.js +5 -3
- package/dist/cjs/root/ui/iconWrapper/styled.js +1 -1
- package/dist/cjs/root/ui/imageRenderer/imageRenderer.js +14 -6
- package/dist/cjs/root/ui/loadingRateLimited/loadingRateLimited.js +4 -2
- package/dist/cjs/root/ui/loadingRateLimited/styled.js +2 -2
- package/dist/cjs/root/ui/playButton/styled.js +1 -1
- package/dist/cjs/root/ui/progressBar/progressBar.js +5 -2
- package/dist/cjs/root/ui/progressBar/styled.js +7 -6
- package/dist/cjs/root/ui/styled.js +6 -6
- package/dist/cjs/root/ui/tickBox/styled.js +1 -1
- package/dist/cjs/root/ui/titleBox/failedTitleBox.js +4 -2
- package/dist/cjs/root/ui/titleBox/styled.js +1 -1
- package/dist/cjs/root/ui/titleBox/titleBox.js +2 -2
- package/dist/cjs/styles/index.js +25 -23
- package/dist/cjs/styles/mixins.js +1 -1
- package/dist/cjs/types.js +10 -1
- package/dist/cjs/utils/analytics.js +24 -7
- package/dist/cjs/utils/breakpoint.js +1 -1
- package/dist/cjs/utils/cardActions/cardActionsDropdownMenu.js +3 -1
- package/dist/cjs/utils/cardActions/index.js +10 -10
- package/dist/cjs/utils/cardActions/styled.js +1 -1
- package/dist/cjs/utils/cardDimensions.js +1 -1
- package/dist/cjs/utils/dimensionComparer.js +7 -13
- package/dist/cjs/utils/getErrorMessage.js +2 -2
- package/dist/cjs/utils/getMediaCardCursor.js +29 -0
- package/dist/cjs/utils/globalScope/getSSRData.js +20 -0
- package/dist/cjs/utils/globalScope/globalScope.js +94 -0
- package/dist/cjs/utils/globalScope/index.js +39 -0
- package/dist/cjs/utils/globalScope/types.js +5 -0
- package/dist/cjs/utils/index.js +46 -46
- package/dist/cjs/utils/lightCards/styled.js +1 -1
- package/dist/cjs/utils/objectURLCache.js +1 -1
- package/dist/cjs/utils/printScript.js +44 -0
- package/dist/cjs/utils/viewportDetector.js +49 -22
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/files/cardImageView/index.js +19 -5
- package/dist/es2019/root/card/cardAnalytics.js +1 -1
- package/dist/es2019/root/card/getCardPreview/filePreviewStatus.js +4 -1
- package/dist/es2019/root/card/getCardPreview/index.js +1 -0
- package/dist/es2019/root/card/index.js +150 -49
- package/dist/es2019/root/cardView.js +40 -30
- package/dist/es2019/root/inline/loader.js +15 -4
- package/dist/es2019/root/inline/mediaInlineCard.js +23 -8
- package/dist/es2019/root/inlinePlayer.js +59 -5
- package/dist/es2019/root/styled.js +2 -1
- package/dist/es2019/root/ui/iconMessage/index.js +3 -2
- package/dist/es2019/root/ui/imageRenderer/imageRenderer.js +14 -6
- package/dist/es2019/root/ui/loadingRateLimited/loadingRateLimited.js +3 -2
- package/dist/es2019/root/ui/loadingRateLimited/styled.js +1 -1
- package/dist/es2019/root/ui/progressBar/progressBar.js +4 -2
- package/dist/es2019/root/ui/progressBar/styled.js +6 -4
- package/dist/es2019/root/ui/styled.js +5 -5
- package/dist/es2019/root/ui/titleBox/failedTitleBox.js +3 -2
- package/dist/es2019/root/ui/titleBox/titleBox.js +1 -1
- package/dist/es2019/types.js +7 -1
- package/dist/es2019/utils/analytics.js +8 -3
- package/dist/es2019/utils/dimensionComparer.js +6 -13
- package/dist/es2019/utils/getErrorMessage.js +1 -1
- package/dist/es2019/utils/getMediaCardCursor.js +19 -0
- package/dist/es2019/utils/globalScope/getSSRData.js +10 -0
- package/dist/es2019/utils/globalScope/globalScope.js +62 -0
- package/dist/es2019/utils/globalScope/index.js +2 -0
- package/dist/es2019/utils/globalScope/types.js +1 -0
- package/dist/es2019/utils/printScript.js +19 -0
- package/dist/es2019/utils/viewportDetector.js +48 -18
- package/dist/es2019/version.json +1 -1
- package/dist/esm/actions.js +2 -2
- package/dist/esm/errors.js +6 -5
- package/dist/esm/files/cardImageView/index.js +53 -41
- package/dist/esm/root/card/cardAnalytics.js +1 -1
- package/dist/esm/root/card/cardState.js +2 -2
- package/dist/esm/root/card/getCardPreview/cache.js +3 -2
- package/dist/esm/root/card/getCardPreview/filePreviewStatus.js +4 -1
- package/dist/esm/root/card/getCardPreview/index.js +5 -2
- package/dist/esm/root/card/index.js +266 -145
- package/dist/esm/root/cardView.js +128 -117
- package/dist/esm/root/inline/loader.js +46 -14
- package/dist/esm/root/inline/mediaInlineCard.js +23 -8
- package/dist/esm/root/inlinePlayer.js +77 -24
- package/dist/esm/root/styled.js +3 -2
- package/dist/esm/root/ui/iconMessage/index.js +3 -2
- package/dist/esm/root/ui/imageRenderer/imageRenderer.js +14 -6
- package/dist/esm/root/ui/loadingRateLimited/loadingRateLimited.js +3 -2
- package/dist/esm/root/ui/loadingRateLimited/styled.js +1 -1
- package/dist/esm/root/ui/progressBar/progressBar.js +5 -2
- package/dist/esm/root/ui/progressBar/styled.js +6 -5
- package/dist/esm/root/ui/styled.js +5 -5
- package/dist/esm/root/ui/titleBox/failedTitleBox.js +3 -2
- package/dist/esm/root/ui/titleBox/titleBox.js +1 -1
- package/dist/esm/types.js +7 -1
- package/dist/esm/utils/analytics.js +17 -6
- package/dist/esm/utils/cardActions/cardActionsDropdownMenu.js +2 -1
- package/dist/esm/utils/dimensionComparer.js +8 -13
- package/dist/esm/utils/getErrorMessage.js +1 -1
- package/dist/esm/utils/getMediaCardCursor.js +19 -0
- package/dist/esm/utils/globalScope/getSSRData.js +10 -0
- package/dist/esm/utils/globalScope/globalScope.js +69 -0
- package/dist/esm/utils/globalScope/index.js +2 -0
- package/dist/esm/utils/globalScope/types.js +1 -0
- package/dist/esm/utils/printScript.js +30 -0
- package/dist/esm/utils/viewportDetector.js +48 -21
- package/dist/esm/version.json +1 -1
- package/dist/types/errors.d.ts +1 -1
- package/dist/types/files/cardImageView/index.d.ts +6 -2
- package/dist/types/index.d.ts +1 -0
- package/dist/types/root/card/cardLoader.d.ts +2 -2
- package/dist/types/root/card/getCardPreview/index.d.ts +1 -0
- package/dist/types/root/card/index.d.ts +10 -9
- package/dist/types/root/cardView.d.ts +10 -8
- package/dist/types/root/inline/loader.d.ts +2 -0
- package/dist/types/root/inline/mediaInlineCard.d.ts +3 -5
- package/dist/types/root/inlinePlayer.d.ts +10 -1
- package/dist/types/root/styled.d.ts +1 -0
- package/dist/types/root/ui/iconMessage/index.d.ts +2 -2
- package/dist/types/root/ui/imageRenderer/imageRenderer.d.ts +4 -4
- package/dist/types/root/ui/loadingRateLimited/loadingRateLimited.d.ts +1 -0
- package/dist/types/root/ui/playButton/playButton.d.ts +1 -0
- package/dist/types/root/ui/progressBar/progressBar.d.ts +3 -1
- package/dist/types/root/ui/progressBar/styled.d.ts +2 -1
- package/dist/types/root/ui/styled.d.ts +2 -1
- package/dist/types/root/ui/tickBox/tickBox.d.ts +1 -0
- package/dist/types/root/ui/titleBox/failedTitleBox.d.ts +2 -2
- package/dist/types/root/ui/titleBox/titleBox.d.ts +1 -9
- package/dist/types/types.d.ts +6 -1
- package/dist/types/utils/analytics.d.ts +6 -0
- package/dist/types/utils/getErrorMessage.d.ts +1 -0
- package/dist/types/utils/getMediaCardCursor.d.ts +2 -0
- package/dist/types/utils/globalScope/getSSRData.d.ts +3 -0
- package/dist/types/utils/globalScope/globalScope.d.ts +21 -0
- package/dist/types/utils/globalScope/index.d.ts +4 -0
- package/dist/types/utils/globalScope/types.d.ts +8 -0
- package/dist/types/utils/printScript.d.ts +2 -0
- package/dist/types/utils/viewportDetector.d.ts +13 -5
- package/package.json +14 -16
- package/dist/cjs/utils/lazyContent/index.js +0 -56
- package/dist/cjs/utils/lazyContent/styled.js +0 -23
- package/dist/es2019/utils/lazyContent/index.js +0 -18
- package/dist/es2019/utils/lazyContent/styled.js +0 -12
- package/dist/esm/utils/lazyContent/index.js +0 -41
- package/dist/esm/utils/lazyContent/styled.js +0 -14
- package/dist/types/utils/lazyContent/index.d.ts +0 -11
- package/dist/types/utils/lazyContent/styled.d.ts +0 -5
package/dist/cjs/styles/index.js
CHANGED
|
@@ -5,12 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function get() {
|
|
11
|
-
return _config.defaultTransitionDuration;
|
|
12
|
-
}
|
|
13
|
-
});
|
|
8
|
+
exports.Root = exports.FadeinImage = void 0;
|
|
14
9
|
Object.defineProperty(exports, "antialiased", {
|
|
15
10
|
enumerable: true,
|
|
16
11
|
get: function get() {
|
|
@@ -29,6 +24,7 @@ Object.defineProperty(exports, "capitalize", {
|
|
|
29
24
|
return _mixins.capitalize;
|
|
30
25
|
}
|
|
31
26
|
});
|
|
27
|
+
exports.cardShadow = void 0;
|
|
32
28
|
Object.defineProperty(exports, "centerSelf", {
|
|
33
29
|
enumerable: true,
|
|
34
30
|
get: function get() {
|
|
@@ -53,55 +49,61 @@ Object.defineProperty(exports, "centerX", {
|
|
|
53
49
|
return _mixins.centerX;
|
|
54
50
|
}
|
|
55
51
|
});
|
|
56
|
-
|
|
52
|
+
exports.default = void 0;
|
|
53
|
+
Object.defineProperty(exports, "defaultTransitionDuration", {
|
|
57
54
|
enumerable: true,
|
|
58
55
|
get: function get() {
|
|
59
|
-
return
|
|
56
|
+
return _config.defaultTransitionDuration;
|
|
60
57
|
}
|
|
61
58
|
});
|
|
62
|
-
Object.defineProperty(exports, "
|
|
59
|
+
Object.defineProperty(exports, "easeOutCubic", {
|
|
63
60
|
enumerable: true,
|
|
64
61
|
get: function get() {
|
|
65
|
-
return
|
|
62
|
+
return _easing.easeOutCubic;
|
|
66
63
|
}
|
|
67
64
|
});
|
|
68
|
-
Object.defineProperty(exports, "
|
|
65
|
+
Object.defineProperty(exports, "easeOutExpo", {
|
|
69
66
|
enumerable: true,
|
|
70
67
|
get: function get() {
|
|
71
|
-
return
|
|
68
|
+
return _easing.easeOutExpo;
|
|
72
69
|
}
|
|
73
70
|
});
|
|
74
|
-
Object.defineProperty(exports, "
|
|
71
|
+
Object.defineProperty(exports, "hexToRgb", {
|
|
75
72
|
enumerable: true,
|
|
76
73
|
get: function get() {
|
|
77
|
-
return _mixins.
|
|
74
|
+
return _mixins.hexToRgb;
|
|
78
75
|
}
|
|
79
76
|
});
|
|
80
|
-
Object.defineProperty(exports, "
|
|
77
|
+
Object.defineProperty(exports, "rgba", {
|
|
81
78
|
enumerable: true,
|
|
82
79
|
get: function get() {
|
|
83
|
-
return _mixins.
|
|
80
|
+
return _mixins.rgba;
|
|
84
81
|
}
|
|
85
82
|
});
|
|
86
|
-
Object.defineProperty(exports, "
|
|
83
|
+
Object.defineProperty(exports, "spaceAround", {
|
|
87
84
|
enumerable: true,
|
|
88
85
|
get: function get() {
|
|
89
|
-
return
|
|
86
|
+
return _mixins.spaceAround;
|
|
90
87
|
}
|
|
91
88
|
});
|
|
92
|
-
Object.defineProperty(exports, "
|
|
89
|
+
Object.defineProperty(exports, "spin", {
|
|
93
90
|
enumerable: true,
|
|
94
91
|
get: function get() {
|
|
95
|
-
return
|
|
92
|
+
return _animations.spin;
|
|
96
93
|
}
|
|
97
94
|
});
|
|
98
|
-
Object.defineProperty(exports, "
|
|
95
|
+
Object.defineProperty(exports, "transition", {
|
|
99
96
|
enumerable: true,
|
|
100
97
|
get: function get() {
|
|
101
|
-
return
|
|
98
|
+
return _mixins.transition;
|
|
99
|
+
}
|
|
100
|
+
});
|
|
101
|
+
Object.defineProperty(exports, "withAppearance", {
|
|
102
|
+
enumerable: true,
|
|
103
|
+
get: function get() {
|
|
104
|
+
return _mixins.withAppearance;
|
|
102
105
|
}
|
|
103
106
|
});
|
|
104
|
-
exports.default = exports.FadeinImage = exports.cardShadow = exports.Root = void 0;
|
|
105
107
|
|
|
106
108
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
107
109
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.withAppearance = exports.
|
|
6
|
+
exports.withAppearance = exports.transition = exports.spaceAround = exports.rgba = exports.hexToRgb = exports.centerX = exports.centerSelfY = exports.centerSelfX = exports.centerSelf = exports.capitalize = exports.borderRadiusLeft = exports.antialiased = void 0;
|
|
7
7
|
|
|
8
8
|
var _constants = require("@atlaskit/theme/constants");
|
|
9
9
|
|
package/dist/cjs/types.js
CHANGED
|
@@ -2,4 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
|
-
});
|
|
5
|
+
});
|
|
6
|
+
exports.MediaCardCursor = void 0;
|
|
7
|
+
var MediaCardCursor;
|
|
8
|
+
exports.MediaCardCursor = MediaCardCursor;
|
|
9
|
+
|
|
10
|
+
(function (MediaCardCursor) {
|
|
11
|
+
MediaCardCursor["Action"] = "pointer";
|
|
12
|
+
MediaCardCursor["NoAction"] = "default";
|
|
13
|
+
MediaCardCursor["NotReady"] = "wait";
|
|
14
|
+
})(MediaCardCursor || (exports.MediaCardCursor = MediaCardCursor = {}));
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
8
|
+
exports.extractErrorInfo = exports.createAndFireMediaCardEvent = void 0;
|
|
6
9
|
exports.fireMediaCardEvent = fireMediaCardEvent;
|
|
7
|
-
exports.
|
|
10
|
+
exports.getRenderSucceededEventPayload = exports.getRenderPreviewableCardPayload = exports.getRenderFailedFileStatusPayload = exports.getRenderFailedExternalUriPayload = exports.getRenderErrorRequestMetadata = exports.getRenderErrorFailReason = exports.getRenderErrorEventPayload = exports.getRenderErrorErrorReason = exports.getRenderErrorErrorDetail = exports.getRenderCommencedEventPayload = exports.getFileAttributes = exports.getCopiedFilePayload = void 0;
|
|
11
|
+
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
8
13
|
|
|
9
14
|
var _mediaClient = require("@atlaskit/media-client");
|
|
10
15
|
|
|
@@ -14,6 +19,10 @@ var _analyticsNext = require("@atlaskit/analytics-next");
|
|
|
14
19
|
|
|
15
20
|
var _errors = require("../errors");
|
|
16
21
|
|
|
22
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
23
|
+
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
25
|
+
|
|
17
26
|
var getFileAttributes = function getFileAttributes(metadata, fileStatus) {
|
|
18
27
|
return {
|
|
19
28
|
fileMediatype: metadata.mediaType,
|
|
@@ -128,20 +137,28 @@ var getRenderErrorRequestMetadata = function getRenderErrorRequestMetadata(error
|
|
|
128
137
|
|
|
129
138
|
exports.getRenderErrorRequestMetadata = getRenderErrorRequestMetadata;
|
|
130
139
|
|
|
140
|
+
var extractErrorInfo = function extractErrorInfo(error) {
|
|
141
|
+
return {
|
|
142
|
+
failReason: getRenderErrorFailReason(error),
|
|
143
|
+
error: getRenderErrorErrorReason(error),
|
|
144
|
+
errorDetail: getRenderErrorErrorDetail(error)
|
|
145
|
+
};
|
|
146
|
+
};
|
|
147
|
+
|
|
148
|
+
exports.extractErrorInfo = extractErrorInfo;
|
|
149
|
+
|
|
131
150
|
var getRenderErrorEventPayload = function getRenderErrorEventPayload(fileAttributes, performanceAttributes, error) {
|
|
132
151
|
return {
|
|
133
152
|
eventType: 'operational',
|
|
134
153
|
action: 'failed',
|
|
135
154
|
actionSubject: 'mediaCardRender',
|
|
136
|
-
attributes: {
|
|
155
|
+
attributes: _objectSpread(_objectSpread({
|
|
137
156
|
fileAttributes: fileAttributes,
|
|
138
157
|
performanceAttributes: performanceAttributes,
|
|
139
|
-
status: 'fail'
|
|
140
|
-
|
|
141
|
-
error: getRenderErrorErrorReason(error),
|
|
142
|
-
errorDetail: getRenderErrorErrorDetail(error),
|
|
158
|
+
status: 'fail'
|
|
159
|
+
}, extractErrorInfo(error)), {}, {
|
|
143
160
|
request: getRenderErrorRequestMetadata(error)
|
|
144
|
-
}
|
|
161
|
+
})
|
|
145
162
|
};
|
|
146
163
|
};
|
|
147
164
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.cardBreakpointSizes = exports.breakpointStyles = exports.breakpointSize = void 0;
|
|
7
7
|
|
|
8
8
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
9
9
|
|
|
@@ -35,6 +35,8 @@ var _analyticsNext = require("@atlaskit/analytics-next");
|
|
|
35
35
|
|
|
36
36
|
var _analytics = require("../analytics");
|
|
37
37
|
|
|
38
|
+
var _excluded = ["triggerRef"];
|
|
39
|
+
|
|
38
40
|
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); }
|
|
39
41
|
|
|
40
42
|
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; }
|
|
@@ -109,7 +111,7 @@ var CardActionsDropdownMenu = /*#__PURE__*/function (_Component) {
|
|
|
109
111
|
onOpenChange: onOpenChange,
|
|
110
112
|
trigger: function trigger(_ref) {
|
|
111
113
|
var triggerRef = _ref.triggerRef,
|
|
112
|
-
providedProps = (0, _objectWithoutProperties2.default)(_ref,
|
|
114
|
+
providedProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
113
115
|
return /*#__PURE__*/_react.default.createElement(CardActionButtonWithAnalytics, (0, _extends2.default)({
|
|
114
116
|
variant: triggerVariant,
|
|
115
117
|
style: {
|
|
@@ -3,34 +3,34 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
Object.defineProperty(exports, "
|
|
6
|
+
Object.defineProperty(exports, "CardActionIconButton", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function get() {
|
|
9
|
-
return
|
|
9
|
+
return _cardActionIconButton.CardActionIconButton;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
Object.defineProperty(exports, "
|
|
12
|
+
Object.defineProperty(exports, "CardActionIconButtonVariant", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function get() {
|
|
15
|
-
return
|
|
15
|
+
return _styled.CardActionIconButtonVariant;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
Object.defineProperty(exports, "
|
|
18
|
+
Object.defineProperty(exports, "CardActionsDropdownMenu", {
|
|
19
19
|
enumerable: true,
|
|
20
20
|
get: function get() {
|
|
21
|
-
return
|
|
21
|
+
return _cardActionsDropdownMenu.CardActionsDropdownMenu;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
-
Object.defineProperty(exports, "
|
|
24
|
+
Object.defineProperty(exports, "CardActionsView", {
|
|
25
25
|
enumerable: true,
|
|
26
26
|
get: function get() {
|
|
27
|
-
return
|
|
27
|
+
return _cardActionsView.CardActionsView;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
|
-
Object.defineProperty(exports, "
|
|
30
|
+
Object.defineProperty(exports, "default", {
|
|
31
31
|
enumerable: true,
|
|
32
32
|
get: function get() {
|
|
33
|
-
return
|
|
33
|
+
return _cardActionsView.CardActionsView;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.Wrapper = exports.CardActionIconButtonVariant = exports.CardActionButton = void 0;
|
|
9
9
|
|
|
10
10
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
11
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.minSquareCardDimensions = exports.minSmallCardDimensions = exports.minImageCardDimensions = exports.minHorizontalCardDimensions = exports.maxSquareCardDimensions = exports.maxImageCardDimensions = exports.maxHorizontalCardDimensions = exports.getDefaultCardDimensions = exports.getCardMinWidth = exports.getCardMaxWidth = exports.getCardMaxHeight = exports.defaultSquareCardDimensions = exports.defaultSmallCardDimensions = exports.defaultImageCardDimensions = exports.defaultHorizontalCardDimensions = void 0;
|
|
7
7
|
// Default dimensions
|
|
8
8
|
var defaultSmallCardDimensions = {
|
|
9
9
|
width: '100%',
|
|
@@ -9,24 +9,18 @@ var _isValidPercentageUnit = require("./isValidPercentageUnit");
|
|
|
9
9
|
|
|
10
10
|
var _containsPixelUnit = require("./containsPixelUnit");
|
|
11
11
|
|
|
12
|
+
var isPixelEquivalent = function isPixelEquivalent(dimension) {
|
|
13
|
+
return typeof dimension === 'number' || (0, _containsPixelUnit.containsPixelUnit)("".concat(dimension));
|
|
14
|
+
};
|
|
15
|
+
|
|
12
16
|
var canCompareDimension = function canCompareDimension(current, next) {
|
|
13
17
|
if (!current || !next) {
|
|
14
18
|
return false;
|
|
15
19
|
}
|
|
16
20
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
if ((0, _containsPixelUnit.containsPixelUnit)("".concat(current)) && (0, _containsPixelUnit.containsPixelUnit)("".concat(next))) {
|
|
22
|
-
return true;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
if (typeof current === 'number' && typeof next === 'number') {
|
|
26
|
-
return true;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
return false;
|
|
21
|
+
var bothPixelEquivalent = isPixelEquivalent(current) && isPixelEquivalent(next);
|
|
22
|
+
var bothPercentage = (0, _isValidPercentageUnit.isValidPercentageUnit)(current) && (0, _isValidPercentageUnit.isValidPercentageUnit)(next);
|
|
23
|
+
return bothPixelEquivalent || bothPercentage;
|
|
30
24
|
};
|
|
31
25
|
|
|
32
26
|
exports.canCompareDimension = canCompareDimension;
|
|
@@ -9,12 +9,12 @@ exports.getErrorMessage = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _reactIntlNext = require("react-intl-next");
|
|
13
13
|
|
|
14
14
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
15
15
|
|
|
16
16
|
var getErrorMessage = function getErrorMessage(status) {
|
|
17
|
-
return status === 'error' && /*#__PURE__*/_react.default.createElement(
|
|
17
|
+
return status === 'error' && /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.failed_to_load);
|
|
18
18
|
};
|
|
19
19
|
|
|
20
20
|
exports.getErrorMessage = getErrorMessage;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getMediaCardCursor = void 0;
|
|
7
|
+
|
|
8
|
+
var _types = require("../types");
|
|
9
|
+
|
|
10
|
+
var getMediaCardCursor = function getMediaCardCursor(useInlinePlayer, useMediaViewer, isErrorStatus, hasCardPreview, mediaType) {
|
|
11
|
+
// If error status or no action is requested = NoAction
|
|
12
|
+
if (isErrorStatus || !useInlinePlayer && !useMediaViewer) {
|
|
13
|
+
return _types.MediaCardCursor.NoAction;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
if (!mediaType && (useInlinePlayer || useInlinePlayer && useMediaViewer)) {
|
|
17
|
+
return _types.MediaCardCursor.NotReady;
|
|
18
|
+
} else if (mediaType === 'video' && hasCardPreview && useInlinePlayer) {
|
|
19
|
+
return _types.MediaCardCursor.Action;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
if (useMediaViewer) {
|
|
23
|
+
return _types.MediaCardCursor.Action;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
return _types.MediaCardCursor.NoAction;
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
exports.getMediaCardCursor = getMediaCardCursor;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getSSRData = void 0;
|
|
7
|
+
|
|
8
|
+
var _globalScope = require("./globalScope");
|
|
9
|
+
|
|
10
|
+
var getSSRData = function getSSRData(identifier) {
|
|
11
|
+
var mediaCardSsr = (0, _globalScope.getMediaCardSSR)();
|
|
12
|
+
|
|
13
|
+
if (!mediaCardSsr) {
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
return mediaCardSsr[(0, _globalScope.getKey)(identifier)];
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
exports.getSSRData = getSSRData;
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.getKey = exports.StoreSSRDataScript = exports.GLOBAL_MEDIA_NAMESPACE = exports.GLOBAL_MEDIA_CARD_SSR = void 0;
|
|
9
|
+
exports.getMediaCardSSR = getMediaCardSSR;
|
|
10
|
+
exports.getMediaGlobalScope = getMediaGlobalScope;
|
|
11
|
+
exports.storeDataURI = void 0;
|
|
12
|
+
|
|
13
|
+
var _react = _interopRequireDefault(require("react"));
|
|
14
|
+
|
|
15
|
+
var _printScript = require("../printScript");
|
|
16
|
+
|
|
17
|
+
// ----- WARNING -----
|
|
18
|
+
// This is a very sensitive fraction of code.
|
|
19
|
+
// Any changes to this file must be tested directly in product before merging.
|
|
20
|
+
// The scripts printed here might differ from what we observe in our internal tests
|
|
21
|
+
// due to minimification, for example.
|
|
22
|
+
var GLOBAL_MEDIA_CARD_SSR = 'mediaCardSsr';
|
|
23
|
+
exports.GLOBAL_MEDIA_CARD_SSR = GLOBAL_MEDIA_CARD_SSR;
|
|
24
|
+
var GLOBAL_MEDIA_NAMESPACE = '__MEDIA_INTERNAL';
|
|
25
|
+
exports.GLOBAL_MEDIA_NAMESPACE = GLOBAL_MEDIA_NAMESPACE;
|
|
26
|
+
|
|
27
|
+
function getMediaGlobalScope() {
|
|
28
|
+
var globalScope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
|
|
29
|
+
// Must match GLOBAL_MEDIA_NAMESPACE. Can't reference the constant from here.
|
|
30
|
+
var namespace = '__MEDIA_INTERNAL';
|
|
31
|
+
|
|
32
|
+
if (!globalScope[namespace]) {
|
|
33
|
+
globalScope[namespace] = {};
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
return globalScope[namespace];
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
function getMediaCardSSR() {
|
|
40
|
+
var globalScope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
|
|
41
|
+
var globalMedia = getMediaGlobalScope(globalScope); // Must match GLOBAL_MEDIA_CARD_SSR. Can't reference the constant from here.
|
|
42
|
+
|
|
43
|
+
var key = 'mediaCardSsr';
|
|
44
|
+
|
|
45
|
+
if (!globalMedia[key]) {
|
|
46
|
+
globalMedia[key] = {};
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
return globalMedia[key];
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
var dashed = function dashed(param) {
|
|
53
|
+
return param ? "-".concat(param) : '';
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
var getKey = function getKey(_ref) {
|
|
57
|
+
var id = _ref.id,
|
|
58
|
+
collectionName = _ref.collectionName,
|
|
59
|
+
occurrenceKey = _ref.occurrenceKey;
|
|
60
|
+
return "".concat(id).concat(dashed(collectionName)).concat(dashed(occurrenceKey));
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
exports.getKey = getKey;
|
|
64
|
+
|
|
65
|
+
var storeDataURI = function storeDataURI(key, dataURI, dimensions, error) {
|
|
66
|
+
var globalScope = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : window;
|
|
67
|
+
var mediaCardSsr = getMediaCardSSR(globalScope);
|
|
68
|
+
mediaCardSsr[key] = {
|
|
69
|
+
dataURI: dataURI,
|
|
70
|
+
dimensions: dimensions,
|
|
71
|
+
error: error
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
exports.storeDataURI = storeDataURI;
|
|
76
|
+
|
|
77
|
+
var generateScript = function generateScript(identifier, dataURI, dimensions, error) {
|
|
78
|
+
var functionCall = (0, _printScript.printFunctionCall)(storeDataURI, getKey(identifier), dataURI, dimensions, error);
|
|
79
|
+
return (0, _printScript.printScript)([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
var StoreSSRDataScript = function StoreSSRDataScript(_ref2) {
|
|
83
|
+
var dataURI = _ref2.dataURI,
|
|
84
|
+
identifier = _ref2.identifier,
|
|
85
|
+
dimensions = _ref2.dimensions,
|
|
86
|
+
error = _ref2.error;
|
|
87
|
+
return /*#__PURE__*/_react.default.createElement("script", {
|
|
88
|
+
dangerouslySetInnerHTML: {
|
|
89
|
+
__html: generateScript(identifier, dataURI, dimensions, error)
|
|
90
|
+
}
|
|
91
|
+
});
|
|
92
|
+
};
|
|
93
|
+
|
|
94
|
+
exports.StoreSSRDataScript = StoreSSRDataScript;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "GLOBAL_MEDIA_CARD_SSR", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _globalScope.GLOBAL_MEDIA_CARD_SSR;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "GLOBAL_MEDIA_NAMESPACE", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _globalScope.GLOBAL_MEDIA_NAMESPACE;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "StoreSSRDataScript", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _globalScope.StoreSSRDataScript;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "getKey", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _globalScope.getKey;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "getSSRData", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _getSSRData.getSSRData;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
var _globalScope = require("./globalScope");
|
|
38
|
+
|
|
39
|
+
var _getSSRData = require("./getSSRData");
|
package/dist/cjs/utils/index.js
CHANGED
|
@@ -5,6 +5,24 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
+
Object.defineProperty(exports, "CardActionIconButton", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function get() {
|
|
11
|
+
return _cardActions.CardActionIconButton;
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
Object.defineProperty(exports, "CardActionsDropdownMenu", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function get() {
|
|
17
|
+
return _cardActions.CardActionsDropdownMenu;
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports, "CardActionsView", {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function get() {
|
|
23
|
+
return _cardActions.CardActionsView;
|
|
24
|
+
}
|
|
25
|
+
});
|
|
8
26
|
Object.defineProperty(exports, "ErrorIcon", {
|
|
9
27
|
enumerable: true,
|
|
10
28
|
get: function get() {
|
|
@@ -17,34 +35,34 @@ Object.defineProperty(exports, "FileIcon", {
|
|
|
17
35
|
return _fileIcon.FileIcon;
|
|
18
36
|
}
|
|
19
37
|
});
|
|
20
|
-
Object.defineProperty(exports, "
|
|
38
|
+
Object.defineProperty(exports, "breakpointSize", {
|
|
21
39
|
enumerable: true,
|
|
22
40
|
get: function get() {
|
|
23
|
-
return
|
|
41
|
+
return _breakpoint.breakpointSize;
|
|
24
42
|
}
|
|
25
43
|
});
|
|
26
|
-
Object.defineProperty(exports, "
|
|
44
|
+
Object.defineProperty(exports, "breakpointStyles", {
|
|
27
45
|
enumerable: true,
|
|
28
46
|
get: function get() {
|
|
29
|
-
return
|
|
47
|
+
return _breakpoint.breakpointStyles;
|
|
30
48
|
}
|
|
31
49
|
});
|
|
32
|
-
Object.defineProperty(exports, "
|
|
50
|
+
Object.defineProperty(exports, "cardBreakpointSizes", {
|
|
33
51
|
enumerable: true,
|
|
34
52
|
get: function get() {
|
|
35
|
-
return
|
|
53
|
+
return _breakpoint.cardBreakpointSizes;
|
|
36
54
|
}
|
|
37
55
|
});
|
|
38
|
-
Object.defineProperty(exports, "
|
|
56
|
+
Object.defineProperty(exports, "containsPixelUnit", {
|
|
39
57
|
enumerable: true,
|
|
40
58
|
get: function get() {
|
|
41
|
-
return
|
|
59
|
+
return _containsPixelUnit.containsPixelUnit;
|
|
42
60
|
}
|
|
43
61
|
});
|
|
44
|
-
Object.defineProperty(exports, "
|
|
62
|
+
Object.defineProperty(exports, "default", {
|
|
45
63
|
enumerable: true,
|
|
46
64
|
get: function get() {
|
|
47
|
-
return
|
|
65
|
+
return _cardActions.default;
|
|
48
66
|
}
|
|
49
67
|
});
|
|
50
68
|
Object.defineProperty(exports, "defaultHorizontalCardDimensions", {
|
|
@@ -95,6 +113,24 @@ Object.defineProperty(exports, "getDefaultCardDimensions", {
|
|
|
95
113
|
return _cardDimensions.getDefaultCardDimensions;
|
|
96
114
|
}
|
|
97
115
|
});
|
|
116
|
+
Object.defineProperty(exports, "getElementDimension", {
|
|
117
|
+
enumerable: true,
|
|
118
|
+
get: function get() {
|
|
119
|
+
return _getElementDimension.getElementDimension;
|
|
120
|
+
}
|
|
121
|
+
});
|
|
122
|
+
Object.defineProperty(exports, "isRetina", {
|
|
123
|
+
enumerable: true,
|
|
124
|
+
get: function get() {
|
|
125
|
+
return _isRetina.isRetina;
|
|
126
|
+
}
|
|
127
|
+
});
|
|
128
|
+
Object.defineProperty(exports, "isValidPercentageUnit", {
|
|
129
|
+
enumerable: true,
|
|
130
|
+
get: function get() {
|
|
131
|
+
return _isValidPercentageUnit.isValidPercentageUnit;
|
|
132
|
+
}
|
|
133
|
+
});
|
|
98
134
|
Object.defineProperty(exports, "maxHorizontalCardDimensions", {
|
|
99
135
|
enumerable: true,
|
|
100
136
|
get: function get() {
|
|
@@ -137,42 +173,6 @@ Object.defineProperty(exports, "minSquareCardDimensions", {
|
|
|
137
173
|
return _cardDimensions.minSquareCardDimensions;
|
|
138
174
|
}
|
|
139
175
|
});
|
|
140
|
-
Object.defineProperty(exports, "breakpointSize", {
|
|
141
|
-
enumerable: true,
|
|
142
|
-
get: function get() {
|
|
143
|
-
return _breakpoint.breakpointSize;
|
|
144
|
-
}
|
|
145
|
-
});
|
|
146
|
-
Object.defineProperty(exports, "breakpointStyles", {
|
|
147
|
-
enumerable: true,
|
|
148
|
-
get: function get() {
|
|
149
|
-
return _breakpoint.breakpointStyles;
|
|
150
|
-
}
|
|
151
|
-
});
|
|
152
|
-
Object.defineProperty(exports, "cardBreakpointSizes", {
|
|
153
|
-
enumerable: true,
|
|
154
|
-
get: function get() {
|
|
155
|
-
return _breakpoint.cardBreakpointSizes;
|
|
156
|
-
}
|
|
157
|
-
});
|
|
158
|
-
Object.defineProperty(exports, "isValidPercentageUnit", {
|
|
159
|
-
enumerable: true,
|
|
160
|
-
get: function get() {
|
|
161
|
-
return _isValidPercentageUnit.isValidPercentageUnit;
|
|
162
|
-
}
|
|
163
|
-
});
|
|
164
|
-
Object.defineProperty(exports, "getElementDimension", {
|
|
165
|
-
enumerable: true,
|
|
166
|
-
get: function get() {
|
|
167
|
-
return _getElementDimension.getElementDimension;
|
|
168
|
-
}
|
|
169
|
-
});
|
|
170
|
-
Object.defineProperty(exports, "containsPixelUnit", {
|
|
171
|
-
enumerable: true,
|
|
172
|
-
get: function get() {
|
|
173
|
-
return _containsPixelUnit.containsPixelUnit;
|
|
174
|
-
}
|
|
175
|
-
});
|
|
176
176
|
|
|
177
177
|
var _errorIcon = require("./errorIcon");
|
|
178
178
|
|