@bolttech/form-engine 3.1.0-beta.6 → 3.1.0-beta.7

package/index.esm.js

@@ -2176,12 +2176,13 @@ const FieldWrapper = ({
     visibility: typeof visibility === 'boolean' ? visibility : true,
     props: filteredProps
   });
+  const mountedRef = useRef(false);
   /**
    * handles the mounting and unmounting logic onto the field instance
    */
   useEffect(() => {
-    if (!mounted) return;
-    fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.mountField({
+    if (!fieldInstance || mountedRef.current) return;
+    fieldInstance.mountField({
       valueSubscription: value => {
         setValueState(value);
       },
@@ -2197,10 +2198,13 @@ const FieldWrapper = ({
         }));
       }
     });
+    mountedRef.current = true;
+  }, [fieldInstance]);
+  useEffect(() => {
     return () => {
-      mounted && (fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.destroyField());
+      mountedRef.current && (fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.destroyField());
     };
-  }, [mounted]);
+  }, []);
   /**
    * handles the value change onto the field instance
    */
@@ -2478,6 +2482,7 @@ function Form({
   } = useFormGroupContext({});
   const schemaIndex = useRef(index || (schema === null || schema === void 0 ? void 0 : schema.index) || 'defaultChange').current;
   const [mounted, setMounted] = useState(false);
+  const mountedRef = useRef(false);
   // const formInstance = useRef(
   //   new FormCore({
   //     schema,
@@ -2491,7 +2496,7 @@ function Form({
   //   })
   // );
   useEffect(() => {
-    // if (!schema) {
+    if (mountedRef.current) return;
     formGroupInstance.addForm({
       key: schemaIndex,
       formInstance: new FormCore({
@@ -2506,6 +2511,7 @@ function Form({
       })
     });
     setMounted(true);
+    mountedRef.current = true;
     // }
   }, []);
   // useEffect(() => {
@@ -2643,6 +2649,7 @@ const AsFormFieldBuilder = props => {
    */
   useEffect(() => {
     var _a;
+    if (mountedRef.current) return;
     if (typeof props.formMounted === 'undefined' && !((_a = context.formGroupInstance) === null || _a === void 0 ? void 0 : _a.forms.has(props.formIndex))) {
       context.addFormWithIndex(props.formIndex);
     }
@@ -2662,7 +2669,12 @@ const AsFormFieldBuilder = props => {
   }, [props.formMounted]);
   useEffect(() => {
     return () => {
-      mountedRef.current && context.formGroupInstance.removeField({
+      var _a, _b;
+      if ((_b = (_a = context.getForm({
+        key: props.formIndex
+      })) === null || _a === void 0 ? void 0 : _a.getField({
+        key: props.name
+      })) === null || _b === void 0 ? void 0 : _b.mounted) context.formGroupInstance.removeField({
         formIndex: props.formIndex,
         fieldIndex: props.name
       });

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@bolttech/form-engine",
-  "version": "3.1.0-beta.6",
+  "version": "3.1.0-beta.7",
   "description": "A react adapter for bolttech form engine",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",
   "dependencies": {
-    "@bolttech/form-engine-core": "1.0.0-beta.6",
+    "@bolttech/form-engine-core": "1.0.0-beta.7",
     "react": "18.2.0"
   },
   "peerDependencies": {}