@atlaskit/media-ui 29.3.1 → 30.0.1

package/dist/es2019/customMediaPlayer/mediaPlayer/captionsAdminControls.js

@@ -7,9 +7,9 @@ import Tooltip from '@atlaskit/tooltip';
 import { injectIntl } from 'react-intl';
 import { formatLocale } from './captions';
 import MediaButton from '../../MediaButton';
-import { popupCustomStyles, createPopupSelectComponentsWithIcon } from '../dropdownControlCommon';
+import { popupCustomStyles, createPopupSelectComponentsWithIcon, popperProps, getPopperPropsForFullscreen } from '../dropdownControlCommon';
 import { PopupSelect } from '@atlaskit/select';
-import { popperProps } from '../dropdownControlCommon';
+import { fg } from '@atlaskit/platform-feature-flags';
 const ADD_CAPTIONS_VALUE = 'add-captions';
 const OptionIcon = ({
   value
@@ -31,7 +31,8 @@ export const _CaptionsAdminControls = ({
   intl,
   textTracks = {},
   onUpload,
-  onDelete
+  onDelete,
+  isFullScreen = false
 }) => {
   const manageCaptions = intl.formatMessage(messages.manage_captions);
   const addCaptions = intl.formatMessage(messages.add_captions);
@@ -83,7 +84,7 @@ export const _CaptionsAdminControls = ({
       })
     })),
     styles: popupCustomStyles,
-    popperProps: popperProps
+    popperProps: fg('platform_editor_video_caption_commit') ? getPopperPropsForFullscreen(isFullScreen) : popperProps
   });
 };
 export const CaptionsAdminControls = injectIntl(_CaptionsAdminControls);

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

@@ -7,14 +7,16 @@ import { messages } from '../../messages';
 import { formatLocale } from './captions';
 import { PopupSelect } from '@atlaskit/select';
 import MediaButton from '../../MediaButton';
-import { popperProps, popupCustomStyles, popupSelectComponents } from '../dropdownControlCommon';
+import { popperProps, popupCustomStyles, popupSelectComponents, getPopperPropsForFullscreen } from '../dropdownControlCommon';
+import { fg } from '@atlaskit/platform-feature-flags';
 const CaptionsSelectControlsWithIntl = /*#__PURE__*/memo(({
   textTracks,
   onSelected,
   intl,
   areCaptionsEnabled,
   onCaptionsEnabledChange,
-  selectedTracksIndex
+  selectedTracksIndex,
+  isFullScreen = false
 }) => {
   const closedCaptions = useMemo(() => intl.formatMessage(messages.video_captions_enable), [intl]);
   const selectCaptions = useMemo(() => intl.formatMessage(messages.video_captions_select_captions), [intl]);
@@ -70,7 +72,7 @@ const CaptionsSelectControlsWithIntl = /*#__PURE__*/memo(({
       })
     })),
     styles: popupCustomStyles,
-    popperProps: popperProps
+    popperProps: fg('platform_editor_video_caption_commit') ? getPopperPropsForFullscreen(isFullScreen) : popperProps
   }));
 });
 export const CaptionsSelectControls = injectIntl(CaptionsSelectControlsWithIntl);

package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayer.js

@@ -6,7 +6,7 @@ import { MediaPlayerBase } from './mediaPlayerBase';
 import { useTextTracks } from './useTextTracks';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "29.3.0";
+const packageVersion = "30.0.0";
 export const MediaPlayerWihtoutContext = ({
   onPlay,
   ...props

package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayerBase.js

@@ -196,7 +196,8 @@ class _MediaPlayerBase extends Component {
     _defineProperty(this, "shouldRenderSpeedControls", () => breakpointControls.speedControls(this.state.playerWidth));
     _defineProperty(this, "renderSpeedControls", () => {
       const {
-        playbackSpeed
+        playbackSpeed,
+        isFullScreenEnabled
       } = this.state;
       const {
         originalDimensions
@@ -205,7 +206,8 @@ class _MediaPlayerBase extends Component {
         originalDimensions: originalDimensions,
         playbackSpeed: playbackSpeed,
         onPlaybackSpeedChange: this.onPlaybackSpeedChange,
-        onClick: () => this.createAndFireUIEvent('mediaButtonClick', 'playbackSpeedButton')
+        onClick: () => this.createAndFireUIEvent('mediaButtonClick', 'playbackSpeedButton'),
+        isFullScreen: isFullScreenEnabled
       });
     });
     _defineProperty(this, "shouldRenderVolume", () => breakpointControls.volume(this.state.playerWidth));
@@ -543,12 +545,16 @@ class _MediaPlayerBase extends Component {
       const {
         areCaptionsEnabled
       } = this.props;
+      const {
+        isFullScreenEnabled
+      } = this.state;
       return textTracks && /*#__PURE__*/React.createElement(CaptionsSelectControls, {
         textTracks: textTracks,
         onSelected: this.onTextTracksSelected,
         areCaptionsEnabled: !!areCaptionsEnabled,
         onCaptionsEnabledChange: this.onCaptionsEnabledChange,
-        selectedTracksIndex: selectedTrackIndex
+        selectedTracksIndex: selectedTrackIndex,
+        isFullScreen: isFullScreenEnabled
       });
     });
     _defineProperty(this, "shouldRenderCaptionsAdminControls", () => {
@@ -561,7 +567,8 @@ class _MediaPlayerBase extends Component {
     _defineProperty(this, "renderCaptionsAdminControls", () => {
       const {
         isArtifactUploaderOpen,
-        artifactToDelete
+        artifactToDelete,
+        isFullScreenEnabled
       } = this.state;
       const {
         textTracks,
@@ -572,7 +579,8 @@ class _MediaPlayerBase extends Component {
         onUpload: () => this.setState({
           isArtifactUploaderOpen: true
         }),
-        onDelete: this.onCaptionDelete
+        onDelete: this.onCaptionDelete,
+        isFullScreen: isFullScreenEnabled
       }), /*#__PURE__*/React.createElement(CaptionsUploaderBrowser, {
         identifier: identifier,
         isOpen: isArtifactUploaderOpen,

package/dist/es2019/customMediaPlayer/playbackSpeedControls.js

@@ -7,7 +7,8 @@ import Tooltip from '@atlaskit/tooltip';
 import MediaButton from '../MediaButton';
 import { messages } from '../messages';
 import { WidthObserver } from '@atlaskit/width-detector';
-import { popperProps, popupCustomStyles, popupSelectComponents } from './dropdownControlCommon';
+import { popperProps, popupCustomStyles, popupSelectComponents, getPopperPropsForFullscreen } from './dropdownControlCommon';
+import { fg } from '@atlaskit/platform-feature-flags';
 export class PlaybackSpeedControls extends Component {
   constructor(...args) {
     super(...args);
@@ -68,7 +69,8 @@ export class PlaybackSpeedControls extends Component {
     const {
       playbackSpeed,
       intl,
-      onClick
+      onClick,
+      isFullScreen = false
     } = this.props;
     const {
       popupHeight
@@ -100,7 +102,7 @@ export class PlaybackSpeedControls extends Component {
         "aria-expanded": isOpen
       }, playbackSpeed, "x")),
       styles: popupCustomStyles,
-      popperProps: popperProps
+      popperProps: fg('platform_editor_video_caption_commit') ? getPopperPropsForFullscreen(isFullScreen) : popperProps
     }));
   }
 }

package/dist/es2019/test-helpers/index.js

@@ -1,6 +1,5 @@
 export { atlassianLogoUrl } from './atlassianLogoUrl';
 export { mockFileReader, mockFileReaderWithError, unmockFileReader, mockFileReaderError } from './fileReader';
 export { enableMockGlobalImage, disableMockGlobalImage } from './MockGlobalImage';
-export { mountWithIntlContext, mountWithIntlWrapper, shallowWithIntlContext } from './mountWithIntlContext';
 export { fakeIntl } from './fakeI18n';
 export { renderWithIntl } from './renderWithIntl';

package/dist/esm/customMediaPlayer/dropdownControlCommon.js

@@ -13,6 +13,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // with the compiled react, we are leaving the static colors in tact for now.
 import React from 'react';
 import { components } from '@atlaskit/select';
+import { getDocument } from '@atlaskit/browser-apis';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Flex } from '@atlaskit/primitives/compiled';
 export var popupCustomStyles = {
@@ -46,6 +47,9 @@ export var popupCustomStyles = {
     });
   }
 };
+
+/** Distance (px) between the trigger element and the popup menu. */
+var POPUP_OFFSET = 10;
 export var popperProps = {
   strategy: 'fixed',
   modifiers: [{
@@ -61,11 +65,62 @@ export var popperProps = {
     name: 'offset',
     enabled: true,
     options: {
-      offset: [0, 10]
+      offset: [0, POPUP_OFFSET]
     }
   }],
   placement: 'top'
 };
+
+/**
+ * Repositions a popup-select element when the video player is in fullscreen mode.
+ *
+ * When fullscreen is active, the browser's Fullscreen API makes the fullscreen element
+ * the containing block for `position: fixed` descendants. Popper.js computes transform
+ * coordinates assuming the viewport is the containing block, which results in the popup
+ * being rendered off-screen inside the fullscreen container.
+ *
+ * This function is called by Popper's `onFirstUpdate` callback with the Popper state,
+ * which provides direct references to both the popup and trigger elements — avoiding
+ * fragile DOM traversal like `previousElementSibling`.
+ */
+var repositionPopupInFullscreen = function repositionPopupInFullscreen(state) {
+  var _getDocument, _state$elements, _state$elements2;
+  var fullscreenEl = (_getDocument = getDocument()) === null || _getDocument === void 0 ? void 0 : _getDocument.fullscreenElement;
+  if (!fullscreenEl) {
+    return;
+  }
+  var popupEl = (_state$elements = state.elements) === null || _state$elements === void 0 ? void 0 : _state$elements.popper;
+  var triggerEl = (_state$elements2 = state.elements) === null || _state$elements2 === void 0 ? void 0 : _state$elements2.reference;
+  if (!popupEl || !triggerEl || !fullscreenEl.contains(popupEl) || !popupEl.isConnected) {
+    return;
+  }
+  var triggerRect = triggerEl.getBoundingClientRect();
+  var popupRect = popupEl.getBoundingClientRect();
+  var left = Math.round(Math.max(0, Math.min(fullscreenEl.clientWidth - popupRect.width, triggerRect.left + triggerRect.width / 2 - popupRect.width / 2)));
+  var bottom = Math.round(fullscreenEl.clientHeight - triggerRect.top + POPUP_OFFSET);
+  popupEl.style.setProperty('position', 'fixed');
+  popupEl.style.setProperty('inset', "auto auto ".concat(bottom, "px ").concat(left, "px"));
+  popupEl.style.setProperty('transform', 'none');
+};
+var fullscreenPopperProps = _objectSpread(_objectSpread({}, popperProps), {}, {
+  onFirstUpdate: function onFirstUpdate(state) {
+    // Double rAF ensures the popup content has rendered so we get accurate dimensions
+    requestAnimationFrame(function () {
+      requestAnimationFrame(function () {
+        repositionPopupInFullscreen(state);
+      });
+    });
+  }
+});
+
+/**
+ * Returns the appropriate popperProps based on fullscreen state.
+ * When in fullscreen, includes an `onFirstUpdate` callback that repositions the popup
+ * after Popper's initial (incorrect) positioning.
+ */
+export var getPopperPropsForFullscreen = function getPopperPropsForFullscreen(isFullScreen) {
+  return isFullScreen ? fullscreenPopperProps : popperProps;
+};
 var selectOptionStyles = {
   root: "_1di6r5ow"
 };

package/dist/esm/customMediaPlayer/index.js

@@ -7,7 +7,7 @@ export var CustomMediaPlayerBase = function CustomMediaPlayerBase(props) {
   return /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "29.3.0";
+var packageVersion = "30.0.0";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 export var CustomMediaPlayer = withMediaAnalyticsContext({

package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/languageDetector.js

@@ -93,7 +93,7 @@ var detectVtt = function detectVtt(file, _content) {
 export var detectLanguage = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
     var reader, result;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           reader = new FileReader();
@@ -114,7 +114,7 @@ export var detectLanguage = /*#__PURE__*/function () {
           });
           reader.readAsText(file);
           return _context.abrupt("return", result);
-        case 4:
+        case 1:
         case "end":
           return _context.stop();
       }

package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.js

@@ -19,40 +19,40 @@ import { detectLanguage } from './languageDetector';
 var detectLocale = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file, intl) {
     var detectedLocale, defaultLocale, customLocale;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 2;
+          _context.next = 1;
           return detectLanguage(file);
-        case 2:
+        case 1:
           detectedLocale = _context.sent;
           if (!detectedLocale) {
-            _context.next = 9;
+            _context.next = 3;
             break;
           }
           defaultLocale = defaultLocales.find(function (l) {
             return l.value === detectedLocale;
           });
           if (!defaultLocale) {
-            _context.next = 7;
+            _context.next = 2;
             break;
           }
           return _context.abrupt("return", {
             selectedLocale: defaultLocale,
             locales: defaultLocales
           });
-        case 7:
+        case 2:
           customLocale = customLocaleOption(intl, detectedLocale);
           return _context.abrupt("return", {
             selectedLocale: customLocale,
             locales: [].concat(_toConsumableArray(defaultLocales), [customLocale])
           });
-        case 9:
+        case 3:
           return _context.abrupt("return", {
             selectedLocale: defaultLocales[0],
             locales: defaultLocales
           });
-        case 10:
+        case 4:
         case "end":
           return _context.stop();
       }
@@ -93,27 +93,27 @@ function UploadCaptionsForm(_ref2) {
   };
   var submit = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (!(selectedLocale && file)) {
-              _context2.next = 9;
+              _context2.next = 3;
               break;
             }
             setIsUploading(true);
-            _context2.prev = 2;
-            _context2.next = 5;
+            _context2.prev = 1;
+            _context2.next = 2;
             return uploadFn(file, selectedLocale.value);
-          case 5:
-            _context2.prev = 5;
+          case 2:
+            _context2.prev = 2;
             setIsUploading(false);
             close();
-            return _context2.finish(5);
-          case 9:
+            return _context2.finish(2);
+          case 3:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[2,, 5, 9]]);
+      }, _callee2, null, [[1,, 2, 3]]);
     }));
     return function submit() {
       return _ref3.apply(this, arguments);

package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploader.js

@@ -5,38 +5,38 @@ import { getRandomTelemetryId } from '@atlaskit/media-common';
 export var createUploadCaptionsFn = function createUploadCaptionsFn(mediaClient, identifier, onStart, onEnd, onError) {
   return /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file, locale) {
-      var context, result;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      var context, result, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             context = {
               traceId: getRandomTelemetryId()
             };
             if (!file) {
-              _context.next = 13;
+              _context.next = 4;
               break;
             }
             onStart === null || onStart === void 0 || onStart(file, context);
-            _context.prev = 3;
-            _context.next = 6;
+            _context.prev = 1;
+            _context.next = 2;
             return mediaClient.file.uploadArtifact(identifier.id, file, {
               type: 'caption',
               language: locale
             }, identifier.collectionName, context);
-          case 6:
+          case 2:
             result = _context.sent;
             onEnd === null || onEnd === void 0 || onEnd(result, context);
-            _context.next = 13;
+            _context.next = 4;
             break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](3);
-            onError === null || onError === void 0 || onError(parseError(_context.t0), context);
-          case 13:
+          case 3:
+            _context.prev = 3;
+            _t = _context["catch"](1);
+            onError === null || onError === void 0 || onError(parseError(_t), context);
+          case 4:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[3, 10]]);
+      }, _callee, null, [[1, 3]]);
     }));
     return function (_x, _x2) {
       return _ref.apply(this, arguments);

package/dist/esm/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.js

@@ -59,30 +59,30 @@ var _default_1 = injectIntl(CaptionDeleteConfirmationModal);
 export default _default_1;
 var deleteCaption = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(mediaClient, identifier, artifactName, onStart, onEnd, onError) {
-    var traceContext;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var traceContext, _t;
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           traceContext = {
             traceId: getRandomTelemetryId()
           };
           onStart === null || onStart === void 0 || onStart(traceContext);
-          _context.prev = 2;
-          _context.next = 5;
+          _context.prev = 1;
+          _context.next = 2;
           return mediaClient.file.deleteArtifact(identifier.id, artifactName, identifier.collectionName, traceContext);
-        case 5:
+        case 2:
           onEnd === null || onEnd === void 0 || onEnd(traceContext);
-          _context.next = 11;
+          _context.next = 4;
           break;
-        case 8:
-          _context.prev = 8;
-          _context.t0 = _context["catch"](2);
-          onError === null || onError === void 0 || onError(parseError(_context.t0), artifactName, traceContext);
-        case 11:
+        case 3:
+          _context.prev = 3;
+          _t = _context["catch"](1);
+          onError === null || onError === void 0 || onError(parseError(_t), artifactName, traceContext);
+        case 4:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[2, 8]]);
+    }, _callee, null, [[1, 3]]);
   }));
   return function deleteCaption(_x, _x2, _x3, _x4, _x5, _x6) {
     return _ref2.apply(this, arguments);

package/dist/esm/customMediaPlayer/mediaPlayer/captionsAdminControls.js

@@ -8,9 +8,9 @@ import Tooltip from '@atlaskit/tooltip';
 import { injectIntl } from 'react-intl';
 import { formatLocale } from './captions';
 import MediaButton from '../../MediaButton';
-import { popupCustomStyles, createPopupSelectComponentsWithIcon } from '../dropdownControlCommon';
+import { popupCustomStyles, createPopupSelectComponentsWithIcon, popperProps, getPopperPropsForFullscreen } from '../dropdownControlCommon';
 import { PopupSelect } from '@atlaskit/select';
-import { popperProps } from '../dropdownControlCommon';
+import { fg } from '@atlaskit/platform-feature-flags';
 var ADD_CAPTIONS_VALUE = 'add-captions';
 var OptionIcon = function OptionIcon(_ref) {
   var value = _ref.value;
@@ -32,7 +32,9 @@ export var _CaptionsAdminControls = function _CaptionsAdminControls(_ref2) {
     _ref2$textTracks = _ref2.textTracks,
     textTracks = _ref2$textTracks === void 0 ? {} : _ref2$textTracks,
     onUpload = _ref2.onUpload,
-    onDelete = _ref2.onDelete;
+    onDelete = _ref2.onDelete,
+    _ref2$isFullScreen = _ref2.isFullScreen,
+    isFullScreen = _ref2$isFullScreen === void 0 ? false : _ref2$isFullScreen;
   var manageCaptions = intl.formatMessage(messages.manage_captions);
   var addCaptions = intl.formatMessage(messages.add_captions);
   var popupSelectOptions = useMemo(function () {
@@ -86,7 +88,7 @@ export var _CaptionsAdminControls = function _CaptionsAdminControls(_ref2) {
       }));
     },
     styles: popupCustomStyles,
-    popperProps: popperProps
+    popperProps: fg('platform_editor_video_caption_commit') ? getPopperPropsForFullscreen(isFullScreen) : popperProps
   });
 };
 export var CaptionsAdminControls = injectIntl(_CaptionsAdminControls);

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

@@ -8,14 +8,17 @@ import { messages } from '../../messages';
 import { formatLocale } from './captions';
 import { PopupSelect } from '@atlaskit/select';
 import MediaButton from '../../MediaButton';
-import { popperProps, popupCustomStyles, popupSelectComponents } from '../dropdownControlCommon';
+import { popperProps, popupCustomStyles, popupSelectComponents, getPopperPropsForFullscreen } from '../dropdownControlCommon';
+import { fg } from '@atlaskit/platform-feature-flags';
 var CaptionsSelectControlsWithIntl = /*#__PURE__*/memo(function (_ref) {
   var textTracks = _ref.textTracks,
     onSelected = _ref.onSelected,
     intl = _ref.intl,
     areCaptionsEnabled = _ref.areCaptionsEnabled,
     onCaptionsEnabledChange = _ref.onCaptionsEnabledChange,
-    selectedTracksIndex = _ref.selectedTracksIndex;
+    selectedTracksIndex = _ref.selectedTracksIndex,
+    _ref$isFullScreen = _ref.isFullScreen,
+    isFullScreen = _ref$isFullScreen === void 0 ? false : _ref$isFullScreen;
   var closedCaptions = useMemo(function () {
     return intl.formatMessage(messages.video_captions_enable);
   }, [intl]);
@@ -83,7 +86,7 @@ var CaptionsSelectControlsWithIntl = /*#__PURE__*/memo(function (_ref) {
       }));
     },
     styles: popupCustomStyles,
-    popperProps: popperProps
+    popperProps: fg('platform_editor_video_caption_commit') ? getPopperPropsForFullscreen(isFullScreen) : popperProps
   }));
 });
 export var CaptionsSelectControls = injectIntl(CaptionsSelectControlsWithIntl);

package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayer.js

@@ -8,7 +8,7 @@ import { MediaPlayerBase } from './mediaPlayerBase';
 import { useTextTracks } from './useTextTracks';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "29.3.0";
+var packageVersion = "30.0.0";
 export var MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
   var _onPlay = _ref.onPlay,
     props = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayerBase.js

@@ -230,7 +230,9 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
       return breakpointControls.speedControls(_this.state.playerWidth);
     });
     _defineProperty(_this, "renderSpeedControls", function () {
-      var playbackSpeed = _this.state.playbackSpeed;
+      var _this$state2 = _this.state,
+        playbackSpeed = _this$state2.playbackSpeed,
+        isFullScreenEnabled = _this$state2.isFullScreenEnabled;
       var originalDimensions = _this.props.originalDimensions;
       return /*#__PURE__*/React.createElement(PlaybackSpeedControls, {
         originalDimensions: originalDimensions,
@@ -238,7 +240,8 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
         onPlaybackSpeedChange: _this.onPlaybackSpeedChange,
         onClick: function onClick() {
           return _this.createAndFireUIEvent('mediaButtonClick', 'playbackSpeedButton');
-        }
+        },
+        isFullScreen: isFullScreenEnabled
       });
     });
     _defineProperty(_this, "shouldRenderVolume", function () {
@@ -491,9 +494,9 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
         isHDAvailable = _this$props9.isHDAvailable,
         isHDActive = _this$props9.isHDActive,
         type = _this$props9.type;
-      var _this$state2 = _this.state,
-        isFullScreenEnabled = _this$state2.isFullScreenEnabled,
-        playbackSpeed = _this$state2.playbackSpeed;
+      var _this$state3 = _this.state,
+        isFullScreenEnabled = _this$state3.isFullScreenEnabled,
+        playbackSpeed = _this$state3.playbackSpeed;
       var _this3 = _this,
         playerSize = _this3.playerSize;
       var status = videoState.status,
@@ -565,12 +568,14 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
         _ref2$selectedTrackIn = _ref2.selectedTrackIndex,
         selectedTrackIndex = _ref2$selectedTrackIn === void 0 ? -1 : _ref2$selectedTrackIn;
       var areCaptionsEnabled = _this.props.areCaptionsEnabled;
+      var isFullScreenEnabled = _this.state.isFullScreenEnabled;
       return textTracks && /*#__PURE__*/React.createElement(CaptionsSelectControls, {
         textTracks: textTracks,
         onSelected: _this.onTextTracksSelected,
         areCaptionsEnabled: !!areCaptionsEnabled,
         onCaptionsEnabledChange: _this.onCaptionsEnabledChange,
-        selectedTracksIndex: selectedTrackIndex
+        selectedTracksIndex: selectedTrackIndex,
+        isFullScreen: isFullScreenEnabled
       });
     });
     _defineProperty(_this, "shouldRenderCaptionsAdminControls", function () {
@@ -579,9 +584,10 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
       return (!_this.props.fileState || _this.props.fileState.status !== 'uploading') && breakpointControls.captionsAdminControls(playerWidth) && !!((_this$props$mediaSett = _this.props.mediaSettings) !== null && _this$props$mediaSett !== void 0 && _this$props$mediaSett.canUpdateVideoCaptions);
     });
     _defineProperty(_this, "renderCaptionsAdminControls", function () {
-      var _this$state3 = _this.state,
-        isArtifactUploaderOpen = _this$state3.isArtifactUploaderOpen,
-        artifactToDelete = _this$state3.artifactToDelete;
+      var _this$state4 = _this.state,
+        isArtifactUploaderOpen = _this$state4.isArtifactUploaderOpen,
+        artifactToDelete = _this$state4.artifactToDelete,
+        isFullScreenEnabled = _this$state4.isFullScreenEnabled;
       var _this$props10 = _this.props,
         textTracks = _this$props10.textTracks,
         identifier = _this$props10.identifier;
@@ -592,7 +598,8 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
             isArtifactUploaderOpen: true
           });
         },
-        onDelete: _this.onCaptionDelete
+        onDelete: _this.onCaptionDelete,
+        isFullScreen: isFullScreenEnabled
       }), /*#__PURE__*/React.createElement(CaptionsUploaderBrowser, {
         identifier: identifier,
         isOpen: isArtifactUploaderOpen,
@@ -649,9 +656,9 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
         isHDActive = _this$props11.isHDActive,
         onFirstPlay = _this$props11.onFirstPlay,
         createAnalyticsEvent = _this$props11.createAnalyticsEvent;
-      var _this$state4 = this.state,
-        isFullScreenEnabled = _this$state4.isFullScreenEnabled,
-        playbackSpeed = _this$state4.playbackSpeed;
+      var _this$state5 = this.state,
+        isFullScreenEnabled = _this$state5.isFullScreenEnabled,
+        playbackSpeed = _this$state5.playbackSpeed;
       var playerSize = this.playerSize;
       fireAnalyticsEvent(createCustomMediaPlayerScreenEvent(type, {
         isAutoPlay: isAutoPlay,
@@ -713,9 +720,9 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
         isHDAvailable = _this$props14.isHDAvailable,
         isAutoPlay = _this$props14.isAutoPlay,
         createAnalyticsEvent = _this$props14.createAnalyticsEvent;
-      var _this$state5 = this.state,
-        isFullScreenEnabled = _this$state5.isFullScreenEnabled,
-        playbackSpeed = _this$state5.playbackSpeed;
+      var _this$state6 = this.state,
+        isFullScreenEnabled = _this$state6.isFullScreenEnabled,
+        playbackSpeed = _this$state6.playbackSpeed;
       var playerSize = this.playerSize;
       var playbackState = _objectSpread(_objectSpread({}, this.videoState), {}, {
         isAutoPlay: isAutoPlay,

package/dist/esm/customMediaPlayer/mediaPlayer/testHelpers/_MockedMediaProvider.js

@@ -12,7 +12,7 @@ var createSubscribeFileItem = function createSubscribeFileItem(_ref) {
   var mediaClient = new MediaClient({
     authProvider: function () {
       var _authProvider = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               return _context.abrupt("return", {