@oneplatformdev/ui 0.0.1-beta.36 → 0.0.1-beta.38

package/Form/FormRenderControl.mjs

@@ -1,21 +1,21 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { FormField as d, FormItem as F, FormLabel as a, FormMessage as i } from "./Form.mjs";
-const x = (e) => {
-  const { form: n, name: m, label: o, render: t, ...l } = e;
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { FormField as d, FormItem as i, FormLabel as F, FormMessage as p } from "./Form.mjs";
+const b = (e) => {
+  const { form: n, name: m, label: o, render: t, containerProps: l = {}, ...s } = e;
   return /* @__PURE__ */ r(
     d,
     {
       control: n.control,
       name: m,
-      render: (s) => /* @__PURE__ */ c(F, { children: [
-        !!o && /* @__PURE__ */ r(a, { children: o }),
-        t(s),
-        /* @__PURE__ */ r(i, {})
+      render: (c) => /* @__PURE__ */ a(i, { ...l, children: [
+        !!o && /* @__PURE__ */ r(F, { children: o }),
+        t(c),
+        /* @__PURE__ */ r(p, {})
       ] }),
-      ...l
+      ...s
     }
   );
 };
 export {
-  x as FormRenderControl
+  b as FormRenderControl
 };

package/Form/FormRenderControl.types.d.ts

@@ -14,5 +14,6 @@ export interface FormRenderControlProps<Data extends FieldValues> {
     name: FieldPath<Data>;
     label?: string;
     render: FormRenderProps<Data>;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
 }
-export type FormRenderControlExtendProps<Data extends FieldValues> = Pick<FormRenderControlProps<Data>, 'form' | 'name' | 'label'>;
+export type FormRenderControlExtendProps<Data extends FieldValues> = Omit<FormRenderControlProps<Data>, 'render'>;

package/FormTextarea/FormTextarea.mjs

@@ -1,26 +1,27 @@
 import { jsx as r } from "react/jsx-runtime";
-import { FormControl as l } from "../Form/Form.mjs";
-import { FormRenderControl as p } from "../Form/FormRenderControl.mjs";
-import { Textarea as f } from "../Textarea/Textarea.mjs";
-const u = (e) => {
-  const { form: m, label: t, name: n, ...a } = e;
+import { FormControl as p } from "../Form/Form.mjs";
+import { FormRenderControl as i } from "../Form/FormRenderControl.mjs";
+import { Textarea as s } from "../Textarea/Textarea.mjs";
+const F = (e) => {
+  const { form: t, label: m, name: n, containerProps: a, ...l } = e;
   return /* @__PURE__ */ r(
-    p,
+    i,
     {
-      form: m,
+      form: t,
       name: n,
-      label: t,
-      render: ({ field: o }) => /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
-        f,
+      label: m,
+      containerProps: a,
+      render: ({ field: o }) => /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(
+        s,
         {
           ...o,
           value: o.value || "",
-          ...a
+          ...l
         }
       ) })
     }
   );
 };
 export {
-  u as FormTextarea
+  F as FormTextarea
 };

package/Textarea/useAutosizeTextArea.mjs

@@ -9,9 +9,9 @@ const u = ({
   f.useEffect(() => {
     const e = r.current;
     if (e) {
-      c && (e.style.minHeight = `${s + 6}px`, t > s && (e.style.maxHeight = `${t}px`), i(!1)), e.style.height = `${s + 6}px`;
+      c && (e.style.minHeight = `${s + 0}px`, t > s && (e.style.maxHeight = `${t}px`), i(!1)), e.style.height = `${s + 0}px`;
       const o = e.scrollHeight;
-      o > t ? e.style.height = `${t}px` : e.style.height = `${o + 6}px`;
+      o > t ? e.style.height = `${t}px` : e.style.height = `${o + 0}px`;
     }
   }, [r.current, l]);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.0.1-beta.36",
+  "version": "0.0.1-beta.38",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [