mimir-ui-kit 1.36.2 → 1.36.3

package/dist/components/Chip/Chip.d.ts

@@ -14,10 +14,6 @@ export type TProps = {
      * Размер чипа. Возможные значения определены в перечислении `EChipSize`.
      */
     size?: `${EChipSize}` | EChipSize;
-    /**
-     * Функция, которая будет вызвана при нажатии на чип.
-     */
-    onClick?: VoidFunction;
     /**
      * Отключено ли чип.
      */
@@ -31,4 +27,4 @@ export type TProps = {
      */
     onClose?: VoidFunction;
 };
-export declare const Chip: ({ size, variant, className, onClick, disabled, withAction, children, onClose }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Chip: ({ size, variant, className, disabled, withAction, children, onClose }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chip/Chip.js

@@ -1,45 +1,44 @@
-import { jsxs as m, jsx as p } from "react/jsx-runtime";
-import { c as h } from "../../index-DIxK0V-G.js";
-import { EChipSize as b, EChipVariant as l } from "./constants.js";
-import { Button as v } from "../Button/Button.js";
-import '../../assets/Chip.css';const d = "_chip_19bvm_2", u = "_disabled_19bvm_40", x = "_xs_19bvm_51", g = "_s_19bvm_59", w = "_m_19bvm_67", C = "_sapphire_19bvm_75", f = "_citrine_19bvm_84", y = "_asphalt_19bvm_93", N = "_gray_19bvm_102", j = "_white_19bvm_111", B = "_green_19bvm_120", s = {
-  chip: d,
+import { jsxs as r, jsx as m } from "react/jsx-runtime";
+import { c as p } from "../../index-DIxK0V-G.js";
+import { EChipSize as h, EChipVariant as b } from "./constants.js";
+import { Button as l } from "../Button/Button.js";
+import '../../assets/Chip.css';const v = "_chip_19bvm_2", d = "_disabled_19bvm_40", x = "_xs_19bvm_51", g = "_s_19bvm_59", u = "_m_19bvm_67", w = "_sapphire_19bvm_75", C = "_citrine_19bvm_84", f = "_asphalt_19bvm_93", y = "_gray_19bvm_102", N = "_white_19bvm_111", j = "_green_19bvm_120", s = {
+  chip: v,
   "with-action": "_with-action_19bvm_18",
-  disabled: u,
+  disabled: d,
   xs: x,
   s: g,
-  m: w,
-  sapphire: C,
-  citrine: f,
-  asphalt: y,
-  gray: N,
-  white: j,
-  green: B
-}, I = ({
-  size: i = b.M,
-  variant: _ = l.Sapphire,
+  m: u,
+  sapphire: w,
+  citrine: C,
+  asphalt: f,
+  gray: y,
+  white: N,
+  green: j
+}, z = ({
+  size: i = h.M,
+  variant: _ = b.Sapphire,
   className: c,
-  onClick: e,
-  disabled: o,
+  disabled: e,
   withAction: t,
-  children: n,
+  children: o,
   onClose: a
 }) => {
-  const r = h(
+  const n = p(
     s.chip,
     c,
     {
       [s["with-action"]]: t,
-      [s.disabled]: o
+      [s.disabled]: e
     },
     s[_],
     s[i]
   );
-  return /* @__PURE__ */ m("button", { type: "button", onClick: e, className: r, children: [
-    n,
-    t && /* @__PURE__ */ p(v, { isIconButton: !0, iconName: "Close16px", onClick: a, clear: !0 })
+  return /* @__PURE__ */ r("div", { className: n, children: [
+    o,
+    t && /* @__PURE__ */ m(l, { isIconButton: !0, iconName: "Close16px", onClick: a, clear: !0 })
   ] });
 };
 export {
-  I as Chip
+  z as Chip
 };

package/dist/components/DatePicker/DatePicker.js

@@ -58,7 +58,13 @@ const mt = {
       const G = () => {
         S || f(!0);
       }, K = (t) => {
-        isNaN(t.getTime()) || (D(t), e == null || e({ value: d.Date(t, "yyyy-mm-dd"), name: r })), A === "years" && (m === "years" ? (f(!1), p(m)) : p("months")), A === "months" && (m === "months" ? (f(!1), p(m)) : p("days")), D(t), e == null || e({ value: d.Date(t, "yyyy-mm-dd"), name: r }), c == null || c(d.Date(t, "yyyy-mm-dd"));
+        isNaN(t.getTime()) || (D(t), e == null || e({
+          value: d.Date(t, "yyyy-mm-dd"),
+          name: r
+        })), A === "years" && (m === "years" ? (f(!1), p(m)) : p("months")), A === "months" && (m === "months" ? (f(!1), p(m)) : p("days")), D(t), e == null || e({
+          value: d.Date(t, "yyyy-mm-dd"),
+          name: r
+        }), c == null || c(d.Date(t, "yyyy-mm-dd"));
       }, U = (t) => {
         if (_) {
           const I = t.target.value.replace(/[^\d]/g, ""), [h, u, O] = [
@@ -70,7 +76,10 @@ const mt = {
             const J = parseInt(O), l = /* @__PURE__ */ new Date(
               `${J}-${u.padStart(2, "0")}-${h.padStart(2, "0")}`
             );
-            isNaN(l.getTime()) || (D(l), e == null || e({ value: d.Date(l, "yyyy-mm-dd"), name: r }), c == null || c(d.Date(l, "yyyy-mm-dd")));
+            isNaN(l.getTime()) || (D(l), e == null || e({
+              value: d.Date(l, "yyyy-mm-dd"),
+              name: r
+            }), c == null || c(d.Date(l, "yyyy-mm-dd")));
           }
         }
       }, q = v(a.wrapper, n && a.active), z = v(a.input, a.inputBorderControl), C = {

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -1,15 +1,15 @@
-import { jsxs as h, jsx as o, Fragment as q } from "react/jsx-runtime";
+import { jsxs as j, jsx as o, Fragment as q } from "react/jsx-runtime";
 import { c as r } from "../../index-DIxK0V-G.js";
-import { forwardRef as ne, useRef as B, useState as C, useMemo as oe, useEffect as se } from "react";
-import { EMultiSelectSearchSize as S } from "./constants.js";
-import { getInitialInputValue as ie, mapSizeToInputSize as O, getDropdownArrowIcon as re, joinSelectedItems as R } from "./utils.js";
+import { forwardRef as se, useRef as B, useState as S, useEffect as O, useMemo as ie } from "react";
+import { EMultiSelectSearchSize as M } from "./constants.js";
+import { getInitialInputValue as R, mapSizeToInputSize as E, getDropdownArrowIcon as re, joinSelectedItems as F } from "./utils.js";
 import { Icon as le } from "../../icons/Icon.js";
 import { Button as ae } from "../Button/Button.js";
 import { CheckboxMimir as ce } from "../CheckboxMimir/CheckboxMimir.js";
 import { Chip as pe } from "../Chip/Chip.js";
-import { I as E } from "../../Input-DlGNMuUD.js";
+import { I as P } from "../../Input-DlGNMuUD.js";
 import { EInputVariant as ue } from "../Input/constants.js";
-import { H as me, U as F, G as P, K as de, W as _e } from "../../combobox-CDU06zJj.js";
+import { H as me, U as G, G as W, K as de, W as _e } from "../../combobox-CDU06zJj.js";
 import '../../assets/MultiSelectSearch.css';const he = "_disabled_mkspj_5", fe = "_container_mkspj_9", ke = "_full_mkspj_27", be = "_button_mkspj_39", je = "_options_mkspj_53", ge = "_top_mkspj_64", ve = "_bottom_mkspj_69", Ie = "_m_mkspj_2", Ne = "_l_mkspj_111", we = "_focused_mkspj_129", Ce = "_option_mkspj_53", Se = "_clear_mkspj_175", e = {
   "multi-select-search": "_multi-select-search_mkspj_2",
   disabled: he,
@@ -38,136 +38,140 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_mkspj_5", fe =
   "required-mark": "_required-mark_mkspj_170",
   clear: Se,
   "icon-button": "_icon-button_mkspj_184"
-}, Re = ne(
-  (G, W) => {
+}, Re = se(
+  (H, K) => {
     const {
       placeholder: x,
-      size: i = S.L,
-      value: M,
+      size: i = M.L,
+      value: c,
       onChange: s,
-      full: H,
-      showArrow: K = !0,
-      items: p = [],
-      classNameOption: U,
-      displayValue: f = "name",
-      filterOnSearch: z = !0,
-      onSearch: g,
-      variant: D = ue.DefaultGray,
-      menuPlacement: v = "bottom",
+      full: U,
+      showArrow: J = !0,
+      items: m = [],
+      classNameOption: Q,
+      displayValue: p = "name",
+      filterOnSearch: D = !0,
+      onSearch: v,
+      variant: z = ue.DefaultGray,
+      menuPlacement: I = "bottom",
       disabled: l = !1,
       searchProps: y,
-      withClearButton: I = !1,
-      withChip: J = !1,
-      chipVariant: Q = "sapphire",
-      disableInput: u = !1
-    } = G, N = B(null), c = B(null), [k, m] = C(!1), [d, b] = C(
-      () => ie(M, f)
-    ), [_, j] = C(
-      M || []
-    ), A = oe(() => {
+      withClearButton: N = !1,
+      withChip: X = !1,
+      chipVariant: Y = "sapphire",
+      disableInput: d = !1
+    } = H, w = B(null), u = B(null), [g, _] = S(!1), [h, f] = S(
+      () => R(c, p)
+    ), [k, b] = S(
+      c || []
+    );
+    O(() => {
+      c && (b(c), f(R(c, p)));
+    }, [c, p]);
+    const A = ie(() => {
       var n;
-      if (!z) return p;
-      const t = ((n = d.split(",").pop()) == null ? void 0 : n.trim().toLowerCase()) ?? "";
-      return p.filter(
+      if (!D) return m;
+      const t = ((n = h.split(",").pop()) == null ? void 0 : n.trim().toLowerCase()) ?? "";
+      return m.filter(
         (a) => a.name.toLowerCase().includes(t)
       );
-    }, [z, p, d]), X = (t) => {
-      j(t), s == null || s(t);
-      const n = R(t, f);
-      b(n), m(!0), setTimeout(() => {
-        if (c.current) {
-          c.current.focus(), c.current.scrollLeft = c.current.scrollWidth;
+    }, [D, m, h]), Z = (t) => {
+      b(t), s == null || s(t);
+      const n = F(t, p);
+      f(n), _(!0), setTimeout(() => {
+        if (u.current) {
+          u.current.focus(), u.current.scrollLeft = u.current.scrollWidth;
           const a = n.length;
-          c.current.setSelectionRange(a, a);
+          u.current.setSelectionRange(a, a);
         }
       }, 0);
     }, L = (t) => {
-      if (u) return;
+      if (d) return;
       const n = t.target.value;
-      b(n), g == null || g(n);
-      const a = n.split(",").map((w) => w.trim()).filter(Boolean), V = p.filter(
-        (w) => a.includes(w[f])
+      f(n), v == null || v(n);
+      const a = n.split(",").map((C) => C.trim()).filter(Boolean), V = m.filter(
+        (C) => a.includes(C[p])
       );
-      j(V), s == null || s(V), m(!0);
-    }, Y = (t) => {
-      const n = _.filter(
+      b(V), s == null || s(V), _(!0);
+    }, $ = (t) => {
+      const n = k.filter(
         (a) => a.id !== t.id
       );
-      j(n), s == null || s(n), b(R(n, f));
-    }, T = () => m((t) => !t), Z = (t) => {
+      b(n), s == null || s(n), f(F(n, p));
+    }, T = () => _((t) => !t), ee = (t) => {
       t.preventDefault(), t.currentTarget.focus();
       const n = t.currentTarget.value.length;
       t.currentTarget.setSelectionRange(n, n);
-    }, $ = () => {
-      b(""), j([]), s == null || s([]);
-    }, ee = (t) => {
-      t.stopPropagation(), $();
-    }, te = (t) => {
-      u && t.target.blur();
+    }, te = () => {
+      f(""), b([]), s == null || s([]);
+    }, ne = (t) => {
+      t.stopPropagation(), te();
+    }, oe = (t) => {
+      d && t.target.blur();
     };
-    return se(() => {
+    return O(() => {
       const t = (n) => {
-        N.current && !N.current.contains(n.target) && !n.defaultPrevented && m(!1);
+        w.current && !w.current.contains(n.target) && !n.defaultPrevented && _(!1);
       };
       return document.addEventListener("mousedown", t), () => {
         document.removeEventListener("mousedown", t);
       };
-    }, []), /* @__PURE__ */ h("div", { ref: N, children: [
+    }, []), /* @__PURE__ */ j("div", { ref: w, children: [
       /* @__PURE__ */ o(
         me,
         {
           multiple: !0,
           as: "div",
-          value: _,
+          value: k,
           className: r(e["multi-select-search"], {
-            [e.full]: H,
+            [e.full]: U,
             [e.disabled]: l
           }),
-          onChange: X,
-          ref: W,
+          onChange: Z,
+          ref: K,
           disabled: l,
           virtual: { options: A },
-          children: /* @__PURE__ */ h(
+          children: /* @__PURE__ */ j(
             "div",
             {
               className: r(e.container, e[i], {
-                [e["container-open"]]: k
+                [e["container-open"]]: g
               }),
               children: [
-                u && /* @__PURE__ */ h("div", { className: e["input-container"], children: [
+                d && /* @__PURE__ */ j("div", { className: e["input-container"], children: [
                   /* @__PURE__ */ o(
-                    F,
+                    G,
                     {
                       disabled: l,
                       style: { width: "100%" },
                       onClick: T,
                       children: /* @__PURE__ */ o(
-                        P,
+                        W,
                         {
-                          as: E,
+                          as: P,
                           label: x,
-                          size: O(i),
+                          size: E(i),
                           className: r(e["multi-select-input"], {
-                            [e["multi-select-input-disabled"]]: u && I
+                            [e["multi-select-input-disabled"]]: d && N
                           }),
                           onChange: L,
-                          value: d,
+                          value: h,
                           disabled: l,
-                          variant: D,
+                          variant: z,
                           rightSlotClassName: e["right-slot"],
                           requiredMarkClassName: e["required-mark"],
                           "data-testid": "select-search-input",
-                          onFocus: te,
+                          onFocus: oe,
                           rightAddon: {
                             addonType: "icon",
-                            addonContent: re(k, i)
+                            addonContent: re(g, i)
                           },
                           ...y
                         }
                       )
                     }
                   ),
-                  I && d && /* @__PURE__ */ o(
+                  N && h && /* @__PURE__ */ o(
                     ae,
                     {
                       tabIndex: -1,
@@ -181,44 +185,44 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_mkspj_5", fe =
                       clear: !0,
                       disabled: l,
                       variant: "secondary-gray",
-                      onClick: ee,
+                      onClick: ne,
                       "data-testid": "clear-button"
                     }
                   )
                 ] }),
-                !u && /* @__PURE__ */ o(
-                  P,
+                !d && /* @__PURE__ */ o(
+                  W,
                   {
-                    as: E,
+                    as: P,
                     label: x,
-                    size: O(i),
+                    size: E(i),
                     className: e["multi-select-input"],
                     rightSlotClassName: e["right-slot"],
                     requiredMarkClassName: e["required-mark"],
-                    value: d,
+                    value: h,
                     disabled: l,
-                    variant: D,
-                    withClearButton: I,
-                    onFocus: () => m(!0),
-                    onMouseDown: Z,
+                    variant: z,
+                    withClearButton: N,
+                    onFocus: () => _(!0),
+                    onMouseDown: ee,
                     onChange: L,
-                    ref: c,
+                    ref: u,
                     rightAddon: {
                       addonType: "react-node",
-                      addonContent: K && /* @__PURE__ */ o(
-                        F,
+                      addonContent: J && /* @__PURE__ */ o(
+                        G,
                         {
                           className: r(e.button, {
                             [e.disabled]: l
                           }),
                           disabled: l,
-                          onClick: T,
+                          onMouseDown: T,
                           children: /* @__PURE__ */ o(
                             le,
                             {
-                              iconName: i == S.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
+                              iconName: i == M.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
                               className: r(e["selector-icon"], {
-                                [e["selector-icon-open"]]: k
+                                [e["selector-icon-open"]]: g
                               })
                             }
                           )
@@ -229,13 +233,13 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_mkspj_5", fe =
                     ...y
                   }
                 ),
-                k && /* @__PURE__ */ o(q, { children: p.length ? A.length ? /* @__PURE__ */ o(
+                g && /* @__PURE__ */ o(q, { children: m.length ? A.length ? /* @__PURE__ */ o(
                   de,
                   {
                     className: r(
                       e.options,
                       e[i],
-                      e[v]
+                      e[I]
                     ),
                     modal: !1,
                     static: !0,
@@ -245,14 +249,14 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_mkspj_5", fe =
                         value: t,
                         className: ({ focus: n }) => r(
                           e.option,
-                          U,
+                          Q,
                           i && e[i],
                           {
                             [e["option-active"]]: n
                           }
                         ),
-                        children: /* @__PURE__ */ h(q, { children: [
-                          /* @__PURE__ */ h("div", { className: e["option-inner"], children: [
+                        children: /* @__PURE__ */ j(q, { children: [
+                          /* @__PURE__ */ j("div", { className: e["option-inner"], children: [
                             t.name,
                             t.bottom && /* @__PURE__ */ o("div", { children: t.bottom })
                           ] }),
@@ -260,7 +264,7 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_mkspj_5", fe =
                             ce,
                             {
                               isInteractive: !1,
-                              checked: _.some(
+                              checked: k.some(
                                 (n) => n.id === t.id
                               )
                             }
@@ -277,7 +281,7 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_mkspj_5", fe =
                       e.options,
                       e[i],
                       e["no-options"],
-                      e[v]
+                      e[I]
                     ),
                     children: "Ничего не найдено"
                   }
@@ -288,7 +292,7 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_mkspj_5", fe =
                       e.options,
                       e[i],
                       e["no-options"],
-                      e[v]
+                      e[I]
                     ),
                     children: "Нет данных"
                   }
@@ -298,14 +302,14 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_mkspj_5", fe =
           )
         }
       ),
-      J && _.length > 0 && /* @__PURE__ */ o("div", { className: e["chip-container"], children: _.map((t) => /* @__PURE__ */ o(
+      X && k.length > 0 && /* @__PURE__ */ o("div", { className: e["chip-container"], children: k.map((t) => /* @__PURE__ */ o(
         pe,
         {
-          size: i === S.L ? "s" : "xs",
-          variant: Q,
+          size: i === M.L ? "s" : "xs",
+          variant: Y,
           className: e.chip,
           withAction: !0,
-          onClose: () => Y(t),
+          onClose: () => $(t),
           children: t.name
         },
         t.id

package/package.json

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