mcr-design-systems 1.0.80 → 1.0.83

package/dist/components/Select/index.d.ts

@@ -126,7 +126,6 @@ export interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     error?: boolean;
     haveIcon?: boolean;
     iconsCustom?: React.ReactNode;
-    onBlur?: React.FocusEventHandler<HTMLDivElement>;
 }
 declare const _default: React.NamedExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/dist/components/Select/index.js

@@ -1,34 +1,34 @@
-import { jsxs as h, jsx as t, Fragment as H } from "react/jsx-runtime";
-import { forwardRef as we, useState as I, useRef as Se, useEffect as We, useCallback as R, useMemo as V, memo as Re } from "react";
+import { jsxs as h, jsx as t, Fragment as Z } from "react/jsx-runtime";
+import { forwardRef as be, useState as _, useRef as ye, useEffect as Se, useCallback as R, useMemo as B, memo as We } from "react";
 import { cn as d } from "../../shared/utils/cn.js";
-import { dataTestId as Me } from "../../shared/utils/dataTestId.js";
-import { Typography as O } from "../Typography/index.js";
+import { dataTestId as we } from "../../shared/utils/dataTestId.js";
+import { Typography as H } from "../Typography/index.js";
 import x from "../Icon/Icon.js";
-import { Dropdown as ee } from "../Dropdown/index.js";
-import { selectVariants as $e } from "./helper/variants.js";
-import te from "../Chip/index.js";
-import ke from "../TextField/HelperText.js";
-const re = we(
+import { Dropdown as I } from "../Dropdown/index.js";
+import { selectVariants as Re } from "./helper/variants.js";
+import O from "../Chip/index.js";
+import Me from "../TextField/HelperText.js";
+const ee = be(
   ({
-    items: w = [],
+    items: W = [],
     value: r,
     onChange: N,
-    placeholder: A = "Select an option...",
+    placeholder: b = "Select an option...",
     disabled: s = !1,
     readOnly: n = !1,
-    loading: P = !1,
-    showCheckmark: B = !1,
+    loading: F = !1,
+    showCheckmark: P = !1,
     emptyText: D = "No options available",
     state: M,
     label: q,
-    helpText: se,
-    required: ne = !1,
+    helpText: te,
+    required: re = !1,
     leadingIcon: o,
     trailingIcon: p,
     mode: i = "single",
     maxDisplayChips: $ = 3,
-    moreItemsText: ae = "+{count}",
-    trigger: ce,
+    moreItemsText: se = "+{count}",
+    trigger: ne,
     side: z = "bottom",
     align: G = "start",
     sideOffset: J = 4,
@@ -38,17 +38,16 @@ const re = we(
     size: c = "md",
     variant: k = "default",
     fullWidth: T = !1,
-    className: oe,
-    iconsSize: ie,
+    className: ae,
+    iconsSize: ce,
     "data-testid": u,
     width: C,
-    error: le,
-    haveIcon: me,
-    iconsCustom: pe,
-    onBlur: U,
-    ...fe
-  }, ue) => {
-    const [f, S] = I(!1), [j, he] = I(0), E = Se(null), l = $e({
+    error: oe,
+    haveIcon: ie,
+    iconsCustom: le,
+    ...me
+  }, pe) => {
+    const [f, y] = _(!1), [j, fe] = _(0), E = ye(null), l = Re({
       size: c,
       variant: k,
       fullWidth: T,
@@ -56,33 +55,33 @@ const re = we(
       disabled: s,
       readOnly: n
     });
-    We(() => {
+    Se(() => {
       if (E.current) {
         const e = new ResizeObserver((a) => {
           for (const m of a)
-            he(m.contentRect.width);
+            fe(m.contentRect.width);
         });
         return e.observe(E.current), () => e.disconnect();
       }
     }, []);
-    const X = R(() => {
+    const U = R(() => {
       if (j === 0) return $;
-      const e = c === "sm" ? 100 : c === "lg" ? 140 : 120, a = 4, m = 32, y = 32, b = o ? 24 : 0, be = m + y + b + 16, Ae = j - be, ye = Math.floor(
-        Ae / (e + a)
+      const e = c === "sm" ? 100 : c === "lg" ? 140 : 120, a = 4, m = 32, S = 32, A = o ? 24 : 0, xe = m + S + A + 16, Ce = j - xe, Ae = Math.floor(
+        Ce / (e + a)
       );
-      return Math.max(1, Math.min(ye, $));
-    }, [j, $, c, o]), Y = R(
+      return Math.max(1, Math.min(Ae, $));
+    }, [j, $, c, o]), X = R(
       (e) => {
         if (!(s || n))
           if (i === "single")
             N?.(e);
           else {
-            const a = Array.isArray(r) ? r : [], m = a.includes(e) ? a.filter((y) => y !== e) : [...a, e];
+            const a = Array.isArray(r) ? r : [], m = a.includes(e) ? a.filter((S) => S !== e) : [...a, e];
             N?.(m);
           }
       },
       [i, r, N, s, n]
-    ), de = R(
+    ), ue = R(
       (e) => {
         if (i === "multiple" && Array.isArray(r) && !s && !n) {
           const a = r.filter((m) => m !== e);
@@ -90,33 +89,33 @@ const re = we(
         }
       },
       [i, r, N, s, n]
-    ), Ne = R(() => {
+    ), he = R(() => {
       i === "multiple" && Array.isArray(r) && r.length > 0 && !s && !n && N?.([]);
-    }, [i, r, N, s, n]), g = V(() => {
+    }, [i, r, N, s, n]), g = B(() => {
       if (!r) return [];
       const e = [], a = Array.isArray(r) ? r : [r];
-      return ((y) => {
-        y.forEach((b) => {
-          "items" in b ? b.items.forEach((F) => {
-            a.includes(F.value) && e.push(F);
-          }) : a.includes(b.value) && e.push(b);
+      return ((S) => {
+        S.forEach((A) => {
+          "items" in A ? A.items.forEach((V) => {
+            a.includes(V.value) && e.push(V);
+          }) : a.includes(A.value) && e.push(A);
         });
-      })(w), e;
-    }, [r, w]), ge = V(() => {
+      })(W), e;
+    }, [r, W]), de = B(() => {
       if (i === "single") {
         const e = g[0];
-        return e ? e.label : A;
+        return e ? e.label : b;
       }
       return "";
-    }, [i, g, A]), W = V(() => {
+    }, [i, g, b]), w = B(() => {
       if (i !== "multiple" || !Array.isArray(r)) return [];
-      const e = X(), a = g.slice(0, e), m = g.length - e;
+      const e = U(), a = g.slice(0, e), m = g.length - e;
       return {
         displayItems: a,
         remainingCount: m,
         hasMore: m > 0
       };
-    }, [i, r, g, X]), ve = C ? { width: typeof C == "number" ? `${C}px` : C } : {}, xe = d(l.container(), oe), v = (e) => {
+    }, [i, r, g, U]), Ne = C ? { width: typeof C == "number" ? `${C}px` : C } : {}, ge = d(l.container(), ae), v = (e) => {
       switch (e) {
         case "sm":
           return 16;
@@ -127,7 +126,7 @@ const re = we(
         default:
           return 16;
       }
-    }, Z = (e) => {
+    }, Y = (e) => {
       switch (e) {
         case "sm":
           return "small";
@@ -138,11 +137,7 @@ const re = we(
         default:
           return "medium";
       }
-    }, _ = (e) => {
-      S(e), !e && U && U(
-        new FocusEvent("blur")
-      );
-    }, Ce = () => /* @__PURE__ */ h(
+    }, ve = () => /* @__PURE__ */ h(
       "div",
       {
         className: l.trigger(),
@@ -163,7 +158,7 @@ const re = we(
                 "flex-1 truncate text-left",
                 g.length > 0 ? "text-fg-neutral-main" : l.placeholder()
               ),
-              children: ge
+              children: de
             }
           ),
           p ? /* @__PURE__ */ t("span", { className: l.trailingIcon(), children: p.node || p.name && /* @__PURE__ */ t(
@@ -187,17 +182,17 @@ const re = we(
     return /* @__PURE__ */ h(
       "div",
       {
-        ref: ue,
-        className: xe,
-        style: ve,
-        ...Me(u || "select"),
-        ...fe,
+        ref: pe,
+        className: ge,
+        style: Ne,
+        ...we(u || "select"),
+        ...me,
         children: [
           q && /* @__PURE__ */ h("div", { className: "mb-1 flex items-center gap-[2px]", children: [
-            /* @__PURE__ */ t(O, { variants: "action", size: "sm", color: "fg-neutral-subtle", children: q }),
-            ne && /* @__PURE__ */ t(O, { variants: "action", size: "sm", color: "fg-accent-error", children: "*" })
+            /* @__PURE__ */ t(H, { variants: "action", size: "sm", color: "fg-neutral-subtle", children: q }),
+            re && /* @__PURE__ */ t(H, { variants: "action", size: "sm", color: "fg-accent-error", children: "*" })
           ] }),
-          /* @__PURE__ */ t("div", { className: "relative", children: i === "multiple" ? /* @__PURE__ */ h(H, { children: [
+          /* @__PURE__ */ t("div", { className: "relative", children: i === "multiple" ? /* @__PURE__ */ h(Z, { children: [
             /* @__PURE__ */ h(
               "div",
               {
@@ -222,20 +217,20 @@ const re = we(
                         !s && !n && "cursor-pointer"
                       ),
                       onClick: (e) => {
-                        s || n || e.target.closest('[data-testid*="chip"]') || S(!f);
+                        s || n || e.target.closest('[data-testid*="chip"]') || y(!f);
                       },
                       children: [
-                        Array.isArray(W) ? null : /* @__PURE__ */ h(H, { children: [
-                          W.displayItems.map((e) => /* @__PURE__ */ t(
+                        Array.isArray(w) ? null : /* @__PURE__ */ h(Z, { children: [
+                          w.displayItems.map((e) => /* @__PURE__ */ t(
                             "div",
                             {
                               onClick: (a) => a.stopPropagation(),
                               className: "flex-shrink-0",
                               children: /* @__PURE__ */ t(
-                                te,
+                                O,
                                 {
-                                  size: Z(c),
-                                  onRemove: !s && !n ? () => de(e.value) : void 0,
+                                  size: Y(c),
+                                  onRemove: !s && !n ? () => ue(e.value) : void 0,
                                   className: "bg-bg-surface-level-3",
                                   variant: "neutral",
                                   trailingIcon: !s && !n ? {
@@ -249,21 +244,21 @@ const re = we(
                             },
                             e.value
                           )),
-                          W.hasMore && /* @__PURE__ */ t(
+                          w.hasMore && /* @__PURE__ */ t(
                             "div",
                             {
                               onClick: (e) => e.stopPropagation(),
                               className: "flex-shrink-0",
                               children: /* @__PURE__ */ t(
-                                te,
+                                O,
                                 {
-                                  size: Z(c),
+                                  size: Y(c),
                                   variant: "neutral",
                                   className: "self-center bg-bg-surface-level-3",
                                   dataTestIdName: `${u || "select"}-chip-more`,
-                                  children: ae.replace(
+                                  children: se.replace(
                                     "{count}",
-                                    W.remainingCount.toString()
+                                    w.remainingCount.toString()
                                   )
                                 }
                               )
@@ -277,7 +272,7 @@ const re = we(
                               l.placeholder(),
                               !s && !n && "cursor-pointer"
                             ),
-                            children: A
+                            children: b
                           }
                         )
                       ]
@@ -288,7 +283,7 @@ const re = we(
                       "button",
                       {
                         type: "button",
-                        onClick: Ne,
+                        onClick: he,
                         className: d(
                           "flex items-center justify-center p-1 rounded-sm transition-colors",
                           !s && !n && "cursor-pointer hover:bg-bg-neutral-subtle",
@@ -313,7 +308,7 @@ const re = we(
                       {
                         type: "button",
                         onClick: () => {
-                          !s && !n && S(!f);
+                          !s && !n && y(!f);
                         },
                         className: d(
                           "flex items-center justify-center p-1",
@@ -344,19 +339,19 @@ const re = we(
               }
             ),
             /* @__PURE__ */ t(
-              ee,
+              I,
               {
-                items: w,
+                items: W,
                 value: r,
-                onValueChange: Y,
-                placeholder: A,
+                onValueChange: X,
+                placeholder: b,
                 disabled: s,
-                loading: P,
-                showCheckmark: B,
+                loading: F,
+                showCheckmark: P,
                 emptyText: D,
                 state: M,
                 open: f,
-                onOpenChange: _,
+                onOpenChange: y,
                 side: z,
                 align: G,
                 sideOffset: J,
@@ -374,21 +369,21 @@ const re = we(
           ] }) : (
             /* Single mode - use Dropdown normally */
             /* @__PURE__ */ t(
-              ee,
+              I,
               {
-                items: w,
+                items: W,
                 value: r,
                 onValueChange: (e) => {
-                  Y(e), S(!1);
+                  X(e), y(!1);
                 },
-                placeholder: A,
+                placeholder: b,
                 disabled: s,
-                loading: P,
-                showCheckmark: B,
+                loading: F,
+                showCheckmark: P,
                 emptyText: D,
                 state: M,
                 open: f,
-                onOpenChange: _,
+                onOpenChange: y,
                 side: z,
                 align: G,
                 sideOffset: J,
@@ -400,19 +395,19 @@ const re = we(
                 fullWidth: T,
                 width: C,
                 "data-testid": u ? `${u}-dropdown` : void 0,
-                children: ce || Ce()
+                children: ne || ve()
               }
             )
           ) }),
           /* @__PURE__ */ t(
-            ke,
+            Me,
             {
               className: "mt-1",
-              text: se,
-              error: le,
-              haveIcon: me,
-              iconsSize: ie,
-              iconsCustom: pe
+              text: te,
+              error: oe,
+              haveIcon: ie,
+              iconsSize: ce,
+              iconsCustom: le
             }
           )
         ]
@@ -420,8 +415,8 @@ const re = we(
     );
   }
 );
-re.displayName = "Select";
-const Ge = Re(re);
+ee.displayName = "Select";
+const qe = We(ee);
 export {
-  Ge as default
+  qe as default
 };

package/package.json

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