mimir-ui-kit 1.36.8 → 1.36.10

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -1,138 +1,139 @@
-import { jsxs as g, jsx as o, Fragment as V } from "react/jsx-runtime";
+import { jsxs as g, jsx as n, Fragment as B } from "react/jsx-runtime";
 import { c as l } from "../../index-DIxK0V-G.js";
-import { forwardRef as se, useRef as B, useState as S, useEffect as R, useMemo as ie } from "react";
+import { forwardRef as ie, useRef as R, useState as S, useEffect as j, useMemo as le } from "react";
 import { EMultiSelectSearchSize as M } from "./constants.js";
-import { getInitialInputValue as E, mapSizeToInputSize as F, getDropdownArrowIcon as le, joinSelectedItems as P } from "./utils.js";
-import { Icon as re } from "../../icons/Icon.js";
-import { Button as ce } from "../Button/Button.js";
-import { CheckboxMimir as ae } from "../CheckboxMimir/CheckboxMimir.js";
-import { Chip as ue } from "../Chip/Chip.js";
-import { I as j } from "../../Input-WnjLXNpw.js";
-import { EInputVariant as de } from "../Input/constants.js";
-import { H as pe, U as G, G as W, K as me, W as _e } from "../../combobox-CDU06zJj.js";
-import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe = "_container_17kql_9", ke = "_full_17kql_27", qe = "_button_17kql_39", ge = "_options_17kql_53", be = "_top_17kql_64", ve = "_bottom_17kql_69", Ne = "_m_17kql_2", Ie = "_l_17kql_111", we = "_focused_17kql_129", Ce = "_option_17kql_53", Se = "_chip_17kql_158", Me = "_clear_17kql_183", e = {
+import { getInitialInputValue as E, mapSizeToInputSize as F, getDropdownArrowIcon as re, joinSelectedItems as P } from "./utils.js";
+import { Icon as ce } from "../../icons/Icon.js";
+import { Button as ae } from "../Button/Button.js";
+import { CheckboxMimir as ue } from "../CheckboxMimir/CheckboxMimir.js";
+import { Chip as de } from "../Chip/Chip.js";
+import { I as G } from "../../Input-CbgqYgLo.js";
+import { EInputVariant as pe } from "../Input/constants.js";
+import { H as me, U as H, G as J, K as _e, j as he } from "../../combobox-BpYucpxz.js";
+import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke = "_container_17kql_9", qe = "_full_17kql_27", ge = "_button_17kql_39", be = "_options_17kql_53", ve = "_top_17kql_64", Ne = "_bottom_17kql_69", Ie = "_m_17kql_2", we = "_l_17kql_111", Ce = "_focused_17kql_129", Se = "_option_17kql_53", Me = "_chip_17kql_158", xe = "_clear_17kql_183", e = {
   "multi-select-search": "_multi-select-search_17kql_2",
-  disabled: he,
-  container: fe,
+  disabled: fe,
+  container: ke,
   "container-open": "_container-open_17kql_18",
   "input-container": "_input-container_17kql_22",
-  full: ke,
+  full: qe,
   "selected-icon": "_selected-icon_17kql_31",
   "selector-icon-open": "_selector-icon-open_17kql_35",
-  button: qe,
+  button: ge,
   "selector-icon": "_selector-icon_17kql_35",
-  options: ge,
-  top: be,
-  bottom: ve,
+  options: be,
+  top: ve,
+  bottom: Ne,
   "no-options": "_no-options_17kql_90",
-  m: Ne,
-  l: Ie,
+  m: Ie,
+  l: we,
   "multi-select-input-disabled": "_multi-select-input-disabled_17kql_126",
   "multi-select-input": "_multi-select-input_17kql_126",
-  focused: we,
-  option: Ce,
+  focused: Ce,
+  option: Se,
   "option-active": "_option-active_17kql_148",
   "option-inner": "_option-inner_17kql_151",
-  chip: Se,
+  chip: Me,
   "chip-container": "_chip-container_17kql_163",
   "chip-root": "_chip-root_17kql_169",
   "right-slot": "_right-slot_17kql_173",
   "required-mark": "_required-mark_17kql_178",
-  clear: Me,
+  clear: xe,
   "icon-button": "_icon-button_17kql_192"
-}, Fe = se(
-  (H, J) => {
+}, Fe = ie(
+  (K, U) => {
     const {
       placeholder: x,
       size: i = M.L,
       value: a,
       onChange: s,
-      full: K,
-      showArrow: U = !0,
+      full: W,
+      showArrow: Q = !0,
       items: m = [],
-      classNameOption: Q,
+      classNameOption: X,
       displayValue: d = "name",
       filterOnSearch: y = !0,
       onSearch: v,
-      variant: D = de.DefaultGray,
+      variant: D = pe.DefaultGray,
       menuPlacement: N = "bottom",
       disabled: r = !1,
       searchProps: z,
       withClearButton: I = !1,
-      withChip: X = !1,
-      chipVariant: Y = "sapphire",
-      disableInput: _ = !1
-    } = H, w = B(null), p = B(null), [b, h] = S(!1), [f, k] = S(
+      withChip: Y = !1,
+      chipVariant: Z = "sapphire",
+      disableInput: _ = !1,
+      autocomplete: O = "on"
+    } = K, w = R(null), p = R(null), [b, h] = S(!1), [f, k] = S(
       () => E(a, d)
     ), [u, q] = S(
       a || []
     );
-    R(() => {
+    j(() => {
       a && (q(a), JSON.stringify(a) !== JSON.stringify(u) && k(E(a, d)));
     }, [a, d, u]);
-    const O = ie(() => {
-      var n;
+    const A = le(() => {
+      var o;
       if (!y) return m;
-      const t = ((n = f.split(",").pop()) == null ? void 0 : n.trim().toLowerCase()) ?? "";
+      const t = ((o = f.split(",").pop()) == null ? void 0 : o.trim().toLowerCase()) ?? "";
       return m.filter(
         (c) => c.name.toLowerCase().includes(t)
       );
-    }, [y, m, f]), Z = (t) => {
+    }, [y, m, f]), $ = (t) => {
       q(t), s == null || s(t);
-      const n = P(t, d);
-      k(n), h(!0), setTimeout(() => {
+      const o = P(t, d);
+      k(o), h(!0), setTimeout(() => {
         if (p.current) {
           p.current.focus(), p.current.scrollLeft = p.current.scrollWidth;
-          const c = n.length;
+          const c = o.length;
           p.current.setSelectionRange(c, c);
         }
       }, 0);
-    }, A = (t) => {
+    }, L = (t) => {
       if (_) return;
-      const n = t.target.value;
-      k(n), v == null || v(n);
-      const c = n.split(",").map((C) => C.trim()).filter(Boolean), T = m.filter(
+      const o = t.target.value;
+      k(o), v == null || v(o);
+      const c = o.split(",").map((C) => C.trim()).filter(Boolean), V = m.filter(
         (C) => c.includes(C[d])
       );
-      q(T), s == null || s(T), h(!0);
-    }, $ = (t) => {
-      const n = u.filter(
+      q(V), s == null || s(V), h(!0);
+    }, ee = (t) => {
+      const o = u.filter(
         (c) => c.id !== t.id
       );
-      q(n), s == null || s(n), k(P(n, d));
-    }, L = () => h((t) => !t), ee = (t) => {
+      q(o), s == null || s(o), k(P(o, d));
+    }, T = () => h((t) => !t), te = (t) => {
       t.preventDefault(), t.currentTarget.focus();
-      const n = t.currentTarget.value.length;
-      t.currentTarget.setSelectionRange(n, n);
-    }, te = () => {
+      const o = t.currentTarget.value.length;
+      t.currentTarget.setSelectionRange(o, o);
+    }, oe = () => {
       k(""), q([]), s == null || s([]);
     }, ne = (t) => {
-      t.stopPropagation(), te();
-    }, oe = (t) => {
+      t.stopPropagation(), oe();
+    }, se = (t) => {
       _ && t.target.blur();
     };
-    return R(() => {
-      const t = (n) => {
-        w.current && !w.current.contains(n.target) && !n.defaultPrevented && h(!1);
+    return j(() => {
+      const t = (o) => {
+        w.current && !w.current.contains(o.target) && !o.defaultPrevented && h(!1);
       };
       return document.addEventListener("mousedown", t), () => {
         document.removeEventListener("mousedown", t);
       };
     }, []), /* @__PURE__ */ g("div", { ref: w, children: [
-      /* @__PURE__ */ o(
-        pe,
+      /* @__PURE__ */ n(
+        me,
         {
           multiple: !0,
           as: "div",
           value: u,
           className: l(e["multi-select-search"], {
-            [e.full]: K,
+            [e.full]: W,
             [e.disabled]: r
           }),
-          onChange: Z,
-          ref: J,
+          onChange: $,
+          ref: U,
           disabled: r,
-          virtual: { options: O },
+          virtual: { options: A },
           children: /* @__PURE__ */ g(
             "div",
             {
@@ -141,40 +142,41 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
               }),
               children: [
                 _ && /* @__PURE__ */ g("div", { className: e["input-container"], children: [
-                  /* @__PURE__ */ o(
-                    G,
+                  /* @__PURE__ */ n(
+                    H,
                     {
                       disabled: r,
                       style: { width: "100%" },
-                      onClick: L,
-                      children: /* @__PURE__ */ o(
-                        W,
+                      onClick: T,
+                      children: /* @__PURE__ */ n(
+                        J,
                         {
-                          as: j,
+                          as: G,
                           label: x,
                           size: F(i),
                           className: l(e["multi-select-input"], {
                             [e["multi-select-input-disabled"]]: _ && I
                           }),
-                          onChange: A,
+                          onChange: L,
                           value: f,
                           disabled: r,
                           variant: D,
                           rightSlotClassName: e["right-slot"],
                           requiredMarkClassName: e["required-mark"],
                           "data-testid": "select-search-input",
-                          onFocus: oe,
+                          onFocus: se,
                           rightAddon: {
                             addonType: "icon",
-                            addonContent: le(b, i)
+                            addonContent: re(b, i)
                           },
+                          autocomplete: O,
                           ...z
                         }
                       )
                     }
                   ),
-                  I && f && /* @__PURE__ */ o(
-                    ce,
+                  I && f && /* @__PURE__ */ n(
+                    ae,
                     {
                       tabIndex: -1,
                       className: l(e.clear, {
@@ -192,10 +194,10 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
                     }
                   )
                 ] }),
-                !_ && /* @__PURE__ */ o(
-                  W,
+                !_ && /* @__PURE__ */ n(
+                  J,
                   {
-                    as: j,
+                    as: G,
                     label: x,
                     size: F(i),
                     className: e["multi-select-input"],
@@ -206,21 +208,21 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
                     variant: D,
                     withClearButton: I,
                     onFocus: () => h(!0),
-                    onMouseDown: ee,
-                    onChange: A,
+                    onMouseDown: te,
+                    onChange: L,
                     ref: p,
                     rightAddon: {
                       addonType: "react-node",
-                      addonContent: U && /* @__PURE__ */ o(
-                        G,
+                      addonContent: Q && /* @__PURE__ */ n(
+                        H,
                         {
                           className: l(e.button, {
                             [e.disabled]: r
                           }),
                           disabled: r,
-                          onMouseDown: L,
-                          children: /* @__PURE__ */ o(
-                            re,
+                          onMouseDown: T,
+                          children: /* @__PURE__ */ n(
+                            ce,
                             {
                               iconName: i == M.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
                               className: l(e["selector-icon"], {
@@ -232,11 +234,12 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
                       )
                     },
                     "data-testid": "select-search-input",
+                    autocomplete: O,
                     ...z
                   }
                 ),
-                b && /* @__PURE__ */ o(V, { children: m.length ? O.length ? /* @__PURE__ */ o(
-                  me,
+                b && /* @__PURE__ */ n(B, { children: m.length ? A.length ? /* @__PURE__ */ n(
+                  _e,
                   {
                     className: l(
                       e.options,
@@ -245,29 +248,29 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
                     ),
                     modal: !1,
                     static: !0,
-                    children: ({ option: t }) => /* @__PURE__ */ o(
-                      _e,
+                    children: ({ option: t }) => /* @__PURE__ */ n(
+                      he,
                       {
                         value: t,
-                        className: ({ focus: n }) => l(
+                        className: ({ focus: o }) => l(
                           e.option,
-                          Q,
+                          X,
                           i && e[i],
                           {
-                            [e["option-active"]]: n
+                            [e["option-active"]]: o
                           }
                         ),
-                        children: /* @__PURE__ */ g(V, { children: [
+                        children: /* @__PURE__ */ g(B, { children: [
                           /* @__PURE__ */ g("div", { className: e["option-inner"], children: [
                             t.name,
-                            t.bottom && /* @__PURE__ */ o("div", { children: t.bottom })
+                            t.bottom && /* @__PURE__ */ n("div", { children: t.bottom })
                           ] }),
-                          /* @__PURE__ */ o(
-                            ae,
+                          /* @__PURE__ */ n(
+                            ue,
                             {
                               isInteractive: !1,
                               checked: u.some(
-                                (n) => n.id === t.id
+                                (o) => o.id === t.id
                               )
                             }
                           )
@@ -276,7 +279,7 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
                       t.id
                     )
                   }
-                ) : /* @__PURE__ */ o(
+                ) : /* @__PURE__ */ n(
                   "div",
                   {
                     className: l(
@@ -287,7 +290,7 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
                     ),
                     children: "Ничего не найдено"
                   }
-                ) : /* @__PURE__ */ o(
+                ) : /* @__PURE__ */ n(
                   "div",
                   {
                     className: l(
@@ -304,15 +307,15 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
           )
         }
       ),
-      X && u.length > 0 && /* @__PURE__ */ o("div", { className: e["chip-container"], children: u.map((t) => /* @__PURE__ */ o(
-        ue,
+      Y && u.length > 0 && /* @__PURE__ */ n("div", { className: e["chip-container"], children: u.map((t) => /* @__PURE__ */ n(
+        de,
         {
           size: i === M.L ? "s" : "xs",
-          variant: Y,
+          variant: Z,
           className: e["chip-root"],
           withAction: !0,
-          onClose: () => $(t),
-          children: /* @__PURE__ */ o("span", { className: e.chip, children: t.name })
+          onClose: () => ee(t),
+          children: /* @__PURE__ */ n("span", { className: e.chip, children: t.name })
         },
         t.id
       )) })

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

@@ -57,4 +57,6 @@ export type TMultiSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'var
     chipVariant?: EChipVariant | `${EChipVariant}`;
     /** Отключает инпут, но позволяет открывать меню*/
     disableInput?: boolean;
+    /** Управляет поведением автозаполнения браузера */
+    autocomplete?: 'on' | 'off';
 };

package/dist/components/MultiSelectSearch/utils.js

@@ -1,5 +1,5 @@
 import { EMultiSelectSearchSize as t } from "./constants.js";
-import "../../Input-WnjLXNpw.js";
+import "../../Input-CbgqYgLo.js";
 import { EInputSize as e } from "../Input/constants.js";
 const w = (r) => {
   switch (r) {

package/dist/components/OtpInput/OtpInput.js

@@ -3,7 +3,7 @@ import { c as u } from "../../index-DIxK0V-G.js";
 import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
 import { ITEMS_PER_SEPARATOR as q, DEFAULT_VALUE_LENGTH as v } from "./constants.js";
 import { useOTPInput as y } from "./hooks.js";
-import { I as A } from "../../Input-WnjLXNpw.js";
+import { I as A } from "../../Input-CbgqYgLo.js";
 import '../../assets/OtpInput.css';const C = "_otp_1shq3_3", F = "_input_1shq3_14", L = "_separator_1shq3_28", r = {
   otp: C,
   "input-wrapper": "_input-wrapper_1shq3_14",

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,10 +1,10 @@
 import { jsxs as ee, jsx as L, Fragment as _e } from "react/jsx-runtime";
-import { K as V, w as ye, a as oe, z as te, U as ie, b as ke, T as Oe, j as we, u as Pe, I as Ee, G as Te, p as De } from "../../label-y3ANLTNC.js";
-import { W, y as z, o as U, H as K, s as se, n as ne, $ as le, b as de, D as ue, a as Ce, u as Ge, c as N } from "../../keyboard-B0lm_zyn.js";
+import { K as V, w as ye, a as oe, z as te, U as ie, b as ke, T as Oe, j as we, u as Pe, I as Ee, G as Te, p as De } from "../../label-D4GFpe5F.js";
+import { W, y as z, o as U, H as K, s as se, n as ne, $ as le, b as de, D as ue, a as Ce, u as Ge, c as N } from "../../keyboard-mgWkd2Vh.js";
 import E, { createContext as ce, useId as q, useReducer as xe, useRef as B, useMemo as T, useCallback as Fe, useContext as pe, forwardRef as Ne } from "react";
 import { u as Ae } from "../../use-by-comparator-CVuf9KBq.js";
 import { r as fe } from "../../bugs-diTMAGNw.js";
-import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-XwV-9qkO.js";
+import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-DOYCPyGg.js";
 import { c as M } from "../../index-DIxK0V-G.js";
 import '../../assets/RadioGroup.css';var Se = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Se || {});
 let Le = { 0(e, r) {

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

@@ -17,4 +17,5 @@ export declare const SelectSearch: import('react').ForwardRefExoticComponent<Pic
     disabled?: boolean;
     searchProps?: Pick<import('../Input').TInputProps, "numbersOnly" | "maxLength" | "required">;
     disableInput?: boolean;
+    autocomplete?: "on" | "off";
 } & import('react').RefAttributes<HTMLElement>>;