@stokr/components-library 2.3.58-beta.6 → 2.3.58-beta.7

package/dist/components/Input/InputUsername.js

@@ -7,118 +7,100 @@ exports.default = exports.InputUsername = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Input = require("./Input.styles");
-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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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, _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 _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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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); }
-var InputUsername = /*#__PURE__*/function (_PureComponent) {
-  _inherits(InputUsername, _PureComponent);
-  var _super = _createSuper(InputUsername);
-  function InputUsername() {
-    var _this;
-    _classCallCheck(this, InputUsername);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+class InputUsername extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       labelUp: false,
       hasFocus: false
     });
-    _defineProperty(_assertThisInitialized(_this), "onFocus", function (e, field) {
-      var onFocus = _this.props.onFocus;
+    _defineProperty(this, "onFocus", (e, field) => {
+      const {
+        onFocus
+      } = this.props;
       onFocus && onFocus(e, field);
-      _this.checkLabel(true);
+      this.checkLabel(true);
     });
-    _defineProperty(_assertThisInitialized(_this), "onBlur", function (e, field) {
-      var onBlur = _this.props.onBlur;
+    _defineProperty(this, "onBlur", (e, field) => {
+      const {
+        onBlur
+      } = this.props;
       onBlur && onBlur(e, field);
-      _this.checkLabel(false);
+      this.checkLabel(false);
     });
-    _defineProperty(_assertThisInitialized(_this), "onChange", function (e, field) {
-      var onChange = _this.props.onChange;
+    _defineProperty(this, "onChange", (e, field) => {
+      const {
+        onChange
+      } = this.props;
       onChange && onChange(e, field);
     });
-    _defineProperty(_assertThisInitialized(_this), "checkLabel", function (focus) {
-      var value = _this.props.value;
-      _this.setState({
+    _defineProperty(this, "checkLabel", focus => {
+      const {
+        value
+      } = this.props;
+      this.setState({
         labelUp: focus || !!value,
         hasFocus: focus
       });
     });
-    return _this;
   }
-  _createClass(InputUsername, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.checkLabel(false);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      this.checkLabel(false);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state = this.state,
-        labelUp = _this$state.labelUp,
-        hasFocus = _this$state.hasFocus;
-      var _this$props = this.props,
-        type = _this$props.type,
-        id = _this$props.id,
-        name = _this$props.name,
-        label = _this$props.label,
-        placeholder = _this$props.placeholder,
-        value = _this$props.value,
-        error = _this$props.error,
-        touched = _this$props.touched,
-        readOnly = _this$props.readOnly,
-        inverted = _this$props.inverted,
-        dashboard = _this$props.dashboard;
-      if (value && !labelUp) {
-        this.setState({
-          labelUp: true
-        });
-      }
-      return /*#__PURE__*/_react.default.createElement(_Input.Wrapper, {
-        inverted: inverted
-      }, label && /*#__PURE__*/_react.default.createElement(_Input.Label, {
-        isUp: labelUp,
-        active: hasFocus,
-        error: error && touched,
-        htmlFor: id
-      }, label), /*#__PURE__*/_react.default.createElement(_Input.InputWrap, {
-        error: error && touched,
-        dashboard: dashboard
-      }, /*#__PURE__*/_react.default.createElement("input", {
-        type: type,
-        id: id,
-        name: name,
-        value: value,
-        onChange: this.onChange,
-        onBlur: this.onBlur,
-        onFocus: this.onFocus,
-        readOnly: readOnly,
-        placeholder: placeholder
-      })));
+  componentDidMount() {
+    this.checkLabel(false);
+  }
+  componentDidUpdate() {
+    this.checkLabel(false);
+  }
+  render() {
+    const {
+      labelUp,
+      hasFocus
+    } = this.state;
+    const {
+      type,
+      id,
+      name,
+      label,
+      placeholder,
+      value,
+      error,
+      touched,
+      readOnly,
+      inverted,
+      dashboard
+    } = this.props;
+    if (value && !labelUp) {
+      this.setState({
+        labelUp: true
+      });
     }
-  }]);
-  return InputUsername;
-}(_react.PureComponent);
+    return /*#__PURE__*/_react.default.createElement(_Input.Wrapper, {
+      inverted: inverted
+    }, label && /*#__PURE__*/_react.default.createElement(_Input.Label, {
+      isUp: labelUp,
+      active: hasFocus,
+      error: error && touched,
+      htmlFor: id
+    }, label), /*#__PURE__*/_react.default.createElement(_Input.InputWrap, {
+      error: error && touched,
+      dashboard: dashboard
+    }, /*#__PURE__*/_react.default.createElement("input", {
+      type: type,
+      id: id,
+      name: name,
+      value: value,
+      onChange: this.onChange,
+      onBlur: this.onBlur,
+      onFocus: this.onFocus,
+      readOnly: readOnly,
+      placeholder: placeholder
+    })));
+  }
+}
 exports.InputUsername = InputUsername;
 InputUsername.propTypes = {
   type: _propTypes.default.string,
@@ -146,9 +128,8 @@ InputUsername.defaultProps = {
   readOnly: false,
   inverted: false,
   dashboard: false,
-  onChange: function onChange() {},
-  onBlur: function onBlur() {},
-  onFocus: function onFocus() {}
+  onChange: () => {},
+  onBlur: () => {},
+  onFocus: () => {}
 };
-var _default = InputUsername;
-exports.default = _default;
+var _default = exports.default = InputUsername;

package/dist/components/Input/InputWithButton.js

@@ -7,20 +7,22 @@ exports.default = exports.InputWithButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _InputWithButton = require("./InputWithButton.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var InputWithButton = function InputWithButton(_ref) {
-  var children = _ref.children,
-    type = _ref.type,
-    id = _ref.id,
-    name = _ref.name,
-    placeholder = _ref.placeholder,
-    value = _ref.value,
-    error = _ref.error,
-    touched = _ref.touched,
-    onChange = _ref.onChange,
-    onBlur = _ref.onBlur,
-    onFocus = _ref.onFocus,
-    separatorTop = _ref.separatorTop;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const InputWithButton = _ref => {
+  let {
+    children,
+    type,
+    id,
+    name,
+    placeholder,
+    value,
+    error,
+    touched,
+    onChange,
+    onBlur,
+    onFocus,
+    separatorTop
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_InputWithButton.Container, {
     separatorTop: separatorTop
   }, /*#__PURE__*/_react.default.createElement(_InputWithButton.InputWrap, null, /*#__PURE__*/_react.default.createElement(_InputWithButton.Input, {
@@ -55,10 +57,9 @@ InputWithButton.defaultProps = {
   value: '',
   error: false,
   touched: false,
-  onChange: function onChange() {},
-  onBlur: function onBlur() {},
-  onFocus: function onFocus() {},
+  onChange: () => {},
+  onBlur: () => {},
+  onFocus: () => {},
   separatorTop: false
 };
-var _default = InputWithButton;
-exports.default = _default;
+var _default = exports.default = InputWithButton;

package/dist/components/Input/InputWithButton.stories.js

@@ -9,8 +9,8 @@ var _InputWithButton = require("./InputWithButton");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
 var _Button = require("../Button/Button.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Inputs/Input With Button',
   component: _InputWithButton.InputWithButton,
   argTypes: {
@@ -56,15 +56,11 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_InputWithButton.InputWithButton, args, /*#__PURE__*/_react.default.createElement(_Button.Button, null, "apply"))));
-};
-var InputButton = Template.bind({});
-exports.InputButton = InputButton;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_InputWithButton.InputWithButton, args, /*#__PURE__*/_react.default.createElement(_Button.Button, null, "apply"))));
+const InputButton = exports.InputButton = Template.bind({});
 InputButton.args = {
   placeholder: 'Page size',
-  onChange: function onChange() {
+  onChange: () => {
     console.log('changed');
   }
   //label: 'test',

package/dist/components/Input/InputWithButton.styles.js

@@ -6,32 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.InputWrap = exports.Input = exports.Container = exports.ButtonWrap = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Container = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "InputWithButtonstyles__Container",
   componentId: "sc-ulpczh-0"
-})(["position:relative;display:flex;flex-direction:row;align-items:center;", ""], function (props) {
-  return props.separatorTop && "\n    padding-top: 20px;\n    margin-top: 20px;\n    border-top: 1px solid ".concat(_theme.default.cLightGrey, ";\n  ");
-});
-exports.Container = Container;
-var InputWrap = _styledComponents.default.div.withConfig({
+})(["position:relative;display:flex;flex-direction:row;align-items:center;", ""], props => props.separatorTop && "\n    padding-top: 20px;\n    margin-top: 20px;\n    border-top: 1px solid ".concat(_theme.default.cLightGrey, ";\n  "));
+const InputWrap = exports.InputWrap = _styledComponents.default.div.withConfig({
   displayName: "InputWithButtonstyles__InputWrap",
   componentId: "sc-ulpczh-1"
 })(["flex-grow:1;z-index:0;position:relative;margin-right:-40px;"]);
-exports.InputWrap = InputWrap;
-var ButtonWrap = _styledComponents.default.div.withConfig({
+const ButtonWrap = exports.ButtonWrap = _styledComponents.default.div.withConfig({
   displayName: "InputWithButtonstyles__ButtonWrap",
   componentId: "sc-ulpczh-2"
 })(["z-index:1;position:relative;"]);
-exports.ButtonWrap = ButtonWrap;
-var Input = _styledComponents.default.input.withConfig({
+const Input = exports.Input = _styledComponents.default.input.withConfig({
   displayName: "InputWithButtonstyles__Input",
   componentId: "sc-ulpczh-3"
-})(["display:block;border:0;height:40px;width:100%;padding:9px 23px;padding-right:63px;font-family:'Open Sans';font-size:14px;line-height:20px;border:1px solid ", ";border-radius:20px;outline:0;transition:border-color 0.2s;&:focus,&:hover{border:1px solid ", ";}&::placeholder{color:", ";opacity:1;}"], function (props) {
-  return _theme.default.cLightGrey;
-}, function (props) {
-  return _theme.default.cPrimary;
-}, function (props) {
-  return _theme.default.cGrey2;
-});
-exports.Input = Input;
+})(["display:block;border:0;height:40px;width:100%;padding:9px 23px;padding-right:63px;font-family:'Open Sans';font-size:14px;line-height:20px;border:1px solid ", ";border-radius:20px;outline:0;transition:border-color 0.2s;&:focus,&:hover{border:1px solid ", ";}&::placeholder{color:", ";opacity:1;}"], props => _theme.default.cLightGrey, props => _theme.default.cPrimary, props => _theme.default.cGrey2);

package/dist/components/Input/OtpInput.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,18 +11,11 @@ var _Input = require("./Input.styles");
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var inputStyle = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const inputStyle = {
   outline: 'none',
   border: 'none',
   borderBottom: "1.5px solid ".concat(_theme.default.cBlack),
@@ -34,43 +26,37 @@ var inputStyle = {
   // fontWeight: 'bold',
   marginTop: 4
 };
-var Separator = _styledComponents.styled.span.withConfig({
+const Separator = _styledComponents.styled.span.withConfig({
   displayName: "OtpInput__Separator",
   componentId: "sc-1n9hk3k-0"
 })(["padding:5px;", ""], _rwd.default.Mobile(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 10px;\n  "]))));
-var OtpInput = function OtpInput(props) {
-  var value = props.value,
-    _props$numInputs = props.numInputs,
-    numInputs = _props$numInputs === void 0 ? 4 : _props$numInputs,
-    _props$RenderSeparato = props.RenderSeparator,
-    RenderSeparator = _props$RenderSeparato === void 0 ? Separator : _props$RenderSeparato,
-    _props$inputType = props.inputType,
-    inputType = _props$inputType === void 0 ? 'text' : _props$inputType,
-    _props$shouldAutoFocu = props.shouldAutoFocus,
-    shouldAutoFocus = _props$shouldAutoFocu === void 0 ? true : _props$shouldAutoFocu,
-    label = props.label;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    labelUp = _useState2[0],
-    setLabelUp = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    hasFocus = _useState4[0],
-    setHasFocus = _useState4[1];
-  (0, _react.useEffect)(function () {
+const OtpInput = props => {
+  const {
+    value,
+    numInputs = 4,
+    RenderSeparator = Separator,
+    inputType = 'text',
+    shouldAutoFocus = true,
+    label
+  } = props;
+  const [labelUp, setLabelUp] = (0, _react.useState)(false);
+  const [hasFocus, setHasFocus] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
     checkLabel(false);
   }, []);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     checkLabel(false);
   }, [hasFocus, value]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (value && !labelUp) setLabelUp(true);
   }, [value, labelUp]);
-  var onChange = function onChange(e, field) {
-    var onChange = props.onChange;
+  const onChange = (e, field) => {
+    const {
+      onChange
+    } = props;
     onChange && onChange(e, field);
   };
-  var checkLabel = function checkLabel(focus) {
+  const checkLabel = focus => {
     setHasFocus(focus);
     setLabelUp(focus || !!value);
   };
@@ -90,11 +76,10 @@ var OtpInput = function OtpInput(props) {
     shouldAutoFocus: shouldAutoFocus,
     inputStyle: inputStyle,
     renderSeparator: /*#__PURE__*/_react.default.createElement(RenderSeparator, null),
-    renderInput: function renderInput(props) {
+    renderInput: props => {
       return /*#__PURE__*/_react.default.createElement("input", props);
     }
   }, props))));
 };
 exports.OtpInput = OtpInput;
-var _default = OtpInput;
-exports.default = _default;
+var _default = exports.default = OtpInput;

package/dist/components/Input/OtpInput.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _OtpInput = require("./OtpInput");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Inputs/OtpInput',
   component: _OtpInput.OtpInput,
   argTypes: {
@@ -48,16 +48,10 @@ var _default = {
   //     },
   //   },
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_OtpInput.OtpInput, args)));
-};
-var OtpInputPlain = Template.bind({});
-exports.OtpInputPlain = OtpInputPlain;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_OtpInput.OtpInput, args)));
+const OtpInputPlain = exports.OtpInputPlain = Template.bind({});
 OtpInputPlain.args = {
-  onChange: function onChange(e) {
-    return console.log(e);
-  },
+  onChange: e => console.log(e),
   value: '',
   placeholder: '1234'
 };

package/dist/components/Input/RangeInput.js

@@ -10,28 +10,29 @@ var _RangeInput = _interopRequireDefault(require("./RangeInput.styles"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _reactRange = require("react-range");
 var _colors = _interopRequireDefault(require("../../styles/colors"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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); } //import FieldRange from '@atlaskit/field-range'
-var FieldRange = _styledComponents.default.div.withConfig({
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } //import FieldRange from '@atlaskit/field-range'
+const FieldRange = _styledComponents.default.div.withConfig({
   displayName: "RangeInput__FieldRange",
   componentId: "sc-18qoxwc-0"
 })([""]);
-var RangeInput = function RangeInput(_ref) {
-  var disabled = _ref.disabled,
-    max = _ref.max,
-    min = _ref.min,
-    step = _ref.step,
-    onChange = _ref.onChange,
-    value = _ref.value,
-    id = _ref.id,
-    name = _ref.name;
-  var valuePercent = ((value - min) / (max - min) * 100).toFixed(2);
+const RangeInput = _ref => {
+  let {
+    disabled,
+    max,
+    min,
+    step,
+    onChange,
+    value,
+    id,
+    name
+  } = _ref;
+  const valuePercent = ((value - min) / (max - min) * 100).toFixed(2);
   return /*#__PURE__*/_react.default.createElement(_RangeInput.default, {
     valuePercent: valuePercent
   }, /*#__PURE__*/_react.default.createElement(_reactRange.Range, {
@@ -43,9 +44,11 @@ var RangeInput = function RangeInput(_ref) {
     step: step,
     values: [value],
     onChange: onChange,
-    renderTrack: function renderTrack(_ref2) {
-      var props = _ref2.props,
-        children = _ref2.children;
+    renderTrack: _ref2 => {
+      let {
+        props,
+        children
+      } = _ref2;
       return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
         style: _objectSpread(_objectSpread({}, props.style), {}, {
           height: '9px',
@@ -61,8 +64,10 @@ var RangeInput = function RangeInput(_ref) {
         })
       }), children);
     },
-    renderThumb: function renderThumb(_ref3) {
-      var props = _ref3.props;
+    renderThumb: _ref3 => {
+      let {
+        props
+      } = _ref3;
       return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
         style: _objectSpread(_objectSpread({}, props.style), {}, {
           height: '24px',
@@ -91,7 +96,6 @@ RangeInput.defaultProps = {
   max: 100,
   min: 0,
   step: 1,
-  onChange: function onChange() {}
+  onChange: () => {}
 };
-var _default = RangeInput;
-exports.default = _default;
+var _default = exports.default = RangeInput;

package/dist/components/Input/RangeInput.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _RangeInput = require("./RangeInput");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Inputs/Range Input',
   component: _RangeInput.RangeInput,
   argTypes: {
@@ -47,12 +47,8 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_RangeInput.RangeInput, args)));
-};
-var RangeInputDefault = Template.bind({});
-exports.RangeInputDefault = RangeInputDefault;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_RangeInput.RangeInput, args)));
+const RangeInputDefault = exports.RangeInputDefault = Template.bind({});
 RangeInputDefault.args = {
   value: 80
 };