@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 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
@@ -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.2";
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(MediaViewerComponent, {
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.2";
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.2",
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.2";
18
+ var packageVersion = "79.0.3";
19
19
  var SAMPLE_RATE = 0.05;
20
20
  var concurrentExperience;
21
21
  var getExperience = function getExperience(id) {
@@ -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.2";
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(MediaViewerComponent, {
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.2";
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.2",
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.2";
8
+ const packageVersion = "79.0.3";
9
9
  const SAMPLE_RATE = 0.05;
10
10
  let concurrentExperience;
11
11
  const getExperience = id => {
@@ -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.2";
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(MediaViewerComponent, {
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.2";
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.2",
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.2";
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.2",
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": "^51.0.0",
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
  }