@atlaskit/media-card 79.15.9 → 79.16.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/media-card
 
+## 79.16.1
+
+### Patch Changes
+
+- [`ca2338799c141`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ca2338799c141) -
+  [ux] Fix media cards and media singles to use the correct border radius in the editor, renderer
+  and inline media player.
+- Updated dependencies
+
+## 79.16.0
+
+### Minor Changes
+
+- [`6e25e8bbb01c3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6e25e8bbb01c3) -
+  [ux] Adds mediaViewerExtensions prop to media-viewer/src/header and threads it through parents.
+  Allows callers to pass in additional buttons to the image / video preview'
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 79.15.9
 
 ### Patch Changes

package/dist/cjs/card/fileCard.js

@@ -93,7 +93,8 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     viewerOptions = _ref.viewerOptions,
     includeHashForDuplicateFiles = _ref.includeHashForDuplicateFiles,
     ssrItemDetails = _ref.ssrItemDetails,
-    onError = _ref.onError;
+    onError = _ref.onError,
+    mediaViewerExtensions = _ref.mediaViewerExtensions;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useState = (0, _react.useState)(false),
@@ -786,6 +787,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     },
     contextId: contextId,
     featureFlags: featureFlags,
-    viewerOptions: viewerOptions
+    viewerOptions: viewerOptions,
+    extensions: mediaViewerExtensions
   }) : null, getSsrScriptProps && /*#__PURE__*/_react.default.createElement("script", getSsrScriptProps()));
 };

package/dist/cjs/card/inlinePlayerWrapper-compiled.compiled.css

@@ -1,5 +1,7 @@
 
+._14mj1kw7:after{border-radius:inherit}
 ._14mjfajl:after{border-radius:var(--ds-radius-small,3px)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._eq43fyzg:after{border:var(--ds-border-width,1px) solid var(--ds-border-selected,#1868db)}._11fnglyw:after{pointer-events:none}
 ._14r11j28::-moz-selection{background-color:transparent}

package/dist/cjs/card/inlinePlayerWrapper-compiled.js

@@ -15,6 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _getDimensionsWithDefault = require("../utils/lightCards/getDimensionsWithDefault");
 var _vcMedia = require("@atlaskit/react-ufo/vc-media");
 var _customData = _interopRequireDefault(require("@atlaskit/react-ufo/custom-data"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var hideNativeBrowserTextSelectionStyles = null;
 var selectedBorderStyle = null;
@@ -24,10 +25,12 @@ var selectedBorderStyle = null;
  * shrinking the image OR growing the card size
  */
 var borderStyle = null;
+var updatedBorderStyle = null;
 var inlinePlayerClassName = exports.inlinePlayerClassName = 'media-card-inline-player';
 var LOCAL_WIDTH_VARIABLE = exports.LOCAL_WIDTH_VARIABLE = '--media-inline-player-wrapper-width';
 var LOCAL_HEIGHT_VARIABLE = exports.LOCAL_HEIGHT_VARIABLE = '--media-inline-player-wrapper-height';
 var inlinePlayerWrapperStyles = null;
+var updatedInlinePlayerWrapperStyles = null;
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
@@ -42,7 +45,7 @@ var InlinePlayerWrapper = exports.InlinePlayerWrapper = function InlinePlayerWra
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43fyzg", inlinePlayerClassName]),
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform_editor_media_border_radius_fix') ? "_1reo15vq _18m915vq _2rko1mok _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq" : "_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", (0, _platformFeatureFlags.fg)('platform_editor_media_border_radius_fix') ? "_14mj1kw7 _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw" : "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43fyzg", inlinePlayerClassName]),
     onClick: onClick,
     ref: innerRef
   }, _vcMedia.VcMediaWrapperProps, {

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

@@ -13,6 +13,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -24,7 +25,9 @@ var variantStyleMap = {
 var cardActionButtonStyles = null;
 var CardActionButton = exports.CardActionButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$variant;
-  return /*#__PURE__*/React.createElement("button", (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/React.createElement("button", (0, _extends2.default)({}, props, (0, _platformFeatureFlags.fg)('platform_media_card_action_button_type_fix') ? {
+    type: 'button'
+  } : {}, {
     id: "cardActionButton",
     "data-testid": "media-card-primary-action",
     "aria-label": props.label,

package/dist/es2019/card/fileCard.js

@@ -74,7 +74,8 @@ export const FileCard = ({
   viewerOptions,
   includeHashForDuplicateFiles,
   ssrItemDetails,
-  onError
+  onError,
+  mediaViewerExtensions
 }) => {
   const {
     formatMessage
@@ -704,6 +705,7 @@ export const FileCard = ({
     },
     contextId: contextId,
     featureFlags: featureFlags,
-    viewerOptions: viewerOptions
+    viewerOptions: viewerOptions,
+    extensions: mediaViewerExtensions
   }) : null, getSsrScriptProps && /*#__PURE__*/React.createElement("script", getSsrScriptProps()));
 };

package/dist/es2019/card/inlinePlayerWrapper-compiled.compiled.css

@@ -1,5 +1,7 @@
 
+._14mj1kw7:after{border-radius:inherit}
 ._14mjfajl:after{border-radius:var(--ds-radius-small,3px)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._eq43fyzg:after{border:var(--ds-border-width,1px) solid var(--ds-border-selected,#1868db)}._11fnglyw:after{pointer-events:none}
 ._14r11j28::-moz-selection{background-color:transparent}

package/dist/es2019/card/inlinePlayerWrapper-compiled.js

@@ -6,6 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { getDimensionsWithDefault } from '../utils/lightCards/getDimensionsWithDefault';
 import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
+import { fg } from '@atlaskit/platform-feature-flags';
 const hideNativeBrowserTextSelectionStyles = null;
 const selectedBorderStyle = null;
 
@@ -14,10 +15,12 @@ const selectedBorderStyle = null;
  * shrinking the image OR growing the card size
  */
 const borderStyle = null;
+const updatedBorderStyle = null;
 export const inlinePlayerClassName = 'media-card-inline-player';
 export const LOCAL_WIDTH_VARIABLE = '--media-inline-player-wrapper-width';
 export const LOCAL_HEIGHT_VARIABLE = '--media-inline-player-wrapper-height';
 const inlinePlayerWrapperStyles = null;
+const updatedInlinePlayerWrapperStyles = null;
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
@@ -34,7 +37,7 @@ export const InlinePlayerWrapper = props => {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsbbj0z _4t3io1dg _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43fyzg", inlinePlayerClassName]),
+    className: ax([fg('platform_editor_media_border_radius_fix') ? "_1reo15vq _18m915vq _2rko1mok _kqswh2mm _p12f1osq _c71l1osq _1bsbbj0z _4t3io1dg _1y2k1osq _z18o1osq" : "_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsbbj0z _4t3io1dg _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", fg('platform_editor_media_border_radius_fix') ? "_14mj1kw7 _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw" : "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43fyzg", inlinePlayerClassName]),
     style: {
       [LOCAL_WIDTH_VARIABLE]: getDimensionsWithDefault(dimensions).width || '100%',
       [LOCAL_HEIGHT_VARIABLE]: getDimensionsWithDefault(dimensions).height || 'auto'

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

@@ -6,6 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N500 } from '@atlaskit/theme/colors';
 const variantStyleMap = {
   filled: "_bfhk1pja _irr3tl7t",
@@ -14,7 +15,9 @@ const variantStyleMap = {
 const cardActionButtonStyles = null;
 export const CardActionButton = /*#__PURE__*/forwardRef((props, ref) => {
   var _props$variant;
-  return /*#__PURE__*/React.createElement("button", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("button", _extends({}, props, fg('platform_media_card_action_button_type_fix') ? {
+    type: 'button'
+  } : {}, {
     id: "cardActionButton",
     "data-testid": "media-card-primary-action",
     "aria-label": props.label,

package/dist/esm/card/fileCard.js

@@ -85,7 +85,8 @@ export var FileCard = function FileCard(_ref) {
     viewerOptions = _ref.viewerOptions,
     includeHashForDuplicateFiles = _ref.includeHashForDuplicateFiles,
     ssrItemDetails = _ref.ssrItemDetails,
-    onError = _ref.onError;
+    onError = _ref.onError,
+    mediaViewerExtensions = _ref.mediaViewerExtensions;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var _useState = useState(false),
@@ -778,6 +779,7 @@ export var FileCard = function FileCard(_ref) {
     },
     contextId: contextId,
     featureFlags: featureFlags,
-    viewerOptions: viewerOptions
+    viewerOptions: viewerOptions,
+    extensions: mediaViewerExtensions
   }) : null, getSsrScriptProps && /*#__PURE__*/React.createElement("script", getSsrScriptProps()));
 };

package/dist/esm/card/inlinePlayerWrapper-compiled.compiled.css

@@ -1,5 +1,7 @@
 
+._14mj1kw7:after{border-radius:inherit}
 ._14mjfajl:after{border-radius:var(--ds-radius-small,3px)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._eq43fyzg:after{border:var(--ds-border-width,1px) solid var(--ds-border-selected,#1868db)}._11fnglyw:after{pointer-events:none}
 ._14r11j28::-moz-selection{background-color:transparent}

package/dist/esm/card/inlinePlayerWrapper-compiled.js

@@ -7,6 +7,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { getDimensionsWithDefault } from '../utils/lightCards/getDimensionsWithDefault';
 import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
+import { fg } from '@atlaskit/platform-feature-flags';
 var hideNativeBrowserTextSelectionStyles = null;
 var selectedBorderStyle = null;
 
@@ -15,10 +16,12 @@ var selectedBorderStyle = null;
  * shrinking the image OR growing the card size
  */
 var borderStyle = null;
+var updatedBorderStyle = null;
 export var inlinePlayerClassName = 'media-card-inline-player';
 export var LOCAL_WIDTH_VARIABLE = '--media-inline-player-wrapper-width';
 export var LOCAL_HEIGHT_VARIABLE = '--media-inline-player-wrapper-height';
 var inlinePlayerWrapperStyles = null;
+var updatedInlinePlayerWrapperStyles = null;
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
@@ -33,7 +36,7 @@ export var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43fyzg", inlinePlayerClassName]),
+    className: ax([fg('platform_editor_media_border_radius_fix') ? "_1reo15vq _18m915vq _2rko1mok _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq" : "_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", fg('platform_editor_media_border_radius_fix') ? "_14mj1kw7 _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw" : "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43fyzg", inlinePlayerClassName]),
     onClick: onClick,
     ref: innerRef
   }, VcMediaWrapperProps, {

package/dist/esm/card/ui/actionsBar/cardActions/cardActionButton-compiled.js

@@ -9,6 +9,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { forwardRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N500 } from '@atlaskit/theme/colors';
 var variantStyleMap = {
   filled: "_bfhk1pja _irr3tl7t",
@@ -17,7 +18,9 @@ var variantStyleMap = {
 var cardActionButtonStyles = null;
 export var CardActionButton = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$variant;
-  return /*#__PURE__*/React.createElement("button", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("button", _extends({}, props, fg('platform_media_card_action_button_type_fix') ? {
+    type: 'button'
+  } : {}, {
     id: "cardActionButton",
     "data-testid": "media-card-primary-action",
     "aria-label": props.label,

package/dist/types/card/fileCard.d.ts

@@ -1,6 +1,6 @@
 import { type FileIdentifier, type Identifier, type ImageResizeMode } from '@atlaskit/media-client';
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
-import { type ViewerOptionsProps } from '@atlaskit/media-viewer';
+import { type ViewerOptionsProps, type MediaViewerExtensions } from '@atlaskit/media-viewer';
 import React from 'react';
 import { type MediaCardErrorPrimaryReason } from '../errors';
 import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../types';
@@ -59,5 +59,7 @@ export interface FileCardProps extends CardEventProps {
     readonly ssrItemDetails?: SsrItemDetails;
     /** General Error handling include status errors and display errors*/
     readonly onError?: (reason: MediaFilePreviewErrorPrimaryReason | MediaCardErrorPrimaryReason) => void;
+    /** Extensions for the media viewer (e.g. comment button in header). */
+    readonly mediaViewerExtensions?: MediaViewerExtensions;
 }
-export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, ssrItemDetails, onError, }: FileCardProps) => React.JSX.Element;
+export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, ssrItemDetails, onError, mediaViewerExtensions, }: FileCardProps) => React.JSX.Element;

package/dist/types/types.d.ts

@@ -8,7 +8,7 @@ import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
 import { type CardAction } from './card/actions';
 import { type MediaCardError, type MediaCardErrorPrimaryReason } from './errors';
-import { type ViewerOptionsProps } from '@atlaskit/media-viewer';
+import { type ViewerOptionsProps, type MediaViewerExtensions } from '@atlaskit/media-viewer';
 import type { MediaFilePreviewErrorPrimaryReason } from '@atlaskit/media-file-preview';
 export type CardStatus = 'uploading' | 'loading' | 'processing' | 'loading-preview' | 'complete' | 'error' | 'failed-processing';
 export type FilePreviewStatus = {
@@ -111,6 +111,8 @@ export interface CardProps extends SharedCardProps, CardEventProps {
     readonly mediaSettings?: MediaSettings;
     /** General Error handling include status errors and display errors*/
     readonly onError?: (reason: MediaFilePreviewErrorPrimaryReason | MediaCardErrorPrimaryReason) => void;
+    /** Extensions for the media viewer (e.g. comment button in header). */
+    readonly mediaViewerExtensions?: MediaViewerExtensions;
 }
 export interface CardState {
     status: CardStatus;

package/dist/types-ts4.5/card/fileCard.d.ts

@@ -1,6 +1,6 @@
 import { type FileIdentifier, type Identifier, type ImageResizeMode } from '@atlaskit/media-client';
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
-import { type ViewerOptionsProps } from '@atlaskit/media-viewer';
+import { type ViewerOptionsProps, type MediaViewerExtensions } from '@atlaskit/media-viewer';
 import React from 'react';
 import { type MediaCardErrorPrimaryReason } from '../errors';
 import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../types';
@@ -59,5 +59,7 @@ export interface FileCardProps extends CardEventProps {
     readonly ssrItemDetails?: SsrItemDetails;
     /** General Error handling include status errors and display errors*/
     readonly onError?: (reason: MediaFilePreviewErrorPrimaryReason | MediaCardErrorPrimaryReason) => void;
+    /** Extensions for the media viewer (e.g. comment button in header). */
+    readonly mediaViewerExtensions?: MediaViewerExtensions;
 }
-export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, ssrItemDetails, onError, }: FileCardProps) => React.JSX.Element;
+export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, ssrItemDetails, onError, mediaViewerExtensions, }: FileCardProps) => React.JSX.Element;

package/dist/types-ts4.5/types.d.ts

@@ -8,7 +8,7 @@ import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
 import { type CardAction } from './card/actions';
 import { type MediaCardError, type MediaCardErrorPrimaryReason } from './errors';
-import { type ViewerOptionsProps } from '@atlaskit/media-viewer';
+import { type ViewerOptionsProps, type MediaViewerExtensions } from '@atlaskit/media-viewer';
 import type { MediaFilePreviewErrorPrimaryReason } from '@atlaskit/media-file-preview';
 export type CardStatus = 'uploading' | 'loading' | 'processing' | 'loading-preview' | 'complete' | 'error' | 'failed-processing';
 export type FilePreviewStatus = {
@@ -111,6 +111,8 @@ export interface CardProps extends SharedCardProps, CardEventProps {
     readonly mediaSettings?: MediaSettings;
     /** General Error handling include status errors and display errors*/
     readonly onError?: (reason: MediaFilePreviewErrorPrimaryReason | MediaCardErrorPrimaryReason) => void;
+    /** Extensions for the media viewer (e.g. comment button in header). */
+    readonly mediaViewerExtensions?: MediaViewerExtensions;
 }
 export interface CardState {
     status: CardStatus;

package/example-helpers/svg-helpers/uploader.ts

@@ -3,10 +3,12 @@ import { type SyntheticEvent, useState } from 'react';
 import { type FileIdentifier } from '@atlaskit/media-client';
 import { useMediaClient } from '@atlaskit/media-client-react';
 
-export const useSvgUploader = (collectionName?: string): {
-    status: string;
-    identifier: FileIdentifier | undefined;
-    uploadFn: (event: SyntheticEvent<HTMLInputElement>) => Promise<void>;
+export const useSvgUploader = (
+	collectionName?: string,
+): {
+	status: string;
+	identifier: FileIdentifier | undefined;
+	uploadFn: (event: SyntheticEvent<HTMLInputElement>) => Promise<void>;
 } => {
 	const mediaClient = useMediaClient();
 	const [identifier, setIdentifier] = useState<FileIdentifier>();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "79.15.9",
+	"version": "79.16.1",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -40,15 +40,16 @@
 		"@atlaskit/media-client-react": "^5.0.0",
 		"@atlaskit/media-common": "^13.0.0",
 		"@atlaskit/media-file-preview": "^0.16.0",
+		"@atlaskit/media-state": "^2.0.0",
 		"@atlaskit/media-svg": "^2.2.0",
 		"@atlaskit/media-ui": "^28.7.0",
-		"@atlaskit/media-viewer": "^52.8.0",
+		"@atlaskit/media-viewer": "^52.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
-		"@atlaskit/react-ufo": "^5.4.0",
+		"@atlaskit/react-ufo": "^5.5.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.1.0",
+		"@atlaskit/tokens": "^11.2.0",
 		"@atlaskit/tooltip": "^21.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -75,7 +76,6 @@
 		"@atlaskit/inline-message": "^15.6.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"@atlaskit/media-picker": "^70.1.0",
-		"@atlaskit/media-state": "^2.0.0",
 		"@atlaskit/media-test-data": "^3.2.0",
 		"@atlaskit/media-test-helpers": "^40.0.0",
 		"@atlaskit/radio": "^8.4.0",
@@ -149,6 +149,12 @@
 		},
 		"dfo_attachments_late_render_fix": {
 			"type": "boolean"
+		},
+		"platform_media_card_action_button_type_fix": {
+			"type": "boolean"
+		},
+		"platform_editor_media_border_radius_fix": {
+			"type": "boolean"
 		}
 	},
 	"techstack": {

package/dist/cjs/utils/objectURLCache.js

@@ -1,83 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createObjectURLCache = exports.PREVIEW_CACHE_LRU_SIZE = exports.ObjectURLCache = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _lru_map = require("lru_map");
-var _eventemitter = require("eventemitter2");
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
-var PREVIEW_CACHE_LRU_SIZE = exports.PREVIEW_CACHE_LRU_SIZE = 50;
-var ExtendedLRUCache = /*#__PURE__*/function (_LRUMap) {
-  function ExtendedLRUCache(limit) {
-    var _this;
-    (0, _classCallCheck2.default)(this, ExtendedLRUCache);
-    _this = _callSuper(this, ExtendedLRUCache, [limit]);
-    _this.eventEmitter = new _eventemitter.EventEmitter2();
-    return _this;
-  }
-  (0, _inherits2.default)(ExtendedLRUCache, _LRUMap);
-  return (0, _createClass2.default)(ExtendedLRUCache, [{
-    key: "shift",
-    value: function shift() {
-      var entry = _superPropGet(ExtendedLRUCache, "shift", this, 3)([]);
-      this.eventEmitter.emit('shift', entry);
-      return entry;
-    }
-  }, {
-    key: "on",
-    value: function on(event, callback) {
-      this.eventEmitter.on(event, callback);
-    }
-  }]);
-}(_lru_map.LRUMap);
-var ObjectURLCache = exports.ObjectURLCache = /*#__PURE__*/function () {
-  function ObjectURLCache(size) {
-    (0, _classCallCheck2.default)(this, ObjectURLCache);
-    this.cache = new ExtendedLRUCache(size);
-    this.cache.on('shift', function (entry) {
-      if (entry && entry[1].dataURI) {
-        URL.revokeObjectURL(entry[1].dataURI);
-      }
-    });
-  }
-  return (0, _createClass2.default)(ObjectURLCache, [{
-    key: "has",
-    value: function has(key) {
-      return !!this.cache.find(key);
-    }
-  }, {
-    key: "get",
-    value: function get(key) {
-      return this.cache.get(key);
-    }
-  }, {
-    key: "set",
-    value: function set(key, value) {
-      this.cache.set(key, value);
-    }
-  }, {
-    key: "remove",
-    value: function remove(key) {
-      var removed = this.cache.delete(key);
-      removed && URL.revokeObjectURL(removed.dataURI);
-    }
-  }, {
-    key: "clear",
-    value: function clear() {
-      this.cache.clear();
-    }
-  }]);
-}();
-var createObjectURLCache = exports.createObjectURLCache = function createObjectURLCache() {
-  return new ObjectURLCache(PREVIEW_CACHE_LRU_SIZE);
-};

package/dist/es2019/utils/objectURLCache.js

@@ -1,44 +0,0 @@
-import { LRUMap } from 'lru_map';
-import { EventEmitter2 } from 'eventemitter2';
-export const PREVIEW_CACHE_LRU_SIZE = 50;
-class ExtendedLRUCache extends LRUMap {
-  constructor(limit) {
-    super(limit);
-    this.eventEmitter = new EventEmitter2();
-  }
-  shift() {
-    const entry = super.shift();
-    this.eventEmitter.emit('shift', entry);
-    return entry;
-  }
-  on(event, callback) {
-    this.eventEmitter.on(event, callback);
-  }
-}
-export class ObjectURLCache {
-  constructor(size) {
-    this.cache = new ExtendedLRUCache(size);
-    this.cache.on('shift', entry => {
-      if (entry && entry[1].dataURI) {
-        URL.revokeObjectURL(entry[1].dataURI);
-      }
-    });
-  }
-  has(key) {
-    return !!this.cache.find(key);
-  }
-  get(key) {
-    return this.cache.get(key);
-  }
-  set(key, value) {
-    this.cache.set(key, value);
-  }
-  remove(key) {
-    const removed = this.cache.delete(key);
-    removed && URL.revokeObjectURL(removed.dataURI);
-  }
-  clear() {
-    this.cache.clear();
-  }
-}
-export const createObjectURLCache = () => new ObjectURLCache(PREVIEW_CACHE_LRU_SIZE);

package/dist/esm/utils/objectURLCache.js

@@ -1,76 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _get from "@babel/runtime/helpers/get";
-import _inherits from "@babel/runtime/helpers/inherits";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
-import { LRUMap } from 'lru_map';
-import { EventEmitter2 } from 'eventemitter2';
-export var PREVIEW_CACHE_LRU_SIZE = 50;
-var ExtendedLRUCache = /*#__PURE__*/function (_LRUMap) {
-  function ExtendedLRUCache(limit) {
-    var _this;
-    _classCallCheck(this, ExtendedLRUCache);
-    _this = _callSuper(this, ExtendedLRUCache, [limit]);
-    _this.eventEmitter = new EventEmitter2();
-    return _this;
-  }
-  _inherits(ExtendedLRUCache, _LRUMap);
-  return _createClass(ExtendedLRUCache, [{
-    key: "shift",
-    value: function shift() {
-      var entry = _superPropGet(ExtendedLRUCache, "shift", this, 3)([]);
-      this.eventEmitter.emit('shift', entry);
-      return entry;
-    }
-  }, {
-    key: "on",
-    value: function on(event, callback) {
-      this.eventEmitter.on(event, callback);
-    }
-  }]);
-}(LRUMap);
-export var ObjectURLCache = /*#__PURE__*/function () {
-  function ObjectURLCache(size) {
-    _classCallCheck(this, ObjectURLCache);
-    this.cache = new ExtendedLRUCache(size);
-    this.cache.on('shift', function (entry) {
-      if (entry && entry[1].dataURI) {
-        URL.revokeObjectURL(entry[1].dataURI);
-      }
-    });
-  }
-  return _createClass(ObjectURLCache, [{
-    key: "has",
-    value: function has(key) {
-      return !!this.cache.find(key);
-    }
-  }, {
-    key: "get",
-    value: function get(key) {
-      return this.cache.get(key);
-    }
-  }, {
-    key: "set",
-    value: function set(key, value) {
-      this.cache.set(key, value);
-    }
-  }, {
-    key: "remove",
-    value: function remove(key) {
-      var removed = this.cache.delete(key);
-      removed && URL.revokeObjectURL(removed.dataURI);
-    }
-  }, {
-    key: "clear",
-    value: function clear() {
-      this.cache.clear();
-    }
-  }]);
-}();
-export var createObjectURLCache = function createObjectURLCache() {
-  return new ObjectURLCache(PREVIEW_CACHE_LRU_SIZE);
-};

package/dist/types/utils/objectURLCache.d.ts

@@ -1,12 +0,0 @@
-import { type CardPreview } from '../types';
-export declare const PREVIEW_CACHE_LRU_SIZE = 50;
-export declare class ObjectURLCache {
-    private readonly cache;
-    constructor(size: number);
-    has(key: string): boolean;
-    get(key: string): CardPreview | undefined;
-    set(key: string, value: CardPreview): void;
-    remove(key: string): void;
-    clear(): void;
-}
-export declare const createObjectURLCache: () => ObjectURLCache;

package/dist/types-ts4.5/utils/objectURLCache.d.ts

@@ -1,12 +0,0 @@
-import { type CardPreview } from '../types';
-export declare const PREVIEW_CACHE_LRU_SIZE = 50;
-export declare class ObjectURLCache {
-    private readonly cache;
-    constructor(size: number);
-    has(key: string): boolean;
-    get(key: string): CardPreview | undefined;
-    set(key: string, value: CardPreview): void;
-    remove(key: string): void;
-    clear(): void;
-}
-export declare const createObjectURLCache: () => ObjectURLCache;