mimir-ui-kit 1.38.20 → 1.38.21

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -46,7 +46,7 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
     const {
       placeholder: P,
       size: i = D.L,
-      value: d,
+      value: p,
       onChange: s,
       full: le,
       showArrow: re = !0,
@@ -67,29 +67,29 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
       id: pe,
       autoPlacement: z = !1,
       onIsOpen: v
-    } = se, me = Ne(), p = pe || `multiselect-${me}`, N = X(null), b = X(null), [m, _] = w(!1), [S, C] = w(
-      () => Y(d, f)
+    } = se, me = Ne(), m = pe || `multiselect-${me}`, N = X(null), b = X(null), [a, _] = w(!1), [S, C] = w(
+      () => Y(p, f)
     ), [c, M] = w(
-      d || []
+      p || []
     ), [A, j] = w(g), [O, G] = w(!1), [_e, U] = w(!1);
     T(() => {
-      d && (M(d), JSON.stringify(d) !== JSON.stringify(c) && C(Y(d, f)));
-    }, [d, f, c]);
+      p && (M(p), JSON.stringify(p) !== JSON.stringify(c) && C(Y(p, f)));
+    }, [p, f, c]);
     const W = Se(() => {
       var o;
       if (!q) return h;
       const e = ((o = S.split(",").pop()) == null ? void 0 : o.trim().toLowerCase()) ?? "";
       return c.length > 0 && c[c.length - 1].name.toLowerCase() === e ? h : h.filter(
-        (a) => a.name.toLowerCase().includes(e)
+        (u) => u.name.toLowerCase().includes(e)
       );
     }, [q, h, S, c]), he = (e) => {
       M(e), s == null || s(e);
       const o = te(e, f);
-      C(o), _(!0), L(p), setTimeout(() => {
+      C(o), _(!0), L(m), setTimeout(() => {
         if (b.current) {
           b.current.focus(), b.current.scrollLeft = b.current.scrollWidth;
-          const a = o.length;
-          b.current.setSelectionRange(a, a);
+          const u = o.length;
+          b.current.setSelectionRange(u, u);
         }
       }, 0);
     }, H = (e) => {
@@ -97,20 +97,20 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
       if (I) return;
       const o = e.target.value;
       C(o), k == null || k(o);
-      const a = o.split(",").map((x) => x.trim()).filter(Boolean), K = h.filter(
-        (x) => a.includes(x[f])
+      const u = o.split(",").map((x) => x.trim()).filter(Boolean), K = h.filter(
+        (x) => u.includes(x[f])
       );
-      M(K), s == null || s(K), _(!0), L(p);
+      M(K), s == null || s(K), _(!0), L(m);
       const V = ($ = N.current) == null ? void 0 : $.querySelector(
         `.${t.options}`
       );
       V && typeof V.scrollTo == "function" && V.scrollTo({ top: 0, behavior: "smooth" });
     }, fe = (e) => {
       const o = c.filter(
-        (a) => a.id !== e.id
+        (u) => u.id !== e.id
       );
       M(o), s == null || s(o), C(te(o, f));
-    }, u = Ce(() => {
+    }, d = Ce(() => {
       if (!z) {
         j(g);
         return;
@@ -118,8 +118,8 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
       const e = Me(N, i);
       j(e ? "top" : g);
     }, [z, g, i]), J = () => {
-      const e = !m;
-      e && (u(), L(p)), _(e), v == null || v(e);
+      const e = !a;
+      e && (d(), L(m)), _(e), v == null || v(e);
     }, ve = (e) => {
       e.preventDefault(), e.currentTarget.focus();
       const o = e.currentTarget.value.length;
@@ -133,18 +133,20 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
         e.target.blur();
         return;
       }
-      u(), _(!0), L(p);
+      d(), _(!0), L(m);
     };
     return T(() => {
+      if (a) {
+        const e = (o) => {
+          N.current && !N.current.contains(o.target) && !o.defaultPrevented && (_(!1), v == null || v(!1));
+        };
+        return document.addEventListener("mousedown", e), () => {
+          document.removeEventListener("mousedown", e);
+        };
+      }
+    }, [a]), T(() => {
       const e = (o) => {
-        N.current && !N.current.contains(o.target) && !o.defaultPrevented && (_(!1), v == null || v(!1));
-      };
-      return document.addEventListener("mousedown", e), () => {
-        document.removeEventListener("mousedown", e);
-      };
-    }, []), T(() => {
-      const e = (o) => {
-        o.detail !== p && _(!1);
+        o.detail !== m && _(!1);
       };
       return window.addEventListener(
         Z,
@@ -155,18 +157,18 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
           e
         );
       };
-    }, [p]), T(() => {
-      if (m) {
-        u(), window.addEventListener("scroll", u), window.addEventListener("resize", u);
+    }, [m]), T(() => {
+      if (a) {
+        d(), window.addEventListener("scroll", d), window.addEventListener("resize", d);
         const e = requestAnimationFrame(() => {
           U(!0), G(!0);
         });
         return () => {
-          window.removeEventListener("scroll", u), window.removeEventListener("resize", u), cancelAnimationFrame(e);
+          window.removeEventListener("scroll", d), window.removeEventListener("resize", d), cancelAnimationFrame(e);
         };
       } else
         G(!1), U(!1);
-    }, [m, g, z, i, u]), /* @__PURE__ */ E("div", { ref: N, children: [
+    }, [a, g, z, i, d]), /* @__PURE__ */ E("div", { ref: N, children: [
       /* @__PURE__ */ n(
         Ae,
         {
@@ -185,7 +187,7 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
             "div",
             {
               className: l(t.container, t[i], {
-                [t["container-open"]]: m
+                [t["container-open"]]: a
               }),
               children: [
                 I && /* @__PURE__ */ E("div", { className: t["input-container"], children: [
@@ -214,7 +216,7 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
                           onFocus: ge,
                           rightAddon: {
                             addonType: "icon",
-                            addonContent: Ee(m, i)
+                            addonContent: Ee(a, i)
                           },
                           autocomplete: F,
                           ...B
@@ -255,7 +257,7 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
                     variant: R,
                     withClearButton: y,
                     onFocus: () => {
-                      _(!0), L(p);
+                      _(!0), L(m);
                     },
                     onMouseDown: ve,
                     onChange: H,
@@ -275,7 +277,7 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
                             {
                               iconName: i == D.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
                               className: l(t["selector-icon"], {
-                                [t["selector-icon-open"]]: m
+                                [t["selector-icon-open"]]: a
                               })
                             }
                           )
@@ -287,7 +289,7 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
                     ...B
                   }
                 ),
-                m && _e && /* @__PURE__ */ n(Q, { children: h.length ? W.length ? /* @__PURE__ */ n(
+                a && _e && /* @__PURE__ */ n(Q, { children: h.length ? W.length ? /* @__PURE__ */ n(
                   Oe,
                   {
                     className: l(

package/package.json

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