fina-react-ds 1.0.37 → 1.0.38

package/dist/components/form-file-uploader.d.ts

@@ -1,6 +1,7 @@
 import { FileUploader } from "./file-uploader";
-export declare function FormFileUploader({ name, label, required, ...props }: {
+export declare function FormFileUploader({ name, label, description, required, ...props }: {
     name: string;
     label: string;
+    description?: string;
     required?: boolean;
 } & React.ComponentProps<typeof FileUploader>): import("react/jsx-runtime").JSX.Element;

package/dist/components/form-file-uploader.js

@@ -1,30 +1,32 @@
-var F = Object.defineProperty;
-var m = (o, e) => F(o, "name", { value: e, configurable: !0 });
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { useFormContext as s } from "react-hook-form";
-import { FormField as f, FormItem as p, FormLabel as a, FormControl as c, FormMessage as u } from "./form.js";
-import { FileUploader as x } from "./file-uploader.js";
-function v({
+var d = Object.defineProperty;
+var m = (o, e) => d(o, "name", { value: e, configurable: !0 });
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { useFormContext as c } from "react-hook-form";
+import { FormField as f, FormItem as p, FormLabel as a, FormControl as h, FormDescription as u, FormMessage as x } from "./form.js";
+import { FileUploader as j } from "./file-uploader.js";
+function I({
   name: o,
   label: e,
-  required: l = !1,
+  description: l,
+  required: i = !1,
   ...t
 }) {
-  const { control: i } = s();
+  const { control: n } = c();
   return /* @__PURE__ */ r(
     f,
     {
-      control: i,
+      control: n,
       name: o,
-      render: /* @__PURE__ */ m(({ field: { value: h, ...n } }) => /* @__PURE__ */ d(p, { children: [
-        /* @__PURE__ */ r(a, { required: l, children: e }),
-        /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(x, { ...n, ...t }) }),
-        /* @__PURE__ */ r(u, {})
+      render: /* @__PURE__ */ m(({ field: { value: C, ...F } }) => /* @__PURE__ */ s(p, { children: [
+        /* @__PURE__ */ r(a, { required: i, children: e }),
+        /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(j, { ...F, ...t }) }),
+        l && /* @__PURE__ */ r(u, { children: l }),
+        /* @__PURE__ */ r(x, {})
       ] }), "render")
     }
   );
 }
-m(v, "FormFileUploader");
+m(I, "FormFileUploader");
 export {
-  v as FormFileUploader
+  I as FormFileUploader
 };

package/dist/components/form-image-uploader.d.ts

@@ -1,7 +1,8 @@
 import { ImageUploader } from "./image-uploader";
-export declare function FormImageUploader({ name, label, required, actualImageUrl, ...props }: {
+export declare function FormImageUploader({ name, label, description, required, actualImageUrl, ...props }: {
     name: string;
     label: string;
+    description?: string;
     required?: boolean;
     actualImageUrl?: string;
 } & React.ComponentProps<typeof ImageUploader>): import("react/jsx-runtime").JSX.Element;

package/dist/components/form-image-uploader.js

@@ -1,31 +1,40 @@
 var d = Object.defineProperty;
 var m = (o, e) => d(o, "name", { value: e, configurable: !0 });
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { useFormContext as F } from "react-hook-form";
-import { FormField as f, FormItem as p, FormLabel as c, FormControl as u, FormMessage as x } from "./form.js";
-import { ImageUploader as g } from "./image-uploader.js";
-function v({
+import { useFormContext as c } from "react-hook-form";
+import { FormField as f, FormItem as p, FormLabel as h, FormControl as u, FormDescription as x, FormMessage as g } from "./form.js";
+import { ImageUploader as I } from "./image-uploader.js";
+function L({
   name: o,
   label: e,
+  description: l,
   required: t = !1,
-  actualImageUrl: l = "",
-  ...n
+  actualImageUrl: n = "",
+  ...i
 }) {
-  const { control: i } = F();
+  const { control: F } = c();
   return /* @__PURE__ */ r(
     f,
     {
-      control: i,
+      control: F,
       name: o,
-      render: /* @__PURE__ */ m(({ field: { value: h, ...a } }) => /* @__PURE__ */ s(p, { children: [
-        /* @__PURE__ */ r(c, { required: t, children: e }),
-        /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(g, { actualImageUrl: l, ...a, ...n }) }),
-        /* @__PURE__ */ r(x, {})
+      render: /* @__PURE__ */ m(({ field: { value: j, ...a } }) => /* @__PURE__ */ s(p, { children: [
+        /* @__PURE__ */ r(h, { required: t, children: e }),
+        /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(
+          I,
+          {
+            actualImageUrl: n,
+            ...a,
+            ...i
+          }
+        ) }),
+        l && /* @__PURE__ */ r(x, { children: l }),
+        /* @__PURE__ */ r(g, {})
       ] }), "render")
     }
   );
 }
-m(v, "FormImageUploader");
+m(L, "FormImageUploader");
 export {
-  v as FormImageUploader
+  L as FormImageUploader
 };

package/dist/components/form-input.d.ts

@@ -1,6 +1,7 @@
 import { Input } from "./input";
-export declare function FormInput({ name, label, required, ...props }: {
+export declare function FormInput({ name, label, description, required, ...props }: {
     name: string;
     label: string;
+    description?: string;
     required: boolean;
 } & React.ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;

package/dist/components/form-input.js

@@ -1,33 +1,35 @@
-var u = Object.defineProperty;
-var t = (o, e) => u(o, "name", { value: e, configurable: !0 });
-import { jsx as r, jsxs as F } from "react/jsx-runtime";
-import { useFormContext as c } from "react-hook-form";
-import { FormField as f, FormItem as d, FormLabel as a, FormControl as x, FormMessage as h } from "./form.js";
-import { Input as I } from "./input.js";
-function L({
+var p = Object.defineProperty;
+var m = (o, e) => p(o, "name", { value: e, configurable: !0 });
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { useFormContext as f } from "react-hook-form";
+import { FormField as d, FormItem as a, FormLabel as h, FormControl as x, FormDescription as I, FormMessage as j } from "./form.js";
+import { Input as v } from "./input.js";
+function M({
   name: o,
   label: e,
-  required: m = !1,
-  ...n
+  description: t,
+  required: n = !1,
+  ...l
 }) {
-  const { control: l } = c();
+  const { control: i } = f();
   return /* @__PURE__ */ r(
-    f,
+    d,
     {
-      control: l,
+      control: i,
       name: o,
-      render: /* @__PURE__ */ t(({ field: i }) => {
-        const { value: s, ...p } = i;
-        return /* @__PURE__ */ F(d, { children: [
-          /* @__PURE__ */ r(a, { required: m, children: e }),
-          /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(I, { value: s ?? "", ...p, ...n }) }),
-          /* @__PURE__ */ r(h, {})
+      render: /* @__PURE__ */ m(({ field: s }) => {
+        const { value: F, ...c } = s;
+        return /* @__PURE__ */ u(a, { children: [
+          /* @__PURE__ */ r(h, { required: n, children: e }),
+          /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(v, { value: F ?? "", ...c, ...l }) }),
+          t && /* @__PURE__ */ r(I, { children: t }),
+          /* @__PURE__ */ r(j, {})
         ] });
       }, "render")
     }
   );
 }
-t(L, "FormInput");
+m(M, "FormInput");
 export {
-  L as FormInput
+  M as FormInput
 };

package/dist/components/form-select.d.ts

@@ -1,7 +1,8 @@
 import { Select } from "./select";
-export declare function FormSelect({ name, label, required, options, isMulti, isClearable, onChange, ...props }: {
+export declare function FormSelect({ name, label, description, required, options, isMulti, isClearable, onChange, ...props }: {
     name: string;
     label: string;
+    description?: string;
     required?: boolean;
     options: {
         value: string;

package/dist/components/form-select.js

@@ -1,49 +1,51 @@
-var h = Object.defineProperty;
-var o = (e, n) => h(e, "name", { value: n, configurable: !0 });
-import { jsx as r, jsxs as x } from "react/jsx-runtime";
-import { useFormContext as C } from "react-hook-form";
-import { FormField as g, FormItem as u, FormLabel as j, FormControl as S, FormMessage as b } from "./form.js";
-import { Select as I } from "./select.js";
-function q({
+var x = Object.defineProperty;
+var o = (e, n) => x(e, "name", { value: n, configurable: !0 });
+import { jsx as r, jsxs as C } from "react/jsx-runtime";
+import { useFormContext as g } from "react-hook-form";
+import { FormField as u, FormItem as j, FormLabel as S, FormControl as b, FormDescription as D, FormMessage as I } from "./form.js";
+import { Select as L } from "./select.js";
+function v({
   name: e,
   label: n,
-  required: i = !1,
-  options: l,
-  isMulti: s = !1,
-  isClearable: f = !1,
+  description: m,
+  required: l = !1,
+  options: s,
+  isMulti: f = !1,
+  isClearable: c = !1,
   onChange: t = void 0,
-  ...c
+  ...F
 }) {
-  const { control: d } = C();
+  const { control: d } = g();
   return /* @__PURE__ */ r(
-    g,
+    u,
     {
       control: d,
       name: e,
-      render: /* @__PURE__ */ o(({ field: F }) => {
-        const { onChange: a, ...p } = F;
-        return /* @__PURE__ */ x(u, { children: [
-          /* @__PURE__ */ r(j, { required: i, children: n }),
-          /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(
-            I,
+      render: /* @__PURE__ */ o(({ field: a }) => {
+        const { onChange: h, ...p } = a;
+        return /* @__PURE__ */ C(j, { children: [
+          /* @__PURE__ */ r(S, { required: l, children: n }),
+          /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
+            L,
             {
-              onChange: /* @__PURE__ */ o((m) => {
-                a(m), t && t(m);
+              onChange: /* @__PURE__ */ o((i) => {
+                h(i), t && t(i);
               }, "onChange"),
               ...p,
-              options: l,
-              isMulti: s,
-              isClearable: f,
-              ...c
+              options: s,
+              isMulti: f,
+              isClearable: c,
+              ...F
             }
           ) }),
-          /* @__PURE__ */ r(b, {})
+          m && /* @__PURE__ */ r(D, { children: m }),
+          /* @__PURE__ */ r(I, {})
         ] });
       }, "render")
     }
   );
 }
-o(q, "FormSelect");
+o(v, "FormSelect");
 export {
-  q as FormSelect
+  v as FormSelect
 };

package/dist/components/form-textarea.d.ts

@@ -1,6 +1,7 @@
 import { Textarea } from "./textarea";
-export declare function FormTextarea({ name, label, required, ...props }: {
+export declare function FormTextarea({ name, label, description, required, ...props }: {
     name: string;
     label: string;
+    description?: string;
     required?: boolean;
 } & React.ComponentProps<typeof Textarea>): import("react/jsx-runtime").JSX.Element;

package/dist/components/form-textarea.js

@@ -1,33 +1,35 @@
-var F = Object.defineProperty;
-var t = (o, e) => F(o, "name", { value: e, configurable: !0 });
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { useFormContext as f } from "react-hook-form";
-import { FormField as d, FormItem as p, FormLabel as u, FormControl as x, FormMessage as h } from "./form.js";
-import { Textarea as j } from "./textarea.js";
-function I({
+var c = Object.defineProperty;
+var m = (o, e) => c(o, "name", { value: e, configurable: !0 });
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import { useFormContext as d } from "react-hook-form";
+import { FormField as p, FormItem as u, FormLabel as x, FormControl as h, FormDescription as j, FormMessage as v } from "./form.js";
+import { Textarea as C } from "./textarea.js";
+function L({
   name: o,
   label: e,
-  required: m = !1,
-  ...n
+  description: t,
+  required: n = !1,
+  ...l
 }) {
-  const { control: l } = f();
+  const { control: i } = d();
   return /* @__PURE__ */ r(
-    d,
+    p,
     {
-      control: l,
+      control: i,
       name: o,
-      render: /* @__PURE__ */ t(({ field: i }) => {
-        const { value: s, ...a } = i;
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ r(u, { required: m, children: e }),
-          /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(j, { value: s ?? "", ...a, ...n }) }),
-          /* @__PURE__ */ r(h, {})
+      render: /* @__PURE__ */ m(({ field: s }) => {
+        const { value: a, ...F } = s;
+        return /* @__PURE__ */ f(u, { children: [
+          /* @__PURE__ */ r(x, { required: n, children: e }),
+          /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(C, { value: a ?? "", ...F, ...l }) }),
+          t && /* @__PURE__ */ r(j, { children: t }),
+          /* @__PURE__ */ r(v, {})
         ] });
       }, "render")
     }
   );
 }
-t(I, "FormTextarea");
+m(L, "FormTextarea");
 export {
-  I as FormTextarea
+  L as FormTextarea
 };

package/package.json

@@ -5,7 +5,7 @@
     "url": "https://github.com/F1na/fina-react-ds"
   },
   "private": false,
-  "version": "1.0.37",
+  "version": "1.0.38",
   "type": "module",
   "files": [
     "dist"