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

package/dist/components/InfoIcon/InfoIcon.js

@@ -8,21 +8,23 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTippy = require("react-tippy");
 var _InfoIcon = require("./InfoIcon.styles");
-var _excluded = ["title", "html", "position", "noMargin", "noMarginLeft", "noMarginRight", "noIcon", "disabled", "fullWidth", "containerStyle"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 InfoIcon = function InfoIcon(_ref) {
-  var title = _ref.title,
-    html = _ref.html,
-    position = _ref.position,
-    noMargin = _ref.noMargin,
-    noMarginLeft = _ref.noMarginLeft,
-    noMarginRight = _ref.noMarginRight,
-    noIcon = _ref.noIcon,
-    disabled = _ref.disabled,
-    fullWidth = _ref.fullWidth,
-    containerStyle = _ref.containerStyle,
+const _excluded = ["title", "html", "position", "noMargin", "noMarginLeft", "noMarginRight", "noIcon", "disabled", "fullWidth", "containerStyle"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 InfoIcon = _ref => {
+  let {
+      title,
+      html,
+      position,
+      noMargin,
+      noMarginLeft,
+      noMarginRight,
+      noIcon,
+      disabled,
+      fullWidth,
+      containerStyle
+    } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_InfoIcon.Container, {
     noMargin: noMargin,
@@ -59,5 +61,4 @@ InfoIcon.defaultProps = {
   noMarginLeft: false,
   noMarginRight: false
 };
-var _default = InfoIcon;
-exports.default = _default;
+var _default = exports.default = InfoIcon;

package/dist/components/InfoIcon/InfoIcon.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _InfoIcon = require("./InfoIcon");
 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/Icons/Info Icon',
   component: _InfoIcon.InfoIcon,
   argTypes: {
@@ -39,15 +39,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(_InfoIcon.InfoIcon, args)));
-};
-var InfoIconBottom = Template.bind({});
-exports.InfoIconBottom = InfoIconBottom;
+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(_InfoIcon.InfoIcon, args)));
+const InfoIconBottom = exports.InfoIconBottom = Template.bind({});
 InfoIconBottom.args = {};
-var InfoIconTop = Template.bind({});
-exports.InfoIconTop = InfoIconTop;
+const InfoIconTop = exports.InfoIconTop = Template.bind({});
 InfoIconTop.args = {
   position: 'top'
 };

package/dist/components/InfoIcon/InfoIcon.styles.js

@@ -6,30 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.Icon = exports.Container = 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: "InfoIconstyles__Container",
   componentId: "sc-d3sdn3-0"
-})(["display:inline-block;vertical-align:middle;margin:0 12px;font-size:0;line-height:0;", " ", " ", " ", " & > div{position:relative;display:inline-block !important;", "}"], function (props) {
-  return props.noMargin && "\n    margin: 0;\n  ";
-}, function (props) {
-  return props.noMarginLeft && "\n    margin-left: 0;\n  ";
-}, function (props) {
-  return props.noMarginRight && "\n    margin-right: 0;\n  ";
-}, function (props) {
-  return props.fullWidth && "\n    width: 100%;\n    height: 100%;\n  ";
-}, function (props) {
-  return props.fullWidth && "\n      width: 100%;\n      height: 100%;\n      display: flex !important;\n      align-content: center;\n      flex-wrap: wrap;\n      justify-content: center;\n  ";
-});
-exports.Container = Container;
-var Icon = _styledComponents.default.i.attrs({
+})(["display:inline-block;vertical-align:middle;margin:0 12px;font-size:0;line-height:0;", " ", " ", " ", " & > div{position:relative;display:inline-block !important;", "}"], props => props.noMargin && "\n    margin: 0;\n  ", props => props.noMarginLeft && "\n    margin-left: 0;\n  ", props => props.noMarginRight && "\n    margin-right: 0;\n  ", props => props.fullWidth && "\n    width: 100%;\n    height: 100%;\n  ", props => props.fullWidth && "\n      width: 100%;\n      height: 100%;\n      display: flex !important;\n      align-content: center;\n      flex-wrap: wrap;\n      justify-content: center;\n  ");
+const Icon = exports.Icon = _styledComponents.default.i.attrs({
   className: 'ion ion-md-information-circle'
 }).withConfig({
   displayName: "InfoIconstyles__Icon",
   componentId: "sc-d3sdn3-1"
-})(["position:relative;left:-0.4px;display:inline-block;vertical-align:middle;font-size:16px;line-height:16px;vertical-align:middle;color:", ";transition:color 0.2s;&:hover{color:", ";}"], function (props) {
-  return _theme.default.cGrey2;
-}, function (props) {
-  return _theme.default.cPrimary;
-});
-exports.Icon = Icon;
+})(["position:relative;left:-0.4px;display:inline-block;vertical-align:middle;font-size:16px;line-height:16px;vertical-align:middle;color:", ";transition:color 0.2s;&:hover{color:", ";}"], props => _theme.default.cGrey2, props => _theme.default.cPrimary);

package/dist/components/InfoPanel/InfoPanel.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
 });
@@ -15,54 +14,36 @@ var _InvestmentStat = _interopRequireDefault(require("../InvestmentStat/Investme
 var _parseBlockContent = _interopRequireDefault(require("../../utils/parseBlockContent"));
 var _ProjectContext = require("context/Project/ProjectContext");
 var _video = require("../video");
-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 _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 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 _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 ImagesCarousel(params) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    shouldRenderPage = _useState2[0],
-    setShouldRenderPage = _useState2[1];
-  var _useState3 = (0, _react.useState)([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    carouselItems = _useState4[0],
-    setCarouselItems = _useState4[1];
+  const [shouldRenderPage, setShouldRenderPage] = (0, _react.useState)(false);
+  const [carouselItems, setCarouselItems] = (0, _react.useState)([]);
   // const [venture, setVenture] = useState({})
-  var _useContext = (0, _react.useContext)(_ProjectContext.ProjectContext),
-    project = _useContext.project;
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isVideoOpen = _useState6[0],
-    setIsVideoOpen = _useState6[1];
-  var _useState7 = (0, _react.useState)(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    videoUri = _useState8[0],
-    setVideoUri = _useState8[1];
-  (0, _react.useEffect)(function () {
-    var carouselFiles = generateCarouselItems(project.blocks.media);
+  let {
+    project
+  } = (0, _react.useContext)(_ProjectContext.ProjectContext);
+  const [isVideoOpen, setIsVideoOpen] = (0, _react.useState)(false);
+  const [videoUri, setVideoUri] = (0, _react.useState)('');
+  (0, _react.useEffect)(() => {
+    const carouselFiles = generateCarouselItems(project.blocks.media);
     setCarouselItems(carouselFiles);
     setShouldRenderPage(true);
   }, []);
-  var generateCarouselItems = function generateCarouselItems(media) {
-    var mediaParsed = (0, _parseBlockContent.default)(media);
-    var carouselFiles = [];
-    var tempObj = {};
+  const generateCarouselItems = media => {
+    const mediaParsed = (0, _parseBlockContent.default)(media);
+    const carouselFiles = [];
+    const tempObj = {};
 
     // Find only carousel items
-    Object.keys(mediaParsed).forEach(function (key) {
+    Object.keys(mediaParsed).forEach(key => {
       if (key.includes('carouselFiles')) {
-        var index = key.split('carouselFiles_')[1].split('_')[0];
+        const index = key.split('carouselFiles_')[1].split('_')[0];
 
         // Group video and its thumbnail
         if (key.includes('videoThumbnail')) {
@@ -74,16 +55,16 @@ function ImagesCarousel(params) {
         }
       }
     });
-    Object.keys(tempObj).forEach(function (key) {
+    Object.keys(tempObj).forEach(key => {
       carouselFiles.push(tempObj[key]);
     });
     return carouselFiles;
   };
-  var openVideo = function openVideo(videoUri) {
+  const openVideo = videoUri => {
     setIsVideoOpen(true);
     setVideoUri(videoUri);
   };
-  var closeVideo = function closeVideo() {
+  const closeVideo = () => {
     setIsVideoOpen(false);
     setVideoUri();
   };
@@ -98,7 +79,7 @@ function ImagesCarousel(params) {
     full: 3
   }, /*#__PURE__*/_react.default.createElement(_Slider.default, {
     dots: true
-  }, carouselItems.map(function (item) {
+  }, carouselItems.map(item => {
     if (item.type === 'image') {
       return /*#__PURE__*/_react.default.createElement(_Slider2.ImageSlideWrapper, {
         key: item.uri
@@ -113,9 +94,7 @@ function ImagesCarousel(params) {
         src: item.videoThumbnail.uri,
         alt: ""
       }), /*#__PURE__*/_react.default.createElement(_video.PlayButton, {
-        onClick: function onClick() {
-          return openVideo(item.uri);
-        }
+        onClick: () => openVideo(item.uri)
       }, /*#__PURE__*/_react.default.createElement("img", {
         alt: "Play video",
         src: require('../video/img/play-btn.svg')
@@ -142,5 +121,4 @@ function ImagesCarousel(params) {
     primaryBg: true
   }))) : '';
 }
-var _default = ImagesCarousel;
-exports.default = _default;
+var _default = exports.default = ImagesCarousel;

package/dist/components/Input/DatePickerInput.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,38 +9,30 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactDayPicker = require("react-day-picker");
 var _Input = require("./Input.styles");
 var _DatePickerInput = require("./DatePickerInput.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 _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; }
-var DatePickerInput = function DatePickerInput(props) {
-  var id = props.id,
-    name = props.name,
-    label = props.label,
-    placeholder = props.placeholder,
-    value = props.value,
-    error = props.error,
-    touched = props.touched,
-    dashboard = props.dashboard;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    labelUp = _useState2[0],
-    setLabelUp = _useState2[1];
-  (0, _react.useEffect)(function () {
+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 DatePickerInput = props => {
+  const {
+    id,
+    name,
+    label,
+    placeholder,
+    value,
+    error,
+    touched,
+    dashboard
+  } = props;
+  const [labelUp, setLabelUp] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
     checkLabel(false);
   }, []);
-  var onChange = function onChange(value) {
+  const onChange = value => {
     props.onChange && props.onChange(null, {
-      name: name,
-      value: value
+      name,
+      value
     });
   };
-  var checkLabel = function checkLabel(focus) {
+  const checkLabel = focus => {
     setLabelUp(focus || !!value);
   };
   return /*#__PURE__*/_react.default.createElement(_Input.Wrapper, null, label && /*#__PURE__*/_react.default.createElement(_Input.Label, {
@@ -49,9 +40,7 @@ var DatePickerInput = function DatePickerInput(props) {
     error: error && touched,
     htmlFor: id
   }, label), /*#__PURE__*/_react.default.createElement(_DatePickerInput.DatePickerOverlay, {
-    onClick: function onClick() {
-      return checkLabel(true);
-    },
+    onClick: () => checkLabel(true),
     dashboard: dashboard
   }, /*#__PURE__*/_react.default.createElement(_reactDayPicker.DayPicker, {
     id: id,
@@ -81,5 +70,4 @@ DatePickerInput.defaultProps = {
   touched: false,
   dashboard: false
 };
-var _default = DatePickerInput;
-exports.default = _default;
+var _default = exports.default = DatePickerInput;

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

@@ -8,9 +8,9 @@ var _react = _interopRequireDefault(require("react"));
 var _DatePickerInput = require("./DatePickerInput");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import { date } from '@storybook/addon-knobs'
-var _default = {
+var _default = exports.default = {
   title: 'Components Library/Inputs/Date Picker Input',
   component: _DatePickerInput.DatePickerInput,
   argTypes: {
@@ -69,18 +69,13 @@ 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(_DatePickerInput.DatePickerInput, args)));
-};
-var DatePickerInputFilled = Template.bind({});
-exports.DatePickerInputFilled = DatePickerInputFilled;
+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(_DatePickerInput.DatePickerInput, args)));
+const DatePickerInputFilled = exports.DatePickerInputFilled = Template.bind({});
 DatePickerInputFilled.args = {
   label: 'label date',
   value: '2022-1-4'
 };
-var DatePickerInputEmpty = Template.bind({});
-exports.DatePickerInputEmpty = DatePickerInputEmpty;
+const DatePickerInputEmpty = exports.DatePickerInputEmpty = Template.bind({});
 DatePickerInputEmpty.args = {
   label: 'label date'
 };

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

@@ -1,29 +1,15 @@
 "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 = exports.DatePickerOverlay = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var DatePickerOverlay = _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 DatePickerOverlay = exports.DatePickerOverlay = _styledComponents.default.div.withConfig({
   displayName: "DatePickerInputstyles__DatePickerOverlay",
   componentId: "sc-102qruz-0"
-})(["&&& > .DayPickerInput{display:block;position:relative;width:100%;}&&& > .DayPickerInput-OverlayWrapper{z-index:100;}&&& > .DayPickerInput > input{font-family:'Open sans';display:block;width:100%;height:40px;font-weight:600;font-size:12px;line-height:18px;padding:13px 0;padding-bottom:7px;border-radius:0;box-shadow:none;outline:0;border:0;border-top:1px solid transparent;border-bottom:1px solid ", ";color:", ";background-color:transparent;transition:border-color 0.2s;&:focus,&:hover{box-shadow:none;border-top-color:transparent;border-bottom-color:", ";}&::placeholder{color:transparent;opacity:0;}}", ""], function (props) {
-  return _theme.default.cGrey;
-}, function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return _theme.default.cPrimary;
-}, function (props) {
-  return props.dashboard && (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      &&& > .DayPickerInput > input {\n        border: 0;\n        padding: 0;\n        height: 22px;\n        font-family: 'Open Sans';\n        font-weight: 300;\n        font-size: 14px;\n        line-height: 22px;\n        letter-spacing: 0.53px;\n        text-transform: normal;\n        color: ", ";\n\n        &::placeholder {\n          color: ", ";\n          opacity: 1;\n        }\n      }\n    "])), _theme.default.cBlack, _theme.default.cGrey2);
-});
-exports.DatePickerOverlay = DatePickerOverlay;
-var _default = DatePickerOverlay;
-exports.default = _default;
+})(["&&& > .DayPickerInput{display:block;position:relative;width:100%;}&&& > .DayPickerInput-OverlayWrapper{z-index:100;}&&& > .DayPickerInput > input{font-family:'Open sans';display:block;width:100%;height:40px;font-weight:600;font-size:12px;line-height:18px;padding:13px 0;padding-bottom:7px;border-radius:0;box-shadow:none;outline:0;border:0;border-top:1px solid transparent;border-bottom:1px solid ", ";color:", ";background-color:transparent;transition:border-color 0.2s;&:focus,&:hover{box-shadow:none;border-top-color:transparent;border-bottom-color:", ";}&::placeholder{color:transparent;opacity:0;}}", ""], props => _theme.default.cGrey, props => _theme.default.cBlack, props => _theme.default.cPrimary, props => props.dashboard && (0, _styledComponents.css)(["&&& > .DayPickerInput > input{border:0;padding:0;height:22px;font-family:'Open Sans';font-weight:300;font-size:14px;line-height:22px;letter-spacing:0.53px;text-transform:normal;color:", ";&::placeholder{color:", ";opacity:1;}}"], _theme.default.cBlack, _theme.default.cGrey2));
+var _default = exports.default = DatePickerOverlay;

package/dist/components/Input/Input.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,51 +7,42 @@ exports.default = exports.Input = 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 _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; }
-var Input = function Input(props) {
-  var type = props.type,
-    id = props.id,
-    name = props.name,
-    label = props.label,
-    placeholder = props.placeholder,
-    value = props.value,
-    error = props.error,
-    touched = props.touched,
-    readOnly = props.readOnly,
-    inverted = props.inverted,
-    dashboard = props.dashboard,
-    disabled = props.disabled,
-    inputWrapStyle = props.inputWrapStyle,
-    wrapperStyle = props.wrapperStyle,
-    autoHeightLabel = props.autoHeightLabel;
-  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 () {
+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); }
+const Input = props => {
+  const {
+    type,
+    id,
+    name,
+    label,
+    placeholder,
+    value,
+    error,
+    touched,
+    readOnly,
+    inverted,
+    dashboard,
+    disabled,
+    inputWrapStyle,
+    wrapperStyle,
+    autoHeightLabel
+  } = 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 onBlur = function onBlur(e, field) {
-    var onBlur = props.onBlur;
+  const onBlur = (e, field) => {
+    const {
+      onBlur
+    } = props;
 
     // formik handler MUST be called before our logic !
     onBlur && onBlur(e, field);
@@ -60,8 +50,10 @@ var Input = function Input(props) {
     // our logic follows
     checkLabel(false);
   };
-  var onFocus = function onFocus(e, field) {
-    var onFocus = props.onFocus;
+  const onFocus = (e, field) => {
+    const {
+      onFocus
+    } = props;
 
     // formik handler MUST be called before our logic !
     onFocus && onFocus(e, field);
@@ -69,12 +61,13 @@ var Input = function Input(props) {
     // our logic follows
     checkLabel(true);
   };
-  var onChange = function onChange(e, field) {
-    var onChange = props.onChange;
+  const onChange = (e, field) => {
+    const {
+      onChange
+    } = props;
     onChange && onChange(e, field); // formik handler
   };
-
-  var checkLabel = function checkLabel(focus) {
+  const checkLabel = focus => {
     setHasFocus(focus);
     setLabelUp(focus || !!value);
   };
@@ -136,9 +129,8 @@ Input.defaultProps = {
   readOnly: false,
   inverted: false,
   dashboard: false,
-  onChange: function onChange() {},
-  onBlur: function onBlur() {},
-  onFocus: function onFocus() {}
+  onChange: () => {},
+  onBlur: () => {},
+  onFocus: () => {}
 };
-var _default = Input;
-exports.default = _default;
+var _default = exports.default = Input;