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

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

@@ -6,7 +6,7 @@ import { createUseStyles } from "react-jss";
 import { merge } from "lodash";
 import InputMask from "react-input-mask";
 import ReactDatepicker from "react-datepicker";
-import { getYear, getMonth, format, isValid, parse, isAfter, isBefore, startOfMonth, endOfMonth, sub, startOfYear, endOfYear } from "date-fns";
+import { getYear, getMonth, format as format$1, isValid, parse, isAfter, isBefore, startOfMonth, endOfMonth, sub, startOfYear, endOfYear } from "date-fns";
 import { Portal } from "react-overlays";
 import scrollIntoViewIfNeeded from "scroll-into-view-if-needed";
 import { debounce as debounce$1 } from "ts-debounce";
@@ -1406,8 +1406,7 @@ var checkSearchStringInCountry = function(country, searchString) {
 };
 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;
@@ -1428,10 +1427,10 @@ var getCountryCodeFromPhone = function(phoneWithCode) {
   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,
@@ -1518,16 +1517,14 @@ var ThemeContext = createContext({
   theme: commonTheme
 });
 var useTheme = function(componentName, styles2, tweakStyles, options) {
-  var _components;
   var theme = useContext(ThemeContext).theme;
   var components = theme.components;
   var _components_componentName;
   var newStyles = useMemo(function() {
-    var _components2;
-    return merge({}, styles2, (_components_componentName = (_components2 = components) === null || _components2 === void 0 ? void 0 : _components2[componentName]) !== null && _components_componentName !== void 0 ? _components_componentName : {}, tweakStyles);
+    return 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 {
@@ -1564,19 +1561,21 @@ function _objectWithoutPropertiesLoose$1(source, excluded) {
   return target;
 }
 function useMounted() {
-  const mounted = useRef(true);
-  const isMounted = useRef(() => mounted.current);
-  useEffect(() => {
+  var mounted = useRef(true);
+  var isMounted = useRef(function() {
+    return mounted.current;
+  });
+  useEffect(function() {
     mounted.current = true;
-    return () => {
+    return function() {
       mounted.current = false;
     };
   }, []);
   return isMounted.current;
 }
 function useSafeState(state) {
-  const isMounted = useMounted();
-  return [state[0], useCallback((nextState) => {
+  var isMounted = useMounted();
+  return [state[0], useCallback(function(nextState) {
     if (!isMounted())
       return;
     return state[1](nextState);
@@ -1860,7 +1859,15 @@ 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;
@@ -1961,6 +1968,14 @@ 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),
@@ -2289,6 +2304,9 @@ 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, {
@@ -2710,6 +2728,86 @@ 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, self) {
+      return self.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];
@@ -2723,6 +2821,8 @@ 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: [],
@@ -2773,6 +2873,28 @@ 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();
       },
@@ -2787,6 +2909,9 @@ 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 = {
@@ -2798,7 +2923,15 @@ 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;
@@ -2829,6 +2962,9 @@ 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) {
@@ -2837,8 +2973,8 @@ function popperGenerator(generatorOptions) {
       }
     });
     function runModifierEffects() {
-      state.orderedModifiers.forEach(function(_ref) {
-        var name = _ref.name, _ref$options = _ref.options, options2 = _ref$options === void 0 ? {} : _ref$options, effect3 = _ref.effect;
+      state.orderedModifiers.forEach(function(_ref3) {
+        var name = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect3 = _ref3.effect;
         if (typeof effect3 === "function") {
           var cleanupFn = effect3({
             state,
@@ -3103,20 +3239,17 @@ var useDropdown = function(param) {
   }
   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 useMemo(function() {
-    var _tweakStyles2;
-    return merge({}, componentStyles[className], (_tweakStyles2 = tweakStyles) === null || _tweakStyles2 === void 0 ? void 0 : _tweakStyles2[className]);
+    return 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(effect3, dependencies) {
@@ -4328,10 +4461,10 @@ var List = function(param) {
   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)), {
@@ -4344,7 +4477,9 @@ var List = function(param) {
           }),
           /* @__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);
             },
@@ -5188,13 +5323,11 @@ var BUTTON_VIEWS = [
 ];
 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 = useMemo(function() {
-    var _tweakStyles2;
-    return merge({}, size === "s" || size === "m" ? dotsPreloaderStyles : void 0, componentStyles.tweakPreloader, (_tweakStyles2 = tweakStyles) === null || _tweakStyles2 === void 0 ? void 0 : _tweakStyles2.tweakPreloader);
+    return 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);
@@ -6118,7 +6251,7 @@ function _unsupported_iterable_to_array$k(o, minLen) {
   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() {
@@ -6219,7 +6352,7 @@ function _ts_generator$5(thisArg, body) {
       done: true
     };
   }
-}
+};
 var DEFAULT_SIZE = 6;
 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, 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;
@@ -6230,19 +6363,17 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
     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 [
@@ -6833,15 +6964,14 @@ function _define_property$x(obj, key, value) {
   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) {
   var options = param.options, onOptionClick = param.onOptionClick, focusedIndex = param.focusedIndex, activeValue = param.activeValue, defaultOptionLabel = param.defaultOptionLabel, _param_noMatchesLabel = param.noMatchesLabel, noMatchesLabel = _param_noMatchesLabel === void 0 ? "Совпадений не найдено" : _param_noMatchesLabel, isLoading = param.isLoading, _param_loadingLabel = param.loadingLabel, loadingLabel = _param_loadingLabel === void 0 ? "Загрузка..." : _param_loadingLabel, convertValueToString = param.convertValueToString, convertValueToReactNode = param.convertValueToReactNode, _param_convertValueToId = param.convertValueToId, convertValueToId = _param_convertValueToId === void 0 ? convertValueToString : _param_convertValueToId, tweakStyles = param.tweakStyles, testId = param.testId, _param_shouldScrollToList = param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList;
   var classes = useTheme("SelectList", styles$v, tweakStyles).classes;
-  var activeValueId = convertValueToId(activeValue);
+  var activeValueId = isNotEmpty(activeValue) ? convertValueToId(activeValue) : void 0;
   var convertedToStringOptions = useMemo(function() {
     return options.map(convertValueToString);
   }, [
@@ -6906,6 +7036,17 @@ function SelectList(param) {
     })
   });
 }
+var defaultConvertFunction$2 = function(v) {
+  return v === void 0 ? void 0 : String(v);
+};
+var defaultCompareFunction = function(v1, v2) {
+  return v1 === v2;
+};
+var getActiveValueIndex = function(options, value, convertFunc) {
+  return isNotEmpty(value) ? options.findIndex(function(o) {
+    return convertFunc(o) === convertFunc(value);
+  }) : -1;
+};
 var styles$u = {
   root: {
     width: "100%",
@@ -6965,17 +7106,6 @@ var styles$u = {
   },
   tweakSelectList: {}
 };
-var defaultConvertFunction$2 = function(v) {
-  return v === void 0 ? void 0 : String(v);
-};
-var defaultCompareFunction = function(v1, v2) {
-  return v1 === v2;
-};
-var getActiveValueIndex = function(options, value, convertFunc) {
-  return options.findIndex(function(o) {
-    return convertFunc(o) === convertFunc(value);
-  });
-};
 function _array_like_to_array$j(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
@@ -7147,7 +7277,7 @@ function _unsupported_iterable_to_array$j(o, minLen) {
   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() {
@@ -7248,9 +7378,9 @@ function _ts_generator$4(thisArg, body) {
       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, [
+  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, _param_shouldScrollToList = _param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, inputProps = _object_without_properties$6(_param, [
     "options",
     "value",
     "onChange",
@@ -7273,9 +7403,9 @@ function Select(_param) {
     "isDisabled",
     "dropdownOptions",
     "minSymbolsCountToOpenList",
-    "dropdownIcon"
+    "dropdownIcon",
+    "shouldScrollToList"
   ]);
-  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(useState(false), 2), isListOpen = _useState[0], setIsListOpen = _useState[1];
@@ -7287,15 +7417,15 @@ function Select(_param) {
   var inputWrapper = useRef(null);
   var list = useRef(null);
   var input = useRef(null);
+  var stringValue = isNotEmpty(value) ? convertValueToString(value) : void 0;
   var filteredOptions = 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);
@@ -7321,7 +7451,7 @@ function Select(_param) {
   };
   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
@@ -7373,7 +7503,7 @@ function Select(_param) {
   ]);
   var handleOnType = 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) {
@@ -7491,14 +7621,13 @@ function Select(_param) {
   var _inputProps_isReadonly = inputProps.isReadonly, isReadonly = _inputProps_isReadonly === void 0 ? true : _inputProps_isReadonly;
   var shouldUsePointerCursor = optionsMode === "normal" && isReadonly;
   var tweakInputStyles = useMemo(function() {
-    var _tweakStyles2;
     return 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;
@@ -7532,7 +7661,7 @@ function Select(_param) {
         ref: inputWrapper,
         children: [
           /* @__PURE__ */ jsx(Input, _object_spread$v({
-            value: searchValue !== "" ? searchValue : convertValueToString(value),
+            value: searchValue !== "" ? searchValue : stringValue,
             onChange: handleInputChange,
             isActive: isListOpen,
             isReadonly: optionsMode === "normal",
@@ -7565,8 +7694,8 @@ function Select(_param) {
             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,
@@ -7579,9 +7708,9 @@ function Select(_param) {
               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
+              shouldScrollToList: shouldScrollToList && !shouldUsePopper && !shouldHideOnScroll
             })
           }))
         })
@@ -7985,11 +8114,11 @@ var DatePicker = function(_param) {
   }).classes;
   var _useState = _sliced_to_array$i(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
   var _useState1 = _sliced_to_array$i(useState(selectedDate), 2), date = _useState1[0], setDate = _useState1[1];
-  var _useState2 = _sliced_to_array$i(useState(selectedDate ? format(selectedDate, dateFormat) : ""), 2), dateValue = _useState2[0], setDateValue = _useState2[1];
+  var _useState2 = _sliced_to_array$i(useState(selectedDate ? format$1(selectedDate, dateFormat) : ""), 2), dateValue = _useState2[0], setDateValue = _useState2[1];
   var _useState3 = _sliced_to_array$i(useState(startDate), 2), start2 = _useState3[0], setStart = _useState3[1];
   var _useState4 = _sliced_to_array$i(useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
-  var _useState5 = _sliced_to_array$i(useState(startDate ? format(startDate, dateFormat) : ""), 2), startDateValue = _useState5[0], setStartDateValue = _useState5[1];
-  var _useState6 = _sliced_to_array$i(useState(endDate ? format(endDate, dateFormat) : ""), 2), endDateValue = _useState6[0], setEndDateValue = _useState6[1];
+  var _useState5 = _sliced_to_array$i(useState(startDate ? format$1(startDate, dateFormat) : ""), 2), startDateValue = _useState5[0], setStartDateValue = _useState5[1];
+  var _useState6 = _sliced_to_array$i(useState(endDate ? format$1(endDate, dateFormat) : ""), 2), endDateValue = _useState6[0], setEndDateValue = _useState6[1];
   var isDateValid = function(value) {
     return isValid(parse(value, dateFormat, new Date()));
   };
@@ -8043,9 +8172,9 @@ var DatePicker = function(_param) {
     setDate(selectedDate);
     setStart(startDate);
     setEnd(endDate);
-    setStartDateValue(startDate ? format(startDate, dateFormat) : "");
-    setEndDateValue(endDate ? format(endDate, dateFormat) : "");
-    setDateValue(selectedDate ? format(selectedDate, dateFormat) : "");
+    setStartDateValue(startDate ? format$1(startDate, dateFormat) : "");
+    setEndDateValue(endDate ? format$1(endDate, dateFormat) : "");
+    setDateValue(selectedDate ? format$1(selectedDate, dateFormat) : "");
   }, [
     selectedDate,
     startDate,
@@ -8884,7 +9013,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);
 }
-function _ts_generator$3(thisArg, body) {
+var __generator$3 = globalThis && globalThis.__generator || function(thisArg, body) {
   var f, y, t, g, _ = {
     label: 0,
     sent: function() {
@@ -8985,7 +9114,7 @@ function _ts_generator$3(thisArg, body) {
       done: true
     };
   }
-}
+};
 var defaultConvertFunction$1 = function(val) {
   return String(val);
 };
@@ -9012,8 +9141,8 @@ function FilterSelect(param) {
   var hasFooter = isNotEmpty(footer);
   var handleSearchInputChange = 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) {
@@ -9032,7 +9161,7 @@ function FilterSelect(param) {
             ]);
             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();
@@ -9092,8 +9221,8 @@ function FilterSelect(param) {
   };
   var handleLoadItemsOnScroll = 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) {
@@ -9112,7 +9241,7 @@ function FilterSelect(param) {
             ]);
             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();
@@ -9158,7 +9287,7 @@ function FilterSelect(param) {
     }
     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)
@@ -9207,7 +9336,7 @@ function FilterSelect(param) {
     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);
@@ -9871,7 +10000,7 @@ function FilterValueView(param) {
       return "";
     }
     if (_instanceof$1(v, Date)) {
-      return format(v, filter.dateFormat || DEFAULT_DATE_FORMAT$1);
+      return format$1(v, filter.dateFormat || DEFAULT_DATE_FORMAT$1);
     }
     if (typeof v === "object" && v.value !== void 0) {
       return String(v.value);
@@ -10160,7 +10289,7 @@ function _unsupported_iterable_to_array$e(o, minLen) {
   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() {
@@ -10261,7 +10390,7 @@ function _ts_generator$2(thisArg, body) {
       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, 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",
@@ -10287,7 +10416,7 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
   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;
@@ -10482,7 +10611,6 @@ var sortValues = function(arr) {
 };
 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 = useMemo(function() {
     return getLocale$1(localeKey, locale2);
@@ -10494,24 +10622,22 @@ var FilterInterval = function(param) {
     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
     ]));
   };
@@ -10528,14 +10654,14 @@ var FilterInterval = function(param) {
             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
               }),
@@ -10553,14 +10679,14 @@ var FilterInterval = function(param) {
             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
               }),
@@ -10912,7 +11038,7 @@ function _unsupported_iterable_to_array$d(o, minLen) {
   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() {
@@ -11013,7 +11139,7 @@ function _ts_generator$1(thisArg, body) {
       done: true
     };
   }
-}
+};
 var defaultConvertFunction = function(val) {
   return String(val);
 };
@@ -11033,7 +11159,6 @@ function MultiSelectList(param) {
       changeSearchValue(inputValue);
     }
   };
-  var _value, _chosenValues;
   var isMounted = useIsMounted();
   var _useTheme = useTheme("MultiSelectList", styles$k, tweakStyles, {
     width
@@ -11047,10 +11172,9 @@ function MultiSelectList(param) {
     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 = 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
@@ -11065,8 +11189,7 @@ function MultiSelectList(param) {
   var observer = useRef();
   var unchosenOptions = 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,
@@ -11075,8 +11198,8 @@ function MultiSelectList(param) {
   ]);
   var handleSearchInputChange = 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) {
@@ -11095,7 +11218,7 @@ function MultiSelectList(param) {
             ]);
             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();
@@ -11145,11 +11268,10 @@ function MultiSelectList(param) {
     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 : []);
   };
@@ -11161,9 +11283,8 @@ function MultiSelectList(param) {
       }
     }
     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);
       }
     }
@@ -11201,15 +11322,14 @@ function MultiSelectList(param) {
     }
   };
   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 = 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) {
@@ -11276,7 +11396,7 @@ function MultiSelectList(param) {
     }
     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)
@@ -11325,7 +11445,7 @@ function MultiSelectList(param) {
     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);
@@ -11411,7 +11531,7 @@ function MultiSelectList(param) {
                 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", {
@@ -12765,7 +12885,6 @@ var emptyPickerProps = {};
 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(useState(false), 2), isOpenFrom = _useState[0], setOpenFrom = _useState[1];
   var _useState1 = _sliced_to_array$c(useState(false), 2), isOpenTo = _useState1[0], setOpenTo = _useState1[1];
@@ -12785,19 +12904,17 @@ var FilterWithDates = function(param) {
   var ref = 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);
@@ -12809,11 +12926,10 @@ var FilterWithDates = function(param) {
         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
       });
     }
   };
@@ -12824,10 +12940,9 @@ var FilterWithDates = function(param) {
         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
       });
     }
@@ -12845,8 +12960,8 @@ var FilterWithDates = function(param) {
           /* @__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,
@@ -12862,10 +12977,10 @@ var FilterWithDates = function(param) {
           /* @__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,
@@ -12908,7 +13023,7 @@ var FilterWithDates = function(param) {
         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,
@@ -13096,7 +13211,6 @@ var PERIODS_GETTERS = {
 };
 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 = useMemo(function() {
     return getLocale$1(localeKey, locale2);
@@ -13104,13 +13218,12 @@ var FilterWithPeriod = function(param) {
     localeKey,
     locale2
   ]);
-  var _useState = _sliced_to_array$b(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(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(useState((value === null || value === void 0 ? void 0 : value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
+  var _useState1 = _sliced_to_array$b(useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
   var _useState2 = _sliced_to_array$b(useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
   var periodGetters = 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];
       }
@@ -13183,8 +13296,7 @@ var FilterWithPeriod = function(param) {
     }
   };
   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);
@@ -13193,9 +13305,9 @@ var FilterWithPeriod = function(param) {
     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", {
@@ -13206,7 +13318,7 @@ var FilterWithPeriod = function(param) {
         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,
@@ -13589,8 +13701,7 @@ function Filter(param) {
     }
   }, parentRef);
   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;
@@ -13817,7 +13928,7 @@ function FiltersPane(param) {
         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];
@@ -13836,7 +13947,7 @@ function FiltersPane(param) {
             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,
@@ -20005,13 +20116,11 @@ function _instanceof(left2, right2) {
 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,
@@ -20023,17 +20132,16 @@ function TableValue(param) {
   } else if (typeof value === "string" || typeof value === "number") {
     content = value;
   } else if (_instanceof(value, Date)) {
-    var _itemConfig7;
-    content = format(value, ((_itemConfig7 = itemConfig) === null || _itemConfig7 === void 0 ? void 0 : _itemConfig7.dateFormat) || DEFAULT_DATE_FORMAT);
+    content = format$1(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);
@@ -20150,12 +20258,11 @@ function _unsupported_iterable_to_array$9(o, minLen) {
 }
 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(useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
   var _useState1 = _sliced_to_array$9(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]);
@@ -20184,8 +20291,7 @@ function TableRow(param) {
   };
   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);
@@ -20477,7 +20583,6 @@ function _unsupported_iterable_to_array$8(o, minLen) {
 }
 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 = useRef();
   var scrollRef = useRef(null);
@@ -20500,9 +20605,9 @@ function FlexibleTable(param) {
       }
     }
   }, [
-    (_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 = useMemo(function() {
     return {
@@ -20546,25 +20651,23 @@ function FlexibleTable(param) {
           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;
@@ -20576,18 +20679,17 @@ function FlexibleTable(param) {
         }),
         /* @__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,
@@ -21363,7 +21465,8 @@ var styles$c = {
     top: "100%",
     right: 0,
     marginTop: 6
-  }
+  },
+  tweakList: {}
 };
 function _array_like_to_array$6(arr, len) {
   if (len == null || len > arr.length)
@@ -21476,43 +21579,37 @@ function _unsupported_iterable_to_array$6(o, minLen) {
     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(useState(false), 2), isMenuShown = _useState[0], setIsMenuShown = _useState[1];
   var list = useRef(null);
   var button = 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, {
@@ -21525,8 +21622,9 @@ var MoreMenu = function(param) {
         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
         })
       })
     ]
@@ -21600,9 +21698,8 @@ var styles$b = {
 };
 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() {
@@ -22167,7 +22264,6 @@ var SmartInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     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), {
         '"': "@"
@@ -22175,7 +22271,7 @@ var SmartInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     }).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);
@@ -22190,7 +22286,6 @@ var SmartInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     }
   };
   var handlePaste = function(event) {
-    var _currentValue, _currentValue1;
     var str = event.clipboardData.getData("text/plain").split("").join("");
     var domElement = event.currentTarget;
     if (!input) {
@@ -22211,7 +22306,7 @@ var SmartInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
       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);
@@ -25369,8 +25464,7 @@ var PhoneInput = function(_param) {
   var phoneWithCode = getFullPhone(value);
   var _value_countryCode;
   var countryCode = 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
@@ -25400,7 +25494,6 @@ var PhoneInput = function(_param) {
     }
   };
   var handleSelect = function(newPhoneInfo, event) {
-    var _inputRef;
     if (newPhoneInfo.countryCode !== countryCode) {
       onChange({
         phoneNumber: "",
@@ -25409,7 +25502,7 @@ var PhoneInput = function(_param) {
       }, 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();
     }
@@ -25417,15 +25510,13 @@ var PhoneInput = function(_param) {
   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);
@@ -26680,7 +26771,7 @@ function _object_spread_props(target, source) {
   }
   return target;
 }
-function _ts_generator(thisArg, body) {
+var __generator = globalThis && globalThis.__generator || function(thisArg, body) {
   var f, y, t, g, _ = {
     label: 0,
     sent: function() {
@@ -26781,7 +26872,7 @@ function _ts_generator(thisArg, body) {
       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;
@@ -26793,7 +26884,7 @@ var Toaster = function(param) {
     }
     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 [