@atlaskit/media-ui 22.3.0 → 22.3.2

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

@@ -1,65 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MediaTypeIcon = exports.IconWrapper = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/image/24"));
-
 var _2 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/audio/24"));
-
 var _3 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/video/24"));
-
 var _4 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/document/24"));
-
 var _5 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/archive/24"));
-
 var _6 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/generic/24"));
-
 var _7 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/image/16"));
-
 var _8 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/audio/16"));
-
 var _9 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/video/16"));
-
 var _10 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/document/16"));
-
 var _11 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/archive/16"));
-
 var _12 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/generic/16"));
-
 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.div(_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 = {
@@ -79,24 +52,20 @@ var smallIcons = {
   unknown: _12.default
 };
 var defaultType = 'unknown';
-
 var MediaTypeIcon = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(MediaTypeIcon, _React$Component);
-
   var _super = _createSuper(MediaTypeIcon);
-
   function MediaTypeIcon() {
     (0, _classCallCheck2.default)(this, MediaTypeIcon);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(MediaTypeIcon, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          type = _this$props.type,
-          size = _this$props.size,
-          testId = _this$props.testId;
+        type = _this$props.type,
+        size = _this$props.size,
+        testId = _this$props.testId;
       var typeWithDefault = type || defaultType;
       var icons = size === 'large' ? largeIcons : smallIcons;
       var Icon = icons[typeWithDefault] || icons[defaultType];
@@ -111,7 +80,6 @@ var MediaTypeIcon = /*#__PURE__*/function (_React$Component) {
   }]);
   return MediaTypeIcon;
 }(_react.default.Component);
-
 exports.MediaTypeIcon = MediaTypeIcon;
 (0, _defineProperty2.default)(MediaTypeIcon, "defaultProps", {
   type: defaultType,

package/dist/cjs/mediaImage/index.js

@@ -1,67 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MediaImage = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _styled = require("./styled");
-
 var _imageMetaData = require("../imageMetaData");
-
 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 MediaImage = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(MediaImage, _Component);
-
   var _super = _createSuper(MediaImage);
-
   function MediaImage(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, MediaImage);
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onImageLoad", function (e) {
       if (!_this.imageRef || !_this.imageRef.current) {
         return;
       }
-
       var onImageLoad = _this.props.onImageLoad;
-
       _this.setState({
         isImageLoaded: true,
         imgWidth: _this.imageRef.current.naturalWidth,
         imgHeight: _this.imageRef.current.naturalHeight
       });
-
       if (onImageLoad) {
         onImageLoad(e.currentTarget);
       }
@@ -75,23 +51,20 @@ var MediaImage = /*#__PURE__*/function (_Component) {
       parentHeight: Infinity
     };
     return _this;
-  } // TODO FIL-4060 we need to check whether the dataURI changes in UNSAFE_componentWillReceiveProps()
-  // and if it does recalculate the image height and width
-
+  }
 
+  // TODO FIL-4060 we need to check whether the dataURI changes in UNSAFE_componentWillReceiveProps()
+  // and if it does recalculate the image height and width
   (0, _createClass2.default)(MediaImage, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var parent = _reactDom.default.findDOMNode(this).parentElement;
-
       if (!parent) {
         return;
       }
-
       var _parent$getBoundingCl = parent.getBoundingClientRect(),
-          width = _parent$getBoundingCl.width,
-          height = _parent$getBoundingCl.height;
-
+        width = _parent$getBoundingCl.width,
+        height = _parent$getBoundingCl.height;
       this.setState({
         parentWidth: width,
         parentHeight: height
@@ -101,26 +74,27 @@ var MediaImage = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          crop = _this$props.crop,
-          stretch = _this$props.stretch,
-          dataURI = _this$props.dataURI,
-          _this$props$previewOr = _this$props.previewOrientation,
-          previewOrientation = _this$props$previewOr === void 0 ? 1 : _this$props$previewOr,
-          crossOrigin = _this$props.crossOrigin,
-          onImageError = _this$props.onImageError,
-          _this$props$alt = _this$props.alt,
-          alt = _this$props$alt === void 0 ? '' : _this$props$alt,
-          loading = _this$props.loading,
-          forceSyncDisplay = _this$props.forceSyncDisplay;
+        crop = _this$props.crop,
+        stretch = _this$props.stretch,
+        dataURI = _this$props.dataURI,
+        _this$props$previewOr = _this$props.previewOrientation,
+        previewOrientation = _this$props$previewOr === void 0 ? 1 : _this$props$previewOr,
+        crossOrigin = _this$props.crossOrigin,
+        onImageError = _this$props.onImageError,
+        _this$props$alt = _this$props.alt,
+        alt = _this$props$alt === void 0 ? '' : _this$props$alt,
+        loading = _this$props.loading,
+        forceSyncDisplay = _this$props.forceSyncDisplay;
       var _this$state = this.state,
-          parentWidth = _this$state.parentWidth,
-          parentHeight = _this$state.parentHeight,
-          imgWidth = _this$state.imgWidth,
-          imgHeight = _this$state.imgHeight,
-          isImageLoaded = _this$state.isImageLoaded;
+        parentWidth = _this$state.parentWidth,
+        parentHeight = _this$state.parentHeight,
+        imgWidth = _this$state.imgWidth,
+        imgHeight = _this$state.imgHeight,
+        isImageLoaded = _this$state.isImageLoaded;
       var parentRatio = parentWidth / parentHeight;
       var imgRatio = imgWidth / imgHeight;
       var percentSize = '100%';
+
       /*
         Cover strategy means we want to full entire screen with an image. Here is an example:
             Image           Container   Result (░ - is what cropped out)
@@ -131,8 +105,8 @@ var MediaImage = /*#__PURE__*/function (_Component) {
        │▓▓▓▓▓▓▓▓▓▓▓▓▓▓│    └──────┘    └───┴──────┴───┘
        └──────────────┘
       */
-
       var isCoverStrategy = crop;
+
       /*
         Fit strategy means image is fully inside container even if there is empty space left.
         Here is an example:
@@ -144,9 +118,9 @@ var MediaImage = /*#__PURE__*/function (_Component) {
        │▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓│    │      │    ├──────┤
        └────────────────────┘    └──────┘    └──────┘
        */
-
       var isFitStrategy = !crop;
       var isImageRotated = previewOrientation !== 'from-image' && (0, _imageMetaData.isRotated)(previewOrientation);
+
       /*
         When photo has orientation of 90deg or 270deg (stored in EXIF meta data)
         things get very tricky. Let me go through an two examples to explain how we deal with that:
@@ -268,11 +242,11 @@ var MediaImage = /*#__PURE__*/function (_Component) {
         750px             -> (750x134) / 1000 = 100px
          So, 100x134 image in 100x200 container.
        */
-
       if (isImageRotated) {
         imgRatio = 1 / imgRatio;
         percentSize = "".concat(Math.ceil(imgRatio * 100), "%");
       }
+
       /*
         Here is an example of when isImageMoreLandscapyThanContainer is true:
            Image      Container   OR   Image      Container
@@ -284,27 +258,25 @@ var MediaImage = /*#__PURE__*/function (_Component) {
                                      |____|         |__|
          For false just swap "Image" and "Container" in the example above.
        */
-
-
       var isImageMoreLandscapyThanContainer = imgRatio > parentRatio;
       var isImgLandscape = imgWidth > imgHeight;
+
       /*
       This is two cases we need to cover as described in Example #2 above, but only for rotated landscape images.
        */
-
       if (isImageRotated && isImgLandscape) {
         if (isFitStrategy || isImageMoreLandscapyThanContainer || isCoverStrategy && !isImageMoreLandscapyThanContainer) {
           percentSize = "".concat(Math.ceil(1 / imgRatio * 100), "%");
         }
       }
+
       /*
         When isStretchingAllowed is false image is as big as it is, but as small as container
         (according to strategy - cover or fit).
         isStretchingAllowed is true if image is bigger then container.
        */
-
-
       var isStretchingAllowed = stretch;
+
       /*
         We do not want to show image until we finish deciding on sizing strategy.
         Though if it is a "fit" strategy (and image hasn't been rotated) we can display it right away,
@@ -313,12 +285,10 @@ var MediaImage = /*#__PURE__*/function (_Component) {
         The reason for exclude isImageRotated is that we need to calculate percentSize variable
         and we can do that only when image is loaded (and we have image size)
        */
-
       var showImage = forceSyncDisplay || isImageLoaded || isFitStrategy && !isImageRotated;
       var style = {
         transform: 'translate(-50%, -50%)'
       };
-
       if (isStretchingAllowed) {
         if (isFitStrategy && isImageMoreLandscapyThanContainer) {
           /*
@@ -394,18 +364,15 @@ var MediaImage = /*#__PURE__*/function (_Component) {
           style.maxWidth = percentSize;
         }
       }
-
       if (!showImage) {
         style.display = 'none';
       }
-
       if (previewOrientation === 'from-image') {
         style.imageOrientation = 'from-image';
       } else if (previewOrientation > 1) {
         var transform = (0, _imageMetaData.getCssFromImageOrientation)(previewOrientation);
         style.transform += " ".concat(transform);
       }
-
       return /*#__PURE__*/_react.default.createElement(_styled.ImageComponent, {
         loading: loading,
         "data-testid": "media-image",
@@ -422,7 +389,6 @@ var MediaImage = /*#__PURE__*/function (_Component) {
   }]);
   return MediaImage;
 }(_react.Component);
-
 exports.MediaImage = MediaImage;
 (0, _defineProperty2.default)(MediaImage, "defaultProps", {
   crop: true,

package/dist/cjs/mediaImage/styled.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageComponent = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _excluded = ["style", "imageRef"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var imgStyle = {
   position: 'absolute',
   left: '50%',
@@ -28,15 +19,13 @@ var imgStyle = {
   objectFit: 'contain',
   imageOrientation: 'none'
 };
-
 var ImageComponent = function ImageComponent(props) {
   var style = props.style,
-      imageRef = props.imageRef,
-      otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+    imageRef = props.imageRef,
+    otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/_react.default.createElement("img", (0, _extends2.default)({}, otherProps, {
     ref: imageRef,
     style: _objectSpread(_objectSpread({}, imgStyle), style)
   }));
 };
-
 exports.ImageComponent = ImageComponent;

package/dist/cjs/messages.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-
 var _reactIntlNext = require("react-intl-next");
-
 var messages = (0, _reactIntlNext.defineMessages)({
   click_to_join: {
     id: 'fabric.media.click_to_join',

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

@@ -1,35 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MimeTypeIcon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _util = require("./util");
-
 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 _ref$mediaType = _ref.mediaType,
-      mediaType = _ref$mediaType === void 0 ? 'unknown' : _ref$mediaType,
-      _ref$mimeType = _ref.mimeType,
-      mimeType = _ref$mimeType === void 0 ? 'unknown' : _ref$mimeType,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? 'unknown' : _ref$name,
-      testId = _ref.testId,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'large' : _ref$size;
+    mediaType = _ref$mediaType === void 0 ? 'unknown' : _ref$mediaType,
+    _ref$mimeType = _ref.mimeType,
+    mimeType = _ref$mimeType === void 0 ? 'unknown' : _ref$mimeType,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? 'unknown' : _ref$name,
+    testId = _ref.testId,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'large' : _ref$size;
   // retrieve mimetype icon and label
-  var iconInfo = (0, _util.getMimeIcon)(mimeType, name); // a corresponding mimetype icon and label was found.
+  var iconInfo = (0, _util.getMimeIcon)(mimeType, name);
 
+  // a corresponding mimetype icon and label was found.
   if (iconInfo) {
     var Icon = iconInfo.icon;
     return /*#__PURE__*/_react.default.createElement(_mediaTypeIcon.IconWrapper, {
@@ -39,15 +35,14 @@ var MimeTypeIcon = function MimeTypeIcon(_ref) {
     }, /*#__PURE__*/_react.default.createElement(Icon, {
       label: iconInfo.label
     }));
-  } // no corresponding mimetype icon/label was found.
-  // Hence, return a mediatype (image/doc/audio/video/unknown) icon
-
+  }
 
+  // no corresponding mimetype icon/label was found.
+  // Hence, return a mediatype (image/doc/audio/video/unknown) icon
   return /*#__PURE__*/_react.default.createElement(_mediaTypeIcon.MediaTypeIcon, {
     testId: testId,
     type: mediaType,
     size: size
   });
 };
-
 exports.MimeTypeIcon = MimeTypeIcon;

package/dist/cjs/mixins.js

@@ -1,44 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.size = exports.fadeIn = exports.ellipsis = exports.easeInOutCubic = exports.center = exports.borderRadiusBottom = exports.borderRadius = exports.absolute = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _templateObject;
-
 var 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 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 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;

package/dist/cjs/modalSpinner.js

@@ -1,43 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SpinnerWrapper = exports.Blanket = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 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;
 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;
 SpinnerWrapper.displayName = 'SpinnerWrapper';
 var defaultProps = {
   blankedColor: 'none',
   invertSpinnerColor: false
 };
-
 var _default = function _default(_ref) {
   var blankedColor = _ref.blankedColor,
-      invertSpinnerColor = _ref.invertSpinnerColor;
+    invertSpinnerColor = _ref.invertSpinnerColor;
   return /*#__PURE__*/_react.default.createElement(Blanket, {
     style: {
       backgroundColor: blankedColor || defaultProps.blankedColor
@@ -47,5 +34,4 @@ var _default = function _default(_ref) {
     appearance: invertSpinnerColor || defaultProps.invertSpinnerColor ? 'invert' : 'inherit'
   })));
 };
-
 exports.default = _default;

package/dist/cjs/shortcut.js

@@ -1,32 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.keyCodes = exports.Shortcut = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 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 = {
   space: 'Space',
   m: 'KeyM',
@@ -34,32 +22,24 @@ var keyCodes = {
   leftArrow: 'ArrowLeft'
 };
 exports.keyCodes = keyCodes;
-
 var Shortcut = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Shortcut, _Component);
-
   var _super = _createSuper(Shortcut);
-
   function Shortcut() {
     var _this;
-
     (0, _classCallCheck2.default)(this, Shortcut);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "keyHandler", function (e) {
       var _this$props = _this.props,
-          handler = _this$props.handler,
-          code = _this$props.code,
-          keyCode = _this$props.keyCode;
-
+        handler = _this$props.handler,
+        code = _this$props.code,
+        keyCode = _this$props.keyCode;
       if (keyCode !== undefined && e.keyCode === keyCode) {
         handler();
       }
-
       if (code !== undefined && e.code === code) {
         handler();
       }
@@ -72,7 +52,6 @@ var Shortcut = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(Shortcut, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -91,5 +70,4 @@ var Shortcut = /*#__PURE__*/function (_Component) {
   }]);
   return Shortcut;
 }(_react.Component);
-
 exports.Shortcut = Shortcut;