@atlaskit/media-ui 25.0.1 → 25.0.2

package/dist/cjs/imageMetaData/types.js

@@ -4,21 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SupportedImageMetaTag = exports.ImageType = exports.ExifOrientation = void 0;
-var ImageType = /*#__PURE__*/function (ImageType) {
+var ImageType = exports.ImageType = /*#__PURE__*/function (ImageType) {
   ImageType["JPEG"] = "image/jpeg";
   ImageType["PNG"] = "image/png";
   return ImageType;
 }({});
-exports.ImageType = ImageType;
-var SupportedImageMetaTag = /*#__PURE__*/function (SupportedImageMetaTag) {
+var SupportedImageMetaTag = exports.SupportedImageMetaTag = /*#__PURE__*/function (SupportedImageMetaTag) {
   SupportedImageMetaTag["XResolution"] = "XResolution";
   SupportedImageMetaTag["YResolution"] = "YResolution";
   SupportedImageMetaTag["Orientation"] = "Orientation";
   return SupportedImageMetaTag;
 }({});
-exports.SupportedImageMetaTag = SupportedImageMetaTag;
 // http://sylvana.net/jpegcrop/exif_orientation.html
-var ExifOrientation = {
+var ExifOrientation = exports.ExifOrientation = {
   'top-left': 1,
   // none
   'top-right': 2,
@@ -34,5 +32,4 @@ var ExifOrientation = {
   'right-bottom': 7,
   // transverse
   'left-bottom': 8 // rotate 270
-};
-exports.ExifOrientation = ExifOrientation;
+};

package/dist/cjs/inactivityDetector/inactivityDetector.js

@@ -29,7 +29,7 @@ var mouseMovementDelay = 2000;
  * Exception is if user holding mouse over one of the hideable elements (those that have specified classname).
  *
  */
-var InactivityDetector = /*#__PURE__*/function (_Component) {
+var InactivityDetector = exports.InactivityDetector = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(InactivityDetector, _Component);
   var _super = _createSuper(InactivityDetector);
   function InactivityDetector() {
@@ -110,5 +110,4 @@ var InactivityDetector = /*#__PURE__*/function (_Component) {
     }
   }]);
   return InactivityDetector;
-}(_react.Component);
-exports.InactivityDetector = InactivityDetector;
+}(_react.Component);

package/dist/cjs/inactivityDetector/styled.js

@@ -13,6 +13,5 @@ var handleControlsVisibility = function handleControlsVisibility(_ref) {
   var controlsAreVisible = _ref.controlsAreVisible;
   return "\n  transition: opacity .3s;\n  opacity: ".concat(controlsAreVisible ? '1' : '0', ";\n");
 };
-var InactivityDetectorWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex: 1;\n  overflow: visible;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n\n  .", " {\n    ", ";\n  }\n"])), _classNames.hideControlsClassName, handleControlsVisibility);
-exports.InactivityDetectorWrapper = InactivityDetectorWrapper;
+var InactivityDetectorWrapper = exports.InactivityDetectorWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex: 1;\n  overflow: visible;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n\n  .", " {\n    ", ";\n  }\n"])), _classNames.hideControlsClassName, handleControlsVisibility);
 InactivityDetectorWrapper.displayName = 'InactivityDetectorWrapper';

package/dist/cjs/index.js

@@ -332,5 +332,4 @@ var _errorIcon = require("./errorIcon");
 var _formatDate = require("./formatDate");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var locales = untypedLocales;
-exports.locales = locales;
+var locales = exports.locales = untypedLocales;

package/dist/cjs/intersectionObserver.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isIntersectionObserverSupported = void 0;
-var isIntersectionObserverSupported = function isIntersectionObserverSupported() {
+var isIntersectionObserverSupported = exports.isIntersectionObserverSupported = function isIntersectionObserverSupported() {
   return typeof IntersectionObserver !== 'undefined';
-};
-exports.isIntersectionObserverSupported = isIntersectionObserverSupported;
+};

package/dist/cjs/locales.js

@@ -8,5 +8,4 @@ exports.locales = void 0;
 var untypedLocales = _interopRequireWildcard(require("./i18n/index"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var locales = untypedLocales;
-exports.locales = locales;
+var locales = exports.locales = untypedLocales;

package/dist/cjs/media-type-icon.js

@@ -29,11 +29,10 @@ var _12 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/generic
 var _templateObject;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var IconWrapper = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  ", "\n"])), function (_ref) {
+var IconWrapper = exports.IconWrapper = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  ", "\n"])), function (_ref) {
   var size = _ref.size;
   return size === 'large' ? "padding: 4px;" : '';
 });
-exports.IconWrapper = IconWrapper;
 IconWrapper.displayName = 'IconWrapper';
 var largeIcons = {
   image: _.default,
@@ -52,7 +51,7 @@ var smallIcons = {
   unknown: _12.default
 };
 var defaultType = 'unknown';
-var MediaTypeIcon = /*#__PURE__*/function (_React$Component) {
+var MediaTypeIcon = exports.MediaTypeIcon = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(MediaTypeIcon, _React$Component);
   var _super = _createSuper(MediaTypeIcon);
   function MediaTypeIcon() {
@@ -80,7 +79,6 @@ var MediaTypeIcon = /*#__PURE__*/function (_React$Component) {
   }]);
   return MediaTypeIcon;
 }(_react.default.Component);
-exports.MediaTypeIcon = MediaTypeIcon;
 (0, _defineProperty2.default)(MediaTypeIcon, "defaultProps", {
   type: defaultType,
   testId: 'file-type-icon',

package/dist/cjs/mediaImage/index.js

@@ -21,7 +21,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var MediaImage = /*#__PURE__*/function (_Component) {
+var MediaImage = exports.MediaImage = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(MediaImage, _Component);
   var _super = _createSuper(MediaImage);
   function MediaImage(props) {
@@ -389,7 +389,6 @@ var MediaImage = /*#__PURE__*/function (_Component) {
   }]);
   return MediaImage;
 }(_react.Component);
-exports.MediaImage = MediaImage;
 (0, _defineProperty2.default)(MediaImage, "defaultProps", {
   crop: true,
   stretch: false,

package/dist/cjs/mediaImage/styled.js

@@ -19,7 +19,7 @@ var imgStyle = {
   objectFit: 'contain',
   imageOrientation: 'none'
 };
-var ImageComponent = function ImageComponent(props) {
+var ImageComponent = exports.ImageComponent = function ImageComponent(props) {
   var style = props.style,
     imageRef = props.imageRef,
     otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
@@ -27,5 +27,4 @@ var ImageComponent = function ImageComponent(props) {
     ref: imageRef,
     style: _objectSpread(_objectSpread({}, imgStyle), style)
   }));
-};
-exports.ImageComponent = ImageComponent;
+};

package/dist/cjs/messages.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 var _reactIntlNext = require("react-intl-next");
-var messages = (0, _reactIntlNext.defineMessages)({
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   click_to_join: {
     id: 'fabric.media.click_to_join',
     defaultMessage: 'Join {context}',
@@ -646,5 +646,4 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: "We couldn't load that zip file item to preview",
     description: 'Zip entry failed to load'
   }
-});
-exports.messages = messages;
+});

package/dist/cjs/mime-type-icon.js

@@ -12,7 +12,7 @@ var _mediaTypeIcon = require("./media-type-icon");
  * Renders an icon. First, check if the mimeType corresponds to any of the special mimeType icons (.gif, .sketch, .exe, ect). If so, render that icon.
  * Else, render an icon corresponding to its mediaType (doc/audio/image/video/unknown)
  */
-var MimeTypeIcon = function MimeTypeIcon(_ref) {
+var MimeTypeIcon = exports.MimeTypeIcon = function MimeTypeIcon(_ref) {
   var _ref$mediaType = _ref.mediaType,
     mediaType = _ref$mediaType === void 0 ? 'unknown' : _ref$mediaType,
     _ref$mimeType = _ref.mimeType,
@@ -44,5 +44,4 @@ var MimeTypeIcon = function MimeTypeIcon(_ref) {
     type: mediaType,
     size: size
   });
-};
-exports.MimeTypeIcon = MimeTypeIcon;
+};

package/dist/cjs/mixins.js

@@ -5,29 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.size = exports.ellipsis = exports.easeInOutCubic = exports.center = exports.borderRadiusBottom = exports.borderRadius = exports.absolute = void 0;
 var _constants = require("@atlaskit/theme/constants");
-var ellipsis = function ellipsis() {
+var ellipsis = exports.ellipsis = function ellipsis() {
   var maxWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
   var unit = typeof maxWidth === 'number' ? 'px' : '';
   return "\n    max-width: ".concat(maxWidth).concat(unit, ";\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  ");
 };
-exports.ellipsis = ellipsis;
-var size = function size() {
+var size = exports.size = function size() {
   var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
   var unit = typeof value === 'number' ? 'px' : '';
   return "\n    width: ".concat(value).concat(unit, ";\n    height: ").concat(value).concat(unit, ";\n  ");
 };
-exports.size = size;
-var center = "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n";
-exports.center = center;
-var absolute = function absolute() {
+var center = exports.center = "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n";
+var absolute = exports.absolute = function absolute() {
   var top = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   var left = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   return "\n  position: absolute;\n  top: ".concat(top, "px;\n  left: ").concat(left, "px;\n");
 };
-exports.absolute = absolute;
-var borderRadius = "\n  border-radius: ".concat((0, _constants.borderRadius)(), "px;\n");
-exports.borderRadius = borderRadius;
-var borderRadiusBottom = "\n  border-bottom-left-radius: ".concat((0, _constants.borderRadius)(), "px;\n  border-bottom-right-radius: ").concat((0, _constants.borderRadius)(), "px;\n");
-exports.borderRadiusBottom = borderRadiusBottom;
-var easeInOutCubic = 'cubic-bezier(0.645, 0.045, 0.355, 1)';
-exports.easeInOutCubic = easeInOutCubic;
+var borderRadius = exports.borderRadius = "\n  border-radius: ".concat((0, _constants.borderRadius)(), "px;\n");
+var borderRadiusBottom = exports.borderRadiusBottom = "\n  border-bottom-left-radius: ".concat((0, _constants.borderRadius)(), "px;\n  border-bottom-right-radius: ").concat((0, _constants.borderRadius)(), "px;\n");
+var easeInOutCubic = exports.easeInOutCubic = 'cubic-bezier(0.645, 0.045, 0.355, 1)';

package/dist/cjs/modalSpinner.js

@@ -12,17 +12,15 @@ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _templateObject, _templateObject2;
 var overlayZindex = _constants.layers.modal() + 10;
-var Blanket = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: ", ";\n"])), overlayZindex);
-exports.Blanket = Blanket;
+var Blanket = exports.Blanket = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: ", ";\n"])), overlayZindex);
 Blanket.displayName = 'Blanket';
-var SpinnerWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
-exports.SpinnerWrapper = SpinnerWrapper;
+var SpinnerWrapper = exports.SpinnerWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
 SpinnerWrapper.displayName = 'SpinnerWrapper';
 var defaultProps = {
   blankedColor: 'none',
   invertSpinnerColor: false
 };
-var _default = function _default(_ref) {
+var _default = exports.default = function _default(_ref) {
   var blankedColor = _ref.blankedColor,
     invertSpinnerColor = _ref.invertSpinnerColor;
   return /*#__PURE__*/_react.default.createElement(Blanket, {
@@ -33,5 +31,4 @@ var _default = function _default(_ref) {
     size: "large",
     appearance: invertSpinnerColor || defaultProps.invertSpinnerColor ? 'invert' : 'inherit'
   })));
-};
-exports.default = _default;
+};

package/dist/cjs/shortcut.js

@@ -15,14 +15,13 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var keyCodes = {
+var keyCodes = exports.keyCodes = {
   space: 'Space',
   m: 'KeyM',
   rightArrow: 'ArrowRight',
   leftArrow: 'ArrowLeft'
 };
-exports.keyCodes = keyCodes;
-var Shortcut = /*#__PURE__*/function (_Component) {
+var Shortcut = exports.Shortcut = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Shortcut, _Component);
   var _super = _createSuper(Shortcut);
   function Shortcut() {
@@ -69,5 +68,4 @@ var Shortcut = /*#__PURE__*/function (_Component) {
     }
   }]);
   return Shortcut;
-}(_react.Component);
-exports.Shortcut = Shortcut;
+}(_react.Component);

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

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.atlassianLogoUrl = void 0;
-var atlassianLogoUrl = 'https://wac-cdn.atlassian.com/assets/img/favicons/atlassian/apple-touch-icon-152x152.png';
-exports.atlassianLogoUrl = atlassianLogoUrl;
+var atlassianLogoUrl = exports.atlassianLogoUrl = 'https://wac-cdn.atlassian.com/assets/img/favicons/atlassian/apple-touch-icon-152x152.png';

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

@@ -8,10 +8,9 @@ var _testHelpers = require("@atlaskit/media-common/test-helpers");
 var jest = (0, _testHelpers.getJest)();
 
 // fakeIntl["..."] here to indicate those went through formatMessage and not just left as string itself
-var fakeIntl = {
+var fakeIntl = exports.fakeIntl = {
   formatMessage: jest.fn(function (_ref) {
     var defaultMessage = _ref.defaultMessage;
     return "fakeIntl[\"".concat(defaultMessage, "\"]");
   })
-};
-exports.fakeIntl = fakeIntl;
+};

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

@@ -37,10 +37,9 @@ var MockFileReader = /*#__PURE__*/(0, _createClass2.default)(function MockFileRe
   }));
   this.result = result;
 });
-var mockFileReaderError = {
+var mockFileReaderError = exports.mockFileReaderError = {
   message: 'error'
 };
-exports.mockFileReaderError = mockFileReaderError;
 var MockFileReaderWithError = /*#__PURE__*/function (_MockFileReader) {
   (0, _inherits2.default)(MockFileReaderWithError, _MockFileReader);
   var _super = _createSuper(MockFileReaderWithError);
@@ -65,25 +64,22 @@ if (global.FileReader && typeof jest !== 'undefined') {
     return new GlobalFileReader();
   });
 }
-var mockFileReader = function mockFileReader(result) {
+var mockFileReader = exports.mockFileReader = function mockFileReader(result) {
   var fileReader = new MockFileReader(result);
   FileReader.mockImplementation(function () {
     return fileReader;
   });
   return fileReader;
 };
-exports.mockFileReader = mockFileReader;
-var mockFileReaderWithError = function mockFileReaderWithError() {
+var mockFileReaderWithError = exports.mockFileReaderWithError = function mockFileReaderWithError() {
   var fileReader = new MockFileReaderWithError();
   FileReader.mockImplementation(function () {
     return fileReader;
   });
   return fileReader;
 };
-exports.mockFileReaderWithError = mockFileReaderWithError;
-var unmockFileReader = function unmockFileReader() {
+var unmockFileReader = exports.unmockFileReader = function unmockFileReader() {
   return FileReader.mockImplementation(function () {
     return new GlobalFileReader();
   });
-};
-exports.unmockFileReader = unmockFileReader;
+};

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

@@ -35,7 +35,7 @@ function nodeWithIntlProp(node) {
  * error TS2742: The inferred type of 'mountWithIntlContext' cannot be named without a reference to 'react-transition-group/node_modules/@types/react'. This is likely not portable. A type annotation is necessary.
  * TS is resolving enzyme's usage of react to react-transition-group???
  */
-var mountWithIntlContext = function mountWithIntlContext(node) {
+var mountWithIntlContext = exports.mountWithIntlContext = function mountWithIntlContext(node) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var _ref$context = _ref.context,
     context = _ref$context === void 0 ? {} : _ref$context,
@@ -49,8 +49,7 @@ var mountWithIntlContext = function mountWithIntlContext(node) {
     }, context)
   }, additionalOptions));
 };
-exports.mountWithIntlContext = mountWithIntlContext;
-var shallowWithIntlContext = function shallowWithIntlContext(node) {
+var shallowWithIntlContext = exports.shallowWithIntlContext = function shallowWithIntlContext(node) {
   var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var _ref2$context = _ref2.context,
     context = _ref2$context === void 0 ? {} : _ref2$context,
@@ -62,12 +61,10 @@ var shallowWithIntlContext = function shallowWithIntlContext(node) {
     }, context)
   }, additionalOptions));
 };
-exports.shallowWithIntlContext = shallowWithIntlContext;
-var mountWithIntlWrapper = function mountWithIntlWrapper(node) {
+var mountWithIntlWrapper = exports.mountWithIntlWrapper = function mountWithIntlWrapper(node) {
   return (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(function (props) {
     return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
       locale: "en"
     }, /*#__PURE__*/_react.default.cloneElement(node, _objectSpread({}, props)));
   }));
-};
-exports.mountWithIntlWrapper = mountWithIntlWrapper;
+};

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

@@ -10,9 +10,8 @@ var _reactIntlNext = require("react-intl-next");
 var _react2 = require("@testing-library/react");
 // eslint-disable-next-line import/no-extraneous-dependencies
 
-var renderWithIntl = function renderWithIntl(component) {
+var renderWithIntl = exports.renderWithIntl = function renderWithIntl(component) {
   return (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
     locale: "en"
   }, component));
-};
-exports.renderWithIntl = renderWithIntl;
+};

package/dist/cjs/truncateText.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _templateObject, _templateObject2;
 var truncateCommonStyles = "\n  display: inline-block;\n  vertical-align: bottom;\n  white-space: nowrap;\n  overflow: hidden;\n";
-var TruncateLeft = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  max-width: calc(100% - ", "em);\n  min-width: ", ";\n  text-overflow: ellipsis;\n"])), truncateCommonStyles, function (_ref) {
+var TruncateLeft = exports.TruncateLeft = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  max-width: calc(100% - ", "em);\n  min-width: ", ";\n  text-overflow: ellipsis;\n"])), truncateCommonStyles, function (_ref) {
   var fontSizePX = _ref.fontSizePX,
     endFixedChars = _ref.endFixedChars;
   return fontFaceScaleFactor(fontSizePX) * endFixedChars + 1;
@@ -19,14 +19,12 @@ var TruncateLeft = _styled.default.span(_templateObject || (_templateObject = (0
     startFixedChars = _ref2.startFixedChars;
   return fontFaceScaleFactor(fontSizePX) * startFixedChars;
 });
-exports.TruncateLeft = TruncateLeft;
-var TruncateRight = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  max-width: calc(100% - ", ");\n  position: relative;\n"])), truncateCommonStyles, function (_ref3) {
+var TruncateRight = exports.TruncateRight = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  max-width: calc(100% - ", ");\n  position: relative;\n"])), truncateCommonStyles, function (_ref3) {
   var fontSizePX = _ref3.fontSizePX,
     startFixedChars = _ref3.startFixedChars;
   return fontFaceScaleFactor(fontSizePX) * startFixedChars;
 });
-exports.TruncateRight = TruncateRight;
-var calculateTruncation = function calculateTruncation(text, startFixedChars, endFixedChars) {
+var calculateTruncation = exports.calculateTruncation = function calculateTruncation(text, startFixedChars, endFixedChars) {
   var minAllowedLength = endFixedChars + startFixedChars;
   if (text.length <= minAllowedLength) {
     // if no truncation return same value for left and right
@@ -43,12 +41,11 @@ var calculateTruncation = function calculateTruncation(text, startFixedChars, en
     right: right
   };
 };
-exports.calculateTruncation = calculateTruncation;
 var fontFaceScaleFactor = function fontFaceScaleFactor(fontSizePX) {
   return fontSizePX / 11 * 0.46;
 }; /* factor for fontSize of 11px */
 
-var Truncate = function Truncate(_ref4) {
+var Truncate = exports.Truncate = function Truncate(_ref4) {
   var text = _ref4.text,
     _ref4$fontSizePX = _ref4.fontSizePX,
     fontSizePX = _ref4$fontSizePX === void 0 ? 11 : _ref4$fontSizePX,
@@ -71,5 +68,4 @@ var Truncate = function Truncate(_ref4) {
     startFixedChars: startFixedChars,
     endFixedChars: endFixedChars
   }, rightStr));
-};
-exports.Truncate = Truncate;
+};

package/dist/cjs/util.js

@@ -188,7 +188,7 @@ function readImageNaturalOrientationFromDOM(img) {
     height: height
   };
 }
-var findParentByClassname = function findParentByClassname(element, className) {
+var findParentByClassname = exports.findParentByClassname = function findParentByClassname(element, className) {
   var maxParentElement = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : document.body;
   if (element.classList.contains(className)) {
     return element;
@@ -206,7 +206,6 @@ var findParentByClassname = function findParentByClassname(element, className) {
   }
   return undefined;
 };
-exports.findParentByClassname = findParentByClassname;
 var mimeTypes = [{
   label: 'pdf',
   mimeTypes: ['application/pdf'],

package/dist/es2019/customMediaPlayer/index.js

@@ -34,7 +34,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "25.0.1";
+const packageVersion = "25.0.2";
 const MEDIUM_VIDEO_MAX_WIDTH = 400;
 const SMALL_VIDEO_MAX_WIDTH = 160;
 const MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;

package/dist/esm/customMediaPlayer/index.js

@@ -44,7 +44,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "25.0.1";
+var packageVersion = "25.0.2";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -106,7 +106,7 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       var isFullScreenEnabled = !!getFullscreenElement();
       if (currentFullScreenMode !== isFullScreenEnabled) {
         var _this$props$onFullscr, _this$props2;
-        (_this$props$onFullscr = (_this$props2 = _this.props).onFullscreenChange) === null || _this$props$onFullscr === void 0 ? void 0 : _this$props$onFullscr.call(_this$props2, isFullScreenEnabled);
+        (_this$props$onFullscr = (_this$props2 = _this.props).onFullscreenChange) === null || _this$props$onFullscr === void 0 || _this$props$onFullscr.call(_this$props2, isFullScreenEnabled);
         _this.setState({
           isFullScreenEnabled: isFullScreenEnabled
         });
@@ -462,7 +462,7 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       }
       if (this.state.isFullScreenEnabled) {
         var _this$props$onFullscr2, _this$props7;
-        (_this$props$onFullscr2 = (_this$props7 = this.props).onFullscreenChange) === null || _this$props$onFullscr2 === void 0 ? void 0 : _this$props$onFullscr2.call(_this$props7, false);
+        (_this$props$onFullscr2 = (_this$props7 = this.props).onFullscreenChange) === null || _this$props$onFullscr2 === void 0 || _this$props$onFullscr2.call(_this$props7, false);
       }
       simultaneousPlayManager.unsubscribe(this);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-ui",
-  "version": "25.0.1",
+  "version": "25.0.2",
   "description": "Includes common components and utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,10 +30,10 @@
     "@atlaskit/icon-file-type": "^6.4.0",
     "@atlaskit/locale": "^2.5.0",
     "@atlaskit/media-common": "^9.0.0",
-    "@atlaskit/select": "^16.5.0",
-    "@atlaskit/spinner": "^15.5.0",
+    "@atlaskit/select": "^16.7.0",
+    "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.22.0",
+    "@atlaskit/tokens": "^1.28.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/width-detector": "^4.1.0",
     "@babel/runtime": "^7.0.0",
@@ -53,14 +53,16 @@
   "devDependencies": {
     "@af/visual-regression": "*",
     "@atlaskit/analytics-listeners": "^8.7.0",
-    "@atlaskit/button": "^16.10.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.5",
+    "@types/blueimp-load-image": "^5.16.3",
     "@types/bytes": "^2.4.33",
     "@types/enzyme": "3.1.15",
+    "@types/exenv": "^1.2.0",
+    "@types/png-chunks-extract": "^1.0.0",
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.15.1",
     "jest-emotion": "^10.0.32",