@atlaskit/media-viewer 47.4.0 → 47.4.2

package/dist/esm/viewers/video.js

@@ -7,11 +7,8 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 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 { getArtifactUrl, globalMediaEventEmitter } from '@atlaskit/media-client';
 import { CustomMediaPlayer } from '@atlaskit/media-ui';
@@ -26,51 +23,39 @@ var hdArtifact = 'video_1280.mp4';
 var localStorageKeyName = 'mv_video_player_quality';
 export var VideoViewer = /*#__PURE__*/function (_BaseViewer) {
   _inherits(VideoViewer, _BaseViewer);
-
   var _super = _createSuper(VideoViewer);
-
   function VideoViewer() {
     var _this;
-
     _classCallCheck(this, VideoViewer);
-
     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), "onHDChange", function () {
       var isHDActive = !_this.state.isHDActive;
       var preferredQuality = isHDActive ? 'hd' : 'sd';
       localStorage.setItem(localStorageKeyName, preferredQuality);
-
       _this.setState({
         isHDActive: isHDActive
       });
-
       _this.init(isHDActive);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onFirstPlay", function () {
       var _this$props = _this.props,
-          item = _this$props.item,
-          onCanPlay = _this$props.onCanPlay;
+        item = _this$props.item,
+        onCanPlay = _this$props.onCanPlay;
       globalMediaEventEmitter.emit('media-viewed', {
         fileId: item.id,
         viewingLevel: 'full'
       });
       onCanPlay && onCanPlay();
     });
-
     _defineProperty(_assertThisInitialized(_this), "onError", function () {
       var onError = _this.props.onError;
       onError && onError(new MediaViewerError('videoviewer-playback'));
     });
-
     return _this;
   }
-
   _createClass(VideoViewer, [{
     key: "initialState",
     get: function get() {
@@ -86,9 +71,9 @@ export var VideoViewer = /*#__PURE__*/function (_BaseViewer) {
     value: function renderSuccessful(content) {
       var isHDActive = this.state.isHDActive;
       var _this$props2 = this.props,
-          item = _this$props2.item,
-          showControls = _this$props2.showControls,
-          previewCount = _this$props2.previewCount;
+        item = _this$props2.item,
+        showControls = _this$props2.showControls,
+        previewCount = _this$props2.previewCount;
       var useCustomVideoPlayer = !isIE();
       var isAutoPlay = previewCount === 0;
       return useCustomVideoPlayer ? /*#__PURE__*/React.createElement(CustomVideoPlayerWrapper, {
@@ -119,14 +104,13 @@ export var VideoViewer = /*#__PURE__*/function (_BaseViewer) {
     value: function () {
       var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var isHDActive,
-            _this$props3,
-            mediaClient,
-            item,
-            collectionName,
-            contentUrl,
-            preferHd,
-            _args = arguments;
-
+          _this$props3,
+          mediaClient,
+          item,
+          collectionName,
+          contentUrl,
+          preferHd,
+          _args = arguments;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -134,61 +118,48 @@ export var VideoViewer = /*#__PURE__*/function (_BaseViewer) {
                 isHDActive = _args.length > 0 && _args[0] !== undefined ? _args[0] : this.state.isHDActive;
                 _this$props3 = this.props, mediaClient = _this$props3.mediaClient, item = _this$props3.item, collectionName = _this$props3.collectionName;
                 _context.prev = 2;
-
                 if (!(item.status === 'processed')) {
                   _context.next = 12;
                   break;
                 }
-
                 preferHd = isHDActive && isHDAvailable(item);
                 _context.next = 7;
                 return mediaClient.file.getArtifactURL(item.artifacts, preferHd ? hdArtifact : sdArtifact, collectionName);
-
               case 7:
                 contentUrl = _context.sent;
-
                 if (contentUrl) {
                   _context.next = 10;
                   break;
                 }
-
                 throw new MediaViewerError("videoviewer-missing-artefact");
-
               case 10:
                 _context.next = 18;
                 break;
-
               case 12:
                 _context.next = 14;
                 return getObjectUrlFromFileState(item);
-
               case 14:
                 contentUrl = _context.sent;
-
                 if (contentUrl) {
                   _context.next = 18;
                   break;
                 }
-
                 this.setState({
                   content: Outcome.pending()
                 });
                 return _context.abrupt("return");
-
               case 18:
                 this.setState({
                   content: Outcome.successful(contentUrl)
                 });
                 _context.next = 24;
                 break;
-
               case 21:
                 _context.prev = 21;
                 _context.t0 = _context["catch"](2);
                 this.setState({
                   content: Outcome.failed(new MediaViewerError('videoviewer-fetch-url', _context.t0 instanceof Error ? _context.t0 : undefined))
                 });
-
               case 24:
               case "end":
                 return _context.stop();
@@ -196,25 +167,20 @@ export var VideoViewer = /*#__PURE__*/function (_BaseViewer) {
           }
         }, _callee, this, [[2, 21]]);
       }));
-
       function init() {
         return _init.apply(this, arguments);
       }
-
       return init;
     }()
   }, {
     key: "release",
     value: function release() {}
   }]);
-
   return VideoViewer;
 }(BaseViewer);
-
 function isHDAvailable(file) {
   if (file.status !== 'processed') {
     return false;
   }
-
   return !!getArtifactUrl(file.artifacts, hdArtifact);
 }

package/dist/esm/zoomControls.js

@@ -5,11 +5,8 @@ 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 _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 { hideControlsClassName, MediaButton } from '@atlaskit/media-ui';
@@ -24,53 +21,42 @@ import { injectIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui';
 export var ZoomControlsBase = /*#__PURE__*/function (_Component) {
   _inherits(ZoomControlsBase, _Component);
-
   var _super = _createSuper(ZoomControlsBase);
-
   function ZoomControlsBase() {
     var _this;
-
     _classCallCheck(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));
-
     _defineProperty(_assertThisInitialized(_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();
         fireAnalytics(createZoomInButtonClickEvent(zoom.value), _this.props);
         onChange(zoom);
       }
     });
-
     _defineProperty(_assertThisInitialized(_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();
         fireAnalytics(createZoomOutButtonClickedEvent(zoom.value), _this.props);
         onChange(zoom);
       }
     });
-
     return _this;
   }
-
   _createClass(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.createElement(ZoomWrapper, {
         className: hideControlsClassName
       }, /*#__PURE__*/React.createElement(ZoomControlsWrapper, null, /*#__PURE__*/React.createElement(MediaButton, {
@@ -88,7 +74,6 @@ export var ZoomControlsBase = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/React.createElement(ZoomLevelIndicator, null, zoomLevel.asPercentage));
     }
   }]);
-
   return ZoomControlsBase;
 }(Component);
 export var ZoomControls = withAnalyticsEvents({})(injectIntl(ZoomControlsBase));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-viewer",
-  "version": "47.4.0",
+  "version": "47.4.2",
   "description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
     "@atlaskit/side-navigation": "^1.5.0",
     "@atlaskit/spinner": "^15.3.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.1.0",
     "@atlaskit/ufo": "^0.1.0",
     "@babel/runtime": "^7.0.0",
     "@kenjiuno/msgreader": "^1.2.6",
@@ -83,7 +83,9 @@
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
   "techstack": {
     "@repo/internal": {
-      "theming": "tokens"
+      "design-tokens": [
+        "color"
+      ]
     }
   }
 }