@bigbinary/neetoui 5.2.32 → 5.2.34

package/formik.cjs.js

@@ -8,7 +8,7 @@ var ramda = require('ramda');
 var reactRouterDom = require('react-router-dom');
 var ReactDOM = require('react-dom');
 var neetoIcons = require('@bigbinary/neeto-icons');
-require('@bigbinary/neeto-cist');
+var neetoCist = require('@bigbinary/neeto-cist');
 var _ConfigProvider = require('antd/lib/config-provider');
 var _Slider = require('antd/lib/slider');
 var _TreeSelect = require('antd/lib/tree-select');
@@ -13356,7 +13356,7 @@ var Tooltip = function Tooltip(_ref) {
     onCreate: function onCreate(instance) {
       var _instance$popper$firs;
       setInstance(instance);
-      (_instance$popper$firs = instance.popper.firstElementChild) === null || _instance$popper$firs === void 0 ? void 0 : _instance$popper$firs.setAttribute("data-cy", "tooltip-box");
+      (_instance$popper$firs = instance.popper.firstElementChild) === null || _instance$popper$firs === void 0 || _instance$popper$firs.setAttribute("data-cy", "tooltip-box");
     }
   }, localProps, otherProps), /*#__PURE__*/React__default["default"].isValidElement(children) ? children : /*#__PURE__*/React__default["default"].createElement("span", null, children));
 };
@@ -15130,7 +15130,7 @@ var useNavPrompt = function useNavPrompt(_ref) {
   var continueNavigation = function continueNavigation() {
     if (isBlocked && unblockRef.current) {
       var _unblockRef$current;
-      (_unblockRef$current = unblockRef.current) === null || _unblockRef$current === void 0 ? void 0 : _unblockRef$current.call(unblockRef);
+      (_unblockRef$current = unblockRef.current) === null || _unblockRef$current === void 0 || _unblockRef$current.call(unblockRef);
       setIsBlocked(false);
       if (navRef.current) {
         var _navRef$current = navRef.current,
@@ -16533,7 +16533,7 @@ var getScrollbarWidth = function getScrollbarWidth() {
   var childDiv = document.createElement("div");
   parentDiv.appendChild(childDiv);
   var scrollbarWidth = parentDiv.offsetWidth - childDiv.offsetWidth;
-  parentDiv === null || parentDiv === void 0 ? void 0 : (_parentDiv$parentNode = parentDiv.parentNode) === null || _parentDiv$parentNode === void 0 ? void 0 : _parentDiv$parentNode.removeChild(parentDiv);
+  parentDiv === null || parentDiv === void 0 || (_parentDiv$parentNode = parentDiv.parentNode) === null || _parentDiv$parentNode === void 0 || _parentDiv$parentNode.removeChild(parentDiv);
   return scrollbarWidth;
 };
 var noop$1 = function noop() {};
@@ -16548,8 +16548,8 @@ var hyphenize = function hyphenize(input) {
 var trapFocusOnFocusableElements = function trapFocusOnFocusableElements(ref) {
   var _ref$current, _ref$current2;
   var focusableElements = 'button,[href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
-  var firstFocusableElement = ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelectorAll(focusableElements)[0];
-  var focusableContent = ref === null || ref === void 0 ? void 0 : (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.querySelectorAll(focusableElements);
+  var firstFocusableElement = ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelectorAll(focusableElements)[0];
+  var focusableContent = ref === null || ref === void 0 || (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.querySelectorAll(focusableElements);
   var lastFocusableElement = focusableContent[(focusableContent === null || focusableContent === void 0 ? void 0 : focusableContent.length) - 1];
   var onKeyDown = function onKeyDown(e) {
     var isTabPressed = e.key === "Tab" || e.keyCode === 9;
@@ -16576,8 +16576,8 @@ var trapFocusOnFocusableElements = function trapFocusOnFocusableElements(ref) {
 var focusFirstFocusableElement = function focusFirstFocusableElement(ref) {
   var _ref$current3;
   var focusableElements = 'button,[href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
-  var firstFocusableElement = ref === null || ref === void 0 ? void 0 : (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : _ref$current3.querySelectorAll(focusableElements)[0];
-  firstFocusableElement === null || firstFocusableElement === void 0 ? void 0 : firstFocusableElement.focus();
+  var firstFocusableElement = ref === null || ref === void 0 || (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : _ref$current3.querySelectorAll(focusableElements)[0];
+  firstFocusableElement === null || firstFocusableElement === void 0 || firstFocusableElement.focus();
 };
 var hideScrollAndAddMargin = function hideScrollAndAddMargin() {
   var scrollbarWidth = getScrollbarWidth();
@@ -16632,7 +16632,7 @@ var useOverlay = function useOverlay(_ref) {
     elementToFocusRef.current = manager.getFinalFocusInOverlay();
     if (!(finalFocusRef !== null && finalFocusRef !== void 0 && finalFocusRef.current)) {
       var _elementToFocusRef$cu;
-      elementToFocusRef === null || elementToFocusRef === void 0 ? void 0 : (_elementToFocusRef$cu = elementToFocusRef.current) === null || _elementToFocusRef$cu === void 0 ? void 0 : _elementToFocusRef$cu.focus();
+      elementToFocusRef === null || elementToFocusRef === void 0 || (_elementToFocusRef$cu = elementToFocusRef.current) === null || _elementToFocusRef$cu === void 0 || _elementToFocusRef$cu.focus();
     } else {
       finalFocusRef.current.focus();
     }
@@ -16641,8 +16641,8 @@ var useOverlay = function useOverlay(_ref) {
     if (hasTransitionCompleted) {
       var _initialFocusRef;
       if ((_initialFocusRef = initialFocusRef) !== null && _initialFocusRef !== void 0 && _initialFocusRef.current) {
-        var _initialFocusRef2, _initialFocusRef2$cur;
-        (_initialFocusRef2 = initialFocusRef) === null || _initialFocusRef2 === void 0 ? void 0 : (_initialFocusRef2$cur = _initialFocusRef2.current) === null || _initialFocusRef2$cur === void 0 ? void 0 : _initialFocusRef2$cur.focus();
+        var _initialFocusRef2;
+        (_initialFocusRef2 = initialFocusRef) === null || _initialFocusRef2 === void 0 || (_initialFocusRef2 = _initialFocusRef2.current) === null || _initialFocusRef2 === void 0 || _initialFocusRef2.focus();
       } else {
         focusFirstFocusableElement(overlayWrapper);
       }
@@ -16651,7 +16651,7 @@ var useOverlay = function useOverlay(_ref) {
   var handleOverlayClose = React.useCallback(function () {
     if (!manager.isTopOverlay(overlayWrapper)) return;
     returnFocusToPreviousActiveElement();
-    onClose === null || onClose === void 0 ? void 0 : onClose();
+    onClose === null || onClose === void 0 || onClose();
   }, [onClose]);
   useOnClickOutside(overlayWrapper, backdropRef, closeOnOutsideClick ? handleOverlayClose : noop$1);
   var isTopOverlay = React.useSyncExternalStore(manager.subscribe, function () {
@@ -17146,18 +17146,18 @@ var Checkbox$1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-checkbox__container"
   }, /*#__PURE__*/React__default["default"].createElement("input", _extends$2({
+    id: id,
+    ref: ref,
+    required: required,
     "aria-invalid": !!error,
     className: "neeto-ui-checkbox",
     "data-cy": "".concat(hyphenize(renderLabel), "-checkbox-input"),
-    id: id,
     name: id,
-    ref: ref,
-    required: required,
     type: "checkbox"
   }, otherProps)), renderLabel && /*#__PURE__*/React__default["default"].createElement(Label, _extends$2({
+    required: required,
     "data-cy": "".concat(hyphenize(renderLabel), "-checkbox-label"),
-    htmlFor: id,
-    required: required
+    htmlFor: id
   }, labelProps), renderLabel)), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(renderLabel), "-checkbox-error"),
@@ -17603,7 +17603,7 @@ var scrollToError = function scrollToError(formRef, errors) {
   var fieldErrorName = getErrorFieldName(errors);
   if (!fieldErrorName) return;
   var errorFormElement = formRef.current.querySelector("[name=\"".concat(fieldErrorName, "\"]"));
-  errorFormElement === null || errorFormElement === void 0 ? void 0 : errorFormElement.scrollIntoView({
+  errorFormElement === null || errorFormElement === void 0 || errorFormElement.scrollIntoView({
     behavior: "smooth",
     block: "center"
   });
@@ -17758,15 +17758,15 @@ Form.propTypes = {
 };
 
 var _excluded$n = ["size", "type", "label", "error", "suffix", "prefix", "disabled", "helpText", "className", "nakedInput", "contentSize", "required", "maxLength", "unlimitedChars", "labelProps", "rejectCharsRegex", "onBlur", "disableTrimOnBlur"];
-function ownKeys$7(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$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$8(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$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SIZES$3 = {
   small: "small",
   medium: "medium",
   large: "large"
 };
 var Input$2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref2, _otherProps$value, _classnames;
+  var _ref2, _otherProps$value;
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? SIZES$3.medium : _ref$size,
     _ref$type = _ref.type,
@@ -17816,7 +17816,7 @@ var Input$2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (!otherProps.onChange || !otherProps.value) {
       setValueInternal(e.target.value);
     }
-    (_otherProps$onChange = otherProps.onChange) === null || _otherProps$onChange === void 0 ? void 0 : _otherProps$onChange.call(otherProps, e);
+    (_otherProps$onChange = otherProps.onChange) === null || _otherProps$onChange === void 0 || _otherProps$onChange.call(otherProps, e);
   };
   var isMaxLengthPresent = !!maxLength || maxLength === 0;
   var handleRegexChange = function handleRegexChange(e) {
@@ -17830,7 +17830,7 @@ var Input$2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       e.target.value = value.trim();
       handleChange(e);
     }
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    onBlur === null || onBlur === void 0 || onBlur(e);
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames$1(["neeto-ui-input__wrapper", className])
@@ -17860,8 +17860,8 @@ var Input$2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     "aria-invalid": !!error,
     "data-cy": "".concat(hyphenize(label), "-input-field"),
     size: contentSize,
-    "aria-describedby": classnames$1((_classnames = {}, _defineProperty$1(_classnames, errorId, !!error), _defineProperty$1(_classnames, helpTextId, helpText), _classnames))
-  }, _objectSpread$6(_objectSpread$6(_objectSpread$6({
+    "aria-describedby": classnames$1(_defineProperty$1(_defineProperty$1({}, errorId, !!error), helpTextId, helpText))
+  }, _objectSpread$7(_objectSpread$7(_objectSpread$7({
     disabled: disabled,
     id: id,
     ref: ref,
@@ -17943,7 +17943,7 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function ownKeys$6(object, enumerableOnly) {
+function ownKeys$7(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -17956,9 +17956,9 @@ function ownKeys$6(object, enumerableOnly) {
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) {
+    i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) {
       _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -24645,8 +24645,8 @@ Tag.displayName = "Tag";
 
 var _excluded$g = ["children"],
   _excluded2$1 = ["children"];
-function ownKeys$5(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$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$6(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$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var STYLES = {
   border: {
     "default": "1px solid rgb(var(--neeto-ui-gray-400))",
@@ -24673,7 +24673,7 @@ var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
 };
 var MultiValueRemove$1 = function MultiValueRemove(props) {
   return /*#__PURE__*/React__default["default"].createElement(components.MultiValueRemove, _extends$2({}, props, {
-    innerProps: _objectSpread$5(_objectSpread$5({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "".concat(hyphenize(props.data.label), "-remove-icon")))
+    innerProps: _objectSpread$6(_objectSpread$6({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "".concat(hyphenize(props.data.label), "-remove-icon")))
   }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
     size: 16
   }));
@@ -24691,7 +24691,7 @@ var CustomValueContainer = function CustomValueContainer(_ref2) {
     rest = _children.slice(1);
   var shouldCollapse = !isFocused && value.length > visibleEmailsCount;
   return /*#__PURE__*/React__default["default"].createElement(components.ValueContainer, _extends$2({}, props, {
-    innerProps: _objectSpread$5(_objectSpread$5({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "multi-email-input-container"))
+    innerProps: _objectSpread$6(_objectSpread$6({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "multi-email-input-container"))
   }), shouldCollapse ? firstChild.slice(0, visibleEmailsCount) : firstChild, shouldCollapse && /*#__PURE__*/React__default["default"].createElement(Tag, {
     label: "".concat(value.length - visibleEmailsCount, " more"),
     style: "secondary"
@@ -24699,7 +24699,7 @@ var CustomValueContainer = function CustomValueContainer(_ref2) {
 };
 var CustomClearIndicator = function CustomClearIndicator(props) {
   return /*#__PURE__*/React__default["default"].createElement(components.ClearIndicator, _extends$2({}, props, {
-    innerProps: _objectSpread$5(_objectSpread$5({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "clear-all-button"))
+    innerProps: _objectSpread$6(_objectSpread$6({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "clear-all-button"))
   }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
     className: "cursor-pointer",
     size: 16
@@ -24707,7 +24707,7 @@ var CustomClearIndicator = function CustomClearIndicator(props) {
 };
 var SelectContainer = function SelectContainer(props) {
   return /*#__PURE__*/React__default["default"].createElement(components.SelectContainer, _extends$2({}, props, {
-    innerProps: _objectSpread$5(_objectSpread$5({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "multi-email-select-container"))
+    innerProps: _objectSpread$6(_objectSpread$6({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "multi-email-select-container"))
   }));
 };
 var Input = function Input(props) {
@@ -24722,7 +24722,7 @@ var CUSTOM_STYLES = {
   input: ramda.assoc("overflow", "hidden"),
   multiValue: function multiValue(styles, _ref3) {
     var valid = _ref3.data.valid;
-    return _objectSpread$5(_objectSpread$5({}, styles), {}, {
+    return _objectSpread$6(_objectSpread$6({}, styles), {}, {
       border: valid ? STYLES.border["default"] : STYLES.border.error,
       color: valid ? STYLES.color["default"] : STYLES.color.error
     });
@@ -24765,8 +24765,8 @@ var renderDefaultText = function renderDefaultText(count) {
 };
 
 var _excluded$f = ["label", "placeholder", "helpText", "value", "onChange", "error", "onBlur", "filterInvalidEmails", "counter", "disabled", "maxHeight", "required", "labelProps", "visibleEmailsCount"];
-function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$5(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$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "Email(s)" : _ref$label,
@@ -24840,7 +24840,7 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _otherProps$onCreateO;
     var email = formatEmailInputOptions(input);
     onChange(pruneDuplicates([].concat(_toConsumableArray$1(value), [email])));
-    otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onCreateO = otherProps.onCreateOption) === null || _otherProps$onCreateO === void 0 ? void 0 : _otherProps$onCreateO.call(otherProps, input);
+    otherProps === null || otherProps === void 0 || (_otherProps$onCreateO = otherProps.onCreateOption) === null || _otherProps$onCreateO === void 0 || _otherProps$onCreateO.call(otherProps, input);
   };
   var handleBlur = function handleBlur(event) {
     inputValue ? handleEmailChange() : onBlur(event);
@@ -24889,7 +24889,7 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: classnames$1("neeto-ui-react-select__container neeto-ui-email-input__select", {
       "neeto-ui-react-select__container--error": !!error
     }),
-    styles: _objectSpread$4(_objectSpread$4({}, CUSTOM_STYLES), {}, {
+    styles: _objectSpread$5(_objectSpread$5({}, CUSTOM_STYLES), {}, {
       control: ramda.mergeLeft({
         maxHeight: "".concat(maxHeight, "px"),
         overflowY: "auto"
@@ -24963,9 +24963,9 @@ var Item = function Item(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames$1(["neeto-ui-radio__item", className])
   }, /*#__PURE__*/React__default["default"].createElement("input", _extends$2({
-    className: "neeto-ui-radio",
     id: id,
     name: name,
+    className: "neeto-ui-radio",
     type: "radio"
   }, otherProps)), label && /*#__PURE__*/React__default["default"].createElement(Label, _extends$2({
     "data-cy": "".concat(hyphenize(label), "-radio-label"),
@@ -24975,8 +24975,8 @@ var Item = function Item(_ref) {
 Item.displayName = "Radio.Item";
 
 var _excluded$c = ["label", "children", "stacked", "className", "containerClassName", "error", "onChange", "labelProps"];
-function ownKeys$3(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$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Radio = function Radio(_ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
@@ -25012,7 +25012,7 @@ var Radio = function Radio(_ref) {
     }, containerClassName, containerClassName))
   }, React.Children.map(children, function (child) {
     var _child$props$checked, _ref2, _child$props$onChange;
-    return /*#__PURE__*/React.cloneElement(child, _objectSpread$3(_objectSpread$3(_objectSpread$3({}, child.props), props), {}, {
+    return /*#__PURE__*/React.cloneElement(child, _objectSpread$4(_objectSpread$4(_objectSpread$4({}, child.props), props), {}, {
       value: child.props.value,
       checked: (_child$props$checked = child.props.checked) !== null && _child$props$checked !== void 0 ? _child$props$checked : [internalValue, props.value].includes(child.props.value),
       onChange: (_ref2 = (_child$props$onChange = child.props.onChange) !== null && _child$props$onChange !== void 0 ? _child$props$onChange : onChange) !== null && _ref2 !== void 0 ? _ref2 : internalOnChange
@@ -25225,8 +25225,8 @@ var Spinner = function Spinner(_ref) {
 
 var _excluded$9 = ["children"],
   _excluded2 = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components", "optionRemapping"];
-function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$3(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$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SIZES$1 = {
   small: "small",
   medium: "medium",
@@ -25246,7 +25246,7 @@ var Control = function Control(_ref) {
 };
 var DropdownIndicator = function DropdownIndicator(props) {
   return /*#__PURE__*/React__default["default"].createElement(components.DropdownIndicator, _extends$2({}, props, {
-    innerProps: _objectSpread$2(_objectSpread$2({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "action-select-indicator"))
+    innerProps: _objectSpread$3(_objectSpread$3({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "action-select-indicator"))
   }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Down, {
     size: 16
   }));
@@ -25271,7 +25271,7 @@ var CustomInput = function CustomInput(props) {
 };
 var CustomOption = function CustomOption(props) {
   return /*#__PURE__*/React__default["default"].createElement(components.Option, _extends$2({}, props, {
-    innerProps: _objectSpread$2(_objectSpread$2({}, props.innerProps), {}, {
+    innerProps: _objectSpread$3(_objectSpread$3({}, props.innerProps), {}, {
       "data-cy": "".concat(hyphenize(props.label), "-select-option")
     })
   }));
@@ -25279,7 +25279,7 @@ var CustomOption = function CustomOption(props) {
 var Placeholder = function Placeholder(props) {
   var selectProps = props.selectProps;
   return /*#__PURE__*/React__default["default"].createElement(components.Placeholder, _extends$2({}, props, {
-    innerProps: _objectSpread$2(_objectSpread$2({}, props.innerProps), {}, {
+    innerProps: _objectSpread$3(_objectSpread$3({}, props.innerProps), {}, {
       "data-cy": selectProps ? "".concat(hyphenize(selectProps.label), "-select-placeholder") : "select-placeholder"
     })
   }));
@@ -25287,14 +25287,14 @@ var Placeholder = function Placeholder(props) {
 var Menu = function Menu(props) {
   var selectProps = props.selectProps;
   return /*#__PURE__*/React__default["default"].createElement(components.Menu, _extends$2({}, props, {
-    innerProps: _objectSpread$2(_objectSpread$2({}, props.innerProps), {}, {
+    innerProps: _objectSpread$3(_objectSpread$3({}, props.innerProps), {}, {
       "data-cy": selectProps ? "".concat(hyphenize(selectProps.label), "-select-menu") : "select-menu"
     })
   }));
 };
 var SingleValue = function SingleValue(props) {
   return /*#__PURE__*/React__default["default"].createElement(components.SingleValue, _extends$2({}, props, {
-    innerProps: _objectSpread$2(_objectSpread$2({}, props.innerProps), {}, {
+    innerProps: _objectSpread$3(_objectSpread$3({}, props.innerProps), {}, {
       "data-cy": "select-single-value"
     })
   }));
@@ -25302,7 +25302,7 @@ var SingleValue = function SingleValue(props) {
 var ValueContainer = function ValueContainer(props) {
   var selectProps = props.selectProps;
   return /*#__PURE__*/React__default["default"].createElement(components.ValueContainer, _extends$2({}, props, {
-    innerProps: _objectSpread$2(_objectSpread$2({}, props.innerProps), {}, {
+    innerProps: _objectSpread$3(_objectSpread$3({}, props.innerProps), {}, {
       name: selectProps.name,
       "data-cy": selectProps ? "".concat(hyphenize(selectProps.label), "-select-value-container") : "select-value-container"
     })
@@ -25329,14 +25329,13 @@ var MenuList = function MenuList(props) {
       observer.observe(loaderRef.current);
     }
     return function () {
-      if (loaderRef.current && isAsyncLoadOptionEnabled) {
-        var _observer;
-        (_observer = observer) === null || _observer === void 0 ? void 0 : _observer.unobserve(loaderRef.current);
-      }
+      var _observer;
+      if (!(loaderRef.current && isAsyncLoadOptionEnabled)) return;
+      (_observer = observer) === null || _observer === void 0 || _observer.unobserve(loaderRef.current);
     };
   }, [hasMore]);
   return /*#__PURE__*/React__default["default"].createElement(components.MenuList, _extends$2({}, props, {
-    innerProps: _objectSpread$2(_objectSpread$2({}, props.innerProps), {}, _defineProperty$1({}, "data-testid", "menu-list"))
+    innerProps: _objectSpread$3(_objectSpread$3({}, props.innerProps), {}, _defineProperty$1({}, "data-testid", "menu-list"))
   }), props.children, hasMore && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex w-full items-center justify-center py-3",
     "data-testid": "loader",
@@ -25400,12 +25399,19 @@ var Select = function Select(_ref2) {
     return getOptionValue(option);
   };
   var findInOptions = function findInOptions(value) {
+    var _currentOptions;
     if (!value || otherProps.isMulti) {
       return value;
     }
     var currentOptions = options || defaultOptions;
     if (Array.isArray(value)) value = value[0];
-    return currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.filter(function (opt) {
+    var isGrouped = neetoCist.existsBy({
+      options: Array.isArray
+    }, currentOptions);
+    if (isGrouped) {
+      currentOptions = ramda.flatten(ramda.pluck("options", currentOptions));
+    }
+    return (_currentOptions = currentOptions) === null || _currentOptions === void 0 ? void 0 : _currentOptions.filter(function (opt) {
       return getRealOptionValue(opt) === getRealOptionValue(value);
     });
   };
@@ -25414,18 +25420,16 @@ var Select = function Select(_ref2) {
     "data-cy": "".concat(hyphenize(label), "-select-container-wrapper"),
     "data-testid": "select"
   }, label && /*#__PURE__*/React__default["default"].createElement(Label, _extends$2({
+    required: required,
     "data-cy": "".concat(hyphenize(label), "-input-label"),
     "data-testid": "select-label",
-    htmlFor: inputId,
-    required: required
+    htmlFor: inputId
   }, labelProps), label), /*#__PURE__*/React__default["default"].createElement(Parent, _extends$2({
     blurInputOnSelect: false,
     classNamePrefix: "neeto-ui-react-select",
     closeMenuOnSelect: !otherProps.isMulti,
     "data-cy": "".concat(hyphenize(label), "-select-container"),
     defaultValue: findInOptions(defaultValue),
-    inputId: inputId,
-    label: label,
     ref: innerRef,
     value: findInOptions(value),
     className: classnames$1(["neeto-ui-react-select__container"], {
@@ -25434,7 +25438,7 @@ var Select = function Select(_ref2) {
       "neeto-ui-react-select__container--medium": size === SIZES$1.medium,
       "neeto-ui-react-select__container--large": size === SIZES$1.large
     }),
-    components: _objectSpread$2({
+    components: _objectSpread$3({
       Input: CustomInput,
       Option: CustomOption,
       DropdownIndicator: DropdownIndicator,
@@ -25447,7 +25451,10 @@ var Select = function Select(_ref2) {
       SingleValue: SingleValue,
       Control: Control
     }, componentOverrides)
-  }, portalProps, otherProps)), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, _objectSpread$3(_objectSpread$3({
+    inputId: inputId,
+    label: label
+  }, portalProps), otherProps))), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-select-error"),
     "data-testid": "select-error"
@@ -25511,17 +25518,17 @@ var SelectField = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (event.key === "Enter" && isMenuOpen.current) {
         event.stopPropagation();
       }
-      (_otherProps$onKeyDown = otherProps.onKeyDown) === null || _otherProps$onKeyDown === void 0 ? void 0 : _otherProps$onKeyDown.call(otherProps, event);
+      (_otherProps$onKeyDown = otherProps.onKeyDown) === null || _otherProps$onKeyDown === void 0 || _otherProps$onKeyDown.call(otherProps, event);
     },
     onMenuClose: function onMenuClose() {
       var _otherProps$onMenuClo;
       isMenuOpen.current = false;
-      (_otherProps$onMenuClo = otherProps.onMenuClose) === null || _otherProps$onMenuClo === void 0 ? void 0 : _otherProps$onMenuClo.call(otherProps);
+      (_otherProps$onMenuClo = otherProps.onMenuClose) === null || _otherProps$onMenuClo === void 0 || _otherProps$onMenuClo.call(otherProps);
     },
     onMenuOpen: function onMenuOpen() {
       var _otherProps$onMenuOpe;
       isMenuOpen.current = true;
-      (_otherProps$onMenuOpe = otherProps.onMenuOpen) === null || _otherProps$onMenuOpe === void 0 ? void 0 : _otherProps$onMenuOpe.call(otherProps);
+      (_otherProps$onMenuOpe = otherProps.onMenuOpen) === null || _otherProps$onMenuOpe === void 0 || _otherProps$onMenuOpe.call(otherProps);
     }
   }));
 });
@@ -25530,8 +25537,8 @@ SelectField.displayName = "SelectField";
 var NEETO_UI_PRIMARY_500 = "#4558f9";
 
 var _excluded$7 = ["min", "max", "defaultValue", "onChange", "value", "label", "required", "labelProps", "error", "helpText"];
-function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Slider = function Slider(_ref) {
   var _ref$min = _ref.min,
     min = _ref$min === void 0 ? 0 : _ref$min,
@@ -25556,7 +25563,7 @@ var Slider = function Slider(_ref) {
   var helpTextId = "helpText_".concat(id);
   return /*#__PURE__*/React__default["default"].createElement(_ConfigProvider__default["default"], {
     theme: {
-      token: _objectSpread$1({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
+      token: _objectSpread$2({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
       components: {
         Slider: {
           dotActiveBorderColor: "rgb(var(--neeto-ui-primary-500))",
@@ -25578,15 +25585,10 @@ var Slider = function Slider(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-input__label-wrapper"
   }, label && /*#__PURE__*/React__default["default"].createElement(Label, _extends$2({
+    required: required,
     "data-cy": "".concat(hyphenize(label), "-slider-label"),
-    htmlFor: id,
-    required: required
+    htmlFor: id
   }, labelProps), label)), /*#__PURE__*/React__default["default"].createElement(_Slider__default["default"], _extends$2({
-    max: max,
-    min: min,
-    value: value,
-    defaultValue: defaultValue,
-    onChange: onChange,
     className: "neeto-ui-w-full",
     handleStyle: {
       backgroundColor: NEETO_UI_PRIMARY_500
@@ -25597,9 +25599,15 @@ var Slider = function Slider(_ref) {
     trackStyle: {
       backgroundColor: NEETO_UI_PRIMARY_500
     }
-  }, otherProps, {
+  }, _objectSpread$2(_objectSpread$2({
+    defaultValue: defaultValue,
+    max: max,
+    min: min,
+    onChange: onChange,
+    value: value
+  }, otherProps), {}, {
     id: id
-  })), !!error && /*#__PURE__*/React__default["default"].createElement(Typography, {
+  }))), !!error && /*#__PURE__*/React__default["default"].createElement(Typography, {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     id: errorId,
@@ -25659,8 +25667,8 @@ var Switch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     disabled = otherProps.disabled;
   var renderLabel = label || children;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames$1(["neeto-ui-switch__wrapper", className]),
-    ref: ref
+    ref: ref,
+    className: classnames$1(["neeto-ui-switch__wrapper", className])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-switch__container"
   }, /*#__PURE__*/React__default["default"].createElement("label", {
@@ -25670,8 +25678,8 @@ var Switch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       "neeto-ui-switch__item--disabled": disabled
     })
   }, /*#__PURE__*/React__default["default"].createElement("input", _extends$2({
-    type: "checkbox",
-    onChange: onChange
+    onChange: onChange,
+    type: "checkbox"
   }, otherProps)), /*#__PURE__*/React__default["default"].createElement("span", {
     "aria-hidden": "true",
     "data-cy": "".concat(hyphenize(renderLabel), "-switch"),
@@ -25687,9 +25695,9 @@ var Switch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     size: "12",
     strokeWidth: 3
   }))), renderLabel && /*#__PURE__*/React__default["default"].createElement(Label, _extends$2({
+    required: required,
     "data-cy": "".concat(hyphenize(renderLabel), "-switch-label"),
-    htmlFor: id,
-    required: required
+    htmlFor: id
   }, labelProps), renderLabel)), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(renderLabel), "-switch-error"),
@@ -25716,6 +25724,8 @@ var FormikSwitch = function FormikSwitch(_ref) {
 };
 
 var _excluded$3 = ["size", "rows", "disabled", "required", "nakedTextarea", "helpText", "error", "label", "className", "maxLength", "unlimitedChars", "labelProps"];
+function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SIZES = {
   small: "small",
   medium: "medium",
@@ -25774,9 +25784,9 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-input__label-wrapper"
   }, label && /*#__PURE__*/React__default["default"].createElement(Label, _extends$2({
+    required: required,
     "data-cy": "".concat(hyphenize(label), "-label"),
-    htmlFor: id,
-    required: required
+    htmlFor: id
   }, labelProps), label), isCharacterLimitVisible && /*#__PURE__*/React__default["default"].createElement(Typography, {
     style: "body2",
     className: classnames$1("neeto-ui-input__max-length", {
@@ -25793,15 +25803,16 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       "neeto-ui-input--large": size === "large"
     })
   }, /*#__PURE__*/React__default["default"].createElement("textarea", _extends$2({
+    ref: textareaRef
+  }, _objectSpread$1(_objectSpread$1(_objectSpread$1({
     disabled: disabled,
-    ref: textareaRef,
     rows: rows
   }, isMaxLengthPresent && !unlimitedChars && {
     maxLength: maxLength
-  }, otherProps, {
-    value: value,
-    onChange: onChange
-  }))), !!error && /*#__PURE__*/React__default["default"].createElement(Typography, {
+  }), otherProps), {}, {
+    onChange: onChange,
+    value: value
+  })))), !!error && /*#__PURE__*/React__default["default"].createElement(Typography, {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     id: errorId,