@desynova-digital/player 3.9.7 → 4.0.1

package/components/marking-controls/MarkingPreview.js

@@ -1,86 +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 _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _propTypes = require('prop-types');
-
-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),
-  leftMarker: _propTypes.PropTypes.number
-};
-
-var PreviewButton = (0, _styledComponents2.default)(_components.Button).withConfig({
-  displayName: 'MarkingPreview__PreviewButton',
-  componentId: 'sc-1gqitva-0'
-})(['background:transparent;border-color:#afb2ba;border-width:1px;margin:0 5px 0 5px;&:hover,&:focus{background:transparent;border-color:#afb2ba;}', '{svg path{fill:#afb2ba;}}'], _components.Icon.Element);
-
-var MarkingPreview = function (_Component) {
-  _inherits(MarkingPreview, _Component);
-
-  function MarkingPreview(props) {
-    _classCallCheck(this, MarkingPreview);
-
-    var _this = _possibleConstructorReturn(this, (MarkingPreview.__proto__ || Object.getPrototypeOf(MarkingPreview)).call(this, props));
-
-    _this.handleClick = _this.handleClick.bind(_this);
-    return _this;
-  }
-
-  _createClass(MarkingPreview, [{
-    key: 'handleClick',
-    value: function handleClick() {
-      var _props = this.props,
-          leftMarker = _props.leftMarker,
-          actions = _props.actions;
-
-      actions.handleVideoPreview(true);
-      actions.seek(parseFloat(leftMarker));
-      actions.play();
-      actions.handleVideoRewind(false);
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(PreviewButton, {
-        display: 'rounded',
-        appearance: 'cta',
-        icon: 'play',
-        iconWidth: 6,
-        iconHeight: 8,
-        width: 20,
-        height: 20,
-        onClick: this.handleClick
-      });
-    }
-  }]);
-
-  return MarkingPreview;
-}(_react.Component);
-
-exports.default = MarkingPreview;
-
-
-MarkingPreview.propTypes = propTypes;
-MarkingPreview.displayName = 'MarkingPreview';

package/components/progress-bar/AudioWaveform.js

@@ -1,144 +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);
-
-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; } /*global webkitAudioContext*/
-/*eslint no-undef: ["error", { "typeof": true }] */
-
-var propTypes = {
-  audioSrc: _propTypes.PropTypes.string,
-  currentZoom: _propTypes.PropTypes.number
-};
-
-var defaultProps = {
-  audioSrc: null,
-  currentZoom: 1
-};
-
-var AudioWaveformBlock = _styledComponents2.default.div.withConfig({
-  displayName: 'AudioWaveform__AudioWaveformBlock',
-  componentId: 'sc-165e15b-0'
-})(['position:absolute;width:100%;height:100%;left:0;right:0;canvas{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;}']);
-
-var AudioWaveform = function (_Component) {
-  _inherits(AudioWaveform, _Component);
-
-  function AudioWaveform(props, context) {
-    _classCallCheck(this, AudioWaveform);
-
-    var _this = _possibleConstructorReturn(this, (AudioWaveform.__proto__ || Object.getPrototypeOf(AudioWaveform)).call(this, props, context));
-
-    _this.state = {
-      buffer: null
-    };
-    _this.getWaveform = _this.getWaveform.bind(_this);
-    return _this;
-  }
-
-  _createClass(AudioWaveform, [{
-    key: 'getWaveform',
-    value: function getWaveform() {
-      var _this2 = this;
-
-      var audioSrc = this.props.audioSrc;
-
-      var audioBlockWidth = this.canvasBlock.parentElement.offsetWidth;
-      var audioBlockHeight = this.canvasBlock.parentElement.offsetHeight;
-      this.canvasBlock.width = audioBlockWidth;
-      this.canvasBlock.height = audioBlockHeight;
-      var context = void 0;
-      if (typeof AudioContext !== 'undefined') {
-        context = new AudioContext();
-      } else if (typeof webkitAudioContext !== 'undefined') {
-        context = new webkitAudioContext();
-      }
-      var request = new XMLHttpRequest();
-      request.open('GET', audioSrc, true);
-      request.responseType = 'arraybuffer';
-      request.onload = function () {
-        context.decodeAudioData(request.response, function (buffer) {
-          var bufferData = buffer.getChannelData(0);
-          _this2.setState({ buffer: bufferData });
-          _this2.generateWaveform();
-        });
-      };
-      request.send();
-    }
-  }, {
-    key: 'generateWaveform',
-    value: function generateWaveform() {
-      var currentZoom = this.props.currentZoom;
-      var buffer = this.state.buffer;
-
-      if (buffer.length) {
-        var parentWidth = this.canvasBlock.parentElement.offsetWidth;
-        this.canvasBlock.width = parentWidth * currentZoom;
-        var width = this.canvasBlock.width;
-        var height = this.canvasBlock.height;
-        var ctx = this.canvasBlock.getContext('2d');
-        var step = Math.ceil(buffer.length / width);
-        var amp = 100;
-        ctx.lineWidth = 1;
-        ctx.beginPath();
-        ctx.moveTo(0, height / 2 + buffer[0]);
-        for (var i = 0; i < width; i++) {
-          ctx.lineTo(i, height / 2 + buffer[step * i] * amp);
-        }
-        ctx.closePath();
-        ctx.strokeStyle = '#ffffff12';
-        ctx.stroke();
-        ctx.fillStyle = '#ffffff12';
-        ctx.fill();
-      }
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this3 = this;
-
-      return _react2.default.createElement(
-        AudioWaveformBlock,
-        {
-          ref: function ref(c) {
-            _this3.waveformBlock = c;
-          }
-        },
-        _react2.default.createElement('canvas', {
-          id: 'visualisation',
-          ref: function ref(c) {
-            _this3.canvasBlock = c;
-          }
-        })
-      );
-    }
-  }]);
-
-  return AudioWaveform;
-}(_react.Component);
-
-exports.default = AudioWaveform;
-
-
-AudioWaveform.propTypes = propTypes;
-AudioWaveform.defaultProps = defaultProps;
-AudioWaveform.displayName = 'AudioWaveform';

package/components/progress-bar/LoadProgressBar.js

@@ -1,90 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = LoadProgressBar;
-
-var _propTypes = require('prop-types');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var propTypes = {
-  duration: _propTypes.PropTypes.number,
-  buffered: _propTypes.PropTypes.instanceOf(Object)
-};
-
-var defaultProps = {
-  duration: 0,
-  buffered: {}
-};
-
-// Shows load progress
-function LoadProgressBar(_ref) {
-  var buffered = _ref.buffered,
-      duration = _ref.duration;
-
-  if (!buffered || !buffered.length) {
-    return null;
-  }
-  var bufferedEnd = buffered.end(buffered.length - 1);
-  var style = {};
-
-  if (bufferedEnd > duration) {
-    bufferedEnd = duration;
-  }
-
-  // get the percent width of a time compared to the total end
-  function percentify(time, end) {
-    var percent = time / end || 0; // no NaN
-    return (percent >= 1 ? 1 : percent) * 100 + '%';
-  }
-
-  // the width of the progress bar
-  style.width = percentify(bufferedEnd, duration);
-
-  var parts = [];
-
-  // add child elements to represent the individual buffered time ranges
-  for (var i = 0; i < buffered.length; i++) {
-    var start = buffered.start(i);
-    var end = buffered.end(i);
-    // set the percent based on the width of the progress bar (bufferedEnd)
-    var part = _react2.default.createElement('div', {
-      style: {
-        left: percentify(start, bufferedEnd),
-        width: percentify(end - start, bufferedEnd)
-      },
-      key: 'part-' + i
-    });
-    parts.push(part);
-  }
-
-  if (parts.length === 0) {
-    parts = null;
-  }
-
-  return _react2.default.createElement(
-    'div',
-    { style: style },
-    _react2.default.createElement(
-      'span',
-      { className: 'video-react-control-text' },
-      _react2.default.createElement(
-        'span',
-        null,
-        'Loaded'
-      ),
-      ': 0%'
-    ),
-    parts
-  );
-}
-
-LoadProgressBar.propTypes = propTypes;
-LoadProgressBar.defaultProps = defaultProps;
-LoadProgressBar.displayName = 'LoadProgressBar';

package/components/progress-bar/MouseTimeDisplay.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 _utils = require('../../utils');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var propTypes = {
-  duration: _propTypes.PropTypes.number,
-  mouseTime: _propTypes.PropTypes.instanceOf(Object)
-};
-
-var defaultProps = {
-  duration: 0,
-  mouseTime: {}
-};
-
-function MouseTimeDisplay(_ref) {
-  var duration = _ref.duration,
-      mouseTime = _ref.mouseTime;
-
-  if (!mouseTime.time) {
-    return null;
-  }
-
-  var time = (0, _utils.formatTime)(mouseTime.time, duration);
-
-  return _react2.default.createElement(
-    'div',
-    {
-      style: {
-        left: mouseTime.position + 'px'
-      },
-      'data-current-time': time
-    },
-    time
-  );
-}
-
-MouseTimeDisplay.propTypes = propTypes;
-MouseTimeDisplay.defaultProps = defaultProps;
-MouseTimeDisplay.displayName = 'MouseTimeDisplay';
-
-exports.default = MouseTimeDisplay;

package/components/progress-bar/PlayProgressBar.js

@@ -1,79 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = PlayProgressBar;
-
-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');
-
-var _colors = require('../../colors');
-
-var _colors2 = _interopRequireDefault(_colors);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var propTypes = {
-  currentTime: _propTypes.PropTypes.number,
-  duration: _propTypes.PropTypes.number,
-  percentage: _propTypes.PropTypes.string,
-  player: _propTypes.PropTypes.instanceOf(Object),
-  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']),
-  controlType: _propTypes.PropTypes.oneOf(['default', 'advanced'])
-};
-
-var defaultProps = {
-  playerType: 'default',
-  controlType: 'default'
-};
-
-var ProgressBarBlock = _styledComponents2.default.div.withConfig({
-  displayName: 'PlayProgressBar__ProgressBarBlock',
-  componentId: 'sc-1e6zmfe-0'
-})(['position:absolute;width:0px;height:100%;left:0;top:0;background:', ';&:after{content:\'\';width:12px;height:12px;position:absolute;background:', ';border-radius:100%;right:-6px;top:-5px;box-shadow:0 0 14px 1px ', ';}&:before{content:\'\';width:2px;height:46px;position:absolute;background:', ';right:-1px;top:4px;display:', ';}'], 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 (props) {
-  return _colors2.default.common.video[props.assetType].base;
-}, function (props) {
-  return props.controlType === 'advanced' && !props.isFullscreen ? 'block' : 'none';
-});
-// Shows play progress
-function PlayProgressBar(_ref) {
-  var currentTime = _ref.currentTime,
-      duration = _ref.duration,
-      percentage = _ref.percentage,
-      playerType = _ref.playerType,
-      assetType = _ref.assetType,
-      controlType = _ref.controlType,
-      isFullscreen = _ref.player.isFullscreen;
-
-  return _react2.default.createElement(ProgressBarBlock, {
-    'data-current-time': (0, _utils.formatTime)(currentTime, duration),
-    style: {
-      width: percentage
-    },
-    playerType: playerType,
-    assetType: assetType,
-    controlType: controlType,
-    isFullscreen: isFullscreen
-  });
-}
-
-PlayProgressBar.propTypes = propTypes;
-PlayProgressBar.defaultProps = defaultProps;
-PlayProgressBar.displayName = 'PlayProgressBar';

package/components/progress-bar/ProgressControl.js

@@ -1,222 +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 _reactDom = require('react-dom');
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _dom = require('../../utils/dom');
-
-var Dom = _interopRequireWildcard(_dom);
-
-var _SeekBar = require('./SeekBar');
-
-var _SeekBar2 = _interopRequireDefault(_SeekBar);
-
-var _PointersBar = require('../PointersBar');
-
-var _PointersBar2 = _interopRequireDefault(_PointersBar);
-
-var _colors = require('../../colors');
-
-var _colors2 = _interopRequireDefault(_colors);
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
-
-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),
-  controlType: _propTypes.PropTypes.string,
-  playerType: _propTypes.PropTypes.oneOf(['dubbing_review', 'clipping_default', 'default', 'tagging', 'qc', 'subtitle', 'snp_edit', 'archive', 'restore', 'clipping', 'storyboard', 'panel'])
-};
-
-var defaultProps = {};
-
-var ProgressControlBlock = _styledComponents2.default.div.withConfig({
-  displayName: 'ProgressControl__ProgressControlBlock',
-  componentId: 'sc-1qe84kw-0'
-})(['width:100%;height:', ';position:relative;overflow:', ';padding-top:0px;background:#000000;background:', ';display:flex;justify-content:center;align-items:center;transition:all 250ms ease-in-out;bottom:', ';'], function (props) {
-  return props.controlType === 'advanced' && !props.isFullscreen ? '80px' : '4px';
-}, function (props) {
-  return props.controlType === 'advanced' && !props.isFullscreen ? 'none' : 'visible';
-}, _colors2.default.common.base.black, function (props) {
-  return props.player === 'panel' && props.active ? '50px' : 'initial';
-});
-
-var SeekControlBar = _styledComponents2.default.div.withConfig({
-  displayName: 'ProgressControl__SeekControlBar',
-  componentId: 'sc-1qe84kw-1'
-})(['width:100%;height:100%;position:relative;cursor:pointer;z-index:', ';'], function (props) {
-  return props.controlType === 'advanced' && !props.isFullscreen ? '2' : '1';
-});
-
-var MarkerTagsBlock = _styledComponents2.default.div.withConfig({
-  displayName: 'ProgressControl__MarkerTagsBlock',
-  componentId: 'sc-1qe84kw-2'
-})(['min-width:100px;max-width:100px;position:relative;height:100%;.empty-block{height:calc(100% - 20px);}.tags-block{height:20px;font-family:SFUIText-Medium;font-size:12px;color:#ffffff;text-transform:uppercase;border-top:1px solid #333333;border-bottom:1px solid #333333;p{line-height:18px;padding-left:10px;}}']);
-
-var ProgressControl = function (_Component) {
-  _inherits(ProgressControl, _Component);
-
-  function ProgressControl(props, context) {
-    _classCallCheck(this, ProgressControl);
-
-    var _this = _possibleConstructorReturn(this, (ProgressControl.__proto__ || Object.getPrototypeOf(ProgressControl)).call(this, props, context));
-
-    _this.state = {
-      mouseTime: {
-        time: null,
-        position: 0,
-        stateZoom: null
-      }
-    };
-
-    _this.handleMouseMoveThrottle = _this.handleMouseMove.bind(_this);
-    _this.handleSeekbarZoom = _this.handleSeekbarZoom.bind(_this);
-    return _this;
-  }
-
-  _createClass(ProgressControl, [{
-    key: 'componentDidUpdate',
-    value: function componentDidUpdate() {
-      var _props = this.props,
-          _props$player = _props.player,
-          zoom = _props$player.zoom,
-          readyState = _props$player.readyState,
-          isFullscreen = _props$player.isFullscreen,
-          controlType = _props.controlType;
-      var stateZoom = this.state.stateZoom;
-
-      if (zoom !== stateZoom && readyState === 4 && controlType === 'advanced' && !isFullscreen) {
-        this.handleSeekbarZoom();
-      }
-    }
-  }, {
-    key: 'handleSeekbarZoom',
-    value: function handleSeekbarZoom() {
-      var zoom = this.props.player.zoom;
-
-      var progressBlock = (0, _reactDom.findDOMNode)(this.progressControlBlock);
-      var seekBarBlock = (0, _reactDom.findDOMNode)(this.seekControlBar);
-      var progressBlockWidth = progressBlock.offsetWidth;
-      var currentZoom = parseFloat(zoom.toFixed(1));
-      if (currentZoom > 0) {
-        seekBarBlock.style.width = progressBlockWidth * (currentZoom * 20) + 'px';
-      } else {
-        seekBarBlock.style.width = '100%';
-      }
-      // To be Rectified
-      if (this.seekBar.timeline) {
-        this.seekBar.timeline.generateTimeline();
-        // this.seekBar.audioWaveform.getWaveform();
-        this.setState({ stateZoom: zoom });
-      }
-    }
-  }, {
-    key: 'handleMouseMove',
-    value: function handleMouseMove(event) {
-      if (!event.pageX) {
-        return;
-      }
-      var duration = this.props.player.duration;
-
-      var node = (0, _reactDom.findDOMNode)(this.seekBar);
-      var newTime = Dom.getPointerPosition(node, event).x * duration;
-      var position = event.pageX - Dom.findElPosition(node).left;
-
-      this.setState({
-        mouseTime: {
-          time: newTime,
-          position: position
-        }
-      });
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      var _props2 = this.props,
-          controlType = _props2.controlType,
-          playerType = _props2.playerType,
-          _props2$player = _props2.player,
-          userActivity = _props2$player.userActivity,
-          isFullscreen = _props2$player.isFullscreen;
-      var mouseTime = this.state.mouseTime;
-
-      return _react2.default.createElement(
-        _react2.default.Fragment,
-        null,
-        _react2.default.createElement(
-          ProgressControlBlock,
-          {
-            controlType: controlType,
-            player: playerType,
-            active: userActivity,
-            isFullscreen: isFullscreen,
-            ref: function ref(c) {
-              _this2.progressControlBlock = c;
-            }
-          },
-          controlType === 'advanced' && !isFullscreen ? _react2.default.createElement(
-            MarkerTagsBlock,
-            null,
-            _react2.default.createElement('div', { className: 'empty-block' })
-          ) : null,
-          _react2.default.createElement(
-            SeekControlBar,
-            {
-              ref: function ref(c) {
-                _this2.seekControlBar = c;
-              },
-              onMouseMove: this.handleMouseMoveThrottle
-            },
-            _react2.default.createElement(_SeekBar2.default, _extends({
-              mouseTime: mouseTime,
-              ref: function ref(c) {
-                _this2.seekBar = c;
-              }
-            }, this.props))
-          ),
-          controlType === 'advanced' && !isFullscreen ? _react2.default.createElement(
-            MarkerTagsBlock,
-            null,
-            _react2.default.createElement('div', { className: 'empty-block' })
-          ) : null
-        ),
-        controlType === 'advanced' && !isFullscreen ? _react2.default.createElement(_PointersBar2.default, this.props) : null
-      );
-    }
-  }]);
-
-  return ProgressControl;
-}(_react.Component);
-
-exports.default = ProgressControl;
-
-
-ProgressControl.propTypes = propTypes;
-ProgressControl.defaultProps = defaultProps;
-ProgressControl.displayName = 'ProgressControl';