@atlaskit/media-ui 28.3.2 → 28.3.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/media-ui
 
+## 28.3.4
+
+### Patch Changes
+
+- [#174609](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/174609)
+  [`cd45180a91d12`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cd45180a91d12) -
+  MediaPlayer component renders controls responsively (with new captions controls)
+
+## 28.3.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 28.3.2
 
 ### Patch Changes

package/dist/cjs/customMediaPlayer/index.js

@@ -16,7 +16,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = function CustomMedia
   return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_indexCompiled.CustomMediaPlayerBase, props) : /*#__PURE__*/_react.default.createElement(_indexEmotion.CustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.3.1";
+var packageVersion = "28.3.3";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var CustomMediaPlayer = exports.CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/customMediaPlayer/mediaPlayer/captionsSelectControls.js

@@ -48,7 +48,8 @@ var _CaptionsSelectControls = exports._CaptionsSelectControls = /*#__PURE__*/(0,
     appearance: areCaptionsEnabled ? 'default' : 'subtle',
     onClick: function onClick() {
       return onCaptionsEnabledChange(!areCaptionsEnabled);
-    }
+    },
+    "aria-label": closedCaptions
   }, "CC")), /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
     placement: "top",
     shouldRenderToParent: true,

package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayer.js

@@ -4,22 +4,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MediaPlayer = void 0;
+exports.MediaPlayerWihtoutContext = exports.MediaPlayer = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _mediaCommon = require("@atlaskit/media-common");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _mediaPlayerBase = require("./mediaPlayerBase");
 var _useTextTracks = require("./useTextTracks");
+var _analyticsNext = require("@atlaskit/analytics-next");
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.3.1";
-var MediaPlayerBaseWithContext = (0, _mediaCommon.withMediaAnalyticsContext)({
-  packageVersion: packageVersion,
-  packageName: packageName,
-  componentName: 'MediaPlayer',
-  component: 'MediaPlayer'
-})(_mediaPlayerBase.MediaPlayerBase);
-var MediaPlayer = exports.MediaPlayer = function MediaPlayer(props) {
+var packageVersion = "28.3.3";
+var MediaPlayerWihtoutContext = exports.MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(props) {
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var mediaSettings = (0, _mediaClientReact.useMediaSettings)();
   var mediaClient = (0, _mediaClientReact.useMediaClient)();
   var _props$identifier = props.identifier,
@@ -30,8 +27,16 @@ var MediaPlayer = exports.MediaPlayer = function MediaPlayer(props) {
     }),
     fileState = _useFileState.fileState;
   var textTracks = (0, _useTextTracks.useTextTracks)(fileState, mediaClient, collectionName);
-  return /*#__PURE__*/_react.default.createElement(MediaPlayerBaseWithContext, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_mediaPlayerBase.MediaPlayerBase, (0, _extends2.default)({}, props, {
+    fileState: fileState,
     mediaSettings: mediaSettings,
-    textTracks: textTracks
+    textTracks: textTracks,
+    createAnalyticsEvent: createAnalyticsEvent
   }));
-};
+};
+var MediaPlayer = exports.MediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({
+  packageVersion: packageVersion,
+  packageName: packageName,
+  componentName: 'MediaPlayer',
+  component: 'MediaPlayer'
+})(MediaPlayerWihtoutContext);