@desynova-digital/player 3.9.7 → 4.0.1

package/components/marking-controls/MarkInControl.js

@@ -1,140 +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);
-
-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),
-  markers: _propTypes.PropTypes.instanceOf(Object),
-  leftMarker: _propTypes.PropTypes.number,
-  allowMarkerOverlap: _propTypes.PropTypes.bool
-};
-
-var defaultProps = {
-  actions: {},
-  player: {},
-  leftMarker: -1,
-  allowMarkerOverlap: false
-};
-
-var MarkInButton = (0, _styledComponents2.default)(_components.Button).withConfig({
-  displayName: 'MarkInControl__MarkInButton',
-  componentId: 'sc-15q0p12-0'
-})(['background:transparent;border:none;margin:0px 10px;pointer-events:', ';', '{svg path{fill:', ';}}&:hover{background:transparent;', '{svg path{fill:#00cec6;}}}&:focus{background:transparent;}'], function (props) {
-  return props.leftMarker > -1 ? 'none' : 'all';
-}, _components.Icon.Element, function (props) {
-  return props.leftMarker > -1 ? '#00cec6' : '#ffffff';
-}, _components.Icon.Element);
-
-var MarkInControl = function (_Component) {
-  _inherits(MarkInControl, _Component);
-
-  function MarkInControl(props) {
-    _classCallCheck(this, MarkInControl);
-
-    var _this = _possibleConstructorReturn(this, (MarkInControl.__proto__ || Object.getPrototypeOf(MarkInControl)).call(this, props));
-
-    _this.handleClick = _this.handleClick.bind(_this);
-    return _this;
-  }
-
-  _createClass(MarkInControl, [{
-    key: 'getStyle',
-    value: function getStyle() {
-      var _props = this.props,
-          currentTime = _props.player.currentTime,
-          markers = _props.markers,
-          leftMarker = _props.leftMarker,
-          allowMarkerOverlap = _props.allowMarkerOverlap;
-
-      var style = {
-        pointerEvents: 'all',
-        opacity: 1
-      };
-      if (markers && markers.length && markers[0].values && markers[0].values.length && !allowMarkerOverlap) {
-        markers[0].values.filter(function (marker) {
-          if (currentTime >= marker.start_time && currentTime <= marker.end_time || leftMarker > -1 && currentTime > marker.start_time && leftMarker < marker.start_time || leftMarker > -1 && currentTime < marker.start_time && leftMarker > marker.end_time) {
-            style = {
-              pointerEvents: 'none',
-              opacity: 0.6
-            };
-          }
-        });
-      }
-
-      return style;
-    }
-  }, {
-    key: 'handleClick',
-    value: function handleClick() {
-      var _props2 = this.props,
-          player = _props2.player,
-          actions = _props2.actions,
-          onAddMarker = _props2.onAddMarker;
-      // actions.handleMarkerPointChange('add', 'left', player.currentTime);
-
-      if (onAddMarker) {
-        var data = {
-          markerType: player.markerType !== 'update' ? 'add' : 'update',
-          markerPos: 'left',
-          currentTime: player.currentTime
-        };
-        onAddMarker(player.currentTime, -1, '', true, data);
-      }
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props3 = this.props,
-          leftMarker = _props3.leftMarker,
-          markers = _props3.markers;
-
-      return _react2.default.createElement(MarkInButton, {
-        leftMarker: leftMarker,
-        markers: markers,
-        display: 'rounded',
-        appearance: 'cta',
-        icon: 'in-marker',
-        iconWidth: 10,
-        iconHeight: 18,
-        width: 10,
-        height: 20,
-        onClick: this.handleClick,
-        style: this.getStyle()
-      });
-    }
-  }]);
-
-  return MarkInControl;
-}(_react.Component);
-
-exports.default = MarkInControl;
-
-
-MarkInControl.propTypes = propTypes;
-MarkInControl.defaultProps = defaultProps;
-MarkInControl.displayName = 'MarkInControl';

package/components/marking-controls/MarkOutControl.js

@@ -1,155 +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 = {
-  player: _propTypes.PropTypes.instanceOf(Object),
-  actions: _propTypes.PropTypes.instanceOf(Object),
-  markers: _propTypes.PropTypes.instanceOf(Object),
-  leftMarker: _propTypes.PropTypes.number,
-  rightMarker: _propTypes.PropTypes.number,
-  controlType: _propTypes.PropTypes.string,
-  onMarkerSelect: _propTypes.PropTypes.func,
-  allowMarkerOverlap: _propTypes.PropTypes.bool
-};
-
-var defaultProps = {
-  player: {},
-  actions: {},
-  leftMarker: -1,
-  rightMarker: -1,
-  allowMarkerOverlap: false
-};
-
-var MarkOutButton = (0, _styledComponents2.default)(_components.Button).withConfig({
-  displayName: 'MarkOutControl__MarkOutButton',
-  componentId: 'sc-1lgtop1-0'
-})(['background:transparent;border:none;margin:0px 10px;pointer-events:', ';', '{svg path{fill:', ';}}&:hover{background:transparent;', '{svg path{fill:#00cec6;}}}&:focus{background:transparent;}'], function (props) {
-  return props.leftMarker > -1 && props.currentTime < props.leftMarker || props.leftMarker < 0 ? 'none' : 'all';
-}, _components.Icon.Element, function (props) {
-  return props.rightMarker > -1 ? '#00cec6' : props.leftMarker > -1 && props.currentTime < props.leftMarker || props.leftMarker < 0 ? '#ffffff88' : '#ffffff';
-}, _components.Icon.Element);
-
-var MarkOutControl = function (_Component) {
-  _inherits(MarkOutControl, _Component);
-
-  function MarkOutControl(props) {
-    _classCallCheck(this, MarkOutControl);
-
-    var _this = _possibleConstructorReturn(this, (MarkOutControl.__proto__ || Object.getPrototypeOf(MarkOutControl)).call(this, props));
-
-    _this.handleClick = _this.handleClick.bind(_this);
-    return _this;
-  }
-
-  _createClass(MarkOutControl, [{
-    key: 'getStyle',
-    value: function getStyle() {
-      var _props = this.props,
-          currentTime = _props.player.currentTime,
-          markers = _props.markers,
-          leftMarker = _props.leftMarker,
-          allowMarkerOverlap = _props.allowMarkerOverlap;
-
-      var style = {
-        pointerEvents: 'all',
-        opacity: 1
-      };
-      if (markers && markers.length && markers[0].values && markers[0].values.length && !allowMarkerOverlap) {
-        markers[0].values.filter(function (marker) {
-          if (currentTime >= marker.start_time && currentTime <= marker.end_time || leftMarker > -1 && currentTime > marker.start_time && leftMarker < marker.start_time || leftMarker > -1 && currentTime < marker.start_time && leftMarker > marker.end_time) {
-            style = {
-              pointerEvents: 'none',
-              opacity: 0.6
-            };
-          }
-        });
-      }
-
-      return style;
-    }
-  }, {
-    key: 'handleClick',
-    value: function handleClick() {
-      var _props2 = this.props,
-          player = _props2.player,
-          actions = _props2.actions,
-          leftMarker = _props2.leftMarker,
-          controlType = _props2.controlType,
-          onMarkerSelect = _props2.onMarkerSelect,
-          onAddMarker = _props2.onAddMarker;
-
-      if (leftMarker > -1 && player.currentTime > leftMarker) {
-        // actions.handleMarkerPointChange('add', 'right', player.currentTime);
-        //Commented for CN-632.
-        // if (controlType === 'default') {
-        //   onMarkerSelect(leftMarker, player.currentTime);
-        // }
-        // actions.handleMarkerPointChange('create');
-        var data = {
-          markerType: player.markerType !== 'update' ? 'add' : 'update',
-          markerPos: 'right',
-          currentTime: player.currentTime
-        };
-        onAddMarker(leftMarker, player.currentTime, 'update', false, data);
-        // onAddMarker(leftMarker, player.currentTime);
-      }
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props3 = this.props,
-          rightMarker = _props3.rightMarker,
-          leftMarker = _props3.leftMarker,
-          currentTime = _props3.player.currentTime;
-
-      return _react2.default.createElement(MarkOutButton, {
-        rightMarker: rightMarker,
-        leftMarker: leftMarker,
-        currentTime: currentTime,
-        display: 'rounded',
-        appearance: 'cta',
-        icon: 'out-marker',
-        iconWidth: 10,
-        iconHeight: 18,
-        width: 10,
-        height: 20,
-        onClick: this.handleClick,
-        style: this.getStyle()
-      });
-    }
-  }]);
-
-  return MarkOutControl;
-}(_react.Component);
-
-exports.default = MarkOutControl;
-
-
-MarkOutControl.propTypes = propTypes;
-MarkOutControl.defaultProps = defaultProps;
-MarkOutControl.displayName = 'MarkOutControl';

package/components/marking-controls/MarkingAddButton.js

@@ -1,94 +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);
-
-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 = {
-  rightMarker: _propTypes.PropTypes.number,
-  leftMarker: _propTypes.PropTypes.number,
-  onAddMarker: _propTypes.PropTypes.func,
-  actions: _propTypes.PropTypes.instanceOf(Object)
-};
-
-var defaultProps = {
-  rightMarker: -1,
-  leftMarker: -1
-};
-
-var AddButton = (0, _styledComponents2.default)(_components.Button).withConfig({
-  displayName: 'MarkingAddButton__AddButton',
-  componentId: 'sc-14u5yxm-0'
-})(['background:transparent;border-color:#00cec6;border-width:1px;margin:0 5px 0 15px;&:hover,&:focus{background:transparent;border-color:#00cec6;}', '{svg path{fill:#00cec6;}}'], _components.Icon.Element);
-
-var MarkingAddButton = function (_Component) {
-  _inherits(MarkingAddButton, _Component);
-
-  function MarkingAddButton(props) {
-    _classCallCheck(this, MarkingAddButton);
-
-    var _this = _possibleConstructorReturn(this, (MarkingAddButton.__proto__ || Object.getPrototypeOf(MarkingAddButton)).call(this, props));
-
-    _this.handleClick = _this.handleClick.bind(_this);
-    return _this;
-  }
-
-  _createClass(MarkingAddButton, [{
-    key: 'handleClick',
-    value: function handleClick() {
-      var _props = this.props,
-          onAddMarker = _props.onAddMarker,
-          leftMarker = _props.leftMarker,
-          rightMarker = _props.rightMarker,
-          actions = _props.actions;
-
-      actions.handleMarkerPointChange('create');
-      onAddMarker(leftMarker, rightMarker);
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(AddButton, {
-        display: 'rounded',
-        appearance: 'cta',
-        icon: 'add',
-        iconWidth: 8,
-        iconHeight: 8,
-        width: 20,
-        height: 20,
-        onClick: this.handleClick
-      });
-    }
-  }]);
-
-  return MarkingAddButton;
-}(_react.Component);
-
-exports.default = MarkingAddButton;
-
-
-MarkingAddButton.propTypes = propTypes;
-MarkingAddButton.defaultProps = defaultProps;
-MarkingAddButton.displayName = 'MarkingAddButton';

package/components/marking-controls/MarkingControl.js

@@ -1,135 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = MarkingControl;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _propTypes = require('prop-types');
-
-var _MarkInControl = require('./MarkInControl');
-
-var _MarkInControl2 = _interopRequireDefault(_MarkInControl);
-
-var _MarkOutControl = require('./MarkOutControl');
-
-var _MarkOutControl2 = _interopRequireDefault(_MarkOutControl);
-
-var _MarkingAddButton = require('./MarkingAddButton');
-
-var _MarkingAddButton2 = _interopRequireDefault(_MarkingAddButton);
-
-var _MarkingDeleteButton = require('./MarkingDeleteButton');
-
-var _MarkingDeleteButton2 = _interopRequireDefault(_MarkingDeleteButton);
-
-var _MarkingPreview = require('./MarkingPreview');
-
-var _MarkingPreview2 = _interopRequireDefault(_MarkingPreview);
-
-var _MarkingDuration = require('./MarkingDuration');
-
-var _MarkingDuration2 = _interopRequireDefault(_MarkingDuration);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var propTypes = {
-  frameRate: _propTypes.PropTypes.number,
-  player: _propTypes.PropTypes.instanceOf(Object),
-  actions: _propTypes.PropTypes.instanceOf(Object),
-  markers: _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']),
-  onAddMarker: _propTypes.PropTypes.func,
-  onMarkerSelect: _propTypes.PropTypes.func,
-  onDeleteMarker: _propTypes.PropTypes.func,
-  initialTime: _propTypes.PropTypes.number,
-  allowMarkerOverlap: _propTypes.PropTypes.bool
-};
-
-var defaultProps = {
-  frameRate: 0,
-  player: {},
-  actions: {}
-};
-
-var MarkingBlock = _styledComponents2.default.div.withConfig({
-  displayName: 'MarkingControl__MarkingBlock',
-  componentId: 'sc-zeqqs4-0'
-})(['min-width:300px;margin:0 15px;display:flex;justify-content:flex-start;align-items:center;']);
-
-function MarkingControl(_ref) {
-  var player = _ref.player,
-      frameRate = _ref.frameRate,
-      initialTime = _ref.initialTime,
-      actions = _ref.actions,
-      onAddMarker = _ref.onAddMarker,
-      onMarkerSelect = _ref.onMarkerSelect,
-      onDeleteMarker = _ref.onDeleteMarker,
-      markers = _ref.markers,
-      controlType = _ref.controlType,
-      playerType = _ref.playerType,
-      allowMarkerOverlap = _ref.allowMarkerOverlap,
-      playerReadOnlyMode = _ref.playerReadOnlyMode,
-      _ref$disablePlayerAct = _ref.disablePlayerActions,
-      disablePlayerActions = _ref$disablePlayerAct === undefined ? [] : _ref$disablePlayerAct,
-      playerSelectedMarker = _ref.playerSelectedMarker;
-
-  return _react2.default.createElement(
-    _react2.default.Fragment,
-    null,
-    playerType !== 'panel' && playerType !== 'default' && playerType !== 'clipping_default' ? _react2.default.createElement(
-      MarkingBlock,
-      null,
-      (!(playerSelectedMarker.leftMarker > -1) || !(playerSelectedMarker.rightMarker > -1)) && playerType !== 'panel' && playerType !== 'default' && playerType !== 'clipping_default' && !playerReadOnlyMode && !disablePlayerActions.includes("marking_controls") ? _react2.default.createElement(
-        _react2.default.Fragment,
-        null,
-        _react2.default.createElement(_MarkInControl2.default, {
-          leftMarker: playerSelectedMarker.leftMarker,
-          actions: actions,
-          player: player,
-          markers: markers,
-          allowMarkerOverlap: allowMarkerOverlap,
-          onAddMarker: onAddMarker
-        }),
-        _react2.default.createElement(_MarkOutControl2.default, {
-          leftMarker: playerSelectedMarker.leftMarker,
-          rightMarker: playerSelectedMarker.rightMarker,
-          actions: actions,
-          player: player,
-          markers: markers,
-          controlType: controlType,
-          onMarkerSelect: onMarkerSelect,
-          allowMarkerOverlap: allowMarkerOverlap,
-          onAddMarker: onAddMarker
-        })
-      ) : null,
-      playerSelectedMarker.leftMarker > -1 || playerSelectedMarker.rightMarker > -1 ? _react2.default.createElement(_MarkingDuration2.default, {
-        leftMarker: playerSelectedMarker.leftMarker,
-        rightMarker: playerSelectedMarker.rightMarker,
-        frameRate: frameRate,
-        initialTime: initialTime
-      }) : null,
-      playerSelectedMarker.leftMarker > -1 && playerSelectedMarker.rightMarker > -1 ? _react2.default.createElement(_MarkingPreview2.default, {
-        actions: actions,
-        leftMarker: playerSelectedMarker.leftMarker
-      }) : null,
-      (playerSelectedMarker.leftMarker > -1 || playerSelectedMarker.rightMarker > -1) && playerSelectedMarker.markerType === 'create' && playerSelectedMarker.markerCreate && !playerReadOnlyMode && !disablePlayerActions.includes("marking_controls") ? _react2.default.createElement(_MarkingDeleteButton2.default, {
-        actions: actions,
-        onDeleteMarker: onDeleteMarker
-      }) : null
-    ) : null
-  );
-}
-
-MarkingControl.propTypes = propTypes;
-MarkingControl.defaultProps = defaultProps;
-MarkingControl.displayName = 'MarkingControl';

package/components/marking-controls/MarkingDeleteButton.js

@@ -1,84 +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),
-  onDeleteMarker: _propTypes.PropTypes.func
-};
-
-var DeleteButton = (0, _styledComponents2.default)(_components.Button).withConfig({
-  displayName: 'MarkingDeleteButton__DeleteButton',
-  componentId: 'sc-5dkwj5-0'
-})(['margin:0 10px 0 5px;background:transparent;border:none;&:hover{margin:0 10px 0 5px;background:transparent;border:none;}', '{svg path{fill:#303f51;}}'], _components.Icon.Element);
-
-var MarkingDeleteButton = function (_Component) {
-  _inherits(MarkingDeleteButton, _Component);
-
-  function MarkingDeleteButton(props) {
-    _classCallCheck(this, MarkingDeleteButton);
-
-    var _this = _possibleConstructorReturn(this, (MarkingDeleteButton.__proto__ || Object.getPrototypeOf(MarkingDeleteButton)).call(this, props));
-
-    _this.handleClick = _this.handleClick.bind(_this);
-    return _this;
-  }
-
-  _createClass(MarkingDeleteButton, [{
-    key: 'handleClick',
-    value: function handleClick() {
-      var _props = this.props,
-          actions = _props.actions,
-          onDeleteMarker = _props.onDeleteMarker;
-
-      actions.handleMarkerPointChange('delete');
-      onDeleteMarker();
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(DeleteButton, {
-        display: 'rounded',
-        appearance: 'cta',
-        icon: 'delete',
-        iconWidth: 12,
-        iconHeight: 13,
-        width: 12,
-        height: 13,
-        onClick: this.handleClick
-      });
-    }
-  }]);
-
-  return MarkingDeleteButton;
-}(_react.Component);
-
-exports.default = MarkingDeleteButton;
-
-
-MarkingDeleteButton.propTypes = propTypes;
-MarkingDeleteButton.displayName = 'MarkingDeleteButton';

package/components/marking-controls/MarkingDuration.js

@@ -1,77 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = MarkingDuration;
-
-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');
-
-var _utils = require('../../utils');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var propTypes = {
-  leftMarker: _propTypes.PropTypes.number,
-  rightMarker: _propTypes.PropTypes.number,
-  frameRate: _propTypes.PropTypes.number,
-  initialTime: _propTypes.PropTypes.number
-};
-
-var defaultProps = {
-  leftMarker: -1,
-  rightMarker: -1,
-  frameRate: 0
-};
-
-var MarkingDurationBlock = _styledComponents2.default.div.withConfig({
-  displayName: 'MarkingDuration__MarkingDurationBlock',
-  componentId: 'sc-1pme7zn-0'
-})(['display:flex;justify-content:center;align-items:center;border-radius:100px;background:rgba(255,255,255,0.3);padding:5px;', '{margin:0 10px;box-shadow:0 0 14px 1px rgba(0,206,198,0.5);background:rgba(0,206,198,0.2);svg path{fill:#00cec6;}}p{font-family:SFUIText-Medium;font-size:9px;color:#ffffff;}'], _components.Icon.Element);
-
-function MarkingDuration(_ref) {
-  var leftMarker = _ref.leftMarker,
-      rightMarker = _ref.rightMarker,
-      initialTime = _ref.initialTime,
-      frameRate = _ref.frameRate;
-
-  return _react2.default.createElement(
-    _react2.default.Fragment,
-    null,
-    leftMarker > -1 || rightMarker > -1 ? _react2.default.createElement(
-      MarkingDurationBlock,
-      null,
-      _react2.default.createElement(_components.Icon, { name: 'in-marker', width: 6, height: 18 }),
-      leftMarker > -1 ? _react2.default.createElement(
-        'p',
-        null,
-        (0, _utils.secondsToTime)(leftMarker, frameRate, initialTime)
-      ) : null,
-      leftMarker > -1 && rightMarker > -1 ? _react2.default.createElement(
-        'p',
-        null,
-        '{',
-        ' Dur: ',
-        (0, _utils.secondsToTime)(rightMarker - leftMarker, frameRate),
-        '}',
-        ' ',
-        (0, _utils.secondsToTime)(rightMarker, frameRate, initialTime)
-      ) : null,
-      _react2.default.createElement(_components.Icon, { name: 'out-marker', width: 6, height: 18 })
-    ) : null
-  );
-}
-
-MarkingDuration.propTypes = propTypes;
-MarkingDuration.defaultProps = defaultProps;
-MarkingDuration.displayName = 'MarkingDuration';