@atlaskit/media-card 77.11.2 → 77.11.3

package/dist/cjs/card/card.js

@@ -50,7 +50,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.11.2";
+var packageVersion = "77.11.3";
 var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);
   var _super = _createSuper(CardBase);

package/dist/cjs/card/cardView.js

@@ -207,7 +207,9 @@ var CardViewBase = exports.CardViewBase = /*#__PURE__*/function (_React$Componen
         name = _ref3.name;
       var hasTitleBox = !!renderTitleBox || !!renderFailedTitleBox;
       return (0, _react.jsx)(_react2.default.Fragment, null, (0, _react.jsx)("div", {
-        css: _styles.cardImageContainerStyles,
+        css: _styles.cardImageContainerStyles
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: _classnames.fileCardImageViewSelector,
         "data-testid": _classnames.fileCardImageViewSelector,
         "data-test-media-name": name,

package/dist/cjs/card/inlinePlayerWrapper.js

@@ -16,7 +16,9 @@ var InlinePlayerWrapper = exports.InlinePlayerWrapper = function InlinePlayerWra
     innerRef = props.innerRef;
   return (0, _react.jsx)("div", {
     id: "inlinePlayerWrapper",
-    "data-testid": testId,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: _inlinePlayerWrapperStyles.inlinePlayerClassName,
     css: (0, _inlinePlayerWrapperStyles.inlinePlayerWrapperStyles)({
       selected: selected,

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 = "77.11.2";
+var packageVersion = "77.11.3";
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/card/ui/actionsBar/actionsBarWrapper.js

@@ -11,7 +11,9 @@ var _styles = require("./styles");
 var ActionsBarWrapper = exports.ActionsBarWrapper = function ActionsBarWrapper(props) {
   return (0, _react.jsx)("div", {
     id: "actionsBarWrapper",
-    css: (0, _styles.wrapperStyles)(props.isFixed),
+    css: (0, _styles.wrapperStyles)(props.isFixed)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: _styles.actionsBarClassName
   }, props.children);
 };

package/dist/cjs/card/ui/actionsBar/cardActions/cardActionButton.js

@@ -16,7 +16,9 @@ var CardActionButton = exports.CardActionButton = /*#__PURE__*/(0, _react.forwar
     id: "cardActionButton",
     "data-testid": "media-card-primary-action",
     "aria-label": props.label,
-    css: (0, _styles.cardActionButtonStyles)(props),
+    css: (0, _styles.cardActionButtonStyles)(props)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: props.style,
     onClick: props.onClick,
     onMouseDown: props.onMouseDown,

package/dist/cjs/card/ui/actionsBar/cardActions/cardActionIconButton.js

@@ -47,7 +47,9 @@ var CardActionIconButton = exports.CardActionIconButton = /*#__PURE__*/function
         variant = _this$props.variant;
       return /*#__PURE__*/_react.default.createElement(_cardActionButton.CardActionButton, {
         onClick: onClick,
-        onMouseDown: this.onMouseDown,
+        onMouseDown: this.onMouseDown
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        ,
         style: {
           color: triggerColor
         },

package/dist/cjs/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.js

@@ -81,7 +81,9 @@ var CardActionsDropdownMenu = exports.CardActionsDropdownMenu = /*#__PURE__*/fun
             var triggerRef = _ref.triggerRef,
               providedProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
             return /*#__PURE__*/_react.default.createElement(CardActionButtonWithAnalytics, (0, _extends2.default)({
-              variant: triggerVariant,
+              variant: triggerVariant
+              // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+              ,
               style: {
                 color: triggerColor
               },

package/dist/cjs/card/ui/blanket/blanket.js

@@ -11,7 +11,9 @@ var _styles = require("./styles");
 var Blanket = exports.Blanket = function Blanket(props) {
   var isFixed = props.isFixed;
   return (0, _react.jsx)("div", {
-    css: (0, _styles.blanketStyles)(isFixed),
+    css: (0, _styles.blanketStyles)(isFixed)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: _styles.blanketClassName,
     "data-testid": "media-card-blanket"
   });

package/dist/cjs/card/ui/playButton/playButtonBackground.js

@@ -9,6 +9,7 @@ var _styles = require("./styles");
 /**@jsx jsx */
 
 var PlayButtonBackground = exports.PlayButtonBackground = function PlayButtonBackground() {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   return (0, _react.jsx)("div", {
     css: _styles.backgroundStyles,
     className: _styles.bkgClassName

package/dist/cjs/card/ui/playButton/playButtonWrapper.js

@@ -9,8 +9,11 @@ var _styles = require("./styles");
 /**@jsx jsx */
 
 var PlayButtonWrapper = exports.PlayButtonWrapper = function PlayButtonWrapper(props) {
-  return (0, _react.jsx)("div", {
-    css: _styles.playButtonWrapperStyles,
-    className: _styles.playButtonClassName
-  }, props.children);
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    (0, _react.jsx)("div", {
+      css: _styles.playButtonWrapperStyles,
+      className: _styles.playButtonClassName
+    }, props.children)
+  );
 };

package/dist/cjs/card/ui/tickBox/tickBoxWrapper.js

@@ -35,7 +35,9 @@ wrapperStyles.displayName = 'TickBoxWrapper';
 var TickBoxWrapper = exports.TickBoxWrapper = function TickBoxWrapper(props) {
   return (0, _react.jsx)("div", {
     id: "tickBoxWrapper",
-    css: wrapperStyles(props.selected),
+    css: wrapperStyles(props.selected)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: _styles.tickBoxClassName
   }, props.children);
 };

package/dist/cjs/card/ui/wrapper/wrapper.js

@@ -25,7 +25,9 @@ var Wrapper = exports.Wrapper = function Wrapper(props) {
     isTickBoxSelectable = props.isTickBoxSelectable,
     shouldDisplayTooltip = props.shouldDisplayTooltip;
   return (0, _react.jsx)("div", {
-    id: "newFileExperienceWrapper",
+    id: "newFileExperienceWrapper"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: _cardConstants.newFileExperienceClassName,
     "data-testid": testId,
     css: (0, _styles.wrapperStyles)({

package/dist/cjs/card/v2/cardV2.js

@@ -16,7 +16,7 @@ var _externalImageCard = require("./externalImageCard");
 var _fileCard = require("./fileCard");
 var _excluded = ["identifier"];
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.11.2";
+var packageVersion = "77.11.3";
 var CardV2Base = exports.CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/card/v2/cardViewV2.js

@@ -66,7 +66,8 @@ var CardViewV2Base = exports.CardViewV2Base = function CardViewV2Base(_ref) {
     disableAnimation = _ref.disableAnimation,
     _ref$openMediaViewerB = _ref.openMediaViewerButtonRef,
     openMediaViewerButtonRef = _ref$openMediaViewerB === void 0 ? null : _ref$openMediaViewerB,
-    shouldOpenMediaViewer = _ref.shouldOpenMediaViewer;
+    shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
+    overriddenCreationDate = _ref.overriddenCreationDate;
   var _useState = (0, _react2.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     didImageRender = _useState2[0],
@@ -210,7 +211,9 @@ var CardViewV2Base = exports.CardViewV2Base = function CardViewV2Base(_ref) {
     createdAt = _ref5.createdAt;
   var actionsWithDetails = metadata && actions ? (0, _actions.attachDetailsToActions)(actions, metadata) : [];
   var contents = (0, _react.jsx)(_react2.default.Fragment, null, (0, _react.jsx)("div", {
-    css: _styles.cardImageContainerStyles,
+    css: _styles.cardImageContainerStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: _classnames.fileCardImageViewSelector,
     "data-testid": _classnames.fileCardImageViewSelector,
     "data-test-media-name": name,
@@ -249,7 +252,7 @@ var CardViewV2Base = exports.CardViewV2Base = function CardViewV2Base(_ref) {
     isFixed: isFixedBlanket
   }), renderTitleBox && name && (0, _react.jsx)(_titleBox.TitleBox, {
     name: name,
-    createdAt: createdAt,
+    createdAt: overriddenCreationDate !== null && overriddenCreationDate !== void 0 ? overriddenCreationDate : createdAt,
     breakpoint: breakpoint,
     titleBoxIcon: titleBoxIcon,
     titleBoxBgColor: titleBoxBgColor

package/dist/cjs/card/v2/cardviews/cardViewWrapper.js

@@ -19,7 +19,7 @@ var _blanket = require("../../ui/blanket/blanket");
 var _actionsBar = require("../../ui/actionsBar/actionsBar");
 var _classnames = require("../../classnames");
 var _openMediaViewerButton = _interopRequireDefault(require("../../ui/openMediaViewerButton/openMediaViewerButton"));
-var _excluded = ["cardPreview", "testId", "dimensions", "appearance", "metadata", "selected", "selectable", "actions", "breakpoint", "disableOverlay", "titleBoxBgColor", "titleBoxIcon", "shouldHideTooltip", "children", "onClick", "onMouseEnter", "mediaCardCursor", "customBlanket", "customTitleBox", "progressBar", "shouldOpenMediaViewer", "openMediaViewerButtonRef"];
+var _excluded = ["cardPreview", "testId", "dimensions", "appearance", "metadata", "selected", "selectable", "actions", "breakpoint", "disableOverlay", "titleBoxBgColor", "titleBoxIcon", "shouldHideTooltip", "children", "onClick", "onMouseEnter", "mediaCardCursor", "customBlanket", "customTitleBox", "progressBar", "shouldOpenMediaViewer", "openMediaViewerButtonRef", "overriddenCreationDate"];
 /** @jsx jsx */
 var CardViewWrapper = exports.CardViewWrapper = /*#__PURE__*/_react2.default.forwardRef(function (_ref, ref) {
   var cardPreview = _ref.cardPreview,
@@ -46,6 +46,7 @@ var CardViewWrapper = exports.CardViewWrapper = /*#__PURE__*/_react2.default.for
     shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
     _ref$openMediaViewerB = _ref.openMediaViewerButtonRef,
     openMediaViewerButtonRef = _ref$openMediaViewerB === void 0 ? null : _ref$openMediaViewerB,
+    overriddenCreationDate = _ref.overriddenCreationDate,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _ref2 = metadata || {},
     name = _ref2.name,
@@ -55,13 +56,15 @@ var CardViewWrapper = exports.CardViewWrapper = /*#__PURE__*/_react2.default.for
   var defaultBlanket = !disableOverlay && (0, _react.jsx)(_blanket.Blanket, null);
   var defaultTitleBox = !disableOverlay && !!name && (0, _react.jsx)(_titleBox.TitleBox, {
     name: name,
-    createdAt: createdAt,
+    createdAt: overriddenCreationDate !== null && overriddenCreationDate !== void 0 ? overriddenCreationDate : createdAt,
     breakpoint: breakpoint,
     titleBoxIcon: titleBoxIcon,
     titleBoxBgColor: titleBoxBgColor
   });
   var contents = (0, _react.jsx)(_react2.default.Fragment, null, (0, _react.jsx)("div", (0, _extends2.default)({
-    css: _styles.cardImageContainerStyles,
+    css: _styles.cardImageContainerStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: _classnames.fileCardImageViewSelector,
     "data-testid": _classnames.fileCardImageViewSelector,
     "data-test-media-name": name,

package/dist/cjs/card/v2/cardviews/index.js

@@ -53,7 +53,8 @@ var CardViewsBase = exports.CardViewsBase = function CardViewsBase(_ref) {
     error = _ref.error,
     disableAnimation = _ref.disableAnimation,
     shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
-    openMediaViewerButtonRef = _ref.openMediaViewerButtonRef;
+    openMediaViewerButtonRef = _ref.openMediaViewerButtonRef,
+    overriddenCreationDate = _ref.overriddenCreationDate;
   var _useState = (0, _react2.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     didImageRender = _useState2[0],
@@ -112,7 +113,8 @@ var CardViewsBase = exports.CardViewsBase = function CardViewsBase(_ref) {
       mediaCardCursor: mediaCardCursor,
       innerRef: innerRef,
       shouldOpenMediaViewer: shouldOpenMediaViewer,
-      openMediaViewerButtonRef: openMediaViewerButtonRef
+      openMediaViewerButtonRef: openMediaViewerButtonRef,
+      overriddenCreationDate: overriddenCreationDate
     };
     switch (status) {
       case 'uploading':

package/dist/cjs/card/v2/fileCard.js

@@ -35,6 +35,7 @@ var _cardviews = require("./cardviews");
 var _inlinePlayerLazyV = require("./inlinePlayerLazyV2");
 var _mediaFilePreview = require("@atlaskit/media-file-preview");
 var _performance = require("./performance");
+var _dateOverrideContext = require("../../dateOverrideContext");
 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); }
 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 && Object.prototype.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; }
 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; }
@@ -113,6 +114,8 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     return prevFileState;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [fileState]);
+  var dateOverrides = (0, _react.useContext)(_dateOverrideContext.DateOverrideContext);
+  var overridenDate = dateOverrides === null || dateOverrides === void 0 ? void 0 : dateOverrides[identifier.id];
 
   //----------------------------------------------------------------//
   //------------ State, Refs & Initial Values ----------------------//
@@ -564,7 +567,8 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
       nativeLazyLoad: nativeLazyLoad,
       forceSyncDisplay: forceSyncDisplay,
       mediaCardCursor: mediaCardCursor,
-      shouldHideTooltip: shouldHideTooltip
+      shouldHideTooltip: shouldHideTooltip,
+      overriddenCreationDate: overridenDate
     });
     return isLazyWithOverride ? /*#__PURE__*/_react.default.createElement(_viewportDetector.ViewportDetector, {
       cardEl: cardElement,

package/dist/cjs/inline/loader.js

@@ -119,7 +119,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "77.11.2",
+        packageName: "77.11.3",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -60,13 +60,17 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
   }, isSelected ? _objectSpread({}, selectedStyle) : {
     userSelect: 'text'
   });
-  return /*#__PURE__*/_react.default.createElement("span", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(_warning.default, {
-    label: "error",
-    size: "small",
-    primaryColor: "var(--ds-icon-danger, ".concat(_colors.R300, ")")
-  }), message);
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    _react.default.createElement("span", {
+      style: style
+    }, /*#__PURE__*/_react.default.createElement(_warning.default, {
+      label: "error",
+      size: "small",
+      primaryColor: "var(--ds-icon-danger, ".concat(_colors.R300, ")")
+    }), message)
+  );
 };
 var WrappedMediaInlineAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(WrappedMediaInlineAnalyticsErrorBoundary, _React$Component);

package/dist/cjs/utils/ufoExperiences.js

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

package/dist/es2019/card/card.js

@@ -28,7 +28,7 @@ import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '.
 import { generateUniqueId } from '../utils/generateUniqueId';
 import { DateOverrideContext } from '../dateOverrideContext';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.11.2";
+const packageVersion = "77.11.3";
 export class CardBase extends Component {
   constructor(props) {
     super(props);

package/dist/es2019/card/cardView.js

@@ -205,7 +205,9 @@ export class CardViewBase extends React.Component {
       } = metadata || {};
       const hasTitleBox = !!renderTitleBox || !!renderFailedTitleBox;
       return jsx(React.Fragment, null, jsx("div", {
-        css: cardImageContainerStyles,
+        css: cardImageContainerStyles
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: fileCardImageViewSelector,
         "data-testid": fileCardImageViewSelector,
         "data-test-media-name": name,

package/dist/es2019/card/inlinePlayerWrapper.js

@@ -11,7 +11,9 @@ export const InlinePlayerWrapper = props => {
   } = props;
   return jsx("div", {
     id: "inlinePlayerWrapper",
-    "data-testid": testId,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: inlinePlayerClassName,
     css: inlinePlayerWrapperStyles({
       selected,

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 = "77.11.2";
+const packageVersion = "77.11.3";
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/card/ui/actionsBar/actionsBarWrapper.js

@@ -4,7 +4,9 @@ import { wrapperStyles, actionsBarClassName } from './styles';
 export const ActionsBarWrapper = props => {
   return jsx("div", {
     id: "actionsBarWrapper",
-    css: wrapperStyles(props.isFixed),
+    css: wrapperStyles(props.isFixed)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: actionsBarClassName
   }, props.children);
 };

package/dist/es2019/card/ui/actionsBar/cardActions/cardActionButton.js

@@ -8,7 +8,9 @@ export const CardActionButton = /*#__PURE__*/forwardRef((props, ref) => {
     id: "cardActionButton",
     "data-testid": "media-card-primary-action",
     "aria-label": props.label,
-    css: cardActionButtonStyles(props),
+    css: cardActionButtonStyles(props)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: props.style,
     onClick: props.onClick,
     onMouseDown: props.onMouseDown,

package/dist/es2019/card/ui/actionsBar/cardActions/cardActionIconButton.js

@@ -21,7 +21,9 @@ export class CardActionIconButton extends Component {
     } = this.props;
     return /*#__PURE__*/React.createElement(CardActionButton, {
       onClick: onClick,
-      onMouseDown: this.onMouseDown,
+      onMouseDown: this.onMouseDown
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      ,
       style: {
         color: triggerColor
       },

package/dist/es2019/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.js

@@ -56,7 +56,9 @@ export class CardActionsDropdownMenu extends Component {
           triggerRef,
           ...providedProps
         }) => /*#__PURE__*/React.createElement(CardActionButtonWithAnalytics, _extends({
-          variant: triggerVariant,
+          variant: triggerVariant
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          ,
           style: {
             color: triggerColor
           },

package/dist/es2019/card/ui/blanket/blanket.js

@@ -6,7 +6,9 @@ export const Blanket = props => {
     isFixed
   } = props;
   return jsx("div", {
-    css: blanketStyles(isFixed),
+    css: blanketStyles(isFixed)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: blanketClassName,
     "data-testid": "media-card-blanket"
   });

package/dist/es2019/card/ui/playButton/playButtonBackground.js

@@ -2,6 +2,7 @@
 import { jsx } from '@emotion/react';
 import { backgroundStyles, bkgClassName } from './styles';
 export const PlayButtonBackground = () => {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   return jsx("div", {
     css: backgroundStyles,
     className: bkgClassName

package/dist/es2019/card/ui/playButton/playButtonWrapper.js

@@ -2,8 +2,11 @@
 import { jsx } from '@emotion/react';
 import { playButtonClassName, playButtonWrapperStyles } from './styles';
 export const PlayButtonWrapper = props => {
-  return jsx("div", {
-    css: playButtonWrapperStyles,
-    className: playButtonClassName
-  }, props.children);
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    jsx("div", {
+      css: playButtonWrapperStyles,
+      className: playButtonClassName
+    }, props.children)
+  );
 };

package/dist/es2019/card/ui/tickBox/tickBoxWrapper.js

@@ -26,7 +26,9 @@ wrapperStyles.displayName = 'TickBoxWrapper';
 export const TickBoxWrapper = props => {
   return jsx("div", {
     id: "tickBoxWrapper",
-    css: wrapperStyles(props.selected),
+    css: wrapperStyles(props.selected)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: tickBoxClassName
   }, props.children);
 };

package/dist/es2019/card/ui/wrapper/wrapper.js

@@ -20,7 +20,9 @@ export const Wrapper = props => {
     shouldDisplayTooltip
   } = props;
   return jsx("div", {
-    id: "newFileExperienceWrapper",
+    id: "newFileExperienceWrapper"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: newFileExperienceClassName,
     "data-testid": testId,
     css: wrapperStyles({

package/dist/es2019/card/v2/cardV2.js

@@ -7,7 +7,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.11.2";
+const packageVersion = "77.11.3";
 export const CardV2Base = ({
   identifier,
   ...otherProps

package/dist/es2019/card/v2/cardViewV2.js

@@ -52,7 +52,8 @@ export const CardViewV2Base = ({
   error,
   disableAnimation,
   openMediaViewerButtonRef = null,
-  shouldOpenMediaViewer
+  shouldOpenMediaViewer,
+  overriddenCreationDate
 }) => {
   const [didImageRender, setDidImageRender] = useState(false);
   const divRef = useRef(null);
@@ -205,7 +206,9 @@ export const CardViewV2Base = ({
   } = metadata || {};
   const actionsWithDetails = metadata && actions ? attachDetailsToActions(actions, metadata) : [];
   const contents = jsx(React.Fragment, null, jsx("div", {
-    css: cardImageContainerStyles,
+    css: cardImageContainerStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: fileCardImageViewSelector,
     "data-testid": fileCardImageViewSelector,
     "data-test-media-name": name,
@@ -244,7 +247,7 @@ export const CardViewV2Base = ({
     isFixed: isFixedBlanket
   }), renderTitleBox && name && jsx(TitleBox, {
     name: name,
-    createdAt: createdAt,
+    createdAt: overriddenCreationDate !== null && overriddenCreationDate !== void 0 ? overriddenCreationDate : createdAt,
     breakpoint: breakpoint,
     titleBoxIcon: titleBoxIcon,
     titleBoxBgColor: titleBoxBgColor

package/dist/es2019/card/v2/cardviews/cardViewWrapper.js

@@ -35,6 +35,7 @@ export const CardViewWrapper = /*#__PURE__*/React.forwardRef(({
   progressBar,
   shouldOpenMediaViewer,
   openMediaViewerButtonRef = null,
+  overriddenCreationDate,
   ...props
 }, ref) => {
   const {
@@ -46,13 +47,15 @@ export const CardViewWrapper = /*#__PURE__*/React.forwardRef(({
   const defaultBlanket = !disableOverlay && jsx(Blanket, null);
   const defaultTitleBox = !disableOverlay && !!name && jsx(TitleBox, {
     name: name,
-    createdAt: createdAt,
+    createdAt: overriddenCreationDate !== null && overriddenCreationDate !== void 0 ? overriddenCreationDate : createdAt,
     breakpoint: breakpoint,
     titleBoxIcon: titleBoxIcon,
     titleBoxBgColor: titleBoxBgColor
   });
   const contents = jsx(React.Fragment, null, jsx("div", _extends({
-    css: cardImageContainerStyles,
+    css: cardImageContainerStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: fileCardImageViewSelector,
     "data-testid": fileCardImageViewSelector,
     "data-test-media-name": name,

package/dist/es2019/card/v2/cardviews/index.js

@@ -40,7 +40,8 @@ export const CardViewsBase = ({
   error,
   disableAnimation,
   shouldOpenMediaViewer,
-  openMediaViewerButtonRef
+  openMediaViewerButtonRef,
+  overriddenCreationDate
 }) => {
   const [didImageRender, setDidImageRender] = useState(false);
   const divRef = useRef(null);
@@ -98,7 +99,8 @@ export const CardViewsBase = ({
       mediaCardCursor,
       innerRef,
       shouldOpenMediaViewer,
-      openMediaViewerButtonRef
+      openMediaViewerButtonRef,
+      overriddenCreationDate
     };
     switch (status) {
       case 'uploading':

package/dist/es2019/card/v2/fileCard.js

@@ -24,6 +24,8 @@ import { CardViews } from './cardviews';
 import { InlinePlayerLazyV2 } from './inlinePlayerLazyV2';
 import { useFilePreview } from '@atlaskit/media-file-preview';
 import { performanceNow } from './performance';
+import { useContext } from 'react';
+import { DateOverrideContext } from '../../dateOverrideContext';
 const LoadedCardView = getBooleanFF('platform.media-experience.card-views-refactor_b91lr') ? CardViews : CardViewV2;
 export const FileCard = ({
   appearance = 'auto',
@@ -87,6 +89,8 @@ export const FileCard = ({
     return prevFileState;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [fileState]);
+  const dateOverrides = useContext(DateOverrideContext);
+  const overridenDate = dateOverrides === null || dateOverrides === void 0 ? void 0 : dateOverrides[identifier.id];
 
   //----------------------------------------------------------------//
   //------------ State, Refs & Initial Values ----------------------//
@@ -517,7 +521,8 @@ export const FileCard = ({
       nativeLazyLoad: nativeLazyLoad,
       forceSyncDisplay: forceSyncDisplay,
       mediaCardCursor: mediaCardCursor,
-      shouldHideTooltip: shouldHideTooltip
+      shouldHideTooltip: shouldHideTooltip,
+      overriddenCreationDate: overridenDate
     });
     return isLazyWithOverride ? /*#__PURE__*/React.createElement(ViewportDetector, {
       cardEl: cardElement,

package/dist/es2019/inline/loader.js

@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     } = this.state;
     const analyticsContext = {
       packageVersion: "@atlaskit/media-card",
-      packageName: "77.11.2",
+      packageName: "77.11.3",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };