@desynova-digital/player 3.9.7 → 4.0.0

package/components/Slider.js

@@ -1,317 +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 _reactDom = require('react-dom');
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _colors = require('../colors');
-
-var _colors2 = _interopRequireDefault(_colors);
-
-var _dom = require('../utils/dom');
-
-var Dom = _interopRequireWildcard(_dom);
-
-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 = {
-  onMouseDown: _propTypes.PropTypes.func,
-  onMouseMove: _propTypes.PropTypes.func,
-  stepForward: _propTypes.PropTypes.func,
-  stepBack: _propTypes.PropTypes.func,
-  sliderActive: _propTypes.PropTypes.func,
-  sliderInactive: _propTypes.PropTypes.func,
-  onMouseUp: _propTypes.PropTypes.func,
-  onFocus: _propTypes.PropTypes.func,
-  onBlur: _propTypes.PropTypes.func,
-  onClick: _propTypes.PropTypes.func,
-  getPercent: _propTypes.PropTypes.func,
-  vertical: _propTypes.PropTypes.bool,
-  children: _propTypes.PropTypes.node,
-  label: _propTypes.PropTypes.string,
-  valuenow: _propTypes.PropTypes.string,
-  valuetext: _propTypes.PropTypes.string
-};
-
-var defaultProps = {
-  onMouseDown: null,
-  onMouseMove: null,
-  stepForward: null,
-  stepBack: null,
-  sliderActive: null,
-  sliderInactive: null,
-  onMouseUp: null,
-  onFocus: null,
-  onBlur: null,
-  onClick: null,
-  getPercent: null,
-  vertical: false,
-  children: null,
-  label: '',
-  valuenow: '',
-  valuetext: ''
-};
-
-var SliderBlock = _styledComponents2.default.div.withConfig({
-  displayName: 'Slider__SliderBlock',
-  componentId: 'sc-i91ua7-0'
-})(['position:relative;z-index:2;width:100%;height:100%;background:', ';'], _colors2.default.dark.base);
-
-var Slider = function (_Component) {
-  _inherits(Slider, _Component);
-
-  function Slider(props, context) {
-    _classCallCheck(this, Slider);
-
-    var _this = _possibleConstructorReturn(this, (Slider.__proto__ || Object.getPrototypeOf(Slider)).call(this, props, context));
-
-    _this.handleMouseDown = _this.handleMouseDown.bind(_this);
-    _this.handleMouseMove = _this.handleMouseMove.bind(_this);
-    _this.handleMouseUp = _this.handleMouseUp.bind(_this);
-    _this.handleFocus = _this.handleFocus.bind(_this);
-    _this.handleBlur = _this.handleBlur.bind(_this);
-    _this.handleClick = _this.handleClick.bind(_this);
-    _this.handleKeyPress = _this.handleKeyPress.bind(_this);
-    _this.stepForward = _this.stepForward.bind(_this);
-    _this.stepBack = _this.stepBack.bind(_this);
-    _this.calculateDistance = _this.calculateDistance.bind(_this);
-    _this.getProgress = _this.getProgress.bind(_this);
-    _this.renderChildren = _this.renderChildren.bind(_this);
-
-    _this.state = {
-      // active: false,
-    };
-    return _this;
-  }
-
-  _createClass(Slider, [{
-    key: 'getProgress',
-    value: function getProgress() {
-      var getPercent = this.props.getPercent;
-
-      if (!getPercent) {
-        return 0;
-      }
-      var progress = getPercent();
-
-      // Protect against no duration and other division issues
-      if (typeof progress !== 'number' || progress < 0 || progress === Infinity) {
-        progress = 0;
-      }
-      return progress;
-    }
-  }, {
-    key: 'handleMouseDown',
-    value: function handleMouseDown(event) {
-      var _props = this.props,
-          onMouseDown = _props.onMouseDown,
-          sliderActive = _props.sliderActive;
-      /*
-       * event.preventDefault();
-       * event.stopPropagation();
-       */
-
-      document.addEventListener('mousemove', this.handleMouseMove, true);
-      document.addEventListener('mouseup', this.handleMouseUp, true);
-      document.addEventListener('touchmove', this.handleMouseMove, true);
-      document.addEventListener('touchend', this.handleMouseUp, true);
-
-      this.setState({
-        /*
-         *  active: true,
-         *  distance: 0
-         */
-      });
-
-      if (sliderActive) {
-        sliderActive(event);
-      }
-
-      this.handleMouseMove(event);
-
-      if (onMouseDown) {
-        onMouseDown(event);
-      }
-    }
-  }, {
-    key: 'handleMouseMove',
-    value: function handleMouseMove(event) {
-      var onMouseMove = this.props.onMouseMove;
-
-
-      if (onMouseMove) {
-        onMouseMove(event);
-      }
-    }
-  }, {
-    key: 'handleMouseUp',
-    value: function handleMouseUp(event) {
-      var _props2 = this.props,
-          onMouseUp = _props2.onMouseUp,
-          sliderInactive = _props2.sliderInactive;
-
-
-      document.removeEventListener('mousemove', this.handleMouseMove, true);
-      document.removeEventListener('mouseup', this.handleMouseUp, true);
-      document.removeEventListener('touchmove', this.handleMouseMove, true);
-      document.removeEventListener('touchend', this.handleMouseUp, true);
-
-      this.setState({
-        // active: false
-      });
-
-      if (sliderInactive) {
-        sliderInactive(event);
-      }
-
-      if (onMouseUp) {
-        onMouseUp(event);
-      }
-    }
-  }, {
-    key: 'handleFocus',
-    value: function handleFocus(e) {
-      var onFocus = this.props.onFocus;
-
-      document.addEventListener('keydown', this.handleKeyPress, true);
-      if (onFocus) {
-        onFocus(e);
-      }
-    }
-  }, {
-    key: 'handleBlur',
-    value: function handleBlur(e) {
-      var onBlur = this.props.onBlur;
-
-      document.removeEventListener('keydown', this.handleKeyPress, true);
-      if (onBlur) {
-        onBlur(e);
-      }
-    }
-  }, {
-    key: 'handleClick',
-    value: function handleClick(event) {
-      var onClick = this.props.onClick;
-
-      event.preventDefault();
-      // event.stopPropagation();
-      if (onClick) {
-        onClick(event);
-      }
-    }
-  }, {
-    key: 'handleKeyPress',
-    value: function handleKeyPress(event) {
-      if (event.which === 37 || event.which === 40) {
-        // Left and Down Arrows
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepBack();
-      } else if (event.which === 38 || event.which === 39) {
-        // Up and Right Arrows
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepForward();
-      }
-    }
-  }, {
-    key: 'stepForward',
-    value: function stepForward() {
-      var stepForward = this.props.stepForward;
-
-      if (stepForward) {
-        stepForward();
-      }
-    }
-  }, {
-    key: 'stepBack',
-    value: function stepBack() {
-      var stepBack = this.props.stepBack;
-
-      if (stepBack) {
-        stepBack();
-      }
-    }
-  }, {
-    key: 'calculateDistance',
-    value: function calculateDistance(event) {
-      var node = (0, _reactDom.findDOMNode)(this);
-      var position = Dom.getPointerPosition(node, event);
-      var vertical = this.props.vertical;
-
-      if (vertical) {
-        return position.y;
-      }
-      return position.x;
-    }
-  }, {
-    key: 'renderChildren',
-    value: function renderChildren() {
-      var progress = this.getProgress();
-      var percentage = (progress * 100).toFixed(2) + '%';
-      var children = this.props.children;
-
-      return _react2.default.Children.map(children, function (child) {
-        return _react2.default.cloneElement(child, { progress: progress, percentage: percentage });
-      });
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props3 = this.props,
-          label = _props3.label,
-          valuenow = _props3.valuenow,
-          valuetext = _props3.valuetext;
-
-
-      return _react2.default.createElement(
-        SliderBlock,
-        {
-          tabIndex: '0',
-          onMouseDown: this.handleMouseDown,
-          onTouchStart: this.handleMouseDown,
-          onFocus: this.handleFocus,
-          onBlur: this.handleBlur,
-          onClick: this.handleClick,
-          'aria-label': label || '',
-          'aria-valuenow': valuenow || '',
-          'aria-valuetext': valuetext || '',
-          'aria-valuemin': 0,
-          'aria-valuemax': 100
-        },
-        this.renderChildren()
-      );
-    }
-  }]);
-
-  return Slider;
-}(_react.Component);
-
-exports.default = Slider;
-
-
-Slider.propTypes = propTypes;
-Slider.defaultProps = defaultProps;
-Slider.displayName = 'Slider';

package/components/TagsBar.js

@@ -1,100 +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 _propTypes = require('prop-types');
-
-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; }
-
-var propTypes = {
-  tagsMarker: _propTypes.PropTypes.instanceOf(Array),
-  player: _propTypes.PropTypes.instanceOf(Object),
-  actions: _propTypes.PropTypes.instanceOf(Object)
-};
-
-var TagsBlock = _styledComponents2.default.div.withConfig({
-  displayName: 'TagsBar__TagsBlock',
-  componentId: 'sc-n53sgs-0'
-})(['width:100%;height:10px;position:absolute;bottom:40px;cursor:default;.marker{position:absolute;width:2px;height:100%;background:#00cec6;cursor:pointer;transition:transform 250ms ease-in-out;&:hover{transform:scale(2);}}']);
-
-var TagsBar = function (_Component) {
-  _inherits(TagsBar, _Component);
-
-  function TagsBar(props) {
-    _classCallCheck(this, TagsBar);
-
-    var _this = _possibleConstructorReturn(this, (TagsBar.__proto__ || Object.getPrototypeOf(TagsBar)).call(this, props));
-
-    _this.getMarkerPosition = _this.getMarkerPosition.bind(_this);
-    return _this;
-  }
-
-  _createClass(TagsBar, [{
-    key: 'getMarkerPosition',
-    value: function getMarkerPosition(timePos) {
-      var player = this.props.player;
-
-      var time = parseInt(timePos);
-      var percent = time / player.duration;
-      var left = (percent * 100).toFixed(2) + '%';
-      return percent >= 1 ? '100%' : left;
-    }
-  }, {
-    key: 'goToMarker',
-    value: function goToMarker(time) {
-      var actions = this.props.actions;
-
-      actions.seek(parseInt(time));
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      var tagsMarker = this.props.tagsMarker;
-
-
-      return _react2.default.createElement(
-        TagsBlock,
-        null,
-        tagsMarker.map(function (marker) {
-          return _react2.default.createElement('div', {
-            className: 'marker',
-            role: 'presentation',
-            key: marker.leftOffset,
-            onClick: function onClick() {
-              return _this2.goToMarker(marker.timeOffset);
-            },
-            style: { left: _this2.getMarkerPosition(marker.timeOffset) }
-          });
-        })
-      );
-    }
-  }]);
-
-  return TagsBar;
-}(_react.Component);
-
-exports.default = TagsBar;
-
-
-TagsBar.propTypes = propTypes;
-TagsBar.displayName = 'TagsBar';