@atlaskit/media-viewer 47.4.0 → 47.4.2

package/dist/esm/components/media-viewer.js

@@ -6,15 +6,10 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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 = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React from 'react';
 import { Component } from 'react';
 import { isExternalImageIdentifier } from '@atlaskit/media-client';
@@ -23,56 +18,44 @@ import { getIdentifierCollection } from '../utils/getIdentifierCollection';
 import { getSelectedIndex } from '../utils';
 export var MediaViewer = /*#__PURE__*/function (_Component) {
   _inherits(MediaViewer, _Component);
-
   var _super = _createSuper(MediaViewer);
-
   function MediaViewer() {
     var _this;
-
     _classCallCheck(this, MediaViewer);
-
     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));
-
     _defineProperty(_assertThisInitialized(_this), "getDataSourceWithSelectedItem", function (dataSource, selectedItem) {
       // we want to ensure the card identifier is in the list
       var list = dataSource.list;
-
       if (list) {
         var selectedItemIndex = getSelectedIndex(list, selectedItem);
-
         if (selectedItemIndex === -1) {
           return {
             list: [selectedItem].concat(_toConsumableArray(list))
           };
         }
       }
-
       return dataSource;
     });
-
     return _this;
   }
-
   _createClass(MediaViewer, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          featureFlags = _this$props.featureFlags,
-          onClose = _this$props.onClose,
-          mediaClient = _this$props.mediaClient,
-          selectedItem = _this$props.selectedItem,
-          collectionName = _this$props.collectionName,
-          dataSource = _this$props.dataSource,
-          pageSize = _this$props.pageSize,
-          extensions = _this$props.extensions,
-          contextId = _this$props.contextId;
+        featureFlags = _this$props.featureFlags,
+        onClose = _this$props.onClose,
+        mediaClient = _this$props.mediaClient,
+        selectedItem = _this$props.selectedItem,
+        collectionName = _this$props.collectionName,
+        dataSource = _this$props.dataSource,
+        pageSize = _this$props.pageSize,
+        extensions = _this$props.extensions,
+        contextId = _this$props.contextId;
       var defaultPageSize = 30;
       var dataSourceWithSelectedItem = this.getDataSourceWithSelectedItem(dataSource, selectedItem);
-
       if (dataSourceWithSelectedItem.list) {
         var items = dataSourceWithSelectedItem.list.map(function (identifier) {
           return _objectSpread(_objectSpread({}, identifier), {}, {
@@ -83,11 +66,9 @@ export var MediaViewer = /*#__PURE__*/function (_Component) {
           kind: 'ARRAY',
           items: items
         };
-
         var identifier = _objectSpread(_objectSpread({}, selectedItem), {}, {
           collectionName: collectionName
         });
-
         return /*#__PURE__*/React.createElement(MediaViewerNextGen, {
           mediaClient: mediaClient,
           selectedItem: identifier,
@@ -112,17 +93,14 @@ export var MediaViewer = /*#__PURE__*/function (_Component) {
             contextId: contextId
           });
         }
-
         var _itemSource = {
           kind: 'COLLECTION',
           collectionName: dataSourceWithSelectedItem.collectionName,
           pageSize: pageSize || defaultPageSize
         };
-
         var _identifier = _objectSpread(_objectSpread({}, selectedItem), {}, {
           collectionName: dataSourceWithSelectedItem.collectionName
         });
-
         return /*#__PURE__*/React.createElement(MediaViewerNextGen, {
           mediaClient: mediaClient,
           selectedItem: _identifier,
@@ -136,6 +114,5 @@ export var MediaViewer = /*#__PURE__*/function (_Component) {
       }
     }
   }]);
-
   return MediaViewer;
 }(Component);

package/dist/esm/content.js

@@ -3,11 +3,8 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React from 'react';
 import { Component } from 'react';
 import CrossIcon from '@atlaskit/icon/glyph/cross';
@@ -15,15 +12,11 @@ import { MediaButton, hideControlsClassName, InactivityDetector } from '@atlaski
 import { CloseButtonWrapper, ContentWrapper } from './styleWrappers';
 export var Content = /*#__PURE__*/function (_Component) {
   _inherits(Content, _Component);
-
   var _super = _createSuper(Content);
-
   function Content() {
     _classCallCheck(this, Content);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Content, [{
     key: "render",
     value:
@@ -33,10 +26,9 @@ export var Content = /*#__PURE__*/function (_Component) {
      */
     function render() {
       var _this = this;
-
       var _this$props = this.props,
-          onClose = _this$props.onClose,
-          isSidebarVisible = _this$props.isSidebarVisible;
+        onClose = _this$props.onClose,
+        isSidebarVisible = _this$props.isSidebarVisible;
       return /*#__PURE__*/React.createElement(ContentWrapper, {
         isSidebarVisible: isSidebarVisible
       }, /*#__PURE__*/React.createElement(InactivityDetector, null, function (triggerActivityCallback) {
@@ -55,6 +47,5 @@ export var Content = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-
   return Content;
 }(Component);

package/dist/esm/domain/outcome.js

@@ -3,10 +3,8 @@ import _createClass from "@babel/runtime/helpers/createClass";
 export var Outcome = /*#__PURE__*/function () {
   function Outcome(state) {
     _classCallCheck(this, Outcome);
-
     this.state = state;
   }
-
   _createClass(Outcome, [{
     key: "status",
     get: function get() {
@@ -55,16 +53,13 @@ export var Outcome = /*#__PURE__*/function () {
     key: "match",
     value: function match(_ref) {
       var successful = _ref.successful,
-          pending = _ref.pending,
-          failed = _ref.failed;
-
+        pending = _ref.pending,
+        failed = _ref.failed;
       switch (this.state.status) {
         case 'SUCCESSFUL':
           return successful(this.state.data);
-
         case 'PENDING':
           return pending();
-
         case 'FAILED':
           return failed(this.state.err);
       }
@@ -111,6 +106,5 @@ export var Outcome = /*#__PURE__*/function () {
       });
     }
   }]);
-
   return Outcome;
 }();

package/dist/esm/domain/zoomLevel.js

@@ -1,30 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 var BASE_ZOOM_LEVELS = [0.06, 0.12, 0.24, 0.48, 1, 1.5, 2, 4, 6, 8];
-
 var sortNumbers = function sortNumbers(nums) {
   return nums.sort(function (a, b) {
     return a - b;
   });
 }; // default sorting is alphabetically
 
-
 var deduplicated = function deduplicated(nums) {
   return sortNumbers(nums).filter(function (num, pos) {
     return pos === 0 || num !== nums[pos - 1];
   });
 };
-
 export var ZoomLevel = /*#__PURE__*/function () {
   function ZoomLevel(initialValue, selectedValue) {
     _classCallCheck(this, ZoomLevel);
-
     this.initialValue = initialValue;
-
     if (!selectedValue) {
       selectedValue = initialValue;
     }
-
     if (selectedValue < this.min) {
       this.value = this.min;
     } else if (selectedValue > this.max) {
@@ -33,12 +27,10 @@ export var ZoomLevel = /*#__PURE__*/function () {
       this.value = selectedValue;
     }
   }
-
   _createClass(ZoomLevel, [{
     key: "zoomLevels",
     get: function get() {
       var _this = this;
-
       return deduplicated(sortNumbers(BASE_ZOOM_LEVELS.map(function (zoomLevel) {
         return zoomLevel * _this.initialValue;
       }).concat(1) // make sure 100% is selectable
@@ -94,6 +86,5 @@ export var ZoomLevel = /*#__PURE__*/function () {
       return this.value > this.min;
     }
   }]);
-
   return ZoomLevel;
 }();

package/dist/esm/download.js

@@ -13,23 +13,18 @@ import { DownloadButtonWrapper } from './styleWrappers';
 var downloadIcon = /*#__PURE__*/React.createElement(DownloadIcon, {
   label: "Download"
 });
-
 function noop() {}
-
 export function DownloadButton(_ref) {
   var analyticspayload = _ref.analyticspayload,
-      _ref$onClick = _ref.onClick,
-      providedOnClick = _ref$onClick === void 0 ? noop : _ref$onClick,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$onClick = _ref.onClick,
+    providedOnClick = _ref$onClick === void 0 ? noop : _ref$onClick,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var onClick = useCallback(function (event, analyticsEvent) {
     var clone = analyticsEvent.clone();
-
     if (clone) {
       clone.update(analyticspayload);
       clone.fire(ANALYTICS_MEDIA_CHANNEL);
     }
-
     providedOnClick(event, analyticsEvent);
   }, [analyticspayload, providedOnClick]);
   return /*#__PURE__*/React.createElement(MediaButton, _extends({}, rest, {
@@ -45,7 +40,7 @@ export var createItemDownloader = function createItemDownloader(file, mediaClien
 };
 export var ErrorViewDownloadButton = function ErrorViewDownloadButton(props) {
   var fileState = props.fileState,
-      error = props.error;
+    error = props.error;
   var downloadEvent = createFailedPreviewDownloadButtonClickedEvent(fileState, error);
   return /*#__PURE__*/React.createElement(DownloadButtonWrapper, null, /*#__PURE__*/React.createElement(DownloadButton, {
     testId: "media-viewer-download-button",
@@ -56,14 +51,14 @@ export var ErrorViewDownloadButton = function ErrorViewDownloadButton(props) {
 };
 export var ToolbarDownloadButton = function ToolbarDownloadButton(props) {
   var state = props.state,
-      mediaClient = props.mediaClient,
-      identifier = props.identifier;
-  var downloadEvent = createDownloadButtonClickedEvent(state); // TODO [MS-1731]: make it work for external files as well
+    mediaClient = props.mediaClient,
+    identifier = props.identifier;
+  var downloadEvent = createDownloadButtonClickedEvent(state);
 
+  // TODO [MS-1731]: make it work for external files as well
   if (isExternalImageIdentifier(identifier)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(DownloadButton, {
     testId: "media-viewer-download-button",
     analyticspayload: downloadEvent,

package/dist/esm/errorMessage.js

@@ -4,15 +4,10 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 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) { _defineProperty(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 = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { messages as i18nMessages } from '@atlaskit/media-ui';
@@ -24,14 +19,12 @@ import { getPrimaryErrorReason, getSecondaryErrorReason } from './errors';
 import { createLoadFailedEvent } from './analytics/events/operational/loadFailed';
 import { createPreviewUnsupportedEvent } from './analytics/events/operational/previewUnsupported';
 import { failMediaFileUfoExperience } from './analytics/ufoExperiences';
-
 var errorLoadingFileImage = function errorLoadingFileImage(formatMessage) {
   return /*#__PURE__*/React.createElement(ErrorImage, {
     src: errorLoadingFile,
     alt: formatMessage(i18nMessages.error_loading_file)
   });
 };
-
 export var errorReasonToMessages = [['serverRateLimited', i18nMessages.might_be_a_hiccup], ['invalidFileId', i18nMessages.item_not_found_in_list], ['itemviewer-file-failed-processing-status', i18nMessages.image_format_invalid_error], ['archiveviewer-read-binary', i18nMessages.zip_entry_load_fail], ['archiveviewer-create-url', i18nMessages.zip_entry_load_fail], ['archiveviewer-missing-name-src', i18nMessages.zip_entry_load_fail], ['archiveviewer-encrypted-entry', i18nMessages.couldnt_generate_encrypted_entry_preview], ['archiveviewer-codeviewer-file-size-exceeds', i18nMessages.couldnt_load_file], ['codeviewer-file-size-exceeds', i18nMessages.couldnt_load_file]];
 export var getErrorMessageFromError = function getErrorMessageFromError(error) {
   var matchingRow = errorReasonToMessages.find(function (row) {
@@ -41,31 +34,25 @@ export var getErrorMessageFromError = function getErrorMessageFromError(error) {
 };
 export var ErrorMessage = /*#__PURE__*/function (_React$Component) {
   _inherits(ErrorMessage, _React$Component);
-
   var _super = _createSuper(ErrorMessage);
-
   function ErrorMessage() {
     _classCallCheck(this, ErrorMessage);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(ErrorMessage, [{
     key: "getErrorInfo",
     value: function getErrorInfo() {
       var _this$props = this.props,
-          formatMessage = _this$props.intl.formatMessage,
-          error = _this$props.error;
+        formatMessage = _this$props.intl.formatMessage,
+        error = _this$props.error;
       var errorInfo = {
         icon: errorLoadingFileImage(formatMessage),
         messages: [i18nMessages.something_went_wrong, i18nMessages.couldnt_generate_preview]
       };
       var message = getErrorMessageFromError(error);
-
       if (message) {
         errorInfo.messages.push(message);
       }
-
       return errorInfo;
     }
   }, {
@@ -73,23 +60,19 @@ export var ErrorMessage = /*#__PURE__*/function (_React$Component) {
     value: function componentDidMount() {
       var props = this.props;
       var supressAnalytics = props.supressAnalytics,
-          error = props.error,
-          fileState = props.fileState,
-          fileId = props.fileId,
-          traceContext = props.traceContext;
-
+        error = props.error,
+        fileState = props.fileState,
+        fileId = props.fileId,
+        traceContext = props.traceContext;
       if (supressAnalytics !== true) {
         var payload = ErrorMessage.getEventPayload(error, fileId, fileState, traceContext);
         fireAnalytics(payload, props);
-
         var rawPayload = _objectSpread(_objectSpread({}, payload === null || payload === void 0 ? void 0 : payload.attributes), {}, {
           fileStateFlags: props.fileStateFlags
         });
-
         if (Object.keys(rawPayload).includes('status')) {
           delete rawPayload['status'];
         }
-
         var failMediaFileUfoExperiencePayload = rawPayload;
         failMediaFileUfoExperience(failMediaFileUfoExperiencePayload);
       }
@@ -117,7 +100,6 @@ export var ErrorMessage = /*#__PURE__*/function (_React$Component) {
       }
     }
   }]);
-
   return ErrorMessage;
 }(React.Component);
 var ErroMsg = withAnalyticsEvents()(injectIntl(ErrorMessage));

package/dist/esm/errors.js

@@ -5,35 +5,28 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import { getMediaClientErrorReason, isMediaClientError, isRequestError, isMediaStoreError } from '@atlaskit/media-client';
 export var MediaViewerError = /*#__PURE__*/function (_Error) {
   _inherits(MediaViewerError, _Error);
-
   var _super = _createSuper(MediaViewerError);
-
   function MediaViewerError(primaryReason, secondaryError) {
     var _this;
-
     _classCallCheck(this, MediaViewerError);
+    _this = _super.call(this, primaryReason);
 
-    _this = _super.call(this, primaryReason); // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
-
+    // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
     _this.primaryReason = primaryReason;
     _this.secondaryError = secondaryError;
-    Object.setPrototypeOf(_assertThisInitialized(_this), (this instanceof MediaViewerError ? this.constructor : void 0).prototype); // https://v8.dev/docs/stack-trace-api
+    Object.setPrototypeOf(_assertThisInitialized(_this), (this instanceof MediaViewerError ? this.constructor : void 0).prototype);
 
+    // https://v8.dev/docs/stack-trace-api
     if ('captureStackTrace' in Error) {
       Error.captureStackTrace(_assertThisInitialized(_this), this instanceof MediaViewerError ? this.constructor : void 0);
     }
-
     return _this;
   }
-
   return _createClass(MediaViewerError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 export function isMediaViewerError(err) {
@@ -41,38 +34,32 @@ export function isMediaViewerError(err) {
 }
 export var ArchiveViewerError = /*#__PURE__*/function (_MediaViewerError) {
   _inherits(ArchiveViewerError, _MediaViewerError);
-
   var _super2 = _createSuper(ArchiveViewerError);
-
   function ArchiveViewerError(primaryReason, secondaryError, zipEntry) {
     var _this2;
-
     _classCallCheck(this, ArchiveViewerError);
-
     _this2 = _super2.call(this, primaryReason, secondaryError);
     _this2.primaryReason = primaryReason;
     _this2.secondaryError = secondaryError;
     _this2.zipEntry = zipEntry;
     return _this2;
   }
-
   return _createClass(ArchiveViewerError);
 }(MediaViewerError);
 export function isArchiveViewerError(err) {
   return err instanceof ArchiveViewerError;
 }
 // not supplied, so just a primary reason
+
 export function getPrimaryErrorReason(error) {
   return error.primaryReason;
 }
 export function getSecondaryErrorReason(error) {
   var secondaryError = error.secondaryError;
-
   if (secondaryError) {
     if (isMediaClientError(secondaryError)) {
       return getMediaClientErrorReason(secondaryError);
     }
-
     return 'nativeError';
   }
 }
@@ -83,12 +70,9 @@ export function getErrorDetail(error) {
       // pls don't send stack traces, they can get polluted and blow out payload sizes
       return error.secondaryError && error.secondaryError.message;
     }
-
     var _secondaryError = error.secondaryError;
-
     if (_secondaryError && (isRequestError(_secondaryError) || isMediaStoreError(_secondaryError))) {
       var _secondaryError$inner;
-
       return (_secondaryError$inner = _secondaryError.innerError) === null || _secondaryError$inner === void 0 ? void 0 : _secondaryError$inner.message;
     }
   }