mimir-ui-kit 1.36.8 → 1.36.9

package/dist/components/SelectSearch/SelectSearch.js

@@ -1,102 +1,104 @@
-import { jsx as n, jsxs as u, Fragment as y } from "react/jsx-runtime";
+import { jsx as s, jsxs as _, Fragment as z } from "react/jsx-runtime";
 import { c as i } from "../../index-DIxK0V-G.js";
-import { forwardRef as H, useState as z, useMemo as K, useCallback as U, useEffect as W } from "react";
+import { forwardRef as K, useState as D, useMemo as U, useCallback as R, useEffect as $ } from "react";
 import { ESelectSearchSize as v } from "./constants.js";
-import { mapSizeToInputSize as D, getDropdownArrowIcon as R } from "./utils.js";
+import { mapSizeToInputSize as j, getDropdownArrowIcon as J } from "./utils.js";
 import { Icon as q } from "../../icons/Icon.js";
-import { Button as $ } from "../Button/Button.js";
-import { I as A } from "../../Input-WnjLXNpw.js";
-import { EInputVariant as J } from "../Input/constants.js";
-import { H as Q, U as B, G as M, K as X, W as Y } from "../../combobox-CDU06zJj.js";
-import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_container_rphak_9", te = "_full_rphak_22", oe = "_button_rphak_34", ae = "_options_rphak_48", ne = "_top_rphak_59", se = "_bottom_rphak_64", re = "_m_rphak_91", ie = "_l_rphak_106", le = "_option_rphak_48", ce = "_clear_rphak_160", e = {
+import { Button as Q } from "../Button/Button.js";
+import { I as A } from "../../Input-CbgqYgLo.js";
+import { EInputVariant as W } from "../Input/constants.js";
+import { H as X, U as O, G as B, K as Y, j as Z } from "../../combobox-BpYucpxz.js";
+import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_container_rphak_9", oe = "_full_rphak_22", ae = "_button_rphak_34", ne = "_options_rphak_48", se = "_top_rphak_59", re = "_bottom_rphak_64", ie = "_m_rphak_91", le = "_l_rphak_106", ce = "_option_rphak_48", pe = "_clear_rphak_160", e = {
   "select-search": "_select-search_rphak_2",
-  disabled: Z,
-  container: ee,
+  disabled: ee,
+  container: te,
   "container-open": "_container-open_rphak_18",
-  full: te,
+  full: oe,
   "selected-icon": "_selected-icon_rphak_26",
   "selector-icon-open": "_selector-icon-open_rphak_30",
-  button: oe,
+  button: ae,
   "selector-icon": "_selector-icon_rphak_30",
-  options: ae,
-  top: ne,
-  bottom: se,
+  options: ne,
+  top: se,
+  bottom: re,
   "no-options": "_no-options_rphak_85",
-  m: re,
-  l: ie,
+  m: ie,
+  l: le,
   "select-input": "_select-input_rphak_121",
   "select-input-disabled": "_select-input-disabled_rphak_124",
-  option: le,
+  option: ce,
   "option-active": "_option-active_rphak_140",
   "option-inner": "_option-inner_rphak_143",
   "right-slot": "_right-slot_rphak_150",
   "required-mark": "_required-mark_rphak_155",
-  clear: ce,
+  clear: pe,
   "icon-button": "_icon-button_rphak_169"
-}, ve = H(
-  (O, L) => {
+}, ge = K(
+  (M, E) => {
     const {
       placeholder: g,
-      size: s = v.L,
-      value: r,
-      onChange: o,
-      full: E,
-      showArrow: F = !0,
+      size: r = v.L,
+      value: a,
+      onChange: n,
+      full: L,
+      showArrow: V = !0,
       items: d = [],
-      classNameOption: G,
-      displayValue: P = "name",
+      classNameOption: F,
+      displayValue: G = "name",
       filterOnSearch: w = !0,
       onSearch: m,
-      variant: C = J.DefaultGray,
-      menuPlacement: h = "bottom",
+      variant: C = W.DefaultGray,
+      menuPlacement: b = "bottom",
       disabled: l = !1,
       searchProps: I,
       withClearButton: f = !1,
-      disableInput: c = !1
-    } = O, k = String((r == null ? void 0 : r[P]) || ""), [p, _] = z(k), [b, N] = z(r), S = K(() => !w || r && (r.id || r.name) ? d : p.trim().toLowerCase() ? d.filter(
-      (a) => a.name.toLowerCase().includes(p.toLowerCase())
-    ) : d, [p, d, r, w]), T = (a) => {
-      a ? (_(a.name), N(a), o == null || o(a)) : (_(""), N(null), o == null || o({ id: "", name: "" }));
-    }, x = U(
-      (a) => {
+      disableInput: c = !1,
+      autocomplete: S = "on"
+    } = M, k = String((a == null ? void 0 : a[G]) || ""), [p, u] = D(k), [N, h] = D(a), y = U(() => !w || a && (a.id || a.name) ? d : p.trim().toLowerCase() ? d.filter(
+      (o) => o.name.toLowerCase().includes(p.toLowerCase())
+    ) : d, [p, d, a, w]), P = (o) => {
+      o ? (u(o.name), h(o), n == null || n(o)) : (u(""), h(null), n == null || n({ id: "", name: "" }));
+    }, x = R(
+      (o) => {
         if (c) return;
-        const t = a.target.value;
-        _(t), m == null || m(t), !t && r && (o == null || o({ id: "", name: "" }));
+        const t = o.target.value;
+        u(t), m == null || m(t), !t && a && (n == null || n({ id: "", name: "" }));
       },
-      [c, o, m, r]
-    ), V = () => {
-      _(""), N(null), o == null || o({ id: "", name: "" });
+      [c, n, m, a]
+    ), T = () => {
+      u(""), h(null), n == null || n({ id: "", name: "" });
     };
-    return W(() => {
-      _(k);
-    }, [k]), /* @__PURE__ */ n(
-      Q,
+    return $(() => {
+      const o = !a || typeof a == "object" && !Object.keys(a).length;
+      u(o ? "" : k), h(o ? null : a);
+    }, [a, k]), /* @__PURE__ */ s(
+      X,
       {
         as: "div",
-        value: b,
+        value: N,
         className: i(e["select-search"], {
-          [e.full]: E,
+          [e.full]: L,
           [e.disabled]: l
         }),
-        onChange: T,
-        ref: L,
+        onChange: P,
+        ref: E,
         disabled: l,
-        virtual: { options: S },
-        children: ({ open: a }) => /* @__PURE__ */ u(y, { children: [
-          /* @__PURE__ */ u(
+        virtual: { options: y },
+        children: ({ open: o }) => /* @__PURE__ */ _(z, { children: [
+          /* @__PURE__ */ _(
             "div",
             {
-              className: i(e.container, e[s], {
-                [e["container-open"]]: a
+              className: i(e.container, e[r], {
+                [e["container-open"]]: o
               }),
               children: [
-                c && /* @__PURE__ */ u("div", { style: { position: "relative", width: "100%" }, children: [
-                  /* @__PURE__ */ n(B, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ n(
-                    M,
+                c && /* @__PURE__ */ _("div", { style: { position: "relative", width: "100%" }, children: [
+                  /* @__PURE__ */ s(O, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ s(
+                    B,
                     {
                       as: A,
                       label: g,
-                      size: D(s),
+                      size: j(r),
                       className: i(e["select-input"], {
                         [e["select-input-disabled"]]: c && f
                       }),
@@ -112,13 +114,14 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
                       },
                       rightAddon: {
                         addonType: "icon",
-                        addonContent: R(a, s)
+                        addonContent: J(o, r)
                       },
+                      autocomplete: S,
                       ...I
                     }
                   ) }),
-                  f && p && /* @__PURE__ */ n(
-                    $,
+                  f && p && /* @__PURE__ */ s(
+                    Q,
                     {
                       tabIndex: -1,
                       className: i(e.clear, {
@@ -132,18 +135,18 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
                       disabled: l,
                       variant: "secondary-gray",
                       onClick: (t) => {
-                        t.stopPropagation(), V();
+                        t.stopPropagation(), T();
                       },
                       "data-testid": "clear-button"
                     }
                   )
                 ] }),
-                !c && /* @__PURE__ */ n(
-                  M,
+                !c && /* @__PURE__ */ s(
+                  B,
                   {
                     as: A,
                     label: g,
-                    size: D(s),
+                    size: j(r),
                     className: e["select-input"],
                     onChange: x,
                     value: p,
@@ -155,19 +158,19 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
                     "data-testid": "select-search-input",
                     rightAddon: {
                       addonType: "react-node",
-                      addonContent: F && /* @__PURE__ */ n(
-                        B,
+                      addonContent: V && /* @__PURE__ */ s(
+                        O,
                         {
                           className: i(e.button, {
                             [e.disabled]: l
                           }),
                           disabled: l,
-                          children: /* @__PURE__ */ n(
+                          children: /* @__PURE__ */ s(
                             q,
                             {
-                              iconName: s == v.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
+                              iconName: r == v.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
                               className: i(e["selector-icon"], {
-                                [e["selector-icon-open"]]: a
+                                [e["selector-icon-open"]]: o
                               })
                             }
                           )
@@ -177,43 +180,44 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
                     onFocus: (t) => {
                       c && t.target.blur();
                     },
+                    autocomplete: S,
                     ...I
                   }
                 )
               ]
             }
           ),
-          a && /* @__PURE__ */ n(y, { children: d.length ? S.length ? /* @__PURE__ */ n(
-            X,
+          o && /* @__PURE__ */ s(z, { children: d.length ? y.length ? /* @__PURE__ */ s(
+            Y,
             {
               "data-testid": "select-search-options",
               className: i(
                 e.options,
-                e[s],
-                e[h]
+                e[r],
+                e[b]
               ),
-              children: ({ option: t }) => /* @__PURE__ */ u(
-                Y,
+              children: ({ option: t }) => /* @__PURE__ */ _(
+                Z,
                 {
                   value: t,
-                  className: ({ focus: j }) => i(
+                  className: ({ focus: H }) => i(
                     e.option,
-                    G,
-                    s && e[s],
+                    F,
+                    r && e[r],
                     {
-                      [e["option-active"]]: j
+                      [e["option-active"]]: H
                     }
                   ),
                   "data-testid": `select-search-option-${t.id}`,
                   children: [
-                    /* @__PURE__ */ u("div", { className: e["option-inner"], children: [
+                    /* @__PURE__ */ _("div", { className: e["option-inner"], children: [
                       t.name,
-                      t.bottom && /* @__PURE__ */ n("div", { children: t.bottom })
+                      t.bottom && /* @__PURE__ */ s("div", { children: t.bottom })
                     ] }),
-                    b && b.id === t.id && /* @__PURE__ */ n(
+                    N && N.id === t.id && /* @__PURE__ */ s(
                       q,
                       {
-                        iconName: s === v.M ? "Done16px" : "Done24px",
+                        iconName: r === v.M ? "Done16px" : "Done24px",
                         className: e["selected-icon"]
                       }
                     )
@@ -222,25 +226,25 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
                 t.id
               )
             }
-          ) : /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ s(
             "div",
             {
               className: i(
                 e.options,
-                e[s],
+                e[r],
                 e["no-options"],
-                e[h]
+                e[b]
               ),
               children: "Ничего не найдено"
             }
-          ) : /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ s(
             "div",
             {
               className: i(
                 e.options,
-                e[s],
+                e[r],
                 e["no-options"],
-                e[h]
+                e[b]
               ),
               children: "Нет данных"
             }
@@ -251,5 +255,5 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
   }
 );
 export {
-  ve as SelectSearch
+  ge as SelectSearch
 };

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

@@ -52,4 +52,6 @@ export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'
     searchProps?: Pick<TInputProps, 'numbersOnly' | 'maxLength' | 'required'>;
     /** Отключает инпут, но позволяет открывать меню*/
     disableInput?: boolean;
+    /** Управляет поведением автозаполнения браузера */
+    autocomplete?: 'on' | 'off';
 };

package/dist/components/SelectSearch/utils.js

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

package/dist/components/Switcher/Switcher.js

@@ -1,9 +1,9 @@
 import { jsxs as L, jsx as N } from "react/jsx-runtime";
-import { H as te } from "../../field-FJ34aSs4.js";
-import { K as I, w as re, z as se, U as ae, u as ce, a as le, b as oe, T as ie, I as ne, G as ue, j as he, p as me } from "../../label-y3ANLTNC.js";
-import { W as de, H as j, y as pe, p as fe, o as $, $ as be, b as we, D as _e, c as H } from "../../keyboard-B0lm_zyn.js";
+import { H as te } from "../../field-C1kt7aNM.js";
+import { K as I, w as re, z as se, U as ae, u as ce, a as le, b as oe, T as ie, I as ne, G as ue, j as he, p as me } from "../../label-D4GFpe5F.js";
+import { W as de, H as j, y as pe, p as fe, o as $, $ as be, b as we, D as _e, c as H } from "../../keyboard-mgWkd2Vh.js";
 import u, { createContext as $e, useState as x, useMemo as G, useId as ge, useContext as ve, useRef as ke, useCallback as xe, Fragment as ye, forwardRef as Pe } from "react";
-import { w as Ce } from "../../use-active-press-86hajhdd.js";
+import { w as Ce } from "../../use-active-press-CqLGIFz7.js";
 import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
 import { r as Fe } from "../../bugs-diTMAGNw.js";
 import { c as g } from "../../index-DIxK0V-G.js";

package/dist/components/TabTrail/TabTrail.js

@@ -5,11 +5,11 @@ import N, { useRef as U, useState as Q, createContext as oe, useReducer as ke, u
 import { ETabTrailSize as Ae } from "./constants.js";
 import { TabButtons as Se } from "./TabButtons/TabButtons.js";
 import { NotificationBadge as Fe } from "../NotificationBadge/NotificationBadge.js";
-import { n as W, M as se, W as q, s as H, y as z, o as E, H as V, $ as ce, b as De, D as de, a as B, u as Ne, c as h, t as Re } from "../../keyboard-B0lm_zyn.js";
-import { w as Me } from "../../use-active-press-86hajhdd.js";
+import { n as W, M as se, W as q, s as H, y as z, o as E, H as V, $ as ce, b as De, D as de, a as B, u as Ne, c as h, t as Re } from "../../keyboard-mgWkd2Vh.js";
+import { w as Me } from "../../use-active-press-CqLGIFz7.js";
 import { e as Ce } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { T as pe, s as Le } from "../../hidden-DbgtYPOH.js";
-import { _ as G, T as J, P as D, F as T } from "../../focus-management-XwV-9qkO.js";
+import { T as pe, s as Le } from "../../hidden-PvGXrYUY.js";
+import { _ as G, T as J, P as D, F as T } from "../../focus-management-DOYCPyGg.js";
 import '../../assets/TabTrail.css';function Oe() {
   let e = U(!1);
   return W(() => (e.current = !0, () => {

package/dist/components/TextArea/TextArea.js

@@ -5,7 +5,7 @@ import { useAutoResizeTextArea as Y } from "./hooks.js";
 import { useMergeRefs as Z } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { Icon as $ } from "../../icons/Icon.js";
 import { Button as ee } from "../Button/Button.js";
-import { c as e } from "../../Input-WnjLXNpw.js";
+import { c as e } from "../../Input-CbgqYgLo.js";
 import { EInputVariant as ae } from "../Input/constants.js";
 import '../../assets/TextArea.css';const te = "_textarea_1b24r_2", se = "_label_1b24r_22", re = "_s_1b24r_53", le = "_m_1b24r_60", oe = "_l_1b24r_22", a = {
   "textarea-wrapper": "_textarea-wrapper_1b24r_2",

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { Button as e } from "./Button/Button.js";
 import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as f, EButtonVariantRound as x } from "./Button/constants.js";
-import { I as S } from "../Input-WnjLXNpw.js";
+import { I as S } from "../Input-CbgqYgLo.js";
 import { EInputSize as u, EInputStatus as l, EInputVariant as s } from "./Input/constants.js";
 import { TextArea as c } from "./TextArea/TextArea.js";
 import { InputPassword as I } from "./InputPassword/InputPassword.js";

package/dist/{field-FJ34aSs4.js → field-C1kt7aNM.js}

@@ -1,6 +1,6 @@
 import l, { useId as u, useMemo as f } from "react";
-import { z as p, U as h, a as v, l as E, f as b, W as $ } from "./label-y3ANLTNC.js";
-import { W as H, H as W } from "./keyboard-B0lm_zyn.js";
+import { z as p, U as h, a as v, l as E, f as b, W as $ } from "./label-D4GFpe5F.js";
+import { W as H, H as W } from "./keyboard-mgWkd2Vh.js";
 let P = "div";
 function _(a, i) {
   let d = `headlessui-control-${u()}`, [o, n] = p(), [m, s] = h(), c = v(), { disabled: e = c || !1, ...t } = a, r = f(() => ({ disabled: e }), [e]);

package/dist/{focus-management-XwV-9qkO.js → focus-management-DOYCPyGg.js}

@@ -1,4 +1,4 @@
-import { u as N, a as v } from "./keyboard-B0lm_zyn.js";
+import { u as N, a as v } from "./keyboard-mgWkd2Vh.js";
 let m = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(","), F = ["[data-autofocus]"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
 var h = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e[e.AutoFocus = 64] = "AutoFocus", e))(h || {}), x = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(x || {}), A = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(A || {});
 function y(e = document.body) {

package/dist/{hidden-DbgtYPOH.js → hidden-PvGXrYUY.js}

@@ -1,4 +1,4 @@
-import { W as t, H as a } from "./keyboard-B0lm_zyn.js";
+import { W as t, H as a } from "./keyboard-mgWkd2Vh.js";
 let l = "span";
 var p = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(p || {});
 function s(e, n) {

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Button as e } from "./components/Button/Button.js";
 import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as m, EButtonVariantDefault as f, EButtonVariantOutline as i, EButtonVariantRound as x } from "./components/Button/constants.js";
-import { I as u } from "./Input-WnjLXNpw.js";
+import { I as u } from "./Input-CbgqYgLo.js";
 import { EInputSize as S, EInputStatus as E, EInputVariant as l } from "./components/Input/constants.js";
 import { TextArea as c } from "./components/TextArea/TextArea.js";
 import { InputPassword as I } from "./components/InputPassword/InputPassword.js";