npm - @true-engineering/true-react-common-ui-kit - Versions diffs - 3.9.0 → 3.9.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (524) hide show

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

@@ -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];
@@ -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 [
@@ -30267,15 +30129,16 @@
       className: clsx(classes.root, _define_property$1({}, classes.disabled, isDisabled))
     }), trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
-        /* @__PURE__ */ jsx("div", {
+        /* @__PURE__ */ jsx("div", _object_spread_props$1(_object_spread$1({
           className: classes.trigger,
           onClick: eventType === "click" ? function(e) {
             return handleToggle(!isOpen, e);
-          } : void 0,
+          } : void 0
+        }, trueReactPlatformHelpers.addDataTestId(testId, "trigger")), {
           children: trueReactPlatformHelpers.isFunction(Trigger) ? /* @__PURE__ */ jsx(Trigger, {
             isActive: isOpen
           }) : Trigger
-        }),
+        })),
         isOpen && /* @__PURE__ */ jsx(react.FloatingPortal, {
           root: !shouldRenderInBody ? refs.reference.current : void 0,
           children: /* @__PURE__ */ jsx("div", _object_spread_props$1(_object_spread$1({