mimir-ui-kit 1.39.3 → 1.40.0

package/dist/components/SelectSearch/SelectSearch.js

@@ -1,83 +1,84 @@
-import { jsx as s, jsxs as h, Fragment as D } from "react/jsx-runtime";
-import { c as l } from "../../index-DIxK0V-G.js";
+import { jsx as n, jsxs as h, Fragment as D } from "react/jsx-runtime";
+import { c as i } from "../../index-DIxK0V-G.js";
 import { forwardRef as U, useState as q, useMemo as W, useCallback as R, useEffect as $ } from "react";
-import { ESelectSearchSize as g } from "./constants.js";
+import { ESelectSearchSize as b } from "./constants.js";
 import { mapSizeToInputSize as A, getDropdownArrowIcon as J } from "./utils.js";
 import { Icon as O } from "../../icons/Icon.js";
 import { Button as Q } from "../Button/Button.js";
 import { I as B } from "../../Input-DAmc_HxO.js";
 import { EInputVariant as X } from "../Input/constants.js";
 import { H as Y, U as M, G as j, K as Z, W as ee } from "../../combobox-Dv6-ANkb.js";
-import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_container_1bph7_13", ne = "_full_1bph7_28", se = "_button_1bph7_40", ae = "_options_1bph7_54", ie = "_top_1bph7_65", le = "_bottom_1bph7_71", re = "_m_1bph7_98", ce = "_l_1bph7_113", de = "_option_1bph7_54", pe = "_clear_1bph7_167", e = {
-  "select-search": "_select-search_1bph7_2",
+import '../../assets/SelectSearch.css';const te = "_disabled_lhab4_6", oe = "_container_lhab4_13", ae = "_full_lhab4_26", se = "_button_lhab4_38", ne = "_options_lhab4_52", le = "_top_lhab4_63", ie = "_bottom_lhab4_69", re = "_s_lhab4_2", ce = "_m_lhab4_110", de = "_l_lhab4_123", pe = "_option_lhab4_52", ue = "_clear_lhab4_175", e = {
+  "select-search": "_select-search_lhab4_2",
   disabled: te,
   container: oe,
-  "container-open": "_container-open_1bph7_24",
-  full: ne,
-  "selected-icon": "_selected-icon_1bph7_32",
-  "selector-icon-open": "_selector-icon-open_1bph7_36",
+  "container-open": "_container-open_lhab4_22",
+  full: ae,
+  "selected-icon": "_selected-icon_lhab4_30",
+  "selector-icon-open": "_selector-icon-open_lhab4_34",
   button: se,
-  "selector-icon": "_selector-icon_1bph7_36",
-  options: ae,
-  top: ie,
-  bottom: le,
-  "no-options": "_no-options_1bph7_77",
-  m: re,
-  l: ce,
-  "select-input": "_select-input_1bph7_128",
-  "select-input-disabled": "_select-input-disabled_1bph7_131",
-  option: de,
-  "option-active": "_option-active_1bph7_147",
-  "option-inner": "_option-inner_1bph7_150",
-  "right-slot": "_right-slot_1bph7_157",
-  "required-mark": "_required-mark_1bph7_162",
-  clear: pe,
-  "icon-button": "_icon-button_1bph7_176"
+  "selector-icon": "_selector-icon_lhab4_34",
+  options: ne,
+  top: le,
+  bottom: ie,
+  "no-options": "_no-options_lhab4_75",
+  s: re,
+  m: ce,
+  l: de,
+  "select-input": "_select-input_lhab4_136",
+  "select-input-disabled": "_select-input-disabled_lhab4_139",
+  option: pe,
+  "option-active": "_option-active_lhab4_155",
+  "option-inner": "_option-inner_lhab4_158",
+  "right-slot": "_right-slot_lhab4_165",
+  "required-mark": "_required-mark_lhab4_170",
+  clear: ue,
+  "icon-button": "_icon-button_lhab4_184"
 }, Ce = U(
   (E, L) => {
     const {
       placeholder: w,
-      size: a = g.L,
-      value: i,
-      onChange: n,
+      size: a = b.L,
+      value: l,
+      onChange: s,
       full: V,
-      showArrow: C = !0,
+      showArrow: S = !0,
       items: u = [],
       classNameOption: F,
       displayValue: G = "name",
-      filterOnSearch: I = !0,
-      onSearch: b,
-      variant: S = X.DefaultGray,
-      menuPlacement: f = "bottom",
+      filterOnSearch: C = !0,
+      onSearch: f,
+      variant: I = X.DefaultGray,
+      menuPlacement: N = "bottom",
       disabled: r = !1,
       searchProps: y,
-      withClearButton: N = !1,
+      withClearButton: v = !1,
       disableInput: c = !1,
       autocomplete: k = "on",
       immediate: P = !1
-    } = E, v = String((i == null ? void 0 : i[G]) || ""), [d, m] = q(v), [p, _] = q(i), x = W(() => I && d.trim().toLowerCase() ? u.filter(
+    } = E, g = String((l == null ? void 0 : l[G]) || ""), [d, _] = q(g), [p, m] = q(l), x = W(() => C && d.trim().toLowerCase() ? u.filter(
       (t) => t.name.toLowerCase().includes(d.toLowerCase())
-    ) : u, [d, u, I]), T = (t) => {
-      t ? (m(t.name), _(t), n == null || n(t)) : (m(""), _(null), n == null || n({ id: "", name: "" }));
+    ) : u, [d, u, C]), T = (t) => {
+      t ? (_(t.name), m(t), s == null || s(t)) : (_(""), m(null), s == null || s({ id: "", name: "" }));
     }, z = R(
       (t) => {
         if (c) return;
         const o = t.target.value;
-        m(o), b == null || b(o), p && o !== p.name && _(null), !o && i && (n == null || n({ id: "", name: "" }));
+        _(o), f == null || f(o), p && o !== p.name && m(null), !o && l && (s == null || s({ id: "", name: "" }));
       },
-      [c, n, b, i, p]
+      [c, s, f, l, p]
     ), H = () => {
-      m(""), _(null), n == null || n({ id: "", name: "" });
+      _(""), m(null), s == null || s({ id: "", name: "" });
     };
     return $(() => {
-      const t = !i || typeof i == "object" && !Object.keys(i).length;
-      m(t ? "" : v), _(t ? null : i);
-    }, [i, v]), /* @__PURE__ */ s(
+      const t = !l || typeof l == "object" && !Object.keys(l).length;
+      _(t ? "" : g), m(t ? null : l);
+    }, [l, g]), /* @__PURE__ */ n(
       Y,
       {
         as: "div",
         value: p,
-        className: l(e["select-search"], {
+        className: i(e["select-search"], {
           [e.full]: V,
           [e.disabled]: r
         }),
@@ -90,24 +91,24 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_co
           /* @__PURE__ */ h(
             "div",
             {
-              className: l(e.container, e[a], {
+              className: i(e.container, e[a], {
                 [e["container-open"]]: t
               }),
               children: [
                 c && /* @__PURE__ */ h("div", { style: { position: "relative", width: "100%" }, children: [
-                  /* @__PURE__ */ s(M, { disabled: r, style: { width: "100%" }, children: /* @__PURE__ */ s(
+                  /* @__PURE__ */ n(M, { disabled: r, style: { width: "100%" }, children: /* @__PURE__ */ n(
                     j,
                     {
                       as: B,
                       label: w,
                       size: A(a),
-                      className: l(e["select-input"], {
-                        [e["select-input-disabled"]]: c && N
+                      className: i(e["select-input"], {
+                        [e["select-input-disabled"]]: c && v
                       }),
                       onChange: z,
                       value: d,
                       disabled: r,
-                      variant: S,
+                      variant: I,
                       rightSlotClassName: e["right-slot"],
                       requiredMarkClassName: e["required-mark"],
                       "data-testid": "select-search-input",
@@ -122,11 +123,11 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_co
                       ...y
                     }
                   ) }),
-                  N && d && /* @__PURE__ */ s(
+                  v && d && /* @__PURE__ */ n(
                     Q,
                     {
                       tabIndex: -1,
-                      className: l(e.clear, {
+                      className: i(e.clear, {
                         [e.disabled]: r
                       }),
                       iconButtonClassName: e["icon-button"],
@@ -143,7 +144,7 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_co
                     }
                   )
                 ] }),
-                !c && /* @__PURE__ */ s(
+                !c && /* @__PURE__ */ n(
                   j,
                   {
                     as: B,
@@ -153,25 +154,25 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_co
                     onChange: z,
                     value: d,
                     disabled: r,
-                    variant: S,
-                    withClearButton: N,
+                    variant: I,
+                    withClearButton: v,
                     rightSlotClassName: e["right-slot"],
                     requiredMarkClassName: e["required-mark"],
                     "data-testid": "select-search-input",
-                    rightAddon: C ? {
+                    rightAddon: S ? {
                       addonType: "react-node",
-                      addonContent: C && /* @__PURE__ */ s(
+                      addonContent: S && /* @__PURE__ */ n(
                         M,
                         {
-                          className: l(e.button, {
+                          className: i(e.button, {
                             [e.disabled]: r
                           }),
                           disabled: r,
-                          children: /* @__PURE__ */ s(
+                          children: /* @__PURE__ */ n(
                             O,
                             {
-                              iconName: a == g.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
-                              className: l(e["selector-icon"], {
+                              iconName: a == b.M || a == b.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
+                              className: i(e["selector-icon"], {
                                 [e["selector-icon-open"]]: t
                               })
                             }
@@ -189,20 +190,20 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_co
               ]
             }
           ),
-          t && /* @__PURE__ */ s(D, { children: u.length ? x.length ? /* @__PURE__ */ s(
+          t && /* @__PURE__ */ n(D, { children: u.length ? x.length ? /* @__PURE__ */ n(
             Z,
             {
               "data-testid": "select-search-options",
-              className: l(
+              className: i(
                 e.options,
                 e[a],
-                e[f]
+                e[N]
               ),
               children: ({ option: o }) => /* @__PURE__ */ h(
                 ee,
                 {
                   value: o,
-                  className: ({ focus: K }) => l(
+                  className: ({ focus: K }) => i(
                     e.option,
                     F,
                     a && e[a],
@@ -214,12 +215,12 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_co
                   children: [
                     /* @__PURE__ */ h("div", { className: e["option-inner"], children: [
                       o.name,
-                      o.bottom && /* @__PURE__ */ s("div", { children: o.bottom })
+                      o.bottom && /* @__PURE__ */ n("div", { children: o.bottom })
                     ] }),
-                    p && p.id === o.id && /* @__PURE__ */ s(
+                    p && p.id === o.id && /* @__PURE__ */ n(
                       O,
                       {
-                        iconName: a === g.M ? "Done16px" : "Done24px",
+                        iconName: a === b.M || a === b.S ? "Done16px" : "Done24px",
                         className: e["selected-icon"]
                       }
                     )
@@ -228,26 +229,26 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_co
                 o.id
               )
             }
-          ) : /* @__PURE__ */ s(
+          ) : /* @__PURE__ */ n(
             "div",
             {
-              className: l(
+              className: i(
                 e.options,
                 e[a],
                 e["no-options"],
-                e[f]
+                e[N]
               ),
               "data-headlessui-state": t ? "open" : "closed",
               children: "Ничего не найдено"
             }
-          ) : /* @__PURE__ */ s(
+          ) : /* @__PURE__ */ n(
             "div",
             {
-              className: l(
+              className: i(
                 e.options,
                 e[a],
                 e["no-options"],
-                e[f]
+                e[N]
               ),
               "data-headlessui-state": t ? "open" : "closed",
               children: "Нет данных"

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

@@ -1,4 +1,5 @@
 export declare enum ESelectSearchSize {
+    S = "s",
     M = "m",
     L = "l"
 }

package/dist/components/SelectSearch/constants.js

@@ -1,4 +1,4 @@
-var m = /* @__PURE__ */ ((r) => (r.M = "m", r.L = "l", r))(m || {});
+var m = /* @__PURE__ */ ((r) => (r.S = "s", r.M = "m", r.L = "l", r))(m || {});
 export {
   m as ESelectSearchSize
 };

package/dist/components/SelectSearch/utils.js

@@ -1,17 +1,19 @@
 import { ESelectSearchSize as r } from "./constants.js";
 import "../../Input-DAmc_HxO.js";
-import { EInputSize as t } from "../Input/constants.js";
-const c = (o) => {
-  switch (o) {
+import { EInputSize as o } from "../Input/constants.js";
+const c = (t) => {
+  switch (t) {
+    case r.S:
+      return o.S;
     case r.M:
-      return t.M;
+      return o.M;
     case r.L:
-      return t.L;
+      return o.L;
     default:
-      return t.M;
+      return o.M;
   }
-}, i = (o, p) => o ? p === r.L ? "DropdownArrowUp24px" : "DropdownArrowUp16px" : p === r.L ? "DropdownArrowDown24px" : "DropdownArrowBottom16px";
+}, u = (t, e) => t ? e === r.L ? "DropdownArrowUp24px" : "DropdownArrowUp16px" : e === r.L ? "DropdownArrowDown24px" : "DropdownArrowBottom16px";
 export {
-  i as getDropdownArrowIcon,
+  u as getDropdownArrowIcon,
   c as mapSizeToInputSize
 };