@atlaskit/media-viewer 47.4.0 → 47.4.2

package/dist/cjs/viewers/doc/pdfRenderer.js

@@ -1,75 +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.pdfViewerClassName = exports.PDFRenderer = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var PDFJSViewer = _interopRequireWildcard(require("pdfjs-dist/web/pdf_viewer"));
-
 var pdfjsLib = _interopRequireWildcard(require("pdfjs-dist/build/pdf"));
-
 var _react2 = require("@emotion/react");
-
 var _zoomControls = require("../../zoomControls");
-
 var _styleWrappers = require("../../styleWrappers");
-
 var _closeOnDirectClick = require("../../utils/closeOnDirectClick");
-
 var _domain = require("../../domain");
-
 var _loading = require("../../loading");
-
 var _errorMessage = _interopRequireDefault(require("../../errorMessage"));
-
 var _errors = require("../../errors");
-
 var _zoomLevel = require("../../domain/zoomLevel");
-
 var _templateObject;
-
 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 pdfViewerClassName = 'pdfViewer';
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 exports.pdfViewerClassName = pdfViewerClassName;
 var globalStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    margin-top: 64px;\n    margin-bottom: 64px;\n    .page {\n      margin: 1px auto -8px auto;\n      border: 9px solid transparent;\n      position: relative;\n\n      .canvasWrapper {\n        overflow: hidden;\n      }\n\n      .textLayer {\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        overflow: hidden;\n        line-height: 1;\n        font-family: sans-serif;\n        opacity: 0.8;\n\n        ::selection {\n          background: rgb(0, 0, 255);\n        }\n      }\n\n      .annotationLayer {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n      }\n\n      .textLayer > div,\n      .annotationLayer > section {\n        color: transparent;\n        position: absolute;\n        white-space: pre;\n        cursor: text;\n        transform-origin: 0% 0%;\n      }\n      .linkAnnotation > a {\n        position: absolute;\n        font-size: 1em;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n      }\n\n      .linkAnnotation > a {\n        background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7')\n          0 0 repeat;\n      }\n\n      .linkAnnotation > a:hover {\n        opacity: 0.2;\n        background: #ff0;\n        box-shadow: 0 2px 10px #ff0;\n      }\n    }\n  }\n"])), pdfViewerClassName);
 /* eslint-enable no-unused-expressions */
-
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
 pdfjsLib.GlobalWorkerOptions.workerSrc = '/'; // TODO: use web workers instead of fake worker.
@@ -77,26 +45,19 @@ pdfjsLib.GlobalWorkerOptions.workerSrc = '/'; // TODO: use web workers instead o
 var fetchPdf = function fetchPdf(url) {
   return pdfjsLib.getDocument(url).promise;
 };
-
 var initialState = {
   zoomLevel: new _zoomLevel.ZoomLevel(1),
   doc: _domain.Outcome.pending()
 };
-
 var PDFRenderer = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(PDFRenderer, _React$Component);
-
   var _super = _createSuper(PDFRenderer);
-
   function PDFRenderer() {
     var _this;
-
     (0, _classCallCheck2.default)(this, PDFRenderer);
-
     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), "savePdfElement", function (el) {
@@ -104,18 +65,15 @@ var PDFRenderer = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleZoom", function (zoomLevel) {
       _this.pdfViewer.currentScale = zoomLevel.value;
-
       _this.setState({
         zoomLevel: zoomLevel
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "scaleToFit", function () {
       var _assertThisInitialize = (0, _assertThisInitialized2.default)(_this),
-          pdfViewer = _assertThisInitialize.pdfViewer;
-
+        pdfViewer = _assertThisInitialize.pdfViewer;
       if (pdfViewer) {
         pdfViewer.currentScaleValue = 'page-width';
-
         _this.setState({
           zoomLevel: new _zoomLevel.ZoomLevel(pdfViewer.currentScale)
         });
@@ -123,7 +81,6 @@ var PDFRenderer = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(PDFRenderer, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -141,9 +98,7 @@ var PDFRenderer = /*#__PURE__*/function (_React$Component) {
     value: function () {
       var _init = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var _this2 = this;
-
         var _this$props, src, onSuccess, onError, pdfError;
-
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -152,7 +107,6 @@ var PDFRenderer = /*#__PURE__*/function (_React$Component) {
                 _context.prev = 1;
                 _context.next = 4;
                 return fetchPdf(src);
-
               case 4:
                 this.doc = _context.sent;
                 this.setState({
@@ -161,18 +115,14 @@ var PDFRenderer = /*#__PURE__*/function (_React$Component) {
                   _this2.pdfViewer = new PDFJSViewer.PDFViewer({
                     container: _this2.el
                   });
-
                   _this2.pdfViewer.setDocument(_this2.doc);
-
                   _this2.pdfViewer.firstPagePromise.then(_this2.scaleToFit);
-
                   if (onSuccess) {
                     onSuccess();
                   }
                 });
                 _context.next = 13;
                 break;
-
               case 8:
                 _context.prev = 8;
                 _context.t0 = _context["catch"](1);
@@ -180,11 +130,9 @@ var PDFRenderer = /*#__PURE__*/function (_React$Component) {
                 this.setState({
                   doc: _domain.Outcome.failed(pdfError)
                 });
-
                 if (onError) {
                   onError(pdfError);
                 }
-
               case 13:
               case "end":
                 return _context.stop();
@@ -192,18 +140,15 @@ var PDFRenderer = /*#__PURE__*/function (_React$Component) {
           }
         }, _callee, this, [[1, 8]]);
       }));
-
       function init() {
         return _init.apply(this, arguments);
       }
-
       return init;
     }()
   }, {
     key: "render",
     value: function render() {
       var _this3 = this;
-
       return this.state.doc.match({
         pending: function pending() {
           return /*#__PURE__*/_react.default.createElement(_loading.Spinner, null);
@@ -229,7 +174,6 @@ var PDFRenderer = /*#__PURE__*/function (_React$Component) {
             fileState: item,
             error: error,
             supressAnalytics: true // item-viewer.tsx will send
-
           });
         }
       });
@@ -237,5 +181,4 @@ var PDFRenderer = /*#__PURE__*/function (_React$Component) {
   }]);
   return PDFRenderer;
 }(_react.default.Component);
-
 exports.PDFRenderer = PDFRenderer;

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

@@ -1,48 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageViewer = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 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 _mediaUi = require("@atlaskit/media-ui");
-
 var _domain = require("../../domain");
-
 var _errors = require("../../errors");
-
 var _interactiveImg = require("./interactive-img");
-
 var _baseViewer = require("../base-viewer");
-
 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; } }
-
 function processedFileStateToMediaItem(file) {
   return {
     type: 'file',
@@ -51,25 +31,18 @@ function processedFileStateToMediaItem(file) {
     }
   };
 }
-
 var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
   (0, _inherits2.default)(ImageViewer, _BaseViewer);
-
   var _super = _createSuper(ImageViewer);
-
   function ImageViewer() {
     var _this;
-
     (0, _classCallCheck2.default)(this, ImageViewer);
-
     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), "onLoad", function () {
       _this.props.onLoad();
-
       _this.onMediaDisplayed();
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onImgError", function () {
@@ -77,7 +50,6 @@ var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(ImageViewer, [{
     key: "initialState",
     get: function get() {
@@ -90,107 +62,86 @@ var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
     value: function () {
       var _init = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var _this$props, fileState, mediaClient, collectionName, traceContext, orientation, objectUrl, originalBinaryImageUrl, isLocalFileReference, preview, _yield$preview, value, origin, item, controller, response, imgError;
-
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
                 _this$props = this.props, fileState = _this$props.item, mediaClient = _this$props.mediaClient, collectionName = _this$props.collectionName, traceContext = _this$props.traceContext;
-
                 if (!(fileState.status === 'error')) {
                   _context.next = 3;
                   break;
                 }
-
                 return _context.abrupt("return");
-
               case 3:
                 _context.prev = 3;
                 orientation = 1;
                 isLocalFileReference = false;
                 preview = fileState.preview;
-
                 if (!preview) {
                   _context.next = 24;
                   break;
                 }
-
                 _context.next = 10;
                 return preview;
-
               case 10:
                 _yield$preview = _context.sent;
                 value = _yield$preview.value;
                 origin = _yield$preview.origin;
-
                 if (!(value instanceof Blob)) {
                   _context.next = 21;
                   break;
                 }
-
                 _context.next = 16;
                 return (0, _mediaUi.getOrientation)(value);
-
               case 16:
                 orientation = _context.sent;
                 objectUrl = URL.createObjectURL(value);
                 isLocalFileReference = origin === 'local';
                 _context.next = 22;
                 break;
-
               case 21:
                 objectUrl = value;
-
               case 22:
                 _context.next = 38;
                 break;
-
               case 24:
                 if (!(0, _mediaClient.isImageRepresentationReady)(fileState)) {
                   _context.next = 36;
                   break;
                 }
-
                 item = processedFileStateToMediaItem(fileState);
                 controller = typeof AbortController !== 'undefined' ? new AbortController() : undefined;
                 response = mediaClient.getImage(item.details.id, {
                   collection: collectionName,
                   mode: 'fit'
                 }, controller, true, traceContext);
-
                 this.cancelImageFetch = function () {
                   return controller && controller.abort();
                 };
-
                 _context.t0 = URL;
                 _context.next = 32;
                 return response;
-
               case 32:
                 _context.t1 = _context.sent;
                 objectUrl = _context.t0.createObjectURL.call(_context.t0, _context.t1);
                 _context.next = 38;
                 break;
-
               case 36:
                 this.setState({
                   content: _domain.Outcome.pending()
                 });
                 return _context.abrupt("return");
-
               case 38:
-                if (!(!isLocalFileReference && // objectUrl at this point is binary file already
+                if (!(!isLocalFileReference &&
+                // objectUrl at this point is binary file already
                 !(0, _mediaClient.isErrorFileState)(fileState) && fileState.status !== 'uploading' && fileState.mediaType === 'image' && (0, _mediaClient.isImageMimeTypeSupportedByBrowser)(fileState.mimeType))) {
                   _context.next = 42;
                   break;
                 }
-
                 _context.next = 41;
                 return mediaClient.file.getFileBinaryURL(fileState.id, collectionName);
-
               case 41:
                 originalBinaryImageUrl = _context.sent;
-
               case 42:
                 this.setState({
                   content: _domain.Outcome.successful({
@@ -201,11 +152,9 @@ var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
                 });
                 _context.next = 48;
                 break;
-
               case 45:
                 _context.prev = 45;
                 _context.t2 = _context["catch"](3);
-
                 // TODO : properly handle aborted requests (MS-2843)
                 if (!(0, _mediaClient.isAbortedRequestError)(_context.t2)) {
                   imgError = new _errors.MediaViewerError('imageviewer-fetch-url', _context.t2 instanceof Error ? _context.t2 : undefined);
@@ -214,7 +163,6 @@ var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
                   });
                   this.props.onError(imgError);
                 }
-
               case 48:
               case "end":
                 return _context.stop();
@@ -222,29 +170,25 @@ var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
           }
         }, _callee, this, [[3, 45]]);
       }));
-
       function init() {
         return _init.apply(this, arguments);
       }
-
       return init;
     }()
   }, {
     key: "release",
     value: function release() {
       var _this2 = this;
-
       if (this.cancelImageFetch) {
         this.cancelImageFetch();
       }
-
       this.state.content.whenSuccessful(function (_ref) {
         var objectUrl = _ref.objectUrl;
-
         _this2.revokeObjectUrl(objectUrl);
       });
-    } // This method is spied on by some test cases, so don't rename or remove it.
+    }
 
+    // This method is spied on by some test cases, so don't rename or remove it.
   }, {
     key: "revokeObjectUrl",
     value: function revokeObjectUrl(objectUrl) {
@@ -254,10 +198,10 @@ var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "renderSuccessful",
     value: function renderSuccessful(content) {
       var _this$props2 = this.props,
-          item = _this$props2.item,
-          onClose = _this$props2.onClose,
-          contextId = _this$props2.contextId,
-          collectionName = _this$props2.collectionName;
+        item = _this$props2.item,
+        onClose = _this$props2.onClose,
+        contextId = _this$props2.contextId,
+        collectionName = _this$props2.collectionName;
       var src = contextId ? (0, _mediaClient.addFileAttrsToUrl)(content.objectUrl, {
         id: item.id,
         contextId: contextId,
@@ -275,5 +219,4 @@ var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
   }]);
   return ImageViewer;
 }(_baseViewer.BaseViewer);
-
 exports.ImageViewer = ImageViewer;