@desynova-digital/player 3.9.7 → 3.9.9

package/components/MarkerBar.js

@@ -1,31 +1,31 @@
-'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) } })); }
 /*
  * import { colors } from '@desynova-digital/tokens';
  * import colors from '../colors';
@@ -35,43 +35,34 @@ var propTypes = {
   player: _propTypes.PropTypes.instanceOf(Object),
   controlType: _propTypes.PropTypes.string
 };
-
 var defaultProps = {
   player: {}
 };
-
-var MarkerBlock = _styledComponents2.default.div.withConfig({
-  displayName: 'MarkerBar__MarkerBlock',
-  componentId: 'sc-yn9zkf-0'
-})(['width:100%;height:30px;position:', ';bottom:', ';.marker{position:absolute;width:2px;height:20px;p{font-family:SFUIText-Medium;font-size:10px;color:#ffffff;position:absolute;left:50%;transform:translateX(-50%);}', '{position:absolute;display:block;left:50%;top:10px;transform:translateX(-50%);}}'], function (props) {
+var MarkerBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 30px;\n  position: ", ";\n  bottom: ", ";\n  .marker {\n    position: absolute;\n    width: 2px;\n    height: 20px;\n    p {\n      font-family: SFUIText-Medium;\n      font-size: 10px;\n      color: #ffffff;\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n    ", " {\n      position: absolute;\n      display: block;\n      left: 50%;\n      top: 10px;\n      transform: translateX(-50%);\n    }\n  }\n"])), function (props) {
   return props.controlType === 'advanced' && !props.isFullscreen ? 'relative' : 'absolute';
 }, function (props) {
   return props.controlType === 'advanced' && !props.isFullscreen ? '0px' : '5px';
 }, _components.Icon.Element);
-
-var MarkerBar = function (_Component) {
+var MarkerBar = /*#__PURE__*/function (_Component) {
   _inherits(MarkerBar, _Component);
-
+  var _super = _createSuper(MarkerBar);
   function MarkerBar(props) {
+    var _this;
     _classCallCheck(this, MarkerBar);
-
-    var _this = _possibleConstructorReturn(this, (MarkerBar.__proto__ || Object.getPrototypeOf(MarkerBar)).call(this, props));
-
-    _this.getMarkerPosition = _this.getMarkerPosition.bind(_this);
-    _this.getTimePos = _this.getTimePos.bind(_this);
+    _this = _super.call(this, props);
+    _this.getMarkerPosition = _this.getMarkerPosition.bind(_assertThisInitialized(_this));
+    _this.getTimePos = _this.getTimePos.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(MarkerBar, [{
-    key: 'getMarkerPosition',
+    key: "getMarkerPosition",
     value: function getMarkerPosition(timePos) {
       var player = this.props.player;
-
       var percent = timePos / player.duration;
       return percent >= 1 ? 1 : percent;
     }
   }, {
-    key: 'getTimePos',
+    key: "getTimePos",
     value: function getTimePos(markerPos) {
       var leftMarker = document.getElementsByClassName('marker-left')[0];
       var rightMarker = document.getElementsByClassName('marker-right')[0];
@@ -94,45 +85,43 @@ var MarkerBar = function (_Component) {
       }
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
-      var _props = this.props,
-          player = _props.player,
-          controlType = _props.controlType,
-          playerSelectedMarker = _props.playerSelectedMarker;
-
-      var leftMarkerPosition = (this.getMarkerPosition(playerSelectedMarker.leftMarker) * 100).toFixed(2) + '%';
-      var rightMarkerPosition = (this.getMarkerPosition(playerSelectedMarker.rightMarker) * 100).toFixed(2) + '%';
-
-      return _react2.default.createElement(
-        MarkerBlock,
-        { controlType: controlType, isFullscreen: player.isFullscreen },
-        playerSelectedMarker.leftMarker > -1 ? _react2.default.createElement(
-          'div',
-          {
-            className: 'marker marker-left',
-            style: { left: leftMarkerPosition }
-          },
-          _react2.default.createElement(_components.Icon, { name: 'marker', width: 8, height: 7, color: '#00cec6' })
-        ) : null,
-        playerSelectedMarker.rightMarker > -1 ? _react2.default.createElement(
-          'div',
-          {
-            className: 'marker marker-right',
-            style: { left: rightMarkerPosition }
-          },
-          _react2.default.createElement(_components.Icon, { name: 'marker', width: 8, height: 7, color: '#00cec6' })
-        ) : null
-      );
+      var _this$props = this.props,
+        player = _this$props.player,
+        controlType = _this$props.controlType,
+        playerSelectedMarker = _this$props.playerSelectedMarker;
+      var leftMarkerPosition = "".concat((this.getMarkerPosition(playerSelectedMarker.leftMarker) * 100).toFixed(2), "%");
+      var rightMarkerPosition = "".concat((this.getMarkerPosition(playerSelectedMarker.rightMarker) * 100).toFixed(2), "%");
+      return /*#__PURE__*/_react["default"].createElement(MarkerBlock, {
+        controlType: controlType,
+        isFullscreen: player.isFullscreen
+      }, playerSelectedMarker.leftMarker > -1 ? /*#__PURE__*/_react["default"].createElement("div", {
+        className: "marker marker-left",
+        style: {
+          left: leftMarkerPosition
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_components.Icon, {
+        name: "marker",
+        width: 8,
+        height: 7,
+        color: "#00cec6"
+      })) : null, playerSelectedMarker.rightMarker > -1 ? /*#__PURE__*/_react["default"].createElement("div", {
+        className: "marker marker-right",
+        style: {
+          left: rightMarkerPosition
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_components.Icon, {
+        name: "marker",
+        width: 8,
+        height: 7,
+        color: "#00cec6"
+      })) : null);
     }
   }]);
-
   return MarkerBar;
 }(_react.Component);
-
-exports.default = MarkerBar;
-
-
+exports["default"] = MarkerBar;
 MarkerBar.propTypes = propTypes;
 MarkerBar.defaultProps = defaultProps;
 MarkerBar.displayName = 'MarkerBar';

package/components/Menu.js

@@ -1,24 +1,16 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Menu;
-
-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"] = Menu;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _propTypes = require("prop-types");
+var _components = require("@desynova-digital/components");
+var _templateObject, _templateObject2;
+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 = {
   children: _propTypes.PropTypes.arrayOf(_propTypes.PropTypes.element),
   icon: _propTypes.PropTypes.string,
@@ -26,52 +18,33 @@ var propTypes = {
   active: _propTypes.PropTypes.bool,
   position: _propTypes.PropTypes.string
 };
-
 var defaultProps = {
   position: 'center'
 };
-
-var MenuContainer = _styledComponents2.default.div.withConfig({
-  displayName: 'Menu__MenuContainer',
-  componentId: 'sc-183o83v-0'
-})(['width:20px;position:relative;&:hover{.menu-popup{visibility:visible;opacity:1;}}.menu-popup{visibility:hidden;opacity:0;position:absolute;bottom:20px;padding-bottom:16px;z-index:10;transition:all 350ms ease-in-out;&.right{left:-10px;&:after{left:15px;}}&.center{left:50%;transform:translateX(-50%);&:after{left:50%;transform:translateX(-50%);}}&.left{right:-10px;&:after{right:15px;}}&.active{visibility:visible;opacity:1;}&:after{content:\'\';border-left:6px solid transparent;position:absolute;border-right:6px solid transparent;border-top:6px solid rgb(0,206,198);bottom:10px;}.menu-list{border-radius:10px;background:#fff;min-width:175px;max-height:500px;transition:all 250ms ease-in-out;overflow:auto;max-height:400px;}}']);
-
-var MenuIcon = (0, _styledComponents2.default)(_components.Button).withConfig({
-  displayName: 'Menu__MenuIcon',
-  componentId: 'sc-183o83v-1'
-})(['background:transparent;border:none;margin:0px;&:hover,&:focus{background:transparent;svg path{fill:#00cec6;}}']);
-
+var MenuContainer = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 20px;\n  position: relative;\n  &:hover {\n    .menu-popup {\n      visibility: visible;\n      opacity: 1;\n    }\n  }\n  .menu-popup {\n    visibility: hidden;\n    opacity: 0;\n    position: absolute;\n    bottom: 20px;\n    padding-bottom: 16px;\n    z-index: 10;\n    transition: all 350ms ease-in-out;\n    &.right {\n      left: -10px;\n      &:after {\n        left: 15px;\n      }\n    }\n    &.center {\n      left: 50%;\n      transform: translateX(-50%);\n      &:after {\n        left: 50%;\n        transform: translateX(-50%);\n      }\n    }\n    &.left {\n      right: -10px;\n      &:after {\n        right: 15px;\n      }\n    }\n    &.active {\n      visibility: visible;\n      opacity: 1;\n    }\n    &:after {\n      content: '';\n      border-left: 6px solid transparent;\n      position: absolute;\n      border-right: 6px solid transparent;\n      border-top: 6px solid rgb(0, 206, 198);\n      bottom: 10px;\n    }\n    .menu-list {\n      border-radius: 10px;\n      background: #fff;\n      min-width: 175px;\n      max-height: 500px;\n      transition: all 250ms ease-in-out;\n      overflow: auto;\n      max-height: 400px;\n    }\n  }\n"])));
+var MenuIcon = (0, _styledComponents["default"])(_components.Button)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: transparent;\n  border: none;\n  margin: 0px;\n  &:hover,\n  &:focus {\n    background: transparent;\n    svg path {\n      fill: #00cec6;\n    }\n  }\n"])));
 function Menu(_ref) {
   var style = _ref.style,
-      children = _ref.children,
-      icon = _ref.icon,
-      active = _ref.active,
-      position = _ref.position;
-
-  return _react2.default.createElement(
-    MenuContainer,
-    { style: style },
-    _react2.default.createElement(MenuIcon, {
-      display: 'rounded',
-      appearance: 'cta',
-      icon: icon,
-      iconWidth: 16,
-      iconHeight: 16,
-      width: 20,
-      height: 20
-    }),
-    _react2.default.createElement(
-      'div',
-      { className: active ? 'menu-popup active ' + position : 'menu-popup ' + position },
-      _react2.default.createElement(
-        'div',
-        { className: 'menu-list' },
-        children
-      )
-    )
-  );
+    children = _ref.children,
+    icon = _ref.icon,
+    active = _ref.active,
+    position = _ref.position;
+  return /*#__PURE__*/_react["default"].createElement(MenuContainer, {
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement(MenuIcon, {
+    display: "rounded",
+    appearance: "cta",
+    icon: icon,
+    iconWidth: 16,
+    iconHeight: 16,
+    width: 20,
+    height: 20
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: active ? "menu-popup active ".concat(position) : "menu-popup ".concat(position)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "menu-list"
+  }, children)));
 }
-
 Menu.propTypes = propTypes;
 Menu.defaultProps = defaultProps;
 Menu.displayName = 'Menu';