@atlaskit/media-card 74.7.1 → 74.7.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/media-card
 
+## 74.7.2
+
+### Patch Changes
+
+- [`31717a1fe63`](https://bitbucket.org/atlassian/atlassian-frontend/commits/31717a1fe63) - Fix the bug when clicking on media inline files in Hybrid Renderer, viewer is not opening.
+
 ## 74.7.1
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -48,7 +48,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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); }; }
 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; } }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.7.1";
+var packageVersion = "74.7.2";
 var CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);
   var _super = _createSuper(CardBase);

package/dist/cjs/card/media-card-analytics-error-boundary.js

@@ -90,7 +90,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.7.1";
+var packageVersion = "74.7.2";
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -77,7 +77,7 @@ var WrappedMediaInlineAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Com
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaInlineAnalyticsErrorBoundary, "displayName", 'MediaInlineAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.7.1";
+var packageVersion = "74.7.2";
 var MediaInlineAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/inline/mediaInlineCard.js

@@ -22,6 +22,7 @@ var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
   var mediaClient = _ref.mediaClient,
     identifier = _ref.identifier,
     shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
+    shouldDisplayToolTip = _ref.shouldDisplayToolTip,
     isSelected = _ref.isSelected,
     onClick = _ref.onClick,
     mediaViewerDataSource = _ref.mediaViewerDataSource,
@@ -40,12 +41,16 @@ var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
     isMediaViewerVisible = _useState6[0],
     setMediaViewerVisible = _useState6[1];
   var onMediaInlineCardClick = function onMediaInlineCardClick(event) {
+    if (onClick) {
+      var inlineCardEvent = {
+        event: event,
+        mediaItemDetails: identifier
+      };
+      onClick(inlineCardEvent);
+    }
     if (shouldOpenMediaViewer) {
       setMediaViewerVisible(true);
     }
-    if (onClick) {
-      onClick(event);
-    }
   };
   var onMediaViewerClose = function onMediaViewerClose() {
     return setMediaViewerVisible(false);
@@ -140,16 +145,25 @@ var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
       locale = _ref2$locale === void 0 ? 'en' : _ref2$locale;
     formattedDate = (0, _formatDate.formatDate)(fileState.createdAt, locale);
   }
-  return renderContent( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    position: "bottom",
-    content: formattedDate,
-    tag: "span"
-  }, /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadedView, {
-    icon: linkIcon,
-    title: name,
-    onClick: onMediaInlineCardClick,
-    isSelected: isSelected
-  })), mediaViewer));
+  if (shouldDisplayToolTip === undefined || shouldDisplayToolTip === true) {
+    return renderContent( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      position: "bottom",
+      content: formattedDate,
+      tag: "span"
+    }, /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadedView, {
+      icon: linkIcon,
+      title: name,
+      onClick: onMediaInlineCardClick,
+      isSelected: isSelected
+    })), mediaViewer));
+  } else {
+    return renderContent( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadedView, {
+      icon: linkIcon,
+      title: name,
+      onClick: onMediaInlineCardClick,
+      isSelected: isSelected
+    }), mediaViewer));
+  }
 };
 exports.MediaInlineCardInternal = MediaInlineCardInternal;
 var MediaInlineCard = (0, _reactIntlNext.injectIntl)(MediaInlineCardInternal, {

package/dist/cjs/utils/ufoExperiences.js

@@ -14,7 +14,7 @@ var _mediaClient = require("@atlaskit/media-client");
 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; }
 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; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.7.1";
+var packageVersion = "74.7.2";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.7.1",
+	"version": "74.7.2",
 	"sideEffects": false
 }

package/dist/es2019/card/card.js

@@ -27,7 +27,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.7.1";
+const packageVersion = "74.7.2";
 export class CardBase extends Component {
   // An internalOccurrenceKey is a randomly generated value to differentiate various instances
   // of Cards regardless of whether it shares the same file (either internal or external)

package/dist/es2019/card/media-card-analytics-error-boundary.js

@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.7.1";
+const packageVersion = "74.7.2";
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -54,7 +54,7 @@ class WrappedMediaInlineAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaInlineAnalyticsErrorBoundary, "displayName", 'MediaInlineAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.7.1";
+const packageVersion = "74.7.2";
 const MediaInlineAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/inline/mediaInlineCard.js

@@ -11,6 +11,7 @@ export const MediaInlineCardInternal = ({
   mediaClient,
   identifier,
   shouldOpenMediaViewer,
+  shouldDisplayToolTip,
   isSelected,
   onClick,
   mediaViewerDataSource,
@@ -21,12 +22,16 @@ export const MediaInlineCardInternal = ({
   const [isErrored, setIsErrored] = useState(false);
   const [isMediaViewerVisible, setMediaViewerVisible] = useState(false);
   const onMediaInlineCardClick = event => {
+    if (onClick) {
+      const inlineCardEvent = {
+        event,
+        mediaItemDetails: identifier
+      };
+      onClick(inlineCardEvent);
+    }
     if (shouldOpenMediaViewer) {
       setMediaViewerVisible(true);
     }
-    if (onClick) {
-      onClick(event);
-    }
   };
   const onMediaViewerClose = () => setMediaViewerVisible(false);
   const renderMediaViewer = () => {
@@ -121,16 +126,25 @@ export const MediaInlineCardInternal = ({
     };
     formattedDate = formatDate(fileState.createdAt, locale);
   }
-  return renderContent( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
-    position: "bottom",
-    content: formattedDate,
-    tag: "span"
-  }, /*#__PURE__*/React.createElement(MediaInlineCardLoadedView, {
-    icon: linkIcon,
-    title: name,
-    onClick: onMediaInlineCardClick,
-    isSelected: isSelected
-  })), mediaViewer));
+  if (shouldDisplayToolTip === undefined || shouldDisplayToolTip === true) {
+    return renderContent( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+      position: "bottom",
+      content: formattedDate,
+      tag: "span"
+    }, /*#__PURE__*/React.createElement(MediaInlineCardLoadedView, {
+      icon: linkIcon,
+      title: name,
+      onClick: onMediaInlineCardClick,
+      isSelected: isSelected
+    })), mediaViewer));
+  } else {
+    return renderContent( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MediaInlineCardLoadedView, {
+      icon: linkIcon,
+      title: name,
+      onClick: onMediaInlineCardClick,
+      isSelected: isSelected
+    }), mediaViewer));
+  }
 };
 export const MediaInlineCard = injectIntl(MediaInlineCardInternal, {
   enforceContext: false

package/dist/es2019/utils/ufoExperiences.js

@@ -4,7 +4,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.7.1";
+const packageVersion = "74.7.2";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.7.1",
+	"version": "74.7.2",
 	"sideEffects": false
 }

package/dist/esm/card/card.js

@@ -40,7 +40,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.7.1";
+var packageVersion = "74.7.2";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
   var _super = _createSuper(CardBase);

package/dist/esm/card/media-card-analytics-error-boundary.js

@@ -83,7 +83,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.7.1";
+var packageVersion = "74.7.2";
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -70,7 +70,7 @@ var WrappedMediaInlineAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Com
 }(React.Component);
 _defineProperty(WrappedMediaInlineAnalyticsErrorBoundary, "displayName", 'MediaInlineAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.7.1";
+var packageVersion = "74.7.2";
 var MediaInlineAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/inline/mediaInlineCard.js

@@ -12,6 +12,7 @@ export var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
   var mediaClient = _ref.mediaClient,
     identifier = _ref.identifier,
     shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
+    shouldDisplayToolTip = _ref.shouldDisplayToolTip,
     isSelected = _ref.isSelected,
     onClick = _ref.onClick,
     mediaViewerDataSource = _ref.mediaViewerDataSource,
@@ -30,12 +31,16 @@ export var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
     isMediaViewerVisible = _useState6[0],
     setMediaViewerVisible = _useState6[1];
   var onMediaInlineCardClick = function onMediaInlineCardClick(event) {
+    if (onClick) {
+      var inlineCardEvent = {
+        event: event,
+        mediaItemDetails: identifier
+      };
+      onClick(inlineCardEvent);
+    }
     if (shouldOpenMediaViewer) {
       setMediaViewerVisible(true);
     }
-    if (onClick) {
-      onClick(event);
-    }
   };
   var onMediaViewerClose = function onMediaViewerClose() {
     return setMediaViewerVisible(false);
@@ -130,16 +135,25 @@ export var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
       locale = _ref2$locale === void 0 ? 'en' : _ref2$locale;
     formattedDate = formatDate(fileState.createdAt, locale);
   }
-  return renderContent( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
-    position: "bottom",
-    content: formattedDate,
-    tag: "span"
-  }, /*#__PURE__*/React.createElement(MediaInlineCardLoadedView, {
-    icon: linkIcon,
-    title: name,
-    onClick: onMediaInlineCardClick,
-    isSelected: isSelected
-  })), mediaViewer));
+  if (shouldDisplayToolTip === undefined || shouldDisplayToolTip === true) {
+    return renderContent( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+      position: "bottom",
+      content: formattedDate,
+      tag: "span"
+    }, /*#__PURE__*/React.createElement(MediaInlineCardLoadedView, {
+      icon: linkIcon,
+      title: name,
+      onClick: onMediaInlineCardClick,
+      isSelected: isSelected
+    })), mediaViewer));
+  } else {
+    return renderContent( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MediaInlineCardLoadedView, {
+      icon: linkIcon,
+      title: name,
+      onClick: onMediaInlineCardClick,
+      isSelected: isSelected
+    }), mediaViewer));
+  }
 };
 export var MediaInlineCard = injectIntl(MediaInlineCardInternal, {
   enforceContext: false

package/dist/esm/utils/ufoExperiences.js

@@ -7,7 +7,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.7.1";
+var packageVersion = "74.7.2";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.7.1",
+	"version": "74.7.2",
 	"sideEffects": false
 }

package/dist/types/index.d.ts

@@ -4,7 +4,7 @@
  */
 export type { NumericalCardDimensions } from '@atlaskit/media-common';
 export type { CardAction, CardEventHandler } from './card/actions';
-export type { CardStatus, CardAppearance, CardDimensionValue, CardPreview, TitleBoxIcon, CardEvent, SharedCardProps, CardOnClickCallback, CardProps, CardState, CardDimensions, } from './types';
+export type { CardStatus, CardAppearance, CardDimensionValue, CardPreview, TitleBoxIcon, CardEvent, InlineCardEvent, SharedCardProps, CardOnClickCallback, InlineCardOnClickCallback, CardProps, CardState, CardDimensions, } from './types';
 export { Card } from './card';
 export { MediaInlineCard } from './inline';
 export { CardLoading } from './utils/lightCards/cardLoading';

package/dist/types/inline/mediaInlineCard.d.ts

@@ -2,12 +2,14 @@ import React, { FC } from 'react';
 import { FileIdentifier, Identifier, MediaClient } from '@atlaskit/media-client';
 import { WrappedComponentProps } from 'react-intl-next';
 import { MediaViewerDataSource } from '@atlaskit/media-viewer';
+import { InlineCardOnClickCallback } from '../types';
 export interface MediaInlineCardProps {
     identifier: FileIdentifier;
     mediaClient: MediaClient;
     shouldOpenMediaViewer?: boolean;
+    shouldDisplayToolTip?: boolean;
     isSelected?: boolean;
-    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    onClick?: InlineCardOnClickCallback;
     /**
      * Includes data source like collection name,
      * media file list.

package/dist/types/types.d.ts

@@ -42,6 +42,10 @@ export interface CardEvent {
     event: MouseEvent<HTMLElement>;
     mediaItemDetails?: FileDetails;
 }
+export interface InlineCardEvent {
+    event: MouseEvent<HTMLElement> | React.KeyboardEvent;
+    mediaItemDetails?: FileDetails;
+}
 export interface SharedCardProps {
     readonly disableOverlay?: boolean;
     readonly resizeMode?: ImageResizeMode;
@@ -60,6 +64,9 @@ export interface SharedCardProps {
 export interface CardOnClickCallback {
     (result: CardEvent, analyticsEvent?: UIAnalyticsEvent): void;
 }
+export interface InlineCardOnClickCallback {
+    (result: InlineCardEvent, analyticsEvent?: UIAnalyticsEvent): void;
+}
 export interface CardEventProps {
     readonly onClick?: CardOnClickCallback;
     readonly onMouseEnter?: (result: CardEvent) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "74.7.1",
+  "version": "74.7.2",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -61,7 +61,7 @@
     "@atlaskit/docs": "*",
     "@atlaskit/inline-message": "^11.4.0",
     "@atlaskit/media-core": "^34.0.0",
-    "@atlaskit/media-picker": "^64.2.0",
+    "@atlaskit/media-picker": "^64.3.0",
     "@atlaskit/media-test-helpers": "^31.0.0",
     "@atlaskit/radio": "^5.4.0",
     "@atlaskit/range": "^7.0.0",

package/report.api.md

@@ -240,6 +240,20 @@ type ImageLoadPrimaryReason =
   | 'remote-uri'
   | 'unknown-uri';
 
+// @public (undocumented)
+export interface InlineCardEvent {
+  // (undocumented)
+  event: MouseEvent_2<HTMLElement> | React.KeyboardEvent;
+  // (undocumented)
+  mediaItemDetails?: FileDetails;
+}
+
+// @public (undocumented)
+export interface InlineCardOnClickCallback {
+  // (undocumented)
+  (result: InlineCardEvent, analyticsEvent?: UIAnalyticsEvent): void;
+}
+
 // @public (undocumented)
 export const inlinePlayerClassName = 'media-card-inline-player';
 
@@ -319,7 +333,9 @@ interface MediaInlineCardProps {
   // (undocumented)
   mediaViewerItems?: Identifier[];
   // (undocumented)
-  onClick?: React_2.EventHandler<React_2.KeyboardEvent | React_2.MouseEvent>;
+  onClick?: InlineCardOnClickCallback;
+  // (undocumented)
+  shouldDisplayToolTip?: boolean;
   // (undocumented)
   shouldOpenMediaViewer?: boolean;
 }