@bolttech/form-engine 3.0.0-beta.36 → 3.0.0-beta.38

package/index.esm.js

@@ -2942,4 +2942,36 @@ const useFormGroup = ({
   return;
 };
 
-export { AsFormField, AsFormFieldBuilder, Form, FormGroupContext, FormGroupContextProvider, useForm, useFormGroup, useFormGroupContext };
+const defaultChangeEvent = event => {
+  return event.currentTarget.value;
+};
+const checkedChangeEvent = event => {
+  return event.currentTarget.checked;
+};
+const valueChangeEvent = event => {
+  return event.target.value;
+};
+const datepickerChangeEvent = event => event;
+const dropdownChangeEvent = (event, opts) => {
+  if (typeof event === 'object' && event !== null && 'value' in event && 'id' in event) {
+    return {
+      _value: event === null || event === void 0 ? void 0 : event.id,
+      _metadata: event
+    };
+  } else if (typeof event === 'string' && typeof opts === 'object' && 'props' in opts && typeof opts.props === 'object' && 'optionList' in opts.props && Array.isArray(opts.props.optionList)) {
+    const option = opts.props.optionList.find(el => el.value === event);
+    if (option) {
+      return {
+        _value: option.id,
+        _metadata: option
+      };
+    } else {
+      return {
+        _value: event,
+        _metadata: event
+      };
+    }
+  }
+};
+
+export { AsFormField, AsFormFieldBuilder, Form, FormGroupContext, FormGroupContextProvider, checkedChangeEvent, datepickerChangeEvent, defaultChangeEvent, dropdownChangeEvent, useForm, useFormGroup, useFormGroupContext, valueChangeEvent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolttech/form-engine",
-  "version": "3.0.0-beta.36",
+  "version": "3.0.0-beta.38",
   "description": "A react adapter for bolttech form engine",
   "module": "./index.esm.js",
   "type": "module",

package/src/helpers/mapper.d.ts

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

package/src/index.d.ts

@@ -2,3 +2,4 @@ export * from './components';
 export * from './hooks';
 export * from './context/FormGroupContext';
 export * from './types';
+export * from './helpers/mapper';

package/src/types/index.d.ts

@@ -13,14 +13,18 @@ type TFieldWrapper = {
  * Represents the possible event properties for form fields callbacks.
  */
 type TEventProps = 'onChange' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'onKeyUp' | 'onMount' | 'onApiResponse' | 'onClick';
+/**
+ * Represents the content inside onData payload action.
+ */
+type TFormData<T> = {
+    field: string;
+    data: TFormValues<T>;
+};
 /**
  * Represents a mapping of event properties to their corresponding callback functions.
  */
 type TEventsCallbackProps = Partial<Record<TEventProps, ((payload: TFieldEvent) => void) | null | undefined>> & {
-    onData?: (payload: {
-        field: string;
-        data: TFormValues<Record<string, unknown>>;
-    }) => void;
-    onSubmit?: (payload: TFormValues<Record<string, unknown>>) => void;
+    onData?: <T>(payload: TFormData<T>) => void;
+    onSubmit?: <T>(payload: TFormValues<T>) => void;
 };
 export { TFieldWrapper, TEventProps, TEventsCallbackProps };