bright-components 9.33.0 → 10.0.0

package/dist/components/FormLayout/FormRow/FormLabel/index.js

@@ -9,20 +9,16 @@ var _breakpoints = _interopRequireDefault(require("../../../../constants/breakpo
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tpadding: 0;\n\tmargin: 0;\n\n\t@media (min-width: ", ") {\n\t\tdisplay: flex;\n\t\talign-self: center;\n\t\tflex: 0 0 200px;\n\t}\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var FormLabel = _styledComponents.default.label(_templateObject(), _breakpoints.default.tablet);
-
+const FormLabel = _styledComponents.default.label`
+	padding: 0;
+	margin: 0;
+
+	@media (min-width: ${_breakpoints.default.tablet}) {
+		display: flex;
+		align-self: center;
+		flex: 0 0 200px;
+	}
+`;
 FormLabel.displayName = 'FormLabel';
 /** @component */
 

package/dist/components/FormLayout/FormRow/index.js

@@ -9,20 +9,15 @@ var _breakpoints = _interopRequireDefault(require("../../../constants/breakpoint
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin-bottom: 0.75rem;\n\n\t@media (min-width: ", ") {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t}\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var FormRow = _styledComponents.default.div(_templateObject(), _breakpoints.default.tablet);
-
+const FormRow = _styledComponents.default.div`
+	margin-bottom: 0.75rem;
+
+	@media (min-width: ${_breakpoints.default.tablet}) {
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+	}
+`;
 FormRow.displayName = 'FormRow';
 /** @component */
 

package/dist/components/FormLayout/index.js

@@ -7,21 +7,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose([""]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
 // reserved for future use, currently needs no styling
-var FormLayout = _styledComponents.default.div(_templateObject());
-
+const FormLayout = _styledComponents.default.div``;
 FormLayout.displayName = 'FormLayout';
 /** @component */
 

package/dist/components/Formik/FormikCheckbox/index.js

@@ -15,14 +15,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || 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); }
 
-var FormikCheckbox = function FormikCheckbox(props) {
-  return _react.default.createElement(_formik.Field, {
-    name: props.name
-  }, function (_ref) {
-    var field = _ref.field;
-    return _react.default.createElement(_Checkbox.default, _extends({}, field, props));
-  });
-};
+const FormikCheckbox = props => _react.default.createElement(_formik.Field, {
+  name: props.name
+}, _ref => {
+  let {
+    field
+  } = _ref;
+  return _react.default.createElement(_Checkbox.default, _extends({}, field, props));
+});
 
 FormikCheckbox.propTypes = {
   name: _propTypes.string.isRequired,

package/dist/components/Formik/FormikDayPicker/index.js

@@ -15,34 +15,40 @@ var _DayPicker = _interopRequireWildcard(require("../../DayPicker"));
 
 var _FormikValidation = _interopRequireDefault(require("../FormikValidation"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || 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 _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 FormikDayPicker = function FormikDayPicker(_ref) {
-  var name = _ref.name,
-      range = _ref.range,
-      disableClickOutside = _ref.disableClickOutside,
-      formik = _ref.formik,
-      onChange = _ref.onChange,
-      validation = _ref.validation,
-      props = _objectWithoutPropertiesLoose(_ref, ["name", "range", "disableClickOutside", "formik", "onChange", "validation"]);
-
-  var setFieldTouched = formik.setFieldTouched,
-      setFieldValue = formik.setFieldValue,
-      values = formik.values;
-  var value = (0, _lodash.default)(values, name, range ? {
+const FormikDayPicker = _ref => {
+  let {
+    name,
+    range,
+    disableClickOutside,
+    formik,
+    onChange,
+    validation
+  } = _ref,
+      props = _objectWithoutProperties(_ref, ["name", "range", "disableClickOutside", "formik", "onChange", "validation"]);
+
+  const {
+    setFieldTouched,
+    setFieldValue,
+    values
+  } = formik;
+  const value = (0, _lodash.default)(values, name, range ? {
     from: undefined,
     to: undefined
   } : undefined);
 
-  var onSelectedDate = function onSelectedDate(dates) {
+  const onSelectedDate = dates => {
     setFieldTouched(name);
 
     if (range) {
@@ -58,7 +64,7 @@ var FormikDayPicker = function FormikDayPicker(_ref) {
     }
   };
 
-  var Component = disableClickOutside ? _DayPicker.Unwrapped : _DayPicker.default;
+  const Component = disableClickOutside ? _DayPicker.Unwrapped : _DayPicker.default;
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(Component, _extends({}, props, {
     name: name,
     onSelectedDate: onSelectedDate,

package/dist/components/Formik/FormikInput/index.js

@@ -17,16 +17,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || 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); }
 
-var FormikInput = function FormikInput(props) {
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_formik.Field, {
-    name: props.name
-  }, function (_ref) {
-    var field = _ref.field;
-    return _react.default.createElement(_Input.default, _extends({}, field, props));
-  }), _react.default.createElement(_FormikValidation.default, {
-    name: props.name
-  }));
-};
+const FormikInput = props => _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_formik.Field, {
+  name: props.name
+}, _ref => {
+  let {
+    field
+  } = _ref;
+  return _react.default.createElement(_Input.default, _extends({}, field, props));
+}), _react.default.createElement(_FormikValidation.default, {
+  name: props.name
+}));
 
 FormikInput.propTypes = {
   name: _propTypes.string.isRequired

package/dist/components/Formik/FormikOptions/index.js

@@ -19,30 +19,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || 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 _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; }
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin-top: ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
+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; }
 
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Container = _styledComponents.default.div(_templateObject(), _spacing.default.s1);
+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; }
 
+const Container = _styledComponents.default.div`
+	margin-top: ${_spacing.default.s1};
+`;
 Container.displayName = 'Container';
 
-var FormikOptions = function FormikOptions(_ref) {
-  var onChange = _ref.onChange,
-      selectedValue = _ref.selectedValue,
-      name = _ref.name,
-      options = _ref.options,
-      rest = _objectWithoutPropertiesLoose(_ref, ["onChange", "selectedValue", "name", "options"]);
+const FormikOptions = _ref => {
+  let {
+    onChange,
+    selectedValue,
+    name,
+    options
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, ["onChange", "selectedValue", "name", "options"]);
 
   return _react.default.createElement(Container, null, _react.default.createElement(_Options.default, _extends({}, rest, {
     onChange: onChange,

package/dist/components/Formik/FormikRadio/index.js

@@ -15,16 +15,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || 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); }
 
-var FormikRadio = function FormikRadio(props) {
-  return _react.default.createElement(_formik.Field, {
-    name: props.name
-  }, function (_ref) {
-    var field = _ref.field;
-    return _react.default.createElement(_Radio.default, _extends({}, field, props, {
-      checked: props.value === field.value
-    }));
-  });
-};
+const FormikRadio = props => _react.default.createElement(_formik.Field, {
+  name: props.name
+}, _ref => {
+  let {
+    field
+  } = _ref;
+  return _react.default.createElement(_Radio.default, _extends({}, field, props, {
+    checked: props.value === field.value
+  }));
+});
 
 FormikRadio.propTypes = {
   name: _propTypes.string.isRequired,

package/dist/components/Formik/FormikRadioGroup/index.js

@@ -13,11 +13,9 @@ var _FormikValidation = _interopRequireDefault(require("../FormikValidation"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var FormikRadioGroup = function FormikRadioGroup(props) {
-  return _react.default.createElement("div", null, props.children, _react.default.createElement(_FormikValidation.default, {
-    name: props.name
-  }));
-};
+const FormikRadioGroup = props => _react.default.createElement("div", null, props.children, _react.default.createElement(_FormikValidation.default, {
+  name: props.name
+}));
 
 FormikRadioGroup.propTypes = {
   name: _propTypes.string.isRequired,

package/dist/components/Formik/FormikResetButton/index.js

@@ -13,9 +13,11 @@ var _Button = _interopRequireDefault(require("../../Button/Button"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var FormikResetButton = function FormikResetButton(_ref) {
-  var formik = _ref.formik,
-      children = _ref.children;
+const FormikResetButton = _ref => {
+  let {
+    formik,
+    children
+  } = _ref;
   return _react.default.createElement(_Button.default, {
     type: "button",
     disabled: Boolean(!formik.dirty || formik.isSubmitting),

package/dist/components/Formik/FormikSelect/index.js

@@ -17,16 +17,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || 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); }
 
-var FormikSelect = function FormikSelect(props) {
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_formik.Field, {
-    name: props.name
-  }, function (_ref) {
-    var field = _ref.field;
-    return _react.default.createElement(_Select.default, _extends({}, field, props));
-  }), _react.default.createElement(_FormikValidation.default, {
-    name: props.name
-  }));
-};
+const FormikSelect = props => _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_formik.Field, {
+  name: props.name
+}, _ref => {
+  let {
+    field
+  } = _ref;
+  return _react.default.createElement(_Select.default, _extends({}, field, props));
+}), _react.default.createElement(_FormikValidation.default, {
+  name: props.name
+}));
 
 FormikSelect.propTypes = {
   name: _propTypes.string.isRequired,

package/dist/components/Formik/FormikSubmitButton/index.js

@@ -13,14 +13,14 @@ var _Button = _interopRequireDefault(require("../../Button/Button"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _isDisabled = function _isDisabled(formik) {
-  return !formik.dirty || formik.isSubmitting;
-};
-
-var FormikSubmitButton = function FormikSubmitButton(_ref) {
-  var formik = _ref.formik,
-      children = _ref.children,
-      isDisabled = _ref.isDisabled;
+const _isDisabled = formik => !formik.dirty || formik.isSubmitting;
+
+const FormikSubmitButton = _ref => {
+  let {
+    formik,
+    children,
+    isDisabled
+  } = _ref;
   return _react.default.createElement(_Button.default, {
     type: "submit",
     loading: formik.isSubmitting,

package/dist/components/Formik/FormikTextarea/index.js

@@ -17,16 +17,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || 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); }
 
-var FormikTextarea = function FormikTextarea(props) {
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_formik.Field, {
-    name: props.name
-  }, function (_ref) {
-    var field = _ref.field;
-    return _react.default.createElement(_Textarea.default, _extends({}, field, props));
-  }), _react.default.createElement(_FormikValidation.default, {
-    name: props.name
-  }));
-};
+const FormikTextarea = props => _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_formik.Field, {
+  name: props.name
+}, _ref => {
+  let {
+    field
+  } = _ref;
+  return _react.default.createElement(_Textarea.default, _extends({}, field, props));
+}), _react.default.createElement(_FormikValidation.default, {
+  name: props.name
+}));
 
 FormikTextarea.propTypes = {
   name: _propTypes.string.isRequired

package/dist/components/Formik/FormikTypeahead/index.js

@@ -19,38 +19,38 @@ var _FormikValidation = _interopRequireDefault(require("../FormikValidation"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _extends() { _extends = Object.assign || 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 _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 FormikTypeahead = function FormikTypeahead(_ref) {
-  var name = _ref.name,
-      options = _ref.options,
-      isMultiSelect = _ref.isMultiSelect,
-      maxLength = _ref.maxLength,
-      onAdd = _ref.onAdd,
-      storeValue = _ref.storeValue,
-      label = _ref.label,
-      formik = _ref.formik,
-      validation = _ref.validation,
-      props = _objectWithoutPropertiesLoose(_ref, ["name", "options", "isMultiSelect", "maxLength", "onAdd", "storeValue", "label", "formik", "validation"]);
-
-  var setSelected = function setSelected(items) {
-    var newItems = items;
+const FormikTypeahead = _ref => {
+  let {
+    name,
+    options,
+    isMultiSelect,
+    maxLength,
+    onAdd,
+    storeValue,
+    label,
+    formik,
+    validation
+  } = _ref,
+      props = _objectWithoutProperties(_ref, ["name", "options", "isMultiSelect", "maxLength", "onAdd", "storeValue", "label", "formik", "validation"]);
+
+  const setSelected = items => {
+    let newItems = items;
     formik.setFieldTouched(name);
 
     if (storeValue) {
-      newItems = items.map(function (itemId) {
-        return options.find(function (option) {
-          return option.id === itemId;
-        });
-      });
+      newItems = items.map(itemId => options.find(option => option.id === itemId));
     }
 
     if (isMultiSelect) {
@@ -60,22 +60,18 @@ var FormikTypeahead = function FormikTypeahead(_ref) {
     }
   };
 
-  var setAdd = function setAdd(input) {
-    var newItem = onAdd(input);
-    var newValue = storeValue ? newItem : newItem.id;
+  const setAdd = input => {
+    const newItem = onAdd(input);
+    const newValue = storeValue ? newItem : newItem.id;
 
     if (isMultiSelect) {
-      formik.setFieldValue(name, [newValue].concat((0, _lodash.default)(formik.values, name, [])));
+      formik.setFieldValue(name, [newValue, ...(0, _lodash.default)(formik.values, name, [])]);
     } else {
       formik.setFieldValue(name, newValue);
     }
   };
 
-  var getSelectedItems = function getSelectedItems() {
-    return (0, _arrify.default)((0, _lodash.default)(formik.values, name)).map(function (v) {
-      return v.id || v.uid || v;
-    });
-  };
+  const getSelectedItems = () => (0, _arrify.default)((0, _lodash.default)(formik.values, name)).map(v => v.id || v.uid || v);
 
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Typeahead.default, _extends({}, props, {
     label: label,

package/dist/components/Formik/FormikValidation/index.js

@@ -17,31 +17,22 @@ var _colors = _interopRequireDefault(require("../../../constants/colors"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tcolor: ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var ErrorComp = _styledComponents.default.div(_templateObject(), _colors.default.error);
-
+const ErrorComp = _styledComponents.default.div`
+	color: ${_colors.default.error};
+`;
 ErrorComp.displayName = 'ErrorComp';
 
-var FormikValidation = function FormikValidation(_ref) {
-  var name = _ref.name;
+const FormikValidation = _ref => {
+  let {
+    name
+  } = _ref;
   return _react.default.createElement(_formik.ErrorMessage, {
     name: name,
-    component: function component(_ref2) {
-      var children = _ref2.children;
-      return _react.default.createElement(ErrorComp, null, (0, _lodash.default)(children, function (v) {
-        return v;
-      }));
+    component: _ref2 => {
+      let {
+        children
+      } = _ref2;
+      return _react.default.createElement(ErrorComp, null, (0, _lodash.default)(children, v => v));
     }
   });
 };

package/dist/components/Formik/index.js

@@ -7,21 +7,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose([""]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
 // Do not used here to generate example
-var Formik = _styledComponents.default.div(_templateObject());
-
+const Formik = _styledComponents.default.div``;
 Formik.displayName = 'Formik';
 /** @component */
 

package/dist/components/HR/index.js

@@ -7,20 +7,18 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tborder: 0;\n\theight: 1px;\n\tbackground-image: linear-gradient(\n\t\tto right,\n\t\trgba(0, 0, 0, 0),\n\t\trgba(0, 0, 0, 0.2),\n\t\trgba(0, 0, 0, 0)\n\t);\n\twidth: 85%;\n\tmargin: auto;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var HR = _styledComponents.default.hr(_templateObject());
-
+const HR = _styledComponents.default.hr`
+	border: 0;
+	height: 1px;
+	background-image: linear-gradient(
+		to right,
+		rgba(0, 0, 0, 0),
+		rgba(0, 0, 0, 0.2),
+		rgba(0, 0, 0, 0)
+	);
+	width: 85%;
+	margin: auto;
+`;
 HR.displayName = 'HR';
 /* @component */
 

package/dist/components/Icons/AddIcon/index.js

@@ -13,14 +13,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || 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); }
 
-var AddIcon = function AddIcon(props) {
-  return _react.default.createElement(_reactIconBase.default, _extends({
-    viewBox: ""
-  }, props), _react.default.createElement("path", {
-    "data-name": "Union 3",
-    d: "M8.999 19.5V12h-7.5a1.5 1.5 0 0 1 0-3h7.5V1.5a1.5 1.5 0 0 1 3 0V9h7.5a1.5 1.5 0 1 1 0 3h-7.5v7.5a1.5 1.5 0 0 1-3 0z"
-  }));
-};
+const AddIcon = props => _react.default.createElement(_reactIconBase.default, _extends({
+  viewBox: ""
+}, props), _react.default.createElement("path", {
+  "data-name": "Union 3",
+  d: "M8.999 19.5V12h-7.5a1.5 1.5 0 0 1 0-3h7.5V1.5a1.5 1.5 0 0 1 3 0V9h7.5a1.5 1.5 0 1 1 0 3h-7.5v7.5a1.5 1.5 0 0 1-3 0z"
+}));
 
 AddIcon.propTypes = {
   size: _propTypes.number

package/dist/components/Icons/AddSquare/index.js

@@ -13,13 +13,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || 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); }
 
-var AddSquareIcon = function AddSquareIcon(props) {
-  return _react.default.createElement(_reactIconBase.default, _extends({
-    viewBox: "0 0 32 32"
-  }, props), _react.default.createElement("path", {
-    d: "M27.5 32h-23A4.505 4.505 0 0 1 0 27.5v-23C0 2.019 2.019 0 4.5 0h23C29.981 0 32 2.019 32 4.5v23c0 2.481-2.019 4.5-4.5 4.5zM4.5 3A1.5 1.5 0 0 0 3 4.5v23A1.5 1.5 0 0 0 4.5 29h23a1.5 1.5 0 0 0 1.5-1.5v-23A1.5 1.5 0 0 0 27.5 3h-23zm17 11.5h-4v-4a1.5 1.5 0 1 0-3 0v4h-4a1.5 1.5 0 1 0 0 3h4v4a1.5 1.5 0 1 0 3 0v-4h4a1.5 1.5 0 1 0 0-3z"
-  }));
-};
+const AddSquareIcon = props => _react.default.createElement(_reactIconBase.default, _extends({
+  viewBox: "0 0 32 32"
+}, props), _react.default.createElement("path", {
+  d: "M27.5 32h-23A4.505 4.505 0 0 1 0 27.5v-23C0 2.019 2.019 0 4.5 0h23C29.981 0 32 2.019 32 4.5v23c0 2.481-2.019 4.5-4.5 4.5zM4.5 3A1.5 1.5 0 0 0 3 4.5v23A1.5 1.5 0 0 0 4.5 29h23a1.5 1.5 0 0 0 1.5-1.5v-23A1.5 1.5 0 0 0 27.5 3h-23zm17 11.5h-4v-4a1.5 1.5 0 1 0-3 0v4h-4a1.5 1.5 0 1 0 0 3h4v4a1.5 1.5 0 1 0 3 0v-4h4a1.5 1.5 0 1 0 0-3z"
+}));
 
 AddSquareIcon.propTypes = {
   size: _propTypes.number