@bigbinary/neetoui 6.0.0-beta → 6.0.0

package/formik.js

@@ -81,6 +81,47 @@ var classnames$2 = {exports: {}};
 
 var classnames$1 = classnames$2.exports;
 
+function _typeof$2(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof$2(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof$2(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof$2(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof$2(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty$1(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 _objectWithoutPropertiesLoose$3(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -13332,6 +13373,8 @@ var Tooltip = function Tooltip(_ref) {
 };
 
 var _excluded$w = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
+function ownKeys$9(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$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BUTTON_STYLES = {
   primary: "primary",
   secondary: "secondary",
@@ -13406,9 +13449,8 @@ var Button = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     }
   }
   var handleClick = function handleClick(e) {
-    if (!loading && !disabled) {
-      onClick(e);
-    }
+    if (loading || disabled) return;
+    onClick(e);
   };
   var Icon = typeof icon === "string" ? function () {
     return /*#__PURE__*/React__default.createElement("i", {
@@ -13419,8 +13461,6 @@ var Button = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React__default.createElement(Tooltip, _extends$2({
     disabled: !tooltipProps
   }, tooltipProps), /*#__PURE__*/React__default.createElement(Parent, _extends$2({
-    disabled: disabled,
-    ref: ref,
     className: classnames$1("neeto-ui-btn", [className], {
       "neeto-ui-btn--style-primary": style === BUTTON_STYLES.primary,
       "neeto-ui-btn--style-secondary": style === BUTTON_STYLES.secondary,
@@ -13436,21 +13476,18 @@ var Button = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       disabled: disabled
     }),
     onClick: handleClick
-  }, elementSpecificProps, otherProps), renderLabel && /*#__PURE__*/React__default.createElement("span", null, renderLabel), /*#__PURE__*/React__default.createElement(AnimatePresence, {
-    mode: "wait"
-  }, icon ? /* When Icon is present, animate between the icon and the spinner*/
-  loading ? /*#__PURE__*/React__default.createElement(Spinner$1, {
+  }, _objectSpread$8(_objectSpread$8({
+    disabled: disabled,
+    ref: ref
+  }, elementSpecificProps), otherProps)), renderLabel && /*#__PURE__*/React__default.createElement("span", null, renderLabel), icon ? loading ? /*#__PURE__*/React__default.createElement(Spinner$1, {
     "aria-hidden": "true",
     className: "neeto-ui-btn__spinner",
-    key: "1",
     size: 16
   }) : /*#__PURE__*/React__default.createElement(Icon, {
     "aria-hidden": "true",
     className: "neeto-ui-btn__icon",
-    key: "2",
     size: iconSize
-  }) : /* When Icon is not present, animate the margin from 0 to the needed value*/
-  loading && /*#__PURE__*/React__default.createElement(motion.div, {
+  }) : /*#__PURE__*/React__default.createElement(AnimatePresence, null, loading && /*#__PURE__*/React__default.createElement(motion.div, {
     animate: {
       width: "auto",
       scale: 1
@@ -13526,47 +13563,6 @@ var ActionBlock = function ActionBlock(_ref) {
   }, cancelButtonProps)));
 };
 
-function _typeof$2(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$2(obj);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof$2(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof$2(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof$2(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty$1(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 _extends$1() {
   _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -17797,11 +17793,15 @@ var Input$2 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     onChange(e);
   };
   var handleChange = rejectCharsRegex ? handleRegexChange : onChange;
+  var handleTrimmedChangeOnBlur = function handleTrimmedChangeOnBlur(e) {
+    if (disableTrimOnBlur || typeof value !== "string") return;
+    var trimmedValue = value.trim();
+    if (value === trimmedValue) return;
+    e.target.value = trimmedValue;
+    handleChange(e);
+  };
   var handleOnBlur = function handleOnBlur(e) {
-    if (!disableTrimOnBlur && typeof value === "string") {
-      e.target.value = value.trim();
-      handleChange(e);
-    }
+    handleTrimmedChangeOnBlur(e);
     onBlur === null || onBlur === void 0 || onBlur(e);
   };
   return /*#__PURE__*/React__default.createElement("div", {
@@ -24836,9 +24836,9 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-email-input__label-wrapper"
   }, label && /*#__PURE__*/React__default.createElement(Label, _extends$2({
+    required: required,
     className: "neeto-ui-email-input__label",
-    "data-cy": "".concat(hyphenize(label), "-input-label"),
-    required: required
+    "data-cy": "".concat(hyphenize(label), "-input-label")
   }, labelProps), label), isCounterVisible && /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-ui-email-input__counter",
     "data-cy": "".concat(hyphenize(label), "-email-counter"),
@@ -24848,13 +24848,7 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     required: true,
     classNamePrefix: "neeto-ui-react-select",
     components: CUSTOM_COMPONENTS,
-    inputValue: inputValue,
     isDisabled: disabled,
-    isFocused: isFocused,
-    placeholder: placeholder,
-    ref: ref,
-    value: value,
-    visibleEmailsCount: visibleEmailsCount,
     className: classnames$1("neeto-ui-react-select__container neeto-ui-react-select__container--medium neeto-ui-email-input__select", {
       "neeto-ui-react-select__container--error": !!error
     }),
@@ -24865,7 +24859,6 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
       })
     }),
     onBlur: handleBlur,
-    onChange: onChange,
     onFocus: function onFocus() {
       return setIsFocused(true);
     },
@@ -24873,9 +24866,17 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
       return setInputValue(inputValue);
     },
     onKeyDown: handleKeyDown
+  }, _objectSpread$5(_objectSpread$5(_objectSpread$5({
+    inputValue: inputValue,
+    isFocused: isFocused,
+    onChange: onChange,
+    placeholder: placeholder,
+    ref: ref,
+    value: value,
+    visibleEmailsCount: visibleEmailsCount
   }, !isOptionsPresent && {
     menuIsOpen: false
-  }, otherProps, overrideProps)), !!error && /*#__PURE__*/React__default.createElement(Typography, {
+  }), otherProps), overrideProps))), !!error && /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     style: "body3"