@bolttech/form-engine-core 0.0.1-beta.35 → 0.0.1-beta.37

package/index.esm.js

@@ -730,10 +730,11 @@ const custom = (value, masks) => {
   if (!masks.custom || !value) return value;
   let mask = '';
   let index = 0;
+  let convertedValue = value.replace(/[^\w\s]/gi, '');
   for (let i = 0; i < masks.custom.length; i++) {
     if (masks.custom[i] === '#') {
-      if (index < value.length) {
-        mask += value[index];
+      if (index < convertedValue.length) {
+        mask += convertedValue[index];
         index++;
       } else {
         break;
@@ -3343,7 +3344,7 @@ class FormCore {
       /*
        * check with João the need for a global mount event for the form
        * to avoid not displaying this message in some cases (AsFormField)
-       * sugestion: create subscriber to targetField.ON_FIELD_MOUNT
+       * suggestion: create subscriber to targetField.ON_FIELD_MOUNT
        */
       console.warn(`failed to update visibility onto field ${field}`);
     } else {
@@ -3380,6 +3381,27 @@ class FormCore {
       });
     });
   }
+  /**
+   * @internal
+   * Update field value and emit change and cleared event.
+   *
+   * @param {string} key - Field name to be updated.
+   * @param {unknown} value - Value to be inserted into field.
+   */
+  setResetFieldValue(key, value) {
+    if (!this.fields.has(key)) {
+      console.warn(`failed to reset value onto field ${key}`);
+    } else {
+      const field = this.fields.get(key);
+      field.emitValue({
+        value: value,
+        event: 'ON_FIELD_CHANGE'
+      });
+      field.emitEvents({
+        event: 'ON_FIELD_CLEARED'
+      });
+    }
+  }
   /**
    * Resets field values based on reset conditions defined in the schema.
    *
@@ -3402,16 +3424,10 @@ class FormCore {
           if (Array.isArray(structElement.fields)) {
             structElement.fields.forEach((fieldKey, index) => {
               const resettledValue = Array.isArray(structElement.resettledValue) ? structElement.resettledValue[index] : structElement.resettledValue;
-              if (!this.fields.has(fieldKey)) console.warn(`failed to reset value onto field ${fieldKey}`);else this.fields.get(fieldKey).emitValue({
-                value: resettledValue,
-                event: 'ON_FIELD_CHANGE'
-              });
+              this.setResetFieldValue(fieldKey, resettledValue);
             });
           } else if (structElement.fields) {
-            if (!this.fields.has(structElement.fields)) console.warn(`failed to reset value onto field ${structElement.fields}`);else this.fields.get(structElement.fields).emitValue({
-              value: structElement.resettledValue,
-              event: 'ON_FIELD_CHANGE'
-            });
+            this.setResetFieldValue(structElement.fields, structElement.resettledValue);
           }
         }
       });

package/package.json

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

package/src/managers/form.d.ts

@@ -160,6 +160,14 @@ declare class FormCore {
         event: TEvents;
         key: string;
     }): void;
+    /**
+     * @internal
+     * Update field value and emit change and cleared event.
+     *
+     * @param {string} key - Field name to be updated.
+     * @param {unknown} value - Value to be inserted into field.
+     */
+    private setResetFieldValue;
     /**
      * Resets field values based on reset conditions defined in the schema.
      *

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_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_FORM_MOUNT' | 'ON_API_FIELD_RESPONSE';
 /**
  * @type TMutationEvents
  * Represents the different types of events that can occur internally that triggers templating.
@@ -46,4 +46,4 @@ type TFieldEvent = {
     fieldName: string;
     fieldInstance?: IFormField;
 };
-export { TEvents, TMutationEvents, TMutationEnum, TValueChangeEvent, TFieldEvent };
+export { TEvents, TMutationEvents, TMutationEnum, TValueChangeEvent, TFieldEvent, };