@desynova-digital/player 3.13.29 → 3.13.30
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/components/Shortcut.js
CHANGED
|
@@ -263,6 +263,10 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
263
263
|
keyCode: 76,
|
|
264
264
|
// l
|
|
265
265
|
handle: function handle(player, actions) {
|
|
266
|
+
var disablePlayerActions = _this.props.disablePlayerActions;
|
|
267
|
+
if (disablePlayerActions.includes('playback_rate')) {
|
|
268
|
+
return;
|
|
269
|
+
}
|
|
266
270
|
if (player.paused && player.playbackRate === 1) {
|
|
267
271
|
actions.play({
|
|
268
272
|
action: 'play',
|
|
@@ -12,12 +12,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
12
12
|
var propTypes = {
|
|
13
13
|
player: _propTypes.PropTypes.instanceOf(Object),
|
|
14
14
|
actions: _propTypes.PropTypes.instanceOf(Object),
|
|
15
|
-
style: _propTypes.PropTypes.instanceOf(Object)
|
|
15
|
+
style: _propTypes.PropTypes.instanceOf(Object),
|
|
16
|
+
disablePlayerActions: _propTypes.PropTypes.instanceOf(Array)
|
|
16
17
|
};
|
|
17
18
|
function SettingsMenuButton(_ref) {
|
|
18
19
|
var style = _ref.style,
|
|
19
20
|
player = _ref.player,
|
|
20
|
-
actions = _ref.actions
|
|
21
|
+
actions = _ref.actions,
|
|
22
|
+
_ref$disablePlayerAct = _ref.disablePlayerActions,
|
|
23
|
+
disablePlayerActions = _ref$disablePlayerAct === void 0 ? [] : _ref$disablePlayerAct;
|
|
21
24
|
return /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
|
|
22
25
|
icon: "settings",
|
|
23
26
|
position: "left",
|
|
@@ -26,7 +29,8 @@ function SettingsMenuButton(_ref) {
|
|
|
26
29
|
style: style
|
|
27
30
|
}, /*#__PURE__*/_react["default"].createElement(_SettingsMenu["default"], {
|
|
28
31
|
player: player,
|
|
29
|
-
actions: actions
|
|
32
|
+
actions: actions,
|
|
33
|
+
disablePlayerActions: disablePlayerActions
|
|
30
34
|
}));
|
|
31
35
|
}
|
|
32
36
|
SettingsMenuButton.propTypes = propTypes;
|
|
@@ -30,7 +30,9 @@ var propTypes = {
|
|
|
30
30
|
actions: _propTypes.PropTypes.instanceOf(Object),
|
|
31
31
|
player: _propTypes.PropTypes.instanceOf(Object)
|
|
32
32
|
};
|
|
33
|
-
var PlaybackRateBlock = (0, _styledComponents["default"])('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: block;\n background: transparent;\n font-family: SFUIText-Medium;\n font-size: 12px;\n text-transform: uppercase;\n align-items: center;\n padding: 0 !important;\n .playback-block {\n display: flex;\n justify-content: flex-start;\n border-bottom: 1px solid #eeeeee;\n p {\n margin-left: 10px;\n white-space: nowrap;\n }\n }\n .playback-rate-body {\n padding: 0 !important;\n display: flex;\n justify-content: space-between;\n .playback-rate {\n border-right: 1px solid #eeeeee;\n &:last-child {\n border: none;\n }\n &:hover {\n background:
|
|
33
|
+
var PlaybackRateBlock = (0, _styledComponents["default"])('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: block;\n background: transparent;\n font-family: SFUIText-Medium;\n font-size: 12px;\n text-transform: uppercase;\n align-items: center;\n padding: 0 !important;\n .playback-block {\n display: flex;\n justify-content: flex-start;\n border-bottom: 1px solid #eeeeee;\n p {\n margin-left: 10px;\n white-space: nowrap;\n }\n }\n .playback-rate-body {\n padding: 0 !important;\n display: flex;\n justify-content: space-between;\n .playback-rate {\n border-right: 1px solid #eeeeee;\n &:last-child {\n border: none;\n }\n &:hover {\n background: ", ";\n }\n &.active {\n pointer-events: none;\n color: #00cec6;\n }\n }\n }\n"])), function (props) {
|
|
34
|
+
return props.disablePlayerActions.includes('playback_rate') ? '' : 'rgba(0, 206, 198, 0.1)';
|
|
35
|
+
});
|
|
34
36
|
var PlaybackRateControl = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
35
37
|
_inherits(PlaybackRateControl, _Component);
|
|
36
38
|
function PlaybackRateControl(props) {
|
|
@@ -43,6 +45,8 @@ var PlaybackRateControl = exports["default"] = /*#__PURE__*/function (_Component
|
|
|
43
45
|
_createClass(PlaybackRateControl, [{
|
|
44
46
|
key: "changePlaybackRate",
|
|
45
47
|
value: function changePlaybackRate(playbackRate) {
|
|
48
|
+
var disablePlayerActions = this.props.disablePlayerActions;
|
|
49
|
+
if (disablePlayerActions.includes('playback_rate')) return;
|
|
46
50
|
var actions = this.props.actions;
|
|
47
51
|
actions.changeRate(playbackRate, {
|
|
48
52
|
action: 'fast-forward',
|
|
@@ -53,8 +57,12 @@ var PlaybackRateControl = exports["default"] = /*#__PURE__*/function (_Component
|
|
|
53
57
|
key: "render",
|
|
54
58
|
value: function render() {
|
|
55
59
|
var _this2 = this;
|
|
56
|
-
var
|
|
57
|
-
|
|
60
|
+
var _this$props = this.props,
|
|
61
|
+
player = _this$props.player,
|
|
62
|
+
disablePlayerActions = _this$props.disablePlayerActions;
|
|
63
|
+
return /*#__PURE__*/_react["default"].createElement(PlaybackRateBlock, {
|
|
64
|
+
disablePlayerActions: disablePlayerActions
|
|
65
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
58
66
|
className: "playback-block"
|
|
59
67
|
}, /*#__PURE__*/_react["default"].createElement(_components.Icon, {
|
|
60
68
|
name: "playback-rate",
|
|
@@ -19,15 +19,21 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
|
|
|
19
19
|
var propTypes = {
|
|
20
20
|
player: _propTypes.PropTypes.instanceOf(Object),
|
|
21
21
|
actions: _propTypes.PropTypes.instanceOf(Object),
|
|
22
|
-
style: _propTypes.PropTypes.instanceOf(Object)
|
|
22
|
+
style: _propTypes.PropTypes.instanceOf(Object),
|
|
23
|
+
disablePlayerActions: _propTypes.PropTypes.instanceOf(Array)
|
|
23
24
|
};
|
|
24
|
-
var SettingsMenuContainer = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n position: relative;\n .settings-menu-tile {\n background: transparent;\n div {\n padding: 15px;\n cursor:
|
|
25
|
+
var SettingsMenuContainer = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n position: relative;\n .settings-menu-tile {\n background: transparent;\n div {\n padding: 15px;\n cursor: ", ";\n }\n }\n"])), function (props) {
|
|
26
|
+
return props.disablePlayerActions.includes('playback_rate') ? 'not-allowed' : 'pointer';
|
|
27
|
+
});
|
|
25
28
|
function SettingsMenu(_ref) {
|
|
26
29
|
var player = _ref.player,
|
|
27
30
|
actions = _ref.actions,
|
|
28
|
-
style = _ref.style
|
|
31
|
+
style = _ref.style,
|
|
32
|
+
_ref$disablePlayerAct = _ref.disablePlayerActions,
|
|
33
|
+
disablePlayerActions = _ref$disablePlayerAct === void 0 ? [] : _ref$disablePlayerAct;
|
|
29
34
|
return /*#__PURE__*/_react["default"].createElement(SettingsMenuContainer, {
|
|
30
|
-
style: style
|
|
35
|
+
style: style,
|
|
36
|
+
disablePlayerActions: disablePlayerActions
|
|
31
37
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
32
38
|
className: "settings-menu-tile"
|
|
33
39
|
}, /*#__PURE__*/_react["default"].createElement(_SafeAreaControl["default"], {
|
|
@@ -37,7 +43,8 @@ function SettingsMenu(_ref) {
|
|
|
37
43
|
className: "settings-menu-tile"
|
|
38
44
|
}, /*#__PURE__*/_react["default"].createElement(_PlaybackRateControl["default"], {
|
|
39
45
|
player: player,
|
|
40
|
-
actions: actions
|
|
46
|
+
actions: actions,
|
|
47
|
+
disablePlayerActions: disablePlayerActions
|
|
41
48
|
})));
|
|
42
49
|
}
|
|
43
50
|
SettingsMenu.propTypes = propTypes;
|