@atlaskit/media-card 79.0.2 → 79.0.3
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 +9 -0
- package/dist/cjs/card/card.js +1 -1
- package/dist/cjs/card/fileCard.js +1 -10
- package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/cjs/inline/loader.js +1 -1
- package/dist/cjs/utils/ufoExperiences.js +1 -1
- package/dist/es2019/card/card.js +1 -1
- package/dist/es2019/card/fileCard.js +1 -10
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/es2019/inline/loader.js +1 -1
- package/dist/es2019/utils/ufoExperiences.js +1 -1
- package/dist/esm/card/card.js +1 -1
- package/dist/esm/card/fileCard.js +1 -10
- package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/package.json +2 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/media-card
|
|
2
2
|
|
|
3
|
+
## 79.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#117537](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/117537)
|
|
8
|
+
[`1aafb49d776e0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1aafb49d776e0) -
|
|
9
|
+
Integrated Media Viewer with internal DS Portal (removed feature flag)
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
3
12
|
## 79.0.2
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
package/dist/cjs/card/card.js
CHANGED
|
@@ -21,7 +21,7 @@ var _excluded = ["identifier"];
|
|
|
21
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
22
22
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
23
23
|
var packageName = "@atlaskit/media-card";
|
|
24
|
-
var packageVersion = "79.0.
|
|
24
|
+
var packageVersion = "79.0.3";
|
|
25
25
|
var CardBase = exports.CardBase = function CardBase(_ref) {
|
|
26
26
|
var identifier = _ref.identifier,
|
|
27
27
|
otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
@@ -17,7 +17,6 @@ var _mediaClientReact = require("@atlaskit/media-client-react");
|
|
|
17
17
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
18
18
|
var _mediaViewer = require("@atlaskit/media-viewer");
|
|
19
19
|
var _react = _interopRequireWildcard(require("react"));
|
|
20
|
-
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
21
20
|
var _useCallbackRef = require("use-callback-ref");
|
|
22
21
|
var _errors = require("../errors");
|
|
23
22
|
var _types = require("../types");
|
|
@@ -39,18 +38,10 @@ var _performance = require("./performance");
|
|
|
39
38
|
var _dateOverrideContext = require("../dateOverrideContext");
|
|
40
39
|
var _reactIntlNext = require("react-intl-next");
|
|
41
40
|
var _abuseModal = require("@atlaskit/media-ui/abuseModal");
|
|
42
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
43
41
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
44
42
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
45
43
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
46
44
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
47
|
-
var MediaViewerComponent = function MediaViewerComponent(props) {
|
|
48
|
-
if ((0, _platformFeatureFlags.fg)('media_viewer_integrates_ds_portal')) {
|
|
49
|
-
return /*#__PURE__*/_react.default.createElement(_mediaViewer.MediaViewer, props);
|
|
50
|
-
} else {
|
|
51
|
-
return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_mediaViewer.MediaViewer, props), document.body);
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
45
|
var FileCard = exports.FileCard = function FileCard(_ref) {
|
|
55
46
|
var _ref$appearance = _ref.appearance,
|
|
56
47
|
appearance = _ref$appearance === void 0 ? 'auto' : _ref$appearance,
|
|
@@ -670,7 +661,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
|
|
|
670
661
|
testId: testId,
|
|
671
662
|
cardPreview: preview,
|
|
672
663
|
videoControlsWrapperRef: videoControlsWrapperRef
|
|
673
|
-
})) : renderCard(), mediaViewerSelectedItem ? /*#__PURE__*/_react.default.createElement(
|
|
664
|
+
})) : renderCard(), mediaViewerSelectedItem ? /*#__PURE__*/_react.default.createElement(_mediaViewer.MediaViewer, {
|
|
674
665
|
collectionName: collectionName,
|
|
675
666
|
items: mediaViewerItems || [],
|
|
676
667
|
mediaClientConfig: mediaClient.config,
|
|
@@ -87,7 +87,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
87
87
|
}(_react.default.Component);
|
|
88
88
|
(0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
89
89
|
var packageName = "@atlaskit/media-card";
|
|
90
|
-
var packageVersion = "79.0.
|
|
90
|
+
var packageVersion = "79.0.3";
|
|
91
91
|
|
|
92
92
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
93
93
|
var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
@@ -117,7 +117,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
|
|
|
117
117
|
ErrorBoundary = _this$state.ErrorBoundary;
|
|
118
118
|
var analyticsContext = {
|
|
119
119
|
packageVersion: "@atlaskit/media-card",
|
|
120
|
-
packageName: "79.0.
|
|
120
|
+
packageName: "79.0.3",
|
|
121
121
|
componentName: 'mediaInlineCard',
|
|
122
122
|
component: 'mediaInlineCard'
|
|
123
123
|
};
|
|
@@ -15,7 +15,7 @@ var _mediaClient = require("@atlaskit/media-client");
|
|
|
15
15
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
16
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
17
|
var packageName = "@atlaskit/media-card";
|
|
18
|
-
var packageVersion = "79.0.
|
|
18
|
+
var packageVersion = "79.0.3";
|
|
19
19
|
var SAMPLE_RATE = 0.05;
|
|
20
20
|
var concurrentExperience;
|
|
21
21
|
var getExperience = function getExperience(id) {
|
package/dist/es2019/card/card.js
CHANGED
|
@@ -9,7 +9,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
|
|
|
9
9
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
10
10
|
import UFOLabel from '@atlaskit/react-ufo/label';
|
|
11
11
|
const packageName = "@atlaskit/media-card";
|
|
12
|
-
const packageVersion = "79.0.
|
|
12
|
+
const packageVersion = "79.0.3";
|
|
13
13
|
export const CardBase = ({
|
|
14
14
|
identifier,
|
|
15
15
|
...otherProps
|
|
@@ -4,7 +4,6 @@ import { useFileState, useMediaClient } from '@atlaskit/media-client-react';
|
|
|
4
4
|
import { getRandomHex, isMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
|
|
5
5
|
import { MediaViewer } from '@atlaskit/media-viewer';
|
|
6
6
|
import React, { Suspense, useEffect, useMemo, useRef, useState, useCallback } from 'react';
|
|
7
|
-
import ReactDOM from 'react-dom';
|
|
8
7
|
import { useMergeRefs } from 'use-callback-ref';
|
|
9
8
|
import { MediaCardError } from '../errors';
|
|
10
9
|
import { isSSRPreview } from '../types';
|
|
@@ -27,14 +26,6 @@ import { useContext } from 'react';
|
|
|
27
26
|
import { DateOverrideContext } from '../dateOverrideContext';
|
|
28
27
|
import { useIntl } from 'react-intl-next';
|
|
29
28
|
import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
|
|
30
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
31
|
-
const MediaViewerComponent = props => {
|
|
32
|
-
if (fg('media_viewer_integrates_ds_portal')) {
|
|
33
|
-
return /*#__PURE__*/React.createElement(MediaViewer, props);
|
|
34
|
-
} else {
|
|
35
|
-
return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(MediaViewer, props), document.body);
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
29
|
export const FileCard = ({
|
|
39
30
|
appearance = 'auto',
|
|
40
31
|
resizeMode = 'crop',
|
|
@@ -589,7 +580,7 @@ export const FileCard = ({
|
|
|
589
580
|
testId: testId,
|
|
590
581
|
cardPreview: preview,
|
|
591
582
|
videoControlsWrapperRef: videoControlsWrapperRef
|
|
592
|
-
})) : renderCard(), mediaViewerSelectedItem ? /*#__PURE__*/React.createElement(
|
|
583
|
+
})) : renderCard(), mediaViewerSelectedItem ? /*#__PURE__*/React.createElement(MediaViewer, {
|
|
593
584
|
collectionName: collectionName,
|
|
594
585
|
items: mediaViewerItems || [],
|
|
595
586
|
mediaClientConfig: mediaClient.config,
|
|
@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
|
|
|
66
66
|
}
|
|
67
67
|
_defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
68
68
|
const packageName = "@atlaskit/media-card";
|
|
69
|
-
const packageVersion = "79.0.
|
|
69
|
+
const packageVersion = "79.0.3";
|
|
70
70
|
|
|
71
71
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
72
72
|
const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
|
|
|
37
37
|
} = this.state;
|
|
38
38
|
const analyticsContext = {
|
|
39
39
|
packageVersion: "@atlaskit/media-card",
|
|
40
|
-
packageName: "79.0.
|
|
40
|
+
packageName: "79.0.3",
|
|
41
41
|
componentName: 'mediaInlineCard',
|
|
42
42
|
component: 'mediaInlineCard'
|
|
43
43
|
};
|
|
@@ -5,7 +5,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
|
|
|
5
5
|
import { MediaCardError } from '../errors';
|
|
6
6
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
7
7
|
const packageName = "@atlaskit/media-card";
|
|
8
|
-
const packageVersion = "79.0.
|
|
8
|
+
const packageVersion = "79.0.3";
|
|
9
9
|
const SAMPLE_RATE = 0.05;
|
|
10
10
|
let concurrentExperience;
|
|
11
11
|
const getExperience = id => {
|
package/dist/esm/card/card.js
CHANGED
|
@@ -11,7 +11,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
|
|
|
11
11
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
12
12
|
import UFOLabel from '@atlaskit/react-ufo/label';
|
|
13
13
|
var packageName = "@atlaskit/media-card";
|
|
14
|
-
var packageVersion = "79.0.
|
|
14
|
+
var packageVersion = "79.0.3";
|
|
15
15
|
export var CardBase = function CardBase(_ref) {
|
|
16
16
|
var identifier = _ref.identifier,
|
|
17
17
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -11,7 +11,6 @@ import { useFileState, useMediaClient } from '@atlaskit/media-client-react';
|
|
|
11
11
|
import { getRandomHex, isMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
|
|
12
12
|
import { MediaViewer } from '@atlaskit/media-viewer';
|
|
13
13
|
import React, { Suspense, useEffect, useMemo, useRef, useState, useCallback } from 'react';
|
|
14
|
-
import ReactDOM from 'react-dom';
|
|
15
14
|
import { useMergeRefs } from 'use-callback-ref';
|
|
16
15
|
import { MediaCardError } from '../errors';
|
|
17
16
|
import { isSSRPreview } from '../types';
|
|
@@ -34,14 +33,6 @@ import { useContext } from 'react';
|
|
|
34
33
|
import { DateOverrideContext } from '../dateOverrideContext';
|
|
35
34
|
import { useIntl } from 'react-intl-next';
|
|
36
35
|
import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
|
|
37
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
38
|
-
var MediaViewerComponent = function MediaViewerComponent(props) {
|
|
39
|
-
if (fg('media_viewer_integrates_ds_portal')) {
|
|
40
|
-
return /*#__PURE__*/React.createElement(MediaViewer, props);
|
|
41
|
-
} else {
|
|
42
|
-
return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(MediaViewer, props), document.body);
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
36
|
export var FileCard = function FileCard(_ref) {
|
|
46
37
|
var _ref$appearance = _ref.appearance,
|
|
47
38
|
appearance = _ref$appearance === void 0 ? 'auto' : _ref$appearance,
|
|
@@ -661,7 +652,7 @@ export var FileCard = function FileCard(_ref) {
|
|
|
661
652
|
testId: testId,
|
|
662
653
|
cardPreview: preview,
|
|
663
654
|
videoControlsWrapperRef: videoControlsWrapperRef
|
|
664
|
-
})) : renderCard(), mediaViewerSelectedItem ? /*#__PURE__*/React.createElement(
|
|
655
|
+
})) : renderCard(), mediaViewerSelectedItem ? /*#__PURE__*/React.createElement(MediaViewer, {
|
|
665
656
|
collectionName: collectionName,
|
|
666
657
|
items: mediaViewerItems || [],
|
|
667
658
|
mediaClientConfig: mediaClient.config,
|
|
@@ -80,7 +80,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
80
80
|
}(React.Component);
|
|
81
81
|
_defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
82
82
|
var packageName = "@atlaskit/media-card";
|
|
83
|
-
var packageVersion = "79.0.
|
|
83
|
+
var packageVersion = "79.0.3";
|
|
84
84
|
|
|
85
85
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
86
86
|
var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
101
101
|
ErrorBoundary = _this$state.ErrorBoundary;
|
|
102
102
|
var analyticsContext = {
|
|
103
103
|
packageVersion: "@atlaskit/media-card",
|
|
104
|
-
packageName: "79.0.
|
|
104
|
+
packageName: "79.0.3",
|
|
105
105
|
componentName: 'mediaInlineCard',
|
|
106
106
|
component: 'mediaInlineCard'
|
|
107
107
|
};
|
|
@@ -8,7 +8,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
|
|
|
8
8
|
import { MediaCardError } from '../errors';
|
|
9
9
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
10
10
|
var packageName = "@atlaskit/media-card";
|
|
11
|
-
var packageVersion = "79.0.
|
|
11
|
+
var packageVersion = "79.0.3";
|
|
12
12
|
var SAMPLE_RATE = 0.05;
|
|
13
13
|
var concurrentExperience;
|
|
14
14
|
var getExperience = function getExperience(id) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-card",
|
|
3
|
-
"version": "79.0.
|
|
3
|
+
"version": "79.0.3",
|
|
4
4
|
"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"@atlaskit/media-file-preview": "^0.11.0",
|
|
48
48
|
"@atlaskit/media-svg": "^2.0.0",
|
|
49
49
|
"@atlaskit/media-ui": "^28.0.0",
|
|
50
|
-
"@atlaskit/media-viewer": "^
|
|
50
|
+
"@atlaskit/media-viewer": "^52.0.0",
|
|
51
51
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
52
52
|
"@atlaskit/primitives": "^14.1.0",
|
|
53
53
|
"@atlaskit/react-ufo": "^3.1.0",
|
|
@@ -118,9 +118,6 @@
|
|
|
118
118
|
"platform_media_cdn_single_host": {
|
|
119
119
|
"type": "boolean"
|
|
120
120
|
},
|
|
121
|
-
"media_viewer_integrates_ds_portal": {
|
|
122
|
-
"type": "boolean"
|
|
123
|
-
},
|
|
124
121
|
"platform_media_compiled": {
|
|
125
122
|
"type": "boolean"
|
|
126
123
|
}
|