@atlaskit/media-card 77.6.2 → 77.6.4

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.
Files changed (40) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/card/card.js +1 -1
  3. package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
  4. package/dist/cjs/card/v2/cardV2.js +1 -1
  5. package/dist/cjs/card/v2/fileCard.js +8 -8
  6. package/dist/cjs/card/v2/useFilePreview/getPreview/getPreview.js +2 -2
  7. package/dist/cjs/card/v2/useFilePreview/getPreview/index.js +2 -2
  8. package/dist/cjs/card/v2/useFilePreview/useFilePreview.js +234 -235
  9. package/dist/cjs/inline/loader.js +1 -1
  10. package/dist/cjs/inline/mediaInlineCard.js +7 -7
  11. package/dist/cjs/utils/ufoExperiences.js +1 -1
  12. package/dist/es2019/card/card.js +1 -1
  13. package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
  14. package/dist/es2019/card/v2/cardV2.js +1 -1
  15. package/dist/es2019/card/v2/fileCard.js +8 -8
  16. package/dist/es2019/card/v2/useFilePreview/getPreview/getPreview.js +1 -1
  17. package/dist/es2019/card/v2/useFilePreview/getPreview/index.js +1 -1
  18. package/dist/es2019/card/v2/useFilePreview/useFilePreview.js +194 -197
  19. package/dist/es2019/inline/loader.js +1 -1
  20. package/dist/es2019/inline/mediaInlineCard.js +8 -8
  21. package/dist/es2019/utils/ufoExperiences.js +1 -1
  22. package/dist/esm/card/card.js +1 -1
  23. package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
  24. package/dist/esm/card/v2/cardV2.js +1 -1
  25. package/dist/esm/card/v2/fileCard.js +8 -8
  26. package/dist/esm/card/v2/useFilePreview/getPreview/getPreview.js +1 -1
  27. package/dist/esm/card/v2/useFilePreview/getPreview/index.js +1 -1
  28. package/dist/esm/card/v2/useFilePreview/useFilePreview.js +236 -237
  29. package/dist/esm/inline/loader.js +1 -1
  30. package/dist/esm/inline/mediaInlineCard.js +8 -8
  31. package/dist/esm/utils/ufoExperiences.js +1 -1
  32. package/dist/types/card/v2/useFilePreview/getPreview/getPreview.d.ts +1 -1
  33. package/dist/types/card/v2/useFilePreview/getPreview/index.d.ts +1 -1
  34. package/dist/types/card/v2/useFilePreview/useFilePreview.d.ts +6 -6
  35. package/dist/types/inline/mediaInlineCard.d.ts +1 -1
  36. package/dist/types-ts4.5/card/v2/useFilePreview/getPreview/getPreview.d.ts +1 -1
  37. package/dist/types-ts4.5/card/v2/useFilePreview/getPreview/index.d.ts +1 -1
  38. package/dist/types-ts4.5/card/v2/useFilePreview/useFilePreview.d.ts +6 -6
  39. package/dist/types-ts4.5/inline/mediaInlineCard.d.ts +1 -1
  40. package/package.json +1 -1
@@ -7,18 +7,18 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.MediaInlineCardInternal = exports.MediaInlineCard = void 0;
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
- var _react = _interopRequireWildcard(require("react"));
11
- var _reactDom = _interopRequireDefault(require("react-dom"));
10
+ var _analyticsNext = require("@atlaskit/analytics-next");
12
11
  var _mediaClient = require("@atlaskit/media-client");
13
- var _reactIntlNext = require("react-intl-next");
14
12
  var _mediaUi = require("@atlaskit/media-ui");
13
+ var _formatDate = require("@atlaskit/media-ui/formatDate");
15
14
  var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
16
15
  var _mediaViewer = require("@atlaskit/media-viewer");
17
16
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
18
- var _formatDate = require("@atlaskit/media-ui/formatDate");
19
- var _analytics = require("../utils/analytics");
20
- var _analyticsNext = require("@atlaskit/analytics-next");
17
+ var _react = _interopRequireWildcard(require("react"));
18
+ var _reactDom = _interopRequireDefault(require("react-dom"));
19
+ var _reactIntlNext = require("react-intl-next");
21
20
  var _errors = require("../errors");
21
+ var _analytics = require("../utils/analytics");
22
22
  var _mediaInlineCardAnalytics = require("./mediaInlineCardAnalytics");
23
23
  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); }
24
24
  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; }
@@ -114,7 +114,7 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
114
114
  }
115
115
  });
116
116
  return function () {
117
- subscription.unsubscribe();
117
+ subscription === null || subscription === void 0 || subscription.unsubscribe();
118
118
  };
119
119
  }, [identifier.collectionName, identifier.id, mediaClient.file]);
120
120
  if (subscribeError) {
@@ -14,7 +14,7 @@ var _mediaClient = require("@atlaskit/media-client");
14
14
  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; }
15
15
  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; }
16
16
  var packageName = "@atlaskit/media-card";
17
- var packageVersion = "77.6.2";
17
+ var packageVersion = "77.6.4";
18
18
  var concurrentExperience;
19
19
  var getExperience = function getExperience(id) {
20
20
  if (!concurrentExperience) {
@@ -27,7 +27,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
27
27
  import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../utils/ufoExperiences';
28
28
  import { generateUniqueId } from '../utils/generateUniqueId';
29
29
  const packageName = "@atlaskit/media-card";
30
- const packageVersion = "77.6.2";
30
+ const packageVersion = "77.6.4";
31
31
  export class CardBase extends Component {
32
32
  constructor(props) {
33
33
  super(props);
@@ -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 = "77.6.2";
69
+ const packageVersion = "77.6.4";
70
70
  const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
71
71
  packageVersion,
72
72
  packageName,
@@ -7,7 +7,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
7
7
  import { ExternalImageCard } from './externalImageCard';
8
8
  import { FileCard } from './fileCard';
9
9
  const packageName = "@atlaskit/media-card";
10
- const packageVersion = "77.6.2";
10
+ const packageVersion = "77.6.4";
11
11
  export const CardV2Base = ({
12
12
  identifier,
13
13
  ...otherProps
@@ -133,7 +133,7 @@ export const FileCard = ({
133
133
  } : undefined;
134
134
  }, [alt, previewDimensions, contextId, fileStateValue, identifier, originalDimensions]);
135
135
  const {
136
- cardPreview,
136
+ preview,
137
137
  error: previewError,
138
138
  nonCriticalError,
139
139
  ssrReliabilityRef,
@@ -278,7 +278,7 @@ export const FileCard = ({
278
278
  return;
279
279
  }
280
280
  const isVideo = metadata && metadata.mediaType === 'video';
281
- if (useInlinePlayer && isVideo && !!cardPreview && finalStatus !== 'error') {
281
+ if (useInlinePlayer && isVideo && !!preview && finalStatus !== 'error') {
282
282
  setIsPlayingFile(true);
283
283
  setShouldAutoplay(true);
284
284
  } else if (shouldOpenMediaViewer) {
@@ -383,11 +383,11 @@ export const FileCard = ({
383
383
 
384
384
  useEffect(() => {
385
385
  if (prevStatus !== undefined && finalStatus !== prevStatus) {
386
- if (finalStatus === 'complete' || fileAttributes.fileMediatype === 'video' && !!cardPreview && finalStatus === 'processing') {
386
+ if (finalStatus === 'complete' || fileAttributes.fileMediatype === 'video' && !!preview && finalStatus === 'processing') {
387
387
  fireScreenEventRef.current();
388
388
  }
389
389
  }
390
- }, [finalStatus, prevStatus, fileAttributes, cardPreview, fireScreenEventRef]);
390
+ }, [finalStatus, prevStatus, fileAttributes, preview, fireScreenEventRef]);
391
391
 
392
392
  //----------------------------------------------------------------//
393
393
  //----------------- abort UFO experience -------------------------//
@@ -467,16 +467,16 @@ export const FileCard = ({
467
467
  // Side note: We should not lazy load if the cardPreview is available from local cache,
468
468
  // in order to avoid flickers during re-mount of the component
469
469
  // CXP-2723 TODO: Create test cases for the above scenarios
470
- const nativeLazyLoad = isLazyWithOverride && !isCardVisible && cardPreview && isSSRPreview(cardPreview);
470
+ const nativeLazyLoad = isLazyWithOverride && !isCardVisible && preview && isSSRPreview(preview);
471
471
  // Force Media Image to always display img for SSR
472
472
  const forceSyncDisplay = !!ssr;
473
- const mediaCardCursor = getMediaCardCursor(!!useInlinePlayer, !!shouldOpenMediaViewer, finalStatus === 'error' || finalStatus === 'failed-processing', !!cardPreview, metadata.mediaType);
473
+ const mediaCardCursor = getMediaCardCursor(!!useInlinePlayer, !!shouldOpenMediaViewer, finalStatus === 'error' || finalStatus === 'failed-processing', !!preview, metadata.mediaType);
474
474
  const card = /*#__PURE__*/React.createElement(LoadedCardView, {
475
475
  status: cardStatusOverride || finalStatus,
476
476
  error: finalError,
477
477
  mediaItemType: mediaItemType,
478
478
  metadata: metadata,
479
- cardPreview: cardPreview,
479
+ cardPreview: preview,
480
480
  alt: alt,
481
481
  resizeMode: resizeMode,
482
482
  dimensions: cardDimensions,
@@ -544,7 +544,7 @@ export const FileCard = ({
544
544
  selected: selected,
545
545
  ref: setCardElement,
546
546
  testId: testId,
547
- cardPreview: cardPreview
547
+ cardPreview: preview
548
548
  })) : renderCard(), mediaViewerSelectedItem ? /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(MediaViewer, {
549
549
  collectionName: collectionName,
550
550
  items: mediaViewerItems || [],
@@ -33,7 +33,7 @@ const extendAndCachePreview = (id, mode, preview, mediaBlobUrlAttrs) => {
33
33
  dataURI
34
34
  };
35
35
  };
36
- export const getSSRCardPreview = (ssr, mediaClient, id, params, mediaBlobUrlAttrs) => {
36
+ export const getSSRPreview = (ssr, mediaClient, id, params, mediaBlobUrlAttrs) => {
37
37
  let dataURI;
38
38
  try {
39
39
  const rawDataURI = mediaClient.getImageUrlSync(id, params);
@@ -1,3 +1,3 @@
1
1
  export { mediaFilePreviewCache } from './cache';
2
2
  export { isPreviewableStatus, extractFilePreviewStatus } from './filePreviewStatus';
3
- export { getSSRCardPreview, isLocalPreview, isSSRClientPreview, isSSRDataPreview, getAndCacheRemotePreview, getAndCacheLocalPreview } from './getPreview';
3
+ export { getSSRPreview, isLocalPreview, isSSRClientPreview, isSSRDataPreview, getAndCacheRemotePreview, getAndCacheLocalPreview } from './getPreview';