@atlaskit/media-card 74.7.0 → 74.7.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @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
+
+- [`b37723f2cfa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b37723f2cfa) - The component now logs the full provided feature flags object
+- Updated dependencies
+
 ## 74.7.0
 
 ### Minor 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.0";
+var packageVersion = "74.7.2";
 var CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);
   var _super = _createSuper(CardBase);
@@ -1028,8 +1028,6 @@ var Card = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageName: packageName,
   componentName: 'mediaCard',
   component: 'mediaCard'
-}, {
-  filterFeatureFlags: _analytics.LOGGED_FEATURE_FLAGS
 })((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(CardBase, {
   enforceContext: false
 })));

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.0";
+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.0";
+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/analytics.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractErrorInfo = exports.createAndFireMediaCardEvent = exports.LOGGED_FEATURE_FLAG_KEYS = exports.LOGGED_FEATURE_FLAGS = void 0;
+exports.extractErrorInfo = exports.createAndFireMediaCardEvent = void 0;
 exports.fireMediaCardEvent = fireMediaCardEvent;
 exports.getRenderSucceededEventPayload = exports.getRenderPreviewableCardPayload = exports.getRenderFailedFileStatusPayload = exports.getRenderFailedExternalUriPayload = exports.getRenderErrorRequestMetadata = exports.getRenderErrorFailReason = exports.getRenderErrorEventPayload = exports.getRenderErrorErrorReason = exports.getRenderErrorErrorDetail = exports.getRenderCommencedEventPayload = exports.getRemoteSuccessEventPayload = exports.getFileAttributes = exports.getErrorTraceContext = exports.getErrorEventPayload = exports.getCopiedFilePayload = exports.getCacheHitEventPayload = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -14,20 +14,6 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _errors = require("../errors");
 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 relevantFlags = {
-  newCardExperience: true,
-  captions: true,
-  timestampOnVideo: true,
-  observedWidth: true,
-  mediaInline: false,
-  folderUploads: false,
-  memoryCacheLogging: true,
-  fetchFileStateAfterUpload: true
-};
-var LOGGED_FEATURE_FLAGS = (0, _mediaCommon.filterFeatureFlagNames)(relevantFlags);
-exports.LOGGED_FEATURE_FLAGS = LOGGED_FEATURE_FLAGS;
-var LOGGED_FEATURE_FLAG_KEYS = (0, _mediaCommon.filterFeatureFlagKeysAllProducts)(relevantFlags);
-exports.LOGGED_FEATURE_FLAG_KEYS = LOGGED_FEATURE_FLAG_KEYS;
 var getFileAttributes = function getFileAttributes(metadata, fileStatus) {
   return {
     fileMediatype: metadata.mediaType,

package/dist/cjs/utils/ufoExperiences.js

@@ -7,13 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.startUfoExperience = exports.completeUfoExperience = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _ufo = require("@atlaskit/ufo");
+var _mediaCommon = require("@atlaskit/media-common");
 var _analytics = require("./analytics");
 var _errors = require("../errors");
 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.0";
+var packageVersion = "74.7.2";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {
@@ -23,7 +24,7 @@ var getExperience = function getExperience(id) {
       },
       type: _ufo.ExperienceTypes.Experience,
       performanceType: _ufo.ExperiencePerformanceTypes.InlineResult,
-      featureFlags: _analytics.LOGGED_FEATURE_FLAG_KEYS
+      featureFlags: (0, _mediaCommon.getFeatureFlagKeysAllProducts)()
     };
     concurrentExperience = new _ufo.ConcurrentExperience('media-card-render', inlineExperience);
   }

package/dist/cjs/version.json

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

package/dist/es2019/card/card.js

@@ -15,7 +15,7 @@ import { getRequestedDimensions } from '../utils/getDataURIDimension';
 import { getCardPreview, getCardPreviewFromCache, removeCardPreviewFromCache, getFilePreviewFromFileState, shouldResolvePreview, getSSRCardPreview, isLocalPreview, isSSRPreview, isSSRClientPreview, isSSRDataPreview, fetchAndCacheRemotePreview } from './getCardPreview';
 import { getFileDetails } from '../utils/metadata';
 import { InlinePlayerLazy } from './inlinePlayerLazy';
-import { getFileAttributes, extractErrorInfo, LOGGED_FEATURE_FLAGS } from '../utils/analytics';
+import { getFileAttributes, extractErrorInfo } from '../utils/analytics';
 import { isLocalPreviewError, MediaCardError, ensureMediaCardError, ImageLoadError } from '../errors';
 import { fireOperationalEvent, fireCommencedEvent, fireCopiedEvent, fireScreenEvent, fireNonCriticalErrorEvent } from './cardAnalytics';
 import getDocument from '../utils/document';
@@ -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.0";
+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)
@@ -997,8 +997,6 @@ export const Card = withMediaAnalyticsContext({
   packageName,
   componentName: 'mediaCard',
   component: 'mediaCard'
-}, {
-  filterFeatureFlags: LOGGED_FEATURE_FLAGS
 })(withAnalyticsEvents()(injectIntl(CardBase, {
   enforceContext: false
 })));

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.0";
+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.0";
+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/analytics.js

@@ -1,19 +1,7 @@
 import { getMediaClientErrorReason, isRequestError } from '@atlaskit/media-client';
-import { ANALYTICS_MEDIA_CHANNEL, filterFeatureFlagNames, filterFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
+import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { isMediaCardError } from '../errors';
-const relevantFlags = {
-  newCardExperience: true,
-  captions: true,
-  timestampOnVideo: true,
-  observedWidth: true,
-  mediaInline: false,
-  folderUploads: false,
-  memoryCacheLogging: true,
-  fetchFileStateAfterUpload: true
-};
-export const LOGGED_FEATURE_FLAGS = filterFeatureFlagNames(relevantFlags);
-export const LOGGED_FEATURE_FLAG_KEYS = filterFeatureFlagKeysAllProducts(relevantFlags);
 export const getFileAttributes = (metadata, fileStatus) => ({
   fileMediatype: metadata.mediaType,
   fileMimetype: metadata.mimeType,

package/dist/es2019/utils/ufoExperiences.js

@@ -1,9 +1,10 @@
 import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
-import { extractErrorInfo, getRenderErrorRequestMetadata, LOGGED_FEATURE_FLAG_KEYS } from './analytics';
+import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
+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.0";
+const packageVersion = "74.7.2";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {
@@ -13,7 +14,7 @@ const getExperience = id => {
       },
       type: ExperienceTypes.Experience,
       performanceType: ExperiencePerformanceTypes.InlineResult,
-      featureFlags: LOGGED_FEATURE_FLAG_KEYS
+      featureFlags: getFeatureFlagKeysAllProducts()
     };
     concurrentExperience = new ConcurrentExperience('media-card-render', inlineExperience);
   }

package/dist/es2019/version.json

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

package/dist/esm/card/card.js

@@ -28,7 +28,7 @@ import { getRequestedDimensions } from '../utils/getDataURIDimension';
 import { getCardPreview, getCardPreviewFromCache, removeCardPreviewFromCache, getFilePreviewFromFileState, shouldResolvePreview, getSSRCardPreview, isLocalPreview, isSSRPreview, isSSRClientPreview, isSSRDataPreview, fetchAndCacheRemotePreview } from './getCardPreview';
 import { getFileDetails } from '../utils/metadata';
 import { InlinePlayerLazy } from './inlinePlayerLazy';
-import { getFileAttributes, extractErrorInfo, LOGGED_FEATURE_FLAGS } from '../utils/analytics';
+import { getFileAttributes, extractErrorInfo } from '../utils/analytics';
 import { isLocalPreviewError, MediaCardError, ensureMediaCardError, ImageLoadError } from '../errors';
 import { fireOperationalEvent as _fireOperationalEvent, fireCommencedEvent as _fireCommencedEvent, fireCopiedEvent, fireScreenEvent, fireNonCriticalErrorEvent } from './cardAnalytics';
 import getDocument from '../utils/document';
@@ -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.0";
+var packageVersion = "74.7.2";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
   var _super = _createSuper(CardBase);
@@ -1019,8 +1019,6 @@ export var Card = withMediaAnalyticsContext({
   packageName: packageName,
   componentName: 'mediaCard',
   component: 'mediaCard'
-}, {
-  filterFeatureFlags: LOGGED_FEATURE_FLAGS
 })(withAnalyticsEvents()(injectIntl(CardBase, {
   enforceContext: false
 })));

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.0";
+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.0";
+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/analytics.js

@@ -2,21 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
 import { getMediaClientErrorReason, isRequestError } from '@atlaskit/media-client';
-import { ANALYTICS_MEDIA_CHANNEL, filterFeatureFlagNames, filterFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
+import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { isMediaCardError } from '../errors';
-var relevantFlags = {
-  newCardExperience: true,
-  captions: true,
-  timestampOnVideo: true,
-  observedWidth: true,
-  mediaInline: false,
-  folderUploads: false,
-  memoryCacheLogging: true,
-  fetchFileStateAfterUpload: true
-};
-export var LOGGED_FEATURE_FLAGS = filterFeatureFlagNames(relevantFlags);
-export var LOGGED_FEATURE_FLAG_KEYS = filterFeatureFlagKeysAllProducts(relevantFlags);
 export var getFileAttributes = function getFileAttributes(metadata, fileStatus) {
   return {
     fileMediatype: metadata.mediaType,

package/dist/esm/utils/ufoExperiences.js

@@ -2,11 +2,12 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
 import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
-import { extractErrorInfo, getRenderErrorRequestMetadata, LOGGED_FEATURE_FLAG_KEYS } from './analytics';
+import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
+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.0";
+var packageVersion = "74.7.2";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {
@@ -16,7 +17,7 @@ var getExperience = function getExperience(id) {
       },
       type: ExperienceTypes.Experience,
       performanceType: ExperiencePerformanceTypes.InlineResult,
-      featureFlags: LOGGED_FEATURE_FLAG_KEYS
+      featureFlags: getFeatureFlagKeysAllProducts()
     };
     concurrentExperience = new ConcurrentExperience('media-card-render', inlineExperience);
   }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.7.0",
+	"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/dist/types/utils/analytics.d.ts

@@ -13,8 +13,6 @@ export declare type CardPreviewAttributes = {
 declare type WithCardPreviewCacheAttributes = {
     cardPreviewAttributes: CardPreviewAttributes;
 };
-export declare const LOGGED_FEATURE_FLAGS: (keyof import("@atlaskit/media-common").MediaFeatureFlags)[];
-export declare const LOGGED_FEATURE_FLAG_KEYS: string[];
 export declare type FileUriFailReason = 'local-uri' | 'remote-uri' | `unknown-uri`;
 export declare type FailedErrorFailReason = MediaCardErrorPrimaryReason | 'nativeError';
 export declare type MediaCardErrorInfo = {

package/example-helpers/index.tsx

@@ -20,7 +20,6 @@ import { SelectableCard } from './selectableCard';
 import { Card, CardAppearance, CardEvent, CardAction } from '../src';
 import { MediaCardError } from '../src/errors';
 import DevelopmentUseMessage from './developmentUseMessage';
-import { LOGGED_FEATURE_FLAGS } from '../src/utils/analytics';
 
 const mediaClientConfig = createStorybookMediaClientConfig();
 
@@ -141,9 +140,7 @@ export const MainWrapper: React.FC<MainWrapperProps> = ({
     <>
       {developmentOnly && <DevelopmentUseMessage />}
       {!disableFeatureFlagWrapper ? (
-        <FeatureFlagsWrapper filterFlags={LOGGED_FEATURE_FLAGS}>
-          {children}
-        </FeatureFlagsWrapper>
+        <FeatureFlagsWrapper>{children}</FeatureFlagsWrapper>
       ) : (
         <>{children}</>
       )}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "74.7.0",
+  "version": "74.7.2",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -32,12 +32,12 @@
     "@atlaskit/dropdown-menu": "^11.7.0",
     "@atlaskit/editor-shared-styles": "^2.3.0",
     "@atlaskit/icon": "^21.11.0",
-    "@atlaskit/media-client": "^20.1.0",
-    "@atlaskit/media-common": "^3.0.0",
+    "@atlaskit/media-client": "^20.2.0",
+    "@atlaskit/media-common": "^4.0.0",
     "@atlaskit/media-ui": "^22.3.0",
     "@atlaskit/media-viewer": "^47.5.0",
     "@atlaskit/spinner": "^15.4.0",
-    "@atlaskit/theme": "^12.2.0",
+    "@atlaskit/theme": "^12.3.0",
     "@atlaskit/tokens": "^1.2.0",
     "@atlaskit/tooltip": "^17.7.0",
     "@atlaskit/ufo": "^0.1.0",
@@ -56,13 +56,13 @@
   "devDependencies": {
     "@atlaskit/analytics-listeners": "^8.5.0",
     "@atlaskit/analytics-namespaced-context": "^6.6.0",
-    "@atlaskit/button": "^16.5.0",
+    "@atlaskit/button": "^16.6.0",
     "@atlaskit/checkbox": "^12.4.0",
     "@atlaskit/docs": "*",
     "@atlaskit/inline-message": "^11.4.0",
     "@atlaskit/media-core": "^34.0.0",
-    "@atlaskit/media-picker": "^64.2.0",
-    "@atlaskit/media-test-helpers": "^30.1.0",
+    "@atlaskit/media-picker": "^64.3.0",
+    "@atlaskit/media-test-helpers": "^31.0.0",
     "@atlaskit/radio": "^5.4.0",
     "@atlaskit/range": "^7.0.0",
     "@atlaskit/section-message": "^6.3.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;
 }