@atlaskit/media-ui 29.3.1 → 30.0.1

package/dist/esm/customMediaPlayer/playbackSpeedControls.js

@@ -14,7 +14,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 var PlaybackSpeedControls = /*#__PURE__*/function (_Component) {
   function PlaybackSpeedControls() {
     var _this;
@@ -82,7 +83,9 @@ export var PlaybackSpeedControls = /*#__PURE__*/function (_Component) {
       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;
@@ -114,7 +117,7 @@ export var PlaybackSpeedControls = /*#__PURE__*/function (_Component) {
           }, playbackSpeed, "x"));
         },
         styles: popupCustomStyles,
-        popperProps: popperProps
+        popperProps: fg('platform_editor_video_caption_commit') ? getPopperPropsForFullscreen(isFullScreen) : popperProps
       }));
     }
   }]);

package/dist/esm/imageMetaData/index.js

@@ -15,19 +15,19 @@ export function getImageInfo(_x) {
 function _getImageInfo() {
   _getImageInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileInfo) {
     var metadata, width, height, tags, scaleFactor;
-    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 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", {
@@ -35,7 +35,7 @@ function _getImageInfo() {
             width: width,
             height: height
           });
-        case 8:
+        case 3:
         case "end":
           return _context.stop();
       }
@@ -81,15 +81,15 @@ export function getOrientation(_x2) {
 function _getOrientation() {
   _getOrientation = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(file) {
     var tags;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          _context2.next = 2;
+          _context2.next = 1;
           return readImageMetaTags(file);
-        case 2:
+        case 1:
           tags = _context2.sent;
           return _context2.abrupt("return", getOrientationFromTags(tags));
-        case 4:
+        case 2:
         case "end":
           return _context2.stop();
       }
@@ -125,17 +125,17 @@ export function readImageMetaData(_x3) {
 }
 function _readImageMetaData() {
   _readImageMetaData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(fileInfo) {
-    var file, src, type, width, height, tags, data, img, _readImageNaturalOrie, _width, _height;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+    var file, src, type, width, height, tags, data, img, _readImageNaturalOrie, _width, _height, _t;
+    return _regeneratorRuntime.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 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) {
@@ -159,29 +159,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 loadImage(src);
-        case 13:
+        case 3:
           img = _context3.sent;
           _readImageNaturalOrie = 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/esm/imageMetaData/metatags.js

@@ -12,46 +12,46 @@ export function readImageMetaTags(_x) {
 }
 function _readImageMetaTags() {
   _readImageMetaTags = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
-    var type, _yield$readPNGXMPMeta, iTXt, pHYs, xmpMetaData;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var type, _yield$readPNGXMPMeta, iTXt, pHYs, xmpMetaData, _t;
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           type = file.type;
           _context.prev = 1;
           if (!(type === ImageType.PNG)) {
-            _context.next = 12;
+            _context.next = 3;
             break;
           }
-          _context.next = 5;
+          _context.next = 2;
           return readPNGXMPMetaData(file);
-        case 5:
+        case 2:
           _yield$readPNGXMPMeta = _context.sent;
           iTXt = _yield$readPNGXMPMeta.iTXt;
           pHYs = _yield$readPNGXMPMeta.pHYs;
           xmpMetaData = _objectSpread(_objectSpread({}, parseXMPMetaData(iTXt)), pHYs);
           return _context.abrupt("return", xmpMetaData);
-        case 12:
+        case 3:
           if (!(file.type === ImageType.JPEG)) {
-            _context.next = 16;
+            _context.next = 5;
             break;
           }
-          _context.next = 15;
+          _context.next = 4;
           return 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/esm/imageMetaData/parseJPEG.js

@@ -9,19 +9,19 @@ export function readJPEGExifMetaData(file) {
   return new Promise( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve, reject) {
       var module;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.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 import('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() : {};
@@ -41,7 +41,7 @@ export function readJPEGExifMetaData(file) {
                 reject(e);
               }
             });
-          case 6:
+          case 3:
           case "end":
             return _context.stop();
         }

package/dist/esm/imageMetaData/parsePNG.js

@@ -8,29 +8,29 @@ export function readPNGXMPMetaData(_x) {
 function _readPNGXMPMetaData() {
   _readPNGXMPMetaData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
     var module, buffer, chunks;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.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 import('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 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();
       }
@@ -44,7 +44,7 @@ export function parsePNGChunks(_x2) {
 function _parsePNGChunks() {
   _parsePNGChunks = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(chunks) {
     var iTXt, pHYs, i, chunk, dv, unitSpecifier, PixelPerUnitX, PixelPerUnitY;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           iTXt = '';
@@ -55,18 +55,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
@@ -92,16 +92,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/esm/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/util.js

@@ -80,26 +80,27 @@ export function getFileInfo(_x, _x2) {
 }
 function _getFileInfo() {
   _getFileInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file, src) {
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var _t, _t2, _t3;
+    return _regeneratorRuntime.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();
       }
@@ -112,26 +113,27 @@ export function getFileInfoFromSrc(_x3, _x4) {
 }
 function _getFileInfoFromSrc() {
   _getFileInfoFromSrc = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(src, file) {
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+    var _t4, _t5, _t6;
+    return _regeneratorRuntime.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/types/customMediaPlayer/dropdownControlCommon.d.ts

@@ -2,6 +2,12 @@ import React from 'react';
 import { type PopupSelect, type OptionType, type StylesConfig } from '@atlaskit/select';
 export declare const popupCustomStyles: StylesConfig<OptionType>;
 export declare const popperProps: PopupSelect['props']['popperProps'];
+/**
+ * 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 declare const getPopperPropsForFullscreen: (isFullScreen: boolean) => PopupSelect["props"]["popperProps"];
 export declare const popupSelectComponents: PopupSelect['props']['components'];
 export declare const createPopupSelectComponentsWithIcon: (IconComponent: React.ComponentType<{
     label: string;

package/dist/types/customMediaPlayer/mediaPlayer/captionsAdminControls.d.ts

@@ -5,8 +5,9 @@ export interface CaptionsAdminControlsProps {
     textTracks?: VideoTextTracks;
     onUpload: () => void;
     onDelete: (artifactName: string) => void;
+    isFullScreen?: boolean;
 }
-export declare const _CaptionsAdminControls: ({ intl, textTracks, onUpload, onDelete, }: CaptionsAdminControlsProps & WrappedComponentProps) => React.JSX.Element;
+export declare const _CaptionsAdminControls: ({ intl, textTracks, onUpload, onDelete, isFullScreen, }: CaptionsAdminControlsProps & WrappedComponentProps) => React.JSX.Element;
 export declare const CaptionsAdminControls: React.FC<WithIntlProps<CaptionsAdminControlsProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<CaptionsAdminControlsProps & WrappedComponentProps>;
 };

package/dist/types/customMediaPlayer/mediaPlayer/captionsSelectControls.d.ts

@@ -7,6 +7,7 @@ export interface CaptionsSelectControlsProps {
     areCaptionsEnabled: boolean;
     onCaptionsEnabledChange: (areCaptionsEnabled: boolean) => void;
     selectedTracksIndex: number;
+    isFullScreen?: boolean;
 }
 export declare const CaptionsSelectControls: React.FC<WithIntlProps<CaptionsSelectControlsProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<CaptionsSelectControlsProps & WrappedComponentProps>;

package/dist/types/customMediaPlayer/playbackSpeedControls.d.ts

@@ -8,6 +8,7 @@ export interface PlaybackSpeedControlsProps {
     originalDimensions?: NumericalCardDimensions;
     onClick?: () => void;
     onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;
+    isFullScreen?: boolean;
 }
 export interface PlaybackSpeedControlsState {
     popupHeight: number;

package/dist/types/test-helpers/index.d.ts

@@ -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/ellipsify/compiled/package.json

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

package/ellipsify/package.json

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

package/errorIcon/package.json

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

package/formatDate/package.json

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

package/formatDuration/package.json

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

package/humanReadableSize/package.json

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

package/imageMetaData/package.json

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

package/imageMetaData/types/package.json

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

package/imageOrientationUtil/package.json

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

package/inactivityDetector/package.json

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

package/intersectionObserver/package.json

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

package/locales/package.json

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