@desynova-digital/player 3.9.7 → 3.9.9

package/components/Shortcut.js

@@ -1,25 +1,31 @@
-'use strict';
+"use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _propTypes = require('prop-types');
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
-
+exports["default"] = void 0;
+var _react = require("react");
+var _propTypes = require("prop-types");
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 var propTypes = {
   clickable: _propTypes.PropTypes.bool,
   dblclickable: _propTypes.PropTypes.bool,
@@ -33,7 +39,6 @@ var propTypes = {
   frameRate: _propTypes.PropTypes.number,
   playerType: _propTypes.PropTypes.oneOf(['dubbing_review', 'clipping_default', 'default', 'tagging', 'qc', 'subtitle', 'snp_edit', 'archive', 'restore', 'clipping', 'storyboard', 'panel'])
 };
-
 var defaultProps = {
   clickable: true,
   dblclickable: true,
@@ -41,21 +46,21 @@ var defaultProps = {
   player: {},
   shortcuts: []
 };
-
-var Shortcut = function (_Component) {
+var Shortcut = /*#__PURE__*/function (_Component) {
   _inherits(Shortcut, _Component);
-
+  var _super = _createSuper(Shortcut);
   function Shortcut(props, context) {
+    var _this;
     _classCallCheck(this, Shortcut);
-
-    var _this = _possibleConstructorReturn(this, (Shortcut.__proto__ || Object.getPrototypeOf(Shortcut)).call(this, props, context));
-
+    _this = _super.call(this, props, context);
     _this.intervalRewind = null;
     _this.defaultShortcuts = [{
-      keyCode: 32, // spacebar
+      keyCode: 32,
+      // spacebar
       handle: _this.togglePlay
     }, {
-      keyCode: 75, // k
+      keyCode: 75,
+      // k
       handle: function handle(player, actions) {
         actions.pause({
           action: 'pause',
@@ -68,21 +73,24 @@ var Shortcut = function (_Component) {
         actions.handleVideoRewind(false);
       }
     }, {
-      keyCode: 70, // f
+      keyCode: 70,
+      // f
       handle: _this.toggleFullscreen
     }, {
-      keyCode: 37, // Left arrow
+      keyCode: 37,
+      // Left arrow
       handle: function handle(player, actions, frameRate) {
         if (!player.hasStarted) {
           return;
         }
         actions.replay(1 / frameRate, {
-          action: 'forward-' + 1 / frameRate,
+          action: "forward-".concat(1 / frameRate),
           source: 'shortcut'
         }); // Go back 1 frame
       }
     }, {
-      keyCode: 37, // Left arrow
+      keyCode: 37,
+      // Left arrow
       shift: true,
       handle: function handle(player, actions) {
         if (!player.hasStarted) {
@@ -94,7 +102,8 @@ var Shortcut = function (_Component) {
         }); // Go back 1 seconds
       }
     }, {
-      keyCode: 74, // j
+      keyCode: 74,
+      // j
       handle: function handle(player, actions) {
         actions.changeRate(1.0, {
           action: 'change-rate',
@@ -103,18 +112,20 @@ var Shortcut = function (_Component) {
         actions.handleVideoRewind(true);
       }
     }, {
-      keyCode: 39, // Right arrow
+      keyCode: 39,
+      // Right arrow
       handle: function handle(player, actions, frameRate) {
         if (!player.hasStarted) {
           return;
         }
         actions.forward(1 / frameRate, {
-          action: 'forward-' + 1 / frameRate,
+          action: "forward-".concat(1 / frameRate),
           source: 'shortcut'
         }); // Go forward 1 frame
       }
     }, {
-      keyCode: 39, // Right arrow
+      keyCode: 39,
+      // Right arrow
       shift: true,
       handle: function handle(player, actions) {
         if (!player.hasStarted) {
@@ -126,7 +137,8 @@ var Shortcut = function (_Component) {
         }); // Go forward 1 seconds
       }
     }, {
-      keyCode: 76, // l
+      keyCode: 76,
+      // l
       handle: function handle(player, actions) {
         if (player.paused && player.playbackRate === 1) {
           actions.play({
@@ -139,7 +151,8 @@ var Shortcut = function (_Component) {
         }
       }
     }, {
-      keyCode: 36, // Home
+      keyCode: 36,
+      // Home
       handle: function handle(player, actions) {
         if (!player.hasStarted) {
           return;
@@ -147,16 +160,16 @@ var Shortcut = function (_Component) {
         actions.seek(0); // Go to beginning of video
       }
     }, {
-      keyCode: 73, // I Key
+      keyCode: 73,
+      // I Key
       handle: function handle(player, actions) {
         var _this$props = _this.props,
-            markers = _this$props.markers,
-            playerType = _this$props.playerType,
-            onAddMarker = _this$props.onAddMarker,
-            playerReadOnlyMode = _this$props.playerReadOnlyMode,
-            disablePlayerActions = _this$props.disablePlayerActions,
-            playerSelectedMarker = _this$props.playerSelectedMarker;
-
+          markers = _this$props.markers,
+          playerType = _this$props.playerType,
+          onAddMarker = _this$props.onAddMarker,
+          playerReadOnlyMode = _this$props.playerReadOnlyMode,
+          disablePlayerActions = _this$props.disablePlayerActions,
+          playerSelectedMarker = _this$props.playerSelectedMarker;
         if (playerReadOnlyMode || disablePlayerActions.includes("marking_controls")) {
           return;
         }
@@ -199,17 +212,17 @@ var Shortcut = function (_Component) {
         }
       }
     }, {
-      keyCode: 79, // O Key
+      keyCode: 79,
+      // O Key
       handle: function handle(player, actions) {
         var _this$props2 = _this.props,
-            markers = _this$props2.markers,
-            onMarkerSelect = _this$props2.onMarkerSelect,
-            playerType = _this$props2.playerType,
-            onAddMarker = _this$props2.onAddMarker,
-            playerReadOnlyMode = _this$props2.playerReadOnlyMode,
-            disablePlayerActions = _this$props2.disablePlayerActions,
-            playerSelectedMarker = _this$props2.playerSelectedMarker;
-
+          markers = _this$props2.markers,
+          onMarkerSelect = _this$props2.onMarkerSelect,
+          playerType = _this$props2.playerType,
+          onAddMarker = _this$props2.onAddMarker,
+          playerReadOnlyMode = _this$props2.playerReadOnlyMode,
+          disablePlayerActions = _this$props2.disablePlayerActions,
+          playerSelectedMarker = _this$props2.playerSelectedMarker;
         if (playerReadOnlyMode || disablePlayerActions.includes("marking_controls")) {
           return;
         }
@@ -251,13 +264,17 @@ var Shortcut = function (_Component) {
             // }
           }
         }
+
         if (playerSelectedMarker.leftMarker > -1 && player.currentTime > -1 && playerSelectedMarker.markerCreate && createPoint && player.currentTime > playerSelectedMarker.leftMarker) {
           // actions.handleMarkerPointChange('create');
-          onAddMarker(playerSelectedMarker.leftMarker, player.currentTime, '', false, { markerType: 'create' });
+          onAddMarker(playerSelectedMarker.leftMarker, player.currentTime, '', false, {
+            markerType: 'create'
+          });
         }
       }
     }, {
-      keyCode: 35, // End
+      keyCode: 35,
+      // End
       handle: function handle(player, actions) {
         if (!player.hasStarted) {
           return;
@@ -266,7 +283,8 @@ var Shortcut = function (_Component) {
         actions.seek(player.duration);
       }
     }, {
-      keyCode: 38, // Up arrow
+      keyCode: 38,
+      // Up arrow
       handle: function handle(player, actions) {
         // Increase volume 5%
         var v = player.volume + 0.05;
@@ -279,7 +297,8 @@ var Shortcut = function (_Component) {
         });
       }
     }, {
-      keyCode: 40, // Down arrow
+      keyCode: 40,
+      // Down arrow
       handle: function handle(player, actions) {
         // Decrease volume 5%
         var v = player.volume - 0.05;
@@ -293,25 +312,23 @@ var Shortcut = function (_Component) {
         });
       }
     }, {
-      keyCode: 68, // D Key
+      keyCode: 68,
+      // D Key
       handle: function handle(player, actions) {
         var playerSelectedMarker = _this.props.playerSelectedMarker;
-
         if ((playerSelectedMarker.leftMarker > -1 || playerSelectedMarker.rightMarker > -1) && playerSelectedMarker.markerType === 'create') {
           var onDeleteMarker = _this.props.onDeleteMarker;
-
           actions.handleMarkerPointChange('delete');
           onDeleteMarker();
         }
       }
     }, {
-      keyCode: 27, // Escape Key
+      keyCode: 27,
+      // Escape Key
       handle: function handle(player, actions) {
         var playerSelectedMarker = _this.props.playerSelectedMarker;
-
         if (playerSelectedMarker.leftMarker > -1) {
           var onDeleteMarker = _this.props.onDeleteMarker;
-
           actions.handleVideoPreview(false);
           actions.handleMarkerPointChange('delete');
           onDeleteMarker();
@@ -320,42 +337,40 @@ var Shortcut = function (_Component) {
         }
       }
     }, {
-      keyCode: 77, // M Key
+      keyCode: 77,
+      // M Key
       handle: function handle(player, actions) {
         // Mute Video
         actions.mute(!player.muted);
       }
     }, {
-      keyCode: 81, // Q Key
+      keyCode: 81,
+      // Q Key
       handle: function handle(player, actions) {
         var leftMarker = _this.props.playerSelectedMarker.leftMarker;
-
         if (leftMarker > -1) {
           actions.seek(leftMarker);
         }
       }
     }, {
-      keyCode: 87, // W Key
+      keyCode: 87,
+      // W Key
       handle: function handle(player, actions) {
         var rightMarker = _this.props.playerSelectedMarker.rightMarker;
-
         if (rightMarker > -1) {
           actions.seek(rightMarker);
         }
       }
     }];
-
-    _this.shortcuts = [].concat(_toConsumableArray(_this.defaultShortcuts));
-
-    _this.mergeShortcuts = _this.mergeShortcuts.bind(_this);
-    _this.handleKeyPress = _this.handleKeyPress.bind(_this);
-    _this.handleClick = _this.handleClick.bind(_this);
-    _this.handleDoubleClick = _this.handleDoubleClick.bind(_this);
+    _this.shortcuts = _toConsumableArray(_this.defaultShortcuts);
+    _this.mergeShortcuts = _this.mergeShortcuts.bind(_assertThisInitialized(_this));
+    _this.handleKeyPress = _this.handleKeyPress.bind(_assertThisInitialized(_this));
+    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
+    _this.handleDoubleClick = _this.handleDoubleClick.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(Shortcut, [{
-    key: 'componentDidMount',
+    key: "componentDidMount",
     value: function componentDidMount() {
       this.mergeShortcuts();
       document.addEventListener('keydown', this.handleKeyPress);
@@ -363,13 +378,12 @@ var Shortcut = function (_Component) {
       document.addEventListener('dblclick', this.handleDoubleClick);
     }
   }, {
-    key: 'componentDidUpdate',
+    key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var _props = this.props,
-          shortcuts = _props.shortcuts,
-          player = _props.player,
-          frameRate = _props.frameRate;
-
+      var _this$props3 = this.props,
+        shortcuts = _this$props3.shortcuts,
+        player = _this$props3.player,
+        frameRate = _this$props3.frameRate;
       if (prevProps.shortcuts !== shortcuts) {
         this.mergeShortcuts();
       }
@@ -380,20 +394,19 @@ var Shortcut = function (_Component) {
       }
     }
   }, {
-    key: 'componentWillUnmount',
+    key: "componentWillUnmount",
     value: function componentWillUnmount() {
       document.removeEventListener('keydown', this.handleKeyPress);
       document.removeEventListener('click', this.handleClick);
       document.removeEventListener('dblclick', this.handleDoubleClick);
     }
   }, {
-    key: 'rewindVideo',
+    key: "rewindVideo",
     value: function rewindVideo() {
-      var _props2 = this.props,
-          player = _props2.player,
-          actions = _props2.actions,
-          frameRate = _props2.frameRate;
-
+      var _this$props4 = this.props,
+        player = _this$props4.player,
+        actions = _this$props4.actions,
+        frameRate = _this$props4.frameRate;
       if (player.currentTime == 0 || !player.rewindActive) {
         clearInterval(this.intervalRewind);
         this.intervalRewind = null;
@@ -405,43 +418,39 @@ var Shortcut = function (_Component) {
       } else {
         var time = 1 / frameRate;
         actions.replay(time, {
-          action: 'forward-' + 1 / frameRate,
+          action: "forward-".concat(1 / frameRate),
           source: 'shortcut'
         });
       }
     }
 
     // merge the shortcuts from props
-
   }, {
-    key: 'mergeShortcuts',
+    key: "mergeShortcuts",
     value: function mergeShortcuts() {
       var shortcuts = this.props.shortcuts;
-
       var getShortcutKey = function getShortcutKey(_ref) {
         var _ref$keyCode = _ref.keyCode,
-            keyCode = _ref$keyCode === undefined ? 0 : _ref$keyCode,
-            _ref$ctrl = _ref.ctrl,
-            ctrl = _ref$ctrl === undefined ? false : _ref$ctrl,
-            _ref$shift = _ref.shift,
-            shift = _ref$shift === undefined ? false : _ref$shift,
-            _ref$alt = _ref.alt,
-            alt = _ref$alt === undefined ? false : _ref$alt;
-        return keyCode + ':' + ctrl + ':' + shift + ':' + alt;
+          keyCode = _ref$keyCode === void 0 ? 0 : _ref$keyCode,
+          _ref$ctrl = _ref.ctrl,
+          ctrl = _ref$ctrl === void 0 ? false : _ref$ctrl,
+          _ref$shift = _ref.shift,
+          shift = _ref$shift === void 0 ? false : _ref$shift,
+          _ref$alt = _ref.alt,
+          alt = _ref$alt === void 0 ? false : _ref$alt;
+        return "".concat(keyCode, ":").concat(ctrl, ":").concat(shift, ":").concat(alt);
       };
       var defaultShortcuts = this.defaultShortcuts.reduce(function (shortcuts, shortcut) {
         return Object.assign(shortcuts, _defineProperty({}, getShortcutKey(shortcut), shortcut));
       }, {});
       var mergedShortcuts = (shortcuts || []).reduce(function (shortcuts, shortcut) {
         var keyCode = shortcut.keyCode,
-            handle = shortcut.handle;
-
+          handle = shortcut.handle;
         if (keyCode && typeof handle === 'function') {
           return Object.assign(shortcuts, _defineProperty({}, getShortcutKey(shortcut), shortcut));
         }
         return shortcuts;
       }, defaultShortcuts);
-
       var gradeShortcut = function gradeShortcut(s) {
         var score = 0;
         var ps = ['ctrl', 'shift', 'alt'];
@@ -452,7 +461,6 @@ var Shortcut = function (_Component) {
         });
         return score;
       };
-
       this.shortcuts = Object.keys(mergedShortcuts).map(function (key) {
         return mergedShortcuts[key];
       }).sort(function (a, b) {
@@ -460,7 +468,7 @@ var Shortcut = function (_Component) {
       });
     }
   }, {
-    key: 'togglePlay',
+    key: "togglePlay",
     value: function togglePlay(player, actions) {
       if (this.intervalRewind) {
         clearInterval(this.intervalRewind);
@@ -484,7 +492,7 @@ var Shortcut = function (_Component) {
       }
     }
   }, {
-    key: 'changePlaybackRate',
+    key: "changePlaybackRate",
     value: function changePlaybackRate(player, actions) {
       var playbackRate = player.playbackRate;
       if (playbackRate >= 2) {
@@ -515,34 +523,30 @@ var Shortcut = function (_Component) {
       });
     }
   }, {
-    key: 'toggleFullscreen',
+    key: "toggleFullscreen",
     value: function toggleFullscreen(player, actions) {
       var playerType = this.props.playerType;
-
       if (playerType !== 'panel') {
         actions.toggleFullscreen(player);
       }
     }
   }, {
-    key: 'handleKeyPress',
+    key: "handleKeyPress",
     value: function handleKeyPress(e) {
-      var _props3 = this.props,
-          player = _props3.player,
-          actions = _props3.actions,
-          frameRate = _props3.frameRate;
-
+      var _this$props5 = this.props,
+        player = _this$props5.player,
+        actions = _this$props5.actions,
+        frameRate = _this$props5.frameRate;
       if (!player.isActive) {
         return;
       }
       if (document.activeElement && (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA')) {
         return;
       }
-
       var keyCode = e.keyCode || e.which;
       var ctrl = e.ctrlKey || e.metaKey;
       var shift = e.shiftKey;
       var alt = e.altKey;
-
       var shortcut = this.shortcuts.filter(function (s) {
         if (!s.keyCode || s.keyCode - keyCode !== 0) {
           return false;
@@ -552,7 +556,6 @@ var Shortcut = function (_Component) {
         }
         return true;
       })[0];
-
       if (shortcut) {
         shortcut.handle(player, actions, frameRate);
         e.preventDefault();
@@ -560,9 +563,8 @@ var Shortcut = function (_Component) {
     }
 
     // only if player is active and player is ready
-
   }, {
-    key: 'canBeClicked',
+    key: "canBeClicked",
     value: function canBeClicked(player, e) {
       if (!player.isActive || e.target.nodeName !== 'VIDEO' || player.readyState !== 4) {
         return false;
@@ -570,13 +572,12 @@ var Shortcut = function (_Component) {
       return true;
     }
   }, {
-    key: 'handleClick',
+    key: "handleClick",
     value: function handleClick(e) {
-      var _props4 = this.props,
-          player = _props4.player,
-          actions = _props4.actions,
-          clickable = _props4.clickable;
-
+      var _this$props6 = this.props,
+        player = _this$props6.player,
+        actions = _this$props6.actions,
+        clickable = _this$props6.clickable;
       if (!this.canBeClicked(player, e) || !clickable) {
         return;
       }
@@ -584,13 +585,12 @@ var Shortcut = function (_Component) {
       // e.preventDefault();
     }
   }, {
-    key: 'handleDoubleClick',
+    key: "handleDoubleClick",
     value: function handleDoubleClick(e) {
-      var _props5 = this.props,
-          player = _props5.player,
-          actions = _props5.actions,
-          dblclickable = _props5.dblclickable;
-
+      var _this$props7 = this.props,
+        player = _this$props7.player,
+        actions = _this$props7.actions,
+        dblclickable = _this$props7.dblclickable;
       if (!this.canBeClicked(player, e) || !dblclickable) {
         return;
       }
@@ -602,20 +602,15 @@ var Shortcut = function (_Component) {
      * this component dose not render anything
      * it's just for the key down event
      */
-
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
       return null;
     }
   }]);
-
   return Shortcut;
 }(_react.Component);
-
-exports.default = Shortcut;
-
-
+exports["default"] = Shortcut;
 Shortcut.propTypes = propTypes;
 Shortcut.defaultProps = defaultProps;
 Shortcut.displayName = 'Shortcut';