@vkzstudio/muza-ui 1.0.40 → 1.0.41

package/dist/components/Select/Select.js

@@ -1,35 +1,36 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import u, { forwardRef as k, useId as P, useMemo as _, useRef as N, useEffect as S } from "react";
-import { triggerWrapperVariants as B } from "./utils.js";
-import { useMuzaTranslations as G } from "../../translations/TranslationContext.js";
-import { FormField as L } from "../FormField/FormField.js";
-import { Typography as T } from "../Typography/Typography.js";
-import { DropdownMenu as U, DropdownMenuTrigger as H, DropdownMenuContent as J, DropdownMenuRadioGroup as K, DropdownMenuRadioItem as Q } from "../DropdownMenu/DropdownMenu.js";
-import { AltArrowUpOutline as X } from "@solar-icons/react-perf";
-import { cn as Y } from "../../utils/cn.js";
-const Z = k(
-  (I, p) => {
-    const M = G(), {
-      label: f,
-      hint: m,
-      error: h,
-      options: i,
-      onChange: s,
+import { jsx as t, jsxs as M } from "react/jsx-runtime";
+import u, { forwardRef as _, useId as B, useMemo as G, useRef as S, useEffect as T } from "react";
+import { triggerWrapperVariants as L } from "./utils.js";
+import { useMuzaTranslations as U } from "../../translations/TranslationContext.js";
+import { FormField as H } from "../FormField/FormField.js";
+import { Typography as p } from "../Typography/Typography.js";
+import { DropdownMenu as J, DropdownMenuTrigger as K, DropdownMenuContent as Q, DropdownMenuRadioGroup as X, DropdownMenuRadioItem as Y } from "../DropdownMenu/DropdownMenu.js";
+import { AltArrowUpOutline as Z } from "@solar-icons/react-perf";
+import { cn as ee } from "../../utils/cn.js";
+const te = _(
+  (z, m) => {
+    const f = U(), {
+      label: h,
+      hint: g,
+      error: x,
+      options: l,
+      onChange: i,
       value: r,
       disabled: a,
-      prefix: g,
-      size: z,
-      placeholder: D,
-      shouldScrollToSelectedOption: x,
-      collisionPadding: O,
-      required: b,
-      disableRequiredAsterisk: W,
-      labelExtra: A,
-      infoTooltip: C
-    } = I, w = D ?? M.select.placeholder, v = P(), V = f ? `${v}-label` : void 0, q = m ? `${v}-hint` : void 0, E = _(() => {
-      const e = r && i.find((o) => o.value === r);
+      prefix: b,
+      size: I,
+      placeholder: O,
+      emptyMessage: D,
+      shouldScrollToSelectedOption: w,
+      collisionPadding: W,
+      required: y,
+      disableRequiredAsterisk: A,
+      labelExtra: C,
+      infoTooltip: V
+    } = z, v = O ?? f.select.placeholder, q = D ?? f.select.noOptions, R = B(), E = h ? `${R}-label` : void 0, F = g ? `${R}-hint` : void 0, P = G(() => {
+      const e = r && l.find((o) => o.value === r);
       return e ? typeof e.label != "function" ? /* @__PURE__ */ t(
-        T,
+        p,
         {
           size: "input",
           className: "grow-1 fix-y-text truncate text-left text-comp-select-text-primary",
@@ -38,49 +39,49 @@ const Z = k(
           children: e.label
         }
       ) : e.label : /* @__PURE__ */ t(
-        T,
+        p,
         {
           size: "input",
           className: "grow-1 fix-y-text truncate text-left text-comp-select-text-placeholder",
           weight: "regular",
           component: "span",
-          children: w
+          children: v
         }
       );
-    }, [i, r, w]), [l, F] = u.useState(!1), [R, $] = u.useState(0), c = u.useRef(!1), j = N(null), d = N({}), n = (typeof p == "function" ? null : p) ?? j;
-    return S(() => {
+    }, [l, r, v]), [s, $] = u.useState(!1), [N, j] = u.useState(0), c = u.useRef(!1), k = S(null), d = S({}), n = (typeof m == "function" ? null : m) ?? k;
+    return T(() => {
       const e = () => {
-        n.current && $(n.current.offsetWidth);
+        n.current && j(n.current.offsetWidth);
       };
       e();
       const o = new ResizeObserver(e);
       return n.current && o.observe(n.current), () => {
         o.disconnect();
       };
-    }, [n]), S(() => {
+    }, [n]), T(() => {
       var e;
-      l && r && d.current[r] && x && ((e = d.current[r]) == null || e.scrollIntoView({ block: "nearest" }));
-    }, [l, x, r]), /* @__PURE__ */ t(
-      L,
+      s && r && d.current[r] && w && ((e = d.current[r]) == null || e.scrollIntoView({ block: "nearest" }));
+    }, [s, w, r]), /* @__PURE__ */ t(
+      H,
       {
-        label: f,
-        hint: m,
-        error: h,
-        required: b,
-        disableRequiredAsterisk: W,
-        labelId: V,
-        hintId: q,
-        labelExtra: A,
-        infoTooltip: C,
+        label: h,
+        hint: g,
+        error: x,
+        required: y,
+        disableRequiredAsterisk: A,
+        labelId: E,
+        hintId: F,
+        labelExtra: C,
+        infoTooltip: V,
         className: "flex-1",
-        children: /* @__PURE__ */ y(
-          U,
+        children: /* @__PURE__ */ M(
+          J,
           {
             onOpenChange: (e) => {
-              F(e);
+              $(e);
             },
             children: [
-              /* @__PURE__ */ t(H, { disabled: a, asChild: !0, children: /* @__PURE__ */ t(
+              /* @__PURE__ */ t(K, { disabled: a, asChild: !0, children: /* @__PURE__ */ t(
                 "button",
                 {
                   ref: n,
@@ -88,23 +89,23 @@ const Z = k(
                   role: "input",
                   tabIndex: 0,
                   disabled: a,
-                  "aria-required": b,
-                  className: B({ size: z, error: h, expanded: l }),
-                  children: /* @__PURE__ */ y("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
-                    g && /* @__PURE__ */ t(
+                  "aria-required": y,
+                  className: L({ size: I, error: x, expanded: s }),
+                  children: /* @__PURE__ */ M("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
+                    b && /* @__PURE__ */ t(
                       "span",
                       {
                         className: a ? "text-comp-select-icon-disabled" : "text-comp-select-icon-brand-def",
-                        children: g
+                        children: b
                       }
                     ),
-                    E,
+                    P,
                     /* @__PURE__ */ t(
-                      X,
+                      Z,
                       {
-                        className: Y(
+                        className: ee(
                           "transition-transform duration-200",
-                          l ? "rotate-0" : "rotate-180"
+                          s ? "rotate-0" : "rotate-180"
                         )
                       }
                     )
@@ -112,25 +113,34 @@ const Z = k(
                 }
               ) }),
               /* @__PURE__ */ t(
-                J,
+                Q,
                 {
                   className: "mt-1",
                   style: {
-                    width: R > 0 ? `${R}px` : void 0
+                    width: N > 0 ? `${N}px` : void 0
                   },
                   onCloseAutoFocus: (e) => {
                     c.current || e.preventDefault(), c.current = !1;
                   },
-                  collisionPadding: O,
-                  children: /* @__PURE__ */ t(
-                    K,
+                  collisionPadding: W,
+                  children: l.length === 0 ? /* @__PURE__ */ t("div", { className: "px-lg py-md", role: "presentation", children: /* @__PURE__ */ t(
+                    p,
+                    {
+                      component: "span",
+                      size: "input",
+                      weight: "regular",
+                      className: "text-comp-select-text-secondary",
+                      children: q
+                    }
+                  ) }) : /* @__PURE__ */ t(
+                    X,
                     {
                       value: r,
                       onValueChange: (e) => {
-                        c.current = !0, s == null || s(e);
+                        c.current = !0, i == null || i(e);
                       },
-                      children: i.map((e) => /* @__PURE__ */ t(
-                        Q,
+                      children: l.map((e) => /* @__PURE__ */ t(
+                        Y,
                         {
                           value: e.value.toString(),
                           disabled: e.disabled,
@@ -153,7 +163,7 @@ const Z = k(
     );
   }
 );
-Z.displayName = "Select";
+te.displayName = "Select";
 export {
-  Z as Select
+  te as Select
 };

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

@@ -15,4 +15,5 @@ export declare const Interactive: Story;
 export declare const WithPrefix: Story;
 export declare const WithIconsInOptions: Story;
 export declare const WithDisabledOptions: Story;
+export declare const NoOptions: Story;
 //# sourceMappingURL=Select.stories.d.ts.map

package/dist/components/Select/Select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAS3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAgH7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AA6BpC,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA6DtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAgCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAqDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAS3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAsH7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AA6BpC,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA6DtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAgCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAqDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAA"}