@true-engineering/true-react-common-ui-kit 3.9.1 → 3.9.2

package/dist/true-react-common-ui-kit.umd.cjs

@@ -80,28 +80,28 @@
           return null;
         }
         var ReactSharedInternals = React$1.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-        function error(format2) {
+        function error(format) {
           {
             {
               for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
                 args[_key2 - 1] = arguments[_key2];
               }
-              printWarning("error", format2, args);
+              printWarning("error", format, args);
             }
           }
         }
-        function printWarning(level, format2, args) {
+        function printWarning(level, format, args) {
           {
             var ReactDebugCurrentFrame2 = ReactSharedInternals.ReactDebugCurrentFrame;
             var stack = ReactDebugCurrentFrame2.getStackAddendum();
             if (stack !== "") {
-              format2 += "%s";
+              format += "%s";
               args = args.concat([stack]);
             }
             var argsWithFormat = args.map(function(item) {
               return String(item);
             });
-            argsWithFormat.unshift("Warning: " + format2);
+            argsWithFormat.unshift("Warning: " + format);
             Function.prototype.apply.call(console[level], console, argsWithFormat);
           }
         }
@@ -4656,8 +4656,8 @@
       return v.startsWith(checkValue);
     });
   };
-  var _phone_dialCode, _phone_phoneNumber;
   var getFullPhone = function(phone) {
+    var _phone_dialCode, _phone_phoneNumber;
     return ((_phone_dialCode = phone === null || phone === void 0 ? void 0 : phone.dialCode) !== null && _phone_dialCode !== void 0 ? _phone_dialCode : "") + ((_phone_phoneNumber = phone === null || phone === void 0 ? void 0 : phone.phoneNumber) !== null && _phone_phoneNumber !== void 0 ? _phone_phoneNumber : "");
   };
   var getCountryCodeFromPhone = function(phoneWithCode) {
@@ -4669,10 +4669,10 @@
     })) === null || _phoneInfo_find === void 0 ? void 0 : _phoneInfo_find.countryCode;
     if (trueReactPlatformHelpers.isEmpty(countryCode) && trueReactPlatformHelpers.isNotEmpty(phoneWithCode)) {
       var _phoneInfo_filter_sort_;
-      var _infoA_dialCodePriority, _infoB_dialCodePriority;
       countryCode = (_phoneInfo_filter_sort_ = phoneInfo.filter(function(info) {
         return phoneWithCode.startsWith(info.dialCode);
       }).sort(function(infoA, infoB) {
+        var _infoA_dialCodePriority, _infoB_dialCodePriority;
         return ((_infoA_dialCodePriority = infoA.dialCodePriority) !== null && _infoA_dialCodePriority !== void 0 ? _infoA_dialCodePriority : 1e3) - ((_infoB_dialCodePriority = infoB.dialCodePriority) !== null && _infoB_dialCodePriority !== void 0 ? _infoB_dialCodePriority : 1e3);
       })[0]) === null || _phoneInfo_filter_sort_ === void 0 ? void 0 : _phoneInfo_filter_sort_.countryCode;
     }
@@ -4783,8 +4783,8 @@
     }
     return hasExactParent(parentNode, parent);
   };
-  var _element_parentNode;
   var getParentNode$1 = function(element) {
+    var _element_parentNode;
     return element.nodeName === "HTML" || element === document ? element : (_element_parentNode = element.parentNode) !== null && _element_parentNode !== void 0 ? _element_parentNode : element.host;
   };
   var getStyleComputedProperty = function(element) {
@@ -4980,21 +4980,19 @@
     return target;
   }
   function useMounted() {
-    var mounted = React.useRef(true);
-    var isMounted = React.useRef(function() {
-      return mounted.current;
-    });
-    React.useEffect(function() {
+    const mounted = React.useRef(true);
+    const isMounted = React.useRef(() => mounted.current);
+    React.useEffect(() => {
       mounted.current = true;
-      return function() {
+      return () => {
         mounted.current = false;
       };
     }, []);
     return isMounted.current;
   }
   function useSafeState(state) {
-    var isMounted = useMounted();
-    return [state[0], React.useCallback(function(nextState) {
+    const isMounted = useMounted();
+    return [state[0], React.useCallback((nextState) => {
       if (!isMounted())
         return;
       return state[1](nextState);
@@ -5278,15 +5276,7 @@
         return;
       }
     }
-    if (process.env.NODE_ENV !== "production") {
-      if (!isHTMLElement(arrowElement)) {
-        console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', "To use an SVG arrow, wrap it in an HTMLElement that will be used as", "the arrow."].join(" "));
-      }
-    }
     if (!contains(state.elements.popper, arrowElement)) {
-      if (process.env.NODE_ENV !== "production") {
-        console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', "element."].join(" "));
-      }
       return;
     }
     state.elements.arrow = arrowElement;
@@ -5387,14 +5377,6 @@
   function computeStyles(_ref5) {
     var state = _ref5.state, options = _ref5.options;
     var _options$gpuAccelerat = options.gpuAcceleration, gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, _options$adaptive = options.adaptive, adaptive = _options$adaptive === void 0 ? true : _options$adaptive, _options$roundOffsets = options.roundOffsets, roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
-    if (process.env.NODE_ENV !== "production") {
-      var transitionProperty = getComputedStyle$1(state.elements.popper).transitionProperty || "";
-      if (adaptive && ["transform", "top", "right", "bottom", "left"].some(function(property) {
-        return transitionProperty.indexOf(property) >= 0;
-      })) {
-        console.warn(["Popper: Detected CSS transitions on at least one of the following", 'CSS properties: "transform", "top", "right", "bottom", "left".', "\n\n", 'Disable the "computeStyles" modifier\'s `adaptive` option to allow', "for smooth transitions, or remove these properties from the CSS", "transition declaration on the popper element if only transitioning", "opacity or background-color for example.", "\n\n", "We recommend using the popper element as a wrapper around an inner", "element that can have any CSS property transitioned for animations."].join(" "));
-      }
-    }
     var commonStyles = {
       placement: getBasePlacement(state.placement),
       variation: getVariation(state.placement),
@@ -5723,9 +5705,6 @@
     });
     if (allowedPlacements.length === 0) {
       allowedPlacements = placements$1;
-      if (process.env.NODE_ENV !== "production") {
-        console.error(["Popper: The `allowedAutoPlacements` option did not allow any", "placements. Ensure the `placement` option matches the variation", "of the allowed placements.", 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(" "));
-      }
     }
     var overflows = allowedPlacements.reduce(function(acc, placement2) {
       acc[placement2] = detectOverflow(state, {
@@ -6147,86 +6126,6 @@
       return pending;
     };
   }
-  function format(str) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
-    return [].concat(args).reduce(function(p, c) {
-      return p.replace(/%s/, c);
-    }, str);
-  }
-  var INVALID_MODIFIER_ERROR = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s';
-  var MISSING_DEPENDENCY_ERROR = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available';
-  var VALID_PROPERTIES = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
-  function validateModifiers(modifiers) {
-    modifiers.forEach(function(modifier) {
-      [].concat(Object.keys(modifier), VALID_PROPERTIES).filter(function(value, index, self2) {
-        return self2.indexOf(value) === index;
-      }).forEach(function(key) {
-        switch (key) {
-          case "name":
-            if (typeof modifier.name !== "string") {
-              console.error(format(INVALID_MODIFIER_ERROR, String(modifier.name), '"name"', '"string"', '"' + String(modifier.name) + '"'));
-            }
-            break;
-          case "enabled":
-            if (typeof modifier.enabled !== "boolean") {
-              console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"enabled"', '"boolean"', '"' + String(modifier.enabled) + '"'));
-            }
-            break;
-          case "phase":
-            if (modifierPhases.indexOf(modifier.phase) < 0) {
-              console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"phase"', "either " + modifierPhases.join(", "), '"' + String(modifier.phase) + '"'));
-            }
-            break;
-          case "fn":
-            if (typeof modifier.fn !== "function") {
-              console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"fn"', '"function"', '"' + String(modifier.fn) + '"'));
-            }
-            break;
-          case "effect":
-            if (modifier.effect != null && typeof modifier.effect !== "function") {
-              console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"effect"', '"function"', '"' + String(modifier.fn) + '"'));
-            }
-            break;
-          case "requires":
-            if (modifier.requires != null && !Array.isArray(modifier.requires)) {
-              console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requires"', '"array"', '"' + String(modifier.requires) + '"'));
-            }
-            break;
-          case "requiresIfExists":
-            if (!Array.isArray(modifier.requiresIfExists)) {
-              console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requiresIfExists"', '"array"', '"' + String(modifier.requiresIfExists) + '"'));
-            }
-            break;
-          case "options":
-          case "data":
-            break;
-          default:
-            console.error('PopperJS: an invalid property has been provided to the "' + modifier.name + '" modifier, valid properties are ' + VALID_PROPERTIES.map(function(s) {
-              return '"' + s + '"';
-            }).join(", ") + '; but "' + key + '" was provided.');
-        }
-        modifier.requires && modifier.requires.forEach(function(requirement) {
-          if (modifiers.find(function(mod) {
-            return mod.name === requirement;
-          }) == null) {
-            console.error(format(MISSING_DEPENDENCY_ERROR, String(modifier.name), requirement, requirement));
-          }
-        });
-      });
-    });
-  }
-  function uniqueBy(arr, fn) {
-    var identifiers = /* @__PURE__ */ new Set();
-    return arr.filter(function(item) {
-      var identifier = fn(item);
-      if (!identifiers.has(identifier)) {
-        identifiers.add(identifier);
-        return true;
-      }
-    });
-  }
   function mergeByName(modifiers) {
     var merged = modifiers.reduce(function(merged2, current) {
       var existing = merged2[current.name];
@@ -6240,8 +6139,6 @@
       return merged[key];
     });
   }
-  var INVALID_ELEMENT_ERROR = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.";
-  var INFINITE_LOOP_ERROR = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.";
   var DEFAULT_OPTIONS = {
     placement: "bottom",
     modifiers: [],
@@ -6292,28 +6189,6 @@
           state.orderedModifiers = orderedModifiers.filter(function(m) {
             return m.enabled;
           });
-          if (process.env.NODE_ENV !== "production") {
-            var modifiers = uniqueBy([].concat(orderedModifiers, state.options.modifiers), function(_ref) {
-              var name = _ref.name;
-              return name;
-            });
-            validateModifiers(modifiers);
-            if (getBasePlacement(state.options.placement) === auto) {
-              var flipModifier = state.orderedModifiers.find(function(_ref2) {
-                var name = _ref2.name;
-                return name === "flip";
-              });
-              if (!flipModifier) {
-                console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
-              }
-            }
-            var _getComputedStyle = getComputedStyle$1(popper2), marginTop = _getComputedStyle.marginTop, marginRight = _getComputedStyle.marginRight, marginBottom = _getComputedStyle.marginBottom, marginLeft = _getComputedStyle.marginLeft;
-            if ([marginTop, marginRight, marginBottom, marginLeft].some(function(margin) {
-              return parseFloat(margin);
-            })) {
-              console.warn(['Popper: CSS "margin" styles cannot be used to apply padding', "between the popper and its reference element or boundary.", "To replicate margin, use the `offset` modifier, as well as", "the `padding` option in the `preventOverflow` and `flip`", "modifiers."].join(" "));
-            }
-          }
           runModifierEffects();
           return instance.update();
         },
@@ -6328,9 +6203,6 @@
           }
           var _state$elements = state.elements, reference3 = _state$elements.reference, popper3 = _state$elements.popper;
           if (!areValidElements(reference3, popper3)) {
-            if (process.env.NODE_ENV !== "production") {
-              console.error(INVALID_ELEMENT_ERROR);
-            }
             return;
           }
           state.rects = {
@@ -6342,15 +6214,7 @@
           state.orderedModifiers.forEach(function(modifier) {
             return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
           });
-          var __debug_loops__ = 0;
           for (var index = 0; index < state.orderedModifiers.length; index++) {
-            if (process.env.NODE_ENV !== "production") {
-              __debug_loops__ += 1;
-              if (__debug_loops__ > 100) {
-                console.error(INFINITE_LOOP_ERROR);
-                break;
-              }
-            }
             if (state.reset === true) {
               state.reset = false;
               index = -1;
@@ -6381,9 +6245,6 @@
         }
       };
       if (!areValidElements(reference2, popper2)) {
-        if (process.env.NODE_ENV !== "production") {
-          console.error(INVALID_ELEMENT_ERROR);
-        }
         return instance;
       }
       instance.setOptions(options).then(function(state2) {
@@ -6392,8 +6253,8 @@
         }
       });
       function runModifierEffects() {
-        state.orderedModifiers.forEach(function(_ref3) {
-          var name = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect2 = _ref3.effect;
+        state.orderedModifiers.forEach(function(_ref) {
+          var name = _ref.name, _ref$options = _ref.options, options2 = _ref$options === void 0 ? {} : _ref$options, effect2 = _ref.effect;
           if (typeof effect2 === "function") {
             var cleanupFn = effect2({
               state,
@@ -6666,7 +6527,7 @@
   var useTweakStyles = function(param) {
     var innerStyles = param.innerStyles, currentComponentTweakStyles = param.tweakStyles, className = param.className, currentComponentName = param.currentComponentName;
     return React.useMemo(function() {
-      var _theme_components, _theme_components_currentComponentName;
+      var _theme_components_currentComponentName, _theme_components;
       var theme = getTheme();
       var themeStyles = trueReactPlatformHelpers.isNotEmpty(currentComponentName) ? (_theme_components = theme.components) === null || _theme_components === void 0 ? void 0 : (_theme_components_currentComponentName = _theme_components[currentComponentName]) === null || _theme_components_currentComponentName === void 0 ? void 0 : _theme_components_currentComponentName[className] : void 0;
       var tweakStyles = currentComponentTweakStyles === null || currentComponentTweakStyles === void 0 ? void 0 : currentComponentTweakStyles[className];
@@ -6718,63 +6579,63 @@
       return trueReactPlatformHelpers.mergeRefs(refs);
     }, refs);
   };
-  const avatarGreen = `  <svg\r
-    width="100%"\r
-    height="100%"\r
-    viewBox="0 0 32 32"\r
-    fill="none"\r
-    xmlns="http://www.w3.org/2000/svg"\r
-  >\r
-    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />\r
-    <mask\r
-      id="mask0_0_12744"\r
-      style="mask-type: 'alpha';"\r
-      maskUnits="userSpaceOnUse"\r
-      x="0"\r
-      y="0"\r
-      width="32"\r
-      height="32"\r
-    >\r
-      <circle cx="16" cy="16" r="16" fill="white" />\r
-    </mask>\r
-    <g mask="url(#mask0_0_12744)">\r
-      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />\r
-      <mask\r
-        id="mask1_0_12744"\r
-        style="mask-type: 'alpha';"\r
-        maskUnits="userSpaceOnUse"\r
-        x="3"\r
-        y="16"\r
-        width="26"\r
-        height="26"\r
-      >\r
-        <circle cx="16" cy="29" r="13" fill="white" />\r
-      </mask>\r
-      <g mask="url(#mask1_0_12744)">\r
-        <ellipse\r
-          cx="16"\r
-          cy="17.5"\r
-          rx="6"\r
-          ry="7.5"\r
-          fill="#505F79"\r
-          fill-opacity="0.204983"\r
-        />\r
-      </g>\r
-    </g>\r
-    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />\r
-    <defs>\r
-      <linearGradient\r
-        id="paint0_linear_0_12744"\r
-        x1="13.347"\r
-        y1="46.279"\r
-        x2="33.5318"\r
-        y2="30.8088"\r
-        gradientUnits="userSpaceOnUse"\r
-      >\r
-        <stop stop-color="#ABD229" />\r
-        <stop offset="1" stop-color="#9CD03F" />\r
-      </linearGradient>\r
-    </defs>\r
+  const avatarGreen = `  <svg
+    width="100%"
+    height="100%"
+    viewBox="0 0 32 32"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
+    <mask
+      id="mask0_0_12744"
+      style="mask-type: 'alpha';"
+      maskUnits="userSpaceOnUse"
+      x="0"
+      y="0"
+      width="32"
+      height="32"
+    >
+      <circle cx="16" cy="16" r="16" fill="white" />
+    </mask>
+    <g mask="url(#mask0_0_12744)">
+      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
+      <mask
+        id="mask1_0_12744"
+        style="mask-type: 'alpha';"
+        maskUnits="userSpaceOnUse"
+        x="3"
+        y="16"
+        width="26"
+        height="26"
+      >
+        <circle cx="16" cy="29" r="13" fill="white" />
+      </mask>
+      <g mask="url(#mask1_0_12744)">
+        <ellipse
+          cx="16"
+          cy="17.5"
+          rx="6"
+          ry="7.5"
+          fill="#505F79"
+          fill-opacity="0.204983"
+        />
+      </g>
+    </g>
+    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
+    <defs>
+      <linearGradient
+        id="paint0_linear_0_12744"
+        x1="13.347"
+        y1="46.279"
+        x2="33.5318"
+        y2="30.8088"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#ABD229" />
+        <stop offset="1" stop-color="#9CD03F" />
+      </linearGradient>
+    </defs>
   </svg>`;
   var complexIcons = {
     avatar: avatarGreen
@@ -7743,7 +7604,7 @@
       return _object_spread$W({}, iconsList, theme.icons);
     }, []);
     var icon = icons[type];
-    var _icon_viewBox, _path_fill, _path_stroke;
+    var _icon_viewBox;
     return /* @__PURE__ */ jsxs("svg", {
       width: "100%",
       height: "100%",
@@ -7752,7 +7613,8 @@
       xmlns: "http://www.w3.org/2000/svg",
       children: [
         (_icon_paths = icon.paths) === null || _icon_paths === void 0 ? void 0 : _icon_paths.map(function(path, index) {
-          return /* @__PURE__ */ jsx("path", _object_spread$W({
+          var _path_fill, _path_stroke;
+          return jsx("path", _object_spread$W({
             fillRule: "evenodd",
             clipRule: "evenodd",
             fill: (_path_fill = path.fill) !== null && _path_fill !== void 0 ? _path_fill : "currentColor",
@@ -9848,7 +9710,7 @@
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
       return _array_like_to_array$m(o, minLen);
   }
-  var __generator$5 = globalThis && globalThis.__generator || function(thisArg, body) {
+  function _ts_generator$5(thisArg, body) {
     var f, y, t, g, _ = {
       label: 0,
       sent: function() {
@@ -9949,7 +9811,7 @@
         done: true
       };
     }
-  };
+  }
   var Input = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
     var _param_value = _param.value, value = _param_value === void 0 ? "" : _param_value, label = _param.label, placeholder = _param.placeholder, _param_type = _param.type, type = _param_type === void 0 ? "text" : _param_type, isDisabled = _param.isDisabled, _param_isReadonly = _param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_hasFloatingLabel = _param.hasFloatingLabel, hasFloatingLabel = _param_hasFloatingLabel === void 0 ? true : _param_hasFloatingLabel, _param_isInvalid = _param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? false : _param_isClearable, infoMessage = _param.infoMessage, errorMessage = _param.errorMessage, _param_errorPosition = _param.errorPosition, errorPosition = _param_errorPosition === void 0 ? "bottom" : _param_errorPosition, inlineStyle = _param.inlineStyle, border = _param.border, _param_isRequired = _param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isAutoSizeable = _param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? false : _param_isAutoSizeable, _param_defaultSize = _param.defaultSize, defaultSize = _param_defaultSize === void 0 ? DEFAULT_SIZE : _param_defaultSize, iconType = _param.iconType, hasRequiredLabel = _param.hasRequiredLabel, data = _param.data, tweakStyles = _param.tweakStyles, _param_shouldFocusOnMount = _param.shouldFocusOnMount, shouldFocusOnMount = _param_shouldFocusOnMount === void 0 ? false : _param_shouldFocusOnMount, units = _param.units, testId = _param.testId, onChange = _param.onChange, onFocus = _param.onFocus, onBlur = _param.onBlur, onIconClick = _param.onIconClick, mask = _param.mask, maskPlaceholder = _param.maskPlaceholder, alwaysShowMask = _param.alwaysShowMask, _param_shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, shouldAlwaysShowPlaceholder = _param_shouldAlwaysShowPlaceholder === void 0 ? false : _param_shouldAlwaysShowPlaceholder, beforeMaskedStateChange = _param.beforeMaskedStateChange, inputProps = _object_without_properties$d(_param, [
       "value",
@@ -10012,7 +9874,7 @@
     var handleOnInputClear = function() {
       var _ref = _async_to_generator$5(function(event) {
         var _input_current, input;
-        return __generator$5(this, function(_state) {
+        return _ts_generator$5(this, function(_state) {
           switch (_state.label) {
             case 0:
               return [
@@ -10908,8 +10770,8 @@
     var multiSelectValue = activeValue;
     var _multiSelectValue_length;
     var selectedOptionsCount = (_multiSelectValue_length = multiSelectValue === null || multiSelectValue === void 0 ? void 0 : multiSelectValue.length) !== null && _multiSelectValue_length !== void 0 ? _multiSelectValue_length : 0;
-    var _multiSelectValue_map;
     var activeOptionsIdMap = React.useMemo(function() {
+      var _multiSelectValue_map;
       return isMultiSelect ? (_multiSelectValue_map = multiSelectValue === null || multiSelectValue === void 0 ? void 0 : multiSelectValue.map(convertValueToId)) !== null && _multiSelectValue_map !== void 0 ? _multiSelectValue_map : [] : [];
     }, [
       isMultiSelect,
@@ -10999,8 +10861,8 @@
       ]
     });
   }
-  var _option_isDisabled;
   var defaultIsOptionDisabled = function(option) {
+    var _option_isDisabled;
     return typeof option === "object" && option !== null && ((_option_isDisabled = option === null || option === void 0 ? void 0 : option.isDisabled) !== null && _option_isDisabled !== void 0 ? _option_isDisabled : false);
   };
   var defaultConvertFunction$2 = function(v) {
@@ -11307,7 +11169,7 @@
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
       return _array_like_to_array$l(o, minLen);
   }
-  var __generator$4 = globalThis && globalThis.__generator || function(thisArg, body) {
+  function _ts_generator$4(thisArg, body) {
     var f, y, t, g, _ = {
       label: 0,
       sent: function() {
@@ -11408,7 +11270,7 @@
         done: true
       };
     }
-  };
+  }
   function Select(props) {
     var options = props.options, value = props.value, defaultOptionLabel = props.defaultOptionLabel, allOptionsLabel = props.allOptionsLabel, _props_debounceTime = props.debounceTime, debounceTime = _props_debounceTime === void 0 ? 400 : _props_debounceTime, _props_optionsMode = props.optionsMode, optionsMode = _props_optionsMode === void 0 ? "normal" : _props_optionsMode, noMatchesLabel = props.noMatchesLabel, loadingLabel = props.loadingLabel, tweakStyles = props.tweakStyles, testId = props.testId, isReadonly = props.isReadonly, isDisabled = props.isDisabled, dropdownOptions = props.dropdownOptions, _props_minSymbolsCountToOpenList = props.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _props_minSymbolsCountToOpenList === void 0 ? 0 : _props_minSymbolsCountToOpenList, _props_dropdownIcon = props.dropdownIcon, dropdownIcon = _props_dropdownIcon === void 0 ? "chevron-down" : _props_dropdownIcon, _props_shouldScrollToList = props.shouldScrollToList, shouldScrollToList = _props_shouldScrollToList === void 0 ? true : _props_shouldScrollToList, searchInput = props.searchInput, iconType = props.iconType, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onType = props.onType, onOpen = props.onOpen, _props_isOptionDisabled = props.isOptionDisabled, isOptionDisabled = _props_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _props_isOptionDisabled, _props_compareValuesOnChange = props.compareValuesOnChange, compareValuesOnChange = _props_compareValuesOnChange === void 0 ? defaultCompareFunction : _props_compareValuesOnChange, _props_convertValueToString = props.convertValueToString, convertValueToString = _props_convertValueToString === void 0 ? defaultConvertFunction$2 : _props_convertValueToString, convertValueToId = props.convertValueToId, convertValueToReactNode = props.convertValueToReactNode, optionsFilter = props.optionsFilter, inputProps = _object_without_properties$9(props, [
       "options",
@@ -11486,8 +11348,8 @@
       if (optionsMode !== "search") {
         return options;
       }
-      var _convertValueToString;
       var filter = optionsFilter !== null && optionsFilter !== void 0 ? optionsFilter : trueReactPlatformHelpers.createFilter(function(option) {
+        var _convertValueToString;
         return [
           (_convertValueToString = convertValueToString(option)) !== null && _convertValueToString !== void 0 ? _convertValueToString : ""
         ];
@@ -11625,7 +11487,7 @@
     ]);
     var handleOnType = React.useCallback(function() {
       var _ref2 = _async_to_generator$4(function(v) {
-        return __generator$4(this, function(_state) {
+        return _ts_generator$4(this, function(_state) {
           switch (_state.label) {
             case 0:
               if (onType === void 0) {
@@ -12960,7 +12822,7 @@
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
       return _array_like_to_array$i(o, minLen);
   }
-  var __generator$3 = globalThis && globalThis.__generator || function(thisArg, body) {
+  function _ts_generator$3(thisArg, body) {
     var f, y, t, g, _ = {
       label: 0,
       sent: function() {
@@ -13061,7 +12923,7 @@
         done: true
       };
     }
-  };
+  }
   var NumberInput = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
     var value = _param.value, _param_canBeFloat = _param.canBeFloat, canBeFloat = _param_canBeFloat === void 0 ? false : _param_canBeFloat, _param_canBeNegative = _param.canBeNegative, canBeNegative = _param_canBeNegative === void 0 ? false : _param_canBeNegative, defaultValue = _param.defaultValue, _param_precision = _param.precision, precision = _param_precision === void 0 ? 3 : _param_precision, _param_intPartPrecision = _param.intPartPrecision, intPartPrecision = _param_intPartPrecision === void 0 ? 7 : _param_intPartPrecision, onChange = _param.onChange, onBlur = _param.onBlur, min2 = _param.min, max2 = _param.max, props = _object_without_properties$7(_param, [
       "value",
@@ -13088,7 +12950,7 @@
     var handleChange = function() {
       var _ref = _async_to_generator$3(function(inputValue, event) {
         var oldValue, target, _target_selectionStart, defaultCaretPos, numString, numberRegexp, hasDot, formattedValue, newValue;
-        return __generator$3(this, function(_state) {
+        return _ts_generator$3(this, function(_state) {
           switch (_state.label) {
             case 0:
               oldValue = showedValue;
@@ -14048,7 +13910,7 @@
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
       return _array_like_to_array$h(o, minLen);
   }
-  var __generator$2 = globalThis && globalThis.__generator || function(thisArg, body) {
+  function _ts_generator$2(thisArg, body) {
     var f, y, t, g, _ = {
       label: 0,
       sent: function() {
@@ -14149,23 +14011,9 @@
         done: true
       };
     }
-  };
+  }
   function MultiSelectList(param) {
     var value = param.value, tweakStyles = param.tweakStyles, data = param.data, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, _param_localeKey = param.localeKey, localeKey = _param_localeKey === void 0 ? DEFAULT_LOCALE : _param_localeKey, _param_locale = param.locale, locale2 = _param_locale === void 0 ? MultiSelectLocales[localeKey] : _param_locale, onChange = param.onChange, onClose = param.onClose, options = param.options, fetchOptions = param.fetchOptions, _param_isGroupingEnabled = param.isGroupingEnabled, isGroupingEnabled = _param_isGroupingEnabled === void 0 ? isSearchEnabled : _param_isGroupingEnabled, _param_getValueView = param.getValueView, getValueView = _param_getValueView === void 0 ? defaultConvertFunction : _param_getValueView, _param_getValueId = param.getValueId, getValueId = _param_getValueId === void 0 ? defaultConvertFunction : _param_getValueId, _param_getValueString = param.getValueString, getValueString = _param_getValueString === void 0 ? defaultConvertFunction : _param_getValueString, _param_checkboxPosition = param.checkboxPosition, checkboxPosition = _param_checkboxPosition === void 0 ? "left" : _param_checkboxPosition, pageSize = param.pageSize, searchMaxLength = param.searchMaxLength, testId = param.testId;
-    var handleOnChange = function handleOnChange2(inputValue) {
-      setSearchValue(inputValue);
-      if (fetchOptions === void 0) {
-        if (options !== void 0) {
-          var lowerSearchValue = inputValue.toLowerCase();
-          setAllOptions(options.filter(function(o) {
-            return getValueString(o).toLowerCase().includes(lowerSearchValue);
-          }));
-        }
-      } else {
-        setIsLoading(true);
-        changeSearchValue(inputValue);
-      }
-    };
     var isMounted = useIsMounted();
     var classes = useStyles$v({
       theme: tweakStyles
@@ -14221,7 +14069,7 @@
     var handleSearchInputChange = React.useCallback(function() {
       var _ref = _async_to_generator$2(function(inputValue) {
         var _inputValue_trim, response;
-        return __generator$2(this, function(_state) {
+        return _ts_generator$2(this, function(_state) {
           switch (_state.label) {
             case 0:
               if (fetchOptions === void 0) {
@@ -14277,6 +14125,20 @@
     var changeSearchValue = React.useCallback(tsDebounce.debounce(handleSearchInputChange), [
       handleSearchInputChange
     ]);
+    function handleOnChange(inputValue) {
+      setSearchValue(inputValue);
+      if (fetchOptions === void 0) {
+        if (options !== void 0) {
+          var lowerSearchValue = inputValue.toLowerCase();
+          setAllOptions(options.filter(function(o) {
+            return getValueString(o).toLowerCase().includes(lowerSearchValue);
+          }));
+        }
+      } else {
+        setIsLoading(true);
+        changeSearchValue(inputValue);
+      }
+    }
     var handleSelectValue = function(val) {
       if (val.length === 0) {
         onChange(void 0);
@@ -14351,7 +14213,7 @@
     var handleLoadItemsOnScroll = React.useCallback(function() {
       var _ref = _async_to_generator$2(function(inputValue, page) {
         var response;
-        return __generator$2(this, function(_state) {
+        return _ts_generator$2(this, function(_state) {
           switch (_state.label) {
             case 0:
               if (fetchOptions === void 0) {
@@ -14418,7 +14280,7 @@
       }
       observer.current = new IntersectionObserver(function() {
         var _ref = _async_to_generator$2(function(entries) {
-          return __generator$2(this, function(_state) {
+          return _ts_generator$2(this, function(_state) {
             switch (_state.label) {
               case 0:
                 if (!entries[0].isIntersecting)
@@ -14467,7 +14329,7 @@
       var doFetchOptions = function() {
         var _ref = _async_to_generator$2(function() {
           var response;
-          return __generator$2(this, function(_state) {
+          return _ts_generator$2(this, function(_state) {
             switch (_state.label) {
               case 0:
                 setIsLoading(true);
@@ -14978,7 +14840,7 @@
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
       return _array_like_to_array$g(o, minLen);
   }
-  var __generator$1 = globalThis && globalThis.__generator || function(thisArg, body) {
+  function _ts_generator$1(thisArg, body) {
     var f, y, t, g, _ = {
       label: 0,
       sent: function() {
@@ -15079,7 +14941,7 @@
         done: true
       };
     }
-  };
+  }
   function FilterSelect(param) {
     var data = param.data, tweakStyles = param.tweakStyles, value = param.value, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, _param_isGroupingEnabled = param.isGroupingEnabled, isGroupingEnabled = _param_isGroupingEnabled === void 0 ? false : _param_isGroupingEnabled, localeKey = param.localeKey, locale2 = param.locale, onChange = param.onChange, options = param.options, fetchOptions = param.fetchOptions, footer = param.footer, _param_getValueView = param.getValueView, getValueView = _param_getValueView === void 0 ? defaultConvertFunction$1 : _param_getValueView, _param_getValueId = param.getValueId, getValueId = _param_getValueId === void 0 ? defaultConvertFunction$1 : _param_getValueId, _param_getValueString = param.getValueString, getValueString = _param_getValueString === void 0 ? defaultConvertFunction$1 : _param_getValueString, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, testId = param.testId;
     var classes = useStyles$u({
@@ -15116,7 +14978,7 @@
     var handleSearchInputChange = React.useCallback(function() {
       var _ref = _async_to_generator$1(function(inputValue) {
         var _inputValue_trim, response;
-        return __generator$1(this, function(_state) {
+        return _ts_generator$1(this, function(_state) {
           switch (_state.label) {
             case 0:
               if (fetchOptions === void 0) {
@@ -15196,7 +15058,7 @@
     var handleLoadItemsOnScroll = React.useCallback(function() {
       var _ref = _async_to_generator$1(function(inputValue, page) {
         var _inputValue_trim, response;
-        return __generator$1(this, function(_state) {
+        return _ts_generator$1(this, function(_state) {
           switch (_state.label) {
             case 0:
               if (fetchOptions === void 0) {
@@ -15261,7 +15123,7 @@
       }
       observer.current = new IntersectionObserver(function() {
         var _ref = _async_to_generator$1(function(entries) {
-          return __generator$1(this, function(_state) {
+          return _ts_generator$1(this, function(_state) {
             switch (_state.label) {
               case 0:
                 if (!entries[0].isIntersecting)
@@ -15310,7 +15172,7 @@
       var doFetchOptions = function() {
         var _ref = _async_to_generator$1(function() {
           var response;
-          return __generator$1(this, function(_state) {
+          return _ts_generator$1(this, function(_state) {
             switch (_state.label) {
               case 0:
                 setIsLoading(true);
@@ -15570,8 +15432,8 @@
     return function() {
       var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
       var width = options.width ? String(options.width) : args.defaultWidth;
-      var format2 = args.formats[width] || args.formats[args.defaultWidth];
-      return format2;
+      var format = args.formats[width] || args.formats[args.defaultWidth];
+      return format;
     };
   }
   var dateFormats$1 = {
@@ -16315,11 +16177,11 @@
     other: "P"
   };
   var formatRelative = function formatRelative2(token, date, baseDate, options) {
-    var format2 = formatRelativeLocale[token];
-    if (typeof format2 === "function") {
-      return format2(date, baseDate, options);
+    var format = formatRelativeLocale[token];
+    if (typeof format === "function") {
+      return format(date, baseDate, options);
     }
-    return format2;
+    return format;
   };
   const formatRelative$1 = formatRelative;
   var eraValues = {
@@ -17070,8 +16932,8 @@
     }, [
       periods
     ]);
-    var _translates_periods_val;
     var getPeriodTranslate = React.useCallback(function(val) {
+      var _translates_periods_val;
       return (_translates_periods_val = translates.periods[val]) !== null && _translates_periods_val !== void 0 ? _translates_periods_val : val;
     }, [
       translates.periods
@@ -18148,12 +18010,6 @@
   }
   function FilterWrapper(param) {
     var filter = param.filter, value = param.value, isDisabled = param.isDisabled, locale2 = param.locale, localeKey = param.localeKey, data = param.data, testId = param.testId, filtersPaneRef = param.filtersPaneRef, tweakStyles = param.tweakStyles, onChange = param.onChange;
-    var handleChange = function handleChange2(v) {
-      if (type === "select") {
-        setIsOpen(false);
-      }
-      onChange(v);
-    };
     var classes = useStyles$p({
       theme: tweakStyles
     });
@@ -18175,6 +18031,12 @@
     } else if (!Array.isArray(value) && typeof value !== "object") {
       hasValue = Boolean(value);
     }
+    function handleChange(v) {
+      if (type === "select") {
+        setIsOpen(false);
+      }
+      onChange(v);
+    }
     var handleLabelClick = function() {
       if (!isBoolean && !isDisabled) {
         setIsOpen(!isOpen);
@@ -24615,8 +24477,8 @@
   var hasHorizontalScrollBar = function(el) {
     return trueReactPlatformHelpers.isNotEmpty(el) && el.scrollWidth !== el.clientWidth;
   };
-  var _config_dateFormat;
   var formatCellContent = function(value, config) {
+    var _config_dateFormat;
     return _instanceof(value, Date) ? dateFns.format(value, (_config_dateFormat = config === null || config === void 0 ? void 0 : config.dateFormat) !== null && _config_dateFormat !== void 0 ? _config_dateFormat : DEFAULT_DATE_FORMAT) : String(value);
   };
   var STICKY_SHADOW_PADDING = 12;
@@ -27458,8 +27320,8 @@
     var inputWrapper = React.useRef(null);
     var inputRef = React.useRef(null);
     var phoneWithCode = getFullPhone(value);
-    var _value_countryCode;
     var countryCode = React.useMemo(function() {
+      var _value_countryCode;
       return (_value_countryCode = value === null || value === void 0 ? void 0 : value.countryCode) !== null && _value_countryCode !== void 0 ? _value_countryCode : getCountryCodeFromPhone(phoneWithCode);
     }, [
       value.dialCode,
@@ -27989,8 +27851,8 @@
         }),
         options.map(function(option) {
           var optionId = option.value.toString();
-          var _option_isDisabled2;
-          var isDisabledOption = (_option_isDisabled2 = option.isDisabled) !== null && _option_isDisabled2 !== void 0 ? _option_isDisabled2 : isDisabled;
+          var _option_isDisabled;
+          var isDisabledOption = (_option_isDisabled = option.isDisabled) !== null && _option_isDisabled !== void 0 ? _option_isDisabled : isDisabled;
           var isActiveOption = option.value === value;
           var _obj2;
           return /* @__PURE__ */ jsx("div", _object_spread_props$b(_object_spread$b({
@@ -29889,7 +29751,7 @@
     }
     return target;
   }
-  var __generator = globalThis && globalThis.__generator || function(thisArg, body) {
+  function _ts_generator(thisArg, body) {
     var f, y, t, g, _ = {
       label: 0,
       sent: function() {
@@ -29990,7 +29852,7 @@
         done: true
       };
     }
-  };
+  }
   var Toaster = function(param) {
     var title = param.title, _param_type = param.type, type = _param_type === void 0 ? "error" : _param_type, text = param.text, _param_timeout = param.timeout, timeout = _param_timeout === void 0 ? DEFAULT_TIMEOUT : _param_timeout, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, _param_hasCloseButton = param.hasCloseButton, hasCloseButton = _param_hasCloseButton === void 0 ? false : _param_hasCloseButton, _param_shouldCloseOnClick = param.shouldCloseOnClick, shouldCloseOnClick = _param_shouldCloseOnClick === void 0 ? false : _param_shouldCloseOnClick, children = param.children, onClose = param.onClose, onTimeEnd = param.onTimeEnd;
     var classes = useStyles$2({
@@ -30008,7 +29870,7 @@
       }
       var disappear = function() {
         var _ref = _async_to_generator(function() {
-          return __generator(this, function(_state) {
+          return _ts_generator(this, function(_state) {
             switch (_state.label) {
               case 0:
                 return [