mimir-ui-kit 1.61.0 → 1.62.0

package/dist/components/CopyText/CopyText.js

@@ -1,6 +1,6 @@
-import { jsxs as v, jsx as l } from "react/jsx-runtime";
-import { c as n } from "../../index-DIxK0V-G.js";
-import { forwardRef as E, useState as r, useCallback as a } from "react";
+import { jsxs as N, jsx as _ } from "react/jsx-runtime";
+import { c as r } from "../../index-DIxK0V-G.js";
+import { forwardRef as E, useState as c, useCallback as i } from "react";
 import { Icon as H } from "../../icons/Icon.js";
 import '../../assets/CopyText.css';const L = "_wrapper_1t6ix_2", R = "_container_1t6ix_7", k = "_disabled_1t6ix_14", B = "_hovered_1t6ix_19", q = "_text_1t6ix_23", z = "_pressed_1t6ix_26", G = "_icon_1t6ix_30", J = "_visible_1t6ix_40", K = "_toast_1t6ix_49", Q = "_fadeOut_1t6ix_66", e = {
   wrapper: L,
@@ -15,58 +15,58 @@ import '../../assets/CopyText.css';const L = "_wrapper_1t6ix_2", R = "_container
   "slide-in": "_slide-in_1t6ix_1",
   fadeOut: Q,
   "slide-out": "_slide-out_1t6ix_1"
-}, N = 200, V = E(
-  (T, b) => {
+}, T = 200, V = E(
+  (b, w) => {
     const {
       text: s,
-      className: w,
-      onCopy: i,
-      showToast: _ = !0,
-      toastDuration: p = 2e3,
-      toastText: M = "Скопировано в буфер обмена",
+      className: M,
+      onCopy: n,
+      showToast: p = !0,
+      toastDuration: u = 2e3,
+      toastText: y = "Скопировано в буфер обмена",
       disabled: t = !1,
-      showCopyButton: y = !1,
+      showCopyButton: o = !1,
       defaultText: C,
       ...O
-    } = T, [u, x] = r(y), [o, f] = r(!1), [I, m] = r(!1), [D, c] = r(!1), h = a(async () => {
+    } = b, [f, x] = c(o), [a, m] = c(!1), [I, h] = c(!1), [D, d] = c(!1), v = i(async () => {
       if (!t)
         try {
-          if (await navigator.clipboard.writeText(s), _) {
-            m(!0), c(!1);
-            const d = Math.max(
-              p - N,
+          if (await navigator.clipboard.writeText(s), p) {
+            h(!0), d(!1);
+            const l = Math.max(
+              u - T,
               0
             );
             setTimeout(() => {
-              c(!0), setTimeout(() => {
-                m(!1), c(!1);
-              }, N);
-            }, d);
+              d(!0), setTimeout(() => {
+                h(!1), d(!1);
+              }, T);
+            }, l);
           }
-          i == null || i(s);
-        } catch (d) {
-          console.error("Failed to copy text:", d);
+          n == null || n(s);
+        } catch (l) {
+          console.error("Failed to copy text:", l);
         }
-    }, [s, i, _, p, t]), S = a(() => {
-      t || x(!0);
-    }, [t]), g = a(() => {
-      x(!1);
-    }, []), A = a(() => {
-      !t && s && f(!0);
-    }, [t, s]), F = a(() => {
-      s && !t && o && (f(!1), h());
-    }, [t, o, s, h]), P = n(e.container, w, {
+    }, [s, n, p, u, t]), S = i(() => {
+      o || t || x(!0);
+    }, [t, o]), g = i(() => {
+      o || x(!1);
+    }, [o]), A = i(() => {
+      !t && s && m(!0);
+    }, [t, s]), F = i(() => {
+      s && !t && a && (m(!1), v());
+    }, [t, a, s, v]), P = r(e.container, M, {
       [e.disabled]: t,
-      [e.hovered]: u,
-      [e.pressed]: o
-    }), U = n(e.text, {
-      [e.pressed]: o
-    }), j = n(e.icon, {
-      [e.pressed]: o,
-      [e.visible]: u
+      [e.hovered]: f,
+      [e.pressed]: a
+    }), U = r(e.text, {
+      [e.pressed]: a
+    }), j = r(e.icon, {
+      [e.pressed]: a,
+      [e.visible]: f
     });
-    return /* @__PURE__ */ v("div", { ref: b, className: e.wrapper, ...O, children: [
-      /* @__PURE__ */ v(
+    return /* @__PURE__ */ N("div", { ref: w, className: e.wrapper, ...O, children: [
+      /* @__PURE__ */ N(
         "div",
         {
           className: P,
@@ -75,18 +75,18 @@ import '../../assets/CopyText.css';const L = "_wrapper_1t6ix_2", R = "_container
           onMouseDown: A,
           onMouseUp: F,
           children: [
-            /* @__PURE__ */ l("span", { className: U, children: s || C }),
-            s && /* @__PURE__ */ l(H, { iconName: "CopyClipboard16px", className: j })
+            /* @__PURE__ */ _("span", { className: U, children: s || C }),
+            s && /* @__PURE__ */ _(H, { iconName: "CopyClipboard16px", className: j })
           ]
         }
       ),
-      I && /* @__PURE__ */ l(
+      I && /* @__PURE__ */ _(
         "div",
         {
-          className: n(e.toast, {
+          className: r(e.toast, {
             [e.fadeOut]: D
           }),
-          children: M
+          children: y
         }
       )
     ] });

package/dist/components/DropdownSelect/DropdownSelect.js

@@ -1,24 +1,24 @@
-import { jsx as s, jsxs as d, Fragment as D } from "react/jsx-runtime";
+import { jsx as s, jsxs as d, Fragment as b } from "react/jsx-runtime";
 import { c as a } from "../../index-DIxK0V-G.js";
-import { forwardRef as b } from "react";
-import { EDropdownSelectSize as y } from "./constants.js";
+import { forwardRef as y } from "react";
+import { EDropdownSelectSize as S } from "./constants.js";
 import { Icon as f } from "../../icons/Icon.js";
-import { H as S, U as C, K as k, W as U } from "../../combobox-fIVOzEhl.js";
-import '../../assets/DropdownSelect.css';const V = "_full_ow9jf_265", z = "_disabled_ow9jf_268", A = "_trigger_ow9jf_273", H = "_options_ow9jf_313", K = "_option_ow9jf_313", W = "_focused_ow9jf_356", B = "_s_ow9jf_381", E = "_m_ow9jf_390", F = "_l_ow9jf_399", e = {
+import { H as C, U as k, K as U, W as V } from "../../combobox-fIVOzEhl.js";
+import '../../assets/DropdownSelect.css';const z = "_full_ow9jf_265", A = "_disabled_ow9jf_268", H = "_trigger_ow9jf_273", K = "_options_ow9jf_313", M = "_option_ow9jf_313", W = "_focused_ow9jf_356", B = "_s_ow9jf_381", E = "_m_ow9jf_390", F = "_l_ow9jf_399", e = {
   "dropdown-select": "_dropdown-select_ow9jf_261",
-  full: V,
-  disabled: z,
-  trigger: A,
+  full: z,
+  disabled: A,
+  trigger: H,
   "trigger-text": "_trigger-text_ow9jf_302",
-  options: H,
-  option: K,
+  options: K,
+  option: M,
   focused: W,
   "option-content": "_option-content_ow9jf_360",
   "option-check": "_option-check_ow9jf_372",
   s: B,
   m: E,
   l: F
-}, I = b(
+}, I = y(
   (p, _) => {
     const {
       value: t,
@@ -31,17 +31,18 @@ import '../../assets/DropdownSelect.css';const V = "_full_ow9jf_265", z = "_disa
       optionsClassName: j,
       optionClassName: N,
       full: c = !1,
-      size: l = y.M
-    } = p, h = (o) => {
+      isModal: h = !0,
+      size: l = S.M
+    } = p, x = (o) => {
       n == null || n(o);
-    }, x = (o) => o ? o.displayValue ? o.displayValue : typeof o.name == "string" ? o.name : typeof o.value == "string" ? o.value : String(o.id) : "";
+    }, v = (o) => o ? o.displayValue ? o.displayValue : typeof o.name == "string" ? o.name : typeof o.value == "string" ? o.value : String(o.id) : "";
     return /* @__PURE__ */ s(
-      S,
+      C,
       {
         as: "div",
         ref: _,
         value: t,
-        onChange: h,
+        onChange: x,
         disabled: i,
         className: a(
           e["dropdown-select"],
@@ -52,9 +53,9 @@ import '../../assets/DropdownSelect.css';const V = "_full_ow9jf_265", z = "_disa
           },
           g
         ),
-        children: ({ open: o }) => /* @__PURE__ */ d(D, { children: [
+        children: ({ open: o }) => /* @__PURE__ */ d(b, { children: [
           /* @__PURE__ */ d(
-            C,
+            k,
             {
               className: a(
                 e.trigger,
@@ -67,7 +68,7 @@ import '../../assets/DropdownSelect.css';const V = "_full_ow9jf_265", z = "_disa
               ),
               "data-testid": "dropdown-select-trigger",
               children: [
-                /* @__PURE__ */ s("span", { className: a(e["trigger-text"]), children: t ? x(t) : w }),
+                /* @__PURE__ */ s("span", { className: a(e["trigger-text"]), children: t ? v(t) : w }),
                 /* @__PURE__ */ s(
                   f,
                   {
@@ -78,19 +79,20 @@ import '../../assets/DropdownSelect.css';const V = "_full_ow9jf_265", z = "_disa
             }
           ),
           /* @__PURE__ */ s(
-            k,
+            U,
             {
+              modal: h,
               className: a(e.options, e[l], j),
               "data-testid": "dropdown-select-options",
               children: m.map((r) => /* @__PURE__ */ d(
-                U,
+                V,
                 {
                   value: r,
-                  className: ({ focus: v }) => a(
+                  className: ({ focus: D }) => a(
                     e.option,
                     e[l],
                     {
-                      [e.focused]: v
+                      [e.focused]: D
                     },
                     N
                   ),

package/dist/components/DropdownSelect/types.d.ts

@@ -53,4 +53,8 @@ export type TDropdownSelectProps = {
      * Полная ширина компонента
      */
     full?: boolean;
+    /**
+     * Если `false`, разрешает прокрутку страницы и клики по внешним элементам при открытом списке, иначе блокирует скролл.
+     */
+    isModal?: boolean;
 };

package/dist/components/MultiSelectSearch/hooks/useRenderVirtualizedList.d.ts

@@ -25,6 +25,7 @@ type TUseRenderVirtualizedListProps = {
     highlightMatches?: boolean;
     internalSearchQuery?: string;
     searchInHeaderGroupItems?: boolean;
+    isModal?: boolean;
 };
-export declare const useRenderVirtualizedList: ({ items, filteredItems, size, actualMenuPlacement, isVisible, noOptionsText, noMatchText, enableNestedSelection, renderNestedOptions, groupBy, parentRef, virtualItems, virtualizer, classNameOption, selectedItems, renderOptionContent, cls, useIconInsteadOfCheckbox, highlightMatches, internalSearchQuery, searchInHeaderGroupItems }: TUseRenderVirtualizedListProps) => () => ReactNode;
+export declare const useRenderVirtualizedList: ({ items, filteredItems, size, actualMenuPlacement, isVisible, noOptionsText, noMatchText, enableNestedSelection, renderNestedOptions, groupBy, parentRef, virtualItems, virtualizer, classNameOption, selectedItems, renderOptionContent, cls, useIconInsteadOfCheckbox, highlightMatches, internalSearchQuery, searchInHeaderGroupItems, isModal }: TUseRenderVirtualizedListProps) => () => ReactNode;
 export {};

package/dist/components/MultiSelectSearch/hooks/useRenderVirtualizedList.js

@@ -1,14 +1,14 @@
 import { jsx as n, jsxs as $, Fragment as D } from "react/jsx-runtime";
-import { c } from "../../../index-DIxK0V-G.js";
+import { c as f } from "../../../index-DIxK0V-G.js";
 import { Icon as k } from "../../../icons/Icon.js";
 import { CheckboxMimir as b } from "../../CheckboxMimir/CheckboxMimir.js";
 import { EMultiSelectSearchSize as j } from "../constants.js";
-import { highlightReactNode as I } from "../utils.js";
-import { W as E, K } from "../../../combobox-fIVOzEhl.js";
-const W = (i, a, o, r, e) => /* @__PURE__ */ n(
+import { highlightReactNode as K } from "../utils.js";
+import { W as E, K as W } from "../../../combobox-fIVOzEhl.js";
+const w = (i, a, o, r, e) => /* @__PURE__ */ n(
   "div",
   {
-    className: c(
+    className: f(
       e.options,
       e[i],
       e["no-options"],
@@ -17,10 +17,10 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
     ),
     children: r
   }
-), w = (i, a, o, r, e) => /* @__PURE__ */ n(
+), F = (i, a, o, r, e) => /* @__PURE__ */ n(
   "div",
   {
-    className: c(
+    className: f(
       e.options,
       e[i],
       e["no-options"],
@@ -29,21 +29,21 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
     ),
     children: r
   }
-), F = (i, a, o, r, e, p) => /* @__PURE__ */ n(
+), H = (i, a, o, r, e, p) => /* @__PURE__ */ n(
   "div",
   {
-    className: c(p.options, p[i], p[a], {
+    className: f(p.options, p[i], p[a], {
       [p.visible]: o
     }),
     children: e(r)
   }
-), H = (i, a, o, r, e, p, d, N, v, t, m, f, x, g, l) => {
-  const u = new Set(N.map((s) => s.id));
+), T = (i, a, o, r, e, p, d, v, x, t, g, m, N, c, l) => {
+  const u = new Set(v.map((s) => s.id));
   return /* @__PURE__ */ n(
     "div",
     {
       ref: r,
-      className: c(
+      className: f(
         t.options,
         t[i],
         t[a],
@@ -76,9 +76,9 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
                   {
                     className: t["group-header"],
                     "data-testid": `group-header-${h.name}`,
-                    children: x && g && l ? I(
+                    children: N && c && l ? K(
                       h.name,
-                      g,
+                      c,
                       t["highlighted-text"]
                     ) : h.name
                   }
@@ -86,13 +86,13 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
                   E,
                   {
                     value: h,
-                    className: ({ focus: L }) => c(t.option, d, i && t[i], {
-                      [t["option-active"]]: L && !m
+                    className: ({ focus: L }) => f(t.option, d, i && t[i], {
+                      [t["option-active"]]: L && !g
                     }),
                     "data-testid": `option-${h.id}`,
                     children: /* @__PURE__ */ $(D, { children: [
-                      /* @__PURE__ */ n("div", { className: t["option-inner"], children: v(h) }),
-                      f ? S && /* @__PURE__ */ n(
+                      /* @__PURE__ */ n("div", { className: t["option-inner"], children: x(h) }),
+                      m ? S && /* @__PURE__ */ n(
                         k,
                         {
                           iconName: i === j.L ? "Done24px" : "Done16px",
@@ -117,35 +117,35 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
       )
     }
   );
-}, T = (i, a, o, r, e, p, d, N, v) => {
-  const t = new Set(e.map((m) => m.id));
+}, Y = (i, a, o, r, e, p, d, v, x, t) => {
+  const g = new Set(e.map((m) => m.id));
   return /* @__PURE__ */ n(
-    K,
+    W,
     {
-      className: c(d.options, d[i], d[a], {
+      className: f(d.options, d[i], d[a], {
         [d.visible]: o
       }),
-      modal: !1,
+      modal: t,
       static: !0,
       children: ({ option: m }) => {
-        const f = t.has(m.id);
+        const N = g.has(m.id);
         return /* @__PURE__ */ n(
           E,
           {
             value: m,
-            className: ({ focus: x }) => c(d.option, r, i && d[i], {
-              [d["option-active"]]: x && !N
+            className: ({ focus: c }) => f(d.option, r, i && d[i], {
+              [d["option-active"]]: c && !v
             }),
             "data-testid": `option-${m.id}`,
             children: /* @__PURE__ */ $(D, { children: [
               /* @__PURE__ */ n("div", { className: d["option-inner"], children: p(m) }),
-              v ? f && /* @__PURE__ */ n(
+              x ? N && /* @__PURE__ */ n(
                 k,
                 {
                   iconName: i === j.L ? "Done24px" : "Done16px",
                   className: d["selected-icon"]
                 }
-              ) : /* @__PURE__ */ n(b, { isInteractive: !1, checked: f })
+              ) : /* @__PURE__ */ n(b, { isInteractive: !1, checked: N })
             ] })
           },
           m.id
@@ -153,7 +153,7 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
       }
     }
   );
-}, Z = ({
+}, _ = ({
   items: i,
   filteredItems: a,
   size: o,
@@ -161,35 +161,36 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
   isVisible: e,
   noOptionsText: p,
   noMatchText: d,
-  enableNestedSelection: N,
-  renderNestedOptions: v,
+  enableNestedSelection: v,
+  renderNestedOptions: x,
   groupBy: t,
-  parentRef: m,
-  virtualItems: f,
-  virtualizer: x,
-  classNameOption: g,
+  parentRef: g,
+  virtualItems: m,
+  virtualizer: N,
+  classNameOption: c,
   selectedItems: l,
   renderOptionContent: u,
   cls: s,
   useIconInsteadOfCheckbox: h = !1,
   highlightMatches: S = !1,
   internalSearchQuery: L,
-  searchInHeaderGroupItems: G = !1
-}) => () => i.length ? a.length ? N ? F(
+  searchInHeaderGroupItems: G = !1,
+  isModal: I = !0
+}) => () => i.length ? a.length ? v ? H(
   o,
   r,
   e,
   a,
-  v,
+  x,
   s
-) : t ? H(
+) : t ? T(
   o,
   r,
   e,
-  m,
-  f,
-  x,
   g,
+  m,
+  N,
+  c,
   l,
   u,
   s,
@@ -198,23 +199,24 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
   S,
   L,
   G
-) : T(
+) : Y(
   o,
   r,
   e,
-  g,
+  c,
   l,
   u,
   s,
   t,
-  h
-) : w(
+  h,
+  I
+) : F(
   o,
   r,
   e,
   d,
   s
-) : W(
+) : w(
   o,
   r,
   e,
@@ -222,5 +224,5 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
   s
 );
 export {
-  Z as useRenderVirtualizedList
+  _ as useRenderVirtualizedList
 };

package/dist/components/SelectSearch/SelectSearch.d.ts

@@ -33,4 +33,5 @@ export declare const SelectSearch: import('react').ForwardRefExoticComponent<Pic
     borderRadius?: ESelectSearchBorderRadius | `${ESelectSearchBorderRadius}`;
     highlightMatches?: boolean;
     searchInHeaderGroupItems?: boolean;
+    isModal?: boolean;
 } & import('react').RefAttributes<HTMLElement>>;

package/dist/components/SelectSearch/SelectSearch.js

@@ -1,50 +1,50 @@
 import { jsx as r, jsxs as p, Fragment as D } from "react/jsx-runtime";
-import { u as Oe } from "../../index-D5H8gPPn.js";
+import { u as Ve } from "../../index-D5H8gPPn.js";
 import { c as s } from "../../index-DIxK0V-G.js";
-import { forwardRef as Ve, useRef as ie, useState as E, useMemo as T, useCallback as le, useEffect as ce } from "react";
-import { ESelectSearchSize as c, ELoadingIndicatorPlacement as w, ESelectSearchBorderRadius as ke } from "./constants.js";
-import { prepareGroupedItems as Ae, shouldShowMenuOnTop as Be, mapSizeToInputSize as de, getDropdownArrowIcon as Te, highlightReactNode as ue } from "./utils.js";
+import { forwardRef as ke, useRef as ie, useState as E, useMemo as T, useCallback as le, useEffect as ce } from "react";
+import { ESelectSearchSize as c, ELoadingIndicatorPlacement as w, ESelectSearchBorderRadius as Ae } from "./constants.js";
+import { prepareGroupedItems as Be, shouldShowMenuOnTop as Te, mapSizeToInputSize as de, getDropdownArrowIcon as Pe, highlightReactNode as ue } from "./utils.js";
 import { Icon as P } from "../../icons/Icon.js";
-import { Button as Pe } from "../Button/Button.js";
+import { Button as Ge } from "../Button/Button.js";
 import { I as pe } from "../../Input-DPnH8pKc.js";
-import { EInputVariant as Ge } from "../Input/constants.js";
+import { EInputVariant as qe } from "../Input/constants.js";
 import { Loader as he } from "../Loader/Loader.js";
-import { H as qe, U as me, G as _e, W as be, K as Re } from "../../combobox-fIVOzEhl.js";
-import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_options_11tdb_15", He = "_top_11tdb_26", $e = "_bottom_11tdb_32", Ke = "_disabled_11tdb_63", Ue = "_full_11tdb_100", We = "_button_11tdb_112", Qe = "_s_11tdb_59", Ye = "_m_11tdb_140", Je = "_l_11tdb_153", Xe = "_loader_11tdb_186", Ze = "_option_11tdb_15", et = "_clear_11tdb_225", e = {
-  container: je,
+import { H as Re, U as me, G as _e, W as be, K as je } from "../../combobox-fIVOzEhl.js";
+import '../../assets/SelectSearch.css';const Fe = "_container_11tdb_2", He = "_options_11tdb_15", $e = "_top_11tdb_26", Ke = "_bottom_11tdb_32", Ue = "_disabled_11tdb_63", We = "_full_11tdb_100", Qe = "_button_11tdb_112", Ye = "_s_11tdb_59", Je = "_m_11tdb_140", Xe = "_l_11tdb_153", Ze = "_loader_11tdb_186", et = "_option_11tdb_15", tt = "_clear_11tdb_225", e = {
+  container: Fe,
   "container-open": "_container-open_11tdb_11",
-  options: Fe,
-  top: He,
-  bottom: $e,
+  options: He,
+  top: $e,
+  bottom: Ke,
   "no-options": "_no-options_11tdb_38",
   "select-search": "_select-search_11tdb_59",
-  disabled: Ke,
+  disabled: Ue,
   "border-radius-left": "_border-radius-left_11tdb_69",
   "border-radius-right": "_border-radius-right_11tdb_81",
   "border-radius-none": "_border-radius-none_11tdb_93",
-  full: Ue,
+  full: We,
   "selected-icon": "_selected-icon_11tdb_104",
   "selector-icon-open": "_selector-icon-open_11tdb_108",
-  button: We,
+  button: Qe,
   "selector-icon": "_selector-icon_11tdb_108",
-  s: Qe,
-  m: Ye,
-  l: Je,
+  s: Ye,
+  m: Je,
+  l: Xe,
   "select-search-input": "_select-search-input_11tdb_166",
   "select-search-input-disabled": "_select-search-input-disabled_11tdb_169",
   "group-header": "_group-header_11tdb_176",
-  loader: Xe,
+  loader: Ze,
   "input-container": "_input-container_11tdb_191",
-  option: Ze,
+  option: et,
   "option-active": "_option-active_11tdb_205",
   "option-inner": "_option-inner_11tdb_208",
   "right-slot": "_right-slot_11tdb_215",
   "required-mark": "_required-mark_11tdb_220",
-  clear: et,
+  clear: tt,
   "icon-button": "_icon-button_11tdb_234",
   "highlighted-text": "_highlighted-text_11tdb_238",
   "highlighted-text-wrapper": "_highlighted-text-wrapper_11tdb_243"
-}, tt = Ve(
+}, ot = ke(
   (fe, ge) => {
     const {
       placeholder: G,
@@ -59,7 +59,7 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
       displayValue: y = "name",
       filterOnSearch: j = !0,
       onSearch: x,
-      variant: F = Ge.DefaultGray,
+      variant: F = qe.DefaultGray,
       menuPlacement: I = "bottom",
       disabled: u = !1,
       searchProps: H,
@@ -67,26 +67,27 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
       disableInput: f = !1,
       autocomplete: $ = "on",
       immediate: Se = !1,
-      noOptionsText: we = "Нет данных",
-      noMatchText: ye = "Ничего не найдено",
+      isModal: we = !0,
+      noOptionsText: ye = "Нет данных",
+      noMatchText: xe = "Ничего не найдено",
       loadOnOpen: V,
       loading: K,
       loadingIndicatorPlacement: C = w.Dropdown,
       groupBy: l,
       getGroupTitle: U = (t) => t,
-      optionLayout: xe = "name-bottom",
+      optionLayout: Ie = "name-bottom",
       autoPlacement: L = !1,
-      borderRadius: W = ke.All,
+      borderRadius: W = Ae.All,
       highlightMatches: Q = !1,
       searchInHeaderGroupItems: z = !1
     } = fe, k = (t) => {
       if (!t) return "";
       const o = t[y];
       return typeof o == "string" ? o : String(o || "");
-    }, Ie = (t) => {
+    }, Ce = (t) => {
       const o = t[y];
       return typeof o == "string" ? o : String(o || "");
-    }, A = k(d), Y = ie(null), J = ie(null), [g, v] = E(A), [h, N] = E(d), [Ce, X] = E(!1), [M, Z] = E(I), ee = K !== void 0 ? K : Ce, m = T(() => String(g || "").trim().toLowerCase(), [g]), S = T(() => {
+    }, A = k(d), Y = ie(null), J = ie(null), [g, v] = E(A), [h, N] = E(d), [Le, X] = E(!1), [M, Z] = E(I), ee = K !== void 0 ? K : Le, m = T(() => String(g || "").trim().toLowerCase(), [g]), S = T(() => {
       if (!j)
         return b;
       if (l && z) {
@@ -95,7 +96,7 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
           l && o[l] && String(o[l]).toLowerCase().includes(m) && t.add(o);
         }), Array.from(t);
       }
-      return m ? b.filter((t) => Ie(t).toLowerCase().includes(m)) : b;
+      return m ? b.filter((t) => Ce(t).toLowerCase().includes(m)) : b;
     }, [
       m,
       b,
@@ -103,11 +104,11 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
       y,
       l,
       z
-    ]), te = T(() => l ? Ae(
+    ]), te = T(() => l ? Be(
       S,
       l,
       U || ((t) => t)
-    ) : S, [S, l, U]), B = Oe({
+    ) : S, [S, l, U]), B = Ve({
       count: te.length,
       getScrollElement: () => Y.current,
       estimateSize: () => n === c.L ? 65 : 49,
@@ -117,7 +118,7 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
         Z(I);
         return;
       }
-      const t = Be(J, n);
+      const t = Te(J, n);
       Z(t ? "top" : I);
     }, [L, I, n]);
     ce(() => {
@@ -133,7 +134,7 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
         } finally {
           X(!1);
         }
-    }, Le = (t) => {
+    }, ze = (t) => {
       if (t) {
         const o = k(t);
         v(o), N(t), i == null || i(t);
@@ -146,7 +147,7 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
         v(o), x == null || x(o), h && o !== k(h) && N(null), !o && d && (i == null || i({ id: "", name: "" }));
       },
       [f, i, x, d, h, y]
-    ), ze = () => {
+    ), Me = () => {
       v(""), N(null), i == null || i({ id: "", name: "" });
     }, re = async (t) => {
       f && t.target.blur(), _(), V && await oe();
@@ -155,10 +156,10 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
       const t = !d || typeof d == "object" && !Object.keys(d).length;
       v(t ? "" : A), N(t ? null : d);
     }, [d, A]);
-    const Me = () => ee && (C === w.Dropdown || C === w.Both) ? /* @__PURE__ */ p("div", { className: e.loader, children: [
+    const De = () => ee && (C === w.Dropdown || C === w.Both) ? /* @__PURE__ */ p("div", { className: e.loader, children: [
       /* @__PURE__ */ r(he, { size: "s" }),
       "Загрузка..."
-    ] }) : we, De = (t) => {
+    ] }) : ye, Ee = (t) => {
       if (Ne)
         return {
           addonType: "react-node",
@@ -193,14 +194,14 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
         e["highlighted-text"]
       ));
       const a = t.bottom && /* @__PURE__ */ r("div", { children: t.bottom });
-      return xe === "bottom-name" ? /* @__PURE__ */ p(D, { children: [
+      return Ie === "bottom-name" ? /* @__PURE__ */ p(D, { children: [
         a,
         o
       ] }) : /* @__PURE__ */ p(D, { children: [
         o,
         a
       ] });
-    }, Ee = (t) => b.length ? S.length ? l ? /* @__PURE__ */ r(
+    }, Oe = (t) => b.length ? S.length ? l ? /* @__PURE__ */ r(
       "div",
       {
         ref: Y,
@@ -289,8 +290,9 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
         )
       }
     ) : /* @__PURE__ */ r(
-      Re,
+      je,
       {
+        modal: we,
         className: s(
           e.options,
           e[n],
@@ -344,7 +346,7 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
           e[M]
         ),
         "data-headlessui-state": t ? "open" : "closed",
-        children: ye
+        children: xe
       }
     ) : /* @__PURE__ */ r(
       "div",
@@ -356,11 +358,11 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
           e[M]
         ),
         "data-headlessui-state": t ? "open" : "closed",
-        children: Me()
+        children: De()
       }
     );
     return /* @__PURE__ */ r(
-      qe,
+      Re,
       {
         as: "div",
         value: h,
@@ -368,7 +370,7 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
           [e.full]: ve,
           [e.disabled]: u
         }),
-        onChange: Le,
+        onChange: ze,
         ref: ge,
         disabled: u,
         virtual: l ? void 0 : { options: S },
@@ -408,7 +410,7 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
                           onFocus: re,
                           rightAddon: {
                             addonType: "icon",
-                            addonContent: Te(t, n)
+                            addonContent: Pe(t, n)
                           },
                           autocomplete: $,
                           borderRadius: W,
@@ -418,7 +420,7 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
                     }
                   ),
                   O && g && /* @__PURE__ */ r(
-                    Pe,
+                    Ge,
                     {
                       tabIndex: -1,
                       className: s(e.clear, {
@@ -432,7 +434,7 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
                       disabled: u,
                       variant: "secondary-gray",
                       onClick: (o) => {
-                        o.stopPropagation(), ze();
+                        o.stopPropagation(), Me();
                       },
                       "data-testid": "clear-button"
                     }
@@ -452,7 +454,7 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
                     variant: F,
                     withClearButton: O && !!g,
                     onChange: ne,
-                    rightAddon: De(t),
+                    rightAddon: Ee(t),
                     "data-testid": "select-search-input",
                     onFocus: re,
                     autocomplete: $,
@@ -463,13 +465,13 @@ import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_o
               ]
             }
           ),
-          t && Ee(t)
+          t && Oe(t)
         ] })
       }
     );
   }
 );
-tt.displayName = "SelectSearch";
+ot.displayName = "SelectSearch";
 export {
-  tt as SelectSearch
+  ot as SelectSearch
 };

package/dist/components/SelectSearch/types.d.ts

@@ -114,4 +114,8 @@ export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'
      * @default false
      */
     searchInHeaderGroupItems?: boolean;
+    /**
+     * Если `false`, разрешает прокрутку страницы и клики по внешним элементам при открытом списке, иначе блокирует скролл.
+     */
+    isModal?: boolean;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.61.0",
+  "version": "1.62.0",
   "type": "module",
   "exports": {
     ".": {