@atlaskit/media-viewer 54.5.32 → 54.5.34

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/media-viewer
 
+## 54.5.34
+
+### Patch Changes
+
+- Updated dependencies
+
+## 54.5.33
+
+### Patch Changes
+
+- [`be5f53435795e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be5f53435795e) -
+  Cleanup feature gate `platform_media_a11y_suppression_fixes`. The accessible wrapper behavior is
+  now permanent in media card, viewer, and filmstrip.
+
 ## 54.5.32
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -10,7 +10,7 @@ exports.packageVersion = exports.packageName = void 0;
 var _analytics = require("@atlaskit/media-common/analytics");
 var componentName = exports.component = exports.componentName = 'mediaViewer';
 var packageName = exports.packageName = "@atlaskit/media-viewer";
-var packageVersion = exports.packageVersion = "54.5.31";
+var packageVersion = exports.packageVersion = "54.5.33";
 function getFileAttributes(fileState) {
   if (!fileState) {
     return {

package/dist/cjs/analytics/ufoExperiences.js

@@ -13,7 +13,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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-viewer";
-var packageVersion = "54.5.31";
+var packageVersion = "54.5.33";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/styleWrappers.js

@@ -16,7 +16,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactScrolllock = require("react-scrolllock");
 var _useCallbackRef = require("use-callback-ref");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _excluded = ["canDrag", "isDragging", "shouldPixelate", "data-testid", "src", "style", "onLoad", "onError", "alt", "className"];
@@ -247,10 +246,8 @@ var ImageWrapper = exports.ImageWrapper = /*#__PURE__*/(0, _react.forwardRef)(fu
     onClick = _ref19.onClick,
     style = _ref19.style,
     className = _ref19.className;
-  var a11yProps = (0, _platformFeatureFlags.fg)('platform_media_a11y_suppression_fixes') ? {
-    role: 'none'
-  } : {};
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, a11yProps, {
+  return /*#__PURE__*/React.createElement("div", {
+    role: "none",
     "data-testid": datatestId,
     onClick: onClick,
     ref: ref,
@@ -259,7 +256,7 @@ var ImageWrapper = exports.ImageWrapper = /*#__PURE__*/(0, _react.forwardRef)(fu
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: (0, _runtime.ax)(["_1reo1wug _18m91wug _1bsbauwl _4t3i1kxc _y3gn1h6o _s7n4nkob _o5721q9c", className])
-  }), children);
+  }, children);
 });
 var BaselineExtend = exports.BaselineExtend = function BaselineExtend() {
   return /*#__PURE__*/React.createElement("div", {

package/dist/cjs/viewers/archiveSidebar/styleWrappers.js

@@ -12,7 +12,6 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _reactIntl = require("react-intl");
 var _mediaUi = require("@atlaskit/media-ui");
-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); }
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var ARCHIVE_SIDE_BAR_WIDTH = exports.ARCHIVE_SIDE_BAR_WIDTH = 300;
@@ -60,17 +59,13 @@ var ArchiveDownloadButtonWrapper = exports.ArchiveDownloadButtonWrapper = functi
   var children = _ref4.children,
     _onClick = _ref4.onClick;
   var intl = (0, _reactIntl.useIntl)();
-  return (0, _platformFeatureFlags.fg)('platform_media_a11y_suppression_fixes') ? /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React.createElement("button", {
     "aria-label": intl.formatMessage(_mediaUi.messages.archive_download_label_assistive_text),
     onClick: function onClick(event) {
       return _onClick && _onClick(event);
     },
     "data-testid": "media-archiveDownloadButton",
     className: (0, _runtime.ax)(["_kkk2n7od _1e0c1ule _1ah3v77o _128mdkaa _mizu1v1w _ra3xnqa1", "_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1qamtlke _1di6fcek"])
-  }, children) : /*#__PURE__*/React.createElement("div", {
-    onClick: _onClick,
-    "data-testid": "media-archiveDownloadButton",
-    className: (0, _runtime.ax)(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1qamtlke _1di6fcek"])
   }, children);
 };
 var DisabledArchiveDownloadButtonWrapper = exports.DisabledArchiveDownloadButtonWrapper = function DisabledArchiveDownloadButtonWrapper(_ref5) {

package/dist/cjs/viewers/svg/ImageWrapper-compiled.js

@@ -1,7 +1,6 @@
 /* ImageWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,9 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ImageWrapper = void 0;
 require("./ImageWrapper-compiled.compiled.css");
 var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-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 imageWrapperStyles = null;
 var dynamicImageWrapperStyles = null;
@@ -19,13 +16,11 @@ var ImageWrapper = exports.ImageWrapper = /*#__PURE__*/(0, _react.forwardRef)(fu
   var children = _ref.children,
     onClick = _ref.onClick,
     isHidden = _ref.isHidden;
-  var a11yProps = (0, _platformFeatureFlags.fg)('platform_media_a11y_suppression_fixes') ? {
-    role: 'none'
-  } : {};
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, a11yProps, {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    role: "none",
     "data-testid": "media-viewer-svg-wrapper",
     onClick: onClick,
     ref: ref,
     className: (0, _runtime.ax)(["_1reo1wug _18m91wug _1bsbauwl _4t3i1kxc _y3gn1h6o _s7n4nkob _o5721q9c", isHidden && "_1reo15vq _18m915vq"])
-  }), children);
+  }, children);
 });

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
 const componentName = 'mediaViewer';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "54.5.31";
+const packageVersion = "54.5.33";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/es2019/analytics/ufoExperiences.js

@@ -3,7 +3,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "54.5.31";
+const packageVersion = "54.5.33";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/styleWrappers.js

@@ -8,7 +8,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useMemo } from 'react';
 import { TouchScrollable } from 'react-scrolllock';
 import { useMergeRefs } from 'use-callback-ref';
-import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import Heading from '@atlaskit/heading';
@@ -219,10 +218,8 @@ export const ImageWrapper = /*#__PURE__*/forwardRef(({
   style,
   className
 }, ref) => {
-  const a11yProps = fg('platform_media_a11y_suppression_fixes') ? {
-    role: 'none'
-  } : {};
-  return /*#__PURE__*/React.createElement("div", _extends({}, a11yProps, {
+  return /*#__PURE__*/React.createElement("div", {
+    role: "none",
     "data-testid": datatestId,
     onClick: onClick,
     ref: ref,
@@ -231,7 +228,7 @@ export const ImageWrapper = /*#__PURE__*/forwardRef(({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: ax(["_1reo1wug _18m91wug _1bsbauwl _4t3i1kxc _y3gn1h6o _s7n4nkob _o5721q9c", className])
-  }), children);
+  }, children);
 });
 export const BaselineExtend = () => /*#__PURE__*/React.createElement("div", {
   className: ax(["_4t3i1osq _1e0c1o8l _s7n4nkob"])

package/dist/es2019/viewers/archiveSidebar/styleWrappers.js

@@ -7,7 +7,6 @@ import { forwardRef } from 'react';
 
 import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
-import { fg } from '@atlaskit/platform-feature-flags';
 export const ARCHIVE_SIDE_BAR_WIDTH = 300;
 const archiveItemViewerWrapperStyles = null;
 const archiveSideBarStyles = null;
@@ -54,15 +53,11 @@ export const ArchiveDownloadButtonWrapper = ({
   onClick
 }) => {
   const intl = useIntl();
-  return fg('platform_media_a11y_suppression_fixes') ? /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React.createElement("button", {
     "aria-label": intl.formatMessage(messages.archive_download_label_assistive_text),
     onClick: event => onClick && onClick(event),
     "data-testid": "media-archiveDownloadButton",
     className: ax(["_kkk2n7od _1e0c1ule _1ah3v77o _128mdkaa _mizu1v1w _ra3xnqa1", "_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1qamtlke _1di6fcek"])
-  }, children) : /*#__PURE__*/React.createElement("div", {
-    onClick: onClick,
-    "data-testid": "media-archiveDownloadButton",
-    className: ax(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1qamtlke _1di6fcek"])
   }, children);
 };
 export const DisabledArchiveDownloadButtonWrapper = ({

package/dist/es2019/viewers/svg/ImageWrapper-compiled.js

@@ -1,9 +1,7 @@
 /* ImageWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./ImageWrapper-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 const imageWrapperStyles = null;
 const dynamicImageWrapperStyles = null;
 export const ImageWrapper = /*#__PURE__*/forwardRef(({
@@ -11,13 +9,11 @@ export const ImageWrapper = /*#__PURE__*/forwardRef(({
   onClick,
   isHidden
 }, ref) => {
-  const a11yProps = fg('platform_media_a11y_suppression_fixes') ? {
-    role: 'none'
-  } : {};
-  return /*#__PURE__*/React.createElement("div", _extends({}, a11yProps, {
+  return /*#__PURE__*/React.createElement("div", {
+    role: "none",
     "data-testid": "media-viewer-svg-wrapper",
     onClick: onClick,
     ref: ref,
     className: ax(["_1reo1wug _18m91wug _1bsbauwl _4t3i1kxc _y3gn1h6o _s7n4nkob _o5721q9c", isHidden && "_1reo15vq _18m915vq"])
-  }), children);
+  }, children);
 });

package/dist/esm/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
 var componentName = 'mediaViewer';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "54.5.31";
+var packageVersion = "54.5.33";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/esm/analytics/ufoExperiences.js

@@ -6,7 +6,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "54.5.31";
+var packageVersion = "54.5.33";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/styleWrappers.js

@@ -13,7 +13,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { forwardRef, useMemo } from 'react';
 import { TouchScrollable } from 'react-scrolllock';
 import { useMergeRefs } from 'use-callback-ref';
-import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import Heading from '@atlaskit/heading';
@@ -239,10 +238,8 @@ export var ImageWrapper = /*#__PURE__*/forwardRef(function (_ref19, ref) {
     onClick = _ref19.onClick,
     style = _ref19.style,
     className = _ref19.className;
-  var a11yProps = fg('platform_media_a11y_suppression_fixes') ? {
-    role: 'none'
-  } : {};
-  return /*#__PURE__*/React.createElement("div", _extends({}, a11yProps, {
+  return /*#__PURE__*/React.createElement("div", {
+    role: "none",
     "data-testid": datatestId,
     onClick: onClick,
     ref: ref,
@@ -251,7 +248,7 @@ export var ImageWrapper = /*#__PURE__*/forwardRef(function (_ref19, ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: ax(["_1reo1wug _18m91wug _1bsbauwl _4t3i1kxc _y3gn1h6o _s7n4nkob _o5721q9c", className])
-  }), children);
+  }, children);
 });
 export var BaselineExtend = function BaselineExtend() {
   return /*#__PURE__*/React.createElement("div", {

package/dist/esm/viewers/archiveSidebar/styleWrappers.js

@@ -7,7 +7,6 @@ import { forwardRef } from 'react';
 
 import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
-import { fg } from '@atlaskit/platform-feature-flags';
 export var ARCHIVE_SIDE_BAR_WIDTH = 300;
 var archiveItemViewerWrapperStyles = null;
 var archiveSideBarStyles = null;
@@ -53,17 +52,13 @@ export var ArchiveDownloadButtonWrapper = function ArchiveDownloadButtonWrapper(
   var children = _ref4.children,
     _onClick = _ref4.onClick;
   var intl = useIntl();
-  return fg('platform_media_a11y_suppression_fixes') ? /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React.createElement("button", {
     "aria-label": intl.formatMessage(messages.archive_download_label_assistive_text),
     onClick: function onClick(event) {
       return _onClick && _onClick(event);
     },
     "data-testid": "media-archiveDownloadButton",
     className: ax(["_kkk2n7od _1e0c1ule _1ah3v77o _128mdkaa _mizu1v1w _ra3xnqa1", "_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1qamtlke _1di6fcek"])
-  }, children) : /*#__PURE__*/React.createElement("div", {
-    onClick: _onClick,
-    "data-testid": "media-archiveDownloadButton",
-    className: ax(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1qamtlke _1di6fcek"])
   }, children);
 };
 export var DisabledArchiveDownloadButtonWrapper = function DisabledArchiveDownloadButtonWrapper(_ref5) {

package/dist/esm/viewers/svg/ImageWrapper-compiled.js

@@ -1,22 +1,18 @@
 /* ImageWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./ImageWrapper-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 var imageWrapperStyles = null;
 var dynamicImageWrapperStyles = null;
 export var ImageWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     onClick = _ref.onClick,
     isHidden = _ref.isHidden;
-  var a11yProps = fg('platform_media_a11y_suppression_fixes') ? {
-    role: 'none'
-  } : {};
-  return /*#__PURE__*/React.createElement("div", _extends({}, a11yProps, {
+  return /*#__PURE__*/React.createElement("div", {
+    role: "none",
     "data-testid": "media-viewer-svg-wrapper",
     onClick: onClick,
     ref: ref,
     className: ax(["_1reo1wug _18m91wug _1bsbauwl _4t3i1kxc _y3gn1h6o _s7n4nkob _o5721q9c", isHidden && "_1reo15vq _18m915vq"])
-  }), children);
+  }, children);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "54.5.32",
+	"version": "54.5.34",
 	"description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,7 +54,7 @@
 		"@atlaskit/spinner": "^20.1.0",
 		"@atlaskit/textfield": "^10.0.0",
 		"@atlaskit/theme": "^27.0.0",
-		"@atlaskit/tmp-editor-statsig": "^142.0.0",
+		"@atlaskit/tmp-editor-statsig": "^143.0.0",
 		"@atlaskit/tokens": "^16.4.0",
 		"@atlaskit/tooltip": "^24.0.0",
 		"@atlaskit/ufo": "^1.0.0",
@@ -92,7 +92,7 @@
 		"@atlaskit/media-test-helpers": "^42.2.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/toggle": "^17.1.0",
-		"@atlassian/a11y-jest-testing": "^0.14.0",
+		"@atlassian/a11y-jest-testing": "^0.15.0",
 		"@atlassian/feature-flags-test-utils": "^1.2.0",
 		"@atlassian/testing-library": "^0.11.0",
 		"@atlassian/ufo": "^0.9.0",
@@ -132,9 +132,6 @@
 		"platform_media_react19_support": {
 			"type": "boolean"
 		},
-		"platform_media_a11y_suppression_fixes": {
-			"type": "boolean"
-		},
 		"platform_media_a11y_nav_button_labels": {
 			"type": "boolean"
 		},