@atlaskit/media-ui 29.3.1 → 30.0.1

package/AGENTS.md

@@ -0,0 +1,56 @@
+# media-ui — Agent Guide
+
+> **Parent guide:** Always read [`../AGENTS.md`](../AGENTS.md) before working in this package — it
+> contains workspace-wide rules covering platform guidelines, changeset workflow, accessibility
+> standards, and the knowledge index protocol that applies to every Media package.
+
+## Package identity
+
+| Field    | Value                                                                                                                                                                        |
+| -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| NPM name | `@atlaskit/media-ui`                                                                                                                                                         |
+| Path     | `media-ui/`                                                                                                                                                                  |
+| Owner    | Media Exif                                                                                                                                                                   |
+| Purpose  | Shared UI components and utilities used across Media packages — includes custom media player, inline cards, image metadata, i18n messages, and common presentational helpers |
+
+## Knowledge index
+
+> Read, search, edit, investigate, and validate the repository knowledge index at
+> `.agents/knowledge-index/`. ALWAYS use this skill before making ANY repo change, or when exploring
+> the codebase. The knowledge index is the canonical starting point for every coding task in this
+> repo, trigger this skill aggressively whenever the user mentions architecture, conventions,
+> packages, modules, services, build, coding, writing code, APIs, feature flags, testing, or
+> anything similar. Also trigger when "is the knowledge index up to date?" / "update the knowledge
+> index" / "what does the knowledge index say about Y?" — even if they don't say the words
+> "knowledge index". Also use it (via the `validate` subcommand) to detect drift between the
+> codebase and the docs after any code change. Use the `generate` subcommand to bootstrap the index
+> in a new repository.
+
+**Entry point:** `.agents/knowledge-index/INDEX.md` **Unit doc:**
+`.agents/knowledge-index/domains/media/units/atlaskit-media-ui.md` **CLI:**
+`python3 .agents/skills/knowledge-index/scripts/kg.py {find,read,edit,investigate,validate,init,explore,generate} …`
+**Refresh protocol:** never silently bump `Last verified` — always re-read the listed `Sources`
+first, edit, then `kg.py edit <path> --message "<reason>"`.
+
+## Key source files
+
+- `src/index.ts` — public API entry point (41+ exports)
+- `src/customMediaPlayer/` — custom video/audio player with captions and analytics
+- `src/MediaInlineCard/` — inline card views (Loading, Loaded, Errored)
+- `src/imageMetaData/` — EXIF image metadata reading
+- `src/inactivityDetector/` — user inactivity detection for player controls
+- `src/abuseModal/` — abuse reporting modal
+- `src/i18n/` — internationalisation message files
+- `src/mediaImage/` — shared media image rendering
+- `src/test-helpers/` — UI-level test helpers
+
+## Development notes
+
+- React Compiler is enabled for this package
+- Internal dependencies: `@atlaskit/icon-file-type`, `@atlaskit/media-client`,
+  `@atlaskit/media-client-react`, `@atlaskit/media-common`, `@atlaskit/media-state`
+- 2 feature flags: `platform_media_resume_video_on_token_expiry`,
+  `should-render-to-parent-should-be-true-media-exif`
+- 41 export subpaths — always use subpath imports; `./i18n/*` is restricted (publish: null)
+- All new behaviour changes must be behind a feature gate (`fg()` from
+  `@atlaskit/platform-feature-flags`)

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @atlaskit/media-ui
 
+## 30.0.1
+
+### Patch Changes
+
+- [`c28141dd43748`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c28141dd43748) -
+  [ux] Fix video player popup controls (captions admin, captions select, playback speed) not visible
+  in fullscreen mode. Uses Popper onFirstUpdate callback to reposition popups within the fullscreen
+  container, gated behind platform_editor_video_caption_commit
+
+## 30.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 29.3.1
 
 ### Patch Changes

package/ErroredView/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/MediaInlineCard/ErroredView/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/MediaInlineCard/ErroredView/index.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/MediaInlineCard/ErroredView/index.d.ts"
 }

package/LoadedView/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/MediaInlineCard/LoadedView/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/MediaInlineCard/LoadedView/index.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/MediaInlineCard/LoadedView/index.d.ts"
 }

package/LoadingView/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/MediaInlineCard/LoadingView/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/MediaInlineCard/LoadingView/index.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/MediaInlineCard/LoadingView/index.d.ts"
 }

package/MediaButton/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/MediaButton.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/MediaButton.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/MediaButton.d.ts"
 }

package/abuseModal/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/abuseModal/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/abuseModal/index.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/abuseModal/index.d.ts"
 }

package/browser/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/browser.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/browser.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/browser.d.ts"
 }

package/camera/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/camera.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/camera.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/camera.d.ts"
 }

package/classNames/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/classNames.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/classNames.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/classNames.d.ts"
 }

package/codeViewer/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/codeViewer.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/codeViewer.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/codeViewer.d.ts"
 }

package/customMediaPlayer/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/customMediaPlayer/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/customMediaPlayer/index.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/customMediaPlayer/index.d.ts"
 }

package/dist/cjs/customMediaPlayer/dropdownControlCommon.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.popupSelectComponents = exports.popupCustomStyles = exports.popperProps = exports.createPopupSelectComponentsWithIcon = void 0;
+exports.popupSelectComponents = exports.popupCustomStyles = exports.popperProps = exports.getPopperPropsForFullscreen = exports.createPopupSelectComponentsWithIcon = void 0;
 require("./dropdownControlCommon.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -13,6 +13,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _select = require("@atlaskit/select");
+var _browserApis = require("@atlaskit/browser-apis");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _excluded = ["children"];
 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; }
@@ -51,6 +52,9 @@ var popupCustomStyles = exports.popupCustomStyles = {
     });
   }
 };
+
+/** Distance (px) between the trigger element and the popup menu. */
+var POPUP_OFFSET = 10;
 var popperProps = exports.popperProps = {
   strategy: 'fixed',
   modifiers: [{
@@ -66,11 +70,62 @@ var popperProps = exports.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 = (0, _browserApis.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.
+ */
+var getPopperPropsForFullscreen = exports.getPopperPropsForFullscreen = function getPopperPropsForFullscreen(isFullScreen) {
+  return isFullScreen ? fullscreenPopperProps : popperProps;
+};
 var selectOptionStyles = {
   root: "_1di6r5ow"
 };

package/dist/cjs/customMediaPlayer/index.js

@@ -14,7 +14,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = function CustomMedia
   return /*#__PURE__*/_react.default.createElement(_indexCompiled.CustomMediaPlayerBase, 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
 var CustomMediaPlayer = exports.CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({

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

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

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

@@ -29,40 +29,40 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var detectLocale = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file, intl) {
     var detectedLocale, defaultLocale, customLocale;
-    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 (0, _languageDetector.detectLanguage)(file);
-        case 2:
+        case 1:
           detectedLocale = _context.sent;
           if (!detectedLocale) {
-            _context.next = 9;
+            _context.next = 3;
             break;
           }
           defaultLocale = _defaultLocales.default.find(function (l) {
             return l.value === detectedLocale;
           });
           if (!defaultLocale) {
-            _context.next = 7;
+            _context.next = 2;
             break;
           }
           return _context.abrupt("return", {
             selectedLocale: defaultLocale,
             locales: _defaultLocales.default
           });
-        case 7:
+        case 2:
           customLocale = customLocaleOption(intl, detectedLocale);
           return _context.abrupt("return", {
             selectedLocale: customLocale,
             locales: [].concat((0, _toConsumableArray2.default)(_defaultLocales.default), [customLocale])
           });
-        case 9:
+        case 3:
           return _context.abrupt("return", {
             selectedLocale: _defaultLocales.default[0],
             locales: _defaultLocales.default
           });
-        case 10:
+        case 4:
         case "end":
           return _context.stop();
       }
@@ -103,27 +103,27 @@ function UploadCaptionsForm(_ref2) {
   };
   var submit = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-      return _regenerator.default.wrap(function _callee2$(_context2) {
+      return _regenerator.default.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/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploader.js

@@ -12,38 +12,38 @@ var _mediaCommon = require("@atlaskit/media-common");
 var createUploadCaptionsFn = exports.createUploadCaptionsFn = function createUploadCaptionsFn(mediaClient, identifier, onStart, onEnd, onError) {
   return /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file, locale) {
-      var context, result;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      var context, result, _t;
+      return _regenerator.default.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             context = {
               traceId: (0, _mediaCommon.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((0, _util.parseError)(_context.t0), context);
-          case 13:
+          case 3:
+            _context.prev = 3;
+            _t = _context["catch"](1);
+            onError === null || onError === void 0 || onError((0, _util.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/cjs/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.js

@@ -18,7 +18,7 @@ var _apiFeedback = _interopRequireDefault(require("./apiFeedback"));
 var _reactIntl = require("react-intl");
 var _messages = require("../../../messages");
 var _mediaCommon = require("@atlaskit/media-common");
-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 _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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 var CaptionDeleteConfirmationModal = function CaptionDeleteConfirmationModal(_ref) {
   var identifier = _ref.identifier,
     artifactName = _ref.artifactName,
@@ -68,30 +68,30 @@ var _default_1 = (0, _reactIntl.injectIntl)(CaptionDeleteConfirmationModal);
 var _default = exports.default = _default_1;
 var deleteCaption = /*#__PURE__*/function () {
   var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(mediaClient, identifier, artifactName, onStart, onEnd, onError) {
-    var traceContext;
-    return _regenerator.default.wrap(function _callee$(_context) {
+    var traceContext, _t;
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           traceContext = {
             traceId: (0, _mediaCommon.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((0, _util.parseError)(_context.t0), artifactName, traceContext);
-        case 11:
+        case 3:
+          _context.prev = 3;
+          _t = _context["catch"](1);
+          onError === null || onError === void 0 || onError((0, _util.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/cjs/customMediaPlayer/mediaPlayer/captionsAdminControls.js

@@ -18,6 +18,7 @@ var _captions = require("./captions");
 var _MediaButton = _interopRequireDefault(require("../../MediaButton"));
 var _dropdownControlCommon = require("../dropdownControlCommon");
 var _select = require("@atlaskit/select");
+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 ADD_CAPTIONS_VALUE = 'add-captions';
 var OptionIcon = function OptionIcon(_ref) {
@@ -40,7 +41,9 @@ var _CaptionsAdminControls = exports._CaptionsAdminControls = function _Captions
     _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.messages.manage_captions);
   var addCaptions = intl.formatMessage(_messages.messages.add_captions);
   var popupSelectOptions = (0, _react.useMemo)(function () {
@@ -94,7 +97,7 @@ var _CaptionsAdminControls = exports._CaptionsAdminControls = function _Captions
       }));
     },
     styles: _dropdownControlCommon.popupCustomStyles,
-    popperProps: _dropdownControlCommon.popperProps
+    popperProps: (0, _platformFeatureFlags.fg)('platform_editor_video_caption_commit') ? (0, _dropdownControlCommon.getPopperPropsForFullscreen)(isFullScreen) : _dropdownControlCommon.popperProps
   });
 };
 var CaptionsAdminControls = exports.CaptionsAdminControls = (0, _reactIntl.injectIntl)(_CaptionsAdminControls);

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

@@ -17,6 +17,7 @@ var _captions = require("./captions");
 var _select = require("@atlaskit/select");
 var _MediaButton = _interopRequireDefault(require("../../MediaButton"));
 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); }
 var CaptionsSelectControlsWithIntl = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var textTracks = _ref.textTracks,
@@ -24,7 +25,9 @@ var CaptionsSelectControlsWithIntl = /*#__PURE__*/(0, _react.memo)(function (_re
     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 = (0, _react.useMemo)(function () {
     return intl.formatMessage(_messages.messages.video_captions_enable);
   }, [intl]);
@@ -92,7 +95,7 @@ var CaptionsSelectControlsWithIntl = /*#__PURE__*/(0, _react.memo)(function (_re
       }));
     },
     styles: _dropdownControlCommon.popupCustomStyles,
-    popperProps: _dropdownControlCommon.popperProps
+    popperProps: (0, _platformFeatureFlags.fg)('platform_editor_video_caption_commit') ? (0, _dropdownControlCommon.getPopperPropsForFullscreen)(isFullScreen) : _dropdownControlCommon.popperProps
   }));
 });
 var CaptionsSelectControls = exports.CaptionsSelectControls = (0, _reactIntl.injectIntl)(CaptionsSelectControlsWithIntl);

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

@@ -15,7 +15,7 @@ var _useTextTracks2 = require("./useTextTracks");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _excluded = ["onPlay"];
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "29.3.0";
+var packageVersion = "30.0.0";
 var MediaPlayerWihtoutContext = exports.MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
   var _onPlay = _ref.onPlay,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);