@nickaux/form-configurator 1.1.215 → 1.1.216

package/dist/FormConfigurator.esm.js

@@ -39335,7 +39335,7 @@ const testValue = (operator, testFieldValue, expectedValue) => {
       }
       return true;
     default:
-      console.log(`Operator ${operator} is not recognized.`);
+      console.log(`Operator ${operator} is not recognized.`, testFieldValue, expectedValue);
       return false;
   }
 };
@@ -40211,7 +40211,7 @@ class TypeGroup extends TypeDefault {
           break;
       }
       /* @__PURE__ */ jsx$2("label", { children: param.label });
-      outputHtml = /* @__PURE__ */ jsxs("div", { class: "group-content", children: [
+      outputHtml = /* @__PURE__ */ jsxs("div", { className: "group-content", children: [
         param.customInfo ? /* @__PURE__ */ jsx$2("p", { children: param.customInfo }) : "",
         groupItems
       ] }, param);
@@ -81701,7 +81701,6 @@ class TypeSelect extends TypeDefault {
                     className: "chips-item input-chip " + ((fieldValue2 == null ? void 0 : fieldValue2.includes(item.value)) ? "item-cheked" : ""),
                     style: { backgroundColor: (item == null ? void 0 : item.color) ?? "transparent" },
                     children: [
-                      /* @__PURE__ */ jsx$2("div", { className: "icon-checked" }),
                       /* @__PURE__ */ jsx$2(
                         "input",
                         {
@@ -81716,6 +81715,7 @@ class TypeSelect extends TypeDefault {
                         }
                       ),
                       /* @__PURE__ */ jsxs("label", { htmlFor: props.id + "_" + i2, children: [
+                        /* @__PURE__ */ jsx$2("div", { className: "icon-checked" }),
                         " ",
                         item.label
                       ] })
@@ -136353,7 +136353,7 @@ const getDisplayField = (fieldValue2, param, labelFields) => {
           detailDisplay,
           " "
         ] }),
-        /* @__PURE__ */ jsx$2("div", { class: "img-container", children: /* @__PURE__ */ jsx$2("img", { src: fileSrc }) })
+        /* @__PURE__ */ jsx$2("div", { className: "img-container", children: /* @__PURE__ */ jsx$2("img", { src: fileSrc }) })
       ] });
       break;
     case "mp4":
@@ -149568,7 +149568,7 @@ function RootForm(props) {
     return /* @__PURE__ */ jsx$2(ChildComponent, {}, index2);
   }) }, "root-form") });
 }
-function FormConfigurator({ form, data: data2, options: options2, parent = {}, routePath = "" }) {
+const FormConfigurator = forwardRef(({ form, data: data2, options: options2, parent = {}, routePath = "" }, ref2) => {
   const [formManager, setFormManager] = useState();
   useEffect(() => {
     const manager = new FormManager(form, data2, options2, routePath);
@@ -149577,6 +149577,9 @@ function FormConfigurator({ form, data: data2, options: options2, parent = {}, r
       parent.formManager = manager;
     }
   }, [form, data2, options2, routePath]);
+  useImperativeHandle(ref2, () => ({
+    formManager
+  }), [formManager]);
   if (!formManager)
     return null;
   const LayoutComponent = formManager.layout;
@@ -149584,7 +149587,7 @@ function FormConfigurator({ form, data: data2, options: options2, parent = {}, r
     /* @__PURE__ */ jsx$2(FormContext.Provider, { value: formManager, children: /* @__PURE__ */ jsx$2(RootForm, {}) }),
     formManager.options.displayData && /* @__PURE__ */ jsx$2(DisplayData, {})
   ] }) });
-}
+});
 export {
   TypeDefault,
   FormConfigurator as default