@bolttech/form-engine-core 0.0.1-beta.31 → 0.0.1-beta.33

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();
@@ -3339,6 +3340,10 @@ class FormCore {
    */
   setFieldVisibility(field, hasError, showOnlyIfTrue) {
     if (!this.fields.has(field)) {
+      /*
+       * check with João the need for a global mount event for the form
+       * to avoid not displaying this message in some cases
+       */
       console.warn(`failed to update visibility onto field ${field}`);
     } else {
       this.fields.get(field).visibility = showOnlyIfTrue ? hasError : !hasError;
@@ -3591,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
@@ -3612,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.31",
+  "version": "0.0.1-beta.33",
   "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/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.