@atlaskit/media-viewer 54.8.21 → 54.8.23

package/dist/cjs/viewers/svg/index.js

@@ -8,21 +8,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.SvgViewer = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
+var _mediaCommon = require("@atlaskit/media-common");
+var _mediaSvg = _interopRequireDefault(require("@atlaskit/media-svg/media-svg"));
 var _camera = require("@atlaskit/media-ui/camera/camera");
 var _messages = require("@atlaskit/media-ui/messages");
 var _vector = require("@atlaskit/media-ui/vector2");
-var _mediaCommon = require("@atlaskit/media-common");
-var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
-var _styleWrappers = require("../../styleWrappers");
+var _MediaViewerError = require("../../MediaViewerError");
+var _closed = require("../../analytics/events/ui/closed");
 var _zoomLevel = require("../../domain/zoomLevel");
+var _styleWrappers = require("../../styleWrappers");
 var _zoomControls = require("../../zoomControls");
-var _closed = require("../../analytics/events/ui/closed");
-var _mediaSvg = _interopRequireDefault(require("@atlaskit/media-svg/media-svg"));
-var _errors = require("../../errors");
-var _utils = require("./utils");
 var _ImageWrapper = require("./ImageWrapper");
-var _errors2 = require("./errors");
-var _reactIntl = require("react-intl");
+var _clientRectangle = require("./clientRectangle");
+var _errors = require("./errors");
+var _naturalSizeRectangle = require("./naturalSizeRectangle");
+var _zoomLevelAfterResize = require("./zoomLevelAfterResize");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SvgViewerBase = function SvgViewerBase(_ref) {
   var identifier = _ref.identifier,
@@ -56,9 +58,9 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
     if (!wrapperRef.current || !camera) {
       return;
     }
-    var newViewport = (0, _utils.clientRectangle)(wrapperRef.current);
+    var newViewport = (0, _clientRectangle.clientRectangle)(wrapperRef.current);
     var newCamera = camera.resizedViewport(newViewport);
-    var newZoomLevel = (0, _utils.zoomLevelAfterResize)(newCamera, camera, zoomLevel);
+    var newZoomLevel = (0, _zoomLevelAfterResize.zoomLevelAfterResize)(newCamera, camera, zoomLevel);
     setCamera(newCamera);
     setZoomLevel(newZoomLevel);
   }, [camera, zoomLevel]);
@@ -90,15 +92,15 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
     if (!wrapperRef.current) {
       return;
     }
-    var viewport = (0, _utils.clientRectangle)(wrapperRef.current);
-    var originalImgRect = (0, _utils.naturalSizeRectangle)(ev.currentTarget);
+    var viewport = (0, _clientRectangle.clientRectangle)(wrapperRef.current);
+    var originalImgRect = (0, _naturalSizeRectangle.naturalSizeRectangle)(ev.currentTarget);
     var newCamera = new _camera.Camera(viewport, originalImgRect);
     var newZoomLevel = new _zoomLevel.ZoomLevel(newCamera.scaleDownToFit);
     setCamera(newCamera);
     setZoomLevel(newZoomLevel);
   };
   var onSvgError = function onSvgError(err) {
-    var error = new _errors.MediaViewerError((0, _errors2.getErrorReason)(err.primaryReason), err.secondaryError);
+    var error = new _MediaViewerError.MediaViewerError((0, _errors.getErrorReason)(err.primaryReason), err.secondaryError);
     onError(error);
   };
   var onSvgClicked = function onSvgClicked(e) {

package/dist/cjs/viewers/svg/naturalSizeRectangle.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.naturalSizeRectangle = void 0;
+var _rectangle = require("@atlaskit/media-ui/rectangle");
+var naturalSizeRectangle = exports.naturalSizeRectangle = function naturalSizeRectangle(el) {
+  // Firefox & Safari can't always read the "natural" dimensions correctly.
+  // When these are undefined or zero, we replace them with the rendered values
+  var naturalWidth = el.naturalWidth,
+    naturalHeight = el.naturalHeight,
+    width = el.width,
+    height = el.height;
+  return new _rectangle.Rectangle(naturalWidth || width, naturalHeight || height);
+};

package/dist/cjs/viewers/svg/zoomLevelAfterResize.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.zoomLevelAfterResize = zoomLevelAfterResize;
+var _zoomLevel = require("../../domain/zoomLevel");
+function zoomLevelAfterResize(newCamera, oldCamera, oldZoomLevel) {
+  var isImgScaledToFit = oldZoomLevel.value === oldCamera.scaleDownToFit;
+  var zoomLevelToRefit = new _zoomLevel.ZoomLevel(newCamera.scaleDownToFit);
+  return isImgScaledToFit ? zoomLevelToRefit : oldZoomLevel;
+}

package/dist/cjs/viewers/video.js

@@ -17,13 +17,14 @@ var _react = _interopRequireDefault(require("react"));
 var _mediaClient = require("@atlaskit/media-client");
 var _customMediaPlayer = require("@atlaskit/media-ui/customMediaPlayer");
 var _mediaPlayer = require("@atlaskit/media-ui/mediaPlayer");
-var _domain = require("../domain");
-var _errors = require("../errors");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _MediaViewerError = require("../MediaViewerError");
+var _buildVideoErrorDiagnostics = require("../buildVideoErrorDiagnostics");
+var _outcome = require("../domain/outcome");
 var _styleWrappers = require("../styleWrappers");
+var _getObjectUrlFromFileState = require("../utils/getObjectUrlFromFileState");
 var _isIE = require("../utils/isIE");
 var _baseViewer = require("./base-viewer");
-var _getObjectUrlFromFileState = require("../utils/getObjectUrlFromFileState");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var hdArtifact = 'video_1280.mp4';
@@ -62,12 +63,12 @@ var VideoViewer = exports.VideoViewer = /*#__PURE__*/function (_BaseViewer) {
         item = _this$props2.item;
       var secondaryError;
       try {
-        secondaryError = (0, _errors.buildVideoErrorDiagnostics)(item, mediaError);
+        secondaryError = (0, _buildVideoErrorDiagnostics.buildVideoErrorDiagnostics)(item, mediaError);
       } catch (_unused) {
         // Diagnostics are best-effort: never let them mask the underlying playback failure.
         secondaryError = undefined;
       }
-      onError && onError(new _errors.MediaViewerError('videoviewer-playback', secondaryError));
+      onError && onError(new _MediaViewerError.MediaViewerError('videoviewer-playback', secondaryError));
     });
     return _this;
   }
@@ -76,7 +77,7 @@ var VideoViewer = exports.VideoViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "initialState",
     get: function get() {
       return {
-        content: _domain.Outcome.pending()
+        content: _outcome.Outcome.pending()
       };
     }
   }, {
@@ -171,7 +172,7 @@ var VideoViewer = exports.VideoViewer = /*#__PURE__*/function (_BaseViewer) {
                 _context.next = 6;
                 break;
               }
-              throw new _errors.MediaViewerError("videoviewer-missing-artefact");
+              throw new _MediaViewerError.MediaViewerError("videoviewer-missing-artefact");
             case 6:
               _context.next = 9;
               break;
@@ -185,12 +186,12 @@ var VideoViewer = exports.VideoViewer = /*#__PURE__*/function (_BaseViewer) {
                 break;
               }
               this.setState({
-                content: _domain.Outcome.pending()
+                content: _outcome.Outcome.pending()
               });
               return _context.abrupt("return");
             case 9:
               this.setState({
-                content: _domain.Outcome.successful(contentUrl)
+                content: _outcome.Outcome.successful(contentUrl)
               });
               _context.next = 11;
               break;
@@ -198,7 +199,7 @@ var VideoViewer = exports.VideoViewer = /*#__PURE__*/function (_BaseViewer) {
               _context.prev = 10;
               _t = _context["catch"](1);
               this.setState({
-                content: _domain.Outcome.failed(new _errors.MediaViewerError('videoviewer-fetch-url', _t instanceof Error ? _t : undefined))
+                content: _outcome.Outcome.failed(new _MediaViewerError.MediaViewerError('videoviewer-fetch-url', _t instanceof Error ? _t : undefined))
               });
             case 11:
             case "end":

package/dist/cjs/zoomControls.js

@@ -13,17 +13,17 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
+var _zoomIn = _interopRequireDefault(require("@atlaskit/icon/core/zoom-in"));
+var _zoomOut = _interopRequireDefault(require("@atlaskit/icon/core/zoom-out"));
 var _classNames = require("@atlaskit/media-ui/classNames");
 var _MediaButton = _interopRequireDefault(require("@atlaskit/media-ui/MediaButton"));
-var _zoomOut = _interopRequireDefault(require("@atlaskit/icon/core/zoom-out"));
-var _zoomIn = _interopRequireDefault(require("@atlaskit/icon/core/zoom-in"));
-var _styleWrappers = require("./styleWrappers");
-var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
-var _analytics = require("./analytics/");
+var _messages = require("@atlaskit/media-ui/messages");
 var _zoomInButtonClicked = require("./analytics/events/ui/zoomInButtonClicked");
 var _zoomOutButtonClicked = require("./analytics/events/ui/zoomOutButtonClicked");
-var _reactIntl = require("react-intl");
-var _messages = require("@atlaskit/media-ui/messages");
+var _fireAnalytics = require("./analytics/fireAnalytics");
+var _styleWrappers = require("./styleWrappers");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -42,7 +42,7 @@ var ZoomControlsBase = exports.ZoomControlsBase = /*#__PURE__*/function (_Compon
         createAnalyticsEvent = _this$props.createAnalyticsEvent;
       if (zoomLevel.canZoomIn) {
         var zoom = zoomLevel.zoomIn();
-        (0, _analytics.fireAnalytics)((0, _zoomInButtonClicked.createZoomInButtonClickEvent)(zoom.value), createAnalyticsEvent);
+        (0, _fireAnalytics.fireAnalytics)((0, _zoomInButtonClicked.createZoomInButtonClickEvent)(zoom.value), createAnalyticsEvent);
         onChange(zoom);
       }
     });
@@ -53,7 +53,7 @@ var ZoomControlsBase = exports.ZoomControlsBase = /*#__PURE__*/function (_Compon
         createAnalyticsEvent = _this$props2.createAnalyticsEvent;
       if (zoomLevel.canZoomOut) {
         var zoom = zoomLevel.zoomOut();
-        (0, _analytics.fireAnalytics)((0, _zoomOutButtonClicked.createZoomOutButtonClickedEvent)(zoom.value), createAnalyticsEvent);
+        (0, _fireAnalytics.fireAnalytics)((0, _zoomOutButtonClicked.createZoomOutButtonClickedEvent)(zoom.value), createAnalyticsEvent);
         onChange(zoom);
       }
     });

package/dist/es2019/ArchiveViewerError.js

@@ -0,0 +1,9 @@
+import { MediaViewerError } from './MediaViewerError';
+export class ArchiveViewerError extends MediaViewerError {
+  constructor(primaryReason, secondaryError, zipEntry) {
+    super(primaryReason, secondaryError);
+    this.primaryReason = primaryReason;
+    this.secondaryError = secondaryError;
+    this.zipEntry = zipEntry;
+  }
+}

package/dist/es2019/DownloadButton.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
+import { fireAnalytics } from './analytics/fireAnalytics';
+import { noop } from './noop';
+export function DownloadButton({
+  analyticspayload,
+  onClick: providedOnClick = noop,
+  tooltip,
+  ...rest
+}) {
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  const onClick = useCallback((event, analyticsEvent) => {
+    fireAnalytics(analyticspayload, createAnalyticsEvent);
+    providedOnClick(event, analyticsEvent);
+  }, [analyticspayload, providedOnClick, createAnalyticsEvent]);
+  const downloadButton = /*#__PURE__*/React.createElement(MediaButton, _extends({}, rest, {
+    onClick: onClick
+  }));
+  return tooltip ? /*#__PURE__*/React.createElement(Tooltip, {
+    content: tooltip,
+    position: "bottom",
+    tag: "span"
+  }, downloadButton) : downloadButton;
+}

package/dist/es2019/DownloadButtonProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/DownloadItem.js

@@ -0,0 +1,54 @@
+import React, { useState } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
+import { isErrorFileState } from '@atlaskit/media-client';
+import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
+import { createItemDownloader } from './createItemDownloader';
+import { DownloadButton } from './DownloadButton';
+import { useDownloadButtonDisabledProps } from './useDownloadButtonDisabledProps';
+export const DownloadItem = ({
+  testId,
+  fileState,
+  mediaClient,
+  collectionName,
+  appearance,
+  analyticspayload,
+  traceContext,
+  iconBefore,
+  children,
+  fallbackMediaName
+}) => {
+  const [isAbuseModalOpen, setIsAbuseModalOpen] = useState(false);
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  const {
+    isDisabled,
+    tooltip
+  } = useDownloadButtonDisabledProps(mediaClient);
+  const shouldRenderAbuseModal = !isErrorFileState(fileState) && !!fileState.abuseClassification;
+  const itemDownloader = createItemDownloader(fileState, mediaClient, {
+    collectionName: collectionName,
+    createAnalyticsEvent,
+    traceContext,
+    fallbackMediaName
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, shouldRenderAbuseModal && /*#__PURE__*/React.createElement(AbuseModal, {
+    isOpen: isAbuseModalOpen,
+    onConfirm: itemDownloader,
+    onClose: () => setIsAbuseModalOpen(false)
+  }), /*#__PURE__*/React.createElement(DownloadButton, {
+    testId: testId,
+    appearance: appearance,
+    analyticspayload: analyticspayload,
+    isDisabled: isDisabled,
+    tooltip: tooltip,
+    onClick: () => {
+      if (shouldRenderAbuseModal) {
+        setIsAbuseModalOpen(true);
+      } else {
+        itemDownloader();
+      }
+    },
+    iconBefore: iconBefore
+  }, children));
+};

package/dist/es2019/DownloadItemProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/ErrorViewDownloadButton.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import { messages } from '@atlaskit/media-ui/messages';
+import { DownloadItem } from './DownloadItem';
+import { createFailedPreviewDownloadButtonClickedEvent } from './analytics/events/ui/failedPreviewDownloadButtonClicked';
+import { DownloadButtonWrapper } from './styleWrappers';
+export const ErrorViewDownloadButton = ({
+  fileState,
+  mediaClient,
+  error,
+  traceContext,
+  collectionName
+}) => {
+  const downloadEvent = createFailedPreviewDownloadButtonClickedEvent(fileState, error);
+  const testId = 'media-viewer-error-download-button';
+  return /*#__PURE__*/React.createElement(DownloadButtonWrapper, null, /*#__PURE__*/React.createElement(DownloadItem, {
+    testId: testId,
+    analyticspayload: downloadEvent,
+    appearance: "primary",
+    fileState: fileState,
+    mediaClient: mediaClient,
+    collectionName: collectionName,
+    traceContext: traceContext
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.download)));
+};