@bolttech/form-engine 3.0.0-beta.42 → 3.0.0-beta.45

package/index.esm.js

@@ -2383,7 +2383,7 @@ const eventsMapping = {
 /**
  * Hook to register events callback functions
  */
-const useForm = _a => {
+function useForm(_a) {
   var {
       id,
       onData,
@@ -2457,14 +2457,14 @@ const useForm = _a => {
     };
   }, []);
   return;
-};
+}
 
 /**
  *
  * @param {TFormProps} param form properties initializor
  * @returns {ReactElement}
  */
-const Form = ({
+function Form({
   schema,
   index,
   initialValues,
@@ -2482,7 +2482,7 @@ const Form = ({
   onKeyUp,
   onMount,
   children
-}) => {
+}) {
   const {
     addForm,
     removeForm,
@@ -2636,7 +2636,7 @@ const Form = ({
       children: tree && tree
     })]
   });
-};
+}
 
 /**
  * Component wrapper to aid building schemas with react without writting a JSON schema
@@ -2850,7 +2850,7 @@ const AsFormFieldBuilder = props => {
    * Also has the logic to remove it once this element is removed
    */
   useEffect(() => {
-    var _a;
+    var _a, _b, _c;
     if (!((_a = context.formGroupInstance) === null || _a === void 0 ? void 0 : _a.forms.has(props.formIndex))) {
       context.addFormWithIndex(props.formIndex);
     }
@@ -2863,6 +2863,14 @@ const AsFormFieldBuilder = props => {
       fieldSchema,
       mapperElement: props.mapper
     });
+    if (((_b = props.mapper.events) === null || _b === void 0 ? void 0 : _b.setValue) && props.props) {
+      (_c = formInstance === null || formInstance === void 0 ? void 0 : formInstance.getField({
+        key: props.name
+      })) === null || _c === void 0 ? void 0 : _c.emitValue({
+        value: props.props[props.mapper.events.setValue],
+        event: 'ON_FIELD_MOUNT'
+      });
+    }
     setMounted(true);
     return () => formInstance === null || formInstance === void 0 ? void 0 : formInstance.removeField({
       key: props.name

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@bolttech/form-engine",
-  "version": "3.0.0-beta.42",
+  "version": "3.0.0-beta.45",
   "description": "A react adapter for bolttech form engine",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",
   "dependencies": {
-    "@bolttech/form-engine-core": "0.0.1-beta.30",
+    "@bolttech/form-engine-core": "0.0.1-beta.32",
     "react": "18.2.0"
   },
   "peerDependencies": {}

package/src/components/Form/Form.d.ts

@@ -5,5 +5,5 @@ import { TFormProps } from './Form.type';
  * @param {TFormProps} param form properties initializor
  * @returns {ReactElement}
  */
-declare const Form: ({ schema, index, initialValues, iVars, action, method, onSubmit, onData, onBlur, onChange, onApiResponse, onClick, onFocus, onKeyDown, onKeyUp, onMount, children, }: TFormProps) => ReactElement;
+declare function Form<T>({ schema, index, initialValues, iVars, action, method, onSubmit, onData, onBlur, onChange, onApiResponse, onClick, onFocus, onKeyDown, onKeyUp, onMount, children, }: TFormProps<T>): ReactElement;
 export default Form;

package/src/components/Form/Form.type.d.ts

@@ -7,5 +7,5 @@ import { TEventsCallbackProps } from '../../types';
  * @see {@link TFormEntry}
  * @see {@link TEventsCallbackProps}
  */
-type TFormProps = PropsWithChildren<Omit<TFormEntry, 'mappers'> & TEventsCallbackProps>;
+type TFormProps<T> = PropsWithChildren<Omit<TFormEntry, 'mappers'> & TEventsCallbackProps<T>>;
 export type { TFormProps };

package/src/context/FormGroupContext.type.d.ts

@@ -29,7 +29,7 @@ type TFormContext = {
     formGroupInstance: TFormGroup;
     mappers?: TMapper<ElementType>[];
     printFormGroupInstance: () => void;
-    submitMultipleFormsByIndex: <T>(indexes: string[]) => void;
+    submitMultipleFormsByIndex: (indexes: string[]) => void;
     debugMode: boolean;
     active: boolean;
 };

package/src/hooks/useForm/useForm.d.ts

@@ -2,5 +2,5 @@ import { TUseFormProps } from './useForm.type';
 /**
  * Hook to register events callback functions
  */
-declare const useForm: ({ id, onData, onSubmit, ...rest }: TUseFormProps) => void;
+declare function useForm<T>({ id, onData, onSubmit, ...rest }: TUseFormProps<T>): void;
 export default useForm;

package/src/hooks/useForm/useForm.type.d.ts

@@ -6,7 +6,7 @@ import { TEventsCallbackProps } from '../../types';
  *
  * @see {@link TEventsCallbackProps}
  */
-type TUseFormProps = {
+type TUseFormProps<T> = {
     id: string;
-} & TEventsCallbackProps;
+} & TEventsCallbackProps<T>;
 export type { TUseFormProps };

package/src/types/index.d.ts

@@ -23,8 +23,8 @@ type TFormData<T> = {
 /**
  * Represents a mapping of event properties to their corresponding callback functions.
  */
-type TEventsCallbackProps = Partial<Record<TEventProps, ((payload: TFieldEvent) => void) | null | undefined>> & {
-    onData?: <T>(payload: TFormData<T>) => void;
-    onSubmit?: <T>(payload: TFormValues<T>) => void;
+type TEventsCallbackProps<T> = Partial<Record<TEventProps, ((payload: TFieldEvent) => void) | null | undefined>> & {
+    onData?: (payload: TFormData<T>) => void;
+    onSubmit?: (payload: TFormValues<T>) => void;
 };
 export { TFieldWrapper, TEventProps, TEventsCallbackProps, TFormData };