mcr-design-systems 1.0.210 → 1.0.211

package/dist/components/Dropdown/index.js

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as b, Fragment as Me } from "react/jsx-runtime";
 import * as a from "react";
 import { useMemo as Ve } from "react";
-import { Root as er, Trigger as rr, Portal as nr, Content as tr, Label as be, Separator as xe } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+import { Root as er, Trigger as rr, Portal as tr, Content as nr, Label as be, Separator as xe } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
 import { useVirtualizer as sr } from "../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
 import { cn as g } from "../../shared/utils/cn.js";
 import { dataTestId as ge } from "../../shared/utils/dataTestId.js";
@@ -86,18 +86,18 @@ const cr = a.forwardRef(
       if (!S || !v.trim())
         return k;
       const e = v.toLowerCase().trim();
-      return k.map((t) => {
-        if ("items" in t) {
-          const l = t.items.filter(
+      return k.map((n) => {
+        if ("items" in n) {
+          const l = n.items.filter(
             (s) => s.label.toLowerCase().includes(e) || s.value.toLowerCase().includes(e)
           );
-          return l.length > 0 ? { ...t, items: l } : null;
+          return l.length > 0 ? { ...n, items: l } : null;
         } else
-          return t.label.toLowerCase().includes(e) || t.value.toLowerCase().includes(e) ? t : null;
-      }).filter((t) => t !== null);
+          return n.label.toLowerCase().includes(e) || n.value.toLowerCase().includes(e) ? n : null;
+      }).filter((n) => n !== null);
     }, [k, S, v]), E = a.useMemo(() => m === "separated" && L ? !1 : O !== void 0 ? O : p === void 0 ? (console.warn(
       "Dropdown is not open, virtualization will not be applied. Please ensure the dropdown is open when using virtualization."
-    ), !1) : A.reduce((t, l) => t + ("items" in l ? l.items.length : 1), 0) > 50, [
+    ), !1) : A.reduce((n, l) => n + ("items" in l ? l.items.length : 1), 0) > 50, [
       O,
       A,
       p,
@@ -105,14 +105,14 @@ const cr = a.forwardRef(
       L
     ]), I = a.useMemo(() => c ? Array.isArray(c) ? c : [c] : [], [c]), f = Ve(() => c ? Array.isArray(c) ? c.length > 0 : c !== "" : !1, [c]), N = a.useRef(!1), G = a.useRef(null), me = a.useRef(f), P = a.useRef(!1);
     a.useEffect(() => {
-      const e = me.current, t = f;
+      const e = me.current, n = f;
       if (e && p && d !== void 0 && u.current && !d && !N.current) {
         const l = setTimeout(() => {
           u.current && !N.current && w?.(u.current);
         }, 0);
         return () => clearTimeout(l);
       }
-      me.current = t;
+      me.current = n;
     }, [f, p, d, w]), a.useEffect(() => {
       if (d !== void 0) {
         d.trim() && (P.current = !0, u.current = d);
@@ -126,33 +126,33 @@ const cr = a.forwardRef(
         }, 100);
       }
     }, [d, w, p]), a.useEffect(() => {
-      const e = pe.current, t = p ?? !1;
-      e && !t && d === void 0 && (!f && !re.current && !P.current && q(""), B(!1), re.current = !1, G.current = null, P.current || (u.current = ""), N.current = !1), pe.current = t;
+      const e = pe.current, n = p ?? !1;
+      e && !n && d === void 0 && (!f && !re.current && !P.current && q(""), B(!1), re.current = !1, G.current = null, P.current || (u.current = ""), N.current = !1), pe.current = n;
     }, [p, f, d, q]);
     const j = a.useMemo(() => {
       if (!E) return [];
-      const t = f && m === "separated" ? A.map((n) => {
-        if ("items" in n) {
-          const i = n.items.filter(
+      const n = f && m === "separated" ? A.map((t) => {
+        if ("items" in t) {
+          const i = t.items.filter(
             (o) => !I.includes(o.value)
           );
-          return i.length > 0 ? { ...n, items: i } : null;
+          return i.length > 0 ? { ...t, items: i } : null;
         }
-        return I.includes(n.value) ? null : n;
-      }).filter((n) => n !== null) : A, l = [];
+        return I.includes(t.value) ? null : t;
+      }).filter((t) => t !== null) : A, l = [];
       let s = 0;
-      return t.forEach((n, i) => {
-        "items" in n ? (n.label && l.push({
+      return n.forEach((t, i) => {
+        "items" in t ? (t.label && l.push({
           type: "group-label",
-          groupLabel: n.label,
-          groupDisabled: n.disabled,
+          groupLabel: t.label,
+          groupDisabled: t.disabled,
           index: s++,
           key: `group-label-${i}`
-        }), n.items.forEach((o, h) => {
+        }), t.items.forEach((o, h) => {
           const z = {
             ...o,
-            disabled: n.disabled || o.disabled
-          }, Y = t.reduce(
+            disabled: t.disabled || o.disabled
+          }, Y = n.reduce(
             (J, C) => "items" in C ? [...J, ...C.items] : [...J, C],
             []
           ), ie = $ ? $(
@@ -163,18 +163,18 @@ const cr = a.forwardRef(
           l.push({
             type: "item",
             data: z,
-            groupDisabled: n.disabled,
+            groupDisabled: t.disabled,
             showSeparator: ie,
             index: s++,
             key: `group-${i}-item-${h}`
           });
-        }), i < t.length - 1 && l.push({
+        }), i < n.length - 1 && l.push({
           type: "separator",
           index: s++,
           key: `separator-${i}`
         })) : l.push({
           type: "item",
-          data: n,
+          data: t,
           index: s++,
           key: `item-${i}`
         });
@@ -186,12 +186,12 @@ const cr = a.forwardRef(
       f,
       m,
       I
-    ]), ne = a.useRef(null), K = sr({
+    ]), te = a.useRef(null), K = sr({
       count: j.length,
-      getScrollElement: () => ne.current,
+      getScrollElement: () => te.current,
       estimateSize: (e) => {
-        const t = j[e];
-        return t ? t.type === "group-label" ? 32 : t.type === "separator" ? 1 : t.showSeparator ? Z + 16 : Z : Z;
+        const n = j[e];
+        return n ? n.type === "group-label" ? 32 : n.type === "separator" ? 1 : n.showSeparator ? Z + 16 : Z : Z;
       },
       enabled: E && j.length > 0,
       overscan: 5
@@ -200,7 +200,7 @@ const cr = a.forwardRef(
     a.useEffect(() => {
       if (p && E && j.length > 0) {
         const e = setTimeout(() => {
-          ne.current && K.measure();
+          te.current && K.measure();
         }, 0);
         return () => clearTimeout(e);
       }
@@ -210,41 +210,41 @@ const cr = a.forwardRef(
       [c]
     ), he = a.useMemo(() => {
       if (!c) return [];
-      const e = [], t = Array.isArray(c) ? c : [c], l = /* @__PURE__ */ new Set();
+      const e = [], n = Array.isArray(c) ? c : [c], l = /* @__PURE__ */ new Set();
       for (const s of k)
         if ("items" in s) {
-          const n = s.items.filter((i) => {
-            const o = t.includes(i.value), h = !l.has(i.value);
+          const t = s.items.filter((i) => {
+            const o = n.includes(i.value), h = !l.has(i.value);
             return o && h ? (l.add(i.value), !0) : !1;
           });
-          e.push(...n);
+          e.push(...t);
         } else
-          t.includes(s.value) && !l.has(s.value) && (l.add(s.value), e.push(s));
+          n.includes(s.value) && !l.has(s.value) && (l.add(s.value), e.push(s));
       return e;
-    }, [c, k]), te = he[0] || null, Qe = a.useMemo(() => {
+    }, [c, k]), ne = he[0] || null, Qe = a.useMemo(() => {
       if (!f || m !== "separated") return !0;
-      const e = k.reduce((t, l) => t + ("items" in l ? l.items.length : 1), 0);
+      const e = k.reduce((n, l) => n + ("items" in l ? l.items.length : 1), 0);
       return I.length < e;
     }, [f, m, k, I]), T = (e) => {
       if (e.disabled || !F) return;
-      const t = v.trim();
-      if (t && (u.current = t, P.current = !0), re.current = !0, G.current = Date.now(), L) {
-        const l = Array.isArray(c) ? c : [], s = l.includes(e.value) ? l.filter((n) => n !== e.value) : [...l, e.value];
+      const n = v.trim();
+      if (n && (u.current = n, P.current = !0), re.current = !0, G.current = Date.now(), L) {
+        const l = Array.isArray(c) ? c : [], s = l.includes(e.value) ? l.filter((t) => t !== e.value) : [...l, e.value];
         F(s);
       } else
         F(e.value);
-      t && !N.current && requestAnimationFrame(() => {
+      n && !N.current && requestAnimationFrame(() => {
         d !== void 0 ? !d && u.current && w?.(u.current) : u.current && q(u.current);
       });
     }, U = a.memo(
       ({
         label: e,
-        customLabel: t,
+        customLabel: n,
         isSelected: l
       }) => {
-        const { textRef: s, isTruncated: n } = Se(), { textRef: i, isTruncated: o } = Se();
-        if (t) {
-          const h = typeof t == "function" ? t(l) : t;
+        const { textRef: s, isTruncated: t } = Se(), { textRef: i, isTruncated: o } = Se();
+        if (n) {
+          const h = typeof n == "function" ? n(l) : n;
           return /* @__PURE__ */ r(
             ke,
             {
@@ -263,7 +263,7 @@ const cr = a.forwardRef(
             }
           );
         }
-        return /* @__PURE__ */ r(ke, { content: e, disabled: !n, showArrow: !0, children: /* @__PURE__ */ r(
+        return /* @__PURE__ */ r(ke, { content: e, disabled: !t, showArrow: !0, children: /* @__PURE__ */ r(
           ae,
           {
             ref: s,
@@ -276,8 +276,8 @@ const cr = a.forwardRef(
       }
     );
     U.displayName = "LabelWithTooltip";
-    const se = (e, t, l) => {
-      const s = Je(e.value), n = l || e.value, i = L || m === "checkbox", o = !L && (m === "radio" || m === "single" || m === "separated");
+    const se = (e, n, l) => {
+      const s = Je(e.value), t = l || e.value, i = L || m === "checkbox", o = !L && (m === "radio" || m === "single" || m === "separated");
       return m === "default" ? /* @__PURE__ */ r(
         ye,
         {
@@ -297,7 +297,7 @@ const cr = a.forwardRef(
           onSelect: () => T(e),
           className: fe || Q
         },
-        n
+        t
       ) : i ? /* @__PURE__ */ b(
         "div",
         {
@@ -343,7 +343,7 @@ const cr = a.forwardRef(
             ) : typeof e.endIcon == "function" ? /* @__PURE__ */ r("div", { className: "flex items-center justify-center w-4 h-4", children: e.endIcon(s) }) : /* @__PURE__ */ r("div", { className: "flex items-center justify-center w-4 h-4", children: e.endIcon }))
           ]
         },
-        n
+        t
       ) : o ? /* @__PURE__ */ b("div", { children: [
         /* @__PURE__ */ b(
           "div",
@@ -382,8 +382,8 @@ const cr = a.forwardRef(
             ]
           }
         ),
-        t && /* @__PURE__ */ r(ar, { className: "my-xs-4 -mx-1" })
-      ] }, n) : /* @__PURE__ */ r(
+        n && /* @__PURE__ */ r(ar, { className: "my-xs-4 -mx-1" })
+      ] }, t) : /* @__PURE__ */ r(
         ye,
         {
           label: e.label,
@@ -402,7 +402,7 @@ const cr = a.forwardRef(
           onSelect: () => T(e),
           className: fe || Q
         },
-        n
+        t
       );
     }, Xe = (e) => {
       switch (e.type) {
@@ -450,20 +450,20 @@ const cr = a.forwardRef(
             }
           )
         ] }) });
-      const e = (n) => {
-        if (n.includes(`
+      const e = (t) => {
+        if (t.includes(`
 `))
-          return n.split(`
+          return t.split(`
 `).map((o, h, z) => /* @__PURE__ */ b(a.Fragment, { children: [
             o,
             h < z.length - 1 && /* @__PURE__ */ r("br", {})
           ] }, h));
-        const i = n.split("Please try a different keyword.");
+        const i = t.split("Please try a different keyword.");
         return i.length > 1 ? /* @__PURE__ */ b(Me, { children: [
           i[0],
           /* @__PURE__ */ r("br", {}),
           "Please try a different keyword."
-        ] }) : n;
+        ] }) : t;
       };
       if (k.length === 0)
         return /* @__PURE__ */ r("div", { className: x.emptyState(), children: e(ce) });
@@ -476,19 +476,19 @@ const cr = a.forwardRef(
               width: "100%",
               position: "relative"
             },
-            children: K.getVirtualItems().map((n) => {
-              const i = j[n.index];
+            children: K.getVirtualItems().map((t) => {
+              const i = j[t.index];
               return i ? /* @__PURE__ */ r(
                 "div",
                 {
-                  "data-index": n.index,
+                  "data-index": t.index,
                   style: {
                     position: "absolute",
                     top: 0,
                     left: 0,
                     width: "100%",
-                    height: `${n.size}px`,
-                    transform: `translateY(${n.start}px)`
+                    height: `${t.size}px`,
+                    transform: `translateY(${t.start}px)`
                   },
                   children: Xe(i)
                 },
@@ -497,35 +497,35 @@ const cr = a.forwardRef(
             })
           }
         );
-      const t = A;
+      const n = A;
       if (S && v.trim() && A.length === 0)
         return /* @__PURE__ */ r("div", { className: x.emptyState(), children: e(ce) });
-      const s = f && m === "separated" ? t.map((n) => {
-        if ("items" in n) {
-          const i = n.items.filter(
+      const s = f && m === "separated" ? n.map((t) => {
+        if ("items" in t) {
+          const i = t.items.filter(
             (o) => !I.includes(o.value)
           );
           return i.length > 0 ? {
-            ...n,
+            ...t,
             items: i
           } : null;
         }
-        return I.includes(n.value) ? null : n;
-      }).filter((n) => n !== null) : t;
-      return s.map((n, i) => {
-        if ("items" in n)
+        return I.includes(t.value) ? null : t;
+      }).filter((t) => t !== null) : n;
+      return s.map((t, i) => {
+        if ("items" in t)
           return /* @__PURE__ */ b(a.Fragment, { children: [
-            n.label && /* @__PURE__ */ r(
+            t.label && /* @__PURE__ */ r(
               be,
               {
                 className: g(
                   x.label(),
-                  n.disabled && "opacity-50 text-fg-neutral-disabled"
+                  t.disabled && "opacity-50 text-fg-neutral-disabled"
                 ),
-                children: n.label
+                children: t.label
               }
             ),
-            n.items.map((o, h) => {
+            t.items.map((o, h) => {
               const z = s.reduce(
                 (C, le) => "items" in le ? [...C, ...le.items] : [...C, le],
                 []
@@ -535,7 +535,7 @@ const cr = a.forwardRef(
                 z
               ) : !1, ie = {
                 ...o,
-                disabled: n.disabled || o.disabled
+                disabled: t.disabled || o.disabled
               }, J = `group-${i}-${o.value}-${h}`;
               return se(
                 ie,
@@ -548,8 +548,8 @@ const cr = a.forwardRef(
         {
           const o = s.filter(
             (z) => !("items" in z)
-          ), h = $ ? $(n, i, o) : !1;
-          return se(n, h);
+          ), h = $ ? $(t, i, o) : !1;
+          return se(t, h);
         }
       });
     }, _e = /* @__PURE__ */ b("div", { className: "flex items-center gap-xs-3", children: [
@@ -558,9 +558,9 @@ const cr = a.forwardRef(
         {
           className: g(
             "flex-1 truncate text-left text-sm",
-            te ? "text-fg-neutral-main" : x.placeholder()
+            ne ? "text-fg-neutral-main" : x.placeholder()
           ),
-          children: te ? te.label : Te
+          children: ne ? ne.label : Te
         }
       ),
       /* @__PURE__ */ r(R, { name: "chevron-down", size: 16, className: x.chevron() })
@@ -589,8 +589,8 @@ const cr = a.forwardRef(
               children: $e || Le || _e
             }
           ),
-          /* @__PURE__ */ r(nr, { container: document.body, children: /* @__PURE__ */ b(
-            tr,
+          /* @__PURE__ */ r(tr, { container: document.body, children: /* @__PURE__ */ b(
+            nr,
             {
               side: Ae,
               align: Ie,
@@ -626,8 +626,8 @@ const cr = a.forwardRef(
                               autoFocus: !0,
                               value: v,
                               onChange: (e) => {
-                                const t = e.target.value;
-                                N.current = !0, q(t), t.trim() ? (P.current = !0, u.current = t) : u.current || (P.current = !1), t.trim() ? B(!0) : B(!1), w && w(t);
+                                const n = e.target.value;
+                                N.current = !0, q(n), n.trim() ? (P.current = !0, u.current = n) : u.current || (P.current = !1), n.trim() ? B(!0) : B(!1), w && w(n);
                               },
                               placeholder: Oe,
                               sizeVariant: "sm",
@@ -647,7 +647,7 @@ const cr = a.forwardRef(
                       /* @__PURE__ */ b(
                         "div",
                         {
-                          ref: ne,
+                          ref: te,
                           className: g("overflow-y-auto overflow-x-hidden"),
                           style: {
                             maxHeight: `${We - (S ? 46 : 0) - (de ? 40 : 0)}px`,
@@ -669,14 +669,13 @@ const cr = a.forwardRef(
                                 children: /* @__PURE__ */ r(
                                   "div",
                                   {
-                                    className: "p-xs-3 space-y-1 overflow-hidden",
                                     onClick: (e) => e.stopPropagation(),
                                     children: he.map((e) => /* @__PURE__ */ b(
                                       "div",
                                       {
                                         className: "flex flex-1 w-full items-center gap-2 p-2 cursor-pointer hover:bg-bg-neutral-subtle text-fg-neutral-main rounded-sm overflow-hidden",
-                                        onClick: (t) => {
-                                          t.stopPropagation(), T(e);
+                                        onClick: (n) => {
+                                          n.stopPropagation(), T(e);
                                         },
                                         children: [
                                           L ? /* @__PURE__ */ r(
@@ -684,8 +683,8 @@ const cr = a.forwardRef(
                                             {
                                               checked: !0,
                                               disabled: e.disabled,
-                                              onChange: (t) => {
-                                                t.stopPropagation(), T(e);
+                                              onChange: (n) => {
+                                                n.stopPropagation(), T(e);
                                               }
                                             }
                                           ) : /* @__PURE__ */ r(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mcr-design-systems",
   "private": false,
-  "version": "1.0.210",
+  "version": "1.0.211",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",