@atlaskit/media-card 81.8.4 → 81.8.5

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/media-card
 
+## 81.8.5
+
+### Patch Changes
+
+- [`0643729dd349b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0643729dd349b) -
+  Make DownloadIcon decorative when parent button already has aria-label (WCAG 1.1.1). Gated behind
+  feature flag `platform-a11y-media-card-download-icon-decorative`.
+- Updated dependencies
+
 ## 81.8.4
 
 ### Patch Changes

package/dist/cjs/card/actions.js

@@ -9,6 +9,7 @@ exports.createDownloadAction = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _messages = require("@atlaskit/media-ui/messages");
 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; }
@@ -34,7 +35,7 @@ var createDownloadAction = exports.createDownloadAction = function createDownloa
     icon: /*#__PURE__*/_react.default.createElement(_download.default, {
       color: isDisabled ? "var(--ds-icon-disabled, #080F214A)" : 'currentColor',
       spacing: "spacious",
-      label: "Download"
+      label: (0, _fg.fg)('platform-a11y-media-card-download-icon-decorative') ? '' : 'Download'
     })
   });
 };

package/dist/cjs/card/card.js

@@ -20,7 +20,7 @@ var _label = _interopRequireDefault(require("@atlaskit/react-ufo/label"));
 var _excluded = ["identifier"];
 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 packageName = "@atlaskit/media-card";
-var packageVersion = "81.8.3";
+var packageVersion = "81.8.4";
 var CardBase = exports.CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/card/fileCard.js

@@ -36,7 +36,7 @@ var _cardAnalytics = require("./cardAnalytics");
 var _analytics = require("../utils/analytics");
 var _cardView = require("./cardView");
 var _inlinePlayerLazy = require("./inlinePlayerLazy");
-var _mediaFilePreview = require("@atlaskit/media-file-preview");
+var _useFilePreview2 = require("@atlaskit/media-file-preview/use-file-preview");
 var _actions = require("./actions");
 var _performance = require("./performance");
 var _dateOverrideContext = require("../dateOverrideContext");
@@ -242,7 +242,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
       alt: alt
     }) : undefined;
   }, [alt, previewDimensions, contextId, fileStateValue, identifier, originalDimensions]);
-  var _useFilePreview = (0, _mediaFilePreview.useFilePreview)({
+  var _useFilePreview = (0, _useFilePreview2.useFilePreview)({
       initialFileState: initialFileState,
       useSrcSet: true,
       mediaBlobUrlAttrs: mediaBlobUrlAttrs,

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

@@ -87,7 +87,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.8.3";
+var packageVersion = "81.8.4";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/inline/loader.js

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

package/dist/cjs/utils/ufoExperiences.js

@@ -22,7 +22,7 @@ var _globalScope = require("./globalScope/globalScope");
 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 = "81.8.3";
+var packageVersion = "81.8.4";
 var SAMPLE_RATE = 0.05;
 
 /**

package/dist/es2019/card/actions.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import DownloadIcon from '@atlaskit/icon/core/download';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { messages } from '@atlaskit/media-ui/messages';
 export function attachDetailsToActions(actions, details) {
   return actions.map(action => ({
@@ -25,7 +26,7 @@ export const createDownloadAction = (baseAction, formatMessage) => {
     icon: /*#__PURE__*/React.createElement(DownloadIcon, {
       color: isDisabled ? "var(--ds-icon-disabled, #080F214A)" : 'currentColor',
       spacing: "spacious",
-      label: "Download"
+      label: fg('platform-a11y-media-card-download-icon-decorative') ? '' : 'Download'
     })
   };
 };

package/dist/es2019/card/card.js

@@ -9,7 +9,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import UFOLabel from '@atlaskit/react-ufo/label';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "81.8.3";
+const packageVersion = "81.8.4";
 export const CardBase = ({
   identifier,
   ...otherProps

package/dist/es2019/card/fileCard.js

@@ -23,7 +23,7 @@ import { fireNonCriticalErrorEvent, fireOperationalEvent, fireDownloadSucceededE
 import { fireMediaCardEvent, getAuthProviderSucceededPayload, getAuthProviderFailedPayload } from '../utils/analytics';
 import { CardView } from './cardView';
 import { InlinePlayerLazy } from './inlinePlayerLazy';
-import { useFilePreview } from '@atlaskit/media-file-preview';
+import { useFilePreview } from '@atlaskit/media-file-preview/use-file-preview';
 import { createDownloadAction } from './actions';
 import { performanceNow } from './performance';
 import { useContext } from 'react';

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 = "81.8.3";
+const packageVersion = "81.8.4";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

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: "81.8.3",
+      packageName: "81.8.4",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/utils/ufoExperiences.js

@@ -11,7 +11,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
 import { getMediaGlobalScope } from './globalScope/globalScope';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "81.8.3";
+const packageVersion = "81.8.4";
 const SAMPLE_RATE = 0.05;
 
 /**

package/dist/esm/card/actions.js

@@ -3,6 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import React from 'react';
 import DownloadIcon from '@atlaskit/icon/core/download';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { messages } from '@atlaskit/media-ui/messages';
 export function attachDetailsToActions(actions, details) {
   return actions.map(function (action) {
@@ -26,7 +27,7 @@ export var createDownloadAction = function createDownloadAction(baseAction, form
     icon: /*#__PURE__*/React.createElement(DownloadIcon, {
       color: isDisabled ? "var(--ds-icon-disabled, #080F214A)" : 'currentColor',
       spacing: "spacious",
-      label: "Download"
+      label: fg('platform-a11y-media-card-download-icon-decorative') ? '' : 'Download'
     })
   });
 };

package/dist/esm/card/card.js

@@ -11,7 +11,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import UFOLabel from '@atlaskit/react-ufo/label';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.8.3";
+var packageVersion = "81.8.4";
 export var CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/card/fileCard.js

@@ -30,7 +30,7 @@ import { fireNonCriticalErrorEvent, fireOperationalEvent, fireDownloadSucceededE
 import { fireMediaCardEvent, getAuthProviderSucceededPayload, getAuthProviderFailedPayload } from '../utils/analytics';
 import { CardView } from './cardView';
 import { InlinePlayerLazy } from './inlinePlayerLazy';
-import { useFilePreview } from '@atlaskit/media-file-preview';
+import { useFilePreview } from '@atlaskit/media-file-preview/use-file-preview';
 import { createDownloadAction } from './actions';
 import { performanceNow } from './performance';
 import { useContext } from 'react';

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

@@ -80,7 +80,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.8.3";
+var packageVersion = "81.8.4";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/esm/inline/loader.js

@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "81.8.3",
+        packageName: "81.8.4",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/ufoExperiences.js

@@ -15,7 +15,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
 import { getMediaGlobalScope } from './globalScope/globalScope';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.8.3";
+var packageVersion = "81.8.4";
 var SAMPLE_RATE = 0.05;
 
 /**

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

@@ -4,7 +4,7 @@ import { type MediaItemType, type FileDetails, type ImageResizeMode, type Identi
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
 import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 import { type CardStatus, type MediaCardCursor, type CardDimensions, type TitleBoxIcon } from '../types';
-import { type MediaFilePreview } from '@atlaskit/media-file-preview';
+import type { MediaFilePreview } from '@atlaskit/media-file-preview/types';
 import { type CardAction } from './actions';
 import { type MediaCardError } from '../errors';
 export interface CardViewProps {

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

@@ -4,7 +4,7 @@ import { type ViewerOptionsProps, type MediaViewerExtensions } from '@atlaskit/m
 import React from 'react';
 import { type MediaCardErrorPrimaryReason } from '../errors';
 import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../types';
-import { type MediaFilePreviewErrorPrimaryReason } from '@atlaskit/media-file-preview';
+import type { MediaFilePreviewErrorPrimaryReason } from '@atlaskit/media-file-preview/media-file-preview-error';
 import { type CardAction } from './actions';
 import type { SsrItemDetails } from './types';
 export interface FileCardProps extends CardEventProps {

package/dist/types/types.d.ts

@@ -9,7 +9,7 @@ import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '
 import { type CardAction } from './card/actions';
 import { type MediaCardError, type MediaCardErrorPrimaryReason } from './errors';
 import { type ViewerOptionsProps, type MediaViewerExtensions } from '@atlaskit/media-viewer';
-import type { MediaFilePreviewErrorPrimaryReason } from '@atlaskit/media-file-preview';
+import type { MediaFilePreviewErrorPrimaryReason } from '@atlaskit/media-file-preview/media-file-preview-error';
 export type CardStatus = 'uploading' | 'loading' | 'processing' | 'loading-preview' | 'complete' | 'error' | 'failed-processing';
 export type FilePreviewStatus = {
     hasFilesize: boolean;

package/example-helpers/index.tsx

@@ -14,7 +14,7 @@ import {
 import CrossIcon from '@atlaskit/icon/core/cross';
 import FabricAnalyticsListeners from '@atlaskit/analytics-listeners/FabricAnalyticsListeners';
 import type { AnalyticsWebClient } from '@atlaskit/analytics-listeners/types';
-import { payloadPublisher } from '@atlassian/ufo';
+import { payloadPublisher } from '@atlassian/ufo/publisher';
 
 import AnnotateIcon from '@atlaskit/icon/core/edit';
 import { SelectableCard } from './selectableCard';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "81.8.4",
+	"version": "81.8.5",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,8 +42,8 @@
 		"@atlaskit/media-file-preview": "^1.3.0",
 		"@atlaskit/media-state": "^3.1.0",
 		"@atlaskit/media-svg": "^3.2.0",
-		"@atlaskit/media-ui": "^30.13.0",
-		"@atlaskit/media-viewer": "^54.6.0",
+		"@atlaskit/media-ui": "^30.14.0",
+		"@atlaskit/media-viewer": "^54.7.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/primitives": "^22.4.0",
 		"@atlaskit/progress-bar": "^5.2.0",
@@ -174,6 +174,9 @@
 		"platform_create_work_item_modernization": {
 			"referenceOnly": true,
 			"type": "boolean"
+		},
+		"platform-a11y-media-card-download-icon-decorative": {
+			"type": "boolean"
 		}
 	},
 	"techstack": {