dgz-ui-shared 1.2.23 → 1.2.24

package/dist/components/form/index.es.js

@@ -1,31 +1,31 @@
-import { FormField as h, FormLabel as u, FormItem as N, FormControl as g, Checkbox as I, Input as w, FormMessage as p, HtmlEditor as C, MaskInput as S, RadioGroupItem as T, Switch as D, Textarea as R } from "dgz-ui/form";
+import { FormField as g, FormLabel as N, FormItem as k, FormControl as p, Checkbox as I, Input as w, FormMessage as x, HtmlEditor as M, MaskInput as T, RadioGroupItem as D, Switch as R, Textarea as E } from "dgz-ui/form";
 export * from "dgz-ui/form";
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { useId as y } from "react";
-import { DATE as E, Calendar as $, TimePicker as f } from "dgz-ui/calendar";
-import { Popover as j, PopoverTrigger as z, PopoverContent as A } from "dgz-ui/popover";
-import { cn as m, dayjs as H } from "dgz-ui/utils";
-import { l as v } from "../../chunks/lodash-CRDOWzbs.es.js";
+import { DATE as $, Calendar as j, TimePicker as f } from "dgz-ui/calendar";
+import { Popover as S, PopoverTrigger as z, PopoverContent as A } from "dgz-ui/popover";
+import { cn as u, dayjs as H } from "dgz-ui/utils";
+import { l as m } from "../../chunks/lodash-CRDOWzbs.es.js";
 import { Calendar1 as G } from "lucide-react";
 import { D as L } from "../../chunks/DateRangePicker-DeoV3xqL.es.js";
-import { M as ie } from "../../chunks/MyInput-VyzguJnO.es.js";
-import { M as de } from "../../chunks/MySelect-DzvUAkVs.es.js";
+import { M as oe } from "../../chunks/MyInput-y2xZ3Bb9.es.js";
+import { M as de } from "../../chunks/MySelect-CUgwH6oV.es.js";
 const W = ({
-  control: a,
+  control: s,
   name: r,
-  label: s,
+  label: a,
   rules: n,
   ...t
 }) => {
   const c = y();
-  return r && a && /* @__PURE__ */ e(
-    h,
+  return r && s && /* @__PURE__ */ e(
+    g,
     {
-      control: a,
+      control: s,
       name: r,
       rules: n,
-      render: ({ field: l }) => /* @__PURE__ */ e(u, { className: "block", htmlFor: t.id || c, children: /* @__PURE__ */ o(N, { className: "flex flex-row items-start gap-3", children: [
-        /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
+      render: ({ field: l }) => /* @__PURE__ */ e(N, { className: "block", htmlFor: t.id || c, children: /* @__PURE__ */ i(k, { className: "flex flex-row items-start gap-3", children: [
+        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
           I,
           {
             id: t.id || c,
@@ -34,55 +34,55 @@ const W = ({
             ...t
           }
         ) }),
-        /* @__PURE__ */ e("div", { className: "space-y-1 leading-none", children: s && /* @__PURE__ */ e("div", { children: s }) })
+        /* @__PURE__ */ e("div", { className: "space-y-1 leading-none", children: a && /* @__PURE__ */ e("div", { children: a }) })
       ] }) })
     }
   ) || null;
 }, X = ({
-  control: a,
+  control: s,
   name: r,
-  label: s,
+  label: a,
   required: n,
   rules: t,
-  format: c = E,
+  format: c = $,
   floatingError: l,
-  placeholder: i,
+  placeholder: o,
   disabled: d,
-  register: k,
-  className: M,
-  inputProps: b,
-  ...F
-}) => r && a && /* @__PURE__ */ e(
-  h,
+  register: h,
+  className: b,
+  inputProps: F,
+  ...P
+}) => r && s && /* @__PURE__ */ e(
+  g,
   {
-    control: a,
+    control: s,
     name: r,
     rules: t,
-    render: ({ field: x, formState: P }) => /* @__PURE__ */ o(N, { children: [
-      s && /* @__PURE__ */ o(u, { className: "block", children: [
-        s,
+    render: ({ field: v, formState: C }) => /* @__PURE__ */ i(k, { children: [
+      a && /* @__PURE__ */ i(N, { className: "block", children: [
+        a,
         " ",
         n && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ o(j, { children: [
-        /* @__PURE__ */ e(z, { asChild: !0, children: /* @__PURE__ */ e(g, { children: /* @__PURE__ */ o("div", { className: "relative", children: [
+      /* @__PURE__ */ i(S, { children: [
+        /* @__PURE__ */ e(z, { asChild: !0, children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ i("div", { className: "relative", children: [
           /* @__PURE__ */ e(
             w,
             {
-              ...b,
-              variant: v.get(P.errors, `${r}.message`) ? "failure" : "default",
+              ...F,
+              variant: m.get(C.errors, `${r}.message`) ? "failure" : "default",
               disabled: d,
-              ...x,
+              ...v,
               readOnly: !0,
-              placeholder: i || "Pick a date",
-              value: H(x.value).format(c),
-              className: m("m-0 text-start", M)
+              placeholder: o || "Pick a date",
+              value: H(v.value).format(c),
+              className: u("m-0 text-start", b)
             }
           ),
           /* @__PURE__ */ e(
             G,
             {
-              className: m(
+              className: u(
                 "text-secondary absolute top-2.5 right-2 size-5",
                 d && "pointer-events-none opacity-50"
               )
@@ -90,176 +90,181 @@ const W = ({
           )
         ] }) }) }),
         !d && /* @__PURE__ */ e(A, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ e(
-          $,
+          j,
           {
-            ...F,
+            ...P,
             mode: "single",
-            selected: x.value,
-            onSelect: x.onChange
+            selected: v.value,
+            onSelect: v.onChange
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(
-        p,
+      m.get(C.errors, r, "") && /* @__PURE__ */ e(
+        x,
         {
-          className: m(l && "absolute -bottom-5")
+          className: u(l && "absolute -bottom-5")
         }
       )
     ] })
   }
 ) || null, Y = ({
-  control: a,
+  control: s,
   name: r,
-  label: s,
+  label: a,
   required: n,
   rules: t,
   placeholder: c,
   floatingError: l,
-  ...i
-}) => r && a && /* @__PURE__ */ e(
-  h,
+  ...o
+}) => r && s && /* @__PURE__ */ e(
+  g,
   {
-    control: a,
+    control: s,
     name: r,
     rules: t,
-    render: ({ field: d, formState: k }) => /* @__PURE__ */ o(N, { children: [
-      s && /* @__PURE__ */ o(u, { className: "block", children: [
-        s,
+    render: ({ field: d, formState: h }) => /* @__PURE__ */ i(k, { children: [
+      a && /* @__PURE__ */ i(N, { className: "block", children: [
+        a,
         " ",
         n && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
         L,
         {
-          ...i,
-          error: `${v.get(k.errors, r, "")}`,
+          ...o,
+          error: `${m.get(h.errors, r, "")}`,
           selected: d.value,
           onRangeSelected: d.onChange,
           placeholder: c
         }
       ) }) }),
-      /* @__PURE__ */ e(
-        p,
+      m.get(h.errors, r, "") && /* @__PURE__ */ e(
+        x,
         {
-          className: m(l && "absolute -bottom-5")
+          className: u(l && "absolute -bottom-5")
         }
       )
     ] })
   }
 ) || null, Z = ({
-  control: a,
+  control: s,
   name: r,
-  label: s,
+  label: a,
   rules: n,
   required: t,
   floatingError: c,
   ...l
-}) => r && a ? /* @__PURE__ */ e(
-  h,
+}) => r && s ? /* @__PURE__ */ e(
+  g,
   {
-    control: a,
+    control: s,
     name: r,
     rules: n,
-    render: ({ field: i }) => /* @__PURE__ */ o(N, { children: [
-      s && /* @__PURE__ */ o(u, { className: "block", children: [
-        s,
+    render: ({ field: o }) => /* @__PURE__ */ i(k, { children: [
+      a && /* @__PURE__ */ i(N, { className: "block", children: [
+        a,
         " ",
         t && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(C, { ...i, ...l }) }),
-      /* @__PURE__ */ e(p, { className: m(c && "absolute -bottom-5") })
+      /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(M, { ...o, ...l }) }),
+      m.get(formState.errors, r, "") && /* @__PURE__ */ e(
+        x,
+        {
+          className: u(c && "absolute -bottom-5")
+        }
+      )
     ] })
   }
-) : /* @__PURE__ */ e(C, { ...l }), ee = ({
-  control: a,
+) : /* @__PURE__ */ e(M, { ...l }), ee = ({
+  control: s,
   name: r,
-  label: s,
+  label: a,
   rules: n,
   required: t,
   floatingError: c,
   ...l
-}) => r && a && /* @__PURE__ */ e(
-  h,
+}) => r && s && /* @__PURE__ */ e(
+  g,
   {
-    control: a,
+    control: s,
     name: r,
     rules: n,
-    render: ({ field: i, formState: d }) => /* @__PURE__ */ o(N, { children: [
-      s && /* @__PURE__ */ o(u, { className: "block", children: [
-        s,
+    render: ({ field: o, formState: d }) => /* @__PURE__ */ i(k, { children: [
+      a && /* @__PURE__ */ i(N, { className: "block", children: [
+        a,
         " ",
         t && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
-        S,
+      /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+        T,
         {
           thousandsSeparator: " ",
           lazy: !1,
           placeholderChar: "_",
           unmask: !0,
-          ...i,
+          ...o,
           ...l,
-          variant: v.get(d.errors, `${r}.message`) ? "failure" : "default",
-          onAccept: (k) => i.onChange(k)
+          variant: m.get(d.errors, `${r}.message`) ? "failure" : "default",
+          onAccept: (h) => o.onChange(h)
         }
       ) }),
-      /* @__PURE__ */ e(
-        p,
+      m.get(d.errors, r, "") && /* @__PURE__ */ e(
+        x,
         {
-          className: m(c && "absolute -bottom-5")
+          className: u(c && "absolute -bottom-5")
         }
       )
     ] })
   }
 ) || null, re = ({
-  control: a,
+  control: s,
   name: r,
-  label: s,
+  label: a,
   rules: n,
   value: t,
   ...c
 }) => {
   const l = y();
-  return r && a && /* @__PURE__ */ e(
-    h,
+  return r && s && /* @__PURE__ */ e(
+    g,
     {
-      control: a,
+      control: s,
       name: r,
       rules: n,
-      render: ({ field: i }) => /* @__PURE__ */ e(u, { className: "block", htmlFor: c.id || l, children: /* @__PURE__ */ o(N, { className: "flex flex-row items-start gap-3", children: [
-        /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
-          T,
+      render: ({ field: o }) => /* @__PURE__ */ e(N, { className: "block", htmlFor: c.id || l, children: /* @__PURE__ */ i(k, { className: "flex flex-row items-start gap-3", children: [
+        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+          D,
           {
             id: c.id || l,
             value: t,
-            checked: i.value === t,
+            checked: o.value === t,
             onClick: () => {
-              i.value !== t && i.onChange(t);
+              o.value !== t && o.onChange(t);
             },
             ...c
           }
         ) }),
-        /* @__PURE__ */ e("div", { className: "space-y-1 leading-none", children: s && /* @__PURE__ */ e("div", { children: s }) })
+        /* @__PURE__ */ e("div", { className: "space-y-1 leading-none", children: a && /* @__PURE__ */ e("div", { children: a }) })
       ] }) })
     }
   ) || null;
-}, ae = ({
-  control: a,
+}, se = ({
+  control: s,
   name: r,
-  label: s,
+  label: a,
   rules: n,
   ...t
 }) => {
   const c = y();
-  return r && a && /* @__PURE__ */ e(
-    h,
+  return r && s && /* @__PURE__ */ e(
+    g,
     {
-      control: a,
+      control: s,
       name: r,
       rules: n,
-      render: ({ field: l }) => /* @__PURE__ */ e(u, { className: "block", htmlFor: t.id || c, children: /* @__PURE__ */ o(N, { className: "flex flex-row items-start gap-3", children: [
-        /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
-          D,
+      render: ({ field: l }) => /* @__PURE__ */ e(N, { className: "block", htmlFor: t.id || c, children: /* @__PURE__ */ i(k, { className: "flex flex-row items-start gap-3", children: [
+        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+          R,
           {
             id: t.id || c,
             className: "m-0",
@@ -268,85 +273,90 @@ const W = ({
             ...t
           }
         ) }),
-        /* @__PURE__ */ e("div", { className: "space-y-1 leading-none", children: s && /* @__PURE__ */ e("div", { children: s }) })
+        /* @__PURE__ */ e("div", { className: "space-y-1 leading-none", children: a && /* @__PURE__ */ e("div", { children: a }) })
       ] }) })
     }
   ) || null;
-}, se = ({
-  control: a,
+}, ae = ({
+  control: s,
   name: r,
-  label: s,
+  label: a,
   required: n,
   rules: t,
   className: c,
   floatingError: l,
-  ...i
-}) => r && a && /* @__PURE__ */ e(
-  h,
+  ...o
+}) => r && s && /* @__PURE__ */ e(
+  g,
   {
-    control: a,
+    control: s,
     name: r,
     rules: t,
-    render: ({ field: d, formState: k }) => /* @__PURE__ */ o(N, { children: [
-      s && /* @__PURE__ */ o(u, { className: "block", children: [
-        s,
+    render: ({ field: d, formState: h }) => /* @__PURE__ */ i(k, { children: [
+      a && /* @__PURE__ */ i(N, { className: "block", children: [
+        a,
         " ",
         n && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
-        R,
+      /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+        E,
         {
-          variant: v.get(k.errors, `${r}.message`) ? "failure" : "default",
-          ...i,
+          variant: m.get(h.errors, `${r}.message`) ? "failure" : "default",
+          ...o,
           ...d,
-          className: m(c)
+          className: u(c)
         }
       ) }),
-      /* @__PURE__ */ e(
-        p,
+      m.get(h.errors, r, "") && /* @__PURE__ */ e(
+        x,
         {
-          className: m(l && "absolute -bottom-5")
+          className: u(l && "absolute -bottom-5")
         }
       )
     ] })
   }
 ) || null, te = ({
-  control: a,
+  control: s,
   name: r,
-  label: s,
+  label: a,
   required: n,
   className: t,
   rules: c,
   floatingError: l,
-  ...i
-}) => r && a ? /* @__PURE__ */ e(
-  h,
+  ...o
+}) => r && s ? /* @__PURE__ */ e(
+  g,
   {
-    control: a,
+    control: s,
     name: r,
     rules: c,
-    render: ({ field: d }) => /* @__PURE__ */ o(N, { children: [
-      s && /* @__PURE__ */ o(u, { className: "block", children: [
-        s,
+    render: ({ field: d, formState: h }) => /* @__PURE__ */ i(k, { children: [
+      a && /* @__PURE__ */ i(N, { className: "block", children: [
+        a,
         " ",
         n && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(f, { ...d, ...i }) }),
-      /* @__PURE__ */ e(p, { className: m(l && "absolute -bottom-5") })
+      /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(f, { ...d, ...o }) }),
+      m.get(h.errors, r, "") && /* @__PURE__ */ e(
+        x,
+        {
+          className: u(l && "absolute -bottom-5")
+        }
+      )
     ] })
   }
-) : /* @__PURE__ */ e(f, { className: "mt-2", ...i });
+) : /* @__PURE__ */ e(f, { className: "mt-2", ...o });
 export {
   W as MyCheckbox,
   X as MyDatePicker,
   Y as MyDateRangePicker,
   Z as MyHtmlEditor,
-  ie as MyInput,
+  oe as MyInput,
   ee as MyMaskInput,
   re as MyRadio,
   de as MySelect,
-  ae as MySwitch,
-  se as MyTextarea,
+  se as MySwitch,
+  ae as MyTextarea,
   te as MyTimePicker
 };
 //# sourceMappingURL=index.es.js.map