@true-engineering/true-react-common-ui-kit 1.0.1 → 1.0.2

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

@@ -246,28 +246,28 @@
           return null;
         }
         var ReactSharedInternals = React$1.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-        function error(format) {
+        function error(format2) {
           {
             {
               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", format, args);
+              printWarning("error", format2, args);
             }
           }
         }
-        function printWarning(level, format, args) {
+        function printWarning(level, format2, args) {
           {
             var ReactDebugCurrentFrame2 = ReactSharedInternals.ReactDebugCurrentFrame;
             var stack = ReactDebugCurrentFrame2.getStackAddendum();
             if (stack !== "") {
-              format += "%s";
+              format2 += "%s";
               args = args.concat([stack]);
             }
             var argsWithFormat = args.map(function(item) {
               return String(item);
             });
-            argsWithFormat.unshift("Warning: " + format);
+            argsWithFormat.unshift("Warning: " + format2);
             Function.prototype.apply.call(console[level], console, argsWithFormat);
           }
         }
@@ -1396,8 +1396,7 @@
   };
   var _phone_dialCode, _phone_phoneNumber;
   var getFullPhone = function(phone) {
-    var _phone, _phone1;
-    return ((_phone_dialCode = (_phone = phone) === null || _phone === void 0 ? void 0 : _phone.dialCode) !== null && _phone_dialCode !== void 0 ? _phone_dialCode : "") + ((_phone_phoneNumber = (_phone1 = phone) === null || _phone1 === void 0 ? void 0 : _phone1.phoneNumber) !== null && _phone_phoneNumber !== void 0 ? _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) {
     var _phoneInfo_find;
@@ -1418,10 +1417,10 @@
     return countryCode;
   };
   var getPhoneObjFromString = function(fullPhone, countryCode) {
-    var _findCountryByCode, _dialCode;
+    var _findCountryByCode;
     var newCountryCode = countryCode !== null && countryCode !== void 0 ? countryCode : getCountryCodeFromPhone(fullPhone);
     var dialCode = (_findCountryByCode = findCountryByCode(newCountryCode)) === null || _findCountryByCode === void 0 ? void 0 : _findCountryByCode.dialCode;
-    var phoneNumber = fullPhone.slice((_dialCode = dialCode) === null || _dialCode === void 0 ? void 0 : _dialCode.length);
+    var phoneNumber = fullPhone.slice(dialCode === null || dialCode === void 0 ? void 0 : dialCode.length);
     return {
       dialCode,
       phoneNumber,
@@ -1508,16 +1507,14 @@
     theme: commonTheme
   });
   var useTheme = function(componentName, styles2, tweakStyles, options) {
-    var _components;
     var theme = React.useContext(ThemeContext).theme;
     var components = theme.components;
     var _components_componentName;
     var newStyles = React.useMemo(function() {
-      var _components2;
-      return lodash.merge({}, styles2, (_components_componentName = (_components2 = components) === null || _components2 === void 0 ? void 0 : _components2[componentName]) !== null && _components_componentName !== void 0 ? _components_componentName : {}, tweakStyles);
+      return lodash.merge({}, styles2, (_components_componentName = components === null || components === void 0 ? void 0 : components[componentName]) !== null && _components_componentName !== void 0 ? _components_componentName : {}, tweakStyles);
     }, [
       styles2,
-      (_components = components) === null || _components === void 0 ? void 0 : _components[componentName],
+      components === null || components === void 0 ? void 0 : components[componentName],
       tweakStyles
     ]);
     return {
@@ -1554,19 +1551,21 @@
     return target;
   }
   function useMounted() {
-    const mounted = React.useRef(true);
-    const isMounted = React.useRef(() => mounted.current);
-    React.useEffect(() => {
+    var mounted = React.useRef(true);
+    var isMounted = React.useRef(function() {
+      return mounted.current;
+    });
+    React.useEffect(function() {
       mounted.current = true;
-      return () => {
+      return function() {
         mounted.current = false;
       };
     }, []);
     return isMounted.current;
   }
   function useSafeState(state) {
-    const isMounted = useMounted();
-    return [state[0], React.useCallback((nextState) => {
+    var isMounted = useMounted();
+    return [state[0], React.useCallback(function(nextState) {
       if (!isMounted())
         return;
       return state[1](nextState);
@@ -1850,7 +1849,15 @@
         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;
@@ -1951,6 +1958,14 @@
   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),
@@ -2279,6 +2294,9 @@
     });
     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, {
@@ -2700,6 +2718,86 @@
       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];
@@ -2713,6 +2811,8 @@
       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: [],
@@ -2763,6 +2863,28 @@
           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();
         },
@@ -2777,6 +2899,9 @@
           }
           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 = {
@@ -2788,7 +2913,15 @@
           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;
@@ -2819,6 +2952,9 @@
         }
       };
       if (!areValidElements(reference2, popper2)) {
+        if (process.env.NODE_ENV !== "production") {
+          console.error(INVALID_ELEMENT_ERROR);
+        }
         return instance;
       }
       instance.setOptions(options).then(function(state2) {
@@ -2827,8 +2963,8 @@
         }
       });
       function runModifierEffects() {
-        state.orderedModifiers.forEach(function(_ref) {
-          var name = _ref.name, _ref$options = _ref.options, options2 = _ref$options === void 0 ? {} : _ref$options, effect2 = _ref.effect;
+        state.orderedModifiers.forEach(function(_ref3) {
+          var name = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect2 = _ref3.effect;
           if (typeof effect2 === "function") {
             var cleanupFn = effect2({
               state,
@@ -3093,20 +3229,17 @@
     }
     React.useEffect(function() {
       if (dependenciesForPositionUpdating.length !== 0) {
-        var _popperData;
-        (_popperData = popperData) === null || _popperData === void 0 ? void 0 : _popperData.update();
+        popperData === null || popperData === void 0 ? void 0 : popperData.update();
       }
     }, dependenciesForPositionUpdating);
     return popperData;
   };
   var useTweakStyles = function() {
     var componentStyles = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, tweakStyles = arguments.length > 1 ? arguments[1] : void 0, className = arguments.length > 2 ? arguments[2] : void 0;
-    var _tweakStyles;
     return React.useMemo(function() {
-      var _tweakStyles2;
-      return lodash.merge({}, componentStyles[className], (_tweakStyles2 = tweakStyles) === null || _tweakStyles2 === void 0 ? void 0 : _tweakStyles2[className]);
+      return lodash.merge({}, componentStyles[className], tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles[className]);
     }, [
-      (_tweakStyles = tweakStyles) === null || _tweakStyles === void 0 ? void 0 : _tweakStyles[className]
+      tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles[className]
     ]);
   };
   var useDidMountEffect = function(effect2, dependencies) {
@@ -4318,10 +4451,10 @@
     var items = param.items, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles, onClick = param.onClick;
     var classes = useTheme("List", styles$J, tweakStyles).classes;
     var handleItemClick = function(item) {
-      var _onClick;
       item.onClick();
-      (_onClick = onClick) === null || _onClick === void 0 ? void 0 : _onClick();
+      onClick === null || onClick === void 0 ? void 0 : onClick();
     };
+    var _item_testId;
     return /* @__PURE__ */ jsx("div", _object_spread_props$z(_object_spread$I({
       className: classes.root
     }, addDataTestId(testId), addDataAttributes(data)), {
@@ -4334,7 +4467,9 @@
             }),
             /* @__PURE__ */ jsxs("div", _object_spread_props$z(_object_spread$I({
               className: clsx(classes.item, (_obj = {}, _define_property$K(_obj, classes.disabledItem, item.disabled), _define_property$K(_obj, classes.withIconGap, item.withIconGap), _obj))
-            }, addDataTestId(testId, "item-".concat(idx))), {
+            }, addDataTestId((_item_testId = item.testId) !== null && _item_testId !== void 0 ? _item_testId : getTestId(testId, "item-".concat(idx))), item.disabled && addDataAttributes({
+              disabled: item.disabled
+            })), {
               onClick: item.disabled ? void 0 : function() {
                 return handleItemClick(item);
               },
@@ -5178,13 +5313,11 @@
   ];
   var Button = function(param) {
     var _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, children = param.children, _param_size = param.size, size = _param_size === void 0 ? "l" : _param_size, _param_view = param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, _param_isInline = param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldSkipTabNavigation = param.shouldSkipTabNavigation, shouldSkipTabNavigation = _param_shouldSkipTabNavigation === void 0 ? false : _param_shouldSkipTabNavigation, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, icon = param.icon, _param_iconPosition = param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, onClick = param.onClick, onMouseDown = param.onMouseDown;
-    var _tweakStyles;
     var _useTheme = useTheme("Button", styles$D, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
     var tweakPreloaderStyles = React.useMemo(function() {
-      var _tweakStyles2;
-      return lodash.merge({}, size === "s" || size === "m" ? dotsPreloaderStyles : void 0, componentStyles.tweakPreloader, (_tweakStyles2 = tweakStyles) === null || _tweakStyles2 === void 0 ? void 0 : _tweakStyles2.tweakPreloader);
+      return lodash.merge({}, size === "s" || size === "m" ? dotsPreloaderStyles : void 0, componentStyles.tweakPreloader, tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles.tweakPreloader);
     }, [
-      (_tweakStyles = tweakStyles) === null || _tweakStyles === void 0 ? void 0 : _tweakStyles.tweakPreloader,
+      tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles.tweakPreloader,
       size
     ]);
     var hasIcon = isNotEmpty(icon);
@@ -6108,7 +6241,7 @@
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
       return _array_like_to_array$k(o, minLen);
   }
-  function _ts_generator$5(thisArg, body) {
+  var __generator$5 = globalThis && globalThis.__generator || function(thisArg, body) {
     var f, y, t, g, _ = {
       label: 0,
       sent: function() {
@@ -6209,7 +6342,7 @@
         done: true
       };
     }
-  }
+  };
   var DEFAULT_SIZE = 6;
   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, isReadonly = 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, isRequired = param.isRequired, isLoading = param.isLoading, isAutoSizeable = param.isAutoSizeable, _param_defaultSize = param.defaultSize, defaultSize = _param_defaultSize === void 0 ? DEFAULT_SIZE : _param_defaultSize, iconType = param.iconType, name = param.name, mask = param.mask, maskPlaceholder = param.maskPlaceholder, hasRequiredLabel = param.hasRequiredLabel, data = param.data, tweakStyles = param.tweakStyles, maxLength = param.maxLength, shouldFocusOnMount = param.shouldFocusOnMount, units = param.units, testId = param.testId, tabIndex = param.tabIndex, onChange = param.onChange, onPaste = param.onPaste, onFocus = param.onFocus, onBlur = param.onBlur, onIconClick = param.onIconClick, onKeyDown = param.onKeyDown;
@@ -6220,19 +6353,17 @@
       onChange(event.currentTarget.value, event);
     };
     var handleFocus = function(event) {
-      var _onFocus;
       setFocused(true);
-      (_onFocus = onFocus) === null || _onFocus === void 0 ? void 0 : _onFocus(event);
+      onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
     };
     var handleBlur = function(event) {
-      var _onBlur;
       setFocused(false);
-      (_onBlur = onBlur) === null || _onBlur === void 0 ? void 0 : _onBlur(event);
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
     };
     var handleOnInputClear = function() {
       var _ref = _async_to_generator$5(function(event) {
         var _input_current, input;
-        return _ts_generator$5(this, function(_state) {
+        return __generator$5(this, function(_state) {
           switch (_state.label) {
             case 0:
               return [
@@ -6823,9 +6954,8 @@
     return obj;
   }
   function isOptionDisabled(option) {
-    var _option;
     var _option_isDisabled;
-    return typeof option === "object" && option !== null && ((_option_isDisabled = (_option = option) === null || _option === void 0 ? void 0 : _option.isDisabled) !== null && _option_isDisabled !== void 0 ? _option_isDisabled : false);
+    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 DEFAULT_OPTION_INDEX = -1;
   function SelectList(param) {
@@ -7137,7 +7267,7 @@
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
       return _array_like_to_array$j(o, minLen);
   }
-  function _ts_generator$4(thisArg, body) {
+  var __generator$4 = globalThis && globalThis.__generator || function(thisArg, body) {
     var f, y, t, g, _ = {
       label: 0,
       sent: function() {
@@ -7238,7 +7368,7 @@
         done: true
       };
     }
-  }
+  };
   function Select(_param) {
     var options = _param.options, value = _param.value, onChange = _param.onChange, _param_compareValuesOnChange = _param.compareValuesOnChange, compareValuesOnChange = _param_compareValuesOnChange === void 0 ? defaultCompareFunction : _param_compareValuesOnChange, _param_convertValueToString = _param.convertValueToString, convertValueToString = _param_convertValueToString === void 0 ? defaultConvertFunction$2 : _param_convertValueToString, convertValueToId = _param.convertValueToId, convertValueToReactNode = _param.convertValueToReactNode, defaultOptionLabel = _param.defaultOptionLabel, onFocus = _param.onFocus, onBlur = _param.onBlur, onType = _param.onType, onOpen = _param.onOpen, _param_debounceTime = _param.debounceTime, debounceTime = _param_debounceTime === void 0 ? 400 : _param_debounceTime, _param_optionsMode = _param.optionsMode, optionsMode = _param_optionsMode === void 0 ? "normal" : _param_optionsMode, optionsFilter = _param.optionsFilter, noMatchesLabel = _param.noMatchesLabel, loadingLabel = _param.loadingLabel, tweakStyles = _param.tweakStyles, testId = _param.testId, isDisabled = _param.isDisabled, dropdownOptions = _param.dropdownOptions, _param_minSymbolsCountToOpenList = _param.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _param_minSymbolsCountToOpenList === void 0 ? 0 : _param_minSymbolsCountToOpenList, _param_dropdownIcon = _param.dropdownIcon, dropdownIcon = _param_dropdownIcon === void 0 ? "chevron-down" : _param_dropdownIcon, inputProps = _object_without_properties$6(_param, [
       "options",
@@ -7265,7 +7395,6 @@
       "minSymbolsCountToOpenList",
       "dropdownIcon"
     ]);
-    var _tweakStyles, _popperData, _popperData1, _tweakStyles1;
     var _useTheme = useTheme("Select", styles$u, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
     var isMounted = useIsMounted();
     var _useState = _sliced_to_array$j(React.useState(false), 2), isListOpen = _useState[0], setIsListOpen = _useState[1];
@@ -7278,14 +7407,13 @@
     var list = React.useRef(null);
     var input = React.useRef(null);
     var filteredOptions = React.useMemo(function() {
-      var _searchValue;
       if (optionsMode !== "search") {
         return options;
       }
       if (optionsFilter) {
         return optionsFilter(options, searchValue);
       }
-      var lowerCaseValue = (_searchValue = searchValue) === null || _searchValue === void 0 ? void 0 : _searchValue.toLowerCase();
+      var lowerCaseValue = searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase();
       return options.filter(function(option) {
         var convertedOption = convertValueToString(option);
         return convertedOption !== void 0 && convertedOption.toLowerCase().includes(lowerCaseValue);
@@ -7311,7 +7439,7 @@
     };
     var handleListOpen = function() {
       var _ref2 = _async_to_generator$4(function() {
-        return _ts_generator$4(this, function(_state) {
+        return __generator$4(this, function(_state) {
           if (isListOpen) {
             return [
               2
@@ -7363,7 +7491,7 @@
     ]);
     var handleOnType = React.useCallback(function() {
       var _ref2 = _async_to_generator$4(function(v) {
-        return _ts_generator$4(this, function(_state) {
+        return __generator$4(this, function(_state) {
           switch (_state.label) {
             case 0:
               if (onType === void 0) {
@@ -7481,14 +7609,13 @@
     var _inputProps_isReadonly = inputProps.isReadonly, isReadonly = _inputProps_isReadonly === void 0 ? true : _inputProps_isReadonly;
     var shouldUsePointerCursor = optionsMode === "normal" && isReadonly;
     var tweakInputStyles = React.useMemo(function() {
-      var _tweakStyles2;
       return lodash.merge({}, componentStyles.tweakInput, _object_spread$v({}, shouldUsePointerCursor ? {
         input: {
           cursor: "pointer"
         }
-      } : void 0), (_tweakStyles2 = tweakStyles) === null || _tweakStyles2 === void 0 ? void 0 : _tweakStyles2.tweakInput);
+      } : void 0), tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles.tweakInput);
     }, [
-      (_tweakStyles = tweakStyles) === null || _tweakStyles === void 0 ? void 0 : _tweakStyles.tweakInput,
+      tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles.tweakInput,
       shouldUsePointerCursor
     ]);
     var _ref = dropdownOptions !== null && dropdownOptions !== void 0 ? dropdownOptions : {}, _ref_shouldUsePopper = _ref.shouldUsePopper, shouldUsePopper = _ref_shouldUsePopper === void 0 ? false : _ref_shouldUsePopper, _ref_shouldRenderInBody = _ref.shouldRenderInBody, shouldRenderInBody = _ref_shouldRenderInBody === void 0 ? false : _ref_shouldRenderInBody, _ref_shouldHideOnScroll = _ref.shouldHideOnScroll, shouldHideOnScroll = _ref_shouldHideOnScroll === void 0 ? false : _ref_shouldHideOnScroll;
@@ -7555,8 +7682,8 @@
               onMouseDown: function(event) {
                 return event.preventDefault();
               },
-              style: (_popperData = popperData) === null || _popperData === void 0 ? void 0 : _popperData.styles.popper
-            }, (_popperData1 = popperData) === null || _popperData1 === void 0 ? void 0 : _popperData1.attributes.popper), {
+              style: popperData === null || popperData === void 0 ? void 0 : popperData.styles.popper
+            }, popperData === null || popperData === void 0 ? void 0 : popperData.attributes.popper), {
               children: isOpen && /* @__PURE__ */ jsx(SelectList, {
                 options: filteredOptions,
                 convertValueToString,
@@ -7569,7 +7696,7 @@
                 activeValue: value,
                 isLoading: inputProps.isLoading,
                 loadingLabel,
-                tweakStyles: (_tweakStyles1 = tweakStyles) === null || _tweakStyles1 === void 0 ? void 0 : _tweakStyles1.tweakSelectList,
+                tweakStyles: tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles.tweakSelectList,
                 testId: testId !== void 0 ? "".concat(testId, "-list") : void 0,
                 shouldScrollToList: !shouldUsePopper && !shouldHideOnScroll
               })
@@ -8874,7 +9001,7 @@
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
       return _array_like_to_array$g(o, minLen);
   }
-  function _ts_generator$3(thisArg, body) {
+  var __generator$3 = globalThis && globalThis.__generator || function(thisArg, body) {
     var f, y, t, g, _ = {
       label: 0,
       sent: function() {
@@ -8975,7 +9102,7 @@
         done: true
       };
     }
-  }
+  };
   var defaultConvertFunction$1 = function(val) {
     return String(val);
   };
@@ -9002,8 +9129,8 @@
     var hasFooter = isNotEmpty(footer);
     var handleSearchInputChange = React.useCallback(function() {
       var _ref = _async_to_generator$3(function(inputValue) {
-        var _inputValue, _inputValue_trim, response;
-        return _ts_generator$3(this, function(_state) {
+        var _inputValue_trim, response;
+        return __generator$3(this, function(_state) {
           switch (_state.label) {
             case 0:
               if (fetchOptions === void 0) {
@@ -9022,7 +9149,7 @@
               ]);
               return [
                 4,
-                fetchOptions((_inputValue_trim = (_inputValue = inputValue) === null || _inputValue === void 0 ? void 0 : _inputValue.trim()) !== null && _inputValue_trim !== void 0 ? _inputValue_trim : "")
+                fetchOptions((_inputValue_trim = inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim()) !== null && _inputValue_trim !== void 0 ? _inputValue_trim : "")
               ];
             case 2:
               response = _state.sent();
@@ -9082,8 +9209,8 @@
     };
     var handleLoadItemsOnScroll = React.useCallback(function() {
       var _ref = _async_to_generator$3(function(inputValue, page) {
-        var _inputValue, _inputValue_trim, response;
-        return _ts_generator$3(this, function(_state) {
+        var _inputValue_trim, response;
+        return __generator$3(this, function(_state) {
           switch (_state.label) {
             case 0:
               if (fetchOptions === void 0) {
@@ -9102,7 +9229,7 @@
               ]);
               return [
                 4,
-                fetchOptions((_inputValue_trim = (_inputValue = inputValue) === null || _inputValue === void 0 ? void 0 : _inputValue.trim()) !== null && _inputValue_trim !== void 0 ? _inputValue_trim : "", page !== null && page !== void 0 ? page : 0)
+                fetchOptions((_inputValue_trim = inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim()) !== null && _inputValue_trim !== void 0 ? _inputValue_trim : "", page !== null && page !== void 0 ? page : 0)
               ];
             case 2:
               response = _state.sent();
@@ -9148,7 +9275,7 @@
       }
       observer.current = new IntersectionObserver(function() {
         var _ref = _async_to_generator$3(function(entries) {
-          return _ts_generator$3(this, function(_state) {
+          return __generator$3(this, function(_state) {
             switch (_state.label) {
               case 0:
                 if (!entries[0].isIntersecting)
@@ -9197,7 +9324,7 @@
       var doFetchOptions = function() {
         var _ref = _async_to_generator$3(function() {
           var response;
-          return _ts_generator$3(this, function(_state) {
+          return __generator$3(this, function(_state) {
             switch (_state.label) {
               case 0:
                 setIsLoading(true);
@@ -10150,7 +10277,7 @@
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
       return _array_like_to_array$e(o, minLen);
   }
-  function _ts_generator$2(thisArg, body) {
+  var __generator$2 = globalThis && globalThis.__generator || function(thisArg, body) {
     var f, y, t, g, _ = {
       label: 0,
       sent: function() {
@@ -10251,7 +10378,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, 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$3(_param, [
       "value",
@@ -10277,7 +10404,7 @@
     var handleChange = function() {
       var _ref = _async_to_generator$2(function(inputValue, event) {
         var oldValue, target, _target_selectionStart, defaultCaretPos, numString, intRegexp, floatRegexp, numberRegexp, hasDot, formattedValue, newValue;
-        return _ts_generator$2(this, function(_state) {
+        return __generator$2(this, function(_state) {
           switch (_state.label) {
             case 0:
               oldValue = showedValue;
@@ -10472,7 +10599,6 @@
   };
   var FilterInterval = function(param) {
     var data = param.data, tweakStyles = param.tweakStyles, value = param.value, labelName = param.labelName, withFieldNameInLabel = param.withFieldNameInLabel, localeKey = param.localeKey, locale2 = param.locale, canBeFloat = param.canBeFloat, onChange = param.onChange, fromInput = param.fromInput, toInput = param.toInput, testId = param.testId;
-    var _value, _fromInput, _fromInput1, _fromInput2, _value1, _toInput, _toInput1, _toInput2;
     var _useTheme = useTheme("FilterInterval", styles$l, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
     var translates = React.useMemo(function() {
       return getLocale$1(localeKey, locale2);
@@ -10484,24 +10610,22 @@
       onChange(void 0);
     };
     var handleFromChange = function(v) {
-      var _value2, _value12;
-      if (v === void 0 && ((_value2 = value) === null || _value2 === void 0 ? void 0 : _value2[1]) === void 0) {
+      if (v === void 0 && (value === null || value === void 0 ? void 0 : value[1]) === void 0) {
         onChange(void 0);
         return;
       }
       onChange(sortValues([
         v,
-        (_value12 = value) === null || _value12 === void 0 ? void 0 : _value12[1]
+        value === null || value === void 0 ? void 0 : value[1]
       ]));
     };
     var handleToChange = function(v) {
-      var _value2, _value12;
-      if (v === void 0 && ((_value2 = value) === null || _value2 === void 0 ? void 0 : _value2[0]) === void 0) {
+      if (v === void 0 && (value === null || value === void 0 ? void 0 : value[0]) === void 0) {
         onChange(void 0);
         return;
       }
       onChange(sortValues([
-        (_value12 = value) === null || _value12 === void 0 ? void 0 : _value12[0],
+        value === null || value === void 0 ? void 0 : value[0],
         v
       ]));
     };
@@ -10518,14 +10642,14 @@
               children: [
                 /* @__PURE__ */ jsx(NumberInput, {
                   onChange: handleFromChange,
-                  value: (_value = value) === null || _value === void 0 ? void 0 : _value[0],
+                  value: value === null || value === void 0 ? void 0 : value[0],
                   label: withFieldNameInLabel ? "".concat(labelName, " ").concat(translates.from.toLocaleLowerCase()) : translates.from,
                   border: "bottom",
                   canBeFloat,
                   isClearable: true,
-                  min: (_fromInput = fromInput) === null || _fromInput === void 0 ? void 0 : _fromInput.min,
-                  max: (_fromInput1 = fromInput) === null || _fromInput1 === void 0 ? void 0 : _fromInput1.max,
-                  maxLength: (_fromInput2 = fromInput) === null || _fromInput2 === void 0 ? void 0 : _fromInput2.maxLength,
+                  min: fromInput === null || fromInput === void 0 ? void 0 : fromInput.min,
+                  max: fromInput === null || fromInput === void 0 ? void 0 : fromInput.max,
+                  maxLength: fromInput === null || fromInput === void 0 ? void 0 : fromInput.maxLength,
                   tweakStyles: tweakInputStyles,
                   testId: testId !== void 0 ? "".concat(testId, "-start") : void 0
                 }),
@@ -10543,14 +10667,14 @@
               children: [
                 /* @__PURE__ */ jsx(NumberInput, {
                   onChange: handleToChange,
-                  value: (_value1 = value) === null || _value1 === void 0 ? void 0 : _value1[1],
+                  value: value === null || value === void 0 ? void 0 : value[1],
                   label: withFieldNameInLabel ? "".concat(labelName, " ").concat(translates.to.toLocaleLowerCase()) : translates.to,
                   border: "bottom",
                   canBeFloat,
                   isClearable: true,
-                  min: (_toInput = toInput) === null || _toInput === void 0 ? void 0 : _toInput.min,
-                  max: (_toInput1 = toInput) === null || _toInput1 === void 0 ? void 0 : _toInput1.max,
-                  maxLength: (_toInput2 = toInput) === null || _toInput2 === void 0 ? void 0 : _toInput2.maxLength,
+                  min: toInput === null || toInput === void 0 ? void 0 : toInput.min,
+                  max: toInput === null || toInput === void 0 ? void 0 : toInput.max,
+                  maxLength: toInput === null || toInput === void 0 ? void 0 : toInput.maxLength,
                   tweakStyles: tweakInputStyles,
                   testId: testId !== void 0 ? "".concat(testId, "-end") : void 0
                 }),
@@ -10902,7 +11026,7 @@
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
       return _array_like_to_array$d(o, minLen);
   }
-  function _ts_generator$1(thisArg, body) {
+  var __generator$1 = globalThis && globalThis.__generator || function(thisArg, body) {
     var f, y, t, g, _ = {
       label: 0,
       sent: function() {
@@ -11003,7 +11127,7 @@
         done: true
       };
     }
-  }
+  };
   var defaultConvertFunction = function(val) {
     return String(val);
   };
@@ -11023,7 +11147,6 @@
         changeSearchValue(inputValue);
       }
     };
-    var _value, _chosenValues;
     var isMounted = useIsMounted();
     var _useTheme = useTheme("MultiSelectList", styles$k, tweakStyles, {
       width
@@ -11037,10 +11160,9 @@
       localeKey,
       locale2
     ]);
-    var chosenValues = (_value = value) === null || _value === void 0 ? void 0 : _value.include;
+    var chosenValues = value === null || value === void 0 ? void 0 : value.include;
     var chosenValuesIds = React.useMemo(function() {
-      var _chosenValues2;
-      return (_chosenValues2 = chosenValues) === null || _chosenValues2 === void 0 ? void 0 : _chosenValues2.map(getValueId);
+      return chosenValues === null || chosenValues === void 0 ? void 0 : chosenValues.map(getValueId);
     }, [
       getValueId,
       chosenValues
@@ -11055,8 +11177,7 @@
     var observer = React.useRef();
     var unchosenOptions = React.useMemo(function() {
       return allOptions.filter(function(v) {
-        var _chosenValuesIds;
-        return !((_chosenValuesIds = chosenValuesIds) === null || _chosenValuesIds === void 0 ? void 0 : _chosenValuesIds.includes(getValueId(v)));
+        return !(chosenValuesIds === null || chosenValuesIds === void 0 ? void 0 : chosenValuesIds.includes(getValueId(v)));
       });
     }, [
       getValueId,
@@ -11065,8 +11186,8 @@
     ]);
     var handleSearchInputChange = React.useCallback(function() {
       var _ref = _async_to_generator$1(function(inputValue) {
-        var _inputValue, _inputValue_trim, response;
-        return _ts_generator$1(this, function(_state) {
+        var _inputValue_trim, response;
+        return __generator$1(this, function(_state) {
           switch (_state.label) {
             case 0:
               if (fetchOptions === void 0) {
@@ -11085,7 +11206,7 @@
               ]);
               return [
                 4,
-                fetchOptions((_inputValue_trim = (_inputValue = inputValue) === null || _inputValue === void 0 ? void 0 : _inputValue.trim()) !== null && _inputValue_trim !== void 0 ? _inputValue_trim : "")
+                fetchOptions((_inputValue_trim = inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim()) !== null && _inputValue_trim !== void 0 ? _inputValue_trim : "")
               ];
             case 2:
               response = _state.sent();
@@ -11135,11 +11256,10 @@
       onChange(void 0);
     };
     var onSelect = function(val) {
-      var _chosenValues2;
       var _chosenValues_filter;
       handleSelectValue(val.isSelected ? _to_consumable_array$2(chosenValues !== null && chosenValues !== void 0 ? chosenValues : []).concat([
         val.value
-      ]) : (_chosenValues_filter = (_chosenValues2 = chosenValues) === null || _chosenValues2 === void 0 ? void 0 : _chosenValues2.filter(function(v) {
+      ]) : (_chosenValues_filter = chosenValues === null || chosenValues === void 0 ? void 0 : chosenValues.filter(function(v) {
         return getValueId(v) !== getValueId(val.value);
       })) !== null && _chosenValues_filter !== void 0 ? _chosenValues_filter : []);
     };
@@ -11151,9 +11271,8 @@
         }
       }
       if (event.code === "ArrowDown") {
-        var _value2;
         var _value_include_length;
-        if (keyCursorOn < unchosenOptions.length + ((_value_include_length = (_value2 = value) === null || _value2 === void 0 ? void 0 : _value2.include.length) !== null && _value_include_length !== void 0 ? _value_include_length : 0) - 1) {
+        if (keyCursorOn < unchosenOptions.length + ((_value_include_length = value === null || value === void 0 ? void 0 : value.include.length) !== null && _value_include_length !== void 0 ? _value_include_length : 0) - 1) {
           setKeyCursorOn(keyCursorOn + 1);
         }
       }
@@ -11191,15 +11310,14 @@
       }
     };
     var getIsValueChosen = function(id) {
-      var _chosenValues2;
-      return (_chosenValues2 = chosenValues) === null || _chosenValues2 === void 0 ? void 0 : _chosenValues2.some(function(v) {
+      return chosenValues === null || chosenValues === void 0 ? void 0 : chosenValues.some(function(v) {
         return getValueId(v) === id;
       });
     };
     var handleLoadItemsOnScroll = React.useCallback(function() {
       var _ref = _async_to_generator$1(function(inputValue, page) {
         var response;
-        return _ts_generator$1(this, function(_state) {
+        return __generator$1(this, function(_state) {
           switch (_state.label) {
             case 0:
               if (fetchOptions === void 0) {
@@ -11266,7 +11384,7 @@
       }
       observer.current = new IntersectionObserver(function() {
         var _ref = _async_to_generator$1(function(entries) {
-          return _ts_generator$1(this, function(_state) {
+          return __generator$1(this, function(_state) {
             switch (_state.label) {
               case 0:
                 if (!entries[0].isIntersecting)
@@ -11315,7 +11433,7 @@
       var doFetchOptions = function() {
         var _ref = _async_to_generator$1(function() {
           var response;
-          return _ts_generator$1(this, function(_state) {
+          return __generator$1(this, function(_state) {
             switch (_state.label) {
               case 0:
                 setIsLoading(true);
@@ -11401,7 +11519,7 @@
                   className: clsx(classes.label, classes.labelChosen, !isSearchEnabled && classes.withoutTopGap),
                   children: translates.chosen
                 }),
-                (_chosenValues = chosenValues) === null || _chosenValues === void 0 ? void 0 : _chosenValues.map(function(val) {
+                chosenValues === null || chosenValues === void 0 ? void 0 : chosenValues.map(function(val) {
                   var id = getValueId(val);
                   var view = getValueView(val);
                   return /* @__PURE__ */ jsx("div", {
@@ -11734,8 +11852,8 @@
     return function() {
       var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
       var width = options.width ? String(options.width) : args.defaultWidth;
-      var format = args.formats[width] || args.formats[args.defaultWidth];
-      return format;
+      var format2 = args.formats[width] || args.formats[args.defaultWidth];
+      return format2;
     };
   }
   var dateFormats$1 = {
@@ -11898,11 +12016,11 @@
     other: "P"
   };
   var formatRelative$2 = function formatRelative2(token, date, baseDate, options) {
-    var format = formatRelativeLocale$1[token];
-    if (typeof format === "function") {
-      return format(date, baseDate, options);
+    var format2 = formatRelativeLocale$1[token];
+    if (typeof format2 === "function") {
+      return format2(date, baseDate, options);
     }
-    return format;
+    return format2;
   };
   const formatRelative$3 = formatRelative$2;
   function buildLocalizeFn(args) {
@@ -12755,7 +12873,6 @@
   var DATE_FORMAT = "dd.MM.yyyy";
   var FilterWithDates = function(param) {
     var value = param.value, onChange = param.onChange, localeKey = param.localeKey, locale2 = param.locale, onStartBtnSubmit = param.onStartBtnSubmit, onEndBtnSubmit = param.onEndBtnSubmit, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId, _param_startPickerProps = param.startPickerProps, startPickerProps = _param_startPickerProps === void 0 ? emptyPickerProps : _param_startPickerProps, _param_endPickerProps = param.endPickerProps, endPickerProps = _param_endPickerProps === void 0 ? emptyPickerProps : _param_endPickerProps, _param_isClearable = param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable;
-    var _value, _value1, _value2, _value3, _value4, _value5;
     var _useTheme = useTheme("FilterWithDates", styles$j, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
     var _useState = _sliced_to_array$c(React.useState(false), 2), isOpenFrom = _useState[0], setOpenFrom = _useState[1];
     var _useState1 = _sliced_to_array$c(React.useState(false), 2), isOpenTo = _useState1[0], setOpenTo = _useState1[1];
@@ -12775,19 +12892,17 @@
     var ref = React.useRef(null);
     var isOpenCalendar = isOpenFrom || isOpenTo;
     var handleFromSelected = function(val) {
-      var _value6;
       var _value_to2;
       onChange({
         from: val,
-        to: (_value_to2 = (_value6 = value) === null || _value6 === void 0 ? void 0 : _value6.to) !== null && _value_to2 !== void 0 ? _value_to2 : null
+        to: (_value_to2 = value === null || value === void 0 ? void 0 : value.to) !== null && _value_to2 !== void 0 ? _value_to2 : null
       });
       setOpenFrom(false);
     };
     var handleToSelected = function(val) {
-      var _value6;
       var _value_from2;
       onChange({
-        from: (_value_from2 = (_value6 = value) === null || _value6 === void 0 ? void 0 : _value6.from) !== null && _value_from2 !== void 0 ? _value_from2 : null,
+        from: (_value_from2 = value === null || value === void 0 ? void 0 : value.from) !== null && _value_from2 !== void 0 ? _value_from2 : null,
         to: val
       });
       setOpenTo(false);
@@ -12799,11 +12914,10 @@
           to: val
         });
       } else {
-        var _value6;
         var _value_to2;
         onChange({
           from: val,
-          to: (_value_to2 = (_value6 = value) === null || _value6 === void 0 ? void 0 : _value6.to) !== null && _value_to2 !== void 0 ? _value_to2 : null
+          to: (_value_to2 = value === null || value === void 0 ? void 0 : value.to) !== null && _value_to2 !== void 0 ? _value_to2 : null
         });
       }
     };
@@ -12814,10 +12928,9 @@
           to: value.from
         });
       } else {
-        var _value6;
         var _value_from2;
         onChange({
-          from: (_value_from2 = (_value6 = value) === null || _value6 === void 0 ? void 0 : _value6.from) !== null && _value_from2 !== void 0 ? _value_from2 : null,
+          from: (_value_from2 = value === null || value === void 0 ? void 0 : value.from) !== null && _value_from2 !== void 0 ? _value_from2 : null,
           to: val
         });
       }
@@ -12835,8 +12948,8 @@
             /* @__PURE__ */ jsx("div", {
               className: classes.containerItem,
               children: /* @__PURE__ */ jsx(DatePicker, _object_spread$j({
-                selectedDate: (_value_from = (_value = value) === null || _value === void 0 ? void 0 : _value.from) !== null && _value_from !== void 0 ? _value_from : null,
-                maxDate: (_value1 = value) === null || _value1 === void 0 ? void 0 : _value1.to,
+                selectedDate: (_value_from = value === null || value === void 0 ? void 0 : value.from) !== null && _value_from !== void 0 ? _value_from : null,
+                maxDate: value === null || value === void 0 ? void 0 : value.to,
                 label: translates.from,
                 months: translates.months,
                 locale: dateLocale,
@@ -12852,10 +12965,10 @@
             /* @__PURE__ */ jsx("div", {
               className: classes.containerItem,
               children: /* @__PURE__ */ jsx(DatePicker, _object_spread$j({
-                selectedDate: (_value_to = (_value2 = value) === null || _value2 === void 0 ? void 0 : _value2.to) !== null && _value_to !== void 0 ? _value_to : null,
+                selectedDate: (_value_to = value === null || value === void 0 ? void 0 : value.to) !== null && _value_to !== void 0 ? _value_to : null,
                 label: translates.to,
                 months: translates.months,
-                minDate: (_value3 = value) === null || _value3 === void 0 ? void 0 : _value3.from,
+                minDate: value === null || value === void 0 ? void 0 : value.from,
                 locale: dateLocale,
                 onChangeDate: handleChangeTo,
                 topPosition,
@@ -12898,7 +13011,7 @@
           ref,
           className: classes.datepicker,
           children: /* @__PURE__ */ jsx(DatePicker, {
-            selectedDate: (_ref = isOpenFrom ? (_value4 = value) === null || _value4 === void 0 ? void 0 : _value4.from : (_value5 = value) === null || _value5 === void 0 ? void 0 : _value5.to) !== null && _ref !== void 0 ? _ref : null,
+            selectedDate: (_ref = isOpenFrom ? value === null || value === void 0 ? void 0 : value.from : value === null || value === void 0 ? void 0 : value.to) !== null && _ref !== void 0 ? _ref : null,
             label: "",
             locale: dateLocale,
             months: translates.months,
@@ -13086,7 +13199,6 @@
   };
   var FilterWithPeriod = function(param) {
     var value = param.value, localeKey = param.localeKey, locale2 = param.locale, onChange = param.onChange, onClose = param.onClose, periods = param.periods, tweakStyles = param.tweakStyles, testId = param.testId;
-    var _value, _value1, _value2, _value3, _value4, _period;
     var _useTheme = useTheme("FilterWithPeriod", styles$i, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
     var translates = React.useMemo(function() {
       return getLocale$1(localeKey, locale2);
@@ -13094,13 +13206,12 @@
       localeKey,
       locale2
     ]);
-    var _useState = _sliced_to_array$b(React.useState(((_value = value) === null || _value === void 0 ? void 0 : _value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
-    var _useState1 = _sliced_to_array$b(React.useState(((_value1 = value) === null || _value1 === void 0 ? void 0 : _value1.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
+    var _useState = _sliced_to_array$b(React.useState((value === null || value === void 0 ? void 0 : value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
+    var _useState1 = _sliced_to_array$b(React.useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
     var _useState2 = _sliced_to_array$b(React.useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
     var periodGetters = React.useMemo(function() {
-      var _periods;
       var result = _object_spread$i({}, PERIODS_GETTERS);
-      (_periods = periods) === null || _periods === void 0 ? void 0 : _periods.forEach(function(p) {
+      periods === null || periods === void 0 ? void 0 : periods.forEach(function(p) {
         if (Array.isArray(p)) {
           result[p[0]] = p[1];
         }
@@ -13173,8 +13284,7 @@
       }
     };
     useOnClickOutside(refDatePicker, function() {
-      var _period2, _period1;
-      if (!((_period2 = period) === null || _period2 === void 0 ? void 0 : _period2.from) && !((_period1 = period) === null || _period1 === void 0 ? void 0 : _period1.to)) {
+      if (!(period === null || period === void 0 ? void 0 : period.from) && !(period === null || period === void 0 ? void 0 : period.to)) {
         setPeriod(void 0);
       }
       setIsDatePickerShown(false);
@@ -13183,9 +13293,9 @@
       setPeriod(value);
     }, [
       value,
-      (_value2 = value) === null || _value2 === void 0 ? void 0 : _value2.from,
-      (_value3 = value) === null || _value3 === void 0 ? void 0 : _value3.to,
-      (_value4 = value) === null || _value4 === void 0 ? void 0 : _value4.periodType
+      value === null || value === void 0 ? void 0 : value.from,
+      value === null || value === void 0 ? void 0 : value.to,
+      value === null || value === void 0 ? void 0 : value.periodType
     ]);
     var tweakSelectStyles = useTweakStyles(componentStyles, tweakStyles, "tweakSelect");
     return /* @__PURE__ */ jsxs("div", {
@@ -13196,7 +13306,7 @@
           ref: refPeriodPicker,
           children: /* @__PURE__ */ jsx(FilterSelect, {
             options: periodsList,
-            value: (_period = period) === null || _period === void 0 ? void 0 : _period.periodType,
+            value: period === null || period === void 0 ? void 0 : period.periodType,
             onChange: onPeriodChange,
             localeKey,
             locale: translates,
@@ -13579,8 +13689,7 @@
       }
     }, parentRef);
     React.useLayoutEffect(function() {
-      var _filtersPaneRef;
-      if (ref.current === null || filtersPaneRef === void 0 || filtersPaneRef === null || ((_filtersPaneRef = filtersPaneRef) === null || _filtersPaneRef === void 0 ? void 0 : _filtersPaneRef.current) === null) {
+      if (ref.current === null || filtersPaneRef === void 0 || filtersPaneRef === null || (filtersPaneRef === null || filtersPaneRef === void 0 ? void 0 : filtersPaneRef.current) === null) {
         return;
       }
       var _ref_current_getBoundingClientRect = ref.current.getBoundingClientRect(), width = _ref_current_getBoundingClientRect.width, left2 = _ref_current_getBoundingClientRect.left;
@@ -13807,7 +13916,7 @@
           testId: testId !== void 0 ? "".concat(testId, "-search") : void 0
         })),
         filtersKeys.map(function(key, index) {
-          var _filter_requiredFilledFilters, _filter;
+          var _filter_requiredFilledFilters;
           var isLast = index === filtersKeys.length - 1;
           var currentValue = values[key];
           var filter = filtersConfig[key];
@@ -13826,7 +13935,7 @@
               return onChangeFilters(_object_spread_props$e(_object_spread$g({}, values), _define_property$h({}, key, value)));
             },
             value: currentValue,
-            isDisabled: isDisabled || ((_filter = filter) === null || _filter === void 0 ? void 0 : (_filter_requiredFilledFilters = _filter.requiredFilledFilters) === null || _filter_requiredFilledFilters === void 0 ? void 0 : _filter_requiredFilledFilters.some(function(item) {
+            isDisabled: isDisabled || (filter === null || filter === void 0 ? void 0 : (_filter_requiredFilledFilters = filter.requiredFilledFilters) === null || _filter_requiredFilledFilters === void 0 ? void 0 : _filter_requiredFilledFilters.some(function(item) {
               return !values[item];
             })),
             filtersPaneRef: ref,
@@ -19995,13 +20104,11 @@
   var DEFAULT_DATE_FORMAT = "dd.MM.yyyy";
   function TableValue(param) {
     var item = param.item, columnName = param.columnName, config = param.config, classes = param.classes, isFocusedRow = param.isFocusedRow, isSecond = param.isSecond, isSticky = param.isSticky, isNestedComponentExpanded = param.isNestedComponentExpanded, isRowNestedComponentExpanded = param.isRowNestedComponentExpanded, onSetNestedComponent = param.onSetNestedComponent;
-    var _config, _itemConfig, _itemConfig1, _itemConfig2, _itemConfig3, _itemConfig4, _itemConfig5;
-    var itemConfig = (_config = config) === null || _config === void 0 ? void 0 : _config[columnName];
+    var itemConfig = config === null || config === void 0 ? void 0 : config[columnName];
     var value = item[columnName];
     var content = null;
-    if ((_itemConfig = itemConfig) === null || _itemConfig === void 0 ? void 0 : _itemConfig.component) {
-      var _itemConfig6;
-      var ValueComponent = (_itemConfig6 = itemConfig) === null || _itemConfig6 === void 0 ? void 0 : _itemConfig6.component;
+    if (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.component) {
+      var ValueComponent = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.component;
       content = /* @__PURE__ */ jsx(ValueComponent, {
         value,
         row: item,
@@ -20013,17 +20120,16 @@
     } else if (typeof value === "string" || typeof value === "number") {
       content = value;
     } else if (_instanceof(value, Date)) {
-      var _itemConfig7;
-      content = dateFns.format(value, ((_itemConfig7 = itemConfig) === null || _itemConfig7 === void 0 ? void 0 : _itemConfig7.dateFormat) || DEFAULT_DATE_FORMAT);
+      content = dateFns.format(value, (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.dateFormat) || DEFAULT_DATE_FORMAT);
     }
     return /* @__PURE__ */ jsx("td", {
       className: clsx(classes.root, isSticky && classes.sticky, isSecond && classes.second),
       style: {
-        textAlign: (_itemConfig1 = itemConfig) === null || _itemConfig1 === void 0 ? void 0 : _itemConfig1.cellAlign,
-        position: isSticky ? "sticky" : (_itemConfig2 = itemConfig) === null || _itemConfig2 === void 0 ? void 0 : _itemConfig2.position,
-        right: (_itemConfig3 = itemConfig) === null || _itemConfig3 === void 0 ? void 0 : _itemConfig3.right,
-        left: isSticky ? 0 : (_itemConfig4 = itemConfig) === null || _itemConfig4 === void 0 ? void 0 : _itemConfig4.left,
-        verticalAlign: (_itemConfig5 = itemConfig) === null || _itemConfig5 === void 0 ? void 0 : _itemConfig5.cellVerticalAlign
+        textAlign: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.cellAlign,
+        position: isSticky ? "sticky" : itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.position,
+        right: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.right,
+        left: isSticky ? 0 : itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.left,
+        verticalAlign: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.cellVerticalAlign
       },
       children: content
     }, columnName);
@@ -20140,12 +20246,11 @@
   }
   function TableRow(param) {
     var item = param.item, uniqueField = param.uniqueField, isFirstColumnSticky = param.isFirstColumnSticky, isActive = param.isActive, config = param.config, enabledColumns = param.enabledColumns, onRowHover = param.onRowHover, onRowClick = param.onRowClick, rowAttributes = param.rowAttributes, expandableRowComponent = param.expandableRowComponent, classes = param.classes;
-    var _rowAttributes;
     var _useState = _sliced_to_array$9(React.useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
     var _useState1 = _sliced_to_array$9(React.useState({
       isOpen: false
     }), 2), nestedComponent = _useState1[0], setNestedComponent = _useState1[1];
-    var rowData = (_rowAttributes = rowAttributes) === null || _rowAttributes === void 0 ? void 0 : _rowAttributes.reduce(function(acc, cur) {
+    var rowData = rowAttributes === null || rowAttributes === void 0 ? void 0 : rowAttributes.reduce(function(acc, cur) {
       var val = item[cur];
       if (val !== void 0) {
         acc[cur] = String(item[cur]);
@@ -20174,8 +20279,7 @@
     };
     var handleRowClick = function() {
       if (uniqueField !== void 0) {
-        var _onRowClick;
-        (_onRowClick = onRowClick) === null || _onRowClick === void 0 ? void 0 : _onRowClick(item[uniqueField]);
+        onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(item[uniqueField]);
       }
       if (expandableRowComponent !== void 0) {
         var newNestedComponent = expandableRowComponent(item, true, closeNestedComponent);
@@ -20467,7 +20571,6 @@
   }
   function FlexibleTable(param) {
     var data = param.data, tweakStyles = param.tweakStyles, content = param.content, headerContent = param.headerContent, config = param.config, activeRows = param.activeRows, enabledColumns = param.enabledColumns, isHorizontallyScrollable = param.isHorizontallyScrollable, isFirstColumnSticky = param.isFirstColumnSticky, infinityScrollConfig = param.infinityScrollConfig, uniqueField = param.uniqueField, onHeadClick = param.onHeadClick, onRowHover = param.onRowHover, onRowClick = param.onRowClick, refForScroll = param.refForScroll, rowAttributes = param.rowAttributes, nothingFoundContent = param.nothingFoundContent, testId = param.testId, expandableRowComponent = param.expandableRowComponent;
-    var _infinityScrollConfig, _infinityScrollConfig1, _infinityScrollConfig2, _infinityScrollConfig3, _infinityScrollConfig4;
     var classes = useTheme("FlexibleTable", styles$f, tweakStyles).classes;
     var observer = React.useRef();
     var scrollRef = React.useRef(null);
@@ -20490,9 +20593,9 @@
         }
       }
     }, [
-      (_infinityScrollConfig = infinityScrollConfig) === null || _infinityScrollConfig === void 0 ? void 0 : _infinityScrollConfig.activePage,
-      (_infinityScrollConfig1 = infinityScrollConfig) === null || _infinityScrollConfig1 === void 0 ? void 0 : _infinityScrollConfig1.totalPages,
-      (_infinityScrollConfig2 = infinityScrollConfig) === null || _infinityScrollConfig2 === void 0 ? void 0 : _infinityScrollConfig2.onInfinityScroll
+      infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.activePage,
+      infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.totalPages,
+      infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.onInfinityScroll
     ]);
     var tableRowClasses = React.useMemo(function() {
       return {
@@ -20536,25 +20639,23 @@
             children: /* @__PURE__ */ jsx("tr", {
               className: clsx(classes.row, classes.headerRow),
               children: (enabledColumns || Object.keys(content[0])).map(function(key, idx) {
-                var _config, _itemConfig, _itemConfig1, _itemConfig2, _itemConfig3, _itemConfig4, _itemConfig5;
-                var itemConfig = (_config = config) === null || _config === void 0 ? void 0 : _config[key];
+                var itemConfig = config === null || config === void 0 ? void 0 : config[key];
                 var _itemConfig_title;
-                var titleContent = (_itemConfig_title = (_itemConfig = itemConfig) === null || _itemConfig === void 0 ? void 0 : _itemConfig.title) !== null && _itemConfig_title !== void 0 ? _itemConfig_title : "";
-                if (((_itemConfig1 = itemConfig) === null || _itemConfig1 === void 0 ? void 0 : _itemConfig1.titleComponent) !== void 0) {
-                  var _itemConfig6, _headerContent;
-                  var TitleComponent = (_itemConfig6 = itemConfig) === null || _itemConfig6 === void 0 ? void 0 : _itemConfig6.titleComponent;
+                var titleContent = (_itemConfig_title = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.title) !== null && _itemConfig_title !== void 0 ? _itemConfig_title : "";
+                if ((itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.titleComponent) !== void 0) {
+                  var TitleComponent = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.titleComponent;
                   titleContent = /* @__PURE__ */ jsx(TitleComponent, {
-                    value: (_headerContent = headerContent) === null || _headerContent === void 0 ? void 0 : _headerContent[key]
+                    value: headerContent === null || headerContent === void 0 ? void 0 : headerContent[key]
                   });
                 }
                 var _itemConfig_titleAlign;
                 return /* @__PURE__ */ jsx("th", {
                   className: clsx(classes.header, isFirstColumnSticky && idx === 0 && classes.headerSticky, isFirstColumnSticky && idx === 1 && classes.headerSecond),
                   style: {
-                    minWidth: (_itemConfig2 = itemConfig) === null || _itemConfig2 === void 0 ? void 0 : _itemConfig2.minWidth,
-                    width: (_itemConfig3 = itemConfig) === null || _itemConfig3 === void 0 ? void 0 : _itemConfig3.width,
-                    maxWidth: (_itemConfig4 = itemConfig) === null || _itemConfig4 === void 0 ? void 0 : _itemConfig4.maxWidth,
-                    textAlign: (_itemConfig_titleAlign = (_itemConfig5 = itemConfig) === null || _itemConfig5 === void 0 ? void 0 : _itemConfig5.titleAlign) !== null && _itemConfig_titleAlign !== void 0 ? _itemConfig_titleAlign : "left"
+                    minWidth: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.minWidth,
+                    width: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.width,
+                    maxWidth: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.maxWidth,
+                    textAlign: (_itemConfig_titleAlign = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.titleAlign) !== null && _itemConfig_titleAlign !== void 0 ? _itemConfig_titleAlign : "left"
                   },
                   onClick: function() {
                     return onHeadClick ? onHeadClick(key) : void 0;
@@ -20566,18 +20667,17 @@
           }),
           /* @__PURE__ */ jsxs("tbody", {
             children: [
-              content.length === 0 && nothingFoundContent !== void 0 && !((_infinityScrollConfig3 = infinityScrollConfig) === null || _infinityScrollConfig3 === void 0 ? void 0 : _infinityScrollConfig3.isLoading) && (((_infinityScrollConfig4 = infinityScrollConfig) === null || _infinityScrollConfig4 === void 0 ? void 0 : _infinityScrollConfig4.isLastPage) === void 0 || infinityScrollConfig.isLastPage) && /* @__PURE__ */ jsx("tr", {
+              content.length === 0 && nothingFoundContent !== void 0 && !(infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.isLoading) && ((infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.isLastPage) === void 0 || infinityScrollConfig.isLastPage) && /* @__PURE__ */ jsx("tr", {
                 children: /* @__PURE__ */ jsx("td", {
                   colSpan: (enabledColumns || Object.keys(content[0])).length,
                   children: nothingFoundContent
                 })
               }),
               content.map(function(item, idx) {
-                var _activeRows;
-                return /* @__PURE__ */ jsx(TableRow$1, {
+                return jsx(TableRow$1, {
                   item,
                   uniqueField,
-                  isActive: (_activeRows_includes = (_activeRows = activeRows) === null || _activeRows === void 0 ? void 0 : _activeRows.includes(idx)) !== null && _activeRows_includes !== void 0 ? _activeRows_includes : false,
+                  isActive: (_activeRows_includes = activeRows === null || activeRows === void 0 ? void 0 : activeRows.includes(idx)) !== null && _activeRows_includes !== void 0 ? _activeRows_includes : false,
                   isFirstColumnSticky,
                   onRowClick,
                   onRowHover,
@@ -21353,7 +21453,8 @@
       top: "100%",
       right: 0,
       marginTop: 6
-    }
+    },
+    tweakList: {}
   };
   function _array_like_to_array$6(arr, len) {
     if (len == null || len > arr.length)
@@ -21466,43 +21567,37 @@
       return _array_like_to_array$6(o, minLen);
   }
   var MoreMenu = function(param) {
-    var items = param.items, isDisabled = param.isDisabled, data = param.data, tweakStyles = param.tweakStyles, onMenuOpen = param.onMenuOpen, onMenuClose = param.onMenuClose, _param_hasDefaultStateBackground = param.hasDefaultStateBackground, hasDefaultStateBackground = _param_hasDefaultStateBackground === void 0 ? true : _param_hasDefaultStateBackground, testId = param.testId;
-    var classes = useTheme("MoreMenu", styles$c, tweakStyles).classes;
+    var items = param.items, isDisabled = param.isDisabled, _param_hasDefaultStateBackground = param.hasDefaultStateBackground, hasDefaultStateBackground = _param_hasDefaultStateBackground === void 0 ? true : _param_hasDefaultStateBackground, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, onMenuOpen = param.onMenuOpen, onMenuClose = param.onMenuClose;
+    var _useTheme = useTheme("MoreMenu", styles$c, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
+    var tweakListStyles = useTweakStyles(componentStyles, tweakStyles, "tweakList");
     var _useState = _sliced_to_array$6(React.useState(false), 2), isMenuShown = _useState[0], setIsMenuShown = _useState[1];
     var list = React.useRef(null);
     var button = React.useRef(null);
+    var isButtonDisabled = isDisabled || items.length === 0;
     var toggleMenu = function(event) {
       var isShown = !isMenuShown;
       event.stopPropagation();
       setIsMenuShown(isShown);
       if (isShown) {
-        if (onMenuOpen !== void 0) {
-          onMenuOpen();
-        }
+        onMenuOpen === null || onMenuOpen === void 0 ? void 0 : onMenuOpen();
       } else {
-        if (onMenuClose !== void 0) {
-          onMenuClose();
-        }
+        onMenuClose === null || onMenuClose === void 0 ? void 0 : onMenuClose();
       }
     };
     var handleCloseMenu = function() {
       setIsMenuShown(false);
-      if (onMenuClose !== void 0) {
-        onMenuClose();
-      }
+      onMenuClose === null || onMenuClose === void 0 ? void 0 : onMenuClose();
     };
     useOnClickOutsideWithRef(list, handleCloseMenu, button);
-    var isButtonDisabled = isDisabled || items.length === 0;
     var _obj;
     return /* @__PURE__ */ jsxs("div", {
       className: classes.root,
       children: [
         /* @__PURE__ */ jsx("button", _object_spread_props$9(_object_spread$b({
-          className: clsx(classes.button, (_obj = {}, _define_property$c(_obj, classes.hasCircle, hasDefaultStateBackground), _define_property$c(_obj, classes.disabled, isButtonDisabled), _define_property$c(_obj, classes.active, isMenuShown), _obj)),
-          onClick: !isButtonDisabled ? toggleMenu : void 0,
           ref: button,
-          "data-testid": testId
-        }, addDataAttributes(data)), {
+          className: clsx(classes.button, (_obj = {}, _define_property$c(_obj, classes.hasCircle, hasDefaultStateBackground), _define_property$c(_obj, classes.disabled, isButtonDisabled), _define_property$c(_obj, classes.active, isMenuShown), _obj))
+        }, addDataTestId(testId), addDataAttributes(data)), {
+          onClick: !isButtonDisabled ? toggleMenu : void 0,
           children: /* @__PURE__ */ jsx("div", {
             className: classes.icon,
             children: /* @__PURE__ */ jsx(Icon, {
@@ -21515,8 +21610,9 @@
           ref: list,
           children: /* @__PURE__ */ jsx(List, {
             items,
-            onClick: handleCloseMenu,
-            testId: testId !== void 0 ? "".concat(testId, "-list") : void 0
+            testId: getTestId(testId, "list"),
+            tweakStyles: tweakListStyles,
+            onClick: handleCloseMenu
           })
         })
       ]
@@ -21590,9 +21686,8 @@
   };
   function MultiSelectInput(param) {
     var v = param.value, isOpen = param.isOpen, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "" : _param_placeholder, onToggle = param.onToggle;
-    var _v;
     var classes = useTheme("MultiSelectInput", styles$b).classes;
-    var value = (_v = v) === null || _v === void 0 ? void 0 : _v.include;
+    var value = v === null || v === void 0 ? void 0 : v.include;
     return /* @__PURE__ */ jsxs("div", {
       className: classes.root,
       onClick: function() {
@@ -22157,7 +22252,6 @@
       value
     ]);
     var handleChange = function(str, event) {
-      var _event;
       var mappedValue = str.split("").map(function(symbol) {
         return regex.test(symbol) ? symbol : transformCaseSensitive(smartType, smartType !== "email" ? CharactersMap : _object_spread_props$7(_object_spread$9({}, CharactersMap), {
           '"': "@"
@@ -22165,7 +22259,7 @@
       }).filter(function(symbol) {
         return regex.test(symbol);
       }).join("");
-      var domElement = (_event = event) === null || _event === void 0 ? void 0 : _event.currentTarget;
+      var domElement = event === null || event === void 0 ? void 0 : event.currentTarget;
       if (domElement) {
         if (!input) {
           setInput(domElement);
@@ -22180,7 +22274,6 @@
       }
     };
     var handlePaste = function(event) {
-      var _currentValue, _currentValue1;
       var str = event.clipboardData.getData("text/plain").split("").join("");
       var domElement = event.currentTarget;
       if (!input) {
@@ -22201,7 +22294,7 @@
         var validMappedValueLength = mappedValue.length - (newValueLength - maxLength);
         mappedValue = mappedValue.substring(0, validMappedValueLength);
       }
-      var newValue = getUpperCaseIfNeeded("".concat((_currentValue = currentValue) === null || _currentValue === void 0 ? void 0 : _currentValue.substring(0, selectionStart)).concat(mappedValue).concat((_currentValue1 = currentValue) === null || _currentValue1 === void 0 ? void 0 : _currentValue1.substring(selectionEnd)));
+      var newValue = getUpperCaseIfNeeded("".concat(currentValue === null || currentValue === void 0 ? void 0 : currentValue.substring(0, selectionStart)).concat(mappedValue).concat(currentValue === null || currentValue === void 0 ? void 0 : currentValue.substring(selectionEnd)));
       setCaretPosition2(selectionStart + mappedValue.length);
       setCurrentValue(newValue);
       onChange(newValue);
@@ -25359,8 +25452,7 @@
     var phoneWithCode = getFullPhone(value);
     var _value_countryCode;
     var countryCode = React.useMemo(function() {
-      var _value;
-      return (_value_countryCode = (_value = value) === null || _value === void 0 ? void 0 : _value.countryCode) !== null && _value_countryCode !== void 0 ? _value_countryCode : getCountryCodeFromPhone(phoneWithCode);
+      return (_value_countryCode = value === null || value === void 0 ? void 0 : value.countryCode) !== null && _value_countryCode !== void 0 ? _value_countryCode : getCountryCodeFromPhone(phoneWithCode);
     }, [
       value.dialCode,
       value.phoneNumber
@@ -25390,7 +25482,6 @@
       }
     };
     var handleSelect = function(newPhoneInfo, event) {
-      var _inputRef;
       if (newPhoneInfo.countryCode !== countryCode) {
         onChange({
           phoneNumber: "",
@@ -25399,7 +25490,7 @@
         }, event);
       }
       handleClose();
-      var input = (_inputRef = inputRef) === null || _inputRef === void 0 ? void 0 : _inputRef.current;
+      var input = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current;
       if (input !== null) {
         input.focus();
       }
@@ -25407,15 +25498,13 @@
     var handleFocus = function(event) {
       setFocused(true);
       if (inputProps.onFocus !== void 0) {
-        var _inputProps;
-        (_inputProps = inputProps) === null || _inputProps === void 0 ? void 0 : _inputProps.onFocus(event);
+        inputProps === null || inputProps === void 0 ? void 0 : inputProps.onFocus(event);
       }
     };
     var handleBlur = function(event) {
       setFocused(false);
       if (inputProps.onBlur !== void 0) {
-        var _inputProps;
-        (_inputProps = inputProps) === null || _inputProps === void 0 ? void 0 : _inputProps.onBlur(event);
+        inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur(event);
       }
     };
     useOnClickOutsideWithRef(list, handleClose, inputWrapper);
@@ -26670,7 +26759,7 @@
     }
     return target;
   }
-  function _ts_generator(thisArg, body) {
+  var __generator = globalThis && globalThis.__generator || function(thisArg, body) {
     var f, y, t, g, _ = {
       label: 0,
       sent: function() {
@@ -26771,7 +26860,7 @@
         done: true
       };
     }
-  }
+  };
   var DEFAULT_TIMEOUT = 7 * 1e3;
   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, 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;
@@ -26783,7 +26872,7 @@
       }
       var disappear = function() {
         var _ref = _async_to_generator(function() {
-          return _ts_generator(this, function(_state) {
+          return __generator(this, function(_state) {
             switch (_state.label) {
               case 0:
                 return [