@atlaskit/media-viewer 54.6.5 → 54.6.6

package/dist/cjs/viewers/image/interactive-img.js

@@ -13,7 +13,11 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _mediaUi = require("@atlaskit/media-ui");
+var _camera = require("@atlaskit/media-ui/camera/camera");
+var _getCssFromImageOrientation = require("@atlaskit/media-ui/imageMetaData/getCssFromImageOrientation");
+var _classNames = require("@atlaskit/media-ui/classNames");
+var _rectangle = require("@atlaskit/media-ui/rectangle");
+var _vector = require("@atlaskit/media-ui/vector2");
 var _mediaCommon = require("@atlaskit/media-common");
 var _constants = require("@atlaskit/media-client/constants");
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
@@ -35,12 +39,12 @@ function zoomLevelAfterResize(newCamera, oldCamera, oldZoomLevel) {
 var clientRectangle = function clientRectangle(el) {
   var clientWidth = el.clientWidth,
     clientHeight = el.clientHeight;
-  return new _mediaUi.Rectangle(clientWidth, clientHeight);
+  return new _rectangle.Rectangle(clientWidth, clientHeight);
 };
 var naturalSizeRectangle = function naturalSizeRectangle(el) {
   var naturalWidth = el.naturalWidth,
     naturalHeight = el.naturalHeight;
-  return new _mediaUi.Rectangle(naturalWidth, naturalHeight);
+  return new _rectangle.Rectangle(naturalWidth, naturalHeight);
 };
 var initialState = {
   zoomLevel: new _zoomLevel.ZoomLevel(1),
@@ -48,7 +52,7 @@ var initialState = {
   isHDActivating: false,
   isHDAvailable: false,
   isDragging: false,
-  cursorPos: new _mediaUi.Vector2(0, 0),
+  cursorPos: new _vector.Vector2(0, 0),
   hasBeenLoadedOnce: false
 };
 var InteractiveImgComponent = exports.InteractiveImgComponent = /*#__PURE__*/function (_React$Component) {
@@ -89,7 +93,7 @@ var InteractiveImgComponent = exports.InteractiveImgComponent = /*#__PURE__*/fun
       }
       var viewport = clientRectangle(_this.wrapper);
       var originalImgRect = naturalSizeRectangle(ev.currentTarget);
-      var camera = new _mediaUi.Camera(viewport, originalImgRect);
+      var camera = new _camera.Camera(viewport, originalImgRect);
       var newZoomLevel;
       if (hasBeenLoadedOnce && currentCamera) {
         /* This is not first time image is loading. Likely due to new (HD) image is loaded.
@@ -149,7 +153,7 @@ var InteractiveImgComponent = exports.InteractiveImgComponent = /*#__PURE__*/fun
       }
       var scrollLeft = wrapper.scrollLeft,
         scrollTop = wrapper.scrollTop;
-      var prevOffset = new _mediaUi.Vector2(scrollLeft, scrollTop);
+      var prevOffset = new _vector.Vector2(scrollLeft, scrollTop);
       var _this$state3 = _this.state,
         prevZoomLevel = _this$state3.zoomLevel,
         prevIsHDActive = _this$state3.isHDActive,
@@ -175,7 +179,7 @@ var InteractiveImgComponent = exports.InteractiveImgComponent = /*#__PURE__*/fun
       ev.preventDefault();
       _this.setState({
         isDragging: true,
-        cursorPos: new _mediaUi.Vector2(ev.screenX, ev.screenY)
+        cursorPos: new _vector.Vector2(ev.screenX, ev.screenY)
       });
     });
     (0, _defineProperty2.default)(_this, "stopDragging", function (ev) {
@@ -186,7 +190,7 @@ var InteractiveImgComponent = exports.InteractiveImgComponent = /*#__PURE__*/fun
     });
     (0, _defineProperty2.default)(_this, "panImage", function (ev) {
       if (_this.state.isDragging && _this.wrapper) {
-        var cursorPos = new _mediaUi.Vector2(ev.screenX, ev.screenY);
+        var cursorPos = new _vector.Vector2(ev.screenX, ev.screenY);
         var delta = _this.state.cursorPos.sub(cursorPos);
         _this.setState({
           cursorPos: cursorPos
@@ -227,7 +231,7 @@ var InteractiveImgComponent = exports.InteractiveImgComponent = /*#__PURE__*/fun
         /*#__PURE__*/
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         _react.default.createElement(_styleWrappers.HDIconGroupWrapper, {
-          className: _mediaUi.hideControlsClassName
+          className: _classNames.hideControlsClassName
         }, isHDActivating ? /*#__PURE__*/_react.default.createElement(_spinner.default, {
           appearance: "invert"
         }) : undefined, isHDActive ? /*#__PURE__*/_react.default.createElement(_videoHdFilled.default, {
@@ -265,7 +269,7 @@ var InteractiveImgComponent = exports.InteractiveImgComponent = /*#__PURE__*/fun
         overflow: 'hidden'
       };
       if (orientation) {
-        imgStyle.transform = (0, _mediaUi.getCssFromImageOrientation)(orientation);
+        imgStyle.transform = (0, _getCssFromImageOrientation.getCssFromImageOrientation)(orientation);
       }
       var srcToDisplay = isHDAvailable && isHDActive && originalBinaryImageSrc ? originalBinaryImageSrc : src;
       return /*#__PURE__*/_react.default.createElement(_styleWrappers.ImageWrapper, {

package/dist/cjs/viewers/svg/index.js

@@ -8,7 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.SvgViewer = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _mediaUi = require("@atlaskit/media-ui");
+var _camera = require("@atlaskit/media-ui/camera/camera");
+var _messages = require("@atlaskit/media-ui/messages");
+var _vector = require("@atlaskit/media-ui/vector2");
 var _mediaCommon = require("@atlaskit/media-common");
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _styleWrappers = require("../../styleWrappers");
@@ -36,7 +38,7 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     isDragging = _useState4[0],
     setIsDragging = _useState4[1];
-  var _useState5 = (0, _react.useState)(new _mediaUi.Vector2(0, 0)),
+  var _useState5 = (0, _react.useState)(new _vector.Vector2(0, 0)),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     cursorPos = _useState6[0],
     setCursorPos = _useState6[1];
@@ -62,7 +64,7 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
   }, [camera, zoomLevel]);
   var panImage = (0, _react.useCallback)(function (ev) {
     if (isDragging && wrapperRef.current) {
-      var newCursorPos = new _mediaUi.Vector2(ev.screenX, ev.screenY);
+      var newCursorPos = new _vector.Vector2(ev.screenX, ev.screenY);
       var delta = cursorPos.sub(newCursorPos);
       setCursorPos(newCursorPos);
       wrapperRef.current.scrollLeft += delta.x;
@@ -90,7 +92,7 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
     }
     var viewport = (0, _utils.clientRectangle)(wrapperRef.current);
     var originalImgRect = (0, _utils.naturalSizeRectangle)(ev.currentTarget);
-    var newCamera = new _mediaUi.Camera(viewport, originalImgRect);
+    var newCamera = new _camera.Camera(viewport, originalImgRect);
     var newZoomLevel = new _zoomLevel.ZoomLevel(newCamera.scaleDownToFit);
     setCamera(newCamera);
     setZoomLevel(newZoomLevel);
@@ -111,7 +113,7 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
     ev.stopPropagation();
     ev.preventDefault();
     setIsDragging(true);
-    setCursorPos(new _mediaUi.Vector2(ev.screenX, ev.screenY));
+    setCursorPos(new _vector.Vector2(ev.screenX, ev.screenY));
   };
   var onZoomChange = function onZoomChange(nextZoomLevel) {
     var wrapper = wrapperRef.current;
@@ -120,7 +122,7 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
     }
     var scrollLeft = wrapper.scrollLeft,
       scrollTop = wrapper.scrollTop;
-    var prevOffset = new _mediaUi.Vector2(scrollLeft, scrollTop);
+    var prevOffset = new _vector.Vector2(scrollLeft, scrollTop);
     var prevZoomLevel = zoomLevel;
     setZoomLevel(nextZoomLevel);
     var _camera$scaledOffset = camera.scaledOffset(prevOffset, prevZoomLevel.value, nextZoomLevel.value),
@@ -166,7 +168,7 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
     isHidden: isHidden
   }, /*#__PURE__*/_react.default.createElement(_mediaSvg.default, {
     testId: 'media-viewer-svg',
-    alt: intl.formatMessage(_mediaUi.messages.svg_base_alt),
+    alt: intl.formatMessage(_messages.messages.svg_base_alt),
     identifier: identifier,
     dimensions: imgDimensions
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

package/dist/cjs/viewers/svg/utils.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.naturalSizeRectangle = exports.clientRectangle = void 0;
 exports.zoomLevelAfterResize = zoomLevelAfterResize;
-var _mediaUi = require("@atlaskit/media-ui");
+var _rectangle = require("@atlaskit/media-ui/rectangle");
 var _zoomLevel = require("../../domain/zoomLevel");
 var clientRectangle = exports.clientRectangle = function clientRectangle(el) {
   var clientWidth = el.clientWidth,
     clientHeight = el.clientHeight;
-  return new _mediaUi.Rectangle(clientWidth, clientHeight);
+  return new _rectangle.Rectangle(clientWidth, clientHeight);
 };
 var naturalSizeRectangle = exports.naturalSizeRectangle = function naturalSizeRectangle(el) {
   // Firefox & Safari can't always read the "natural" dimensions correctly.
@@ -19,7 +19,7 @@ var naturalSizeRectangle = exports.naturalSizeRectangle = function naturalSizeRe
     naturalHeight = el.naturalHeight,
     width = el.width,
     height = el.height;
-  return new _mediaUi.Rectangle(naturalWidth || width, naturalHeight || height);
+  return new _rectangle.Rectangle(naturalWidth || width, naturalHeight || height);
 };
 function zoomLevelAfterResize(newCamera, oldCamera, oldZoomLevel) {
   var isImgScaledToFit = oldZoomLevel.value === oldCamera.scaleDownToFit;

package/dist/cjs/viewers/video.js

@@ -15,7 +15,8 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _mediaClient = require("@atlaskit/media-client");
-var _mediaUi = require("@atlaskit/media-ui");
+var _customMediaPlayer = require("@atlaskit/media-ui/customMediaPlayer");
+var _mediaPlayer = require("@atlaskit/media-ui/mediaPlayer");
 var _domain = require("../domain");
 var _errors = require("../errors");
 var _styleWrappers = require("../styleWrappers");
@@ -91,7 +92,7 @@ var VideoViewer = exports.VideoViewer = /*#__PURE__*/function (_BaseViewer) {
       var hdAvailable = isHDAvailable(item);
       return useCustomVideoPlayer ? /*#__PURE__*/_react.default.createElement(_styleWrappers.CustomVideoPlayerWrapper, {
         "data-testid": "media-viewer-video-content"
-      }, (0, _mediaClient.isFileIdentifier)(identifier) && (0, _fg.fg)('platform_media_video_captions') ? /*#__PURE__*/_react.default.createElement(_mediaUi.MediaPlayer, {
+      }, (0, _mediaClient.isFileIdentifier)(identifier) && (0, _fg.fg)('platform_media_video_captions') ? /*#__PURE__*/_react.default.createElement(_mediaPlayer.MediaPlayer, {
         identifier: identifier,
         type: "video",
         isAutoPlay: isAutoPlay,
@@ -107,7 +108,7 @@ var VideoViewer = exports.VideoViewer = /*#__PURE__*/function (_BaseViewer) {
         lastWatchTimeConfig: {
           contentId: item.id
         }
-      }) : /*#__PURE__*/_react.default.createElement(_mediaUi.CustomMediaPlayer, {
+      }) : /*#__PURE__*/_react.default.createElement(_customMediaPlayer.CustomMediaPlayer, {
         type: "video",
         isAutoPlay: isAutoPlay,
         showControls: showControls,

package/dist/cjs/zoomControls.js

@@ -13,7 +13,8 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _mediaUi = require("@atlaskit/media-ui");
+var _classNames = require("@atlaskit/media-ui/classNames");
+var _MediaButton = _interopRequireDefault(require("@atlaskit/media-ui/MediaButton"));
 var _zoomOut = _interopRequireDefault(require("@atlaskit/icon/core/zoom-out"));
 var _zoomIn = _interopRequireDefault(require("@atlaskit/icon/core/zoom-in"));
 var _styleWrappers = require("./styleWrappers");
@@ -22,6 +23,7 @@ var _analytics = require("./analytics/");
 var _zoomInButtonClicked = require("./analytics/events/ui/zoomInButtonClicked");
 var _zoomOutButtonClicked = require("./analytics/events/ui/zoomOutButtonClicked");
 var _reactIntl = require("react-intl");
+var _messages = require("@atlaskit/media-ui/messages");
 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; })(); }
@@ -69,22 +71,22 @@ var ZoomControlsBase = exports.ZoomControlsBase = /*#__PURE__*/function (_Compon
         /*#__PURE__*/
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         _react.default.createElement(_styleWrappers.ZoomWrapper, {
-          className: _mediaUi.hideControlsClassName
-        }, /*#__PURE__*/_react.default.createElement(_styleWrappers.ZoomCenterControls, null, /*#__PURE__*/_react.default.createElement(_mediaUi.MediaButton, {
+          className: _classNames.hideControlsClassName
+        }, /*#__PURE__*/_react.default.createElement(_styleWrappers.ZoomCenterControls, null, /*#__PURE__*/_react.default.createElement(_MediaButton.default, {
           isDisabled: !zoomLevel.canZoomOut,
           onClick: this.zoomOut,
           iconBefore: /*#__PURE__*/_react.default.createElement(_zoomOut.default, {
             color: "currentColor",
             spacing: "spacious",
-            label: formatMessage(_mediaUi.messages.zoom_out)
+            label: formatMessage(_messages.messages.zoom_out)
           })
-        }), /*#__PURE__*/_react.default.createElement(_mediaUi.MediaButton, {
+        }), /*#__PURE__*/_react.default.createElement(_MediaButton.default, {
           isDisabled: !zoomLevel.canZoomIn,
           onClick: this.zoomIn,
           iconBefore: /*#__PURE__*/_react.default.createElement(_zoomIn.default, {
             color: "currentColor",
             spacing: "spacious",
-            label: formatMessage(_mediaUi.messages.zoom_in)
+            label: formatMessage(_messages.messages.zoom_in)
           })
         })), /*#__PURE__*/_react.default.createElement(_styleWrappers.ZoomRightControls, null, children, /*#__PURE__*/_react.default.createElement(_styleWrappers.ZoomLevelIndicator, null, zoomLevel.asPercentage)))
       );

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
 const componentName = 'mediaViewer';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "54.6.4";
+const packageVersion = "54.6.5";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/es2019/analytics/ufoExperiences.js

@@ -4,7 +4,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "54.6.4";
+const packageVersion = "54.6.5";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/content.js

@@ -1,7 +1,9 @@
 import React from 'react';
 import { Component } from 'react';
 import CrossIcon from '@atlaskit/icon/core/cross';
-import { MediaButton, hideControlsClassName, InactivityDetector } from '@atlaskit/media-ui';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
+import { InactivityDetector } from '@atlaskit/media-ui/inactivityDetector';
 import { CloseButtonWrapper, ContentWrapper } from './styleWrappers';
 export class Content extends Component {
   /*

package/dist/es2019/download.js

@@ -2,7 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import DownloadIcon from '@atlaskit/icon/core/download';
 import { isErrorFileState, isExternalImageIdentifier } from '@atlaskit/media-client';
-import { MediaButton, messages } from '@atlaskit/media-ui';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
+import { messages } from '@atlaskit/media-ui/messages';
 import React, { useCallback, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
 import { createDownloadButtonClickedEvent } from './analytics/events/ui/downloadButtonClicked';

package/dist/es2019/errorMessage.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
-import { messages as i18nMessages } from '@atlaskit/media-ui';
+import { messages as i18nMessages } from '@atlaskit/media-ui/messages';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { ErrorMessageWrapper, ErrorImage } from './styleWrappers';
 import { errorLoadingFile } from './error-images';

package/dist/es2019/header.js

@@ -1,7 +1,12 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { isExternalImageIdentifier, isErrorFileState, toCommonMediaClientError } from '@atlaskit/media-client';
-import { hideControlsClassName, messages, toHumanReadableMediaSize, MediaButton } from '@atlaskit/media-ui';
-import { getLanguageType, getExtension, isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
+import { messages } from '@atlaskit/media-ui/messages';
+import { toHumanReadableMediaSize } from '@atlaskit/media-ui/humanReadableSize';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
+import { getLanguageType } from '@atlaskit/media-ui/getLanguageType';
+import { getExtension } from '@atlaskit/media-ui/getExtension';
+import { isCodeViewerItem } from '@atlaskit/media-ui/isCodeViewerItem';
 import { isZipMimeType } from '@atlaskit/media-common/isZipMimeType';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { FormattedMessage, injectIntl } from 'react-intl';

package/dist/es2019/item-viewer.js

@@ -4,8 +4,8 @@ import Loadable from 'react-loadable';
 import { isExternalImageIdentifier, isFileIdentifier, toCommonMediaClientError } from '@atlaskit/media-client';
 import { Text } from '@atlaskit/primitives/compiled';
 import { FormattedMessage } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
-import { isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
+import { messages } from '@atlaskit/media-ui/messages';
+import { isCodeViewerItem } from '@atlaskit/media-ui/isCodeViewerItem';
 import { useFileState } from '@atlaskit/media-client-react/use-file-state';
 import { useMediaClient } from '@atlaskit/media-client-react/use-media-client';
 import { Outcome } from './domain';

package/dist/es2019/list.js

@@ -1,5 +1,5 @@
 import React, { useState, useRef } from 'react';
-import { hideControlsClassName } from '@atlaskit/media-ui';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
 import { ItemViewer } from './item-viewer';
 import { HeaderWrapper, ListWrapper } from './styleWrappers';
 import { Navigation } from './navigation';

package/dist/es2019/loading.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import AkSpinner from '@atlaskit/spinner/spinner';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import { useIntl } from 'react-intl';
 export const Spinner = ({}) => {
   const intl = useIntl();

package/dist/es2019/media-viewer.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useState, useLayoutEffect, useRef } from 'react';
 import { IntlProvider, injectIntl } from 'react-intl';
-import { Shortcut } from '@atlaskit/media-ui';
+import { Shortcut } from '@atlaskit/media-ui/shortcut';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { fireAnalytics } from './analytics';
 import { createModalEvent } from './analytics/events/screen/modal';

package/dist/es2019/navigation.js

@@ -3,8 +3,8 @@ import React from 'react';
 import { Component } from 'react';
 import ArrowLeftCircleIcon from '@atlaskit/icon/core/chevron-left';
 import ArrowRightCircleIcon from '@atlaskit/icon/core/chevron-right';
-import { hideControlsClassName } from '@atlaskit/media-ui';
-import { Shortcut } from '@atlaskit/media-ui';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
+import { Shortcut } from '@atlaskit/media-ui/shortcut';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ArrowsWrapper, RightWrapper, LeftWrapper, Arrow } from './styleWrappers';

package/dist/es2019/viewers/archiveSidebar/archive-sidebar-folder-entry.js

@@ -8,7 +8,7 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ArchiveSidebarFolderWrapper, ArchiveSidebarFileEntryWrapper, SidebarItemWrapper } from './styleWrappers';
 import { getMediaTypeFromFilename, isMacPrivateFile, rejectAfter } from '../../utils';
 import { CustomButtonItem } from './custom-button-item';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import { ArchiveDownloadButton } from './archive-download-button';
 import { injectIntl } from 'react-intl';
 class ArchiveSidebarFolderEntryBase extends React.Component {

package/dist/es2019/viewers/archiveSidebar/archive.js

@@ -5,8 +5,10 @@ import { unzip, HTTPRangeReader } from 'unzipit';
 import { FormattedMessage } from 'react-intl';
 import { isErrorFileState } from '@atlaskit/media-client';
 import { isZipMimeType } from '@atlaskit/media-common/isZipMimeType';
-import { CustomMediaPlayer, messages } from '@atlaskit/media-ui';
-import { getLanguageType, isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
+import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
+import { messages } from '@atlaskit/media-ui/messages';
+import { getLanguageType } from '@atlaskit/media-ui/getLanguageType';
+import { isCodeViewerItem } from '@atlaskit/media-ui/isCodeViewerItem';
 import { Text } from '@atlaskit/primitives/compiled';
 import { Outcome } from '../../domain';
 import { CustomVideoPlayerWrapper, AudioPlayer, CustomAudioPlayerWrapper, DefaultCoverWrapper, ListWrapper } from '../../styleWrappers';

package/dist/es2019/viewers/archiveSidebar/styleWrappers.js

@@ -7,7 +7,7 @@ import { forwardRef } from 'react';
 
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 export const ARCHIVE_SIDE_BAR_WIDTH = 300;
 const archiveItemViewerWrapperStyles = null;
 const archiveSideBarStyles = null;

package/dist/es2019/viewers/audio.js

@@ -7,7 +7,7 @@ import { MediaViewerError } from '../errors';
 import { AudioPlayer, AudioCover, Audio, DefaultCoverWrapper, CustomAudioPlayerWrapper } from '../styleWrappers';
 import { BaseViewer } from './base-viewer';
 import { isIE } from '../utils/isIE';
-import { CustomMediaPlayer } from '@atlaskit/media-ui';
+import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
 import { getObjectUrlFromFileState } from '../utils/getObjectUrlFromFileState';
 const defaultCover = /*#__PURE__*/React.createElement(DefaultCoverWrapper, null, /*#__PURE__*/React.createElement(AudioIcon, {
   label: "cover",

package/dist/es2019/viewers/base-viewer.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Fragment } from 'react';
 import { FormattedMessage } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import deepEqual from 'deep-equal';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import ErrorMessage from '../errorMessage';

package/dist/es2019/viewers/codeViewer/index.js

@@ -5,7 +5,8 @@ import { MediaViewerError } from '../../errors';
 import { Spinner } from '../../loading';
 import { BaseViewer } from '../base-viewer';
 import { DEFAULT_LANGUAGE, normaliseLineBreaks } from './util';
-import { getLanguageType, getExtension } from '@atlaskit/media-ui/codeViewer';
+import { getLanguageType } from '@atlaskit/media-ui/getLanguageType';
+import { getExtension } from '@atlaskit/media-ui/getExtension';
 import { msgToText } from './msg-parser';
 import { CodeRendererAdvanced } from './CodeRendererAdvanced/CodeRendererAdvanced';
 import { fg } from '@atlaskit/platform-feature-flags/fg';

package/dist/es2019/viewers/doc/passwordInput.js

@@ -10,7 +10,7 @@ import LockIcon from '@atlaskit/icon/core/lock-locked';
 import Form from '@atlaskit/form/form';
 import Field from '@atlaskit/form/field';
 import { FormattedMessage, useIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { xcss, Box, Flex, Text } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/viewers/image/index.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { isImageRepresentationReady, isErrorFileState, addFileAttrsToUrl } from '@atlaskit/media-client';
 import { isImageMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
-import { getOrientation } from '@atlaskit/media-ui';
+import { getOrientation } from '@atlaskit/media-ui/imageMetaData/getOrientation';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Outcome } from '../../domain';
 import { buildImgErrorDiagnostics, MediaViewerError } from '../../errors';

package/dist/es2019/viewers/image/interactive-img.js

@@ -1,6 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { Camera, getCssFromImageOrientation, hideControlsClassName, Rectangle, Vector2 } from '@atlaskit/media-ui';
+import { Camera } from '@atlaskit/media-ui/camera/camera';
+import { getCssFromImageOrientation } from '@atlaskit/media-ui/imageMetaData/getCssFromImageOrientation';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
+import { Vector2 } from '@atlaskit/media-ui/vector2';
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 import { MAX_RESOLUTION } from '@atlaskit/media-client/constants';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';

package/dist/es2019/viewers/svg/index.js

@@ -1,5 +1,7 @@
 import React, { useState, useRef, useEffect, useCallback, useLayoutEffect } from 'react';
-import { Camera, messages, Vector2 } from '@atlaskit/media-ui';
+import { Camera } from '@atlaskit/media-ui/camera/camera';
+import { messages } from '@atlaskit/media-ui/messages';
+import { Vector2 } from '@atlaskit/media-ui/vector2';
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { BaselineExtend } from '../../styleWrappers';

package/dist/es2019/viewers/svg/utils.js

@@ -1,4 +1,4 @@
-import { Rectangle } from '@atlaskit/media-ui';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
 import { ZoomLevel } from '../../domain/zoomLevel';
 export const clientRectangle = el => {
   const {

package/dist/es2019/viewers/video.js

@@ -1,7 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { getArtifactUrl, globalMediaEventEmitter, isFileIdentifier } from '@atlaskit/media-client';
-import { CustomMediaPlayer, MediaPlayer } from '@atlaskit/media-ui';
+import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
+import { MediaPlayer } from '@atlaskit/media-ui/mediaPlayer';
 import { Outcome } from '../domain';
 import { buildVideoErrorDiagnostics, MediaViewerError } from '../errors';
 import { Video, CustomVideoPlayerWrapper } from '../styleWrappers';

package/dist/es2019/zoomControls.js

@@ -1,7 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { Component } from 'react';
-import { hideControlsClassName, MediaButton } from '@atlaskit/media-ui';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
 import ZoomOutIcon from '@atlaskit/icon/core/zoom-out';
 import ZoomInIcon from '@atlaskit/icon/core/zoom-in';
 import { ZoomWrapper, ZoomCenterControls, ZoomRightControls, ZoomLevelIndicator } from './styleWrappers';
@@ -10,7 +11,7 @@ import { fireAnalytics } from './analytics/';
 import { createZoomInButtonClickEvent } from './analytics/events/ui/zoomInButtonClicked';
 import { createZoomOutButtonClickedEvent } from './analytics/events/ui/zoomOutButtonClicked';
 import { injectIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 export class ZoomControlsBase extends Component {
   constructor(...args) {
     super(...args);

package/dist/esm/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
 var componentName = 'mediaViewer';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "54.6.4";
+var packageVersion = "54.6.5";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/esm/analytics/ufoExperiences.js

@@ -7,7 +7,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "54.6.4";
+var packageVersion = "54.6.5";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/content.js

@@ -8,7 +8,9 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React from 'react';
 import { Component } from 'react';
 import CrossIcon from '@atlaskit/icon/core/cross';
-import { MediaButton, hideControlsClassName, InactivityDetector } from '@atlaskit/media-ui';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
+import { InactivityDetector } from '@atlaskit/media-ui/inactivityDetector';
 import { CloseButtonWrapper, ContentWrapper } from './styleWrappers';
 export var Content = /*#__PURE__*/function (_Component) {
   function Content() {

package/dist/esm/download.js

@@ -7,7 +7,8 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import DownloadIcon from '@atlaskit/icon/core/download';
 import { isErrorFileState, isExternalImageIdentifier } from '@atlaskit/media-client';
-import { MediaButton, messages } from '@atlaskit/media-ui';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
+import { messages } from '@atlaskit/media-ui/messages';
 import React, { useCallback, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
 import { createDownloadButtonClickedEvent } from './analytics/events/ui/downloadButtonClicked';

package/dist/esm/errorMessage.js

@@ -10,7 +10,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
-import { messages as i18nMessages } from '@atlaskit/media-ui';
+import { messages as i18nMessages } from '@atlaskit/media-ui/messages';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { ErrorMessageWrapper, ErrorImage } from './styleWrappers';
 import { errorLoadingFile } from './error-images';

package/dist/esm/header.js

@@ -1,8 +1,13 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useEffect, useRef, useState } from 'react';
 import { isExternalImageIdentifier, isErrorFileState, toCommonMediaClientError } from '@atlaskit/media-client';
-import { hideControlsClassName, messages, toHumanReadableMediaSize, MediaButton } from '@atlaskit/media-ui';
-import { getLanguageType, getExtension, isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
+import { messages } from '@atlaskit/media-ui/messages';
+import { toHumanReadableMediaSize } from '@atlaskit/media-ui/humanReadableSize';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
+import { getLanguageType } from '@atlaskit/media-ui/getLanguageType';
+import { getExtension } from '@atlaskit/media-ui/getExtension';
+import { isCodeViewerItem } from '@atlaskit/media-ui/isCodeViewerItem';
 import { isZipMimeType } from '@atlaskit/media-common/isZipMimeType';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { FormattedMessage, injectIntl } from 'react-intl';

package/dist/esm/item-viewer.js

@@ -5,8 +5,8 @@ import Loadable from 'react-loadable';
 import { isExternalImageIdentifier, isFileIdentifier, toCommonMediaClientError } from '@atlaskit/media-client';
 import { Text } from '@atlaskit/primitives/compiled';
 import { FormattedMessage } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
-import { isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
+import { messages } from '@atlaskit/media-ui/messages';
+import { isCodeViewerItem } from '@atlaskit/media-ui/isCodeViewerItem';
 import { useFileState } from '@atlaskit/media-client-react/use-file-state';
 import { useMediaClient } from '@atlaskit/media-client-react/use-media-client';
 import { Outcome } from './domain';