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

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

@@ -1,53 +1,26 @@
 "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
 });
 exports.default = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var sliderThumbSize = 26;
-var sliderLineThickness = 8;
-var sliderThumbStyle = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  border: 4px solid ", ";\n  height: ", "px;\n  width: ", "px;\n"])), function (props) {
-  return _theme.default.cPrimary;
-}, function (props) {
-  return _theme.default.cWhite;
-}, sliderThumbSize, sliderThumbSize);
-var sliderDefaultBackground = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n"])), function (props) {
-  return "linear-gradient(".concat(_theme.default.cPrimary, ", ").concat(_theme.default.cPrimary, ") 0/ ").concat(props.valuePercent, "% 100% no-repeat ").concat(_theme.default.cLightGrey);
-});
-var sliderTrackFocusedStyle = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background: ", ";\n"])), function (props) {
-  return "linear-gradient(".concat(_theme.default.cPrimaryDark, ", ").concat(_theme.default.cPrimaryDark, ") 0/ ").concat(props.valuePercent, "% 100% no-repeat ").concat(_theme.default.cLightGrey);
-});
-var sliderTrackStyle = (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  /* background: ", "; */\n  border-radius: ", "px;\n  height: ", "px;\n  ", ";\n"])), function (props) {
-  return _theme.default.cLightGrey;
-}, sliderLineThickness / 2, sliderLineThickness, sliderDefaultBackground);
-var sliderThumbFocusedStyle = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  border-color: ", ";\n"])), function (props) {
-  return _theme.default.cLightGrey;
-});
-var sliderThumbHoverStyle = (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  background: ", ";\n"])), function (props) {
-  return _theme.default.cPrimaryDark;
-});
-var chromeRangeInputStyle = (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  &::-webkit-slider-thumb {\n    margin-top: -", "px;\n    ", ";\n  }\n\n  &:focus::-webkit-slider-thumb {\n    ", ";\n  }\n\n  &:hover::-webkit-slider-thumb {\n    ", ";\n  }\n\n  &::-webkit-slider-runnable-track {\n    ", ";\n  }\n\n  &:focus::-webkit-slider-runnable-track {\n    ", ";\n  }\n\n  &:active::-webkit-slider-runnable-track,\n  &:hover::-webkit-slider-runnable-track {\n    ", ";\n  }\n"])), sliderThumbSize / 2 - sliderLineThickness / 2, sliderThumbStyle, sliderThumbFocusedStyle, sliderThumbHoverStyle, sliderTrackStyle, sliderDefaultBackground, sliderTrackFocusedStyle);
-var firefoxRangeInputStyle = (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  &::-moz-range-thumb {\n    ", ";\n  }\n\n  &:focus::-moz-range-thumb {\n    ", ";\n  }\n\n  &:hover::-moz-range-thumb {\n    ", ";\n  }\n\n  &::-moz-range-track {\n    ", ";\n  }\n\n  &:focus::-moz-range-track {\n    ", ";\n  }\n\n  &:active::-moz-range-track,\n  &:hover::-moz-range-track {\n    ", ";\n  }\n"])), sliderThumbStyle, sliderThumbFocusedStyle, sliderThumbHoverStyle, sliderTrackStyle, sliderDefaultBackground, sliderTrackFocusedStyle);
-var IERangeInputStyle = (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  &::-ms-thumb {\n    ", ";\n    margin-top: -", "px;\n  }\n\n  &:focus::-ms-thumb {\n    ", ";\n  }\n\n  &:hover::-ms-thumb {\n    ", ";\n  }\n\n  &::-ms-track {\n    height: ", "px;\n  }\n\n  &::-ms-fill-lower {\n    background: ", ";\n    border-radius: ", "px;\n  }\n\n  &::-ms-fill-upper {\n    background: ", ";\n    border-radius: ", "px;\n  }\n\n  &:active::-ms-fill-lower,\n  &:hover::-ms-fill-lower {\n    background: ", ";\n  }\n\n  &:active::-ms-fill-upper,\n  &:hover::-ms-fill-upper {\n    background: ", ";\n  }\n"])), sliderThumbStyle, sliderThumbSize / 2 - sliderLineThickness / 2, sliderThumbFocusedStyle, sliderThumbHoverStyle, sliderLineThickness, function (props) {
-  return _theme.default.cPrimary;
-}, sliderLineThickness / 2, function (props) {
-  return _theme.default.cLightGrey;
-}, sliderLineThickness / 2, function (props) {
-  return _theme.default.cPrimaryDark;
-}, function (props) {
-  return _theme.default.cLightGrey;
-});
-var RangeWrapper = _styledComponents.default.div.withConfig({
+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); }
+const sliderThumbSize = 26;
+const sliderLineThickness = 8;
+const sliderThumbStyle = (0, _styledComponents.css)(["background:", ";border:4px solid ", ";height:", "px;width:", "px;"], props => _theme.default.cPrimary, props => _theme.default.cWhite, sliderThumbSize, sliderThumbSize);
+const sliderDefaultBackground = (0, _styledComponents.css)(["background:", ";"], props => "linear-gradient(".concat(_theme.default.cPrimary, ", ").concat(_theme.default.cPrimary, ") 0/ ").concat(props.valuePercent, "% 100% no-repeat ").concat(_theme.default.cLightGrey));
+const sliderTrackFocusedStyle = (0, _styledComponents.css)(["background:", ";"], props => "linear-gradient(".concat(_theme.default.cPrimaryDark, ", ").concat(_theme.default.cPrimaryDark, ") 0/ ").concat(props.valuePercent, "% 100% no-repeat ").concat(_theme.default.cLightGrey));
+const sliderTrackStyle = (0, _styledComponents.css)(["border-radius:", "px;height:", "px;", ";"], sliderLineThickness / 2, sliderLineThickness, sliderDefaultBackground);
+const sliderThumbFocusedStyle = (0, _styledComponents.css)(["border-color:", ";"], props => _theme.default.cLightGrey);
+const sliderThumbHoverStyle = (0, _styledComponents.css)(["background:", ";"], props => _theme.default.cPrimaryDark);
+const chromeRangeInputStyle = (0, _styledComponents.css)(["&::-webkit-slider-thumb{margin-top:-", "px;", ";}&:focus::-webkit-slider-thumb{", ";}&:hover::-webkit-slider-thumb{", ";}&::-webkit-slider-runnable-track{", ";}&:focus::-webkit-slider-runnable-track{", ";}&:active::-webkit-slider-runnable-track,&:hover::-webkit-slider-runnable-track{", ";}"], sliderThumbSize / 2 - sliderLineThickness / 2, sliderThumbStyle, sliderThumbFocusedStyle, sliderThumbHoverStyle, sliderTrackStyle, sliderDefaultBackground, sliderTrackFocusedStyle);
+const firefoxRangeInputStyle = (0, _styledComponents.css)(["&::-moz-range-thumb{", ";}&:focus::-moz-range-thumb{", ";}&:hover::-moz-range-thumb{", ";}&::-moz-range-track{", ";}&:focus::-moz-range-track{", ";}&:active::-moz-range-track,&:hover::-moz-range-track{", ";}"], sliderThumbStyle, sliderThumbFocusedStyle, sliderThumbHoverStyle, sliderTrackStyle, sliderDefaultBackground, sliderTrackFocusedStyle);
+const IERangeInputStyle = (0, _styledComponents.css)(["&::-ms-thumb{", ";margin-top:-", "px;}&:focus::-ms-thumb{", ";}&:hover::-ms-thumb{", ";}&::-ms-track{height:", "px;}&::-ms-fill-lower{background:", ";border-radius:", "px;}&::-ms-fill-upper{background:", ";border-radius:", "px;}&:active::-ms-fill-lower,&:hover::-ms-fill-lower{background:", ";}&:active::-ms-fill-upper,&:hover::-ms-fill-upper{background:", ";}"], sliderThumbStyle, sliderThumbSize / 2 - sliderLineThickness / 2, sliderThumbFocusedStyle, sliderThumbHoverStyle, sliderLineThickness, props => _theme.default.cPrimary, sliderLineThickness / 2, props => _theme.default.cLightGrey, sliderLineThickness / 2, props => _theme.default.cPrimaryDark, props => _theme.default.cLightGrey);
+const RangeWrapper = _styledComponents.default.div.withConfig({
   displayName: "RangeInputstyles__RangeWrapper",
   componentId: "sc-1icys2x-0"
 })(["input{", " ", " ", ";}"], chromeRangeInputStyle, firefoxRangeInputStyle, IERangeInputStyle);
-var _default = RangeWrapper;
-exports.default = _default;
+var _default = exports.default = RangeWrapper;

package/dist/components/Input/Select.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
 });
@@ -10,26 +9,21 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactSelect = _interopRequireWildcard(require("react-select"));
 var _Input = require("./Input.styles");
 var _Select = require("./Select.styles");
-var _excluded = ["id", "name", "label", "options", "search", "error", "touched", "value", "disabled", "menuHeight"];
-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); }
+const _excluded = ["id", "name", "label", "options", "search", "error", "touched", "value", "disabled", "menuHeight"];
+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 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); }
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var DropdownIndicator = function DropdownIndicator(props) {
-  var selectProps = props.selectProps;
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const DropdownIndicator = props => {
+  const {
+    selectProps
+  } = props;
   return /*#__PURE__*/_react.default.createElement(_reactSelect.components.DropdownIndicator, props, /*#__PURE__*/_react.default.createElement(_Select.SelectIcon, {
     isMenuOpen: selectProps.menuIsOpen
   }));
@@ -37,11 +31,14 @@ var DropdownIndicator = function DropdownIndicator(props) {
 DropdownIndicator.propTypes = {
   selectProps: _propTypes.default.instanceOf(Object).isRequired
 };
-var SelectMenuListWithScroll = function SelectMenuListWithScroll(props) {
-  var children = props.children,
-    selectProps = props.selectProps;
-  var _selectProps$maxMenuH = selectProps.maxMenuHeight,
-    maxMenuHeight = _selectProps$maxMenuH === void 0 ? 300 : _selectProps$maxMenuH;
+const SelectMenuListWithScroll = props => {
+  const {
+    children,
+    selectProps
+  } = props;
+  const {
+    maxMenuHeight = 300
+  } = selectProps;
   return /*#__PURE__*/_react.default.createElement(_Select.SelectMenuList, {
     autoHeight: true,
     autoHeightMax: maxMenuHeight,
@@ -51,53 +48,49 @@ var SelectMenuListWithScroll = function SelectMenuListWithScroll(props) {
 SelectMenuListWithScroll.propTypes = {
   children: _propTypes.default.node.isRequired
 };
-var Select = function Select(props) {
-  var id = props.id,
-    name = props.name,
-    label = props.label,
-    options = props.options,
-    search = props.search,
-    error = props.error,
-    touched = props.touched,
-    value = props.value,
-    disabled = props.disabled,
-    menuHeight = props.menuHeight,
+const Select = props => {
+  const {
+      id,
+      name,
+      label,
+      options,
+      search,
+      error,
+      touched,
+      value,
+      disabled,
+      menuHeight
+    } = props,
     otherProps = _objectWithoutProperties(props, _excluded);
-  var _useState = (0, _react.useState)(!!value),
-    _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 [labelUp, setLabelUp] = (0, _react.useState)(!!value);
+  const [hasFocus, setHasFocus] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
     setLabelUp(hasFocus || !!value);
   }, [hasFocus, value]);
-  var onFocus = function onFocus(e) {
+  const onFocus = e => {
     props.onFocus && props.onFocus({
-      name: name,
-      value: value
+      name,
+      value
     });
     if (search) {
       setHasFocus(true);
     }
   };
-  var onBlur = function onBlur(e) {
+  const onBlur = e => {
     props.onBlur && props.onBlur({
-      name: name,
-      value: value
+      name,
+      value
     });
-    setTimeout(function () {
+    setTimeout(() => {
       setHasFocus(false);
     }, 1);
   };
-  var onChange = function onChange(selectedOption) {
+  const onChange = selectedOption => {
     props.onChange && props.onChange({
-      name: name,
+      name,
       value: selectedOption.value
     });
-    setTimeout(function () {
+    setTimeout(() => {
       setHasFocus(true);
     }, 1);
   };
@@ -114,42 +107,29 @@ var Select = function Select(props) {
     onChange: onChange,
     onBlur: onBlur,
     onFocus: onFocus,
-    value: options === null || options === void 0 ? void 0 : options.find(function (option) {
-      return option.value === value;
-    }),
+    value: options === null || options === void 0 ? void 0 : options.find(option => option.value === value),
     placeholder: "",
     isSearchable: search,
     maxMenuHeight: menuHeight,
     styles: {
-      control: function control() {
-        return _Select.SelectControl;
-      },
-      menu: function menu(baseStyle, state) {
-        return _objectSpread(_objectSpread({}, baseStyle), {}, {
-          marginTop: 0,
-          zIndex: 1000,
-          SelectMenu: _Select.SelectMenu
-        });
-      },
-      option: function option(baseStyle, state) {
-        return _objectSpread({
-          fontWeight: state.isSelected || state.isFocused ? 'bold' : 'normal',
-          cursor: 'pointer'
-        }, _Select.SelectOption);
-      },
-      selectContainer: function selectContainer() {
-        return _Select.SelectContainer;
-      },
-      valueContainer: function valueContainer(baseStyle) {
-        return _objectSpread(_objectSpread({}, baseStyle), {}, {
-          padding: 0
-          //marginLeft: '-2px',
-        });
-      }
+      control: () => _Select.SelectControl,
+      menu: (baseStyle, state) => _objectSpread(_objectSpread({}, baseStyle), {}, {
+        marginTop: 0,
+        zIndex: 1000,
+        SelectMenu: _Select.SelectMenu
+      }),
+      option: (baseStyle, state) => _objectSpread({
+        fontWeight: state.isSelected || state.isFocused ? 'bold' : 'normal',
+        cursor: 'pointer'
+      }, _Select.SelectOption),
+      selectContainer: () => _Select.SelectContainer,
+      valueContainer: baseStyle => _objectSpread(_objectSpread({}, baseStyle), {}, {
+        padding: 0
+        //marginLeft: '-2px',
+      })
     },
-
     components: {
-      DropdownIndicator: DropdownIndicator,
+      DropdownIndicator,
       IndicatorSeparator: null,
       MenuList: SelectMenuListWithScroll
     }
@@ -179,9 +159,8 @@ Select.defaultProps = {
   search: false,
   error: false,
   touched: false,
-  onChange: function onChange() {},
-  onBlur: function onBlur() {},
-  onFocus: function onFocus() {}
+  onChange: () => {},
+  onBlur: () => {},
+  onFocus: () => {}
 };
-var _default = Select; //doublecheck: label down on blur, even if field is filled..
-exports.default = _default;
+var _default = exports.default = Select; //doublecheck: label down on blur, even if field is filled..

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

@@ -11,8 +11,8 @@ var _Medium = require("../icons/Medium");
 var _Share = require("../icons/Share");
 var _Number = require("../Number/Number");
 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/Select',
   component: _Select.Select,
   argTypes: {
@@ -80,12 +80,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(_Select.Select, args)));
-};
-var SelectOptionStrings = Template.bind({});
-exports.SelectOptionStrings = SelectOptionStrings;
+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(_Select.Select, args)));
+const SelectOptionStrings = exports.SelectOptionStrings = Template.bind({});
 SelectOptionStrings.args = {
   label: 'click LABEL here for options',
   value: null,
@@ -109,8 +105,7 @@ SelectOptionStrings.args = {
     label: 'dropdown option label string 4'
   }]
 };
-var SelectOptionNodes = Template.bind({});
-exports.SelectOptionNodes = SelectOptionNodes;
+const SelectOptionNodes = exports.SelectOptionNodes = Template.bind({});
 SelectOptionNodes.args = {
   label: 'click LABEL here for options',
   value: 'your text (value)',
@@ -136,8 +131,7 @@ SelectOptionNodes.args = {
     label: /*#__PURE__*/_react.default.createElement(_Number.Number, null)
   }]
 };
-var SelectEmpty = Template.bind({});
-exports.SelectEmpty = SelectEmpty;
+const SelectEmpty = exports.SelectEmpty = Template.bind({});
 SelectEmpty.args = {};
 
 //doublecheck:

package/dist/components/Input/Select.styles.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
 });
@@ -8,43 +7,24 @@ exports.SelectWrapper = exports.SelectValueContainer = exports.SelectOption = ex
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _ComponentScroll = require("../ComponentScroll/ComponentScroll.styles");
 var _ComponentScroll2 = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var SelectControl = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &&& {\n    z-index: 10 !important;\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 40px;\n    font-weight: 600;\n    font-size: 12px;\n    line-height: 18px;\n    padding: 15px 0;\n    padding-bottom: 5px;\n    border-radius: 0;\n    box-shadow: none;\n    border: 0;\n    border-top: 1px solid transparent;\n    border-bottom: 1px solid #e1e1e1;\n    color: #202020;\n    background-color: transparent;\n    transition: border-color 0.2s;\n    cursor: pointer;\n\n    &:hover {\n      box-shadow: none;\n      border-top-color: transparent;\n      border-bottom-color: #0050ca;\n    }\n\n    &.active {\n      z-index: 12 !important;\n    }\n  }\n"])));
-exports.SelectControl = SelectControl;
-var SelectMenu = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: -1px;\n  border-radius: 0;\n  box-shadow: none;\n  border: 0;\n  border-top: 1px solid #e1e1e1 !important;\n  border-bottom: 1px solid #e1e1e1 !important;\n  background-color: #ffffff;\n  opacity: 999 !important;\n"])));
-exports.SelectMenu = SelectMenu;
-var SelectMenuList = (0, _styledComponents.default)(_ComponentScroll2.default).withConfig({
+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); }
+const SelectControl = exports.SelectControl = (0, _styledComponents.css)(["&&&{z-index:10 !important;position:relative;display:flex;align-items:center;width:100%;height:40px;font-weight:600;font-size:12px;line-height:18px;padding:15px 0;padding-bottom:5px;border-radius:0;box-shadow:none;border:0;border-top:1px solid transparent;border-bottom:1px solid #e1e1e1;color:#202020;background-color:transparent;transition:border-color 0.2s;cursor:pointer;&:hover{box-shadow:none;border-top-color:transparent;border-bottom-color:#0050ca;}&.active{z-index:12 !important;}}"]);
+const SelectMenu = exports.SelectMenu = (0, _styledComponents.css)(["margin-top:-1px;border-radius:0;box-shadow:none;border:0;border-top:1px solid #e1e1e1 !important;border-bottom:1px solid #e1e1e1 !important;background-color:#ffffff;opacity:999 !important;"]);
+const SelectMenuList = exports.SelectMenuList = (0, _styledComponents.default)(_ComponentScroll2.default).withConfig({
   displayName: "Selectstyles__SelectMenuList",
   componentId: "sc-1wc1ybn-0"
 })(["&&&{overflow:hidden;", "{right:6px;}}"], _ComponentScroll.TrackV);
-exports.SelectMenuList = SelectMenuList;
-var SelectOption = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  padding: 8px 0 !important;\n  padding-left: 4px !important;\n  font-size: 12px;\n  line-height: 18px;\n  border: 0;\n  background-color: transparent;\n  color: #202020;\n\n  &:hover {\n    background-color: transparent;\n    font-weight: bold;\n  }\n"])));
-exports.SelectOption = SelectOption;
-var SelectContainer = (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  z-index: 100;\n  ", "\n"])), function (props) {
-  return props.selectProps.menuIsOpen && "\n    z-index: 150 !important;\n  ";
-});
-exports.SelectContainer = SelectContainer;
-var SelectValueContainer = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  &&& {\n    padding-left: 0;\n    margin-left: -2px;\n  }\n"])));
-exports.SelectValueContainer = SelectValueContainer;
-var SelectIcon = _styledComponents.default.i.attrs({
+const SelectOption = exports.SelectOption = (0, _styledComponents.css)(["cursor:pointer;padding:8px 0 !important;padding-left:4px !important;font-size:12px;line-height:18px;border:0;background-color:transparent;color:#202020;&:hover{background-color:transparent;font-weight:bold;}"]);
+const SelectContainer = exports.SelectContainer = (0, _styledComponents.css)(["z-index:100;", ""], props => props.selectProps.menuIsOpen && "\n    z-index: 150 !important;\n  ");
+const SelectValueContainer = exports.SelectValueContainer = (0, _styledComponents.css)(["&&&{padding-left:0;margin-left:-2px;}"]);
+const SelectIcon = exports.SelectIcon = _styledComponents.default.i.attrs({
   className: 'ion ion-ios-arrow-down'
 }).withConfig({
   displayName: "Selectstyles__SelectIcon",
   componentId: "sc-1wc1ybn-1"
-})(["&&&{transition:0.3s transform;transform:rotate(0);color:#202020;", "}"], function (props) {
-  return props.isMenuOpen && "\n      transform: rotate(180deg);\n    ";
-});
-exports.SelectIcon = SelectIcon;
-var SelectWrapper = _styledComponents.default.div.withConfig({
+})(["&&&{transition:0.3s transform;transform:rotate(0);color:#202020;", "}"], props => props.isMenuOpen && "\n      transform: rotate(180deg);\n    ");
+const SelectWrapper = exports.SelectWrapper = _styledComponents.default.div.withConfig({
   displayName: "Selectstyles__SelectWrapper",
   componentId: "sc-1wc1ybn-2"
-})(["display:inline-block;vertical-align:middle;margin-left:24px;", " ", " &&& ", "{height:24px;font-weight:normal;font-size:11px;line-height:18px;padding:3px 0;border-top:1px solid transparent;border-bottom:1px solid transparent;}&&& ", "{left:0;right:0;width:auto;margin:-6px -12px;margin-top:0;box-shadow:0 1px 4px 0 rgba(0,0,0,0.2);border:0;padding:6px 12px;}&&& ", "{top:0;}"], function (props) {
-  return props.minWidth && "\n    min-width: ".concat(props.minWidth, ";\n  ");
-}, function (props) {
-  return props.noMargin && "\n    margin-left: 0;\n  ";
-}, SelectControl, SelectMenu, SelectValueContainer);
-exports.SelectWrapper = SelectWrapper;
+})(["display:inline-block;vertical-align:middle;margin-left:24px;", " ", " &&& ", "{height:24px;font-weight:normal;font-size:11px;line-height:18px;padding:3px 0;border-top:1px solid transparent;border-bottom:1px solid transparent;}&&& ", "{left:0;right:0;width:auto;margin:-6px -12px;margin-top:0;box-shadow:0 1px 4px 0 rgba(0,0,0,0.2);border:0;padding:6px 12px;}&&& ", "{top:0;}"], props => props.minWidth && "\n    min-width: ".concat(props.minWidth, ";\n  "), props => props.noMargin && "\n    margin-left: 0;\n  ", SelectControl, SelectMenu, SelectValueContainer);