@bolttech/form-engine-core 0.0.3-beta.4 → 0.0.3-beta.5

package/index.esm.js

@@ -2497,7 +2497,8 @@ class FormField {
     dataSubject$,
     formValidNotification$,
     mapper,
-    getFormValues
+    getFormValues,
+    submitEvent
   }) {
     var _a, _b, _c, _d, _e, _f, _g;
     this.valueSubscription$ = new Subscription();
@@ -2528,6 +2529,7 @@ class FormField {
     this.resetValue = resetValue;
     this.resetProperty = resetProperty;
     this.getFormValues = getFormValues;
+    this.submitEvent = submitEvent;
     this.templateSubject$ = templateSubject$;
     this.fieldEventSubject$ = fieldEventSubject$;
     this.dataSubject$ = dataSubject$;
@@ -2826,6 +2828,9 @@ class FormField {
   emitEvents({
     event
   }) {
+    if (event === 'ON_FORM_SUBMIT') {
+      return this.submitEvent();
+    }
     this.setFieldValidity({
       event
     });
@@ -2893,7 +2898,7 @@ class FormField {
         }
       });
       this.errors = eventMessages;
-    } else if (event === 'ON_FORM_SUBMIT') {
+    } else if (event === 'ON_FIELD_VALIDATION') {
       this.errors = errors;
     }
   }
@@ -3733,7 +3738,8 @@ class FormCore {
       fieldEventSubject$: this.fieldEventSubject$,
       dataSubject$: this.dataSubject$,
       formValidNotification$: this.formValidNotification$,
-      config: this.config
+      config: this.config,
+      submitEvent: this.submit.bind(this)
     }));
     this.subscribeTemplates();
     this.refreshTemplates({
@@ -3795,7 +3801,8 @@ class FormCore {
           dataSubject$: this.dataSubject$,
           formValidNotification$: this.formValidNotification$,
           config: this.config,
-          getFormValues: this.getFormValues.bind(this)
+          getFormValues: this.getFormValues.bind(this),
+          submitEvent: this.submit.bind(this)
         }));
       } else {
         currField.children = ((_b = structElement === null || structElement === void 0 ? void 0 : structElement.children) === null || _b === void 0 ? void 0 : _b.map(el => el.name)) || (currField === null || currField === void 0 ? void 0 : currField.children) || [];
@@ -3958,7 +3965,7 @@ class FormCore {
   submit() {
     this.fields.forEach(field => {
       field.emitEvents({
-        event: 'ON_FORM_SUBMIT'
+        event: 'ON_FIELD_VALIDATION'
       });
     });
     if (!this.isValid) return;

package/package.json

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

package/src/managers/field.d.ts

@@ -71,6 +71,7 @@ declare class FormField {
     }) => void;
     getFormValues: () => TFormValues<unknown>;
     valueChangeEvent: TValueChangeEvent;
+    submitEvent: () => void;
     /**
      * Creates an instance of FormField.
      *
@@ -89,7 +90,7 @@ declare class FormField {
      * @param {TMapper<unknown>} options.mapper, - component generic mapper containing render parameters for adapters
      * @param {() => TFormValues<unknown>} options.getFormValues, - form instance function that builds onData parameter payload from fields
      */
-    constructor({ schemaComponent, config, path, children, validateVisibility, resetValue, resetProperty, templateSubject$, fieldEventSubject$, dataSubject$, formValidNotification$, mapper, getFormValues, }: {
+    constructor({ schemaComponent, config, path, children, validateVisibility, resetValue, resetProperty, templateSubject$, fieldEventSubject$, dataSubject$, formValidNotification$, mapper, getFormValues, submitEvent, }: {
         schemaComponent: IComponentSchema;
         config?: TSchemaFormConfig;
         path?: string;
@@ -106,6 +107,7 @@ declare class FormField {
             event: TEvents;
             key: string;
         }) => void;
+        submitEvent: () => void;
         templateSubject$: Subject<TTemplateEvent>;
         fieldEventSubject$: Subject<TFieldEvent>;
         dataSubject$: Subject<{

package/src/types/event.d.ts

@@ -9,7 +9,7 @@ import { TFormValues } from './form';
  * 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_FIELD_CLEARED' | 'ON_FORM_SUBMIT' | 'ON_FORM_MOUNT' | '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_FIELD_CLEARED' | 'ON_FORM_SUBMIT' | 'ON_FIELD_VALIDATION' | 'ON_FORM_MOUNT' | 'ON_API_FIELD_RESPONSE';
 /**
  * @type TMutationEvents
  * Represents the different types of events that can occur internally that triggers templating.

package/src/types/mapper.d.ts

@@ -34,6 +34,7 @@ type TComponentPropsMapping = {
     setValue?: string;
     onBlur?: string;
     onClick?: string;
+    onSubmit?: string;
     onFocus?: string;
     onKeyUp?: string;
     onKeyDown?: string;