@bigbinary/neetoui 5.2.32 → 5.2.33

package/index.js

@@ -1,8 +1,8 @@
 import * as React$5 from 'react';
 import React__default, { createContext, useLayoutEffect, useEffect, useContext, useRef, useInsertionEffect as useInsertionEffect$1, useCallback, useMemo, forwardRef as forwardRef$1, createElement, useId as useId$1, useState, cloneElement as cloneElement$1, Children, isValidElement, useSyncExternalStore, Fragment, Component, memo as memo$1 } from 'react';
-import { isEmpty, equals, complement, toPairs, pipe as pipe$1, omit, isNil, replace as replace$2, assoc, pluck, mergeLeft, prop, move } from 'ramda';
+import { isEmpty, equals, complement, toPairs, pipe as pipe$1, omit, isNil, replace as replace$2, assoc, pluck, mergeLeft, prop, flatten, move } from 'ramda';
 import { Right, Down, Close, Info, Focus, Left, Calendar, Check, MenuHorizontal, Clock as Clock$1, CheckCircle, Warning, CloseCircle } from '@bigbinary/neeto-icons';
-import { preprocessForSerialization, camelToSnakeCase, modifyBy, snakeToCamelCase, dynamicArray } from '@bigbinary/neeto-cist';
+import { preprocessForSerialization, existsBy, camelToSnakeCase, modifyBy, snakeToCamelCase, dynamicArray } from '@bigbinary/neeto-cist';
 import require$$0 from 'util';
 import { Link, useLocation, useHistory, NavLink } from 'react-router-dom';
 import ReactDOM, { createPortal, findDOMNode as findDOMNode$1 } from 'react-dom';
@@ -12,8 +12,8 @@ import _Slider from 'antd/lib/slider';
 import _Table from 'antd/lib/table';
 import { t as t$1 } from 'i18next';
 import { Slide, toast } from 'react-toastify';
-import _TreeSelect from 'antd/lib/tree-select';
 import _Tree from 'antd/lib/tree';
+import _TreeSelect from 'antd/lib/tree-select';
 
 function _typeof$6(obj) {
   "@babel/helpers - typeof";
@@ -11617,7 +11617,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$2 = function noop() {};
@@ -11657,8 +11657,8 @@ var UniqueArray = /*#__PURE__*/function () {
 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;
@@ -11685,8 +11685,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();
@@ -15749,7 +15749,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.isValidElement(children) ? children : /*#__PURE__*/React__default.createElement("span", null, children));
 };
@@ -18493,7 +18493,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();
     }
@@ -18502,8 +18502,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);
       }
@@ -18512,7 +18512,7 @@ var useOverlay = function useOverlay(_ref) {
   var handleOverlayClose = 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$2);
   var isTopOverlay = useSyncExternalStore(manager.subscribe, function () {
@@ -18561,12 +18561,12 @@ var useOverlayManager = function useOverlayManager(ref, isOpen) {
   }, [isOpen, ref]);
 };
 
-function ownKeys$h(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$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$l(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$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useQueryParams = function useQueryParams() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var location = useLocation();
-  return lib.parse(location.search, _objectSpread$g({
+  return lib.parse(location.search, _objectSpread$k({
     ignoreQueryPrefix: true
   }, options));
 };
@@ -19132,18 +19132,18 @@ var Checkbox = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-checkbox__container"
   }, /*#__PURE__*/React__default.createElement("input", _extends$4({
+    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.createElement(Label, _extends$4({
+    required: required,
     "data-cy": "".concat(hyphenize(renderLabel), "-checkbox-label"),
-    htmlFor: id,
-    required: required
+    htmlFor: id
   }, labelProps), renderLabel)), !!error && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(renderLabel), "-checkbox-error"),
@@ -20912,6 +20912,8 @@ var ColorPicker = function ColorPicker(_ref) {
 };
 
 var _excluded$t = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "timeFormat", "onChange", "onOk", "picker", "showTime", "type", "nakedInput", "error", "defaultValue", "value", "labelProps", "required"];
+function ownKeys$k(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$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var INPUT_SIZES$2 = {
   small: "small",
   medium: "medium",
@@ -20976,13 +20978,14 @@ var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref2, ref) {
   };
   return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-input__wrapper"
-  }, label && /*#__PURE__*/React__default.createElement(Label, _extends$4({
+  }, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread$j({
     required: required
   }, labelProps), label), /*#__PURE__*/React__default.createElement(Component, _extends$4({
-    "data-cy": label ? "".concat(hyphenize(label), "-input") : "picker-input",
-    defaultValue: convertToDayjsObjects(defaultValue),
     format: format,
+    onOk: onOk,
     picker: picker,
+    "data-cy": label ? "".concat(hyphenize(label), "-input") : "picker-input",
+    defaultValue: convertToDayjsObjects(defaultValue),
     ref: datePickerRef,
     showTime: showTime && {
       format: timeFormat
@@ -20999,8 +21002,7 @@ var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref2, ref) {
     popupClassName: classnames$1("neeto-ui-date-time-dropdown", [dropdownClassName,
     // Will be removed in the next major version
     popupClassName]),
-    onChange: handleOnChange,
-    onOk: onOk
+    onChange: handleOnChange
   }, otherProps, {
     nextIcon: /*#__PURE__*/React__default.createElement(IconOverride, {
       icon: Right
@@ -21032,15 +21034,15 @@ var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref2, ref) {
 DatePicker.displayName = "DatePicker";
 
 var _excluded$s = ["size", "type", "label", "error", "suffix", "prefix", "disabled", "helpText", "className", "nakedInput", "contentSize", "required", "maxLength", "unlimitedChars", "labelProps", "rejectCharsRegex", "onBlur", "disableTrimOnBlur"];
-function ownKeys$g(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$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$j(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$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SIZES$5 = {
   small: "small",
   medium: "medium",
   large: "large"
 };
 var Input$3 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
-  var _ref2, _otherProps$value, _classnames;
+  var _ref2, _otherProps$value;
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? SIZES$5.medium : _ref$size,
     _ref$type = _ref.type,
@@ -21090,7 +21092,7 @@ var Input$3 = /*#__PURE__*/forwardRef$1(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) {
@@ -21104,7 +21106,7 @@ var Input$3 = /*#__PURE__*/forwardRef$1(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.createElement("div", {
     className: classnames$1(["neeto-ui-input__wrapper", className])
@@ -21134,8 +21136,8 @@ var Input$3 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     "aria-invalid": !!error,
     "data-cy": "".concat(hyphenize(label), "-input-field"),
     size: contentSize,
-    "aria-describedby": classnames$1((_classnames = {}, _defineProperty$7(_classnames, errorId, !!error), _defineProperty$7(_classnames, helpTextId, helpText), _classnames))
-  }, _objectSpread$f(_objectSpread$f(_objectSpread$f({
+    "aria-describedby": classnames$1(_defineProperty$7(_defineProperty$7({}, errorId, !!error), helpTextId, helpText))
+  }, _objectSpread$i(_objectSpread$i(_objectSpread$i({
     disabled: disabled,
     id: id,
     ref: ref,
@@ -21222,7 +21224,7 @@ function _defineProperty$6(obj, key, value) {
   return obj;
 }
 
-function ownKeys$f(object, enumerableOnly) {
+function ownKeys$i(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -21235,9 +21237,9 @@ function ownKeys$f(object, enumerableOnly) {
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) {
+    i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) {
       _defineProperty$6(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -27924,8 +27926,8 @@ Tag.displayName = "Tag";
 
 var _excluded$l = ["children"],
   _excluded2$3 = ["children"];
-function ownKeys$e(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$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$h(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$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(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))",
@@ -27952,7 +27954,7 @@ var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
 };
 var MultiValueRemove$1 = function MultiValueRemove(props) {
   return /*#__PURE__*/React__default.createElement(components.MultiValueRemove, _extends$4({}, props, {
-    innerProps: _objectSpread$e(_objectSpread$e({}, props.innerProps), {}, _defineProperty$7({}, "data-cy", "".concat(hyphenize(props.data.label), "-remove-icon")))
+    innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty$7({}, "data-cy", "".concat(hyphenize(props.data.label), "-remove-icon")))
   }), /*#__PURE__*/React__default.createElement(Close, {
     size: 16
   }));
@@ -27970,7 +27972,7 @@ var CustomValueContainer = function CustomValueContainer(_ref2) {
     rest = _children.slice(1);
   var shouldCollapse = !isFocused && value.length > visibleEmailsCount;
   return /*#__PURE__*/React__default.createElement(components.ValueContainer, _extends$4({}, props, {
-    innerProps: _objectSpread$e(_objectSpread$e({}, props.innerProps), {}, _defineProperty$7({}, "data-cy", "multi-email-input-container"))
+    innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty$7({}, "data-cy", "multi-email-input-container"))
   }), shouldCollapse ? firstChild.slice(0, visibleEmailsCount) : firstChild, shouldCollapse && /*#__PURE__*/React__default.createElement(Tag, {
     label: "".concat(value.length - visibleEmailsCount, " more"),
     style: "secondary"
@@ -27978,7 +27980,7 @@ var CustomValueContainer = function CustomValueContainer(_ref2) {
 };
 var CustomClearIndicator = function CustomClearIndicator(props) {
   return /*#__PURE__*/React__default.createElement(components.ClearIndicator, _extends$4({}, props, {
-    innerProps: _objectSpread$e(_objectSpread$e({}, props.innerProps), {}, _defineProperty$7({}, "data-cy", "clear-all-button"))
+    innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty$7({}, "data-cy", "clear-all-button"))
   }), /*#__PURE__*/React__default.createElement(Close, {
     className: "cursor-pointer",
     size: 16
@@ -27986,7 +27988,7 @@ var CustomClearIndicator = function CustomClearIndicator(props) {
 };
 var SelectContainer = function SelectContainer(props) {
   return /*#__PURE__*/React__default.createElement(components.SelectContainer, _extends$4({}, props, {
-    innerProps: _objectSpread$e(_objectSpread$e({}, props.innerProps), {}, _defineProperty$7({}, "data-cy", "multi-email-select-container"))
+    innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty$7({}, "data-cy", "multi-email-select-container"))
   }));
 };
 var Input$1 = function Input(props) {
@@ -28001,7 +28003,7 @@ var CUSTOM_STYLES = {
   input: assoc("overflow", "hidden"),
   multiValue: function multiValue(styles, _ref3) {
     var valid = _ref3.data.valid;
-    return _objectSpread$e(_objectSpread$e({}, styles), {}, {
+    return _objectSpread$h(_objectSpread$h({}, styles), {}, {
       border: valid ? STYLES.border["default"] : STYLES.border.error,
       color: valid ? STYLES.color["default"] : STYLES.color.error
     });
@@ -28044,8 +28046,8 @@ var renderDefaultText = function renderDefaultText(count) {
 };
 
 var _excluded$k = ["label", "placeholder", "helpText", "value", "onChange", "error", "onBlur", "filterInvalidEmails", "counter", "disabled", "maxHeight", "required", "labelProps", "visibleEmailsCount"];
-function ownKeys$d(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$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$g(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$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "Email(s)" : _ref$label,
@@ -28119,7 +28121,7 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(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);
@@ -28168,7 +28170,7 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(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$d(_objectSpread$d({}, CUSTOM_STYLES), {}, {
+    styles: _objectSpread$g(_objectSpread$g({}, CUSTOM_STYLES), {}, {
       control: mergeLeft({
         maxHeight: "".concat(maxHeight, "px"),
         overflowY: "auto"
@@ -28601,9 +28603,9 @@ var Item$1 = function Item(_ref) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: classnames$1(["neeto-ui-radio__item", className])
   }, /*#__PURE__*/React__default.createElement("input", _extends$4({
-    className: "neeto-ui-radio",
     id: id,
     name: name,
+    className: "neeto-ui-radio",
     type: "radio"
   }, otherProps)), label && /*#__PURE__*/React__default.createElement(Label, _extends$4({
     "data-cy": "".concat(hyphenize(label), "-radio-label"),
@@ -28613,8 +28615,8 @@ var Item$1 = function Item(_ref) {
 Item$1.displayName = "Radio.Item";
 
 var _excluded$f = ["label", "children", "stacked", "className", "containerClassName", "error", "onChange", "labelProps"];
-function ownKeys$c(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$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$f(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$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(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,
@@ -28650,7 +28652,7 @@ var Radio = function Radio(_ref) {
     }, containerClassName, containerClassName))
   }, Children.map(children, function (child) {
     var _child$props$checked, _ref2, _child$props$onChange;
-    return /*#__PURE__*/cloneElement$1(child, _objectSpread$c(_objectSpread$c(_objectSpread$c({}, child.props), props), {}, {
+    return /*#__PURE__*/cloneElement$1(child, _objectSpread$f(_objectSpread$f(_objectSpread$f({}, 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
@@ -28837,8 +28839,8 @@ var Spinner = function Spinner(_ref) {
 
 var _excluded$d = ["children"],
   _excluded2$2 = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components", "optionRemapping"];
-function ownKeys$b(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$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$e(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$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SIZES$2 = {
   small: "small",
   medium: "medium",
@@ -28858,7 +28860,7 @@ var Control = function Control(_ref) {
 };
 var DropdownIndicator = function DropdownIndicator(props) {
   return /*#__PURE__*/React__default.createElement(components.DropdownIndicator, _extends$4({}, props, {
-    innerProps: _objectSpread$b(_objectSpread$b({}, props.innerProps), {}, _defineProperty$7({}, "data-cy", "action-select-indicator"))
+    innerProps: _objectSpread$e(_objectSpread$e({}, props.innerProps), {}, _defineProperty$7({}, "data-cy", "action-select-indicator"))
   }), /*#__PURE__*/React__default.createElement(Down, {
     size: 16
   }));
@@ -28883,7 +28885,7 @@ var CustomInput = function CustomInput(props) {
 };
 var CustomOption = function CustomOption(props) {
   return /*#__PURE__*/React__default.createElement(components.Option, _extends$4({}, props, {
-    innerProps: _objectSpread$b(_objectSpread$b({}, props.innerProps), {}, {
+    innerProps: _objectSpread$e(_objectSpread$e({}, props.innerProps), {}, {
       "data-cy": "".concat(hyphenize(props.label), "-select-option")
     })
   }));
@@ -28891,7 +28893,7 @@ var CustomOption = function CustomOption(props) {
 var Placeholder = function Placeholder(props) {
   var selectProps = props.selectProps;
   return /*#__PURE__*/React__default.createElement(components.Placeholder, _extends$4({}, props, {
-    innerProps: _objectSpread$b(_objectSpread$b({}, props.innerProps), {}, {
+    innerProps: _objectSpread$e(_objectSpread$e({}, props.innerProps), {}, {
       "data-cy": selectProps ? "".concat(hyphenize(selectProps.label), "-select-placeholder") : "select-placeholder"
     })
   }));
@@ -28899,14 +28901,14 @@ var Placeholder = function Placeholder(props) {
 var Menu = function Menu(props) {
   var selectProps = props.selectProps;
   return /*#__PURE__*/React__default.createElement(components.Menu, _extends$4({}, props, {
-    innerProps: _objectSpread$b(_objectSpread$b({}, props.innerProps), {}, {
+    innerProps: _objectSpread$e(_objectSpread$e({}, props.innerProps), {}, {
       "data-cy": selectProps ? "".concat(hyphenize(selectProps.label), "-select-menu") : "select-menu"
     })
   }));
 };
 var SingleValue = function SingleValue(props) {
   return /*#__PURE__*/React__default.createElement(components.SingleValue, _extends$4({}, props, {
-    innerProps: _objectSpread$b(_objectSpread$b({}, props.innerProps), {}, {
+    innerProps: _objectSpread$e(_objectSpread$e({}, props.innerProps), {}, {
       "data-cy": "select-single-value"
     })
   }));
@@ -28914,7 +28916,7 @@ var SingleValue = function SingleValue(props) {
 var ValueContainer = function ValueContainer(props) {
   var selectProps = props.selectProps;
   return /*#__PURE__*/React__default.createElement(components.ValueContainer, _extends$4({}, props, {
-    innerProps: _objectSpread$b(_objectSpread$b({}, props.innerProps), {}, {
+    innerProps: _objectSpread$e(_objectSpread$e({}, props.innerProps), {}, {
       name: selectProps.name,
       "data-cy": selectProps ? "".concat(hyphenize(selectProps.label), "-select-value-container") : "select-value-container"
     })
@@ -28941,14 +28943,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.createElement(components.MenuList, _extends$4({}, props, {
-    innerProps: _objectSpread$b(_objectSpread$b({}, props.innerProps), {}, _defineProperty$7({}, "data-testid", "menu-list"))
+    innerProps: _objectSpread$e(_objectSpread$e({}, props.innerProps), {}, _defineProperty$7({}, "data-testid", "menu-list"))
   }), props.children, hasMore && /*#__PURE__*/React__default.createElement("div", {
     className: "flex w-full items-center justify-center py-3",
     "data-testid": "loader",
@@ -29012,12 +29013,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 = existsBy({
+      options: Array.isArray
+    }, currentOptions);
+    if (isGrouped) {
+      currentOptions = flatten(pluck("options", currentOptions));
+    }
+    return (_currentOptions = currentOptions) === null || _currentOptions === void 0 ? void 0 : _currentOptions.filter(function (opt) {
       return getRealOptionValue(opt) === getRealOptionValue(value);
     });
   };
@@ -29026,18 +29034,16 @@ var Select = function Select(_ref2) {
     "data-cy": "".concat(hyphenize(label), "-select-container-wrapper"),
     "data-testid": "select"
   }, label && /*#__PURE__*/React__default.createElement(Label, _extends$4({
+    required: required,
     "data-cy": "".concat(hyphenize(label), "-input-label"),
     "data-testid": "select-label",
-    htmlFor: inputId,
-    required: required
+    htmlFor: inputId
   }, labelProps), label), /*#__PURE__*/React__default.createElement(Parent, _extends$4({
     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"], {
@@ -29046,7 +29052,7 @@ var Select = function Select(_ref2) {
       "neeto-ui-react-select__container--medium": size === SIZES$2.medium,
       "neeto-ui-react-select__container--large": size === SIZES$2.large
     }),
-    components: _objectSpread$b({
+    components: _objectSpread$e({
       Input: CustomInput,
       Option: CustomOption,
       DropdownIndicator: DropdownIndicator,
@@ -29059,7 +29065,10 @@ var Select = function Select(_ref2) {
       SingleValue: SingleValue,
       Control: Control
     }, componentOverrides)
-  }, portalProps, otherProps)), !!error && /*#__PURE__*/React__default.createElement("p", {
+  }, _objectSpread$e(_objectSpread$e({
+    inputId: inputId,
+    label: label
+  }, portalProps), otherProps))), !!error && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-select-error"),
     "data-testid": "select-error"
@@ -29073,8 +29082,8 @@ var Select = function Select(_ref2) {
 var NEETO_UI_PRIMARY_500 = "#4558f9";
 
 var _excluded$c = ["min", "max", "defaultValue", "onChange", "value", "label", "required", "labelProps", "error", "helpText"];
-function ownKeys$a(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$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$d(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$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(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,
@@ -29099,7 +29108,7 @@ var Slider = function Slider(_ref) {
   var helpTextId = "helpText_".concat(id);
   return /*#__PURE__*/React__default.createElement(_ConfigProvider, {
     theme: {
-      token: _objectSpread$a({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
+      token: _objectSpread$d({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
       components: {
         Slider: {
           dotActiveBorderColor: "rgb(var(--neeto-ui-primary-500))",
@@ -29121,15 +29130,10 @@ var Slider = function Slider(_ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-input__label-wrapper"
   }, label && /*#__PURE__*/React__default.createElement(Label, _extends$4({
+    required: required,
     "data-cy": "".concat(hyphenize(label), "-slider-label"),
-    htmlFor: id,
-    required: required
+    htmlFor: id
   }, labelProps), label)), /*#__PURE__*/React__default.createElement(_Slider, _extends$4({
-    max: max,
-    min: min,
-    value: value,
-    defaultValue: defaultValue,
-    onChange: onChange,
     className: "neeto-ui-w-full",
     handleStyle: {
       backgroundColor: NEETO_UI_PRIMARY_500
@@ -29140,9 +29144,15 @@ var Slider = function Slider(_ref) {
     trackStyle: {
       backgroundColor: NEETO_UI_PRIMARY_500
     }
-  }, otherProps, {
+  }, _objectSpread$d(_objectSpread$d({
+    defaultValue: defaultValue,
+    max: max,
+    min: min,
+    onChange: onChange,
+    value: value
+  }, otherProps), {}, {
     id: id
-  })), !!error && /*#__PURE__*/React__default.createElement(Typography, {
+  }))), !!error && /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     id: errorId,
@@ -29206,8 +29216,8 @@ var Switch = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     disabled = otherProps.disabled;
   var renderLabel = label || children;
   return /*#__PURE__*/React__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.createElement("div", {
     className: "neeto-ui-switch__container"
   }, /*#__PURE__*/React__default.createElement("label", {
@@ -29217,8 +29227,8 @@ var Switch = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
       "neeto-ui-switch__item--disabled": disabled
     })
   }, /*#__PURE__*/React__default.createElement("input", _extends$4({
-    type: "checkbox",
-    onChange: onChange
+    onChange: onChange,
+    type: "checkbox"
   }, otherProps)), /*#__PURE__*/React__default.createElement("span", {
     "aria-hidden": "true",
     "data-cy": "".concat(hyphenize(renderLabel), "-switch"),
@@ -29234,9 +29244,9 @@ var Switch = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     size: "12",
     strokeWidth: 3
   }))), renderLabel && /*#__PURE__*/React__default.createElement(Label, _extends$4({
+    required: required,
     "data-cy": "".concat(hyphenize(renderLabel), "-switch-label"),
-    htmlFor: id,
-    required: required
+    htmlFor: id
   }, labelProps), renderLabel)), !!error && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(renderLabel), "-switch-error"),
@@ -29246,8 +29256,8 @@ var Switch = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
 Switch.displayName = "Switch";
 
 var _excluded$a = ["active", "className", "children", "icon", "onClick", "activeClassName"];
-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$9(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$7(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; }
+function ownKeys$c(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$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Item = function Item(_ref) {
   var active = _ref.active,
     _ref$className = _ref.className,
@@ -29277,7 +29287,7 @@ var Item = function Item(_ref) {
       active: active
     }),
     onClick: onClick
-  }, _objectSpread$9(_objectSpread$9({}, otherProps), buttonAttributes)), icon && /*#__PURE__*/React__default.createElement(Icon, {
+  }, _objectSpread$c(_objectSpread$c({}, otherProps), buttonAttributes)), icon && /*#__PURE__*/React__default.createElement(Icon, {
     className: "neeto-ui-tab__icon"
   }), children);
 };
@@ -31305,9 +31315,9 @@ function _getRequireWildcardCache$3(nodeInterop) { if (typeof WeakMap !== "funct
 
 function _interopRequireWildcard$5(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof$1(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache$3(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 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 ownKeys$b(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$8(Object(source), !0).forEach(function (key) { _defineProperty$4(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; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$4(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; }
 
@@ -31368,7 +31378,7 @@ function addEvent(el
 {
   if (!el) return;
 
-  var options = _objectSpread$8({
+  var options = _objectSpread$b({
     capture: true
   }, inputOptions); // $FlowIgnore[method-unbinding]
 
@@ -31396,7 +31406,7 @@ function removeEvent(el
 {
   if (!el) return;
 
-  var options = _objectSpread$8({
+  var options = _objectSpread$b({
     capture: true
   }, inputOptions); // $FlowIgnore[method-unbinding]
 
@@ -32896,16 +32906,16 @@ var _react$2 = _interopRequireDefault$5(React__default);
 
 function _interopRequireDefault$5(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ownKeys$7(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$a(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 _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _defineProperty$2(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; }
 
 // React.addons.cloneWithProps look-alike that merges style & className.
 function cloneElement(element, props) {
   if (props.style && element.props.style) {
-    props.style = _objectSpread$7(_objectSpread$7({}, element.props.style), props.style);
+    props.style = _objectSpread$a(_objectSpread$a({}, element.props.style), props.style);
   }
 
   if (props.className && element.props.className) {
@@ -33047,9 +33057,9 @@ function _extends$1() { _extends$1 = Object.assign || function (target) { for (v
 
 function _objectWithoutPropertiesLoose$1(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 ownKeys$6(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$9(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 _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _defineProperty$1(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; }
 
@@ -33239,7 +33249,7 @@ var Resizable$1 = /*#__PURE__*/function (_React$Component) {
 
     var isDOMElement = typeof handle.type === 'string';
 
-    var props = _objectSpread$6({
+    var props = _objectSpread$9({
       ref: ref
     }, isDOMElement ? {} : {
       handleAxis: handleAxis
@@ -33276,7 +33286,7 @@ var Resizable$1 = /*#__PURE__*/function (_React$Component) {
     // 2. One or more draggable handles.
 
 
-    return (0, _utils.cloneElement)(children, _objectSpread$6(_objectSpread$6({}, p), {}, {
+    return (0, _utils.cloneElement)(children, _objectSpread$9(_objectSpread$9({}, p), {}, {
       className: (className ? className + " " : '') + "react-resizable",
       children: [].concat(children.props.children, resizeHandles.map(function (handleAxis) {
         var _this3$handleRefs$han;
@@ -33332,9 +33342,9 @@ function _interopRequireWildcard$2(obj, nodeInterop) { if (!nodeInterop && 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 ownKeys$5(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$8(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 _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$8(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$8(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; }
 
@@ -33433,7 +33443,7 @@ var ResizableBox = /*#__PURE__*/function (_React$Component) {
       transformScale: transformScale,
       width: this.state.width
     }, /*#__PURE__*/React$2.createElement("div", _extends({}, props, {
-      style: _objectSpread$5(_objectSpread$5({}, style), {}, {
+      style: _objectSpread$8(_objectSpread$8({}, style), {}, {
         width: this.state.width + 'px',
         height: this.state.height + 'px'
       })
@@ -33444,7 +33454,7 @@ var ResizableBox = /*#__PURE__*/function (_React$Component) {
 }(React$2.Component);
 
 ResizableBox$1.default = ResizableBox;
-ResizableBox.propTypes = _objectSpread$5(_objectSpread$5({}, _propTypes2.resizableProps), {}, {
+ResizableBox.propTypes = _objectSpread$8(_objectSpread$8({}, _propTypes2.resizableProps), {}, {
   children: _propTypes.default.element
 });
 
@@ -33552,8 +33562,8 @@ var useReorderColumns = function useReorderColumns(_ref) {
   };
 };
 
-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$7(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$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$7(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$7(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; }
 var useResizableColumns = function useResizableColumns(_ref) {
   var columns = _ref.columns,
     setColumns = _ref.setColumns,
@@ -33569,7 +33579,7 @@ var useResizableColumns = function useResizableColumns(_ref) {
     return function (_, _ref2) {
       var size = _ref2.size;
       var nextColumns = _toConsumableArray$1(columns);
-      nextColumns[index] = _objectSpread$4(_objectSpread$4({}, nextColumns[index]), {}, {
+      nextColumns[index] = _objectSpread$7(_objectSpread$7({}, nextColumns[index]), {}, {
         width: size.width
       });
       setColumns(nextColumns);
@@ -33579,7 +33589,7 @@ var useResizableColumns = function useResizableColumns(_ref) {
   // eslint-disable-next-line react-hooks/rules-of-hooks
   var computedColumnsData = useMemo(function () {
     return columns.map(function (col, index) {
-      var modifiedColumn = _objectSpread$4(_objectSpread$4({}, col), {}, {
+      var modifiedColumn = _objectSpread$7(_objectSpread$7({}, col), {}, {
         onHeaderCell: function onHeaderCell(column) {
           return {
             width: column.width,
@@ -33619,8 +33629,8 @@ var useTableSort = function useTableSort() {
 };
 
 var _excluded$5 = ["allowRowClick", "enableColumnResize", "enableColumnReorder", "className", "columnData", "currentPageNumber", "defaultPageSize", "handlePageChange", "loading", "onRowClick", "onRowSelect", "rowData", "totalCount", "selectedRowKeys", "fixedHeight", "paginationProps", "scroll", "rowSelection", "shouldDynamicallyRenderRowSize", "bordered", "onColumnUpdate", "components"];
-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$7(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$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$7(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 TABLE_PAGINATION_HEIGHT = 64;
 var TABLE_DEFAULT_HEADER_HEIGHT = 40;
 var TABLE_ROW_HEIGHT = 52;
@@ -33728,11 +33738,11 @@ var Table = function Table(_ref) {
     }, "No Data")
   };
   var sortedColumnsWithAlignment = sortedColumns.map(function (sortedColumn) {
-    return _objectSpread$3(_objectSpread$3({}, sortedColumn), {}, {
+    return _objectSpread$6(_objectSpread$6({}, sortedColumn), {}, {
       onHeaderCell: function onHeaderCell(column) {
         var _sortedColumn$onHeade;
         var col = (_sortedColumn$onHeade = sortedColumn.onHeaderCell) === null || _sortedColumn$onHeade === void 0 ? void 0 : _sortedColumn$onHeade.call(sortedColumn, column);
-        return _objectSpread$3(_objectSpread$3({}, col), {}, {
+        return _objectSpread$6(_objectSpread$6({}, col), {}, {
           "data-text-align": column.align
         });
       }
@@ -33741,7 +33751,7 @@ var Table = function Table(_ref) {
   var isPaginationVisible = rowData.length > defaultPageSize;
   var rowSelectionProps = false;
   if (rowSelection) {
-    rowSelectionProps = _objectSpread$3(_objectSpread$3({
+    rowSelectionProps = _objectSpread$6(_objectSpread$6({
       type: "checkbox"
     }, rowSelection), {}, {
       onChange: function onChange(selectedRowKeys, selectedRows) {
@@ -33755,7 +33765,7 @@ var Table = function Table(_ref) {
       cell: enableColumnResize ? enableColumnReorder ? HeaderCell : ResizableHeaderCell : enableColumnReorder ? ReorderableHeaderCell : null
     }
   };
-  var componentOverrides = _objectSpread$3(_objectSpread$3({}, components), reordableHeader);
+  var componentOverrides = _objectSpread$6(_objectSpread$6({}, components), reordableHeader);
   var calculateTableContainerHeight = function calculateTableContainerHeight() {
     return containerHeight - headerHeight - (isPaginationVisible ? TABLE_PAGINATION_HEIGHT : 0);
   };
@@ -33817,7 +33827,7 @@ var Table = function Table(_ref) {
       rowKey: "id",
       rowSelection: rowSelectionProps,
       showSorterTooltip: false,
-      pagination: _objectSpread$3(_objectSpread$3({
+      pagination: _objectSpread$6(_objectSpread$6({
         hideOnSinglePage: true
       }, paginationProps), {}, {
         showSizeChanger: false,
@@ -33831,7 +33841,7 @@ var Table = function Table(_ref) {
       rowClassName: classnames$1("neeto-ui-table--row", {
         "neeto-ui-table--row_hover": allowRowClick
       }, [className]),
-      scroll: _objectSpread$3({
+      scroll: _objectSpread$6({
         x: "max-content",
         y: calculateTableContainerHeight()
       }, scroll),
@@ -33866,6 +33876,8 @@ var Table = function Table(_ref) {
 };
 
 var _excluded$4 = ["size", "rows", "disabled", "required", "nakedTextarea", "helpText", "error", "label", "className", "maxLength", "unlimitedChars", "labelProps"];
+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$7(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 SIZES = {
   small: "small",
   medium: "medium",
@@ -33924,9 +33936,9 @@ var Textarea = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-input__label-wrapper"
   }, label && /*#__PURE__*/React__default.createElement(Label, _extends$4({
+    required: required,
     "data-cy": "".concat(hyphenize(label), "-label"),
-    htmlFor: id,
-    required: required
+    htmlFor: id
   }, labelProps), label), isCharacterLimitVisible && /*#__PURE__*/React__default.createElement(Typography, {
     style: "body2",
     className: classnames$1("neeto-ui-input__max-length", {
@@ -33943,15 +33955,16 @@ var Textarea = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
       "neeto-ui-input--large": size === "large"
     })
   }, /*#__PURE__*/React__default.createElement("textarea", _extends$4({
+    ref: textareaRef
+  }, _objectSpread$5(_objectSpread$5(_objectSpread$5({
     disabled: disabled,
-    ref: textareaRef,
     rows: rows
   }, isMaxLengthPresent && !unlimitedChars && {
     maxLength: maxLength
-  }, otherProps, {
-    value: value,
-    onChange: onChange
-  }))), !!error && /*#__PURE__*/React__default.createElement(Typography, {
+  }), otherProps), {}, {
+    onChange: onChange,
+    value: value
+  })))), !!error && /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     id: errorId,
@@ -33971,6 +33984,8 @@ var TIME_PICKER_TYPES = {
 };
 
 var _excluded$3 = ["className", "label", "size", "dropdownClassName", "popupClassName", "format", "interval", "onChange", "type", "nakedInput", "disabled", "error", "defaultValue", "value", "labelProps", "required"];
+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$7(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 INPUT_SIZES$1 = {
   small: "small",
   medium: "medium",
@@ -34048,11 +34063,9 @@ var TimePicker$1 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   };
   return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-input__wrapper"
-  }, label && /*#__PURE__*/React__default.createElement(Label, _extends$4({
+  }, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread$4({
     required: required
   }, labelProps), label), /*#__PURE__*/React__default.createElement(Component, _extends$4({
-    disabled: disabled,
-    format: format,
     hourStep: interval.hourStep,
     minuteStep: interval.minuteStep,
     ref: timePickerRef,
@@ -34069,10 +34082,14 @@ var TimePicker$1 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     // Will be removed in the next major version
     popupClassName]),
     onChange: handleOnChange
-  }, otherProps, {
+  }, _objectSpread$4(_objectSpread$4({
+    disabled: disabled,
+    format: format
+  }, otherProps), {}, {
+    panelRender: panelRender
+  }), {
     defaultValue: convertToDayjsObjects(defaultValue),
     mode: undefined,
-    panelRender: panelRender,
     picker: "time",
     suffixIcon: /*#__PURE__*/React__default.createElement(Clock$1, {
       size: 16
@@ -36661,6 +36678,8 @@ if (isBrowser) {
 }
 
 var _excluded$2 = ["className", "label", "labelProps", "size", "nakedInput", "required", "value", "onChange", "error"];
+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$7(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; }
 dayjs.extend(customParseFormat);
 var INPUT_SIZES = {
   small: "small",
@@ -36668,7 +36687,7 @@ var INPUT_SIZES = {
   large: "large"
 };
 var TimePickerInput = function TimePickerInput(_ref) {
-  var _convertToDayjsObject, _extends2;
+  var _convertToDayjsObject;
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     label = _ref.label,
@@ -36692,22 +36711,21 @@ var TimePickerInput = function TimePickerInput(_ref) {
   };
   return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-input__wrapper"
-  }, label && /*#__PURE__*/React__default.createElement(Label, _extends$4({
+  }, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread$3({
     required: required
-  }, labelProps), label), /*#__PURE__*/React__default.createElement(TimePicker, _extends$4((_extends2 = {
-    className: classnames$1("neeto-ui-time-picker", [className], {
-      "neeto-ui-time-picker--small": size === "small",
-      "neeto-ui-time-picker--medium": size === "medium",
-      "neeto-ui-time-picker--large": size === "large",
-      "neeto-ui-time-picker--disabled": otherProps.disabled,
-      "neeto-ui-time-picker--naked": nakedInput,
-      "neeto-ui-time-picker--error": !!error
-    }),
-    value: value,
+  }, labelProps), label), /*#__PURE__*/React__default.createElement(TimePicker, _extends$4(_defineProperty$7(_defineProperty$7(_defineProperty$7({
     id: id,
+    value: value,
     disableClock: true,
     clearIcon: null
-  }, _defineProperty$7(_extends2, "value", (_convertToDayjsObject = convertToDayjsObjects(value)) === null || _convertToDayjsObject === void 0 ? void 0 : _convertToDayjsObject.toDate()), _defineProperty$7(_extends2, "onChange", handleChange), _extends2), otherProps)), !!error && /*#__PURE__*/React__default.createElement("p", {
+  }, "value", (_convertToDayjsObject = convertToDayjsObjects(value)) === null || _convertToDayjsObject === void 0 ? void 0 : _convertToDayjsObject.toDate()), "className", classnames$1("neeto-ui-time-picker", [className], {
+    "neeto-ui-time-picker--small": size === "small",
+    "neeto-ui-time-picker--medium": size === "medium",
+    "neeto-ui-time-picker--large": size === "large",
+    "neeto-ui-time-picker--disabled": otherProps.disabled,
+    "neeto-ui-time-picker--naked": nakedInput,
+    "neeto-ui-time-picker--error": !!error
+  })), "onChange", handleChange), otherProps)), !!error && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     id: errorId
@@ -39480,10 +39498,10 @@ var getErrorMessage = function getErrorMessage(response) {
 };
 var withParsedErrorMsg = function withParsedErrorMsg(toastrFunc) {
   return function (errorObject) {
-    var _errorObject, _errorObject$response;
+    var _errorObject;
     var errorMessage;
     errorObject = getToastrMessage(errorObject);
-    var responseData = ((_errorObject = errorObject) === null || _errorObject === void 0 ? void 0 : (_errorObject$response = _errorObject.response) === null || _errorObject$response === void 0 ? void 0 : _errorObject$response.data) || {};
+    var responseData = ((_errorObject = errorObject) === null || _errorObject === void 0 || (_errorObject = _errorObject.response) === null || _errorObject === void 0 ? void 0 : _errorObject.data) || {};
     if (responseData.noticeCode === "custom_message" && "customMessage" in responseData) {
       errorMessage = responseData.customMessage;
     } else if (responseData !== null && responseData !== void 0 && responseData.noticeCode) {
@@ -39527,9 +39545,40 @@ var Toastr = {
   warning: showWarningToastr
 };
 
-var _excluded = ["allowClear", "className", "disabled", "error", "fieldNames", "label", "onChange", "placeholder", "required", "showSearch", "size", "suffixIcon", "switcherIcon", "treeData", "treeDataSimpleMode", "value"];
+var SwitcherIcon = function SwitcherIcon(_ref) {
+  var expanded = _ref.expanded;
+  return expanded ? /*#__PURE__*/React__default.createElement(Down, {
+    size: 16
+  }) : /*#__PURE__*/React__default.createElement(Right, {
+    size: 16
+  });
+};
+
 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$7(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 Tree = function Tree(props) {
+  return /*#__PURE__*/React__default.createElement(_ConfigProvider, {
+    theme: {
+      token: _objectSpread$1({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
+      components: {
+        Tree: {
+          directoryNodeSelectedBg: "rgb(var(--neeto-ui-primary-500))",
+          directoryNodeSelectedColor: "rgb(var(--neeto-ui-white))",
+          nodeHoverBg: "rgb(var(--neeto-ui-gray-100))",
+          nodeSelectedBg: "rgb(var(--neeto-ui-primary-100))"
+        }
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement(_Tree, _extends$4({
+    switcherIcon: SwitcherIcon
+  }, props, {
+    className: classnames$1("neeto-ui-tree", props.className)
+  })));
+};
+
+var _excluded = ["allowClear", "className", "disabled", "error", "fieldNames", "label", "onChange", "placeholder", "required", "showSearch", "size", "suffixIcon", "switcherIcon", "treeData", "treeDataSimpleMode", "value"];
+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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$7(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; }
 var TreeSelect = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var _fieldNames$label;
   var allowClear = _ref.allowClear,
@@ -39560,7 +39609,7 @@ var TreeSelect = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var SwitcherIcon = switcherIcon !== null && switcherIcon !== void 0 ? switcherIcon : Down;
   return /*#__PURE__*/React__default.createElement(_ConfigProvider, {
     theme: {
-      token: _objectSpread$1({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
+      token: _objectSpread({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
       components: {
         TreeSelect: {
           nodeHoverBg: "rgb(var(--neeto-ui-gray-100))",
@@ -39614,36 +39663,5 @@ var TreeSelect = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
 });
 TreeSelect.displayName = "TreeSelect";
 
-var SwitcherIcon = function SwitcherIcon(_ref) {
-  var expanded = _ref.expanded;
-  return expanded ? /*#__PURE__*/React__default.createElement(Down, {
-    size: 16
-  }) : /*#__PURE__*/React__default.createElement(Right, {
-    size: 16
-  });
-};
-
-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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$7(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; }
-var Tree = function Tree(props) {
-  return /*#__PURE__*/React__default.createElement(_ConfigProvider, {
-    theme: {
-      token: _objectSpread({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
-      components: {
-        Tree: {
-          directoryNodeSelectedBg: "rgb(var(--neeto-ui-primary-500))",
-          directoryNodeSelectedColor: "rgb(var(--neeto-ui-white))",
-          nodeHoverBg: "rgb(var(--neeto-ui-gray-100))",
-          nodeSelectedBg: "rgb(var(--neeto-ui-primary-100))"
-        }
-      }
-    }
-  }, /*#__PURE__*/React__default.createElement(_Tree, _extends$4({
-    switcherIcon: SwitcherIcon
-  }, props, {
-    className: classnames$1("neeto-ui-tree", props.className)
-  })));
-};
-
 export { Accordion, ActionDropdown, Alert, Avatar, Button, Callout, Checkbox, ColorPicker, DatePicker, Dropdown, Input$3 as Input, Kbd, Label, Modal, MultiEmailInput, NoData, Pagination, Pane, Popover, Radio, Select, Slider, Spinner, Stepper, Switch, Tab, Table, Tag, Textarea, TimePicker$1 as TimePicker, TimePickerInput, Toastr, Tooltip, Tree, TreeSelect, Typography };
 //# sourceMappingURL=index.js.map