@atlaskit/media-viewer 47.4.0 → 47.4.2

package/dist/cjs/zoomControls.js

@@ -1,76 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ZoomControlsBase = exports.ZoomControls = 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 _mediaUi = require("@atlaskit/media-ui");
-
 var _zoomOut = _interopRequireDefault(require("@atlaskit/icon/glyph/media-services/zoom-out"));
-
 var _zoomIn = _interopRequireDefault(require("@atlaskit/icon/glyph/media-services/zoom-in"));
-
 var _styleWrappers = require("./styleWrappers");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _analytics = require("./analytics/");
-
 var _zoomInButtonClicked = require("./analytics/events/ui/zoomInButtonClicked");
-
 var _zoomOutButtonClicked = require("./analytics/events/ui/zoomOutButtonClicked");
-
 var _reactIntlNext = require("react-intl-next");
-
 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 ZoomControlsBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ZoomControlsBase, _Component);
-
   var _super = _createSuper(ZoomControlsBase);
-
   function ZoomControlsBase() {
     var _this;
-
     (0, _classCallCheck2.default)(this, ZoomControlsBase);
-
     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), "zoomIn", function () {
       var _this$props = _this.props,
-          onChange = _this$props.onChange,
-          zoomLevel = _this$props.zoomLevel;
-
+        onChange = _this$props.onChange,
+        zoomLevel = _this$props.zoomLevel;
       if (zoomLevel.canZoomIn) {
         var zoom = zoomLevel.zoomIn();
         (0, _analytics.fireAnalytics)((0, _zoomInButtonClicked.createZoomInButtonClickEvent)(zoom.value), _this.props);
@@ -79,9 +49,8 @@ var ZoomControlsBase = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "zoomOut", function () {
       var _this$props2 = _this.props,
-          onChange = _this$props2.onChange,
-          zoomLevel = _this$props2.zoomLevel;
-
+        onChange = _this$props2.onChange,
+        zoomLevel = _this$props2.zoomLevel;
       if (zoomLevel.canZoomOut) {
         var zoom = zoomLevel.zoomOut();
         (0, _analytics.fireAnalytics)((0, _zoomOutButtonClicked.createZoomOutButtonClickedEvent)(zoom.value), _this.props);
@@ -90,13 +59,12 @@ var ZoomControlsBase = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(ZoomControlsBase, [{
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
-          zoomLevel = _this$props3.zoomLevel,
-          formatMessage = _this$props3.intl.formatMessage;
+        zoomLevel = _this$props3.zoomLevel,
+        formatMessage = _this$props3.intl.formatMessage;
       return /*#__PURE__*/_react.default.createElement(_styleWrappers.ZoomWrapper, {
         className: _mediaUi.hideControlsClassName
       }, /*#__PURE__*/_react.default.createElement(_styleWrappers.ZoomControlsWrapper, null, /*#__PURE__*/_react.default.createElement(_mediaUi.MediaButton, {
@@ -116,7 +84,6 @@ var ZoomControlsBase = /*#__PURE__*/function (_Component) {
   }]);
   return ZoomControlsBase;
 }(_react.Component);
-
 exports.ZoomControlsBase = ZoomControlsBase;
 var ZoomControls = (0, _analyticsNext.withAnalyticsEvents)({})((0, _reactIntlNext.injectIntl)(ZoomControlsBase));
 exports.ZoomControls = ZoomControls;

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { filterFeatureFlagNames, filterFeatureFlagKeysAllProducts, ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 const componentName = 'mediaViewer';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "47.4.0";
+const packageVersion = "47.4.2";
 export { packageName, packageVersion, componentName, componentName as component };
 export const relevantFlags = {
   newCardExperience: false,
@@ -21,11 +21,9 @@ export function getFileAttributes(fileState) {
       fileId: 'undefined'
     };
   }
-
   const {
     id: fileId
   } = fileState;
-
   switch (fileState.status) {
     case 'uploading':
     case 'failed-processing':
@@ -42,20 +40,19 @@ export function getFileAttributes(fileState) {
         fileMimetype,
         fileSize
       };
-
     case 'error':
       return {
         fileId
       };
   }
 }
+
 /** This type takes FailureAttributes and redefines `failReason` to be the strong media-viewer type */
 
 export function fireAnalytics(payload, props) {
   const {
     createAnalyticsEvent
   } = props;
-
   if (createAnalyticsEvent) {
     const ev = createAnalyticsEvent(payload);
     ev.fire(ANALYTICS_MEDIA_CHANNEL);

package/dist/es2019/analytics/ufoExperiences.js

@@ -2,9 +2,8 @@ import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atl
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { LOGGED_FEATURE_FLAG_KEYS } from '.';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "47.4.0";
+const packageVersion = "47.4.2";
 let ufoExperience;
-
 const getExperience = () => {
   if (!ufoExperience) {
     const inlineExperience = {
@@ -17,16 +16,15 @@ const getExperience = () => {
     };
     ufoExperience = new UFOExperience('media-file', inlineExperience);
   }
-
   return ufoExperience;
 };
-
 export const startMediaFileUfoExperience = () => {
   getExperience().start();
 };
 export const succeedMediaFileUfoExperience = properties => {
   getExperience().success({
-    metadata: { ...properties,
+    metadata: {
+      ...properties,
       packageName,
       packageVersion,
       mediaEnvironment: getMediaEnvironment(),
@@ -35,7 +33,8 @@ export const succeedMediaFileUfoExperience = properties => {
   });
 };
 export const failMediaFileUfoExperience = properties => {
-  const refinedMetadata = { ...properties,
+  const refinedMetadata = {
+    ...properties,
     packageName,
     packageVersion,
     mediaEnvironment: getMediaEnvironment(),

package/dist/es2019/collection.js

@@ -13,9 +13,7 @@ const initialState = {
 export class Collection extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", initialState);
-
     _defineProperty(this, "onNavigationChange", item => {
       const {
         mediaClient,
@@ -26,34 +24,28 @@ export class Collection extends React.Component {
       this.setState({
         item
       });
-
       if (this.shouldLoadNext(item)) {
         mediaClient.collection.loadNextPage(collectionName, {
           limit: pageSize
         });
       }
-
       if (onNavigationChange) {
         onNavigationChange(item);
       }
     });
   }
-
   UNSAFE_componentWillUpdate(nextProps) {
     if (this.needsReset(this.props, nextProps)) {
       this.release();
       this.init(nextProps);
     }
   }
-
   componentWillUnmount() {
     this.release();
   }
-
   componentDidMount() {
     this.init(this.props);
   }
-
   render() {
     const {
       defaultSelectedItem,
@@ -69,7 +61,8 @@ export class Collection extends React.Component {
       pending: () => /*#__PURE__*/React.createElement(Spinner, null),
       successful: items => {
         const identifiers = items.map(x => toIdentifier(x, collectionName));
-        const item = defaultSelectedItem ? { ...defaultSelectedItem,
+        const item = defaultSelectedItem ? {
+          ...defaultSelectedItem,
           collectionName
         } : identifiers[0];
         return /*#__PURE__*/React.createElement(List, {
@@ -95,7 +88,6 @@ export class Collection extends React.Component {
       }
     });
   }
-
   init(props) {
     this.setState(initialState);
     const {
@@ -111,7 +103,6 @@ export class Collection extends React.Component {
         this.setState({
           items: Outcome.successful(items)
         });
-
         if (defaultSelectedItem && this.shouldLoadNext(defaultSelectedItem)) {
           mediaClient.collection.loadNextPage(collectionName, {
             limit: pageSize
@@ -125,22 +116,18 @@ export class Collection extends React.Component {
       }
     });
   }
-
   release() {
     if (this.subscription) {
       this.subscription.unsubscribe();
     }
   }
-
   needsReset(propsA, propsB) {
     return propsA.collectionName !== propsB.collectionName || propsA.mediaClient !== propsB.mediaClient;
   }
-
   shouldLoadNext(selectedItem) {
     if (isExternalImageIdentifier(selectedItem)) {
       return false;
     }
-
     const {
       items
     } = this.state;
@@ -150,11 +137,9 @@ export class Collection extends React.Component {
       successful: items => items.length !== 0 && this.isLastItem(selectedItem, items)
     });
   }
-
   isLastItem(selectedItem, items) {
     const lastItem = items[items.length - 1];
     const isLastItem = selectedItem.id === lastItem.id && selectedItem.occurrenceKey === lastItem.occurrenceKey;
     return isLastItem;
   }
-
 }

package/dist/es2019/components/media-viewer-analytics-error-boundary.js

@@ -13,7 +13,5 @@ export default class MediaViewerAnalyticsErrorBoundary extends React.Component {
       data: data
     }, children);
   }
-
 }
-
 _defineProperty(MediaViewerAnalyticsErrorBoundary, "displayName", 'MediaViewerAnalyticsErrorBoundary');

package/dist/es2019/components/media-viewer-loader.js

@@ -6,24 +6,16 @@ import withThemeObserverHOC from '../viewers/useThemeObserverHoc';
 export class AsyncMediaViewer extends React.PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       // Set state value to equal to current static value of this class.
       MediaViewer: AsyncMediaViewer.MediaViewer,
       MediaViewerErrorBoundary: AsyncMediaViewer.MediaViewerErrorBoundary
     });
   }
-
   async UNSAFE_componentWillMount() {
     if (!this.state.MediaViewer || !this.state.MediaViewerErrorBoundary) {
       try {
-        const [mediaClient, mediaViewerModule, mediaViewerErrorBoundaryModule] = await Promise.all([import(
-        /* webpackChunkName: "@atlaskit-internal_media-client" */
-        '@atlaskit/media-client'), import(
-        /* webpackChunkName: "@atlaskit-internal_media-viewer" */
-        './media-viewer'), import(
-        /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */
-        './media-viewer-analytics-error-boundary')]);
+        const [mediaClient, mediaViewerModule, mediaViewerErrorBoundaryModule] = await Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'), import( /* webpackChunkName: "@atlaskit-internal_media-viewer" */'./media-viewer'), import( /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */'./media-viewer-analytics-error-boundary')]);
         const MediaViewerWithClient = mediaClient.withMediaClient(mediaViewerModule.MediaViewer);
         AsyncMediaViewer.MediaViewer = MediaViewerWithClient;
         AsyncMediaViewer.MediaViewerErrorBoundary = mediaViewerErrorBoundaryModule.default;
@@ -31,11 +23,11 @@ export class AsyncMediaViewer extends React.PureComponent {
           MediaViewer: MediaViewerWithClient,
           MediaViewerErrorBoundary: AsyncMediaViewer.MediaViewerErrorBoundary
         });
-      } catch (error) {// TODO [MS-2277]: Add operational error to catch async import error
+      } catch (error) {
+        // TODO [MS-2277]: Add operational error to catch async import error
       }
     }
   }
-
   render() {
     const {
       theme
@@ -44,19 +36,14 @@ export class AsyncMediaViewer extends React.PureComponent {
       MediaViewer,
       MediaViewerErrorBoundary
     } = this.state;
-
     if (!MediaViewer || !MediaViewerErrorBoundary) {
       return /*#__PURE__*/React.createElement(ModalSpinner, {
         blankedColor: headerAndSidebarBackgroundColor,
         invertSpinnerColor: theme !== 'dark'
       });
     }
-
     return /*#__PURE__*/React.createElement(MediaViewerErrorBoundary, null, /*#__PURE__*/React.createElement(MediaViewer, this.props));
   }
-
 }
-
 _defineProperty(AsyncMediaViewer, "displayName", 'AsyncMediaViewer');
-
 export default withThemeObserverHOC(AsyncMediaViewer);

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

@@ -8,27 +8,22 @@ import { getSelectedIndex } from '../utils';
 export class MediaViewer extends Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "getDataSourceWithSelectedItem", (dataSource, selectedItem) => {
       // we want to ensure the card identifier is in the list
       const {
         list
       } = dataSource;
-
       if (list) {
         const selectedItemIndex = getSelectedIndex(list, selectedItem);
-
         if (selectedItemIndex === -1) {
           return {
             list: [selectedItem, ...list]
           };
         }
       }
-
       return dataSource;
     });
   }
-
   render() {
     const {
       featureFlags,
@@ -43,16 +38,17 @@ export class MediaViewer extends Component {
     } = this.props;
     const defaultPageSize = 30;
     const dataSourceWithSelectedItem = this.getDataSourceWithSelectedItem(dataSource, selectedItem);
-
     if (dataSourceWithSelectedItem.list) {
-      const items = dataSourceWithSelectedItem.list.map(identifier => ({ ...identifier,
+      const items = dataSourceWithSelectedItem.list.map(identifier => ({
+        ...identifier,
         collectionName: getIdentifierCollection(identifier, collectionName)
       }));
       const itemSource = {
         kind: 'ARRAY',
         items: items
       };
-      const identifier = { ...selectedItem,
+      const identifier = {
+        ...selectedItem,
         collectionName
       };
       return /*#__PURE__*/React.createElement(MediaViewerNextGen, {
@@ -79,13 +75,13 @@ export class MediaViewer extends Component {
           contextId: contextId
         });
       }
-
       const itemSource = {
         kind: 'COLLECTION',
         collectionName: dataSourceWithSelectedItem.collectionName,
         pageSize: pageSize || defaultPageSize
       };
-      const identifier = { ...selectedItem,
+      const identifier = {
+        ...selectedItem,
         collectionName: dataSourceWithSelectedItem.collectionName
       };
       return /*#__PURE__*/React.createElement(MediaViewerNextGen, {
@@ -100,5 +96,4 @@ export class MediaViewer extends Component {
       throw new Error();
     }
   }
-
 }

package/dist/es2019/content.js

@@ -30,5 +30,4 @@ export class Content extends Component {
       })), children);
     }));
   }
-
 }

package/dist/es2019/domain/outcome.js

@@ -2,31 +2,26 @@ export class Outcome {
   constructor(state) {
     this.state = state;
   }
-
   static successful(data) {
     return new Outcome({
       status: 'SUCCESSFUL',
       data
     });
   }
-
   static pending() {
     return new Outcome({
       status: 'PENDING'
     });
   }
-
   static failed(err) {
     return new Outcome({
       status: 'FAILED',
       err
     });
   }
-
   get status() {
     return this.state.status;
   }
-
   get data() {
     if (this.state.status === 'SUCCESSFUL') {
       return this.state.data;
@@ -34,7 +29,6 @@ export class Outcome {
       return;
     }
   }
-
   get err() {
     if (this.state.status === 'FAILED') {
       return this.state.err;
@@ -42,25 +36,21 @@ export class Outcome {
       return;
     }
   }
-
   whenSuccessful(successful) {
     if (this.state.status === 'SUCCESSFUL') {
       successful(this.state.data);
     }
   }
-
   whenPending(pending) {
     if (this.state.status === 'PENDING') {
       pending();
     }
   }
-
   whenFailed(failed) {
     if (this.state.status === 'FAILED') {
       failed(this.state.err);
     }
   }
-
   match({
     successful,
     pending,
@@ -69,15 +59,12 @@ export class Outcome {
     switch (this.state.status) {
       case 'SUCCESSFUL':
         return successful(this.state.data);
-
       case 'PENDING':
         return pending();
-
       case 'FAILED':
         return failed(this.state.err);
     }
   }
-
   mapSuccessful(map) {
     if (this.state.status === 'SUCCESSFUL') {
       return Outcome.successful(map(this.state.data));
@@ -85,7 +72,6 @@ export class Outcome {
       return new Outcome(this.state);
     }
   }
-
   mapFailed(map) {
     if (this.state.status === 'FAILED') {
       return Outcome.failed(map(this.state.err));
@@ -93,5 +79,4 @@ export class Outcome {
       return new Outcome(this.state);
     }
   }
-
 }

package/dist/es2019/domain/zoomLevel.js

@@ -1,20 +1,15 @@
 const BASE_ZOOM_LEVELS = [0.06, 0.12, 0.24, 0.48, 1, 1.5, 2, 4, 6, 8];
-
 const sortNumbers = nums => nums.sort((a, b) => a - b); // default sorting is alphabetically
 
-
 const deduplicated = nums => {
   return sortNumbers(nums).filter((num, pos) => pos === 0 || num !== nums[pos - 1]);
 };
-
 export class ZoomLevel {
   constructor(initialValue, selectedValue) {
     this.initialValue = initialValue;
-
     if (!selectedValue) {
       selectedValue = initialValue;
     }
-
     if (selectedValue < this.min) {
       this.value = this.min;
     } else if (selectedValue > this.max) {
@@ -23,7 +18,6 @@ export class ZoomLevel {
       this.value = selectedValue;
     }
   }
-
   get zoomLevels() {
     return deduplicated(sortNumbers(BASE_ZOOM_LEVELS.map(zoomLevel => zoomLevel * this.initialValue).concat(1) // make sure 100% is selectable
     )); // and that all levels are ordered
@@ -32,41 +26,32 @@ export class ZoomLevel {
   get min() {
     return this.zoomLevels[0];
   }
-
   get max() {
     return this.zoomLevels.slice(-1)[0];
   }
-
   get asPercentage() {
     return `${Math.round(this.value * 100)} %`;
   }
-
   zoomIn() {
     const index = this.zoomLevels.indexOf(this.value);
     const nextValue = this.zoomLevels[index + 1];
     return nextValue ? new ZoomLevel(this.initialValue, nextValue) : this;
   }
-
   zoomOut() {
     const index = this.zoomLevels.indexOf(this.value);
     const nextValue = this.zoomLevels[index - 1];
     return nextValue ? new ZoomLevel(this.initialValue, nextValue) : this;
   }
-
   fullyZoomIn() {
     return new ZoomLevel(this.initialValue, this.max);
   }
-
   fullyZoomOut() {
     return new ZoomLevel(this.initialValue, this.min);
   }
-
   get canZoomIn() {
     return this.value < this.max;
   }
-
   get canZoomOut() {
     return this.value > this.min;
   }
-
 }

package/dist/es2019/download.js

@@ -11,9 +11,7 @@ import { DownloadButtonWrapper } from './styleWrappers';
 const downloadIcon = /*#__PURE__*/React.createElement(DownloadIcon, {
   label: "Download"
 });
-
 function noop() {}
-
 export function DownloadButton({
   analyticspayload,
   onClick: providedOnClick = noop,
@@ -21,12 +19,10 @@ export function DownloadButton({
 }) {
   const onClick = useCallback((event, analyticsEvent) => {
     const 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, {
@@ -57,12 +53,12 @@ export const ToolbarDownloadButton = props => {
     mediaClient,
     identifier
   } = props;
-  const downloadEvent = createDownloadButtonClickedEvent(state); // TODO [MS-1731]: make it work for external files as well
+  const 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,