@desynova-digital/player 3.9.7 → 3.9.8

package/components/marking-controls/MarkingAddButton.js

@@ -1,79 +1,70 @@
-'use strict';
+"use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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 }; }
-
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _components = require("@desynova-digital/components");
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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; }
-
+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, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 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) {
+var AddButton = (0, _styledComponents["default"])(_components.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: transparent;\n  border-color: #00cec6;\n  border-width: 1px;\n  margin: 0 5px 0 15px;\n  &:hover,\n  &:focus {\n    background: transparent;\n    border-color: #00cec6;\n  }\n  ", " {\n    svg path {\n      fill: #00cec6;\n    }\n  }\n"])), _components.Icon.Element);
+var MarkingAddButton = /*#__PURE__*/function (_Component) {
   _inherits(MarkingAddButton, _Component);
-
+  var _super = _createSuper(MarkingAddButton);
   function MarkingAddButton(props) {
+    var _this;
     _classCallCheck(this, MarkingAddButton);
-
-    var _this = _possibleConstructorReturn(this, (MarkingAddButton.__proto__ || Object.getPrototypeOf(MarkingAddButton)).call(this, props));
-
-    _this.handleClick = _this.handleClick.bind(_this);
+    _this = _super.call(this, props);
+    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(MarkingAddButton, [{
-    key: 'handleClick',
+    key: "handleClick",
     value: function handleClick() {
-      var _props = this.props,
-          onAddMarker = _props.onAddMarker,
-          leftMarker = _props.leftMarker,
-          rightMarker = _props.rightMarker,
-          actions = _props.actions;
-
+      var _this$props = this.props,
+        onAddMarker = _this$props.onAddMarker,
+        leftMarker = _this$props.leftMarker,
+        rightMarker = _this$props.rightMarker,
+        actions = _this$props.actions;
       actions.handleMarkerPointChange('create');
       onAddMarker(leftMarker, rightMarker);
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
-      return _react2.default.createElement(AddButton, {
-        display: 'rounded',
-        appearance: 'cta',
-        icon: 'add',
+      return /*#__PURE__*/_react["default"].createElement(AddButton, {
+        display: "rounded",
+        appearance: "cta",
+        icon: "add",
         iconWidth: 8,
         iconHeight: 8,
         width: 20,
@@ -82,13 +73,9 @@ var MarkingAddButton = function (_Component) {
       });
     }
   }]);
-
   return MarkingAddButton;
 }(_react.Component);
-
-exports.default = MarkingAddButton;
-
-
+exports["default"] = MarkingAddButton;
 MarkingAddButton.propTypes = propTypes;
 MarkingAddButton.defaultProps = defaultProps;
 MarkingAddButton.displayName = 'MarkingAddButton';

package/components/marking-controls/MarkingControl.js

@@ -1,46 +1,21 @@
-'use strict';
+"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 }; }
-
+exports["default"] = MarkingControl;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _propTypes = require("prop-types");
+var _MarkInControl = _interopRequireDefault(require("./MarkInControl"));
+var _MarkOutControl = _interopRequireDefault(require("./MarkOutControl"));
+var _MarkingAddButton = _interopRequireDefault(require("./MarkingAddButton"));
+var _MarkingDeleteButton = _interopRequireDefault(require("./MarkingDeleteButton"));
+var _MarkingPreview = _interopRequireDefault(require("./MarkingPreview"));
+var _MarkingDuration = _interopRequireDefault(require("./MarkingDuration"));
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var propTypes = {
   frameRate: _propTypes.PropTypes.number,
   player: _propTypes.PropTypes.instanceOf(Object),
@@ -54,82 +29,58 @@ var propTypes = {
   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;']);
-
+var MarkingBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-width: 300px;\n  margin: 0 15px;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n"])));
 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
-  );
+    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 === void 0 ? [] : _ref$disablePlayerAct,
+    playerSelectedMarker = _ref.playerSelectedMarker;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, playerType !== 'panel' && playerType !== 'default' && playerType !== 'clipping_default' ? /*#__PURE__*/_react["default"].createElement(MarkingBlock, null, (!(playerSelectedMarker.leftMarker > -1) || !(playerSelectedMarker.rightMarker > -1)) && playerType !== 'panel' && playerType !== 'default' && playerType !== 'clipping_default' && !playerReadOnlyMode && !disablePlayerActions.includes("marking_controls") ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_MarkInControl["default"], {
+    leftMarker: playerSelectedMarker.leftMarker,
+    actions: actions,
+    player: player,
+    markers: markers,
+    allowMarkerOverlap: allowMarkerOverlap,
+    onAddMarker: onAddMarker
+  }), /*#__PURE__*/_react["default"].createElement(_MarkOutControl["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 ? /*#__PURE__*/_react["default"].createElement(_MarkingDuration["default"], {
+    leftMarker: playerSelectedMarker.leftMarker,
+    rightMarker: playerSelectedMarker.rightMarker,
+    frameRate: frameRate,
+    initialTime: initialTime
+  }) : null, playerSelectedMarker.leftMarker > -1 && playerSelectedMarker.rightMarker > -1 ? /*#__PURE__*/_react["default"].createElement(_MarkingPreview["default"], {
+    actions: actions,
+    leftMarker: playerSelectedMarker.leftMarker
+  }) : null, (playerSelectedMarker.leftMarker > -1 || playerSelectedMarker.rightMarker > -1) && playerSelectedMarker.markerType === 'create' && playerSelectedMarker.markerCreate && !playerReadOnlyMode && !disablePlayerActions.includes("marking_controls") ? /*#__PURE__*/_react["default"].createElement(_MarkingDeleteButton["default"], {
+    actions: actions,
+    onDeleteMarker: onDeleteMarker
+  }) : null) : null);
 }
-
 MarkingControl.propTypes = propTypes;
 MarkingControl.defaultProps = defaultProps;
 MarkingControl.displayName = 'MarkingControl';

package/components/marking-controls/MarkingDeleteButton.js

@@ -1,70 +1,62 @@
-'use strict';
+"use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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 }; }
-
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _propTypes = require("prop-types");
+var _components = require("@desynova-digital/components");
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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; }
-
+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, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 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) {
+var DeleteButton = (0, _styledComponents["default"])(_components.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0 10px 0 5px;\n  background: transparent;\n  border: none;\n  &:hover {\n    margin: 0 10px 0 5px;\n    background: transparent;\n    border: none;\n  }\n  ", " {\n    svg path {\n      fill: #303f51;\n    }\n  }\n"])), _components.Icon.Element);
+var MarkingDeleteButton = /*#__PURE__*/function (_Component) {
   _inherits(MarkingDeleteButton, _Component);
-
+  var _super = _createSuper(MarkingDeleteButton);
   function MarkingDeleteButton(props) {
+    var _this;
     _classCallCheck(this, MarkingDeleteButton);
-
-    var _this = _possibleConstructorReturn(this, (MarkingDeleteButton.__proto__ || Object.getPrototypeOf(MarkingDeleteButton)).call(this, props));
-
-    _this.handleClick = _this.handleClick.bind(_this);
+    _this = _super.call(this, props);
+    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(MarkingDeleteButton, [{
-    key: 'handleClick',
+    key: "handleClick",
     value: function handleClick() {
-      var _props = this.props,
-          actions = _props.actions,
-          onDeleteMarker = _props.onDeleteMarker;
-
+      var _this$props = this.props,
+        actions = _this$props.actions,
+        onDeleteMarker = _this$props.onDeleteMarker;
       actions.handleMarkerPointChange('delete');
       onDeleteMarker();
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
-      return _react2.default.createElement(DeleteButton, {
-        display: 'rounded',
-        appearance: 'cta',
-        icon: 'delete',
+      return /*#__PURE__*/_react["default"].createElement(DeleteButton, {
+        display: "rounded",
+        appearance: "cta",
+        icon: "delete",
         iconWidth: 12,
         iconHeight: 13,
         width: 12,
@@ -73,12 +65,8 @@ var MarkingDeleteButton = function (_Component) {
       });
     }
   }]);
-
   return MarkingDeleteButton;
 }(_react.Component);
-
-exports.default = MarkingDeleteButton;
-
-
+exports["default"] = MarkingDeleteButton;
 MarkingDeleteButton.propTypes = propTypes;
 MarkingDeleteButton.displayName = 'MarkingDeleteButton';

package/components/marking-controls/MarkingDuration.js

@@ -1,77 +1,44 @@
-'use strict';
+"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 }; }
-
+exports["default"] = MarkingDuration;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _propTypes = require("prop-types");
+var _components = require("@desynova-digital/components");
+var _utils = require("../../utils");
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 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);
-
+var MarkingDurationBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 100px;\n  background: rgba(255, 255, 255, 0.3);\n  padding: 5px;\n  ", " {\n    margin: 0 10px;\n    box-shadow: 0 0 14px 1px rgba(0, 206, 198, 0.5);\n    background: rgba(0, 206, 198, 0.2);\n    svg path {\n      fill: #00cec6;\n    }\n  }\n  p {\n    font-family: SFUIText-Medium;\n    font-size: 9px;\n    color: #ffffff;\n  }\n"])), _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
-  );
+    rightMarker = _ref.rightMarker,
+    initialTime = _ref.initialTime,
+    frameRate = _ref.frameRate;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, leftMarker > -1 || rightMarker > -1 ? /*#__PURE__*/_react["default"].createElement(MarkingDurationBlock, null, /*#__PURE__*/_react["default"].createElement(_components.Icon, {
+    name: "in-marker",
+    width: 6,
+    height: 18
+  }), leftMarker > -1 ? /*#__PURE__*/_react["default"].createElement("p", null, (0, _utils.secondsToTime)(leftMarker, frameRate, initialTime)) : null, leftMarker > -1 && rightMarker > -1 ? /*#__PURE__*/_react["default"].createElement("p", null, '{', " Dur: ", (0, _utils.secondsToTime)(rightMarker - leftMarker, frameRate), '}', " ", (0, _utils.secondsToTime)(rightMarker, frameRate, initialTime)) : null, /*#__PURE__*/_react["default"].createElement(_components.Icon, {
+    name: "out-marker",
+    width: 6,
+    height: 18
+  })) : null);
 }
-
 MarkingDuration.propTypes = propTypes;
 MarkingDuration.defaultProps = defaultProps;
 MarkingDuration.displayName = 'MarkingDuration';