@arudovwen/form-builder-react 1.8.0 → 1.8.1

package/dist/{index-h5u3VnI5.js → index-DzomIPXi.js}

@@ -4954,7 +4954,8 @@ const No = R.object().shape({
           )
         ] })
       ] }),
-      a
+      a,
+      n.description && /* @__PURE__ */ i("small", { className: "block text-gray-400 mt-1 text-xs", children: n.description })
     ] });
   }
 );
@@ -7238,13 +7239,16 @@ const Xo = Ze(Qo), es = R.object({
   const h = re(null), v = re((y = e == null ? void 0 : e.questionData) == null ? void 0 : y.length);
   return G(() => {
     var g, p;
-    ((g = e == null ? void 0 : e.questionData) == null ? void 0 : g.length) > v.current && h.current && requestAnimationFrame(() => {
-      var N;
-      (N = h.current) == null || N.scrollTo({
-        top: h.current.scrollHeight,
-        behavior: "smooth"
+    if (((g = e == null ? void 0 : e.questionData) == null ? void 0 : g.length) > v.current) {
+      const N = document.getElementById("section-container");
+      N && requestAnimationFrame(() => {
+        N.scrollTo({
+          top: N.scrollHeight,
+          behavior: "smooth"
+        });
       });
-    }), v.current = (p = e == null ? void 0 : e.questionData) == null ? void 0 : p.length;
+    }
+    v.current = (p = e == null ? void 0 : e.questionData) == null ? void 0 : p.length;
   }, [(f = e == null ? void 0 : e.questionData) == null ? void 0 : f.length]), /* @__PURE__ */ i(
     "div",
     {
@@ -7413,7 +7417,6 @@ const Xo = Ze(Qo), es = R.object({
   return /* @__PURE__ */ b(
     "div",
     {
-      ref: t,
       className: "relative flex flex-col h-full pb-5 mx-auto gap-x-4 ",
       children: [
         s && /* @__PURE__ */ i(
@@ -7428,6 +7431,7 @@ const Xo = Ze(Qo), es = R.object({
           "div",
           {
             id: "section-container",
+            ref: t,
             className: "relative flex flex-col flex-1 w-full gap-y-3 container overflow-y-auto",
             children: [
               r == null ? void 0 : r.map(
@@ -7538,7 +7542,7 @@ const Xo = Ze(Qo), es = R.object({
     const a = de("config"), s = (a == null ? void 0 : a.loaderColor) || "#333";
     document.documentElement.style.setProperty("--loader-color", s);
   }, []), /* @__PURE__ */ i("div", { className: n, children: /* @__PURE__ */ i("span", { className: "loader" }) });
-}, ds = se.lazy(() => import("./logic-flow-KtIPQ2fZ.js"));
+}, ds = se.lazy(() => import("./logic-flow-C_YsGfPF.js"));
 function us({
   questionData: e,
   uploadUrl: n,
@@ -8229,22 +8233,16 @@ const Oe = ({ element: e, validationData: n }) => {
     },
     [e]
   ), l = ee(() => Ei(e, s), [s, e]);
-  return a ? /* @__PURE__ */ b("div", { className: `${l ? "" : "invisible h-0"} min-w-0 w-full`, children: [
-    /* @__PURE__ */ b("div", { className: "mb-1.5 min-w-0", children: [
-      e.inputLabel && /* @__PURE__ */ b("label", { className: "block text-sm font-medium  input_label", children: [
-        e.inputLabel,
-        " ",
-        o && /* @__PURE__ */ b("span", { className: "text-gray-400 text-xs", children: [
-          "(",
-          o == null ? void 0 : o.toLowerCase(),
-          ")"
-        ] })
-      ] }),
-      e.description && /* @__PURE__ */ b("small", { className: "block text-gray-400 mt-0.5 text-xs", children: [
-        " ",
-        e.description
+  return a ? /* @__PURE__ */ b("div", { className: `${l ? "" : "hidden"} min-w-0 w-full`, children: [
+    /* @__PURE__ */ i("div", { className: "mb-1.5 min-w-0", children: e.inputLabel && /* @__PURE__ */ b("label", { className: "block text-sm font-medium  input_label", children: [
+      e.inputLabel,
+      " ",
+      o && /* @__PURE__ */ b("span", { className: "text-gray-400 text-xs", children: [
+        "(",
+        o == null ? void 0 : o.toLowerCase(),
+        ")"
       ] })
-    ] }),
+    ] }) }),
     /* @__PURE__ */ i(
       a,
       {
@@ -8255,7 +8253,8 @@ const Oe = ({ element: e, validationData: n }) => {
           isReadOnly: n.isReadOnly || e.isDisabled
         }
       }
-    )
+    ),
+    e.description && /* @__PURE__ */ i("small", { className: "block text-gray-400 mt-0.5 text-xs", children: e.description })
   ] }) : null;
 }, Ge = (e, n) => e != null && e.allowEdit ? { ...n, isReadOnly: !1 } : n;
 function As({ form_data: e, options: n }) {

package/dist/{logic-flow-KtIPQ2fZ.js → logic-flow-C_YsGfPF.js}

@@ -1,7 +1,7 @@
 import { jsxs as ce, jsx as D, Fragment as De } from "react/jsx-runtime";
 import ht, { memo as le, useState as xe, useCallback as we, forwardRef as Oo, useRef as ne, useEffect as ie, useContext as gt, createContext as fn, useMemo as be, useLayoutEffect as Aa } from "react";
 import "react-dom";
-import { A as Ia } from "./index-h5u3VnI5.js";
+import { A as Ia } from "./index-DzomIPXi.js";
 function ue(e) {
   if (typeof e == "string" || typeof e == "number") return "" + e;
   let t = "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arudovwen/form-builder-react",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "description": "A React-based form builder component library.",
   "type": "module",
   "main": "./dist/form-builder.umd.js",