@true-engineering/true-react-common-ui-kit 1.9.0 → 1.11.0

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

@@ -1120,11 +1120,11 @@ function _array_with_holes$o(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _array_without_holes$6(arr) {
+function _array_without_holes$7(arr) {
   if (Array.isArray(arr))
     return _array_like_to_array$q(arr);
 }
-function _iterable_to_array$6(iter) {
+function _iterable_to_array$7(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
@@ -1159,14 +1159,14 @@ function _iterable_to_array_limit$o(arr, i) {
 function _non_iterable_rest$o() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$6() {
+function _non_iterable_spread$7() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _sliced_to_array$o(arr, i) {
   return _array_with_holes$o(arr) || _iterable_to_array_limit$o(arr, i) || _unsupported_iterable_to_array$q(arr, i) || _non_iterable_rest$o();
 }
-function _to_consumable_array$6(arr) {
-  return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$q(arr) || _non_iterable_spread$6();
+function _to_consumable_array$7(arr) {
+  return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$q(arr) || _non_iterable_spread$7();
 }
 function _unsupported_iterable_to_array$q(o, minLen) {
   if (!o)
@@ -1301,6 +1301,9 @@ var getNumberLength = function(n) {
 var isNotEmpty = function(val) {
   return typeof val === "string" ? val.trim() !== "" : val !== null && val !== void 0;
 };
+var isStringNotEmpty = function(value) {
+  return (value !== null && value !== void 0 ? value : "").trim() !== "";
+};
 var trimStringToMaxLength = function(val, maxLength) {
   return val.length > maxLength ? val.slice(0, maxLength) : val;
 };
@@ -1318,7 +1321,7 @@ var addDataTestId = function() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-  var testId = getTestId.apply(void 0, _to_consumable_array$6(args));
+  var testId = getTestId.apply(void 0, _to_consumable_array$7(args));
   return isNotEmpty(testId) ? {
     "data-testid": testId
   } : void 0;
@@ -1346,6 +1349,21 @@ var addClickHandler = function(cb) {
     tabIndex: -1
   };
 };
+var createFilter = function(getter) {
+  return function(items, query) {
+    return items.filter(function(item) {
+      var possibleValues = getter(item).reduce(function(acc, cur) {
+        return _to_consumable_array$7(acc).concat(_to_consumable_array$7(isStringNotEmpty(cur) ? [
+          cur === null || cur === void 0 ? void 0 : cur.toLowerCase()
+        ] : []));
+      }, []);
+      var queryString = query.toLowerCase().trim();
+      return possibleValues.some(function(v) {
+        return v === null || v === void 0 ? void 0 : v.includes(queryString);
+      });
+    });
+  };
+};
 var minWidthModifier = {
   name: "minWidth",
   enabled: true,
@@ -1369,19 +1387,19 @@ function _array_like_to_array$p(arr, len) {
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_without_holes$5(arr) {
+function _array_without_holes$6(arr) {
   if (Array.isArray(arr))
     return _array_like_to_array$p(arr);
 }
-function _iterable_to_array$5(iter) {
+function _iterable_to_array$6(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
-function _non_iterable_spread$5() {
+function _non_iterable_spread$6() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _to_consumable_array$5(arr) {
-  return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$p(arr) || _non_iterable_spread$5();
+function _to_consumable_array$6(arr) {
+  return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$p(arr) || _non_iterable_spread$6();
 }
 function _unsupported_iterable_to_array$p(o, minLen) {
   if (!o)
@@ -1421,7 +1439,7 @@ var checkSearchStringInCountry = function(country, searchString) {
   var possibleValues = [
     country.countryRu,
     country.countryEn
-  ].concat(_to_consumable_array$5(country.countryRu.split(" ")), _to_consumable_array$5(country.countryEn.split(" ")), [
+  ].concat(_to_consumable_array$6(country.countryRu.split(" ")), _to_consumable_array$6(country.countryEn.split(" ")), [
     country.dialCode
   ]).map(function(part) {
     return part.toLowerCase();
@@ -3901,11 +3919,11 @@ function _array_like_to_array$o(arr, len) {
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_without_holes$4(arr) {
+function _array_without_holes$5(arr) {
   if (Array.isArray(arr))
     return _array_like_to_array$o(arr);
 }
-function _define_property$O(obj, key, value) {
+function _define_property$P(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -3918,11 +3936,11 @@ function _define_property$O(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array$4(iter) {
+function _iterable_to_array$5(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
-function _non_iterable_spread$4() {
+function _non_iterable_spread$5() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$N(target) {
@@ -3935,13 +3953,13 @@ function _object_spread$N(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$O(target, key, source[key]);
+      _define_property$P(target, key, source[key]);
     });
   }
   return target;
 }
-function _to_consumable_array$4(arr) {
-  return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_spread$4();
+function _to_consumable_array$5(arr) {
+  return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_spread$5();
 }
 function _unsupported_iterable_to_array$o(o, minLen) {
   if (!o)
@@ -3977,7 +3995,7 @@ var useDropdown = function(param) {
     popperData = usePopper(referenceElement, dropdownElement, {
       enabled: isOpen,
       placement,
-      modifiers: _to_consumable_array$4(shouldRenderInBody ? [
+      modifiers: _to_consumable_array$5(shouldRenderInBody ? [
         minWidthModifier
       ] : []).concat([
         {
@@ -4000,7 +4018,7 @@ var useDropdown = function(param) {
             ]
           }, flipOptions)
         }
-      ], _to_consumable_array$4(modifiers))
+      ], _to_consumable_array$5(modifiers))
     });
   }
   useEffect(function() {
@@ -4860,7 +4878,7 @@ var icons = checkIcons({
     ]
   }
 });
-function _define_property$N(obj, key, value) {
+function _define_property$O(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -4883,7 +4901,7 @@ function _object_spread$M(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$N(target, key, source[key]);
+      _define_property$O(target, key, source[key]);
     });
   }
   return target;
@@ -5010,7 +5028,7 @@ const avatarGreen = `  <svg\r
 var complexIcons = {
   avatar: avatarGreen
 };
-function _define_property$M(obj, key, value) {
+function _define_property$N(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5033,7 +5051,7 @@ function _object_spread$L(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$M(target, key, source[key]);
+      _define_property$N(target, key, source[key]);
     });
   }
   return target;
@@ -5057,7 +5075,7 @@ var styles$K = {
     alignItems: "center"
   }
 };
-function _define_property$L(obj, key, value) {
+function _define_property$M(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5080,7 +5098,7 @@ function _object_spread$K(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$L(target, key, source[key]);
+      _define_property$M(target, key, source[key]);
     });
   }
   return target;
@@ -5171,7 +5189,7 @@ var styles$J = {
   },
   content: {}
 };
-function _define_property$K(obj, key, value) {
+function _define_property$L(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5194,7 +5212,7 @@ function _object_spread$J(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$K(target, key, source[key]);
+      _define_property$L(target, key, source[key]);
     });
   }
   return target;
@@ -5242,7 +5260,7 @@ var List = function(param) {
             className: classes.spacer
           }),
           /* @__PURE__ */ jsxs("div", _object_spread_props$A(_object_spread$J({
-            className: clsx(classes.item, (_obj = {}, _define_property$K(_obj, classes.disabledItem, item.disabled), _define_property$K(_obj, classes.withIconGap, item.withIconGap), _obj))
+            className: clsx(classes.item, (_obj = {}, _define_property$L(_obj, classes.disabledItem, item.disabled), _define_property$L(_obj, classes.withIconGap, item.withIconGap), _obj))
           }, addDataTestId((_item_testId = item.testId) !== null && _item_testId !== void 0 ? _item_testId : getTestId(testId, "item-".concat(idx))), item.disabled && addDataAttributes({
             disabled: item.disabled
           })), {
@@ -5270,7 +5288,7 @@ var List = function(param) {
     })
   }));
 };
-function _define_property$J(obj, key, value) {
+function _define_property$K(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5293,7 +5311,7 @@ function _object_spread$I(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$J(target, key, source[key]);
+      _define_property$K(target, key, source[key]);
     });
   }
   return target;
@@ -5377,7 +5395,7 @@ function _array_with_holes$n(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$I(obj, key, value) {
+function _define_property$J(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5431,7 +5449,7 @@ function _object_spread$H(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$I(target, key, source[key]);
+      _define_property$J(target, key, source[key]);
     });
   }
   return target;
@@ -5572,7 +5590,7 @@ var styles$H = {
     width: "100%"
   }
 };
-function _define_property$H(obj, key, value) {
+function _define_property$I(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5595,7 +5613,7 @@ function _object_spread$G(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$H(target, key, source[key]);
+      _define_property$I(target, key, source[key]);
     });
   }
   return target;
@@ -5789,7 +5807,7 @@ var styles$E = {
   },
   tweakPreloaderComponent: {}
 };
-function _define_property$G(obj, key, value) {
+function _define_property$H(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5812,7 +5830,7 @@ function _object_spread$F(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$G(target, key, source[key]);
+      _define_property$H(target, key, source[key]);
     });
   }
   return target;
@@ -5846,7 +5864,7 @@ var ThemedPreloader = function(param) {
   var _useTheme = useTheme("ThemedPreloader", styles$E, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var preloaderComponentStyles = useTweakStyles(componentStyles, tweakStyles, "tweakPreloaderComponent");
   return /* @__PURE__ */ jsx("div", _object_spread_props$w(_object_spread$F({
-    className: clsx(classes.root, classes[type], _define_property$G({}, classes.currentColor, useCurrentColor))
+    className: clsx(classes.root, classes[type], _define_property$H({}, classes.currentColor, useCurrentColor))
   }, addDataAttributes(data)), {
     children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
       tweakStyles: preloaderComponentStyles
@@ -6026,7 +6044,7 @@ var dotsPreloaderStyles = {
     }
   }
 };
-function _define_property$F(obj, key, value) {
+function _define_property$G(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6049,7 +6067,7 @@ function _object_spread$E(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$F(target, key, source[key]);
+      _define_property$G(target, key, source[key]);
     });
   }
   return target;
@@ -6102,7 +6120,7 @@ var Button = function(param) {
   var _obj, _obj1;
   return /* @__PURE__ */ jsxs("button", _object_spread_props$v(_object_spread$E({
     type,
-    className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$F(_obj, classes.disabled, isDisabled), _define_property$F(_obj, classes.fullWidth, isFullWidth), _define_property$F(_obj, classes.inline, isInline), _define_property$F(_obj, classes.active, isActive), _define_property$F(_obj, classes.loading, isLoading), _define_property$F(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
+    className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$G(_obj, classes.disabled, isDisabled), _define_property$G(_obj, classes.fullWidth, isFullWidth), _define_property$G(_obj, classes.inline, isInline), _define_property$G(_obj, classes.active, isActive), _define_property$G(_obj, classes.loading, isLoading), _define_property$G(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
     tabIndex: shouldSkipTabNavigation ? -1 : void 0,
     disabled: hasNoAction,
     onClick: !hasNoAction ? onClick : void 0,
@@ -6110,7 +6128,7 @@ var Button = function(param) {
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
       /* @__PURE__ */ jsxs("span", {
-        className: clsx(classes.content, (_obj1 = {}, _define_property$F(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$F(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
+        className: clsx(classes.content, (_obj1 = {}, _define_property$G(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$G(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
         children: [
           hasIcon && /* @__PURE__ */ jsx("span", {
             className: classes.icon,
@@ -6202,7 +6220,7 @@ function _array_with_holes$m(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$E(obj, key, value) {
+function _define_property$F(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6256,7 +6274,7 @@ function _object_spread$D(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$E(target, key, source[key]);
+      _define_property$F(target, key, source[key]);
     });
   }
   return target;
@@ -6325,7 +6343,7 @@ function Checkbox(param) {
   ]);
   var _obj;
   return /* @__PURE__ */ jsxs("label", _object_spread_props$u(_object_spread$D({
-    className: clsx(classes.root, (_obj = {}, _define_property$E(_obj, classes.disabled, isDisabled), _define_property$E(_obj, classes.labelPositionLeft, labelPosition === "left"), _obj))
+    className: clsx(classes.root, (_obj = {}, _define_property$F(_obj, classes.disabled, isDisabled), _define_property$F(_obj, classes.labelPositionLeft, labelPosition === "left"), _obj))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
       /* @__PURE__ */ jsx("input", _object_spread$D({
@@ -6376,7 +6394,7 @@ var styles$B = {
     }
   }
 };
-function _define_property$D(obj, key, value) {
+function _define_property$E(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6399,7 +6417,7 @@ function _object_spread$C(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$D(target, key, source[key]);
+      _define_property$E(target, key, source[key]);
     });
   }
   return target;
@@ -6574,7 +6592,7 @@ var styles$z = {
   },
   root: {}
 };
-function _define_property$C(obj, key, value) {
+function _define_property$D(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6597,7 +6615,7 @@ function _object_spread$B(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$C(target, key, source[key]);
+      _define_property$D(target, key, source[key]);
     });
   }
   return target;
@@ -6882,6 +6900,7 @@ var styles$y = {
     paddingLeft: 13
   },
   loading: {},
+  withUnits: {},
   tweakPreloader: {}
 };
 var renderIcon = function(icon) {
@@ -6929,7 +6948,7 @@ function _async_to_generator$5(fn3) {
     });
   };
 }
-function _define_property$B(obj, key, value) {
+function _define_property$C(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6983,7 +7002,7 @@ function _object_spread$A(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$B(target, key, source[key]);
+      _define_property$C(target, key, source[key]);
     });
   }
   return target;
@@ -7178,9 +7197,10 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
   var hasUnits = units !== void 0 && units !== "";
   var hasLabel = isNotEmpty(label);
   var hasPlaceholder = (!hasLabel || hasFocus && !isReadonly) && isNotEmpty(placeholder);
+  var shouldShowUnits = (hasValue || isFocused && !hasPlaceholder) && hasUnits;
   var _obj;
   var props = _object_spread$A({
-    className: clsx(classes.input, (_obj = {}, _define_property$B(_obj, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$B(_obj, classes.withIcons, hasControls), _define_property$B(_obj, classes.withControls, hasControls), _define_property$B(_obj, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj)),
+    className: clsx(classes.input, (_obj = {}, _define_property$C(_obj, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$C(_obj, classes.withIcons, hasControls), _define_property$C(_obj, classes.withControls, hasControls), _define_property$C(_obj, classes.withUnits, shouldShowUnits), _define_property$C(_obj, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj)),
     onFocus: handleFocus,
     onBlur: handleBlur,
     onChange: handleChange,
@@ -7203,7 +7223,7 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
     className: classes.root,
     children: [
       /* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$A({
-        className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$B(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$B(_obj1, classes.invalid, isInvalid), _define_property$B(_obj1, classes.focused, hasFocus), _define_property$B(_obj1, classes.disabled, isDisabled), _define_property$B(_obj1, classes.autosize, isAutoSizeable), _obj1), inlineStyle !== void 0 && classes[inlineStyle], border !== void 0 && classes["border-".concat(border)]),
+        className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$C(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$C(_obj1, classes.invalid, isInvalid), _define_property$C(_obj1, classes.focused, hasFocus), _define_property$C(_obj1, classes.disabled, isDisabled), _define_property$C(_obj1, classes.autosize, isAutoSizeable), _obj1), inlineStyle !== void 0 && classes[inlineStyle], border !== void 0 && classes["border-".concat(border)]),
         "data-value": isAutoSizeable ? value : void 0
       }, addDataAttributes(data)), {
         children: [
@@ -7217,12 +7237,12 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
             beforeMaskedStateChange
           }, props)),
           hasLabel && /* @__PURE__ */ jsx("span", {
-            className: clsx(classes.label, (_obj2 = {}, _define_property$B(_obj2, classes.invalidLabel, isInvalid), _define_property$B(_obj2, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$B(_obj2, classes.activeLabel, hasFocus && !isReadonly || hasValue), _define_property$B(_obj2, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
-            _define_property$B(_obj2, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _obj2)),
+            className: clsx(classes.label, (_obj2 = {}, _define_property$C(_obj2, classes.invalidLabel, isInvalid), _define_property$C(_obj2, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$C(_obj2, classes.activeLabel, hasFocus && !isReadonly || hasValue), _define_property$C(_obj2, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
+            _define_property$C(_obj2, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _obj2)),
             children: label
           }),
-          (hasValue || isFocused && !hasPlaceholder) && hasUnits && /* @__PURE__ */ jsxs("div", {
-            className: clsx(classes.unitsWrapper, _define_property$B({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
+          shouldShowUnits && /* @__PURE__ */ jsxs("div", {
+            className: clsx(classes.unitsWrapper, _define_property$C({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
             children: [
               /* @__PURE__ */ jsx("span", {
                 className: classes.fakeValue,
@@ -7254,7 +7274,7 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
                 })
               }),
               iconType !== void 0 && /* @__PURE__ */ jsx("div", {
-                className: clsx(classes.inputIcon, _define_property$B({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
+                className: clsx(classes.inputIcon, _define_property$C({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
                 onClick: !isDisabled ? onIconClick : void 0,
                 children: renderIcon(iconType)
               })
@@ -7282,7 +7302,7 @@ var styles$x = {
   },
   tweakInput: {}
 };
-function _define_property$A(obj, key, value) {
+function _define_property$B(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7305,7 +7325,7 @@ function _object_spread$z(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$A(target, key, source[key]);
+      _define_property$B(target, key, source[key]);
     });
   }
   return target;
@@ -7459,7 +7479,7 @@ function _create_class(Constructor, protoProps, staticProps) {
     _defineProperties(Constructor, staticProps);
   return Constructor;
 }
-function _define_property$z(obj, key, value) {
+function _define_property$A(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7502,7 +7522,7 @@ function _object_spread$y(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$z(target, key, source[key]);
+      _define_property$A(target, key, source[key]);
     });
   }
   return target;
@@ -7600,8 +7620,8 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
     _class_call_check(this, ScrollIntoViewIfNeeded2);
     var _this;
     _this = _super.apply(this, arguments);
-    _define_property$z(_assert_this_initialized(_this), "node", createRef());
-    _define_property$z(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
+    _define_property$A(_assert_this_initialized(_this), "node", createRef());
+    _define_property$A(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
       var options = _this.props.options;
       var _this_node = _this.node, node = _this_node.current;
       if (node) {
@@ -7651,8 +7671,8 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
   ]);
   return ScrollIntoViewIfNeeded2;
 }(PureComponent);
-_define_property$z(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
-function _define_property$y(obj, key, value) {
+_define_property$A(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
+function _define_property$z(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7675,7 +7695,7 @@ function _object_spread$x(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$y(target, key, source[key]);
+      _define_property$z(target, key, source[key]);
     });
   }
   return target;
@@ -7726,6 +7746,9 @@ var styles$v = {
     boxSizing: "border-box",
     fontSize: 14
   },
+  cellWithCheckbox: {
+    padding: 0
+  },
   noMatchesLabel: {
     pointerEvents: "none"
   },
@@ -7740,7 +7763,17 @@ var styles$v = {
   },
   defaultCell: {}
 };
-function _define_property$x(obj, key, value) {
+var checkboxStyles = {
+  root: {
+    padding: CELL_PADDING,
+    width: "100%"
+  },
+  input: {
+    // иначе будет фокуситься и энтер будет вызывать изменение нескольких опций
+    display: "none"
+  }
+};
+function _define_property$y(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7763,7 +7796,7 @@ function _object_spread$w(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$x(target, key, source[key]);
+      _define_property$y(target, key, source[key]);
     });
   }
   return target;
@@ -7792,15 +7825,67 @@ function _object_spread_props$q(target, source) {
   }
   return target;
 }
-var DEFAULT_OPTION_INDEX = -1;
+var SelectListItem = function(param) {
+  var classes = param.classes, index = param.index, isSemiChecked = param.isSemiChecked, isDisabled = param.isDisabled, isActive = param.isActive, children = param.children, isFocused = param.isFocused, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox;
+  var isMultiSelect = isNotEmpty(onToggleCheckbox);
+  var _obj;
+  return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$q(_object_spread$w({
+    active: isFocused,
+    options: {
+      block: "nearest"
+    },
+    className: clsx(classes.cell, (_obj = {}, _define_property$y(_obj, classes.cellWithCheckbox, isMultiSelect), _define_property$y(_obj, classes.focused, isFocused), _define_property$y(_obj, classes.active, isActive && !isMultiSelect), _define_property$y(_obj, classes.disabled, isDisabled), _obj))
+  }, addDataAttributes({
+    disabled: isDisabled,
+    active: isActive,
+    focused: isFocused
+  })), {
+    onClick: !isDisabled && !isMultiSelect ? function(event) {
+      return onOptionSelect(index, event);
+    } : void 0,
+    children: isMultiSelect ? /* @__PURE__ */ jsx(Checkbox, {
+      value: index,
+      isChecked: isActive || isSemiChecked,
+      isSemiChecked,
+      isDisabled,
+      tweakStyles: checkboxStyles,
+      onSelect: function(v) {
+        return onToggleCheckbox(index, v.isSelected);
+      },
+      children
+    }) : children
+  }));
+};
+var DEFAULT_OPTION_INDEX = -2;
+var ALL_OPTION_INDEX = -1;
+function _define_property$x(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
 function SelectList(param) {
-  var options = param.options, 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, tweakStyles = param.tweakStyles, testId = param.testId, _param_shouldScrollToList = param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, customListHeader = param.customListHeader, isOptionDisabled = param.isOptionDisabled, onOptionClick = param.onOptionClick, convertValueToString = param.convertValueToString, convertValueToReactNode = param.convertValueToReactNode, _param_convertValueToId = param.convertValueToId, convertValueToId = _param_convertValueToId === void 0 ? convertValueToString : _param_convertValueToId;
+  var options = param.options, 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, tweakStyles = param.tweakStyles, testId = param.testId, _param_shouldScrollToList = param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, areAllOptionsSelected = param.areAllOptionsSelected, customListHeader = param.customListHeader, isOptionDisabled = param.isOptionDisabled, allOptionsLabel = param.allOptionsLabel, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox, convertValueToString = param.convertValueToString, _param_convertValueToReactNode = param.convertValueToReactNode, convertValueToReactNode = _param_convertValueToReactNode === void 0 ? convertValueToString : _param_convertValueToReactNode, convertValueToId = param.convertValueToId;
   var classes = useTheme("SelectList", styles$v, tweakStyles).classes;
-  var activeValueId = isNotEmpty(activeValue) ? convertValueToId(activeValue) : void 0;
-  var isActiveOption = function(item) {
-    return convertValueToId(item) === activeValueId;
-  };
-  var convertFunction = convertValueToReactNode !== null && convertValueToReactNode !== void 0 ? convertValueToReactNode : convertValueToString;
+  var isMultiSelect = isNotEmpty(onToggleCheckbox);
+  var multiSelectValue = activeValue;
+  var _multiSelectValue_length;
+  var selectedOptionsCount = (_multiSelectValue_length = multiSelectValue === null || multiSelectValue === void 0 ? void 0 : multiSelectValue.length) !== null && _multiSelectValue_length !== void 0 ? _multiSelectValue_length : 0;
+  var _multiSelectValue_map;
+  var activeOptionsIdMap = useMemo(function() {
+    return isMultiSelect ? (_multiSelectValue_map = multiSelectValue === null || multiSelectValue === void 0 ? void 0 : multiSelectValue.map(convertValueToId)) !== null && _multiSelectValue_map !== void 0 ? _multiSelectValue_map : [] : [];
+  }, [
+    isMultiSelect,
+    multiSelectValue,
+    convertValueToId
+  ]);
   var optionsDisableMap = useMemo(function() {
     return options.map(function(o) {
       return isOptionDisabled(o);
@@ -7811,15 +7896,18 @@ function SelectList(param) {
   ]);
   var listOptions = useMemo(function() {
     return options.map(function(opt, i) {
-      return convertFunction(opt, optionsDisableMap[i]);
+      return convertValueToReactNode(opt, optionsDisableMap[i]);
     });
   }, [
     options,
-    convertFunction,
+    convertValueToReactNode,
     optionsDisableMap
   ]);
+  var isActiveOption = function(item) {
+    return isMultiSelect ? activeOptionsIdMap.includes(convertValueToId(item)) : isNotEmpty(activeValue) && convertValueToId(activeValue) === convertValueToId(item);
+  };
   return /* @__PURE__ */ jsxs(ScrollIntoViewIfNeeded, {
-    active: shouldScrollToList,
+    active: shouldScrollToList && !isMultiSelect,
     className: clsx(classes.root, _define_property$x({}, classes.withListHeader, isNotEmpty(customListHeader))),
     children: [
       isNotEmpty(customListHeader) && /* @__PURE__ */ jsx("div", {
@@ -7834,39 +7922,42 @@ function SelectList(param) {
           children: loadingLabel
         }) : /* @__PURE__ */ jsxs(Fragment, {
           children: [
-            defaultOptionLabel !== void 0 && /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, {
+            isNotEmpty(defaultOptionLabel) && /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, {
               active: focusedIndex === DEFAULT_OPTION_INDEX,
               options: {
                 block: "nearest"
               },
               className: clsx(classes.cell, classes.defaultCell, focusedIndex === DEFAULT_OPTION_INDEX && classes.focused),
               onClick: function(event) {
-                return onOptionClick(DEFAULT_OPTION_INDEX, event);
+                return onOptionSelect(DEFAULT_OPTION_INDEX, event);
               },
               children: defaultOptionLabel
             }),
+            isNotEmpty(allOptionsLabel) && /* @__PURE__ */ jsx(SelectListItem, {
+              classes,
+              index: ALL_OPTION_INDEX,
+              isSemiChecked: selectedOptionsCount > 0 && !areAllOptionsSelected,
+              isActive: areAllOptionsSelected,
+              isFocused: focusedIndex === ALL_OPTION_INDEX,
+              onOptionSelect,
+              onToggleCheckbox,
+              children: allOptionsLabel
+            }),
             listOptions.map(function(opt, i) {
               var optionValue = options[i];
-              var isFocused = i === focusedIndex;
+              var isFocused = focusedIndex === i;
               var isActive = isActiveOption(optionValue);
               var isDisabled = optionsDisableMap[i];
-              var _obj;
-              return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$q(_object_spread$w({
-                active: isFocused,
-                options: {
-                  block: "nearest"
-                },
-                className: clsx(classes.cell, (_obj = {}, _define_property$x(_obj, classes.focused, isFocused), _define_property$x(_obj, classes.active, isActive), _define_property$x(_obj, classes.disabled, isDisabled), _obj))
-              }, addDataAttributes({
-                disabled: isDisabled,
-                active: isActive,
-                focused: isFocused
-              })), {
-                onClick: !isDisabled ? function(event) {
-                  return onOptionClick(i, event);
-                } : void 0,
+              return /* @__PURE__ */ jsx(SelectListItem, {
+                classes,
+                index: i,
+                isDisabled,
+                isActive,
+                isFocused,
+                onOptionSelect,
+                onToggleCheckbox,
                 children: opt
-              }), i);
+              }, i);
             }),
             listOptions.length === 0 && /* @__PURE__ */ jsx("div", {
               className: clsx(classes.cell, classes.noMatchesLabel),
@@ -7888,10 +7979,13 @@ var defaultConvertFunction$2 = function(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 getDefaultConvertToIdFunction = function(convertValueToString) {
+  return function(value) {
+    return isNotEmpty(value === null || value === void 0 ? void 0 : value.id) ? String(value.id) : convertValueToString(value);
+  };
+};
+var isMultiSelectValue = function(props, _value) {
+  return props.isMultiSelect === true;
 };
 var styles$u = {
   root: {
@@ -7937,6 +8031,15 @@ var styles$u = {
       cursor: "default"
     }
   },
+  counter: {
+    "&:not(:last-child)": {
+      paddingRight: 8
+    }
+  },
+  icon: {
+    width: 16,
+    height: 16
+  },
   tweakInput: {
     input: {
       paddingRight: 32
@@ -8125,6 +8228,10 @@ function _array_with_holes$j(arr) {
   if (Array.isArray(arr))
     return arr;
 }
+function _array_without_holes$4(arr) {
+  if (Array.isArray(arr))
+    return _array_like_to_array$j(arr);
+}
 function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -8167,6 +8274,10 @@ function _define_property$v(obj, key, value) {
   }
   return obj;
 }
+function _iterable_to_array$4(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
+    return Array.from(iter);
+}
 function _iterable_to_array_limit$j(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
@@ -8198,6 +8309,9 @@ function _iterable_to_array_limit$j(arr, i) {
 function _non_iterable_rest$j() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _non_iterable_spread$4() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _object_spread$u(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
@@ -8272,6 +8386,9 @@ function _object_without_properties_loose$5(source, excluded) {
 function _sliced_to_array$j(arr, i) {
   return _array_with_holes$j(arr) || _iterable_to_array_limit$j(arr, i) || _unsupported_iterable_to_array$j(arr, i) || _non_iterable_rest$j();
 }
+function _to_consumable_array$4(arr) {
+  return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$j(arr) || _non_iterable_spread$4();
+}
 function _unsupported_iterable_to_array$j(o, minLen) {
   if (!o)
     return;
@@ -8387,11 +8504,12 @@ var __generator$4 = globalThis && globalThis.__generator || function(thisArg, bo
     };
   }
 };
-function Select(_param) {
-  var options = _param.options, value = _param.value, defaultOptionLabel = _param.defaultOptionLabel, _param_debounceTime = _param.debounceTime, debounceTime = _param_debounceTime === void 0 ? 400 : _param_debounceTime, _param_optionsMode = _param.optionsMode, optionsMode = _param_optionsMode === void 0 ? "normal" : _param_optionsMode, noMatchesLabel = _param.noMatchesLabel, loadingLabel = _param.loadingLabel, tweakStyles = _param.tweakStyles, testId = _param.testId, isReadonly = _param.isReadonly, 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, searchInput = _param.searchInput, onChange = _param.onChange, onFocus = _param.onFocus, onBlur = _param.onBlur, onType = _param.onType, onOpen = _param.onOpen, _param_isOptionDisabled = _param.isOptionDisabled, isOptionDisabled = _param_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _param_isOptionDisabled, _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, optionsFilter = _param.optionsFilter, inputProps = _object_without_properties$5(_param, [
+function Select(props) {
+  var options = props.options, value = props.value, defaultOptionLabel = props.defaultOptionLabel, allOptionsLabel = props.allOptionsLabel, _props_debounceTime = props.debounceTime, debounceTime = _props_debounceTime === void 0 ? 400 : _props_debounceTime, _props_optionsMode = props.optionsMode, optionsMode = _props_optionsMode === void 0 ? "normal" : _props_optionsMode, noMatchesLabel = props.noMatchesLabel, loadingLabel = props.loadingLabel, tweakStyles = props.tweakStyles, testId = props.testId, isReadonly = props.isReadonly, isDisabled = props.isDisabled, dropdownOptions = props.dropdownOptions, _props_minSymbolsCountToOpenList = props.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _props_minSymbolsCountToOpenList === void 0 ? 0 : _props_minSymbolsCountToOpenList, _props_dropdownIcon = props.dropdownIcon, dropdownIcon = _props_dropdownIcon === void 0 ? "chevron-down" : _props_dropdownIcon, _props_shouldScrollToList = props.shouldScrollToList, shouldScrollToList = _props_shouldScrollToList === void 0 ? true : _props_shouldScrollToList, searchInput = props.searchInput, iconType = props.iconType, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onType = props.onType, onOpen = props.onOpen, _props_isOptionDisabled = props.isOptionDisabled, isOptionDisabled = _props_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _props_isOptionDisabled, _props_compareValuesOnChange = props.compareValuesOnChange, compareValuesOnChange = _props_compareValuesOnChange === void 0 ? defaultCompareFunction : _props_compareValuesOnChange, _props_convertValueToString = props.convertValueToString, convertValueToString = _props_convertValueToString === void 0 ? defaultConvertFunction$2 : _props_convertValueToString, convertValueToId = props.convertValueToId, convertValueToReactNode = props.convertValueToReactNode, optionsFilter = props.optionsFilter, inputProps = _object_without_properties$5(props, [
     "options",
     "value",
     "defaultOptionLabel",
+    "allOptionsLabel",
     "debounceTime",
     "optionsMode",
     "noMatchesLabel",
@@ -8405,6 +8523,7 @@ function Select(_param) {
     "dropdownIcon",
     "shouldScrollToList",
     "searchInput",
+    "iconType",
     "onChange",
     "onFocus",
     "onBlur",
@@ -8421,8 +8540,8 @@ function Select(_param) {
   var isMounted = useIsMounted();
   var _useState = _sliced_to_array$j(useState(false), 2), isListOpen = _useState[0], setIsListOpen = _useState[1];
   var _useState1 = _sliced_to_array$j(useState(false), 2), areOptionsLoading = _useState1[0], setAreOptionsLoading = _useState1[1];
-  var hasDefaultOption = defaultOptionLabel !== void 0;
-  var _useState2 = _sliced_to_array$j(useState(-1), 2), focusedListCellIndex = _useState2[0], setFocusedListCellIndex = _useState2[1];
+  var hasDefaultOption = isStringNotEmpty(defaultOptionLabel);
+  var _useState2 = _sliced_to_array$j(useState(DEFAULT_OPTION_INDEX), 2), focusedListCellIndex = _useState2[0], setFocusedListCellIndex = _useState2[1];
   var _useState3 = _sliced_to_array$j(useState(""), 2), searchValue = _useState3[0], setSearchValue = _useState3[1];
   var _useState4 = _sliced_to_array$j(useState(true), 2), shouldShowDefaultOption = _useState4[0], setShouldShowDefaultOption = _useState4[1];
   var inputWrapper = useRef(null);
@@ -8430,31 +8549,60 @@ function Select(_param) {
   var input = useRef(null);
   var shouldRenderSearchInputInList = (searchInput === null || searchInput === void 0 ? void 0 : searchInput.shouldRenderInList) === true;
   var hasSearchInputInList = optionsMode !== "normal" && shouldRenderSearchInputInList;
-  var stringValue = isNotEmpty(value) ? convertValueToString(value) : void 0;
+  var isMultiSelect = isMultiSelectValue(props);
+  var strValue = isMultiSelect ? value === null || value === void 0 ? void 0 : value[0] : value;
+  var shouldShowAllOption = isMultiSelect && isNotEmpty(allOptionsLabel) && searchValue === "";
   var filteredOptions = useMemo(function() {
     if (optionsMode !== "search") {
       return options;
     }
-    if (isNotEmpty(optionsFilter)) {
-      return optionsFilter(options, searchValue);
-    }
-    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);
+    var _convertValueToString;
+    var filter = optionsFilter !== null && optionsFilter !== void 0 ? optionsFilter : createFilter(function(option) {
+      return [
+        (_convertValueToString = convertValueToString(option)) !== null && _convertValueToString !== void 0 ? _convertValueToString : ""
+      ];
     });
+    return filter(options, searchValue);
   }, [
-    optionsMode,
     optionsFilter,
     options,
     convertValueToString,
-    searchValue
+    searchValue,
+    optionsMode
   ]);
-  useEffect(function() {
-    setFocusedListCellIndex(getActiveValueIndex(filteredOptions, value, convertValueToString));
+  var availableOptions = useMemo(function() {
+    return options.filter(function(o) {
+      return !isOptionDisabled(o);
+    });
   }, [
-    filteredOptions,
-    value,
+    options,
+    isOptionDisabled
+  ]);
+  var areAllOptionsSelected = isMultiSelect && (value === null || value === void 0 ? void 0 : value.length) === availableOptions.length;
+  var shouldShowMultiSelectCounter = isMultiSelect && isNotEmpty(value) && value.length > 1 && !areAllOptionsSelected;
+  var optionsIndexesForNavigation = useMemo(function() {
+    var result = [];
+    if (shouldShowDefaultOption && hasDefaultOption) {
+      result.push(DEFAULT_OPTION_INDEX);
+    }
+    if (shouldShowAllOption) {
+      result.push(ALL_OPTION_INDEX);
+    }
+    return result.concat(filteredOptions.reduce(function(acc, cur, i) {
+      if (!isOptionDisabled(cur)) {
+        acc.push(i);
+      }
+      return acc;
+    }, []));
+  }, [
+    filteredOptions
+  ]);
+  var stringValue = isNotEmpty(strValue) ? convertValueToString(strValue) : void 0;
+  var showedStringValue = areAllOptionsSelected && isNotEmpty(allOptionsLabel) ? allOptionsLabel : stringValue;
+  var convertToId = useCallback(function(v) {
+    return (convertValueToId !== null && convertValueToId !== void 0 ? convertValueToId : getDefaultConvertToIdFunction(convertValueToString))(v);
+  }, [
+    convertValueToId,
     convertValueToString
   ]);
   var handleListClose = useCallback(function(event) {
@@ -8491,11 +8639,9 @@ function Select(_param) {
     }
   };
   var handleOnChange = useCallback(function(newValue) {
-    var areValuesEqual = compareValuesOnChange(value, newValue);
-    if (areValuesEqual) {
-      return;
+    if (!compareValuesOnChange(value, newValue)) {
+      onChange(newValue);
     }
-    onChange(newValue);
   }, [
     value,
     compareValuesOnChange,
@@ -8503,7 +8649,7 @@ function Select(_param) {
   ]);
   var handleOptionSelect = useCallback(function(index, event) {
     var _input_current;
-    handleOnChange(index === -1 ? void 0 : filteredOptions[index]);
+    handleOnChange(index === DEFAULT_OPTION_INDEX ? void 0 : filteredOptions[index]);
     handleListClose(event);
     (_input_current = input.current) === null || _input_current === void 0 ? void 0 : _input_current.blur();
   }, [
@@ -8511,6 +8657,36 @@ function Select(_param) {
     handleListClose,
     filteredOptions
   ]);
+  var handleToggleOptionCheckbox = useCallback(function(index, isSelected) {
+    if (!isMultiSelect) {
+      return;
+    }
+    if (index === DEFAULT_OPTION_INDEX || index === ALL_OPTION_INDEX && !isSelected) {
+      handleOnChange(void 0);
+      return;
+    }
+    if (index === ALL_OPTION_INDEX && isSelected) {
+      handleOnChange(availableOptions);
+      return;
+    }
+    var option = filteredOptions[index];
+    handleOnChange(isSelected ? (
+      // Добавляем
+      _to_consumable_array$4(value !== null && value !== void 0 ? value : []).concat([
+        option
+      ])
+    ) : (
+      // Убираем
+      value === null || value === void 0 ? void 0 : value.filter(function(o) {
+        return convertToId(o) !== convertToId(option);
+      })
+    ));
+  }, [
+    handleOnChange,
+    filteredOptions,
+    isMultiSelect,
+    value
+  ]);
   var handleOnType = useCallback(function() {
     var _ref2 = _async_to_generator$4(function(v) {
       return __generator$4(this, function(_state) {
@@ -8570,47 +8746,43 @@ function Select(_param) {
       return;
     }
     event.stopPropagation();
+    var curIndexInNavigation = optionsIndexesForNavigation.findIndex(function(index) {
+      return index === focusedListCellIndex;
+    });
     switch (event.code) {
       case "Enter":
       case "NumpadEnter": {
-        var indexToClick = focusedListCellIndex;
-        if (indexToClick === -1 && filteredOptions.length === 1) {
-          indexToClick = 0;
+        var indexToSelect = focusedListCellIndex;
+        if (indexToSelect === DEFAULT_OPTION_INDEX && filteredOptions.length === 1) {
+          indexToSelect = 0;
+        }
+        if (isMultiSelect) {
+          var isThisValueAlreadySelected;
+          if (indexToSelect === ALL_OPTION_INDEX) {
+            isThisValueAlreadySelected = areAllOptionsSelected;
+          } else {
+            var valueIdToSelect = convertToId(filteredOptions[indexToSelect]);
+            var _value_some;
+            isThisValueAlreadySelected = (_value_some = value === null || value === void 0 ? void 0 : value.some(function(opt) {
+              return convertToId(opt) === valueIdToSelect;
+            })) !== null && _value_some !== void 0 ? _value_some : false;
+          }
+          handleToggleOptionCheckbox(indexToSelect, !isThisValueAlreadySelected);
+        } else {
+          handleOptionSelect(indexToSelect, event);
         }
-        handleOptionSelect(indexToClick, event);
         break;
       }
       case "ArrowDown": {
         event.preventDefault();
-        var newIndex = focusedListCellIndex !== null && focusedListCellIndex !== void 0 ? focusedListCellIndex : -1;
-        for (var i = newIndex; i < newIndex + filteredOptions.length; i++) {
-          var targetIndex = (i + 1) % filteredOptions.length;
-          if (shouldShowDefaultOption && hasDefaultOption && newIndex > -1 && targetIndex === 0) {
-            newIndex = -1;
-            break;
-          }
-          if (!isOptionDisabled(filteredOptions[targetIndex])) {
-            newIndex = targetIndex;
-            break;
-          }
-        }
-        setFocusedListCellIndex(newIndex);
+        var targetIndexInNavigation = (curIndexInNavigation + 1) % optionsIndexesForNavigation.length;
+        setFocusedListCellIndex(optionsIndexesForNavigation[targetIndexInNavigation]);
         break;
       }
       case "ArrowUp": {
         event.preventDefault();
-        var newIndex1 = (focusedListCellIndex !== null && focusedListCellIndex !== void 0 ? focusedListCellIndex : -1) === -1 ? 0 : focusedListCellIndex;
-        for (var i1 = newIndex1; i1 > newIndex1 - filteredOptions.length; i1--) {
-          var targetIndex1 = (i1 > 0 ? i1 : filteredOptions.length + i1) - 1;
-          if (shouldShowDefaultOption && hasDefaultOption && focusedListCellIndex !== -1 && targetIndex1 === filteredOptions.length - 1) {
-            setFocusedListCellIndex(-1);
-            break;
-          }
-          if (!isOptionDisabled(filteredOptions[targetIndex1])) {
-            setFocusedListCellIndex(targetIndex1);
-            break;
-          }
-        }
+        var targetIndexInNavigation1 = (curIndexInNavigation - 1 + optionsIndexesForNavigation.length) % optionsIndexesForNavigation.length;
+        setFocusedListCellIndex(optionsIndexesForNavigation[targetIndexInNavigation1]);
         break;
       }
     }
@@ -8643,6 +8815,10 @@ function Select(_param) {
       input: {
         cursor: "pointer"
       }
+    }), _object_spread$u({}, isMultiSelect && {
+      inputIcon: {
+        width: "auto"
+      }
     }), tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles.tweakInput);
   }, [
     tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles.tweakInput,
@@ -8662,12 +8838,16 @@ function Select(_param) {
     ]
   });
   useEffect(function() {
-    if (isOpen && onOpen !== void 0) {
-      onOpen();
+    var val = isMultiSelect ? value === null || value === void 0 ? void 0 : value[0] : value;
+    var _optionsIndexesForNavigation_find;
+    setFocusedListCellIndex((_optionsIndexesForNavigation_find = optionsIndexesForNavigation.find(function(index) {
+      return filteredOptions[index] === val;
+    })) !== null && _optionsIndexesForNavigation_find !== void 0 ? _optionsIndexesForNavigation_find : optionsIndexesForNavigation[0]);
+    if (isOpen) {
+      onOpen === null || onOpen === void 0 ? void 0 : onOpen();
     }
   }, [
-    isOpen,
-    onOpen
+    isOpen
   ]);
   var _obj;
   var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$o(_object_spread$u({
@@ -8679,6 +8859,8 @@ function Select(_param) {
     children: isOpen && /* @__PURE__ */ jsx(SelectList, {
       options: filteredOptions,
       defaultOptionLabel: hasDefaultOption && shouldShowDefaultOption ? defaultOptionLabel : void 0,
+      allOptionsLabel: shouldShowAllOption ? allOptionsLabel : void 0,
+      areAllOptionsSelected,
       customListHeader: hasSearchInputInList ? /* @__PURE__ */ jsx(SearchInput, _object_spread$u({
         value: searchValue,
         onChange: handleInputChange,
@@ -8696,10 +8878,27 @@ function Select(_param) {
       isOptionDisabled,
       convertValueToString,
       convertValueToReactNode,
-      convertValueToId,
-      onOptionClick: handleOptionSelect
+      convertValueToId: convertToId,
+      onOptionSelect: handleOptionSelect,
+      onToggleCheckbox: isMultiSelect ? handleToggleOptionCheckbox : void 0
     })
   }));
+  var multiSelectCounterWithIcon = shouldShowMultiSelectCounter || isNotEmpty(iconType) ? /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      shouldShowMultiSelectCounter && /* @__PURE__ */ jsxs("div", {
+        className: classes.counter,
+        children: [
+          "(+",
+          value.length - 1,
+          ")"
+        ]
+      }),
+      isNotEmpty(iconType) && /* @__PURE__ */ jsx("div", {
+        className: classes.icon,
+        children: renderIcon(iconType)
+      })
+    ]
+  }) : void 0;
   return /* @__PURE__ */ jsxs("div", {
     className: classes.root,
     onKeyDown: handleKeyDown,
@@ -8710,7 +8909,7 @@ function Select(_param) {
         ref: inputWrapper,
         children: [
           /* @__PURE__ */ jsx(Input, _object_spread$u({
-            value: searchValue !== "" && !shouldRenderSearchInputInList ? searchValue : stringValue,
+            value: searchValue !== "" && !shouldRenderSearchInputInList ? searchValue : showedStringValue,
             onChange: handleInputChange,
             isActive: isListOpen,
             isReadonly: hasReadonlyInput,
@@ -8720,7 +8919,8 @@ function Select(_param) {
             ref: input,
             isLoading: areOptionsLoading,
             tweakStyles: tweakInputStyles,
-            testId
+            testId,
+            iconType: isMultiSelect ? multiSelectCounterWithIcon : iconType
           }, inputProps)),
           /* @__PURE__ */ jsx("div", {
             onMouseDown: function(event) {
@@ -27899,6 +28099,7 @@ export {
   checkElementParentsClassNames,
   checkSearchStringInCountry,
   commonTheme,
+  createFilter,
   defaultConvertFunction$1 as defaultConvertFunction,
   findCountryByCode,
   findCountryIndexByCode,
@@ -27923,6 +28124,7 @@ export {
   isInt,
   isNotEmpty,
   isSpaceChar,
+  isStringNotEmpty,
   minWidthModifier,
   phoneInfo,
   removeStringFormat,