laif-ds 0.2.74 → 0.2.76

package/dist/components/ui/app-form.js

@@ -1,55 +1,55 @@
 "use client";
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { cn as d } from "../../lib/utils.js";
-import { Controller as I } from "../../node_modules/react-hook-form/dist/index.esm.js";
-import { AppSelect as b } from "./app-select.js";
-import { AsyncSelect as A } from "./async-select.js";
-import { Button as F } from "./button.js";
-import { Checkbox as R } from "./checkbox.js";
-import { DatePicker as j } from "./date-picker.js";
-import { Input as M } from "./input.js";
+import { Controller as O } from "../../node_modules/react-hook-form/dist/index.esm.js";
+import { cn as s } from "../../lib/utils.js";
+import { AppSelect as v } from "./app-select.js";
+import { AsyncSelect as I } from "./async-select.js";
+import { Button as A } from "./button.js";
+import { Checkbox as F } from "./checkbox.js";
+import { DatePicker as b } from "./date-picker.js";
+import { Input as j } from "./input.js";
 import { Label as t } from "./label.js";
-import { RadioGroup as B, RadioGroupItem as D } from "./radio-group.js";
-import { Slider as T } from "./slider.js";
-import { Switch as $ } from "./switch.js";
-import { Textarea as G } from "./textarea.js";
+import { RadioGroup as R, RadioGroupItem as M } from "./radio-group.js";
+import { Slider as B } from "./slider.js";
+import { Switch as T } from "./switch.js";
+import { Textarea as $ } from "./textarea.js";
 import { Typo as i } from "./typo.js";
-const ne = ({
-  items: h,
-  cols: m = "2",
-  form: g,
+const Z = ({
+  items: u,
+  cols: g = "2",
+  form: m,
   submitText: x = "Invia",
   onSubmit: C,
-  isSubmitting: v = !1,
+  isSubmitting: p = !1,
   showSubmitButton: N = !1
 }) => {
   const {
     control: y,
     handleSubmit: f,
-    formState: { errors: S, isValid: V, isDirty: k }
-  } = g, w = (e) => {
-    const c = S[e.name]?.message, s = c ? String(c) : void 0;
+    formState: { errors: V, isValid: S, isDirty: k }
+  } = m, w = (e) => {
+    const c = V[e.name]?.message, o = c ? String(c) : void 0;
     return /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
-      I,
+      O,
       {
         name: e.name,
         control: y,
         render: ({ field: r }) => {
-          const o = /* @__PURE__ */ l("div", { className: "mb-2 flex items-center justify-between", children: [
+          const d = /* @__PURE__ */ l("div", { className: "mb-2 flex items-center justify-between", children: [
             /* @__PURE__ */ a(t, { children: e.label }),
-            s && /* @__PURE__ */ a("span", { className: "text-d-destructive text-xs", children: s })
+            o && /* @__PURE__ */ a("span", { className: "text-d-destructive text-xs", children: o })
           ] });
           switch (e.component) {
             case "input":
               return /* @__PURE__ */ l("div", { children: [
-                o,
+                d,
                 /* @__PURE__ */ a(
-                  M,
+                  j,
                   {
                     ...r,
                     type: e.inputType,
                     placeholder: e.placeholder,
-                    className: d(s && "border-d-destructive"),
+                    className: s(o && "border-d-destructive"),
                     disabled: e.disabled
                   }
                 )
@@ -58,14 +58,14 @@ const ne = ({
             case "async-multiple": {
               if (!e.fetcher || !e.renderOptionItem || !e.resolveOptionValue || !e.renderSelectedValue)
                 return /* @__PURE__ */ l("div", { children: [
-                  o,
+                  d,
                   /* @__PURE__ */ a(i, { variant: "caption", className: "text-d-destructive", children: "Async select non configurato correttamente." })
                 ] });
               const n = e.component === "async-multiple";
               return /* @__PURE__ */ l("div", { children: [
-                o,
+                d,
                 /* @__PURE__ */ a(
-                  A,
+                  I,
                   {
                     multiple: n,
                     fetcher: e.fetcher,
@@ -87,38 +87,38 @@ const ne = ({
             }
             case "textarea":
               return /* @__PURE__ */ l("div", { children: [
-                o,
+                d,
                 /* @__PURE__ */ a(
-                  G,
+                  $,
                   {
                     ...r,
                     placeholder: e.placeholder,
-                    className: d(s && "border-d-destructive"),
+                    className: s(o && "border-d-destructive"),
                     disabled: e.disabled
                   }
                 )
               ] });
             case "radio":
               return /* @__PURE__ */ l("div", { children: [
-                o,
+                d,
                 /* @__PURE__ */ a(
-                  B,
+                  R,
                   {
                     value: r.value != null ? String(r.value) : "",
                     onValueChange: (n) => r.onChange(n),
                     className: "space-y-2",
                     disabled: e.disabled,
                     children: (e.options ?? []).map((n) => {
-                      const p = `${e.name}-${n.value}`;
+                      const h = `${e.name}-${n.value}`;
                       return /* @__PURE__ */ l(
                         "div",
                         {
                           className: "flex items-center gap-2",
                           children: [
                             /* @__PURE__ */ a(
-                              D,
+                              M,
                               {
-                                id: p,
+                                id: h,
                                 value: String(n.value),
                                 disabled: e.disabled
                               }
@@ -126,8 +126,8 @@ const ne = ({
                             /* @__PURE__ */ a(
                               t,
                               {
-                                htmlFor: p,
-                                className: d(
+                                htmlFor: h,
+                                className: s(
                                   "cursor-pointer",
                                   e.disabled && "cursor-not-allowed opacity-60"
                                 ),
@@ -144,9 +144,9 @@ const ne = ({
               ] });
             case "select":
               return /* @__PURE__ */ l("div", { children: [
-                o,
+                d,
                 /* @__PURE__ */ a(
-                  b,
+                  v,
                   {
                     ...r,
                     onValueChange: (n) => r.onChange(n),
@@ -158,9 +158,9 @@ const ne = ({
               ] });
             case "multiselect":
               return /* @__PURE__ */ l("div", { children: [
-                o,
+                d,
                 /* @__PURE__ */ a(
-                  b,
+                  v,
                   {
                     ...r,
                     multiple: !0,
@@ -171,38 +171,38 @@ const ne = ({
                   }
                 )
               ] });
-            case "datepicker": {
-              const {
-                mode: n,
-                value: p,
-                onChange: L,
-                customCalendarProps: E,
-                ...O
-              } = e.datePickerProps || {}, P = {
-                value: r.value,
-                onChange: e.disabled || e.calendarRange ? void 0 : (u) => r.onChange(u),
-                placeholder: e.placeholder,
-                disabled: e.disabled,
-                customCalendarProps: e.disabled ? {
-                  disabled: !0,
-                  mode: "single"
-                } : e.calendarRange ? {
-                  mode: "range",
-                  selected: r.value,
-                  onSelect: (u) => r.onChange(u)
-                } : void 0,
-                ...O
-              };
+            case "datepicker":
               return /* @__PURE__ */ l("div", { className: "relative", children: [
-                o,
-                /* @__PURE__ */ a(j, { ...P })
+                d,
+                e.calendarRange ? /* @__PURE__ */ a(
+                  b,
+                  {
+                    mode: "range",
+                    value: r.value,
+                    onChange: e.disabled ? void 0 : (n) => r.onChange(n),
+                    placeholder: e.placeholder,
+                    disabled: e.disabled
+                  }
+                ) : /* @__PURE__ */ a(
+                  b,
+                  {
+                    mode: "single",
+                    value: r.value,
+                    onChange: e.disabled ? void 0 : (n) => r.onChange(n),
+                    placeholder: e.placeholder,
+                    disabled: e.disabled,
+                    customCalendarProps: e.disabled ? {
+                      disabled: !0,
+                      mode: "single"
+                    } : void 0
+                  }
+                )
               ] });
-            }
             case "checkbox":
               return /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
                 /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ a(
-                    R,
+                    F,
                     {
                       ...r,
                       id: e.name,
@@ -215,14 +215,14 @@ const ne = ({
                     t,
                     {
                       htmlFor: e.name,
-                      className: d(
+                      className: s(
                         "cursor-pointer",
                         e.disabled && "cursor-not-allowed opacity-60"
                       ),
                       children: e.label
                     }
                   ),
-                  s && /* @__PURE__ */ a("span", { className: "text-d-destructive text-xs", children: s })
+                  o && /* @__PURE__ */ a("span", { className: "text-d-destructive text-xs", children: o })
                 ] }),
                 e.caption && /* @__PURE__ */ a(
                   i,
@@ -248,7 +248,7 @@ const ne = ({
                     )
                   ] }),
                   /* @__PURE__ */ a(
-                    $,
+                    T,
                     {
                       id: e.name,
                       checked: !!r.value,
@@ -257,13 +257,13 @@ const ne = ({
                     }
                   )
                 ] }),
-                s && /* @__PURE__ */ a("span", { className: "text-d-destructive text-xs", children: s })
+                o && /* @__PURE__ */ a("span", { className: "text-d-destructive text-xs", children: o })
               ] });
             case "slider":
               return /* @__PURE__ */ l("div", { children: [
-                o,
+                d,
                 /* @__PURE__ */ a(
-                  T,
+                  B,
                   {
                     value: Array.isArray(r.value) ? r.value : [r.value || e.min || 0],
                     onValueChange: (n) => r.onChange(n[0]),
@@ -289,25 +289,25 @@ const ne = ({
     ) });
   };
   return /* @__PURE__ */ l("form", { onSubmit: f((e) => C?.(e)), children: [
-    /* @__PURE__ */ a("div", { className: d("grid gap-4", `grid-cols-${m}`), children: h.map((e, c) => /* @__PURE__ */ a(
+    /* @__PURE__ */ a("div", { className: s("grid gap-4", `grid-cols-${g}`), children: u.map((e, c) => /* @__PURE__ */ a(
       "div",
       {
-        className: d(c === h.length - 1 && "col-span-full"),
+        className: s(c === u.length - 1 && "col-span-full"),
         children: w(e)
       },
       e.name
     )) }),
     N && /* @__PURE__ */ a("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ a(
-      F,
+      A,
       {
         type: "submit",
-        disabled: !V || !k || v,
-        isLoading: v,
+        disabled: !S || !k || p,
+        isLoading: p,
         children: x
       }
     ) })
   ] });
 };
 export {
-  ne as AppForm
+  Z as AppForm
 };

package/dist/components/ui/app-multiple-select-dropdown.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as r, jsxs as l, Fragment as A } from "react/jsx-runtime";
-import { Badge as B } from "./badge.js";
-import { Command as E, CommandList as F, CommandEmpty as V, CommandGroup as G, CommandItem as X } from "./command.js";
-import { Label as $ } from "./label.js";
-import { cn as u } from "../../lib/utils.js";
 import * as t from "react";
-import { useEffect as q } from "react";
+import { useEffect as B } from "react";
+import { Badge as E } from "./badge.js";
+import { Command as F, CommandList as V, CommandEmpty as G, CommandGroup as X, CommandItem as $ } from "./command.js";
+import { Label as q } from "./label.js";
+import { cn as u } from "../../lib/utils.js";
 import { selectTriggerVariants as H } from "./async-select.js";
 import { Checkbox as I } from "./checkbox.js";
 import { Icon as x } from "./icon.js";
@@ -16,11 +16,11 @@ const Z = t.createContext({ size: "default" });
 function ue({
   options: a,
   value: n,
-  onChange: o,
-  onClear: g,
+  onChange: s,
+  onClear: m,
   placeholder: C = "Seleziona...",
   disabled: y = !1,
-  size: m = "default",
+  size: f = "default",
   label: b,
   labelClassName: k,
   emptyMessage: M = "Nessun risultato trovato",
@@ -30,66 +30,66 @@ function ue({
   cancelLabel: j = "Cancella selezione",
   maxSelectedItems: i
 }) {
-  const f = t.useId(), [s, D] = t.useState(!1), [c, v] = t.useState(""), [O, S] = t.useState(
+  const p = t.useId(), [o, D] = t.useState(!1), [c, v] = t.useState(""), [O, S] = t.useState(
     void 0
-  ), L = t.useRef(null), p = t.useRef(null), w = t.useCallback(
+  ), L = t.useRef(null), h = t.useRef(null), w = t.useCallback(
     (e) => {
       if (n.includes(e))
-        o(n.filter((d) => d !== e));
+        s(n.filter((d) => d !== e));
       else {
         if (i && n.length >= i)
           return;
-        o([...n, e]);
+        s([...n, e]);
       }
     },
-    [n, o, i]
+    [n, s, i]
   ), T = t.useCallback(() => {
-    o([]), v(""), g && g();
-  }, [o]), h = t.useMemo(() => a.filter((e) => n.includes(e.value)), [a, n]), W = t.useMemo(() => c ? a.filter(
+    s([]), v(""), m && m();
+  }, [s, m]), g = t.useMemo(() => a.filter((e) => n.includes(e.value)), [a, n]), W = t.useMemo(() => c ? a.filter(
     (e) => e.label.toLowerCase().includes(c.toLowerCase())
   ) : a, [a, c]), N = t.useMemo(() => i ? n.length >= i : !1, [n, i]);
-  return q(() => {
-    if (s && p.current) {
-      const e = p.current.getBoundingClientRect();
+  return B(() => {
+    if (o && h.current) {
+      const e = h.current.getBoundingClientRect();
       S(e.width);
     }
-  }, [s]), /* @__PURE__ */ r(Z.Provider, { value: { size: m, id: f }, children: /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
-    b && /* @__PURE__ */ r($, { htmlFor: f, className: u(k, "w-fit"), children: b }),
+  }, [o]), /* @__PURE__ */ r(Z.Provider, { value: { size: f, id: p }, children: /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+    b && /* @__PURE__ */ r(q, { htmlFor: p, className: u(k, "w-fit"), children: b }),
     /* @__PURE__ */ r(
       "div",
       {
         ref: L,
         className: "relative w-full",
         "data-slot": "app-multiple-select-dropdown",
-        children: /* @__PURE__ */ l(K, { open: s, onOpenChange: D, children: [
+        children: /* @__PURE__ */ l(K, { open: o, onOpenChange: D, children: [
           /* @__PURE__ */ r(Q, { asChild: !0, children: /* @__PURE__ */ l(
             "button",
             {
-              id: f,
+              id: p,
               type: "button",
               role: "combobox",
-              "aria-expanded": s,
+              "aria-expanded": o,
               disabled: y,
-              ref: p,
+              ref: h,
               className: u(
-                H({ size: m }),
+                H({ size: f }),
                 "!bg-d-input hover:bg-d-input/50 relative w-full justify-between font-normal",
                 "ring-offset-background border-d-border/50 flex items-center rounded-md border whitespace-nowrap focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
                 "aria-invalid:ring-d-destructive/20 aria-invalid:border-d-destructive",
                 "focus-visible:ring-d-ring focus-visible:ring-1",
-                s && "ring-d-ring ring-1",
+                o && "ring-d-ring ring-1",
                 z
               ),
               children: [
-                /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between gap-2 overflow-hidden", children: h.length > 0 ? /* @__PURE__ */ l(A, { children: [
+                /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between gap-2 overflow-hidden", children: g.length > 0 ? /* @__PURE__ */ l(A, { children: [
                   /* @__PURE__ */ l(
-                    B,
+                    E,
                     {
                       variant: "secondary",
                       className: "!bg-d-accent flex items-center gap-1",
                       children: [
-                        /* @__PURE__ */ r("span", { children: h.length }),
-                        h.length === 1 ? " elemento selezionato" : " elementi selezionati"
+                        /* @__PURE__ */ r("span", { children: g.length }),
+                        g.length === 1 ? " elemento selezionato" : " elementi selezionati"
                       ]
                     }
                   ),
@@ -127,7 +127,7 @@ function ue({
               sideOffset: 4,
               onWheel: (e) => e.stopPropagation(),
               avoidCollisions: !1,
-              children: /* @__PURE__ */ l(E, { className: "bg-d-popover w-full rounded-md border border-none", children: [
+              children: /* @__PURE__ */ l(F, { className: "bg-d-popover w-full rounded-md border border-none", children: [
                 R && /* @__PURE__ */ r("div", { className: "border-d-border flex items-center justify-between border-b px-3", children: /* @__PURE__ */ l("div", { className: "flex items-center", children: [
                   /* @__PURE__ */ r(
                     x,
@@ -144,16 +144,16 @@ function ue({
                       placeholder: P,
                       value: c,
                       onChange: (e) => v(e.target.value),
-                      className: `focus-visible:ring-none border-none focus-visible:border-none disabled:opacity-50 ${J({ size: m })} !shadow-none`
+                      className: `focus-visible:ring-none border-none focus-visible:border-none disabled:opacity-50 ${J({ size: f })} !shadow-none`
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ l(F, { className: "max-h-60 w-full", children: [
-                  /* @__PURE__ */ r(V, { children: M }),
-                  /* @__PURE__ */ r(G, { children: W.map((e) => {
+                /* @__PURE__ */ l(V, { className: "max-h-60 w-full", children: [
+                  /* @__PURE__ */ r(G, { children: M }),
+                  /* @__PURE__ */ r(X, { children: W.map((e) => {
                     const d = n.includes(e.value);
                     return /* @__PURE__ */ l(
-                      X,
+                      $,
                       {
                         value: e.value,
                         disabled: e.disabled || !d && N,