@atlaskit/media-ui 28.3.3 → 28.4.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/media-ui
 
+## 28.4.0
+
+### Minor Changes
+
+- [#175834](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175834)
+  [`f10fd5e7fb66f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f10fd5e7fb66f) -
+  Enable Delete API for captions
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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

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.2";
+var packageVersion = "28.3.4";
 
 // @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/captions/apiFeedback.js

@@ -17,30 +17,36 @@ function ApiFeedback(_ref) {
     successDescription = _ref.successDescription,
     errorDescription = _ref.errorDescription,
     intl = _ref.intl;
+  var flag;
+  if (notificationType === 'success') {
+    flag = /*#__PURE__*/_react.default.createElement(_flag.AutoDismissFlag, {
+      id: 'success',
+      icon: /*#__PURE__*/_react.default.createElement(_successCheckCircle.default, {
+        label: "Success",
+        color: "var(--ds-icon-success, #22A06B)",
+        LEGACY_size: "medium",
+        spacing: "spacious"
+      }),
+      key: 'success',
+      title: intl.formatMessage(_messages.messages.success),
+      description: successDescription
+    });
+  } else if (notificationType === 'error') {
+    flag = /*#__PURE__*/_react.default.createElement(_flag.AutoDismissFlag, {
+      id: 'error',
+      icon: /*#__PURE__*/_react.default.createElement(_error.default, {
+        label: "Error",
+        color: "var(--ds-icon-danger, #C9372C)",
+        LEGACY_size: "medium",
+        spacing: "spacious"
+      }),
+      key: 'error',
+      title: intl.formatMessage(_messages.messages.error),
+      description: errorDescription
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_flag.FlagGroup, {
     onDismissed: onDismissed
-  }, notificationType === 'success' ? /*#__PURE__*/_react.default.createElement(_flag.AutoDismissFlag, {
-    id: 'success',
-    icon: /*#__PURE__*/_react.default.createElement(_successCheckCircle.default, {
-      label: "Success",
-      color: "var(--ds-icon-success, #22A06B)",
-      LEGACY_size: "medium",
-      spacing: "spacious"
-    }),
-    key: 'success',
-    title: intl.formatMessage(_messages.messages.success),
-    description: successDescription
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), notificationType === 'error' ? /*#__PURE__*/_react.default.createElement(_flag.AutoDismissFlag, {
-    id: 'error',
-    icon: /*#__PURE__*/_react.default.createElement(_error.default, {
-      label: "Error",
-      color: "var(--ds-icon-danger, #C9372C)",
-      LEGACY_size: "medium",
-      spacing: "spacious"
-    }),
-    key: 'error',
-    title: intl.formatMessage(_messages.messages.error),
-    description: errorDescription
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
+  }, flag);
 }
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(ApiFeedback);

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.2";
-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.4";
+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);