@atlaskit/media-ui 29.3.1 → 30.0.1

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

@@ -236,7 +236,9 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
       return breakpointControls.speedControls(_this.state.playerWidth);
     });
     (0, _defineProperty2.default)(_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.default.createElement(_playbackSpeedControls.default, {
         originalDimensions: originalDimensions,
@@ -244,7 +246,8 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
         onPlaybackSpeedChange: _this.onPlaybackSpeedChange,
         onClick: function onClick() {
           return _this.createAndFireUIEvent('mediaButtonClick', 'playbackSpeedButton');
-        }
+        },
+        isFullScreen: isFullScreenEnabled
       });
     });
     (0, _defineProperty2.default)(_this, "shouldRenderVolume", function () {
@@ -497,9 +500,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,
@@ -571,12 +574,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.default.createElement(_captionsSelectControls.CaptionsSelectControls, {
         textTracks: textTracks,
         onSelected: _this.onTextTracksSelected,
         areCaptionsEnabled: !!areCaptionsEnabled,
         onCaptionsEnabledChange: _this.onCaptionsEnabledChange,
-        selectedTracksIndex: selectedTrackIndex
+        selectedTracksIndex: selectedTrackIndex,
+        isFullScreen: isFullScreenEnabled
       });
     });
     (0, _defineProperty2.default)(_this, "shouldRenderCaptionsAdminControls", function () {
@@ -585,9 +590,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);
     });
     (0, _defineProperty2.default)(_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;
@@ -598,7 +604,8 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
             isArtifactUploaderOpen: true
           });
         },
-        onDelete: _this.onCaptionDelete
+        onDelete: _this.onCaptionDelete,
+        isFullScreen: isFullScreenEnabled
       }), /*#__PURE__*/_react.default.createElement(_artifactUploader.CaptionsUploaderBrowser, {
         identifier: identifier,
         isOpen: isArtifactUploaderOpen,
@@ -655,9 +662,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;
       (0, _analytics.fireAnalyticsEvent)((0, _analytics.createCustomMediaPlayerScreenEvent)(type, {
         isAutoPlay: isAutoPlay,
@@ -719,9 +726,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/cjs/customMediaPlayer/mediaPlayer/testHelpers/_MockedMediaProvider.js

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

package/dist/cjs/customMediaPlayer/playbackSpeedControls.js

@@ -20,6 +20,7 @@ var _MediaButton = _interopRequireDefault(require("../MediaButton"));
 var _messages = require("../messages");
 var _widthDetector = require("@atlaskit/width-detector");
 var _dropdownControlCommon = require("./dropdownControlCommon");
+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); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -90,7 +91,9 @@ var PlaybackSpeedControls = exports.PlaybackSpeedControls = /*#__PURE__*/functio
       var _this$props = this.props,
         playbackSpeed = _this$props.playbackSpeed,
         intl = _this$props.intl,
-        onClick = _this$props.onClick;
+        onClick = _this$props.onClick,
+        _this$props$isFullScr = _this$props.isFullScreen,
+        isFullScreen = _this$props$isFullScr === void 0 ? false : _this$props$isFullScr;
       var popupHeight = this.state.popupHeight;
       var value = this.speedOptions()[0].options.find(function (option) {
         return option.value === playbackSpeed;
@@ -122,7 +125,7 @@ var PlaybackSpeedControls = exports.PlaybackSpeedControls = /*#__PURE__*/functio
           }, playbackSpeed, "x"));
         },
         styles: _dropdownControlCommon.popupCustomStyles,
-        popperProps: _dropdownControlCommon.popperProps
+        popperProps: (0, _platformFeatureFlags.fg)('platform_editor_video_caption_commit') ? (0, _dropdownControlCommon.getPopperPropsForFullscreen)(isFullScreen) : _dropdownControlCommon.popperProps
       }));
     }
   }]);

package/dist/cjs/imageMetaData/index.js

@@ -45,19 +45,19 @@ function getImageInfo(_x) {
 function _getImageInfo() {
   _getImageInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(fileInfo) {
     var metadata, width, height, tags, scaleFactor;
-    return _regenerator.default.wrap(function _callee$(_context) {
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 2;
+          _context.next = 1;
           return readImageMetaData(fileInfo);
-        case 2:
+        case 1:
           metadata = _context.sent;
           if (metadata) {
-            _context.next = 5;
+            _context.next = 2;
             break;
           }
           return _context.abrupt("return", null);
-        case 5:
+        case 2:
           width = metadata.width, height = metadata.height, tags = metadata.tags;
           scaleFactor = getScaleFactor(fileInfo.file, tags);
           return _context.abrupt("return", {
@@ -65,7 +65,7 @@ function _getImageInfo() {
             width: width,
             height: height
           });
-        case 8:
+        case 3:
         case "end":
           return _context.stop();
       }
@@ -111,15 +111,15 @@ function getOrientation(_x2) {
 function _getOrientation() {
   _getOrientation = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(file) {
     var tags;
-    return _regenerator.default.wrap(function _callee2$(_context2) {
+    return _regenerator.default.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          _context2.next = 2;
+          _context2.next = 1;
           return (0, _metatags.readImageMetaTags)(file);
-        case 2:
+        case 1:
           tags = _context2.sent;
           return _context2.abrupt("return", getOrientationFromTags(tags));
-        case 4:
+        case 2:
         case "end":
           return _context2.stop();
       }
@@ -155,17 +155,17 @@ function readImageMetaData(_x3) {
 }
 function _readImageMetaData() {
   _readImageMetaData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(fileInfo) {
-    var file, src, type, width, height, tags, data, img, _readImageNaturalOrie, _width, _height;
-    return _regenerator.default.wrap(function _callee3$(_context3) {
+    var file, src, type, width, height, tags, data, img, _readImageNaturalOrie, _width, _height, _t;
+    return _regenerator.default.wrap(function (_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
           file = fileInfo.file, src = fileInfo.src;
           type = file.type;
           width = 0;
           height = 0;
-          _context3.next = 6;
+          _context3.next = 1;
           return (0, _metatags.readImageMetaTags)(file);
-        case 6:
+        case 1:
           tags = _context3.sent;
           // since we're reading metadata anyway, try to get dimensions from there...
           if (tags && tags.PixelXDimension) {
@@ -189,29 +189,29 @@ function _readImageMetaData() {
            * https://jira.atlassian.com/browse/CONFCLOUD-78275
            * The best way to get accurate dimensions is by loading images into the HTML, which reflects the actual dimensions the browser will render
            */
-          _context3.prev = 10;
-          _context3.next = 13;
+          _context3.prev = 2;
+          _context3.next = 3;
           return (0, _util.loadImage)(src);
-        case 13:
+        case 3:
           img = _context3.sent;
           _readImageNaturalOrie = (0, _util.readImageNaturalOrientationFromDOM)(img), _width = _readImageNaturalOrie.width, _height = _readImageNaturalOrie.height;
           data.width = _width;
           data.height = _height;
           data.naturalWidth = img.naturalWidth;
           data.naturalHeight = img.naturalHeight;
-          _context3.next = 24;
+          _context3.next = 5;
           break;
-        case 21:
-          _context3.prev = 21;
-          _context3.t0 = _context3["catch"](10);
+        case 4:
+          _context3.prev = 4;
+          _t = _context3["catch"](2);
           return _context3.abrupt("return", null);
-        case 24:
+        case 5:
           return _context3.abrupt("return", data);
-        case 25:
+        case 6:
         case "end":
           return _context3.stop();
       }
-    }, _callee3, null, [[10, 21]]);
+    }, _callee3, null, [[2, 4]]);
   }));
   return _readImageMetaData.apply(this, arguments);
 }

package/dist/cjs/imageMetaData/metatags.js

@@ -19,46 +19,46 @@ function readImageMetaTags(_x) {
 }
 function _readImageMetaTags() {
   _readImageMetaTags = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file) {
-    var type, _yield$readPNGXMPMeta, iTXt, pHYs, xmpMetaData;
-    return _regenerator.default.wrap(function _callee$(_context) {
+    var type, _yield$readPNGXMPMeta, iTXt, pHYs, xmpMetaData, _t;
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           type = file.type;
           _context.prev = 1;
           if (!(type === _types.ImageType.PNG)) {
-            _context.next = 12;
+            _context.next = 3;
             break;
           }
-          _context.next = 5;
+          _context.next = 2;
           return (0, _parsePNG.readPNGXMPMetaData)(file);
-        case 5:
+        case 2:
           _yield$readPNGXMPMeta = _context.sent;
           iTXt = _yield$readPNGXMPMeta.iTXt;
           pHYs = _yield$readPNGXMPMeta.pHYs;
           xmpMetaData = _objectSpread(_objectSpread({}, (0, _parsePNGXMP.parseXMPMetaData)(iTXt)), pHYs);
           return _context.abrupt("return", xmpMetaData);
-        case 12:
+        case 3:
           if (!(file.type === _types.ImageType.JPEG)) {
-            _context.next = 16;
+            _context.next = 5;
             break;
           }
-          _context.next = 15;
+          _context.next = 4;
           return (0, _parseJPEG.readJPEGExifMetaData)(file);
-        case 15:
+        case 4:
           return _context.abrupt("return", _context.sent);
-        case 16:
-          _context.next = 20;
+        case 5:
+          _context.next = 7;
           break;
-        case 18:
-          _context.prev = 18;
-          _context.t0 = _context["catch"](1);
-        case 20:
+        case 6:
+          _context.prev = 6;
+          _t = _context["catch"](1);
+        case 7:
           return _context.abrupt("return", null);
-        case 21:
+        case 8:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[1, 18]]);
+    }, _callee, null, [[1, 6]]);
   }));
   return _readImageMetaTags.apply(this, arguments);
 }

package/dist/cjs/imageMetaData/parseJPEG.js

@@ -18,21 +18,21 @@ function readJPEGExifMetaData(file) {
   return new Promise( /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(resolve, reject) {
       var module;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      return _regenerator.default.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (loadImage) {
-              _context.next = 5;
+              _context.next = 2;
               break;
             }
-            _context.next = 3;
+            _context.next = 1;
             return Promise.resolve().then(function () {
               return _interopRequireWildcard(require('blueimp-load-image'));
             });
-          case 3:
+          case 1:
             module = _context.sent;
             loadImage = module.default || module;
-          case 5:
+          case 2:
             loadImage.parseMetaData(file, function (data) {
               try {
                 var tags = data && data.exif ? data.exif.getAll() : {};
@@ -52,7 +52,7 @@ function readJPEGExifMetaData(file) {
                 reject(e);
               }
             });
-          case 6:
+          case 3:
           case "end":
             return _context.stop();
         }

package/dist/cjs/imageMetaData/parsePNG.js

@@ -18,31 +18,31 @@ function readPNGXMPMetaData(_x) {
 function _readPNGXMPMetaData() {
   _readPNGXMPMetaData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file) {
     var module, buffer, chunks;
-    return _regenerator.default.wrap(function _callee$(_context) {
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (pngChunksExtract) {
-            _context.next = 5;
+            _context.next = 2;
             break;
           }
-          _context.next = 3;
+          _context.next = 1;
           return Promise.resolve().then(function () {
             return _interopRequireWildcard(require('png-chunks-extract'));
           });
-        case 3:
+        case 1:
           module = _context.sent;
           pngChunksExtract = module.default || module;
-        case 5:
-          _context.next = 7;
+        case 2:
+          _context.next = 3;
           return (0, _util.fileToArrayBuffer)(file);
-        case 7:
+        case 3:
           buffer = _context.sent;
           chunks = pngChunksExtract(buffer);
-          _context.next = 11;
+          _context.next = 4;
           return parsePNGChunks(chunks);
-        case 11:
+        case 4:
           return _context.abrupt("return", _context.sent);
-        case 12:
+        case 5:
         case "end":
           return _context.stop();
       }
@@ -56,7 +56,7 @@ function parsePNGChunks(_x2) {
 function _parsePNGChunks() {
   _parsePNGChunks = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(chunks) {
     var iTXt, pHYs, i, chunk, dv, unitSpecifier, PixelPerUnitX, PixelPerUnitY;
-    return _regenerator.default.wrap(function _callee2$(_context2) {
+    return _regenerator.default.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           iTXt = '';
@@ -67,18 +67,18 @@ function _parsePNGChunks() {
            * And both iTXt and pHYs are Ancillary chunks.
            */
           i = 0;
-        case 3:
+        case 1:
           if (!(i < chunks.length)) {
-            _context2.next = 12;
+            _context2.next = 4;
             break;
           }
           chunk = chunks[i]; // Must be last
           if (!(chunk.name === 'IEND')) {
-            _context2.next = 7;
+            _context2.next = 2;
             break;
           }
-          return _context2.abrupt("break", 12);
-        case 7:
+          return _context2.abrupt("continue", 4);
+        case 2:
           /**
            * http://www.libpng.org/pub/png/spec/1.2/PNG-Chunks.html#C.Anc-text
            * iTXt contains the useful XMP/XML string data of meta tags
@@ -104,16 +104,16 @@ function _parsePNGChunks() {
               };
             }
           }
-        case 9:
+        case 3:
           ++i;
-          _context2.next = 3;
+          _context2.next = 1;
           break;
-        case 12:
+        case 4:
           return _context2.abrupt("return", {
             iTXt: iTXt,
             pHYs: pHYs
           });
-        case 13:
+        case 5:
         case "end":
           return _context2.stop();
       }

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

@@ -45,30 +45,12 @@ Object.defineProperty(exports, "mockFileReaderWithError", {
     return _fileReader.mockFileReaderWithError;
   }
 });
-Object.defineProperty(exports, "mountWithIntlContext", {
-  enumerable: true,
-  get: function get() {
-    return _mountWithIntlContext.mountWithIntlContext;
-  }
-});
-Object.defineProperty(exports, "mountWithIntlWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _mountWithIntlContext.mountWithIntlWrapper;
-  }
-});
 Object.defineProperty(exports, "renderWithIntl", {
   enumerable: true,
   get: function get() {
     return _renderWithIntl.renderWithIntl;
   }
 });
-Object.defineProperty(exports, "shallowWithIntlContext", {
-  enumerable: true,
-  get: function get() {
-    return _mountWithIntlContext.shallowWithIntlContext;
-  }
-});
 Object.defineProperty(exports, "unmockFileReader", {
   enumerable: true,
   get: function get() {
@@ -78,6 +60,5 @@ Object.defineProperty(exports, "unmockFileReader", {
 var _atlassianLogoUrl = require("./atlassianLogoUrl");
 var _fileReader = require("./fileReader");
 var _MockGlobalImage = require("./MockGlobalImage");
-var _mountWithIntlContext = require("./mountWithIntlContext");
 var _fakeI18n = require("./fakeI18n");
 var _renderWithIntl = require("./renderWithIntl");

package/dist/cjs/util.js

@@ -95,26 +95,27 @@ function getFileInfo(_x, _x2) {
 }
 function _getFileInfo() {
   _getFileInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file, src) {
-    return _regenerator.default.wrap(function _callee$(_context) {
+    var _t, _t2, _t3;
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.t0 = file;
-          _context.t1 = src;
-          if (_context.t1) {
-            _context.next = 6;
+          _t = file;
+          _t2 = src;
+          if (_t2) {
+            _context.next = 2;
             break;
           }
-          _context.next = 5;
+          _context.next = 1;
           return fileToDataURI(file);
-        case 5:
-          _context.t1 = _context.sent;
-        case 6:
-          _context.t2 = _context.t1;
+        case 1:
+          _t2 = _context.sent;
+        case 2:
+          _t3 = _t2;
           return _context.abrupt("return", {
-            file: _context.t0,
-            src: _context.t2
+            file: _t,
+            src: _t3
           });
-        case 8:
+        case 3:
         case "end":
           return _context.stop();
       }
@@ -127,26 +128,27 @@ function getFileInfoFromSrc(_x3, _x4) {
 }
 function _getFileInfoFromSrc() {
   _getFileInfoFromSrc = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(src, file) {
-    return _regenerator.default.wrap(function _callee2$(_context2) {
+    var _t4, _t5, _t6;
+    return _regenerator.default.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          _context2.t0 = file;
-          if (_context2.t0) {
-            _context2.next = 5;
+          _t4 = file;
+          if (_t4) {
+            _context2.next = 2;
             break;
           }
-          _context2.next = 4;
+          _context2.next = 1;
           return dataURItoFile(src);
-        case 4:
-          _context2.t0 = _context2.sent;
-        case 5:
-          _context2.t1 = _context2.t0;
-          _context2.t2 = src;
+        case 1:
+          _t4 = _context2.sent;
+        case 2:
+          _t5 = _t4;
+          _t6 = src;
           return _context2.abrupt("return", {
-            file: _context2.t1,
-            src: _context2.t2
+            file: _t5,
+            src: _t6
           });
-        case 8:
+        case 3:
         case "end":
           return _context2.stop();
       }

package/dist/es2019/customMediaPlayer/dropdownControlCommon.js

@@ -8,6 +8,7 @@ import { ax, ix } from "@compiled/react/runtime";
 // 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 const popupCustomStyles = {
@@ -38,6 +39,9 @@ export const popupCustomStyles = {
     color: '#9fadbc'
   })
 };
+
+/** Distance (px) between the trigger element and the popup menu. */
+const POPUP_OFFSET = 10;
 export const popperProps = {
   strategy: 'fixed',
   modifiers: [{
@@ -53,11 +57,63 @@ export const 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`.
+ */
+const repositionPopupInFullscreen = state => {
+  var _getDocument, _state$elements, _state$elements2;
+  const fullscreenEl = (_getDocument = getDocument()) === null || _getDocument === void 0 ? void 0 : _getDocument.fullscreenElement;
+  if (!fullscreenEl) {
+    return;
+  }
+  const popupEl = (_state$elements = state.elements) === null || _state$elements === void 0 ? void 0 : _state$elements.popper;
+  const triggerEl = (_state$elements2 = state.elements) === null || _state$elements2 === void 0 ? void 0 : _state$elements2.reference;
+  if (!popupEl || !triggerEl || !fullscreenEl.contains(popupEl) || !popupEl.isConnected) {
+    return;
+  }
+  const triggerRect = triggerEl.getBoundingClientRect();
+  const popupRect = popupEl.getBoundingClientRect();
+  const left = Math.round(Math.max(0, Math.min(fullscreenEl.clientWidth - popupRect.width, triggerRect.left + triggerRect.width / 2 - popupRect.width / 2)));
+  const bottom = Math.round(fullscreenEl.clientHeight - triggerRect.top + POPUP_OFFSET);
+  popupEl.style.setProperty('position', 'fixed');
+  popupEl.style.setProperty('inset', `auto auto ${bottom}px ${left}px`);
+  popupEl.style.setProperty('transform', 'none');
+};
+const fullscreenPopperProps = {
+  ...popperProps,
+  onFirstUpdate: state => {
+    // Double rAF ensures the popup content has rendered so we get accurate dimensions
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        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 const getPopperPropsForFullscreen = isFullScreen => {
+  return isFullScreen ? fullscreenPopperProps : popperProps;
+};
 const selectOptionStyles = {
   root: "_1di6r5ow"
 };

package/dist/es2019/customMediaPlayer/index.js

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