@bolttech/form-engine 3.0.0-beta.12 → 3.0.0-beta.13

package/index.esm.js

@@ -1959,4 +1959,34 @@ const AsFormField = props => {
   });
 };
 
-export { AsFormField, Form, FormGroupContext, FormGroupContextProvider, useFormGroupContext };
+const AsFormFieldBuilder = props => {
+  const {
+    formGroupInstance,
+    addFormWithIndex,
+    removeField
+  } = useFormGroupContext();
+  const [field, setField] = useState(jsx(Fragment, {}));
+  useEffect(() => {
+    var _a;
+    if (!formGroupInstance.forms.has(props.formIndex)) {
+      addFormWithIndex(props.formIndex);
+    }
+    const fieldInstanceProps = Object.assign(Object.assign({}, props), {
+      children: undefined
+    });
+    (_a = formGroupInstance.forms.get(props.formIndex)) === null || _a === void 0 ? void 0 : _a.addField(fieldInstanceProps);
+    const field = jsx(FieldWrapper, {
+      formKey: props.formIndex,
+      index: props.name,
+      children: props.children && props.children
+    });
+    setField(field);
+    return () => removeField({
+      formIndex: props.formIndex,
+      fieldIndex: props.name
+    });
+  }, []);
+  return field;
+};
+
+export { AsFormField, AsFormFieldBuilder, Form, FormGroupContext, FormGroupContextProvider, useFormGroupContext };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@bolttech/form-engine",
-  "version": "3.0.0-beta.12",
+  "version": "3.0.0-beta.13",
   "description": "A react adapter for bolttech form engine",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",
   "dependencies": {
-    "@bolttech/form-engine-core": "0.0.1-beta.3",
+    "@bolttech/form-engine-core": "0.0.1-beta.4",
     "react": "18.2.0"
   },
   "peerDependencies": {}

package/src/components/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Form } from './Form/Form';
 export { default as AsFormField } from './AsFormField/AsFormField';
+export { default as AsFormFieldBuilder } from './AsFormFieldBuilder/AsFormFieldBuilder';