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

package/dist/true-react-common-ui-kit.js

@@ -5,7 +5,7 @@ import { CSSTransition } from "react-transition-group";
 import clsx from "clsx";
 import hexToRgba from "hex-to-rgba";
 import InputMask from "react-input-mask";
-import { getYear, getMonth, format as format$1, parse, isSameDay, isValid, isAfter, isBefore, startOfMonth, endOfMonth, sub, startOfYear, endOfYear } from "date-fns";
+import { getYear, getMonth, format, parse, isSameDay, isValid, isAfter, isBefore, startOfMonth, endOfMonth, sub, startOfYear, endOfYear } from "date-fns";
 import { Portal } from "react-overlays";
 import { debounce as debounce$1 } from "ts-debounce";
 import scrollIntoViewIfNeeded from "scroll-into-view-if-needed";
@@ -4667,8 +4667,8 @@ var checkSearchStringInCountry = function(country, searchString) {
     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) {
@@ -4680,10 +4680,10 @@ var getCountryCodeFromPhone = function(phoneWithCode) {
   })) === null || _phoneInfo_find === void 0 ? void 0 : _phoneInfo_find.countryCode;
   if (isEmpty(countryCode) && 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;
   }
@@ -4794,8 +4794,8 @@ var hasExactParent = function(element, parent) {
   }
   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) {
@@ -4991,21 +4991,19 @@ function _objectWithoutPropertiesLoose$1(source, excluded) {
   return target;
 }
 function useMounted() {
-  var mounted = useRef(true);
-  var isMounted = useRef(function() {
-    return mounted.current;
-  });
-  useEffect(function() {
+  const mounted = useRef(true);
+  const isMounted = useRef(() => mounted.current);
+  useEffect(() => {
     mounted.current = true;
-    return function() {
+    return () => {
       mounted.current = false;
     };
   }, []);
   return isMounted.current;
 }
 function useSafeState(state) {
-  var isMounted = useMounted();
-  return [state[0], useCallback(function(nextState) {
+  const isMounted = useMounted();
+  return [state[0], useCallback((nextState) => {
     if (!isMounted())
       return;
     return state[1](nextState);
@@ -5289,15 +5287,7 @@ function effect$1(_ref2) {
       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;
@@ -5398,14 +5388,6 @@ function mapToStyles(_ref2) {
 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),
@@ -5734,9 +5716,6 @@ function computeAutoPlacement(state, options) {
   });
   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, {
@@ -6158,86 +6137,6 @@ function debounce(fn3) {
     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, fn3) {
-  var identifiers = /* @__PURE__ */ new Set();
-  return arr.filter(function(item) {
-    var identifier = fn3(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];
@@ -6251,8 +6150,6 @@ function mergeByName(modifiers) {
     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: [],
@@ -6303,28 +6200,6 @@ function popperGenerator(generatorOptions) {
         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();
       },
@@ -6339,9 +6214,6 @@ function popperGenerator(generatorOptions) {
         }
         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 = {
@@ -6353,15 +6225,7 @@ function popperGenerator(generatorOptions) {
         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;
@@ -6392,9 +6256,6 @@ function popperGenerator(generatorOptions) {
       }
     };
     if (!areValidElements(reference2, popper2)) {
-      if (process.env.NODE_ENV !== "production") {
-        console.error(INVALID_ELEMENT_ERROR);
-      }
       return instance;
     }
     instance.setOptions(options).then(function(state2) {
@@ -6403,8 +6264,8 @@ function popperGenerator(generatorOptions) {
       }
     });
     function runModifierEffects() {
-      state.orderedModifiers.forEach(function(_ref3) {
-        var name = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect3 = _ref3.effect;
+      state.orderedModifiers.forEach(function(_ref) {
+        var name = _ref.name, _ref$options = _ref.options, options2 = _ref$options === void 0 ? {} : _ref$options, effect3 = _ref.effect;
         if (typeof effect3 === "function") {
           var cleanupFn = effect3({
             state,
@@ -6677,7 +6538,7 @@ var useDropdown = function(param) {
 var useTweakStyles = function(param) {
   var innerStyles = param.innerStyles, currentComponentTweakStyles = param.tweakStyles, className = param.className, currentComponentName = param.currentComponentName;
   return useMemo(function() {
-    var _theme_components, _theme_components_currentComponentName;
+    var _theme_components_currentComponentName, _theme_components;
     var theme = getTheme();
     var themeStyles = 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];
@@ -7754,7 +7615,7 @@ var IconBoilerplate = function(param) {
     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%",
@@ -7763,7 +7624,8 @@ var IconBoilerplate = function(param) {
     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",
@@ -9859,7 +9721,7 @@ function _unsupported_iterable_to_array$m(o, minLen) {
   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() {
@@ -9960,7 +9822,7 @@ var __generator$5 = globalThis && globalThis.__generator || function(thisArg, bo
       done: true
     };
   }
-};
+}
 var Input = /* @__PURE__ */ 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",
@@ -10023,7 +9885,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
   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 [
@@ -10919,8 +10781,8 @@ function SelectList(param) {
   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 = 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,
@@ -11010,8 +10872,8 @@ function SelectList(param) {
     ]
   });
 }
-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) {
@@ -11318,7 +11180,7 @@ function _unsupported_iterable_to_array$l(o, minLen) {
   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() {
@@ -11419,7 +11281,7 @@ var __generator$4 = globalThis && globalThis.__generator || function(thisArg, bo
       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",
@@ -11497,8 +11359,8 @@ function Select(props) {
     if (optionsMode !== "search") {
       return options;
     }
-    var _convertValueToString;
     var filter = optionsFilter !== null && optionsFilter !== void 0 ? optionsFilter : createFilter(function(option) {
+      var _convertValueToString;
       return [
         (_convertValueToString = convertValueToString(option)) !== null && _convertValueToString !== void 0 ? _convertValueToString : ""
       ];
@@ -11636,7 +11498,7 @@ function Select(props) {
   ]);
   var handleOnType = 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) {
@@ -12051,7 +11913,7 @@ var _ReactDatePicker_default;
 var DatePickerComponent = (_ReactDatePicker_default = ReactDatePicker.default) !== null && _ReactDatePicker_default !== void 0 ? _ReactDatePicker_default : ReactDatePicker;
 var getDateFormatter = function(dateFormat) {
   return function(date) {
-    return isNotEmpty(date) ? format$1(date, dateFormat) : "";
+    return isNotEmpty(date) ? format(date, dateFormat) : "";
   };
 };
 var getDateValueParser = function(dateFormat) {
@@ -12971,7 +12833,7 @@ function _unsupported_iterable_to_array$i(o, minLen) {
   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() {
@@ -13072,7 +12934,7 @@ var __generator$3 = globalThis && globalThis.__generator || function(thisArg, bo
       done: true
     };
   }
-};
+}
 var NumberInput = /* @__PURE__ */ 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",
@@ -13099,7 +12961,7 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
   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;
@@ -14059,7 +13921,7 @@ function _unsupported_iterable_to_array$h(o, minLen) {
   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() {
@@ -14160,23 +14022,9 @@ var __generator$2 = globalThis && globalThis.__generator || function(thisArg, bo
       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
@@ -14232,7 +14080,7 @@ function MultiSelectList(param) {
   var handleSearchInputChange = 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) {
@@ -14288,6 +14136,20 @@ function MultiSelectList(param) {
   var changeSearchValue = useCallback(debounce$1(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);
@@ -14362,7 +14224,7 @@ function MultiSelectList(param) {
   var handleLoadItemsOnScroll = 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) {
@@ -14429,7 +14291,7 @@ function MultiSelectList(param) {
     }
     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)
@@ -14478,7 +14340,7 @@ function MultiSelectList(param) {
     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);
@@ -14989,7 +14851,7 @@ function _unsupported_iterable_to_array$g(o, minLen) {
   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() {
@@ -15090,7 +14952,7 @@ var __generator$1 = globalThis && globalThis.__generator || function(thisArg, bo
       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({
@@ -15127,7 +14989,7 @@ function FilterSelect(param) {
   var handleSearchInputChange = 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) {
@@ -15207,7 +15069,7 @@ function FilterSelect(param) {
   var handleLoadItemsOnScroll = 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) {
@@ -15272,7 +15134,7 @@ function FilterSelect(param) {
     }
     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)
@@ -15321,7 +15183,7 @@ function FilterSelect(param) {
     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);
@@ -17081,8 +16943,8 @@ var FilterWithPeriod = function(param) {
   }, [
     periods
   ]);
-  var _translates_periods_val;
   var getPeriodTranslate = 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
@@ -17810,7 +17672,7 @@ function FilterValueView(param) {
       return "";
     }
     if (_instanceof$1(v, Date)) {
-      return format$1(v, filter.dateFormat || DEFAULT_DATE_FORMAT$1);
+      return format(v, filter.dateFormat || DEFAULT_DATE_FORMAT$1);
     }
     if (typeof v === "object" && "value" in v && isNotEmpty(v.value)) {
       return String(v.value);
@@ -18159,12 +18021,6 @@ function _unsupported_iterable_to_array$b(o, minLen) {
 }
 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
   });
@@ -18186,6 +18042,12 @@ function FilterWrapper(param) {
   } 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);
@@ -24626,9 +24488,9 @@ function _instanceof(left2, right2) {
 var hasHorizontalScrollBar = function(el) {
   return isNotEmpty(el) && el.scrollWidth !== el.clientWidth;
 };
-var _config_dateFormat;
 var formatCellContent = function(value, config) {
-  return _instanceof(value, Date) ? format$1(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 _config_dateFormat;
+  return _instanceof(value, Date) ? 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;
 var useStyles$m = createThemedStyles("FlexibleTable", {
@@ -27469,8 +27331,8 @@ var PhoneInput = function(_param) {
   var inputWrapper = useRef(null);
   var inputRef = useRef(null);
   var phoneWithCode = getFullPhone(value);
-  var _value_countryCode;
   var countryCode = 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,
@@ -28000,8 +27862,8 @@ function Selector(param) {
       }),
       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({
@@ -29900,7 +29762,7 @@ function _object_spread_props$2(target, source) {
   }
   return target;
 }
-var __generator = globalThis && globalThis.__generator || function(thisArg, body) {
+function _ts_generator(thisArg, body) {
   var f, y, t, g, _ = {
     label: 0,
     sent: function() {
@@ -30001,7 +29863,7 @@ var __generator = globalThis && globalThis.__generator || function(thisArg, body
       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({
@@ -30019,7 +29881,7 @@ var Toaster = function(param) {
     }
     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 [
@@ -30278,15 +30140,16 @@ var WithPopup = function(param) {
     className: clsx(classes.root, _define_property$1({}, classes.disabled, isDisabled))
   }), 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
+      }, addDataTestId(testId, "trigger")), {
         children: isFunction$1(Trigger) ? /* @__PURE__ */ jsx(Trigger, {
           isActive: isOpen
         }) : Trigger
-      }),
+      })),
       isOpen && /* @__PURE__ */ jsx(FloatingPortal, {
         root: !shouldRenderInBody ? refs.reference.current : void 0,
         children: /* @__PURE__ */ jsx("div", _object_spread_props$1(_object_spread$1({