@bolttech/form-engine-core 1.0.8 → 1.0.9

package/index.d.ts

@@ -330,7 +330,7 @@ type TLengthValidation = {
  * const callbackValidation: TCallbackValidation = (value) => typeof value === 'string';
  * ```
  */
-type TCallbackValidation = (value: unknown, formValues: TFormValues<unknown>) => boolean;
+type TCallbackValidation = (value: unknown, formValues: Pick<TFormValues<unknown>, 'values' | 'metadata'>) => boolean;
 /**
  * @type TBetweenValidation
  * Represents validation rules that check if a value is between a range.

package/index.esm.js

@@ -1594,6 +1594,7 @@ const repeated = (value, validations) => {
  *
  * @param value - The value to be validated.
  * @param validations - An object containing validation methods, including a custom callback function.
+ * @param formValues - An object containing the form state, NOTE: validations might be dirty here
  * @returns `true` if the custom callback validation function returns `true`, otherwise `false`.
  *
  * @example
@@ -1612,9 +1613,20 @@ const repeated = (value, validations) => {
  * };
  * ```
  */
-const callback = (value, validations, formValues) => {
+const callback = (value, validations, {
+  values = [],
+  metadata = []
+} = {
+  values: [],
+  metadata: [],
+  erroredFields: [],
+  isValid: true
+}) => {
   if (!validations.callback || !((validations === null || validations === void 0 ? void 0 : validations.callback) instanceof Function)) return false;
-  return validations.callback(value, formValues);
+  return validations.callback(value, {
+    values,
+    metadata
+  });
 };
 
 /**
@@ -2913,14 +2925,20 @@ class FormField {
     valueSubscription,
     propsSubscription
   }) {
+    /*
+      NOTE: using emitEvents here will make ON_FIELD_MOUNT emit twice
+      mount logic is managed on form.ts mountActions on first render
+     */
     this.mounted = true;
     this.subscribeValue(valueSubscription);
     this.subscribeState(propsSubscription);
     this.valueSubject$.next(this.stateValue);
     this.propsSubject$.next(this.props);
     this.visibilitySubject$.next(this.visibility);
-    this.emitEvents({
-      event: 'ON_FIELD_MOUNT'
+    this.fieldEventSubject$.next({
+      event: 'ON_FIELD_MOUNT',
+      fieldName: this.name,
+      fieldInstance: this
     });
   }
   /**
@@ -3291,9 +3309,19 @@ class FormCore {
     this.fieldValidNotification$.subscribe(() => {
       this.validateForm();
     });
+    /*
+      @TODO check if this emissions can be merged
+      every value update needs to occur after and before validations on field emitValue change
+      so both callback validation and onData values are synced and fields and validations are correct
+      
+      check field.ts emitValue and emitEvents
+    */
     this.fieldEventSubject$.subscribe(() => {
       this.formValuesStateSubject$.next(this.getFormState());
     });
+    this.dataSubject$.subscribe(() => {
+      this.formValuesStateSubject$.next(this.getFormState());
+    });
     this.mountSubject$.subscribe(this.mountActions.bind(this));
     this.initialValues = entry.initialValues || ((_j = entry.schema) === null || _j === void 0 ? void 0 : _j.initialValues);
     this.iVars = entry.iVars || ((_k = entry.schema) === null || _k === void 0 ? void 0 : _k.iVars) || {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolttech/form-engine-core",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "dependencies": {
     "@gaignoux/currency": "^1.1.0",
     "credit-card-type": "^10.0.0",