@atlaskit/media-viewer 47.4.0 → 47.4.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-viewer
 
+## 47.4.2
+
+### Patch Changes
+
+- [`35192e267e4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/35192e267e4) - Updates to support the new @atlaskit/tokens theming API.
+
+## 47.4.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 47.4.0
 
 ### Minor Changes

package/dist/cjs/analytics/events/operational/commenced.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createCommencedEvent = void 0;
-
 var createCommencedEvent = function createCommencedEvent(fileId, traceContext) {
   return {
     eventType: 'operational',
@@ -18,5 +17,4 @@ var createCommencedEvent = function createCommencedEvent(fileId, traceContext) {
     }
   };
 };
-
 exports.createCommencedEvent = createCommencedEvent;

package/dist/cjs/analytics/events/operational/loadFailed.js

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createLoadFailedEvent = void 0;
-
 var _ = require("../..");
-
 var _errors = require("../../../errors");
-
 var createLoadFailedEvent = function createLoadFailedEvent(fileId, error, fileState, traceContext) {
   var _getFileAttributes = (0, _.getFileAttributes)(fileState),
-      fileMediatype = _getFileAttributes.fileMediatype,
-      fileMimetype = _getFileAttributes.fileMimetype,
-      fileSize = _getFileAttributes.fileSize;
-
+    fileMediatype = _getFileAttributes.fileMediatype,
+    fileMimetype = _getFileAttributes.fileMimetype,
+    fileSize = _getFileAttributes.fileSize;
   return {
     eventType: 'operational',
     actionSubject: 'mediaFile',
@@ -35,5 +31,4 @@ var createLoadFailedEvent = function createLoadFailedEvent(fileId, error, fileSt
     }
   };
 };
-
 exports.createLoadFailedEvent = createLoadFailedEvent;

package/dist/cjs/analytics/events/operational/loadSucceeded.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createLoadSucceededEvent = void 0;
-
 var createLoadSucceededEvent = function createLoadSucceededEvent(_ref, traceContext) {
   var fileId = _ref.fileId,
-      fileMediatype = _ref.fileMediatype,
-      fileMimetype = _ref.fileMimetype,
-      fileSize = _ref.fileSize;
+    fileMediatype = _ref.fileMediatype,
+    fileMimetype = _ref.fileMimetype,
+    fileSize = _ref.fileSize;
   return {
     eventType: 'operational',
     actionSubject: 'mediaFile',
@@ -27,5 +26,4 @@ var createLoadSucceededEvent = function createLoadSucceededEvent(_ref, traceCont
     }
   };
 };
-
 exports.createLoadSucceededEvent = createLoadSucceededEvent;

package/dist/cjs/analytics/events/operational/previewUnsupported.js

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createPreviewUnsupportedEvent = void 0;
-
 var _ = require("../..");
-
 var createPreviewUnsupportedEvent = function createPreviewUnsupportedEvent(fileState) {
   var _getFileAttributes = (0, _.getFileAttributes)(fileState),
-      fileId = _getFileAttributes.fileId,
-      fileMediatype = _getFileAttributes.fileMediatype,
-      fileMimetype = _getFileAttributes.fileMimetype,
-      fileSize = _getFileAttributes.fileSize;
-
+    fileId = _getFileAttributes.fileId,
+    fileMediatype = _getFileAttributes.fileMediatype,
+    fileMimetype = _getFileAttributes.fileMimetype,
+    fileSize = _getFileAttributes.fileSize;
   return {
     eventType: 'operational',
     actionSubject: 'mediaFile',
@@ -28,5 +25,4 @@ var createPreviewUnsupportedEvent = function createPreviewUnsupportedEvent(fileS
     }
   };
 };
-
 exports.createPreviewUnsupportedEvent = createPreviewUnsupportedEvent;

package/dist/cjs/analytics/events/operational/zipEntryLoadFailed.js

@@ -4,21 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createZipEntryLoadFailedEvent = void 0;
-
 var _ = require("../..");
-
 var _utils = require("../../../utils");
-
 var _errors = require("../../../errors");
-
 var createZipEntryLoadFailedEvent = function createZipEntryLoadFailedEvent(fileState, error, zipEntry) {
   var _getFileAttributes = (0, _.getFileAttributes)(fileState),
-      fileId = _getFileAttributes.fileId,
-      fileMediatype = _getFileAttributes.fileMediatype,
-      fileMimetype = _getFileAttributes.fileMimetype,
-      fileSize = _getFileAttributes.fileSize,
-      fileStatus = _getFileAttributes.fileStatus;
-
+    fileId = _getFileAttributes.fileId,
+    fileMediatype = _getFileAttributes.fileMediatype,
+    fileMimetype = _getFileAttributes.fileMimetype,
+    fileSize = _getFileAttributes.fileSize,
+    fileStatus = _getFileAttributes.fileStatus;
   return {
     eventType: 'operational',
     actionSubject: 'mediaFile',
@@ -42,5 +37,4 @@ var createZipEntryLoadFailedEvent = function createZipEntryLoadFailedEvent(fileS
     }
   };
 };
-
 exports.createZipEntryLoadFailedEvent = createZipEntryLoadFailedEvent;

package/dist/cjs/analytics/events/operational/zipEntryLoadSucceeded.js

@@ -4,19 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createZipEntryLoadSucceededEvent = void 0;
-
 var _utils = require("../../../utils");
-
 var _ = require("../..");
-
 var createZipEntryLoadSucceededEvent = function createZipEntryLoadSucceededEvent(fileState, zipEntry) {
   var _getFileAttributes = (0, _.getFileAttributes)(fileState),
-      fileId = _getFileAttributes.fileId,
-      fileMediatype = _getFileAttributes.fileMediatype,
-      fileMimetype = _getFileAttributes.fileMimetype,
-      fileSize = _getFileAttributes.fileSize,
-      fileStatus = _getFileAttributes.fileStatus;
-
+    fileId = _getFileAttributes.fileId,
+    fileMediatype = _getFileAttributes.fileMediatype,
+    fileMimetype = _getFileAttributes.fileMimetype,
+    fileSize = _getFileAttributes.fileSize,
+    fileStatus = _getFileAttributes.fileStatus;
   return {
     eventType: 'operational',
     actionSubject: 'mediaFile',
@@ -37,5 +33,4 @@ var createZipEntryLoadSucceededEvent = function createZipEntryLoadSucceededEvent
     }
   };
 };
-
 exports.createZipEntryLoadSucceededEvent = createZipEntryLoadSucceededEvent;

package/dist/cjs/analytics/events/screen/modal.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createModalEvent = void 0;
-
 var createModalEvent = function createModalEvent() {
   return {
     eventType: 'screen',
@@ -13,5 +12,4 @@ var createModalEvent = function createModalEvent() {
     name: 'mediaViewerModal'
   };
 };
-
 exports.createModalEvent = createModalEvent;

package/dist/cjs/analytics/events/ui/closed.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createClosedEvent = void 0;
-
 var _perfMarks = require("perf-marks");
-
 var createClosedEvent = function createClosedEvent(input) {
   return {
     eventType: 'ui',
@@ -18,5 +16,4 @@ var createClosedEvent = function createClosedEvent(input) {
     }
   };
 };
-
 exports.createClosedEvent = createClosedEvent;

package/dist/cjs/analytics/events/ui/downloadButtonClicked.js

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createDownloadButtonClickedEvent = void 0;
-
 var _ = require("../..");
-
 var createDownloadButtonClickedEvent = function createDownloadButtonClickedEvent(fileState) {
   var _getFileAttributes = (0, _.getFileAttributes)(fileState),
-      fileId = _getFileAttributes.fileId,
-      fileMediatype = _getFileAttributes.fileMediatype,
-      fileMimetype = _getFileAttributes.fileMimetype,
-      fileSize = _getFileAttributes.fileSize;
-
+    fileId = _getFileAttributes.fileId,
+    fileMediatype = _getFileAttributes.fileMediatype,
+    fileMimetype = _getFileAttributes.fileMimetype,
+    fileSize = _getFileAttributes.fileSize;
   return {
     eventType: 'ui',
     action: 'clicked',
@@ -30,5 +27,4 @@ var createDownloadButtonClickedEvent = function createDownloadButtonClickedEvent
     }
   };
 };
-
 exports.createDownloadButtonClickedEvent = createDownloadButtonClickedEvent;

package/dist/cjs/analytics/events/ui/failedPreviewDownloadButtonClicked.js

@@ -4,18 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createFailedPreviewDownloadButtonClickedEvent = void 0;
-
 var _ = require("../..");
-
 var _errors = require("../../../errors");
-
 var createFailedPreviewDownloadButtonClickedEvent = function createFailedPreviewDownloadButtonClickedEvent(fileState, error) {
   var _getFileAttributes = (0, _.getFileAttributes)(fileState),
-      fileId = _getFileAttributes.fileId,
-      fileMediatype = _getFileAttributes.fileMediatype,
-      fileMimetype = _getFileAttributes.fileMimetype,
-      fileSize = _getFileAttributes.fileSize;
-
+    fileId = _getFileAttributes.fileId,
+    fileMediatype = _getFileAttributes.fileMediatype,
+    fileMimetype = _getFileAttributes.fileMimetype,
+    fileSize = _getFileAttributes.fileSize;
   return {
     eventType: 'ui',
     action: 'clicked',
@@ -33,5 +29,4 @@ var createFailedPreviewDownloadButtonClickedEvent = function createFailedPreview
     }
   };
 };
-
 exports.createFailedPreviewDownloadButtonClickedEvent = createFailedPreviewDownloadButtonClickedEvent;

package/dist/cjs/analytics/events/ui/navigated.js

@@ -4,18 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.inputFromSource = exports.createNavigatedEvent = void 0;
-
 var _mediaClient = require("@atlaskit/media-client");
-
 var inputFromSource = function inputFromSource(source) {
   return {
     mouse: 'button',
     keyboard: 'keys'
   }[source];
 };
-
 exports.inputFromSource = inputFromSource;
-
 var createNavigatedEvent = function createNavigatedEvent(direction, source, identifier) {
   return {
     eventType: 'ui',
@@ -30,5 +26,4 @@ var createNavigatedEvent = function createNavigatedEvent(direction, source, iden
     }
   };
 };
-
 exports.createNavigatedEvent = createNavigatedEvent;

package/dist/cjs/analytics/events/ui/zoomInButtonClicked.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createZoomInButtonClickEvent = createZoomInButtonClickEvent;
-
 function createZoomInButtonClickEvent(zoomScale) {
   return {
     eventType: 'ui',

package/dist/cjs/analytics/events/ui/zoomOutButtonClicked.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createZoomOutButtonClickedEvent = createZoomOutButtonClickedEvent;
-
 function createZoomOutButtonClickedEvent(zoomScale) {
   return {
     eventType: 'ui',

package/dist/cjs/analytics/index.js

@@ -7,14 +7,12 @@ exports.componentName = exports.component = exports.LOGGED_FEATURE_FLAG_KEYS = e
 exports.fireAnalytics = fireAnalytics;
 exports.getFileAttributes = getFileAttributes;
 exports.relevantFlags = exports.packageVersion = exports.packageName = void 0;
-
 var _mediaCommon = require("@atlaskit/media-common");
-
 var componentName = 'mediaViewer';
 exports.component = exports.componentName = componentName;
 var packageName = "@atlaskit/media-viewer";
 exports.packageName = packageName;
-var packageVersion = "47.4.0";
+var packageVersion = "47.4.2";
 exports.packageVersion = packageVersion;
 var relevantFlags = {
   newCardExperience: false,
@@ -31,43 +29,38 @@ var LOGGED_FEATURE_FLAGS = (0, _mediaCommon.filterFeatureFlagNames)(relevantFlag
 exports.LOGGED_FEATURE_FLAGS = LOGGED_FEATURE_FLAGS;
 var LOGGED_FEATURE_FLAG_KEYS = (0, _mediaCommon.filterFeatureFlagKeysAllProducts)(relevantFlags);
 exports.LOGGED_FEATURE_FLAG_KEYS = LOGGED_FEATURE_FLAG_KEYS;
-
 function getFileAttributes(fileState) {
   if (!fileState) {
     return {
       fileId: 'undefined'
     };
   }
-
   var fileId = fileState.id;
-
   switch (fileState.status) {
     case 'uploading':
     case 'failed-processing':
     case 'processing':
     case 'processed':
       var fileMediatype = fileState.mediaType,
-          fileMimetype = fileState.mimeType,
-          fileSize = fileState.size;
+        fileMimetype = fileState.mimeType,
+        fileSize = fileState.size;
       return {
         fileId: fileId,
         fileMediatype: fileMediatype,
         fileMimetype: fileMimetype,
         fileSize: fileSize
       };
-
     case 'error':
       return {
         fileId: fileId
       };
   }
 }
-/** This type takes FailureAttributes and redefines `failReason` to be the strong media-viewer type */
 
+/** This type takes FailureAttributes and redefines `failReason` to be the strong media-viewer type */
 
 function fireAnalytics(payload, props) {
   var createAnalyticsEvent = props.createAnalyticsEvent;
-
   if (createAnalyticsEvent) {
     var ev = createAnalyticsEvent(payload);
     ev.fire(_mediaCommon.ANALYTICS_MEDIA_CHANNEL);

package/dist/cjs/analytics/ufoExperiences.js

@@ -1,28 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.succeedMediaFileUfoExperience = exports.startMediaFileUfoExperience = exports.failMediaFileUfoExperience = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _ufo = require("@atlaskit/ufo");
-
 var _mediaClient = require("@atlaskit/media-client");
-
 var _ = require(".");
-
 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 packageName = "@atlaskit/media-viewer";
-var packageVersion = "47.4.0";
+var packageVersion = "47.4.2";
 var ufoExperience;
-
 var getExperience = function getExperience() {
   if (!ufoExperience) {
     var inlineExperience = {
@@ -35,16 +26,12 @@ var getExperience = function getExperience() {
     };
     ufoExperience = new _ufo.UFOExperience('media-file', inlineExperience);
   }
-
   return ufoExperience;
 };
-
 var startMediaFileUfoExperience = function startMediaFileUfoExperience() {
   getExperience().start();
 };
-
 exports.startMediaFileUfoExperience = startMediaFileUfoExperience;
-
 var succeedMediaFileUfoExperience = function succeedMediaFileUfoExperience(properties) {
   getExperience().success({
     metadata: _objectSpread(_objectSpread({}, properties), {}, {
@@ -55,9 +42,7 @@ var succeedMediaFileUfoExperience = function succeedMediaFileUfoExperience(prope
     })
   });
 };
-
 exports.succeedMediaFileUfoExperience = succeedMediaFileUfoExperience;
-
 var failMediaFileUfoExperience = function failMediaFileUfoExperience(properties) {
   var refinedMetadata = _objectSpread(_objectSpread({}, properties), {}, {
     packageName: packageName,
@@ -65,10 +50,8 @@ var failMediaFileUfoExperience = function failMediaFileUfoExperience(properties)
     mediaEnvironment: (0, _mediaClient.getMediaEnvironment)(),
     mediaRegion: (0, _mediaClient.getMediaRegion)()
   });
-
   getExperience().failure({
     metadata: refinedMetadata
   });
 };
-
 exports.failMediaFileUfoExperience = failMediaFileUfoExperience;

package/dist/cjs/classnames.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mediaViewerPopupClass = void 0;
-
 /**
  * Classname for the media viewer popup that appears adjacent to the editor div. Use this to check
  * if the media viewer has appeared.

package/dist/cjs/collection.js

@@ -1,94 +1,63 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Collection = 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 = _interopRequireDefault(require("react"));
-
 var _mediaClient = require("@atlaskit/media-client");
-
 var _domain = require("./domain");
-
 var _errorMessage = _interopRequireDefault(require("./errorMessage"));
-
 var _list = require("./list");
-
 var _utils = require("./utils");
-
 var _loading = require("./loading");
-
 var _errors = require("./errors");
-
 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; }
-
 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 initialState = {
   items: _domain.Outcome.pending()
 };
-
 var Collection = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(Collection, _React$Component);
-
   var _super = _createSuper(Collection);
-
   function Collection() {
     var _this;
-
     (0, _classCallCheck2.default)(this, Collection);
-
     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), "state", initialState);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onNavigationChange", function (item) {
       var _this$props = _this.props,
-          mediaClient = _this$props.mediaClient,
-          collectionName = _this$props.collectionName,
-          pageSize = _this$props.pageSize,
-          onNavigationChange = _this$props.onNavigationChange;
-
+        mediaClient = _this$props.mediaClient,
+        collectionName = _this$props.collectionName,
+        pageSize = _this$props.pageSize,
+        onNavigationChange = _this$props.onNavigationChange;
       _this.setState({
         item: item
       });
-
       if (_this.shouldLoadNext(item)) {
         mediaClient.collection.loadNextPage(collectionName, {
           limit: pageSize
         });
       }
-
       if (onNavigationChange) {
         onNavigationChange(item);
       }
     });
     return _this;
   }
-
   (0, _createClass2.default)(Collection, [{
     key: "UNSAFE_componentWillUpdate",
     value: function UNSAFE_componentWillUpdate(nextProps) {
@@ -111,16 +80,15 @@ var Collection = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          defaultSelectedItem = _this$props2.defaultSelectedItem,
-          mediaClient = _this$props2.mediaClient,
-          onClose = _this$props2.onClose,
-          collectionName = _this$props2.collectionName,
-          showControls = _this$props2.showControls,
-          extensions = _this$props2.extensions,
-          onSidebarButtonClick = _this$props2.onSidebarButtonClick,
-          featureFlags = _this$props2.featureFlags;
+        defaultSelectedItem = _this$props2.defaultSelectedItem,
+        mediaClient = _this$props2.mediaClient,
+        onClose = _this$props2.onClose,
+        collectionName = _this$props2.collectionName,
+        showControls = _this$props2.showControls,
+        extensions = _this$props2.extensions,
+        onSidebarButtonClick = _this$props2.onSidebarButtonClick,
+        featureFlags = _this$props2.featureFlags;
       return this.state.items.match({
         pending: function pending() {
           return /*#__PURE__*/_react.default.createElement(_loading.Spinner, null);
@@ -157,12 +125,11 @@ var Collection = /*#__PURE__*/function (_React$Component) {
     key: "init",
     value: function init(props) {
       var _this3 = this;
-
       this.setState(initialState);
       var collectionName = props.collectionName,
-          mediaClient = props.mediaClient,
-          defaultSelectedItem = props.defaultSelectedItem,
-          pageSize = props.pageSize;
+        mediaClient = props.mediaClient,
+        defaultSelectedItem = props.defaultSelectedItem,
+        pageSize = props.pageSize;
       this.subscription = mediaClient.collection.getItems(collectionName, {
         limit: pageSize
       }).subscribe({
@@ -170,7 +137,6 @@ var Collection = /*#__PURE__*/function (_React$Component) {
           _this3.setState({
             items: _domain.Outcome.successful(items)
           });
-
           if (defaultSelectedItem && _this3.shouldLoadNext(defaultSelectedItem)) {
             mediaClient.collection.loadNextPage(collectionName, {
               limit: pageSize
@@ -200,11 +166,9 @@ var Collection = /*#__PURE__*/function (_React$Component) {
     key: "shouldLoadNext",
     value: function shouldLoadNext(selectedItem) {
       var _this4 = this;
-
       if ((0, _mediaClient.isExternalImageIdentifier)(selectedItem)) {
         return false;
       }
-
       var items = this.state.items;
       return items.match({
         pending: function pending() {
@@ -228,5 +192,4 @@ var Collection = /*#__PURE__*/function (_React$Component) {
   }]);
   return Collection;
 }(_react.default.Component);
-
 exports.Collection = Collection;