@atlaskit/media-viewer 47.4.0 → 47.4.2

package/dist/cjs/navigation.js

@@ -1,79 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.prevNavButtonId = exports.nextNavButtonId = exports.NavigationBase = exports.Navigation = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _chevronLeftCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left-circle"));
-
 var _chevronRightCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right-circle"));
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _styleWrappers = require("./styleWrappers");
-
 var _utils = require("./utils");
-
 var _navigated = require("./analytics/events/ui/navigated");
-
 var _analytics = require("./analytics");
-
 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; }
-
 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 nextNavButtonId = 'media-viewer-navigation-next';
 exports.nextNavButtonId = nextNavButtonId;
 var prevNavButtonId = 'media-viewer-navigation-prev';
 exports.prevNavButtonId = prevNavButtonId;
-
 var NavigationBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(NavigationBase, _Component);
-
   var _super = _createSuper(NavigationBase);
-
   function NavigationBase() {
     (0, _classCallCheck2.default)(this, NavigationBase);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(NavigationBase, [{
     key: "navigate",
     value: function navigate(direction, source) {
       var _this = this;
-
       return function () {
         var _this$props = _this.props,
-            onChange = _this$props.onChange,
-            items = _this$props.items;
+          onChange = _this$props.onChange,
+          items = _this$props.items;
         var selectedIndex = _this.selectedIndex;
         var newItem = direction === 'next' ? items[selectedIndex + 1] : items[selectedIndex - 1];
-
         if (newItem) {
           (0, _analytics.fireAnalytics)((0, _navigated.createNavigatedEvent)(direction, source, newItem), _this.props);
           onChange(newItem);
@@ -84,35 +56,29 @@ var NavigationBase = /*#__PURE__*/function (_Component) {
     key: "selectedIndex",
     get: function get() {
       var _this$props2 = this.props,
-          items = _this$props2.items,
-          selectedItem = _this$props2.selectedItem;
+        items = _this$props2.items,
+        selectedItem = _this$props2.selectedItem;
       return (0, _utils.getSelectedIndex)(items, selectedItem);
     }
   }, {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props3 = this.props,
-          items = _this$props3.items,
-          isArchiveSideBarVisible = _this$props3.isArchiveSideBarVisible;
+        items = _this$props3.items,
+        isArchiveSideBarVisible = _this$props3.isArchiveSideBarVisible;
       var selectedIndex = this.selectedIndex;
-
       if (selectedIndex === -1) {
         return null;
       }
-
       var isLeftVisible = selectedIndex > 0;
       var isRightVisible = selectedIndex < items.length - 1;
-
       var prev = function prev(source) {
         return _this2.navigate('prev', source);
       };
-
       var next = function next(source) {
         return _this2.navigate('next', source);
       };
-
       return /*#__PURE__*/_react.default.createElement(_styleWrappers.ArrowsWrapper, null, /*#__PURE__*/_react.default.createElement(_styleWrappers.LeftWrapper, {
         isArchiveSideBarVisible: !!isArchiveSideBarVisible
       }, isLeftVisible ? /*#__PURE__*/_react.default.createElement(_styleWrappers.Arrow, {
@@ -123,9 +89,11 @@ var NavigationBase = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
         testId: prevNavButtonId,
         onClick: prev('mouse'),
-        iconBefore: /*#__PURE__*/_react.default.createElement(_chevronLeftCircle.default // DN800
+        iconBefore: /*#__PURE__*/_react.default.createElement(_chevronLeftCircle.default
+        // DN800
         , {
-          primaryColor: "#9FADBC" // DN0
+          primaryColor: "#9FADBC"
+          // DN0
           ,
           secondaryColor: "#161A1D",
           size: "xlarge",
@@ -139,9 +107,11 @@ var NavigationBase = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
         testId: nextNavButtonId,
         onClick: next('mouse'),
-        iconBefore: /*#__PURE__*/_react.default.createElement(_chevronRightCircle.default // DN800
+        iconBefore: /*#__PURE__*/_react.default.createElement(_chevronRightCircle.default
+        // DN800
         , {
-          primaryColor: "#9FADBC" // DN0
+          primaryColor: "#9FADBC"
+          // DN0
           ,
           secondaryColor: "#161A1D",
           size: "xlarge",
@@ -152,7 +122,6 @@ var NavigationBase = /*#__PURE__*/function (_Component) {
   }]);
   return NavigationBase;
 }(_react.Component);
-
 exports.NavigationBase = NavigationBase;
 var Navigation = (0, _analyticsNext.withAnalyticsEvents)({})(NavigationBase);
 exports.Navigation = Navigation;

package/dist/cjs/styleWrappers.js

@@ -4,31 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ZoomWrapper = exports.ZoomLevelIndicator = exports.ZoomControlsWrapper = exports.Video = exports.SpinnerWrapper = exports.SidebarWrapper = exports.RightWrapper = exports.RightHeader = exports.PDFWrapper = exports.MetadataWrapper = exports.MetadataSubText = exports.MetadataIconWrapper = exports.MetadataFileName = exports.MedatadataTextWrapper = exports.ListWrapper = exports.LeftWrapper = exports.LeftHeader = exports.Img = exports.ImageWrapper = exports.HeaderWrapper = exports.Header = exports.HDIconWrapper = exports.HDIconGroupWrapper = exports.FormattedMessageWrapper = exports.ErrorMessageWrapper = exports.ErrorImage = exports.DownloadButtonWrapper = exports.DefaultCoverWrapper = exports.CustomVideoPlayerWrapper = exports.CustomAudioPlayerWrapper = exports.ContentWrapper = exports.CloseButtonWrapper = exports.Blanket = exports.BaselineExtend = exports.AudioPlayer = exports.AudioCover = exports.Audio = exports.ArrowsWrapper = exports.Arrow = void 0;
-
 var _react = require("@emotion/react");
-
 var _react2 = require("react");
-
 var _styles = require("./styles");
-
 /** @jsx jsx */
+
 var Blanket = function Blanket(_ref) {
   var datatestId = _ref['data-testid'],
-      className = _ref.className,
-      children = _ref.children;
+    className = _ref.className,
+    children = _ref.children;
   return (0, _react.jsx)("div", {
     css: _styles.blanketStyles,
     "data-testid": datatestId,
     className: className
   }, children);
 };
-
 exports.Blanket = Blanket;
-
 var HeaderWrapper = function HeaderWrapper(_ref2) {
   var className = _ref2.className,
-      children = _ref2.children,
-      isArchiveSideBarVisible = _ref2.isArchiveSideBarVisible;
+    children = _ref2.children,
+    isArchiveSideBarVisible = _ref2.isArchiveSideBarVisible;
   return (0, _react.jsx)("div", {
     css: (0, _styles.headerWrapperStyles)({
       isArchiveSideBarVisible: isArchiveSideBarVisible
@@ -36,129 +31,106 @@ var HeaderWrapper = function HeaderWrapper(_ref2) {
     className: className
   }, children);
 };
-
 exports.HeaderWrapper = HeaderWrapper;
 HeaderWrapper.displayName = 'HeaderWrapper';
-
 var ListWrapper = function ListWrapper(_ref3) {
   var children = _ref3.children;
   return (0, _react.jsx)("div", {
     css: _styles.listWrapperStyles
   }, children);
 };
-
 exports.ListWrapper = ListWrapper;
 ListWrapper.displayName = 'ListWrapper';
-
 var ArrowsWrapper = function ArrowsWrapper(_ref4) {
   var children = _ref4.children;
   return (0, _react.jsx)("div", {
     css: _styles.arrowsWrapperStyles
   }, children);
 };
-
 exports.ArrowsWrapper = ArrowsWrapper;
-
 var CloseButtonWrapper = function CloseButtonWrapper(_ref5) {
   var className = _ref5.className,
-      children = _ref5.children;
+    children = _ref5.children;
   return (0, _react.jsx)("div", {
     css: _styles.closeButtonWrapperStyles,
     className: className
   }, children);
 };
-
 exports.CloseButtonWrapper = CloseButtonWrapper;
-
 var ContentWrapper = function ContentWrapper(_ref6) {
   var isSidebarVisible = _ref6.isSidebarVisible,
-      children = _ref6.children;
+    children = _ref6.children;
   return (0, _react.jsx)("div", {
     css: (0, _styles.contentWrapperStyles)({
       isSidebarVisible: isSidebarVisible
     })
   }, children);
 };
-
 exports.ContentWrapper = ContentWrapper;
-
 var ZoomWrapper = function ZoomWrapper(_ref7) {
   var className = _ref7.className,
-      children = _ref7.children;
+    children = _ref7.children;
   return (0, _react.jsx)("div", {
     css: _styles.zoomWrapperStyles,
     className: className
   }, children);
 };
-
 exports.ZoomWrapper = ZoomWrapper;
-
 var ZoomControlsWrapper = function ZoomControlsWrapper(_ref8) {
   var children = _ref8.children;
   return (0, _react.jsx)("div", {
     css: _styles.zoomControlsWrapperStyles
   }, children);
 };
-
 exports.ZoomControlsWrapper = ZoomControlsWrapper;
-
 var ZoomLevelIndicator = function ZoomLevelIndicator(_ref9) {
   var children = _ref9.children;
   return (0, _react.jsx)("span", {
     css: _styles.zoomLevelIndicatorStyles
   }, children);
 };
-
 exports.ZoomLevelIndicator = ZoomLevelIndicator;
-
 var HDIconGroupWrapper = function HDIconGroupWrapper(_ref10) {
   var className = _ref10.className,
-      children = _ref10.children;
+    children = _ref10.children;
   return (0, _react.jsx)("div", {
     css: _styles.hdIconGroupWrapperStyles,
     className: className
   }, children);
 };
-
 exports.HDIconGroupWrapper = HDIconGroupWrapper;
-
 var HDIconWrapper = function HDIconWrapper(_ref11) {
   var children = _ref11.children;
   return (0, _react.jsx)("div", {
     css: _styles.hdIconWrapperStyles
   }, children);
 };
-
 exports.HDIconWrapper = HDIconWrapper;
-
 var ErrorMessageWrapper = function ErrorMessageWrapper(_ref12) {
   var datatestId = _ref12['data-testid'],
-      children = _ref12.children;
+    children = _ref12.children;
   return (0, _react.jsx)("div", {
     css: _styles.errorMessageWrapperStyles,
     "data-testid": datatestId
   }, children);
 };
-
 exports.ErrorMessageWrapper = ErrorMessageWrapper;
-
 var ErrorImage = function ErrorImage(_ref13) {
   var src = _ref13.src,
-      alt = _ref13.alt;
+    alt = _ref13.alt;
   return (0, _react.jsx)("img", {
     css: _styles.errorImageStyles,
     alt: alt,
     src: src
   });
 };
-
 exports.ErrorImage = ErrorImage;
-
 var Video = function Video(_ref14) {
   var autoPlay = _ref14.autoPlay,
-      controls = _ref14.controls,
-      src = _ref14.src;
-  return (// eslint-disable-next-line jsx-a11y/media-has-caption
+    controls = _ref14.controls,
+    src = _ref14.src;
+  return (
+    // eslint-disable-next-line jsx-a11y/media-has-caption
     (0, _react.jsx)("video", {
       css: _styles.videoStyles,
       autoPlay: autoPlay,
@@ -167,11 +139,10 @@ var Video = function Video(_ref14) {
     })
   );
 };
-
 exports.Video = Video;
 var PDFWrapper = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref15, ref) {
   var datatestId = _ref15['data-testid'],
-      children = _ref15.children;
+    children = _ref15.children;
   return (0, _react.jsx)("div", {
     css: _styles.pdfWrapperStyles,
     ref: ref,
@@ -179,44 +150,38 @@ var PDFWrapper = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref15, ref) {
   }, children);
 });
 exports.PDFWrapper = PDFWrapper;
-
 var Arrow = function Arrow(_ref16) {
   var className = _ref16.className,
-      children = _ref16.children;
+    children = _ref16.children;
   return (0, _react.jsx)("span", {
     css: _styles.arrowStyles,
     className: className
   }, children);
 };
-
 exports.Arrow = Arrow;
-
 var LeftWrapper = function LeftWrapper(_ref17) {
   var children = _ref17.children,
-      isArchiveSideBarVisible = _ref17.isArchiveSideBarVisible;
+    isArchiveSideBarVisible = _ref17.isArchiveSideBarVisible;
   return (0, _react.jsx)("div", {
     css: (0, _styles.leftWrapperStyles)({
       isArchiveSideBarVisible: isArchiveSideBarVisible
     })
   }, children);
 };
-
 exports.LeftWrapper = LeftWrapper;
-
 var RightWrapper = function RightWrapper(_ref18) {
   var children = _ref18.children;
   return (0, _react.jsx)("div", {
     css: _styles.rightWrapperStyles
   }, children);
-}; // header.tsx
-
+};
 
+// header.tsx
 exports.RightWrapper = RightWrapper;
-
 var Header = function Header(_ref19) {
   var children = _ref19.children,
-      isArchiveSideBarVisible = _ref19.isArchiveSideBarVisible,
-      className = _ref19.className;
+    isArchiveSideBarVisible = _ref19.isArchiveSideBarVisible,
+    className = _ref19.className;
   return (0, _react.jsx)("div", {
     css: (0, _styles.headerStyles)({
       isArchiveSideBarVisible: isArchiveSideBarVisible
@@ -224,23 +189,20 @@ var Header = function Header(_ref19) {
     className: className
   }, children);
 };
-
 exports.Header = Header;
-
 var LeftHeader = function LeftHeader(_ref20) {
   var children = _ref20.children;
   return (0, _react.jsx)("div", {
     css: _styles.leftHeaderStyles
   }, children);
 };
-
 exports.LeftHeader = LeftHeader;
 var ImageWrapper = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref21, ref) {
   var children = _ref21.children,
-      datatestId = _ref21['data-testid'],
-      onClick = _ref21.onClick,
-      style = _ref21.style,
-      className = _ref21.className;
+    datatestId = _ref21['data-testid'],
+    onClick = _ref21.onClick,
+    style = _ref21.style,
+    className = _ref21.className;
   return (0, _react.jsx)("div", {
     "data-testid": datatestId,
     onClick: onClick,
@@ -251,26 +213,23 @@ var ImageWrapper = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref21, ref) {
   }, children);
 });
 exports.ImageWrapper = ImageWrapper;
-
 var BaselineExtend = function BaselineExtend() {
   return (0, _react.jsx)("div", {
     css: _styles.baselineExtendStyles
   });
 };
-
 exports.BaselineExtend = BaselineExtend;
-
 var Img = function Img(_ref22) {
   var canDrag = _ref22.canDrag,
-      isDragging = _ref22.isDragging,
-      shouldPixelate = _ref22.shouldPixelate,
-      datatestId = _ref22['data-testid'],
-      src = _ref22.src,
-      style = _ref22.style,
-      onLoad = _ref22.onLoad,
-      onError = _ref22.onError,
-      onMouseDown = _ref22.onMouseDown,
-      className = _ref22.className;
+    isDragging = _ref22.isDragging,
+    shouldPixelate = _ref22.shouldPixelate,
+    datatestId = _ref22['data-testid'],
+    src = _ref22.src,
+    style = _ref22.style,
+    onLoad = _ref22.onLoad,
+    onError = _ref22.onError,
+    onMouseDown = _ref22.onMouseDown,
+    className = _ref22.className;
   var cursor = (0, _react2.useMemo)(function () {
     if (canDrag && isDragging) {
       return 'grabbing';
@@ -294,93 +253,77 @@ var Img = function Img(_ref22) {
     onMouseDown: onMouseDown
   });
 };
-
 exports.Img = Img;
-
 var MedatadataTextWrapper = function MedatadataTextWrapper(_ref23) {
   var children = _ref23.children;
   return (0, _react.jsx)("div", {
     css: _styles.medatadataTextWrapperStyles
   }, children);
 };
-
 exports.MedatadataTextWrapper = MedatadataTextWrapper;
-
 var MetadataWrapper = function MetadataWrapper(_ref24) {
   var children = _ref24.children;
   return (0, _react.jsx)("div", {
     css: _styles.metadataWrapperStyles
   }, children);
 };
-
 exports.MetadataWrapper = MetadataWrapper;
-
 var MetadataFileName = function MetadataFileName(_ref25) {
   var datatestId = _ref25['data-testid'],
-      children = _ref25.children;
+    children = _ref25.children;
   return (0, _react.jsx)("div", {
     css: _styles.metadataFileNameStyles,
     "data-testid": datatestId
   }, children);
 };
-
 exports.MetadataFileName = MetadataFileName;
-
 var MetadataSubText = function MetadataSubText(_ref26) {
   var datatestId = _ref26['data-testid'],
-      children = _ref26.children;
+    children = _ref26.children;
   return (0, _react.jsx)("div", {
     css: _styles.metadataSubTextStyles,
     "data-testid": datatestId
   }, children);
 };
-
 exports.MetadataSubText = MetadataSubText;
-
 var MetadataIconWrapper = function MetadataIconWrapper(_ref27) {
   var children = _ref27.children;
   return (0, _react.jsx)("div", {
     css: _styles.metadataIconWrapperStyles
   }, children);
 };
-
 exports.MetadataIconWrapper = MetadataIconWrapper;
-
 var RightHeader = function RightHeader(_ref28) {
   var children = _ref28.children;
   return (0, _react.jsx)("div", {
     css: _styles.rightHeaderStyles
   }, children);
 };
-
 exports.RightHeader = RightHeader;
-
 var CustomAudioPlayerWrapper = function CustomAudioPlayerWrapper(_ref29) {
   var children = _ref29.children;
   return (0, _react.jsx)("div", {
     css: _styles.customAudioPlayerWrapperStyles
   }, children);
 };
-
 exports.CustomAudioPlayerWrapper = CustomAudioPlayerWrapper;
-
 var AudioPlayer = function AudioPlayer(_ref30) {
   var datatestId = _ref30['data-testid'],
-      children = _ref30.children;
+    children = _ref30.children;
   return (0, _react.jsx)("div", {
     css: _styles.audioPlayerStyles,
     "data-testid": datatestId
   }, children);
 };
-
 exports.AudioPlayer = AudioPlayer;
 AudioPlayer.displayName = 'AudioPlayer';
 var Audio = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref31, ref) {
   var autoPlay = _ref31.autoPlay,
-      controls = _ref31.controls,
-      src = _ref31.src,
-      preload = _ref31.preload;
-  return (// eslint-disable-next-line jsx-a11y/media-has-caption
+    controls = _ref31.controls,
+    src = _ref31.src,
+    preload = _ref31.preload;
+  return (
+    // eslint-disable-next-line jsx-a11y/media-has-caption
     (0, _react.jsx)("audio", {
       css: _styles.audioStyles,
       ref: ref,
@@ -392,73 +335,59 @@ var Audio = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref31, ref) {
   );
 });
 exports.Audio = Audio;
-
 var AudioCover = function AudioCover(_ref32) {
   var src = _ref32.src,
-      alt = _ref32.alt;
+    alt = _ref32.alt;
   return (0, _react.jsx)("img", {
     css: _styles.audioCoverStyles,
     alt: alt,
     src: src
   });
 };
-
 exports.AudioCover = AudioCover;
-
 var DefaultCoverWrapper = function DefaultCoverWrapper(_ref33) {
   var children = _ref33.children;
   return (0, _react.jsx)("div", {
     css: _styles.defaultCoverWrapperStyles
   }, children);
 };
-
 exports.DefaultCoverWrapper = DefaultCoverWrapper;
-
 var DownloadButtonWrapper = function DownloadButtonWrapper(_ref34) {
   var children = _ref34.children;
   return (0, _react.jsx)("div", {
     css: _styles.downloadButtonWrapperStyles
   }, children);
 };
-
 exports.DownloadButtonWrapper = DownloadButtonWrapper;
-
 var CustomVideoPlayerWrapper = function CustomVideoPlayerWrapper(_ref35) {
   var datatestId = _ref35['data-testid'],
-      children = _ref35.children;
+    children = _ref35.children;
   return (0, _react.jsx)("div", {
     css: _styles.customVideoPlayerWrapperStyles,
     "data-testid": datatestId
   }, children);
 };
-
 exports.CustomVideoPlayerWrapper = CustomVideoPlayerWrapper;
-
 var SidebarWrapper = function SidebarWrapper(_ref36) {
   var datatestId = _ref36['data-testid'],
-      children = _ref36.children;
+    children = _ref36.children;
   return (0, _react.jsx)("div", {
     css: _styles.sidebarWrapperStyles,
     "data-testid": datatestId
   }, children);
 };
-
 exports.SidebarWrapper = SidebarWrapper;
-
 var SpinnerWrapper = function SpinnerWrapper(_ref37) {
   var children = _ref37.children;
   return (0, _react.jsx)("div", {
     css: _styles.spinnerWrapperStyles
   }, children);
 };
-
 exports.SpinnerWrapper = SpinnerWrapper;
-
 var FormattedMessageWrapper = function FormattedMessageWrapper(_ref38) {
   var children = _ref38.children;
   return (0, _react.jsx)("span", {
     css: _styles.formattedMessageWrapperStyles
   }, children);
 };
-
 exports.FormattedMessageWrapper = FormattedMessageWrapper;