@bolttech/form-engine 3.1.0-beta.11 → 3.1.0-beta.12

package/index.esm.js

@@ -1791,8 +1791,10 @@ const eventsMapping = {
   ON_FIELD_KEYDOWN: 'onKeyDown',
   ON_FIELD_KEYUP: 'onKeyUp',
   ON_FIELD_MOUNT: 'onMount',
+  ON_API_FIELD_REQUEST: 'onApiRequest',
   ON_API_FIELD_RESPONSE: 'onApiResponse',
-  ON_FIELD_CLICK: 'onClick'
+  ON_FIELD_CLICK: 'onClick',
+  ON_FIELD_CLEARED: 'onFieldCleared'
 };
 
 /**
@@ -2142,12 +2144,11 @@ const FieldWrapper = ({
     visibility: typeof visibility === 'boolean' ? visibility : true,
     props: filteredProps
   });
-  const mountedRef = useRef(false);
   /**
    * handles the mounting and unmounting logic onto the field instance
    */
   useEffect(() => {
-    if (!fieldInstance || mountedRef.current) return;
+    if (!fieldInstance || (fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.mounted)) return;
     fieldInstance.mountField({
       valueSubscription: value => {
         setValueState(value);
@@ -2164,14 +2165,13 @@ const FieldWrapper = ({
         }));
       }
     });
-    mountedRef.current = true;
   }, [fieldInstance]);
   /**
    * recycle effect to remove the field Subscriptions due to memory leaks
    */
   useEffect(() => {
     return () => {
-      mountedRef.current && (fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.destroyField());
+      (fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.mounted) && (fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.destroyField());
     };
   }, []);
   /**
@@ -2397,6 +2397,11 @@ const checkedChangeEvent = event => {
 const valueChangeEvent = event => {
   return event.target.value;
 };
+const numberInputChangeEvent = number => {
+  if (number) {
+    return Number(number);
+  }
+};
 const datepickerChangeEvent = event => event;
 const dropdownChangeEvent = (event, opts) => {
   if (typeof event === 'object' && event !== null && 'value' in event && 'id' in event) {
@@ -2420,4 +2425,4 @@ const dropdownChangeEvent = (event, opts) => {
   }
 };
 
-export { AsFormField, AsFormFieldBuilder, Form, FormGroupContext, FormGroupContextProvider, checkedChangeEvent, datepickerChangeEvent, defaultChangeEvent, dropdownChangeEvent, useForm, useFormGroup, useFormGroupContext, valueChangeEvent };
+export { AsFormField, AsFormFieldBuilder, Form, FormGroupContext, FormGroupContextProvider, checkedChangeEvent, datepickerChangeEvent, defaultChangeEvent, dropdownChangeEvent, numberInputChangeEvent, useForm, useFormGroup, useFormGroupContext, valueChangeEvent };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@bolttech/form-engine",
-  "version": "3.1.0-beta.11",
+  "version": "3.1.0-beta.12",
   "description": "A react adapter for bolttech form engine",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",
   "dependencies": {
-    "@bolttech/form-engine-core": "1.0.0-beta.11",
+    "@bolttech/form-engine-core": "1.0.0-beta.12",
     "react": "18.2.0"
   },
   "peerDependencies": {}

package/src/helpers/mapper.d.ts

@@ -2,6 +2,7 @@ import { TValueChangeEvent } from '@bolttech/form-engine-core';
 declare const defaultChangeEvent: TValueChangeEvent;
 declare const checkedChangeEvent: TValueChangeEvent;
 declare const valueChangeEvent: TValueChangeEvent;
+declare const numberInputChangeEvent: TValueChangeEvent;
 declare const datepickerChangeEvent: TValueChangeEvent;
 declare const dropdownChangeEvent: TValueChangeEvent;
-export { defaultChangeEvent, checkedChangeEvent, valueChangeEvent, datepickerChangeEvent, dropdownChangeEvent, };
+export { defaultChangeEvent, checkedChangeEvent, valueChangeEvent, numberInputChangeEvent, datepickerChangeEvent, dropdownChangeEvent, };

package/src/types/index.d.ts

@@ -12,7 +12,7 @@ type TFieldWrapper = {
 /**
  * Represents the possible event properties for form fields callbacks.
  */
-type TEventProps = 'onChange' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'onKeyUp' | 'onMount' | 'onApiResponse' | 'onClick';
+type TEventProps = 'onChange' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'onKeyUp' | 'onMount' | 'onApiResponse' | 'onApiRequest' | 'onClick' | 'onFieldCleared';
 /**
  * Represents the content inside onData payload action.
  */