mimir-ui-kit 1.37.11 → 1.37.12

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

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

package/dist/components/SelectSearch/SelectSearch.js

@@ -1,39 +1,39 @@
-import { jsx as s, jsxs as _, Fragment as z } from "react/jsx-runtime";
+import { jsx as s, jsxs as u, Fragment as z } from "react/jsx-runtime";
 import { c as i } from "../../index-DIxK0V-G.js";
-import { forwardRef as K, useState as D, useMemo as U, useCallback as R, useEffect as $ } from "react";
+import { forwardRef as U, useState as D, useMemo as R, useCallback as $, useEffect as J } from "react";
 import { ESelectSearchSize as v } from "./constants.js";
-import { mapSizeToInputSize as j, getDropdownArrowIcon as J } from "./utils.js";
+import { mapSizeToInputSize as j, getDropdownArrowIcon as Q } from "./utils.js";
 import { Icon as q } from "../../icons/Icon.js";
-import { Button as Q } from "../Button/Button.js";
+import { Button as W } from "../Button/Button.js";
 import { I as A } from "../../Input-BYrIS5GU.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 = {
+import { EInputVariant as X } from "../Input/constants.js";
+import { H as Y, U as O, G as B, K as Z, j as ee } from "../../combobox-BpYucpxz.js";
+import '../../assets/SelectSearch.css';const te = "_disabled_rphak_5", oe = "_container_rphak_9", ae = "_full_rphak_22", ne = "_button_rphak_34", se = "_options_rphak_48", re = "_top_rphak_59", ie = "_bottom_rphak_64", le = "_m_rphak_91", ce = "_l_rphak_106", pe = "_option_rphak_48", de = "_clear_rphak_160", e = {
   "select-search": "_select-search_rphak_2",
-  disabled: ee,
-  container: te,
+  disabled: te,
+  container: oe,
   "container-open": "_container-open_rphak_18",
-  full: oe,
+  full: ae,
   "selected-icon": "_selected-icon_rphak_26",
   "selector-icon-open": "_selector-icon-open_rphak_30",
-  button: ae,
+  button: ne,
   "selector-icon": "_selector-icon_rphak_30",
-  options: ne,
-  top: se,
-  bottom: re,
+  options: se,
+  top: re,
+  bottom: ie,
   "no-options": "_no-options_rphak_85",
-  m: ie,
-  l: le,
+  m: le,
+  l: ce,
   "select-input": "_select-input_rphak_121",
   "select-input-disabled": "_select-input-disabled_rphak_124",
-  option: ce,
+  option: pe,
   "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: pe,
+  clear: de,
   "icon-button": "_icon-button_rphak_169"
-}, ge = K(
+}, we = U(
   (M, E) => {
     const {
       placeholder: g,
@@ -46,33 +46,34 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
       classNameOption: F,
       displayValue: G = "name",
       filterOnSearch: w = !0,
-      onSearch: m,
-      variant: C = W.DefaultGray,
-      menuPlacement: b = "bottom",
+      onSearch: _,
+      variant: C = X.DefaultGray,
+      menuPlacement: f = "bottom",
       disabled: l = !1,
       searchProps: I,
-      withClearButton: f = !1,
+      withClearButton: b = !1,
       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(
+      autocomplete: S = "on",
+      immediate: P = !1
+    } = M, k = String((a == null ? void 0 : a[G]) || ""), [p, m] = D(k), [N, h] = D(a), y = R(() => !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(
+    ) : d, [p, d, a, w]), T = (o) => {
+      o ? (m(o.name), h(o), n == null || n(o)) : (m(""), h(null), n == null || n({ id: "", name: "" }));
+    }, x = $(
       (o) => {
         if (c) return;
         const t = o.target.value;
-        u(t), m == null || m(t), !t && a && (n == null || n({ id: "", name: "" }));
+        m(t), _ == null || _(t), !t && a && (n == null || n({ id: "", name: "" }));
       },
-      [c, n, m, a]
-    ), T = () => {
-      u(""), h(null), n == null || n({ id: "", name: "" });
+      [c, n, _, a]
+    ), H = () => {
+      m(""), h(null), n == null || n({ id: "", name: "" });
     };
-    return $(() => {
+    return J(() => {
       const o = !a || typeof a == "object" && !Object.keys(a).length;
-      u(o ? "" : k), h(o ? null : a);
+      m(o ? "" : k), h(o ? null : a);
     }, [a, k]), /* @__PURE__ */ s(
-      X,
+      Y,
       {
         as: "div",
         value: N,
@@ -80,19 +81,20 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
           [e.full]: L,
           [e.disabled]: l
         }),
-        onChange: P,
+        onChange: T,
         ref: E,
         disabled: l,
         virtual: { options: y },
-        children: ({ open: o }) => /* @__PURE__ */ _(z, { children: [
-          /* @__PURE__ */ _(
+        immediate: P,
+        children: ({ open: o }) => /* @__PURE__ */ u(z, { children: [
+          /* @__PURE__ */ u(
             "div",
             {
               className: i(e.container, e[r], {
                 [e["container-open"]]: o
               }),
               children: [
-                c && /* @__PURE__ */ _("div", { style: { position: "relative", width: "100%" }, children: [
+                c && /* @__PURE__ */ u("div", { style: { position: "relative", width: "100%" }, children: [
                   /* @__PURE__ */ s(O, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ s(
                     B,
                     {
@@ -100,7 +102,7 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
                       label: g,
                       size: j(r),
                       className: i(e["select-input"], {
-                        [e["select-input-disabled"]]: c && f
+                        [e["select-input-disabled"]]: c && b
                       }),
                       onChange: x,
                       value: p,
@@ -114,14 +116,14 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
                       },
                       rightAddon: {
                         addonType: "icon",
-                        addonContent: J(o, r)
+                        addonContent: Q(o, r)
                       },
                       autocomplete: S,
                       ...I
                     }
                   ) }),
-                  f && p && /* @__PURE__ */ s(
-                    Q,
+                  b && p && /* @__PURE__ */ s(
+                    W,
                     {
                       tabIndex: -1,
                       className: i(e.clear, {
@@ -135,7 +137,7 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
                       disabled: l,
                       variant: "secondary-gray",
                       onClick: (t) => {
-                        t.stopPropagation(), T();
+                        t.stopPropagation(), H();
                       },
                       "data-testid": "clear-button"
                     }
@@ -152,7 +154,7 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
                     value: p,
                     disabled: l,
                     variant: C,
-                    withClearButton: f,
+                    withClearButton: b,
                     rightSlotClassName: e["right-slot"],
                     requiredMarkClassName: e["required-mark"],
                     "data-testid": "select-search-input",
@@ -188,29 +190,29 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
             }
           ),
           o && /* @__PURE__ */ s(z, { children: d.length ? y.length ? /* @__PURE__ */ s(
-            Y,
+            Z,
             {
               "data-testid": "select-search-options",
               className: i(
                 e.options,
                 e[r],
-                e[b]
+                e[f]
               ),
-              children: ({ option: t }) => /* @__PURE__ */ _(
-                Z,
+              children: ({ option: t }) => /* @__PURE__ */ u(
+                ee,
                 {
                   value: t,
-                  className: ({ focus: H }) => i(
+                  className: ({ focus: K }) => i(
                     e.option,
                     F,
                     r && e[r],
                     {
-                      [e["option-active"]]: H
+                      [e["option-active"]]: K
                     }
                   ),
                   "data-testid": `select-search-option-${t.id}`,
                   children: [
-                    /* @__PURE__ */ _("div", { className: e["option-inner"], children: [
+                    /* @__PURE__ */ u("div", { className: e["option-inner"], children: [
                       t.name,
                       t.bottom && /* @__PURE__ */ s("div", { children: t.bottom })
                     ] }),
@@ -233,7 +235,7 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
                 e.options,
                 e[r],
                 e["no-options"],
-                e[b]
+                e[f]
               ),
               children: "Ничего не найдено"
             }
@@ -244,7 +246,7 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
                 e.options,
                 e[r],
                 e["no-options"],
-                e[b]
+                e[f]
               ),
               children: "Нет данных"
             }
@@ -255,5 +257,5 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
   }
 );
 export {
-  ge as SelectSearch
+  we as SelectSearch
 };

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

@@ -54,4 +54,6 @@ export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'
     disableInput?: boolean;
     /** Управляет поведением автозаполнения браузера */
     autocomplete?: 'on' | 'off';
+    /** Показывать список при фокусе или нет */
+    immediate?: boolean;
 };

package/package.json

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