@bolttech/form-engine 3.1.0-beta.14 → 3.1.0-beta.15

package/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createContext, useContext, useRef, useEffect, useState, useMemo, useCallback, Suspense } from 'react';
-import { FormGroup, FormCore, FormField } from '@bolttech/form-engine-core';
+import { FormGroup, FormField } from '@bolttech/form-engine-core';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1656,6 +1656,7 @@ const IsolatedContext = ({
   const formGroupInstance = useRef(new FormGroup({
     config
   }));
+  const formGroupContextMountRef = useRef(false);
   const addFormWithIndex = index => {
     formGroupInstance.current.createFormWithIndex({
       index,
@@ -1664,11 +1665,11 @@ const IsolatedContext = ({
   };
   const addForm = ({
     key,
-    formInstance
+    params
   }) => {
     formGroupInstance.current.addForm({
       key,
-      formInstance
+      params
     });
   };
   const removeForm = ({
@@ -1689,6 +1690,20 @@ const IsolatedContext = ({
   function submitMultipleFormsByIndex(indexes) {
     return formGroupInstance.current.submitMultipleFormsByIndex(indexes);
   }
+  useEffect(() => {
+    return () => {
+      if (formGroupContextMountRef.current) {
+        // strictMode made me do this, Beato Carlo Acutis please forgive me
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        formGroupInstance.current.destroy();
+      }
+    };
+  }, []);
+  useEffect(() => {
+    return () => {
+      formGroupContextMountRef.current = true;
+    };
+  }, []);
   return {
     addFormWithIndex,
     addForm,
@@ -1941,7 +1956,7 @@ function Form({
     if (mountedRef.current) return;
     formGroupInstance.addForm({
       key: schemaIndex,
-      formInstance: new FormCore({
+      params: {
         schema,
         initialValues: initialValues || (schema === null || schema === void 0 ? void 0 : schema.initialValues),
         iVars: iVars || (schema === null || schema === void 0 ? void 0 : schema.iVars),
@@ -1950,7 +1965,7 @@ function Form({
         index: schemaIndex,
         mappers,
         config: config || formGroupInstance.config
-      })
+      }
     });
     setMounted(true);
     mountedRef.current = true;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@bolttech/form-engine",
-  "version": "3.1.0-beta.14",
+  "version": "3.1.0-beta.15",
   "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.14",
+    "@bolttech/form-engine-core": "1.0.0-beta.15",
     "react": "18.2.0"
   },
   "peerDependencies": {}

package/src/context/FormGroupContext.type.d.ts

@@ -1,4 +1,4 @@
-import { FormCore, TFormCore, TFormGroup, TMapper, TSchemaFormConfig } from '@bolttech/form-engine-core';
+import { FormCore, TFormEntry, TFormGroup, TMapper, TSchemaFormConfig } from '@bolttech/form-engine-core';
 import { ElementType } from 'react';
 /**
  * Represents the context for managing forms within a form group.
@@ -18,7 +18,7 @@ type TFormContext = {
     addFormWithIndex: (index: string) => void;
     addForm: (payload: {
         key: string;
-        formInstance: TFormCore;
+        params: TFormEntry;
     }) => void;
     getForm: (payload: {
         key: string;