@desynova-digital/player 3.9.6 → 4.0.0

package/components/control-bar/PlayToggle.js

@@ -1,98 +0,0 @@
-'use strict';
-
-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 _propTypes = require('prop-types');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _components = require('@desynova-digital/components');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-var propTypes = {
-  actions: _propTypes.PropTypes.instanceOf(Object),
-  player: _propTypes.PropTypes.instanceOf(Object)
-};
-
-var defaultProps = {
-  actions: {},
-  player: {}
-};
-
-var PlayPauseButton = (0, _styledComponents2.default)(_components.Button).withConfig({
-  displayName: 'PlayToggle__PlayPauseButton',
-  componentId: 'sc-pe28t7-0'
-})(['background:transparent;border:none;margin:0 10px;&:hover,&:focus{background:transparent;}']);
-
-var PlayToggle = function (_Component) {
-  _inherits(PlayToggle, _Component);
-
-  function PlayToggle(props, context) {
-    _classCallCheck(this, PlayToggle);
-
-    var _this = _possibleConstructorReturn(this, (PlayToggle.__proto__ || Object.getPrototypeOf(PlayToggle)).call(this, props, context));
-
-    _this.handleClick = _this.handleClick.bind(_this);
-    return _this;
-  }
-
-  _createClass(PlayToggle, [{
-    key: 'handleClick',
-    value: function handleClick() {
-      var _props = this.props,
-          actions = _props.actions,
-          player = _props.player;
-
-      if (player.paused) {
-        actions.play();
-      } else {
-        actions.pause();
-      }
-      actions.handleVideoRewind(false);
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var player = this.props.player;
-
-
-      return _react2.default.createElement(PlayPauseButton, {
-        display: 'rounded',
-        appearance: 'cta',
-        icon: player.paused ? 'play' : 'pause',
-        iconWidth: player.paused ? 12 : 25,
-        iconHeight: player.paused ? 15 : 25,
-        width: 20,
-        height: 20,
-        tabIndex: '0',
-        onClick: this.handleClick
-      });
-    }
-  }]);
-
-  return PlayToggle;
-}(_react.Component);
-
-exports.default = PlayToggle;
-
-
-PlayToggle.propTypes = propTypes;
-PlayToggle.defaultProps = defaultProps;
-PlayToggle.displayName = 'PlayToggle';

package/components/control-bar/ReplayControl.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _ForwardReplayControl = require('./ForwardReplayControl');
-
-var _ForwardReplayControl2 = _interopRequireDefault(_ForwardReplayControl);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Pass mode into parent function
-var ReplayControl = (0, _ForwardReplayControl2.default)('replay');
-ReplayControl.displayName = 'ReplayControl';
-
-exports.default = ReplayControl;

package/components/control-bar/SettingsMenuButton.js

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SettingsMenuButton;
-
-var _propTypes = require('prop-types');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _Menu = require('../Menu');
-
-var _Menu2 = _interopRequireDefault(_Menu);
-
-var _SettingsMenu = require('../settings-menu-control/SettingsMenu');
-
-var _SettingsMenu2 = _interopRequireDefault(_SettingsMenu);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var propTypes = {
-  player: _propTypes.PropTypes.instanceOf(Object),
-  actions: _propTypes.PropTypes.instanceOf(Object),
-  style: _propTypes.PropTypes.instanceOf(Object)
-};
-
-function SettingsMenuButton(_ref) {
-  var style = _ref.style,
-      player = _ref.player,
-      actions = _ref.actions;
-
-  return _react2.default.createElement(
-    _Menu2.default,
-    { icon: 'settings', position: 'left', player: player, actions: actions, style: style },
-    _react2.default.createElement(_SettingsMenu2.default, { player: player, actions: actions })
-  );
-}
-
-SettingsMenuButton.propTypes = propTypes;
-SettingsMenuButton.displayName = 'SettingsMenuButton';

package/components/control-bar/SubtitleLanguagesMenuButton.js

@@ -1,174 +0,0 @@
-'use strict';
-
-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 _propTypes = require('prop-types');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _Menu = require('../Menu');
-
-var _Menu2 = _interopRequireDefault(_Menu);
-
-var _components = require('@desynova-digital/components');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-var propTypes = {
-  actions: _propTypes.PropTypes.instanceOf(Object),
-  player: _propTypes.PropTypes.instanceOf(Object)
-};
-
-var IconButtonStyles = (0, _styledComponents2.default)(_components.Button).withConfig({
-  displayName: 'SubtitleLanguagesMenuButton__IconButtonStyles',
-  componentId: 'sc-1g8hfwo-0'
-})(['border:none;pointer-events:stroke;background-color:', ';svg{path{fill:', ' !important;}}&:hover,&:focus,&:active{border:none;border-radius:', ';svg{path{fill:', ' !important;}}}'], function (props) {
-  return props.backgroundColor;
-}, function (_ref) {
-  var svgFillDefault = _ref.svgFillDefault;
-  return svgFillDefault;
-}, function (props) {
-  return props.borderRadius ? props.borderRadius : 'none';
-}, function (_ref2) {
-  var hoverColor = _ref2.hoverColor;
-  return hoverColor;
-});
-
-var SubtitleMenuBlock = (0, _styledComponents2.default)('div').withConfig({
-  displayName: 'SubtitleLanguagesMenuButton__SubtitleMenuBlock',
-  componentId: 'sc-1g8hfwo-1'
-})(['display:flex;justify-content:space-between;text-align:left;background:transparent;cursor:pointer;border-bottom:1px solid #eeeeee;&:last-child{border:none;}&:hover,&:focus{background:rgba(0,206,198,0.1);}p{padding 15px;font-family:SFUIText-Medium;font-size:12px;white-space:nowrap;}.icon-wrapper{padding:9px;}.tooltip-container{.tooltip-block{white-space:nowrap;padding:0px;left:-15px;:after{right:0px;left:auto;}p{text-transform:capitalize;font-size:10px;padding:12px;}}}']);
-
-var SubtitleLanguagesMenuButton = function (_Component) {
-  _inherits(SubtitleLanguagesMenuButton, _Component);
-
-  function SubtitleLanguagesMenuButton(props, context) {
-    _classCallCheck(this, SubtitleLanguagesMenuButton);
-
-    var _this = _possibleConstructorReturn(this, (SubtitleLanguagesMenuButton.__proto__ || Object.getPrototypeOf(SubtitleLanguagesMenuButton)).call(this, props, context));
-
-    _this.state = {
-      activeLanguage: ''
-    };
-    return _this;
-  }
-
-  _createClass(SubtitleLanguagesMenuButton, [{
-    key: 'changeSubtitle',
-    value: function changeSubtitle(subtitle) {
-      var filterSelectedSubtitle = this.props.filterSelectedSubtitle;
-
-      filterSelectedSubtitle(subtitle.subtitle_info_id);
-      this.setState({
-        activeLanguage: subtitle.subtitle_info_id
-      });
-    }
-  }, {
-    key: 'componentDidMount',
-    value: function componentDidMount() {
-      var subtitleData = this.props.subtitleData;
-
-      if (subtitleData && subtitleData.length) {
-        this.setState({
-          activeLanguage: subtitleData[0].subtitle_info_id
-        });
-      }
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      var _props = this.props,
-          player = _props.player,
-          actions = _props.actions,
-          subtitleData = _props.subtitleData;
-      var activeLanguage = this.state.activeLanguage;
-
-      return _react2.default.createElement(
-        _react2.default.Fragment,
-        null,
-        subtitleData && subtitleData.length ? _react2.default.createElement(
-          _Menu2.default,
-          {
-            icon: 'subtitle',
-            player: player,
-            actions: actions,
-            style: { marginRight: '10px' },
-            position: 'left'
-          },
-          _react2.default.createElement(
-            'div',
-            { className: 'menu-container' },
-            subtitleData.map(function (subtitle) {
-              return _react2.default.createElement(
-                SubtitleMenuBlock,
-                {
-                  onClick: function onClick() {
-                    return _this2.changeSubtitle(subtitle);
-                  },
-                  role: 'presentation',
-                  key: subtitle.subtitle_info_id,
-                  style: activeLanguage === subtitle.subtitle_info_id ? { pointerEvents: 'none' } : null
-                },
-                _react2.default.createElement(
-                  'p',
-                  {
-                    style: activeLanguage === subtitle.subtitle_info_id ? { color: '#00cec6', pointerEvents: 'none' } : { color: '#333333' }
-                  },
-                  subtitle.title
-                ),
-                subtitle.srt_file_name && _react2.default.createElement(
-                  'div',
-                  { className: 'icon-wrapper' },
-                  _react2.default.createElement(IconButtonStyles, {
-                    display: 'rounded',
-                    appearance: 'cta',
-                    icon: 'download',
-                    label: 'Download',
-                    iconWidth: 14,
-                    iconHeight: 14,
-                    width: 22,
-                    height: 22,
-                    hoverColor: '#FFFFFF',
-                    hoverBackgroundColor: '#00cec6',
-                    backgroundColor: activeLanguage === subtitle.subtitle_info_id ? '#00cec6' : 'rgb(51,51,51,0.1)',
-                    svgFillDefault: activeLanguage === subtitle.subtitle_info_id ? '#FFFFFF' : 'rgb(51,51,51)',
-                    borderRadius: '50%',
-                    onClick: function onClick(e) {
-                      console.log("icon clicked1");
-                      window.open(subtitle.srt_file_name, '_blank');
-                      e.stopPropagation();
-                    }
-                  })
-                )
-              );
-            })
-          )
-        ) : null
-      );
-    }
-  }]);
-
-  return SubtitleLanguagesMenuButton;
-}(_react.Component);
-
-SubtitleLanguagesMenuButton.propTypes = propTypes;
-SubtitleLanguagesMenuButton.displayName = 'SubtitleLanguagesMenuButton';
-exports.default = SubtitleLanguagesMenuButton;

package/components/control-bar/VolumeMenuButton.js

@@ -1,134 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-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 _propTypes = require('prop-types');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _components = require('@desynova-digital/components');
-
-var _VolumeBar = require('../volume-control/VolumeBar');
-
-var _VolumeBar2 = _interopRequireDefault(_VolumeBar);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-var propTypes = {
-  player: _propTypes.PropTypes.instanceOf(Object),
-  actions: _propTypes.PropTypes.instanceOf(Object),
-  style: _propTypes.PropTypes.instanceOf(Object)
-};
-
-var defaultProps = {
-  player: {},
-  actions: {},
-  style: {}
-};
-
-var VolumeMenu = _styledComponents2.default.div.withConfig({
-  displayName: 'VolumeMenuButton__VolumeMenu',
-  componentId: 'sc-1wpgsn0-0'
-})(['width:20px;position:relative;.volume-control-bar{width:30px;height:0px;position:absolute;bottom:20px;overflow:hidden;transition:all 0.5s ease-in-out;z-index:10;left:50%;transform:translateX(-50%);padding:0;}&:hover{.volume-control-bar{height:120px;overflow:visible;padding:15px;}svg path{fill:#00cec6;}}']);
-
-var VolumeButton = (0, _styledComponents2.default)(_components.Button).withConfig({
-  displayName: 'VolumeMenuButton__VolumeButton',
-  componentId: 'sc-1wpgsn0-1'
-})(['background:transparent;border:none;margin:0px;&:hover,&:focus{background:transparent;}']);
-
-var VolumeMenuButton = function (_Component) {
-  _inherits(VolumeMenuButton, _Component);
-
-  function VolumeMenuButton(props, context) {
-    _classCallCheck(this, VolumeMenuButton);
-
-    var _this = _possibleConstructorReturn(this, (VolumeMenuButton.__proto__ || Object.getPrototypeOf(VolumeMenuButton)).call(this, props, context));
-
-    _this.handleClick = _this.handleClick.bind(_this);
-    return _this;
-  }
-
-  _createClass(VolumeMenuButton, [{
-    key: 'handleClick',
-    value: function handleClick() {
-      var _props = this.props,
-          player = _props.player,
-          actions = _props.actions;
-
-      actions.mute(!player.muted);
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var style = this.props.style;
-      // const level = this.volumeLevel;
-
-      var vertical = true;
-      return _react2.default.createElement(
-        VolumeMenu,
-        { style: style },
-        _react2.default.createElement(VolumeButton, {
-          display: 'rounded',
-          appearance: 'cta',
-          icon: 'volume',
-          iconWidth: 18,
-          iconHeight: 18,
-          width: 20,
-          height: 20,
-          onClick: this.handleClick
-        }),
-        _react2.default.createElement(
-          'div',
-          { className: 'volume-control-bar' },
-          _react2.default.createElement(_VolumeBar2.default, _extends({
-            onFocus: this.handleFocus,
-            onBlur: this.handleBlur,
-            vertical: vertical
-          }, this.props))
-        )
-      );
-    }
-  }, {
-    key: 'volumeLevel',
-    get: function get() {
-      var _props$player = this.props.player,
-          volume = _props$player.volume,
-          muted = _props$player.muted;
-
-      var level = 3;
-      if (volume === 0 || muted) {
-        level = 0;
-      } else if (volume < 0.33) {
-        level = 1;
-      } else if (volume < 0.67) {
-        level = 2;
-      }
-      return level;
-    }
-  }]);
-
-  return VolumeMenuButton;
-}(_react.Component);
-
-VolumeMenuButton.propTypes = propTypes;
-VolumeMenuButton.defaultProps = defaultProps;
-VolumeMenuButton.displayName = 'VolumeMenuButton';
-exports.default = VolumeMenuButton;

package/components/control-bar/ZoomMenuButton.js

@@ -1,116 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-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 _propTypes = require('prop-types');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _components = require('@desynova-digital/components');
-
-var _ZoomBar = require('../zoom-control/ZoomBar');
-
-var _ZoomBar2 = _interopRequireDefault(_ZoomBar);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-var propTypes = {
-  player: _propTypes.PropTypes.instanceOf(Object),
-  actions: _propTypes.PropTypes.instanceOf(Object),
-  style: _propTypes.PropTypes.instanceOf(Object)
-};
-
-var defaultProps = {
-  player: {},
-  actions: {},
-  style: {}
-};
-
-var ZoomMenu = _styledComponents2.default.div.withConfig({
-  displayName: 'ZoomMenuButton__ZoomMenu',
-  componentId: 'sc-1jlws9l-0'
-})(['width:120px;position:relative;display:flex;justify-content:center;align-items:center;.zoom-control-bar{width:100px;height:2px;background:#304153;position:relative;}']);
-
-var ZoomButton = (0, _styledComponents2.default)(_components.Button).withConfig({
-  displayName: 'ZoomMenuButton__ZoomButton',
-  componentId: 'sc-1jlws9l-1'
-})(['background:transparent;border:none;margin:0px 15px 0px 10px;&:hover,&:focus{background:transparent;}']);
-
-var ZoomMenuButton = function (_Component) {
-  _inherits(ZoomMenuButton, _Component);
-
-  function ZoomMenuButton(props, context) {
-    _classCallCheck(this, ZoomMenuButton);
-
-    var _this = _possibleConstructorReturn(this, (ZoomMenuButton.__proto__ || Object.getPrototypeOf(ZoomMenuButton)).call(this, props, context));
-
-    _this.handleClick = _this.handleClick.bind(_this);
-    return _this;
-  }
-
-  _createClass(ZoomMenuButton, [{
-    key: 'handleClick',
-    value: function handleClick() {
-      var _props = this.props,
-          player = _props.player,
-          actions = _props.actions;
-
-      actions.mute(!player.muted);
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var style = this.props.style;
-
-      var vertical = false;
-      return _react2.default.createElement(
-        ZoomMenu,
-        { style: style },
-        _react2.default.createElement(ZoomButton, {
-          display: 'rounded',
-          appearance: 'cta',
-          icon: 'magnifier',
-          iconWidth: 18,
-          iconHeight: 18,
-          width: 20,
-          height: 20,
-          onClick: this.handleClick
-        }),
-        _react2.default.createElement(
-          'div',
-          { className: 'zoom-control-bar' },
-          _react2.default.createElement(_ZoomBar2.default, _extends({
-            onFocus: this.handleFocus,
-            onBlur: this.handleBlur,
-            vertical: vertical
-          }, this.props))
-        )
-      );
-    }
-  }]);
-
-  return ZoomMenuButton;
-}(_react.Component);
-
-ZoomMenuButton.propTypes = propTypes;
-ZoomMenuButton.defaultProps = defaultProps;
-ZoomMenuButton.displayName = 'ZoomMenuButton';
-exports.default = ZoomMenuButton;