@bolttech/form-engine-core 0.0.1-beta.32 → 0.0.1-beta.34

package/index.esm.js

@@ -3032,6 +3032,7 @@ class FormCore {
     this.submitSubject$ = new Subject();
     this.fieldEventSubject$ = new Subject();
     this.dataSubject$ = new Subject();
+    this.mountSubject$ = new Subject();
     this.subscribedTemplates = [];
     this.schema && this.serializeStructure(this.schema.components);
     this.schema && this.subscribeTemplates();
@@ -3595,6 +3596,12 @@ class FormCore {
     });
     return sub;
   }
+  subscribeOnMount(callback) {
+    const sub = this.mountSubject$.pipe(map(() => this.getFormValues())).subscribe({
+      next: callback
+    });
+    return sub;
+  }
   /**
    *
    * @param {(payload: { field: string; data: TFormValues }) => void} callback callback function to call on data
@@ -3616,6 +3623,18 @@ class FormCore {
     });
     return sub;
   }
+  /**
+   * Submits the form by triggering form field events and invoking the onSubmit callback.
+   */
+  mounted() {
+    this.fields.forEach(field => {
+      field.emitEvents({
+        event: 'ON_FORM_MOUNT'
+      });
+    });
+    const values = this.getFormValues();
+    this.mountSubject$.next(values);
+  }
   /**
    * Submits the form by triggering form field events and invoking the onSubmit callback.
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolttech/form-engine-core",
-  "version": "0.0.1-beta.32",
+  "version": "0.0.1-beta.34",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",

package/src/managers/form.d.ts

@@ -18,7 +18,8 @@ declare class FormCore {
         key: string;
         event: TMutationEvents;
     }>;
-    submitSubject$: Subject<TFormValues<Record<string, unknown>>>;
+    submitSubject$: Subject<TFormValues<any>>;
+    mountSubject$: Subject<TFormValues<any>>;
     fieldEventSubject$: Subject<TFieldEvent>;
     dataSubject$: Subject<{
         key: string;
@@ -215,23 +216,28 @@ declare class FormCore {
      *
      * @returns {TFormValues} The current form values.
      */
-    getFormValues(): TFormValues<Record<string, unknown>>;
+    getFormValues<T>(): TFormValues<T>;
     subscribeFieldEvent({ callback, }: {
         callback: (payload: TFieldEvent) => void;
     }): Subscription;
+    subscribeOnMount<T>(callback: (payload: TFormValues<T>) => void): Subscription;
     /**
      *
      * @param {(payload: { field: string; data: TFormValues }) => void} callback callback function to call on data
      */
-    subscribeData(callback: (payload: {
+    subscribeData<T>(callback: (payload: {
         field: string;
-        data: TFormValues<Record<string, unknown>>;
+        data: TFormValues<T>;
     }) => void): Subscription;
-    subscribeOnSubmit(callback: (payload: TFormValues<Record<string, unknown>>) => void): Subscription;
+    subscribeOnSubmit<T>(callback: (payload: TFormValues<T>) => void): Subscription;
     /**
      * Submits the form by triggering form field events and invoking the onSubmit callback.
      */
-    submit(): void;
+    mounted<T>(): void;
+    /**
+     * Submits the form by triggering form field events and invoking the onSubmit callback.
+     */
+    submit<T>(): void;
     destroy(): void;
 }
 type TFormCore = FormCore;

package/src/managers/formGroup.d.ts

@@ -80,12 +80,12 @@ declare class FormGroup {
      * @returns
      */
     submitMultipleFormsByIndex<T>(indexes: string[], callback?: (payload: TFormValues<T>) => void): void;
-    onDataSubscription({ ids, callback, }: {
+    onDataSubscription<T>({ ids, callback, }: {
         ids: string[];
         callback: (payload: Record<string, {
             formId: string;
             formField: string;
-            values?: TFormValues<Record<string, unknown>>;
+            values?: TFormValues<T>;
         }>) => void;
     }): import("rxjs").Subscription;
 }

package/src/types/event.d.ts

@@ -8,7 +8,7 @@ import { IFormField } from '../managers';
  * const event: TEvents = 'ON_FIELD_CHANGE';
  * ```
  */
-type TEvents = 'ON_FIELD_MOUNT' | 'ON_FIELD_CHANGE' | 'ON_FIELD_BLUR' | 'ON_FIELD_FOCUS' | 'ON_FIELD_CLICK' | 'ON_FIELD_KEYUP' | 'ON_FIELD_KEYDOWN' | 'ON_FORM_SUBMIT' | 'ON_API_FIELD_RESPONSE';
+type TEvents = 'ON_FIELD_MOUNT' | 'ON_FIELD_CHANGE' | 'ON_FIELD_BLUR' | 'ON_FIELD_FOCUS' | 'ON_FIELD_CLICK' | 'ON_FIELD_KEYUP' | 'ON_FIELD_KEYDOWN' | 'ON_FORM_SUBMIT' | 'ON_FORM_MOUNT' | 'ON_API_FIELD_RESPONSE';
 /**
  * @type TMutationEvents
  * Represents the different types of events that can occur internally that triggers templating.