@desynova-digital/player 4.0.16 → 4.0.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Manager.js +8 -9
- package/actions/player.js +1 -1
- package/components/AudioMeter.js +24 -25
- package/components/BigPlayButton.js +16 -17
- package/components/ImageViewer.js +16 -17
- package/components/MarkerBar.js +16 -17
- package/components/Menu.js +2 -2
- package/components/Player.js +27 -28
- package/components/PlayerHeader.js +16 -17
- package/components/Playlist.js +14 -15
- package/components/PointersBar.js +29 -24
- package/components/PosterImage.js +1 -1
- package/components/SDOutline.js +2 -2
- package/components/Shortcut.js +38 -39
- package/components/Slider.js +27 -27
- package/components/TagsBar.js +15 -16
- package/components/Video.js +52 -53
- package/components/control-bar/AudioTracksMenuButton.js +14 -15
- package/components/control-bar/CameraButton.js +15 -16
- package/components/control-bar/CaptionControlMenuButton.js +15 -16
- package/components/control-bar/CommentsButton.js +16 -17
- package/components/control-bar/ControlBar.js +17 -18
- package/components/control-bar/EditorControlMenuButton.js +16 -17
- package/components/control-bar/ForwardControl.js +1 -1
- package/components/control-bar/ForwardReplayControl.js +15 -16
- package/components/control-bar/FullscreenToggle.js +15 -16
- package/components/control-bar/PlayToggle.js +15 -16
- package/components/control-bar/ReplayControl.js +1 -1
- package/components/control-bar/SettingsMenuButton.js +4 -4
- package/components/control-bar/SubtitleLanguagesMenuButton.js +14 -15
- package/components/control-bar/SubtitleMovementMenu.js +16 -17
- package/components/control-bar/VolumeMenuButton.js +16 -17
- package/components/control-bar/ZoomMenuButton.js +16 -17
- package/components/marking-controls/MarkInControl.js +15 -16
- package/components/marking-controls/MarkOutControl.js +15 -16
- package/components/marking-controls/MarkingAddButton.js +15 -16
- package/components/marking-controls/MarkingControl.js +2 -2
- package/components/marking-controls/MarkingDeleteButton.js +15 -16
- package/components/marking-controls/MarkingDuration.js +2 -2
- package/components/marking-controls/MarkingPreview.js +15 -16
- package/components/progress-bar/AudioWaveform.js +15 -16
- package/components/progress-bar/LoadProgressBar.js +1 -1
- package/components/progress-bar/MouseTimeDisplay.js +1 -1
- package/components/progress-bar/PlayProgressBar.js +2 -2
- package/components/progress-bar/ProgressControl.js +41 -27
- package/components/progress-bar/SeekBar.js +22 -23
- package/components/progress-bar/Timeline.js +15 -16
- package/components/settings-menu-control/CameraControl.js +3 -3
- package/components/settings-menu-control/ChildMenuComponent.js +18 -19
- package/components/settings-menu-control/ParentMenuComponent.js +15 -16
- package/components/settings-menu-control/PlaybackRateControl.js +15 -16
- package/components/settings-menu-control/SafeAreaControl.js +15 -16
- package/components/settings-menu-control/SettingsMenu.js +10 -10
- package/components/time-controls/CurrentTimeDisplay.js +7 -7
- package/components/time-controls/DurationDisplay.js +2 -2
- package/components/time-controls/TimeDivider.js +2 -2
- package/components/volume-control/VolumeBar.js +24 -25
- package/components/volume-control/VolumeControl.js +1 -1
- package/components/volume-control/VolumeLevel.js +2 -2
- package/components/zoom-control/ZoomBar.js +23 -24
- package/components/zoom-control/ZoomLevel.js +2 -2
- package/index.js +2 -2
- package/package.json +1 -1
- package/reducers/operation.js +2 -2
- package/reducers/player.js +2 -2
- package/utils/fullscreen.js +5 -6
- package/utils/index.js +8 -8
|
@@ -11,23 +11,23 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
11
11
|
var _components = require("@desynova-digital/components");
|
|
12
12
|
var _colors = _interopRequireDefault(require("../colors"));
|
|
13
13
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
14
|
-
function _interopRequireDefault(
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
15
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
17
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
18
|
-
function _classCallCheck(
|
|
19
|
-
function _defineProperties(
|
|
20
|
-
function _createClass(
|
|
21
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
17
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
18
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
19
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
20
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
21
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
22
22
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
23
23
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
24
|
-
function _possibleConstructorReturn(
|
|
24
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
25
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
25
26
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
26
|
-
function _getPrototypeOf(
|
|
27
|
-
function
|
|
28
|
-
function
|
|
29
|
-
function
|
|
30
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
27
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
28
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
29
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
30
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
31
31
|
var propTypes = {
|
|
32
32
|
actions: _propTypes.PropTypes.instanceOf(Object),
|
|
33
33
|
onPlayerClose: _propTypes.PropTypes.func,
|
|
@@ -76,7 +76,6 @@ var BackButton = (0, _styledComponents["default"])(_components.Button)(_template
|
|
|
76
76
|
return _colors["default"].common.video[props.assetType].base;
|
|
77
77
|
}, _components.Icon.Element);
|
|
78
78
|
var PlayerHeader = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
79
|
-
_inherits(PlayerHeader, _Component);
|
|
80
79
|
function PlayerHeader(props, context) {
|
|
81
80
|
var _this;
|
|
82
81
|
_classCallCheck(this, PlayerHeader);
|
|
@@ -85,10 +84,11 @@ var PlayerHeader = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
85
84
|
versionIndex: -1,
|
|
86
85
|
updatedVersionsList: []
|
|
87
86
|
};
|
|
88
|
-
_this.handleClick = _this.handleClick.bind(
|
|
87
|
+
_this.handleClick = _this.handleClick.bind(_this);
|
|
89
88
|
return _this;
|
|
90
89
|
}
|
|
91
|
-
|
|
90
|
+
_inherits(PlayerHeader, _Component);
|
|
91
|
+
return _createClass(PlayerHeader, [{
|
|
92
92
|
key: "componentDidMount",
|
|
93
93
|
value: function componentDidMount() {
|
|
94
94
|
var _this$props = this.props,
|
|
@@ -329,7 +329,6 @@ var PlayerHeader = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
329
329
|
}, this.props)) : null));
|
|
330
330
|
}
|
|
331
331
|
}]);
|
|
332
|
-
return PlayerHeader;
|
|
333
332
|
}(_react.Component);
|
|
334
333
|
PlayerHeader.propTypes = propTypes;
|
|
335
334
|
PlayerHeader.displayName = 'PlayerHeader';
|
package/components/Playlist.js
CHANGED
|
@@ -10,22 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
11
|
var _components = require("@desynova-digital/components");
|
|
12
12
|
var _templateObject, _templateObject2, _templateObject3;
|
|
13
|
-
function _interopRequireDefault(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
14
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
16
|
-
function _classCallCheck(
|
|
17
|
-
function _defineProperties(
|
|
18
|
-
function _createClass(
|
|
19
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
16
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
17
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
18
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
19
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
20
20
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
21
21
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
22
|
-
function _possibleConstructorReturn(
|
|
23
|
-
function _assertThisInitialized(
|
|
22
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
23
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
24
24
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
25
|
-
function _getPrototypeOf(
|
|
26
|
-
function _inherits(
|
|
27
|
-
function _setPrototypeOf(
|
|
28
|
-
function _taggedTemplateLiteral(
|
|
25
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
26
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
27
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
28
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
29
29
|
/*
|
|
30
30
|
* import { play } from '../actions/player';
|
|
31
31
|
* import { colors } from '@desynova-digital/tokens';
|
|
@@ -52,12 +52,12 @@ var PlaylistCard = (0, _styledComponents["default"])('div')(_templateObject3 ||
|
|
|
52
52
|
return props.active ? 'none' : 'all';
|
|
53
53
|
});
|
|
54
54
|
var Playlist = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
55
|
-
_inherits(Playlist, _Component);
|
|
56
55
|
function Playlist(props, context) {
|
|
57
56
|
_classCallCheck(this, Playlist);
|
|
58
57
|
return _callSuper(this, Playlist, [props, context]);
|
|
59
58
|
}
|
|
60
|
-
|
|
59
|
+
_inherits(Playlist, _Component);
|
|
60
|
+
return _createClass(Playlist, [{
|
|
61
61
|
key: "componentDidMount",
|
|
62
62
|
value: function componentDidMount() {}
|
|
63
63
|
}, {
|
|
@@ -89,7 +89,6 @@ var Playlist = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
89
89
|
})) : null);
|
|
90
90
|
}
|
|
91
91
|
}]);
|
|
92
|
-
return Playlist;
|
|
93
92
|
}(_react.Component);
|
|
94
93
|
Playlist.propTypes = propTypes;
|
|
95
94
|
Playlist.displayName = 'Playlist';
|
|
@@ -11,29 +11,29 @@ var _propTypes = require("prop-types");
|
|
|
11
11
|
var _components = require("@desynova-digital/components");
|
|
12
12
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
13
13
|
var _reactDom = require("react-dom");
|
|
14
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
14
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
15
15
|
/* eslint-disable jsx-a11y/mouse-events-have-key-events */
|
|
16
16
|
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
|
17
17
|
/* eslint-disable react/no-array-index-key */
|
|
18
|
-
function _interopRequireDefault(
|
|
18
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
19
19
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
20
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
21
21
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
22
22
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
23
|
-
function _defineProperty(
|
|
24
|
-
function _classCallCheck(
|
|
25
|
-
function _defineProperties(
|
|
26
|
-
function _createClass(
|
|
27
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
23
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
24
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
25
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
26
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
27
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
28
28
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
29
29
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
30
|
-
function _possibleConstructorReturn(
|
|
30
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
31
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
31
32
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
32
|
-
function _getPrototypeOf(
|
|
33
|
-
function
|
|
34
|
-
function
|
|
35
|
-
function
|
|
36
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
33
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
34
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
35
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
36
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
37
37
|
/*
|
|
38
38
|
* import { colors } from '@desynova-digital/tokens';
|
|
39
39
|
* import colors from '../colors';
|
|
@@ -48,23 +48,23 @@ var propTypes = {
|
|
|
48
48
|
var defaultProps = {
|
|
49
49
|
player: {}
|
|
50
50
|
};
|
|
51
|
-
var
|
|
51
|
+
var ScrollableDiv = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n max-height: 65px; /* Set the maximum height */\n overflow-y: scroll; /* Enable vertical scrolling */\n\n /* Optional: Hide the scrollbar */\n &::-webkit-scrollbar {\n width: 0; /* For Webkit browsers */\n }\n scrollbar-width: none; /* For Firefox */\n -ms-overflow-style: none; /* For IE 10+ */\n"])));
|
|
52
|
+
var PointersContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n width: ", ";\n"])), function (props) {
|
|
52
53
|
return props.width || '100%';
|
|
53
54
|
});
|
|
54
|
-
var PointerBlock = _styledComponents["default"].div(
|
|
55
|
-
var MarkerTagsBlock = _styledComponents["default"].div(
|
|
56
|
-
var ToolTipStyles = _styledComponents["default"].div(
|
|
55
|
+
var PointerBlock = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n height: 20px;\n position: relative;\n border-top: 2px solid #333333;\n div:last-child {\n border-bottom: none; // Remove border-bottom for the last div inside PointerBlock\n }\n .empty-pointers-msg {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n p {\n font-family: SFUIText-Medium;\n font-size: 11px;\n color: #aaaaaa;\n }\n ", " {\n margin: 0 5px;\n }\n }\n"])), _components.Icon.Element);
|
|
56
|
+
var MarkerTagsBlock = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n min-width: 100px;\n max-width: 100px;\n position: relative;\n height: 100%;\n .tags-block {\n height: 20px;\n font-family: SFUIText-Medium;\n font-size: 10px;\n color: #ffffff;\n text-transform: uppercase;\n border-top: 1px solid #333333;\n border-bottom: 1px solid #333333;\n p {\n line-height: 18px;\n padding: 0 10px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])));
|
|
57
|
+
var ToolTipStyles = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 2;\n height: 18px;\n transition: left 0.1s ease-in-out;\n\n .tooltip-container {\n border-radius: 0.25rem;\n padding: 5px;\n width: fit-content;\n background: #ffffff;\n color: #666666;\n\n i,em{\n font-style: italic; \n }\n\n strong{\n font-weight: bold; \n }\n\n h4 {\n white-space: nowrap;\n font-size: 12px;\n }\n\n &:after {\n content: '';\n position: absolute;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid white;\n ", "\n left: ", ";\n transform: translateX(-50%);\n }\n }\n"])), function (props) {
|
|
57
58
|
return props.multiline ? 'bottom: -21px;' : 'bottom: -9px;';
|
|
58
59
|
}, function (props) {
|
|
59
60
|
return props.tooltipPointer ? props.tooltipPointer + 'px' : '50%';
|
|
60
61
|
});
|
|
61
62
|
var PointersBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
62
|
-
_inherits(PointersBar, _Component);
|
|
63
63
|
function PointersBar(props) {
|
|
64
64
|
var _this;
|
|
65
65
|
_classCallCheck(this, PointersBar);
|
|
66
66
|
_this = _callSuper(this, PointersBar, [props]);
|
|
67
|
-
_this.getPointerStyle = _this.getPointerStyle.bind(
|
|
67
|
+
_this.getPointerStyle = _this.getPointerStyle.bind(_this);
|
|
68
68
|
_this.state = {
|
|
69
69
|
tooltip: {
|
|
70
70
|
isVisible: false
|
|
@@ -76,7 +76,8 @@ var PointersBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
76
76
|
_this.zoom = 0;
|
|
77
77
|
return _this;
|
|
78
78
|
}
|
|
79
|
-
|
|
79
|
+
_inherits(PointersBar, _Component);
|
|
80
|
+
return _createClass(PointersBar, [{
|
|
80
81
|
key: "shouldComponentUpdate",
|
|
81
82
|
value: function shouldComponentUpdate(nextProps, nextState) {
|
|
82
83
|
if (nextProps.zoom !== this.props.zoom) {
|
|
@@ -210,7 +211,12 @@ var PointersBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
210
211
|
tooltipPointer = _this$state.tooltipPointer,
|
|
211
212
|
width = _this$state.width;
|
|
212
213
|
var self = this;
|
|
213
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null,
|
|
214
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(ScrollableDiv, {
|
|
215
|
+
onScroll: function onScroll(e) {
|
|
216
|
+
var scrollTop = e.target.scrollTop;
|
|
217
|
+
_this3.props.onScroll(scrollTop);
|
|
218
|
+
}
|
|
219
|
+
}, markers && markers.length ? markers.map(function (marker_obj) {
|
|
214
220
|
return /*#__PURE__*/_react["default"].createElement(PointersContainer, {
|
|
215
221
|
id: "pointers-block",
|
|
216
222
|
ref: function ref(c) {
|
|
@@ -258,7 +264,7 @@ var PointersBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
258
264
|
width: 7,
|
|
259
265
|
height: 11
|
|
260
266
|
}), /*#__PURE__*/_react["default"].createElement("p", null, "to create ", marker_obj.name, " in the selected range. "))));
|
|
261
|
-
}) : null, text && /*#__PURE__*/_react["default"].createElement(ToolTipStyles, {
|
|
267
|
+
}) : null), text && /*#__PURE__*/_react["default"].createElement(ToolTipStyles, {
|
|
262
268
|
multiline: !!text.line1 && text.line1.length && text.line2,
|
|
263
269
|
ref: this._tooltipRef,
|
|
264
270
|
left: left,
|
|
@@ -285,7 +291,6 @@ var PointersBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
285
291
|
}))));
|
|
286
292
|
}
|
|
287
293
|
}]);
|
|
288
|
-
return PointersBar;
|
|
289
294
|
}(_react.Component);
|
|
290
295
|
PointersBar.propTypes = propTypes;
|
|
291
296
|
PointersBar.defaultProps = defaultProps;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports["default"] = void 0;
|
|
7
7
|
var _propTypes = require("prop-types");
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
10
|
var propTypes = {
|
|
11
11
|
poster: _propTypes.PropTypes.string,
|
|
12
12
|
player: _propTypes.PropTypes.instanceOf(Object),
|
package/components/SDOutline.js
CHANGED
|
@@ -9,8 +9,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
9
9
|
var _propTypes = require("prop-types");
|
|
10
10
|
var _colors = _interopRequireDefault(require("../colors"));
|
|
11
11
|
var _templateObject, _templateObject2;
|
|
12
|
-
function _interopRequireDefault(
|
|
13
|
-
function _taggedTemplateLiteral(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
13
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
14
14
|
var propTypes = {
|
|
15
15
|
player: _propTypes.PropTypes.instanceOf(Object),
|
|
16
16
|
actions: _propTypes.PropTypes.instanceOf(Object)
|
package/components/Shortcut.js
CHANGED
|
@@ -9,30 +9,30 @@ var _propTypes = require("prop-types");
|
|
|
9
9
|
var _lodash = require("lodash");
|
|
10
10
|
var _hotkeysJs = _interopRequireDefault(require("hotkeys-js"));
|
|
11
11
|
var _utils = require("../utils");
|
|
12
|
-
function _interopRequireDefault(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
13
13
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
14
|
-
function _toConsumableArray(
|
|
14
|
+
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
15
15
|
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."); }
|
|
16
|
-
function _iterableToArray(
|
|
17
|
-
function _arrayWithoutHoles(
|
|
18
|
-
function _slicedToArray(
|
|
16
|
+
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
17
|
+
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
|
18
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
19
19
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
20
|
-
function _unsupportedIterableToArray(
|
|
21
|
-
function _arrayLikeToArray(
|
|
20
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
21
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
22
22
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
23
|
-
function _arrayWithHoles(
|
|
24
|
-
function _classCallCheck(
|
|
25
|
-
function _defineProperties(
|
|
26
|
-
function _createClass(
|
|
23
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
24
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
25
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
26
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
27
27
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
28
|
-
function _possibleConstructorReturn(
|
|
28
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
29
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
29
30
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
30
|
-
function _getPrototypeOf(
|
|
31
|
-
function
|
|
32
|
-
function
|
|
33
|
-
function
|
|
34
|
-
function
|
|
35
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
31
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
32
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
33
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
34
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
35
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
36
36
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
37
37
|
var propTypes = {
|
|
38
38
|
clickable: _propTypes.PropTypes.bool,
|
|
@@ -55,12 +55,11 @@ var defaultProps = {
|
|
|
55
55
|
shortcuts: []
|
|
56
56
|
};
|
|
57
57
|
var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
58
|
-
_inherits(Shortcut, _Component);
|
|
59
58
|
function Shortcut(props, context) {
|
|
60
59
|
var _this;
|
|
61
60
|
_classCallCheck(this, Shortcut);
|
|
62
61
|
_this = _callSuper(this, Shortcut, [props, context]);
|
|
63
|
-
_defineProperty(
|
|
62
|
+
_defineProperty(_this, "segmentShift", function (direction) {
|
|
64
63
|
var _this$props = _this.props,
|
|
65
64
|
leftMarker = _this$props.playerSelectedMarker.leftMarker,
|
|
66
65
|
onTagClick = _this$props.onTagClick;
|
|
@@ -85,13 +84,13 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
85
84
|
onTagClick((_values$newIndex2 = values[newIndex]) === null || _values$newIndex2 === void 0 ? void 0 : _values$newIndex2.start_time, (_values$newIndex3 = values[newIndex]) === null || _values$newIndex3 === void 0 ? void 0 : _values$newIndex3.end_time, values[newIndex]);
|
|
86
85
|
}
|
|
87
86
|
});
|
|
88
|
-
_defineProperty(
|
|
87
|
+
_defineProperty(_this, "debounceSegmentShiftForward", (0, _lodash.debounce)(function () {
|
|
89
88
|
_this.segmentShift('forward');
|
|
90
89
|
}, 0));
|
|
91
|
-
_defineProperty(
|
|
90
|
+
_defineProperty(_this, "debounceSegmentShiftBackward", (0, _lodash.debounce)(function () {
|
|
92
91
|
_this.segmentShift('backward');
|
|
93
92
|
}, 0));
|
|
94
|
-
_defineProperty(
|
|
93
|
+
_defineProperty(_this, "debounceKeyFunc", (0, _lodash.debounce)(function (keyCode) {
|
|
95
94
|
_this.handleKeyMovement(keyCode);
|
|
96
95
|
}));
|
|
97
96
|
/**
|
|
@@ -100,7 +99,7 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
100
99
|
* @param {boolean} currentTimeRequired currentTime value required or not to perform key functionality
|
|
101
100
|
*common function to handle the key functionalies. eg-> W Key and Q key functionalities
|
|
102
101
|
*/
|
|
103
|
-
_defineProperty(
|
|
102
|
+
_defineProperty(_this, "handleKeyMovement", function (keyCode) {
|
|
104
103
|
var _this$props$markers$, _this$props$playerSel, _this$props$player, _this$props$player2;
|
|
105
104
|
if (keyCode === 81 || keyCode === 87) {
|
|
106
105
|
_this.isCalled = true;
|
|
@@ -132,7 +131,7 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
132
131
|
* this function executed the Q and W key functionality first and then performs I and O key functionality provided 3 key combo is still pressed
|
|
133
132
|
* Once we leave the keyCombo isCalled variable is set to false. This ensures that on the next combo press we will again execute Q/W key combo first.
|
|
134
133
|
*/
|
|
135
|
-
_defineProperty(
|
|
134
|
+
_defineProperty(_this, "createThreeKeyCombo", function (event, handleKeyMovement, debounceKeyFunc, keyParameter) {
|
|
136
135
|
var _this$props3 = _this.props,
|
|
137
136
|
playerReadOnlyMode = _this$props3.playerReadOnlyMode,
|
|
138
137
|
disablePlayerActions = _this$props3.disablePlayerActions;
|
|
@@ -150,26 +149,26 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
150
149
|
_this.isCalled = false;
|
|
151
150
|
}
|
|
152
151
|
});
|
|
153
|
-
_defineProperty(
|
|
154
|
-
return _this.createThreeKeyCombo(event, _this.handleKeyMovement.bind(
|
|
152
|
+
_defineProperty(_this, "threeKeyCombo1", (0, _lodash.debounce)(function (event) {
|
|
153
|
+
return _this.createThreeKeyCombo(event, _this.handleKeyMovement.bind(_this, 87), _this.debounceKeyFunc.bind(_this, 79), 'Ctrl + O + Right');
|
|
155
154
|
}, 0, {
|
|
156
155
|
leading: true,
|
|
157
156
|
trailing: true
|
|
158
157
|
}));
|
|
159
|
-
_defineProperty(
|
|
160
|
-
return _this.createThreeKeyCombo(event, _this.handleKeyMovement.bind(
|
|
158
|
+
_defineProperty(_this, "threeKeyCombo2", (0, _lodash.debounce)(function (event) {
|
|
159
|
+
return _this.createThreeKeyCombo(event, _this.handleKeyMovement.bind(_this, 87), _this.debounceKeyFunc.bind(_this, 79), 'Ctrl + O + Left');
|
|
161
160
|
}, 0, {
|
|
162
161
|
leading: true,
|
|
163
162
|
trailing: true
|
|
164
163
|
}));
|
|
165
|
-
_defineProperty(
|
|
166
|
-
return _this.createThreeKeyCombo(event, _this.handleKeyMovement.bind(
|
|
164
|
+
_defineProperty(_this, "threeKeyCombo3", (0, _lodash.debounce)(function (event) {
|
|
165
|
+
return _this.createThreeKeyCombo(event, _this.handleKeyMovement.bind(_this, 81), _this.debounceKeyFunc.bind(_this, 73), 'Ctrl + I + Right');
|
|
167
166
|
}, 0, {
|
|
168
167
|
leading: true,
|
|
169
168
|
trailing: true
|
|
170
169
|
}));
|
|
171
|
-
_defineProperty(
|
|
172
|
-
return _this.createThreeKeyCombo(event, _this.handleKeyMovement.bind(
|
|
170
|
+
_defineProperty(_this, "threeKeyCombo4", (0, _lodash.debounce)(function (event) {
|
|
171
|
+
return _this.createThreeKeyCombo(event, _this.handleKeyMovement.bind(_this, 81), _this.debounceKeyFunc.bind(_this, 73), 'Ctrl + I + Left');
|
|
173
172
|
}, 0, {
|
|
174
173
|
leading: true,
|
|
175
174
|
trailing: true
|
|
@@ -525,13 +524,14 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
525
524
|
}];
|
|
526
525
|
_this.shortcuts = _toConsumableArray(_this.defaultShortcuts);
|
|
527
526
|
_this.isCalled = false;
|
|
528
|
-
_this.mergeShortcuts = _this.mergeShortcuts.bind(
|
|
529
|
-
_this.handleKeyPress = _this.handleKeyPress.bind(
|
|
530
|
-
_this.handleClick = _this.handleClick.bind(
|
|
531
|
-
_this.handleDoubleClick = _this.handleDoubleClick.bind(
|
|
527
|
+
_this.mergeShortcuts = _this.mergeShortcuts.bind(_this);
|
|
528
|
+
_this.handleKeyPress = _this.handleKeyPress.bind(_this);
|
|
529
|
+
_this.handleClick = _this.handleClick.bind(_this);
|
|
530
|
+
_this.handleDoubleClick = _this.handleDoubleClick.bind(_this);
|
|
532
531
|
return _this;
|
|
533
532
|
}
|
|
534
|
-
|
|
533
|
+
_inherits(Shortcut, _Component);
|
|
534
|
+
return _createClass(Shortcut, [{
|
|
535
535
|
key: "componentDidMount",
|
|
536
536
|
value: function componentDidMount() {
|
|
537
537
|
this.mergeShortcuts();
|
|
@@ -814,7 +814,6 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
814
814
|
return null;
|
|
815
815
|
}
|
|
816
816
|
}]);
|
|
817
|
-
return Shortcut;
|
|
818
817
|
}(_react.Component);
|
|
819
818
|
Shortcut.propTypes = propTypes;
|
|
820
819
|
Shortcut.defaultProps = defaultProps;
|
package/components/Slider.js
CHANGED
|
@@ -12,22 +12,23 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
12
12
|
var Dom = _interopRequireWildcard(require("../utils/dom"));
|
|
13
13
|
var _tokens = require("@desynova-digital/tokens");
|
|
14
14
|
var _templateObject;
|
|
15
|
-
function _interopRequireDefault(
|
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
16
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
18
|
-
function
|
|
19
|
-
function
|
|
20
|
-
function
|
|
21
|
-
function
|
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
18
|
+
function _readOnlyError(r) { throw new TypeError('"' + r + '" is read-only'); }
|
|
19
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
20
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
21
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
22
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
22
23
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
23
24
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
24
|
-
function _possibleConstructorReturn(
|
|
25
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
26
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
25
27
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
26
|
-
function _getPrototypeOf(
|
|
27
|
-
function
|
|
28
|
-
function
|
|
29
|
-
function
|
|
30
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
28
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
29
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
30
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
31
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
31
32
|
var propTypes = {
|
|
32
33
|
theme: _propTypes.PropTypes.string,
|
|
33
34
|
onMouseDown: _propTypes.PropTypes.func,
|
|
@@ -69,29 +70,29 @@ var SliderBlock = _styledComponents["default"].div(_templateObject || (_template
|
|
|
69
70
|
return props.theme ? " ".concat(_tokens.colors[props.theme].base) : '#121d29';
|
|
70
71
|
});
|
|
71
72
|
var Slider = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
72
|
-
_inherits(Slider, _Component);
|
|
73
73
|
function Slider(props, context) {
|
|
74
74
|
var _this;
|
|
75
75
|
_classCallCheck(this, Slider);
|
|
76
76
|
_this = _callSuper(this, Slider, [props, context]);
|
|
77
|
-
_this.handleMouseDown = _this.handleMouseDown.bind(
|
|
78
|
-
_this.handleMouseMove = _this.handleMouseMove.bind(
|
|
79
|
-
_this.handleMouseUp = _this.handleMouseUp.bind(
|
|
80
|
-
_this.handleFocus = _this.handleFocus.bind(
|
|
81
|
-
_this.handleBlur = _this.handleBlur.bind(
|
|
82
|
-
_this.handleClick = _this.handleClick.bind(
|
|
83
|
-
_this.handleKeyPress = _this.handleKeyPress.bind(
|
|
84
|
-
_this.stepForward = _this.stepForward.bind(
|
|
85
|
-
_this.stepBack = _this.stepBack.bind(
|
|
86
|
-
_this.calculateDistance = _this.calculateDistance.bind(
|
|
87
|
-
_this.getProgress = _this.getProgress.bind(
|
|
88
|
-
_this.renderChildren = _this.renderChildren.bind(
|
|
77
|
+
_this.handleMouseDown = _this.handleMouseDown.bind(_this);
|
|
78
|
+
_this.handleMouseMove = _this.handleMouseMove.bind(_this);
|
|
79
|
+
_this.handleMouseUp = _this.handleMouseUp.bind(_this);
|
|
80
|
+
_this.handleFocus = _this.handleFocus.bind(_this);
|
|
81
|
+
_this.handleBlur = _this.handleBlur.bind(_this);
|
|
82
|
+
_this.handleClick = _this.handleClick.bind(_this);
|
|
83
|
+
_this.handleKeyPress = _this.handleKeyPress.bind(_this);
|
|
84
|
+
_this.stepForward = _this.stepForward.bind(_this);
|
|
85
|
+
_this.stepBack = _this.stepBack.bind(_this);
|
|
86
|
+
_this.calculateDistance = _this.calculateDistance.bind(_this);
|
|
87
|
+
_this.getProgress = _this.getProgress.bind(_this);
|
|
88
|
+
_this.renderChildren = _this.renderChildren.bind(_this);
|
|
89
89
|
_this.state = {
|
|
90
90
|
// active: false,
|
|
91
91
|
};
|
|
92
92
|
return _this;
|
|
93
93
|
}
|
|
94
|
-
|
|
94
|
+
_inherits(Slider, _Component);
|
|
95
|
+
return _createClass(Slider, [{
|
|
95
96
|
key: "getProgress",
|
|
96
97
|
value: function getProgress() {
|
|
97
98
|
var getPercent = this.props.getPercent;
|
|
@@ -271,7 +272,6 @@ var Slider = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
271
272
|
}, this.renderChildren());
|
|
272
273
|
}
|
|
273
274
|
}]);
|
|
274
|
-
return Slider;
|
|
275
275
|
}(_react.Component);
|
|
276
276
|
Slider.propTypes = propTypes;
|
|
277
277
|
Slider.defaultProps = defaultProps;
|