@desynova-digital/components 9.0.26 → 9.1.0

package/atoms/timeCodeInput/timeCodeInput.js

@@ -1,59 +1,46 @@
-'use strict';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
-
-var _templateObject = _taggedTemplateLiteral(['\n  font-family: SFUIText-Regular;\n  font-size: 12px;\n  color: ', ';\n  text-align: left;\n  padding: 0;\n  border: none;\n  outline: none;\n  background: transparent;\n  &:hover {\n    color: ', ';\n  }\n  width: ', ';\n'], ['\n  font-family: SFUIText-Regular;\n  font-size: 12px;\n  color: ', ';\n  text-align: left;\n  padding: 0;\n  border: none;\n  outline: none;\n  background: transparent;\n  &:hover {\n    color: ', ';\n  }\n  width: ', ';\n']);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _utils = require('../../_helpers/utils');
-
-var _tokens = require('@desynova-digital/tokens');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var StyledInput = _styledComponents2.default.input(_templateObject, function (props) {
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _utils = require("../../_helpers/utils");
+var _tokens = require("@desynova-digital/tokens");
+var _templateObject;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var StyledInput = _styledComponents["default"].input(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  font-family: SFUIText-Regular;\n  font-size: 12px;\n  color: ", ";\n  text-align: left;\n  padding: 0;\n  border: none;\n  outline: none;\n  background: transparent;\n  &:hover {\n    color: ", ";\n  }\n  width: ", ";\n"])), function (props) {
   return props.isError ? '#FFFFFF' : '#ff0000';
 }, function (props) {
-  return props.theme ? '' + _tokens.colors[props.theme].timeCodeInput.rgbthemeColor : 'rgb(0 206 198)';
+  return props.theme ? "".concat(_tokens.colors[props.theme].timeCodeInput.rgbthemeColor) : 'rgb(0 206 198)';
 }, function (props) {
   return props.width ? props.width : '72px';
 });
-
 var TimeCodeInput = function TimeCodeInput(_ref) {
   var inputValue = _ref.inputValue,
-      onFocus = _ref.onFocus,
-      onKeyDown = _ref.onKeyDown,
-      frameRate = _ref.frameRate,
-      initialTime = _ref.initialTime,
-      playerDuration = _ref.playerDuration,
-      elementRef = _ref.elementRef,
-      width = _ref.width,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === undefined ? 'dark' : _ref$theme;
-
+    onFocus = _ref.onFocus,
+    onKeyDown = _ref.onKeyDown,
+    frameRate = _ref.frameRate,
+    initialTime = _ref.initialTime,
+    playerDuration = _ref.playerDuration,
+    elementRef = _ref.elementRef,
+    width = _ref.width,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'dark' : _ref$theme;
   var _useState = (0, _react.useState)(inputValue || '00:00:00:00'),
-      _useState2 = _slicedToArray(_useState, 2),
-      customInputValue = _useState2[0],
-      setCustomInputValue = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    customInputValue = _useState2[0],
+    setCustomInputValue = _useState2[1];
   var _useState3 = (0, _react.useState)(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isValid = _useState4[0],
-      setIsValid = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isValid = _useState4[0],
+    setIsValid = _useState4[1];
   var onTimePickerChange = function onTimePickerChange(value, e) {
     var inputTime = value;
     var formattedTime = inputTime;
@@ -81,7 +68,6 @@ var TimeCodeInput = function TimeCodeInput(_ref) {
       setCustomInputValue(e.target.value);
     }
   };
-
   var checkIfTimeValid = function checkIfTimeValid(value) {
     var isValid = false;
     if (value) {
@@ -98,7 +84,6 @@ var TimeCodeInput = function TimeCodeInput(_ref) {
     setIsValid(false);
     return isValid;
   };
-
   (0, _react.useEffect)(function () {
     var handleEscapeKey = function handleEscapeKey(event) {
       if (event.key === 'Escape') {
@@ -114,7 +99,6 @@ var TimeCodeInput = function TimeCodeInput(_ref) {
       document.removeEventListener('keydown', handleEscapeKey);
     };
   }, [inputValue]);
-
   (0, _react.useImperativeHandle)(elementRef, function () {
     return {
       checkValidity: function checkValidity() {
@@ -122,8 +106,7 @@ var TimeCodeInput = function TimeCodeInput(_ref) {
       }
     };
   });
-
-  return _react2.default.createElement(StyledInput, {
+  return /*#__PURE__*/_react["default"].createElement(StyledInput, {
     theme: theme,
     width: width,
     ref: elementRef,
@@ -135,8 +118,7 @@ var TimeCodeInput = function TimeCodeInput(_ref) {
       checkIfTimeValid(e.target.value);
     },
     isError: isValid,
-    maxLength: '11'
+    maxLength: "11"
   });
 };
-
-exports.default = TimeCodeInput;
+var _default = exports["default"] = TimeCodeInput;

package/atoms/timer/index.js

@@ -1,13 +1,9 @@
-'use strict';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _timer = require('./timer');
-
-var _timer2 = _interopRequireDefault(_timer);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _timer2.default;
+exports["default"] = void 0;
+var _timer = _interopRequireDefault(require("./timer"));
+var _default = exports["default"] = _timer["default"];

package/atoms/timer/timer.js

@@ -1,50 +1,36 @@
-'use strict';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 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 _templateObject = _taggedTemplateLiteral(['\n  display: flex;\n  justify-content: space-between;\n\n  .timer-holder {\n    text-align: center;\n    margin-right: 20px;\n\n    .time {\n      font-size: 40px;\n      font-family: SFUIText-Medium;\n      line-height: 30px;\n      margin-bottom: 5px;\n      min-width: 55px;\n    }\n\n    .time-tag {\n      font-size: 10px;\n      font-family: SFUIText-Medium;\n      color: #000;\n      line-height: 10px;\n    }\n  }\n'], ['\n  display: flex;\n  justify-content: space-between;\n\n  .timer-holder {\n    text-align: center;\n    margin-right: 20px;\n\n    .time {\n      font-size: 40px;\n      font-family: SFUIText-Medium;\n      line-height: 30px;\n      margin-bottom: 5px;\n      min-width: 55px;\n    }\n\n    .time-tag {\n      font-size: 10px;\n      font-family: SFUIText-Medium;\n      color: #000;\n      line-height: 10px;\n    }\n  }\n']);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _tokens = require('@desynova-digital/tokens');
-
-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; }
-
-function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _tokens = require("@desynova-digital/tokens");
+var _templateObject;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // import {colors} from '../../../tokens';
 
-var TimerWrapper = _styledComponents2.default.span(_templateObject);
-
-var Timer = function (_Component) {
-  _inherits(Timer, _Component);
-
+var TimerWrapper = _styledComponents["default"].span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: space-between;\n\n  .timer-holder {\n    text-align: center;\n    margin-right: 20px;\n\n    .time {\n      font-size: 40px;\n      font-family: SFUIText-Medium;\n      line-height: 30px;\n      margin-bottom: 5px;\n      min-width: 55px;\n    }\n\n    .time-tag {\n      font-size: 10px;\n      font-family: SFUIText-Medium;\n      color: #000;\n      line-height: 10px;\n    }\n  }\n"])));
+var Timer = /*#__PURE__*/function (_Component) {
   function Timer(props) {
-    _classCallCheck(this, Timer);
-
-    var _this = _possibleConstructorReturn(this, (Timer.__proto__ || Object.getPrototypeOf(Timer)).call(this, props));
-
-    _this.componentDidMount = function () {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Timer);
+    _this = _callSuper(this, Timer, [props]);
+    (0, _defineProperty2["default"])(_this, "componentDidMount", function () {
       var timeObj = _this.getTimeLeft();
       _this.setState({
         time: {
@@ -55,11 +41,9 @@ var Timer = function (_Component) {
       }, function () {
         _this.startCountdown();
       });
-    };
-
-    _this.getTimeLeft = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "getTimeLeft", function () {
       var endTime = _this.props.endTime;
-
       var presentTime = new Date().getTime();
       var timeLeft = endTime - presentTime;
       var hours = Math.floor(timeLeft % (1000 * 60 * 60 * 24) / (1000 * 60 * 60));
@@ -70,9 +54,8 @@ var Timer = function (_Component) {
         minutes: minutes,
         seconds: seconds
       };
-    };
-
-    _this.startCountdown = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "startCountdown", function () {
       if (!_this.countdownInterval) {
         var self = _this;
         _this.countdownInterval = setInterval(function () {
@@ -86,13 +69,11 @@ var Timer = function (_Component) {
           });
         }, 1000);
       }
-    };
-
-    _this.componentWillUnmount = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "componentWillUnmount", function () {
       clearInterval(_this.countdownInterval);
       _this.countdownInterval = null;
-    };
-
+    });
     _this.state = {
       time: {
         hours: 0,
@@ -103,66 +84,34 @@ var Timer = function (_Component) {
     _this.countdownInterval = null;
     return _this;
   }
-
-  _createClass(Timer, [{
-    key: 'render',
+  (0, _inherits2["default"])(Timer, _Component);
+  return (0, _createClass2["default"])(Timer, [{
+    key: "render",
     value: function render() {
       var time = this.state.time;
-
-      return _react2.default.createElement(
-        TimerWrapper,
-        null,
-        _react2.default.createElement(
-          'span',
-          { className: 'timer-holder' },
-          _react2.default.createElement(
-            'p',
-            { className: 'time' },
-            time.hours > 9 ? time.hours : '0' + time.hours
-          ),
-          _react2.default.createElement(
-            'p',
-            { className: 'time-tag' },
-            'Hr'
-          )
-        ),
-        _react2.default.createElement(
-          'span',
-          { className: 'timer-holder' },
-          _react2.default.createElement(
-            'p',
-            { className: 'time' },
-            time.minutes > 9 ? time.minutes : '0' + time.minutes
-          ),
-          _react2.default.createElement(
-            'p',
-            { className: 'time-tag' },
-            'Min'
-          )
-        ),
-        _react2.default.createElement(
-          'span',
-          { className: 'timer-holder' },
-          _react2.default.createElement(
-            'p',
-            { className: 'time' },
-            time.seconds > 9 ? time.seconds : '0' + time.seconds
-          ),
-          _react2.default.createElement(
-            'p',
-            { className: 'time-tag' },
-            'Sec'
-          )
-        )
-      );
+      return /*#__PURE__*/_react["default"].createElement(TimerWrapper, null, /*#__PURE__*/_react["default"].createElement("span", {
+        className: "timer-holder"
+      }, /*#__PURE__*/_react["default"].createElement("p", {
+        className: "time"
+      }, time.hours > 9 ? time.hours : "0".concat(time.hours)), /*#__PURE__*/_react["default"].createElement("p", {
+        className: "time-tag"
+      }, "Hr")), /*#__PURE__*/_react["default"].createElement("span", {
+        className: "timer-holder"
+      }, /*#__PURE__*/_react["default"].createElement("p", {
+        className: "time"
+      }, time.minutes > 9 ? time.minutes : "0".concat(time.minutes)), /*#__PURE__*/_react["default"].createElement("p", {
+        className: "time-tag"
+      }, "Min")), /*#__PURE__*/_react["default"].createElement("span", {
+        className: "timer-holder"
+      }, /*#__PURE__*/_react["default"].createElement("p", {
+        className: "time"
+      }, time.seconds > 9 ? time.seconds : "0".concat(time.seconds)), /*#__PURE__*/_react["default"].createElement("p", {
+        className: "time-tag"
+      }, "Sec")));
     }
   }]);
-
-  return Timer;
 }(_react.Component);
-
 Timer.propTypes = {
-  endTime: _propTypes2.default.number
+  endTime: _propTypes["default"].number
 };
-
-exports.default = Timer;
+var _default = exports["default"] = Timer;

package/atoms/timer/timer.story.js

@@ -1,27 +1,14 @@
-'use strict';
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _react3 = require('@storybook/react');
-
-var _storyHelpers = require('../../_helpers/story-helpers');
-
-var _timer = require('./timer');
-
-var _timer2 = _interopRequireDefault(_timer);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _react3.storiesOf)('Timer').add('default', function () {
-    return _react2.default.createElement(
-        _storyHelpers.Example,
-        { title: 'Appearances' },
-        _react2.default.createElement(
-            _storyHelpers.Stack,
-            null,
-            _react2.default.createElement(_timer2.default, { endTime: 1573833600000 })
-        )
-    );
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@storybook/react");
+var _storyHelpers = require("../../_helpers/story-helpers");
+var _timer = _interopRequireDefault(require("./timer"));
+(0, _react2.storiesOf)('Timer').add('default', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "Appearances"
+  }, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_timer["default"], {
+    endTime: 1573833600000
+  })));
 });

package/atoms/toast/index.js

@@ -1,13 +1,9 @@
-'use strict';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _toast = require('./toast');
-
-var _toast2 = _interopRequireDefault(_toast);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _toast2.default;
+exports["default"] = void 0;
+var _toast = _interopRequireDefault(require("./toast"));
+var _default = exports["default"] = _toast["default"];