@desynova-digital/player 3.9.7 → 4.0.0

package/components/settings-menu-control/SettingsMenu.js

@@ -1,68 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SettingsMenu;
-
-var _propTypes = require('prop-types');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _SafeAreaControl = require('./SafeAreaControl');
-
-var _SafeAreaControl2 = _interopRequireDefault(_SafeAreaControl);
-
-var _PlaybackRateControl = require('./PlaybackRateControl');
-
-var _PlaybackRateControl2 = _interopRequireDefault(_PlaybackRateControl);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/*
- * import SubtitleControl from './SubtitleControl';
- */
-
-var propTypes = {
-  player: _propTypes.PropTypes.instanceOf(Object),
-  actions: _propTypes.PropTypes.instanceOf(Object),
-  style: _propTypes.PropTypes.instanceOf(Object)
-};
-
-var SettingsMenuContainer = _styledComponents2.default.div.withConfig({
-  displayName: 'SettingsMenu__SettingsMenuContainer',
-  componentId: 'sc-1sn8yg8-0'
-})(['width:100%;position:relative;.settings-menu-tile{background:transparent;div{padding:15px;cursor:pointer;}}']);
-
-function SettingsMenu(_ref) {
-  var player = _ref.player,
-      actions = _ref.actions,
-      style = _ref.style;
-
-  return _react2.default.createElement(
-    SettingsMenuContainer,
-    { style: style },
-    _react2.default.createElement(
-      'div',
-      { className: 'settings-menu-tile' },
-      _react2.default.createElement(_SafeAreaControl2.default, { player: player, actions: actions })
-    ),
-    _react2.default.createElement(
-      'div',
-      { className: 'settings-menu-tile' },
-      _react2.default.createElement(_PlaybackRateControl2.default, {
-        player: player,
-        actions: actions
-      })
-    )
-  );
-}
-
-SettingsMenu.propTypes = propTypes;
-SettingsMenu.displayName = 'SettingsMenu';

package/components/settings-menu-control/SubtitleControl.js

@@ -1 +0,0 @@
-"use strict";

package/components/time-controls/CurrentTimeDisplay.js

@@ -1,53 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _propTypes = require('prop-types');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _utils = require('../../utils');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var propTypes = {
-  player: _propTypes.PropTypes.instanceOf(Object),
-  initialTime: _propTypes.PropTypes.number,
-  frameRate: _propTypes.PropTypes.number
-};
-
-var defaultProps = {
-  player: {}
-};
-
-var VideoCurrentTime = _styledComponents2.default.div.withConfig({
-  displayName: 'CurrentTimeDisplay__VideoCurrentTime',
-  componentId: 'sc-lqzvv-0'
-})(['font-family:SFUIText-Regular;font-size:12px;letter-spacing:-0.6px;color:#ffffff;min-width:65px;text-align:left;']);
-
-function CurrentTimeDisplay(_ref) {
-  var player = _ref.player,
-      initialTime = _ref.initialTime,
-      frameRate = _ref.frameRate;
-
-  var formattedTime = (0, _utils.secondsToTime)(player.currentTime, frameRate, initialTime);
-  return _react2.default.createElement(
-    VideoCurrentTime,
-    null,
-    formattedTime
-  );
-}
-
-CurrentTimeDisplay.propTypes = propTypes;
-CurrentTimeDisplay.defaultProps = defaultProps;
-CurrentTimeDisplay.displayName = 'CurrentTimeDisplay';
-
-exports.default = CurrentTimeDisplay;

package/components/time-controls/DurationDisplay.js

@@ -1,51 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _propTypes = require('prop-types');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _utils = require('../../utils');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var propTypes = {
-  player: _propTypes.PropTypes.instanceOf(Object),
-  frameRate: _propTypes.PropTypes.number
-};
-
-var defaultProps = {
-  player: {}
-};
-
-var VideoTotalDuration = _styledComponents2.default.div.withConfig({
-  displayName: 'DurationDisplay__VideoTotalDuration',
-  componentId: 'sc-ymjmp3-0'
-})(['font-family:SFUIText-Regular;font-size:12px;letter-spacing:-0.6px;margin:0 2px;color:#888888;']);
-
-function DurationDisplay(_ref) {
-  var player = _ref.player,
-      frameRate = _ref.frameRate;
-
-  var formattedTime = (0, _utils.secondsToTime)(player.duration, frameRate);
-  return _react2.default.createElement(
-    VideoTotalDuration,
-    null,
-    formattedTime
-  );
-}
-
-DurationDisplay.propTypes = propTypes;
-DurationDisplay.defaultProps = defaultProps;
-DurationDisplay.displayName = 'DurationDisplay';
-
-exports.default = DurationDisplay;

package/components/time-controls/TimeDivider.js

@@ -1,41 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = TimeDivider;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _propTypes = require('prop-types');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var propTypes = {
-  separator: _propTypes.PropTypes.string
-};
-
-var TimeSeperator = _styledComponents2.default.div.withConfig({
-  displayName: 'TimeDivider__TimeSeperator',
-  componentId: 'sc-tgg0s-0'
-})(['color:#888888;margin:0 2px;font-family:SFUIText-Regular;font-size:12px;letter-spacing:-0.6px;']);
-
-function TimeDivider(_ref) {
-  var separator = _ref.separator;
-
-  var separatorText = separator || '/';
-  return _react2.default.createElement(
-    TimeSeperator,
-    { dir: 'ltr' },
-    separatorText
-  );
-}
-
-TimeDivider.propTypes = propTypes;
-TimeDivider.displayName = 'TimeDivider';

package/components/volume-control/VolumeBar.js

@@ -1,216 +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 _Slider = require('../Slider');
-
-var _Slider2 = _interopRequireDefault(_Slider);
-
-var _VolumeLevel = require('./VolumeLevel');
-
-var _VolumeLevel2 = _interopRequireDefault(_VolumeLevel);
-
-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),
-  vertical: _propTypes.PropTypes.bool,
-  onFocus: _propTypes.PropTypes.func,
-  onBlur: _propTypes.PropTypes.func
-};
-
-var defaultProps = {
-  actions: {},
-  player: {},
-  vertical: false,
-  onFocus: null,
-  onBlur: null
-};
-
-var VolumeControlBar = _styledComponents2.default.div.withConfig({
-  displayName: 'VolumeBar__VolumeControlBar',
-  componentId: 'sc-10ehvlf-0'
-})(['height:85%;position:absolute;cursor:pointer;z-index:1;width:2px;margin:0 auto;top:50%;left:50%;transform:translate(-50%,-50%);']);
-
-var VolumeBar = function (_Component) {
-  _inherits(VolumeBar, _Component);
-
-  function VolumeBar(props, context) {
-    _classCallCheck(this, VolumeBar);
-
-    var _this = _possibleConstructorReturn(this, (VolumeBar.__proto__ || Object.getPrototypeOf(VolumeBar)).call(this, props, context));
-
-    _this.state = {
-      percentage: '0%'
-    };
-
-    _this.handleMouseMove = _this.handleMouseMove.bind(_this);
-    _this.handlePercentageChange = _this.handlePercentageChange.bind(_this);
-    _this.checkMuted = _this.checkMuted.bind(_this);
-    _this.getPercent = _this.getPercent.bind(_this);
-    _this.stepForward = _this.stepForward.bind(_this);
-    _this.stepBack = _this.stepBack.bind(_this);
-    _this.handleFocus = _this.handleFocus.bind(_this);
-    _this.handleBlur = _this.handleBlur.bind(_this);
-    _this.handleClick = _this.handleClick.bind(_this);
-    return _this;
-  }
-
-  _createClass(VolumeBar, [{
-    key: 'componentDidMount',
-    value: function componentDidMount() {}
-  }, {
-    key: 'getPercent',
-    value: function getPercent() {
-      var player = this.props.player;
-
-      if (player.muted) {
-        return 0;
-      }
-      return player.volume;
-    }
-  }, {
-    key: 'checkMuted',
-    value: function checkMuted() {
-      var _props = this.props,
-          player = _props.player,
-          actions = _props.actions;
-
-      if (player.muted) {
-        actions.mute(false);
-      }
-    }
-  }, {
-    key: 'handleMouseMove',
-    value: function handleMouseMove(event) {
-      var actions = this.props.actions;
-
-      this.checkMuted();
-      var distance = this.slider.calculateDistance(event);
-      actions.changeVolume(distance);
-    }
-  }, {
-    key: 'stepForward',
-    value: function stepForward() {
-      var _props2 = this.props,
-          player = _props2.player,
-          actions = _props2.actions;
-
-      this.checkMuted();
-      actions.changeVolume(player.volume + 0.1);
-    }
-  }, {
-    key: 'stepBack',
-    value: function stepBack() {
-      var _props3 = this.props,
-          player = _props3.player,
-          actions = _props3.actions;
-
-      this.checkMuted();
-      actions.changeVolume(player.volume - 0.1);
-    }
-  }, {
-    key: 'handleFocus',
-    value: function handleFocus(e) {
-      var onFocus = this.props.onFocus;
-
-      if (onFocus) {
-        onFocus(e);
-      }
-    }
-  }, {
-    key: 'handleBlur',
-    value: function handleBlur(e) {
-      var onBlur = this.props.onBlur;
-
-      if (onBlur) {
-        onBlur(e);
-      }
-    }
-  }, {
-    key: 'handlePercentageChange',
-    value: function handlePercentageChange(percent) {
-      var percentage = this.state.percentage;
-
-      if (percent !== percentage) {
-        this.setState({
-          percentage: percent
-        });
-      }
-    }
-  }, {
-    key: 'handleClick',
-    value: function handleClick(event) {
-      event.stopPropagation();
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      var _props4 = this.props,
-          player = _props4.player,
-          vertical = _props4.vertical;
-
-
-      var volume = (player.volume * 100).toFixed(2);
-      return _react2.default.createElement(
-        VolumeControlBar,
-        null,
-        _react2.default.createElement(
-          _Slider2.default,
-          _extends({
-            ref: function ref(c) {
-              _this2.slider = c;
-            },
-            label: 'volume level',
-            valuenow: volume,
-            valuetext: volume + '%',
-            onMouseMove: this.handleMouseMove,
-            onFocus: this.handleFocus,
-            onBlur: this.handleBlur,
-            onClick: this.handleClick,
-            sliderActive: this.handleFocus,
-            sliderInactive: this.handleBlur,
-            getPercent: this.getPercent,
-            onPercentageChange: this.handlePercentageChange,
-            stepForward: this.stepForward,
-            stepBack: this.stepBack
-          }, this.props),
-          _react2.default.createElement(_VolumeLevel2.default, _extends({ vertical: vertical }, this.props))
-        )
-      );
-    }
-  }]);
-
-  return VolumeBar;
-}(_react.Component);
-
-VolumeBar.propTypes = propTypes;
-VolumeBar.defaultProps = defaultProps;
-VolumeBar.displayName = 'VolumeBar';
-
-exports.default = VolumeBar;

package/components/volume-control/VolumeControl.js

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = VolumeControl;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _VolumeBar = require('./VolumeBar');
-
-var _VolumeBar2 = _interopRequireDefault(_VolumeBar);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var propTypes = {
-  props: _propTypes.PropTypes.instanceOf(Object)
-};
-
-function VolumeControl(_ref) {
-  var props = _ref.props;
-
-  return _react2.default.createElement(
-    'div',
-    null,
-    _react2.default.createElement(_VolumeBar2.default, props)
-  );
-}
-
-VolumeControl.displayName = 'VolumeControl';
-VolumeControl.propTypes = propTypes;

package/components/volume-control/VolumeLevel.js

@@ -1,78 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _propTypes = require('prop-types');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _colors = require('../../colors');
-
-var _colors2 = _interopRequireDefault(_colors);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var propTypes = {
-  playerType: _propTypes.PropTypes.oneOf(['dubbing_review', 'clipping_default', 'default', 'tagging', 'qc', 'subtitle', 'snp_edit', 'archive', 'restore', 'clipping', 'storyboard', 'panel']),
-  assetType: _propTypes.PropTypes.oneOf(['fc', 'rc']),
-  percentage: _propTypes.PropTypes.string,
-  vertical: _propTypes.PropTypes.bool
-};
-
-var defaultProps = {
-  percentage: '100%',
-  vertical: false
-};
-
-var VolumeLevelBar = _styledComponents2.default.div.withConfig({
-  displayName: 'VolumeLevel__VolumeLevelBar',
-  componentId: 'sc-1lvlqge-0'
-})(['position:absolute;width:', ';height:', ';left:0;top:', ';bottom:', ';background:', ';&:after{content:\'\';width:8px;height:8px;position:absolute;background:', ';border-radius:100%;right:-3px;top:-4px;box-shadow:0 0 14px 1px ', ';}'], function (props) {
-  return props.vertical ? '100%' : '0px';
-}, function (props) {
-  return props.vertical ? '0' : '100%';
-}, function (props) {
-  return props.vertical ? 'initial' : '0px';
-}, function (props) {
-  return props.vertical ? '0px' : 'initial';
-}, function (props) {
-  return _colors2.default.common.video[props.assetType].base;
-}, function (props) {
-  return _colors2.default.common.video[props.assetType].base;
-}, function (props) {
-  return _colors2.default.common.video[props.assetType].base;
-});
-
-function VolumeLevel(_ref) {
-  var percentage = _ref.percentage,
-      vertical = _ref.vertical,
-      assetType = _ref.assetType,
-      playerType = _ref.playerType;
-
-  var style = {};
-  if (vertical) {
-    style.height = percentage;
-  } else {
-    style.width = percentage;
-  }
-
-  return _react2.default.createElement(VolumeLevelBar, {
-    style: style,
-    assetType: assetType,
-    playerType: playerType,
-    vertical: vertical
-  });
-}
-
-VolumeLevel.propTypes = propTypes;
-VolumeLevel.defaultProps = defaultProps;
-VolumeLevel.displayName = 'VolumeLevel';
-exports.default = VolumeLevel;