@bolttech/form-engine 3.1.0-beta.2 → 3.1.0-beta.20

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@bolttech/form-engine",
-  "version": "3.1.0-beta.2",
+  "version": "3.1.0-beta.20",
   "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.2",
-    "react": "18.2.0",
-    "rxjs": "7.8.1"
+    "@bolttech/form-engine-core": "1.0.0-beta.20",
+    "react": "18.2.0"
   },
   "peerDependencies": {}
 }

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

@@ -16,5 +16,6 @@ type TAsFormFieldBuilderProps = PropsWithChildren<Omit<IComponentSchema, 'childr
     mapper: TMapper<ElementType>;
     visibility?: boolean;
     onSelected?: (data: TFieldEvent) => void;
+    formMounted?: boolean;
 }>;
 export type { TAsFormFieldBuilderProps };

package/src/components/FieldWrapper/FieldWrapper.d.ts

@@ -7,5 +7,5 @@ import { TFieldWrapperProps } from './FieldWrapper.type';
  * @param {TFieldWrapperProps} param FieldWrapper params
  * @returns {ReactElement}
  */
-declare const FieldWrapper: ({ name, formIndex, children, props, context, }: TFieldWrapperProps) => ReactElement;
+declare const FieldWrapper: ({ name, formIndex, children, props, context, mounted, mapper, visibility, }: TFieldWrapperProps) => ReactElement;
 export default FieldWrapper;

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

@@ -1,7 +1,7 @@
-import { PropsWithChildren } from 'react';
+import { ElementType, PropsWithChildren } from 'react';
 import { TFieldWrapper } from '../../types';
 import { TFormContext } from '../../context/FormGroupContext';
-import { FormField } from '@bolttech/form-engine-core';
+import { FormField, TMapper } from '@bolttech/form-engine-core';
 /**
  * Represents the props for a field wrapper component, including children.
  *
@@ -13,6 +13,9 @@ import { FormField } from '@bolttech/form-engine-core';
 type TFieldWrapperProps = PropsWithChildren<TFieldWrapper & {
     props?: Record<string, unknown>;
     context?: TFormContext | null;
+    mounted?: boolean;
+    mapper?: TMapper<ElementType>;
+    visibility?: boolean;
 }>;
 /**
  * Represents the props for rendering a field wrapper component, including children.
@@ -24,5 +27,6 @@ type TFieldWrapperProps = PropsWithChildren<TFieldWrapper & {
 type TFieldWrapperComponentRenderProps = PropsWithChildren<{
     props: Record<string, unknown>;
     fieldInstance?: FormField;
+    mapper?: TMapper<ElementType>;
 }>;
 export type { TFieldWrapperProps, TFieldWrapperComponentRenderProps };

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

@@ -1,4 +1,4 @@
-import { FormCore, TFormCore, TFormGroup, TMapper, TSchemaFormConfig } from '@bolttech/form-engine-core';
+import { FormCore, TFormEntry, TFormGroup, TFormValues, TMapper, TSchemaFormConfig } from '@bolttech/form-engine-core';
 import { ElementType } from 'react';
 /**
  * Represents the context for managing forms within a form group.
@@ -18,7 +18,7 @@ type TFormContext = {
     addFormWithIndex: (index: string) => void;
     addForm: (payload: {
         key: string;
-        formInstance: TFormCore;
+        params: TFormEntry;
     }) => void;
     getForm: (payload: {
         key: string;
@@ -29,7 +29,7 @@ type TFormContext = {
     formGroupInstance: TFormGroup;
     mappers?: TMapper<ElementType>[];
     printFormGroupInstance: () => void;
-    submitMultipleFormsByIndex: (indexes: string[]) => void;
+    submitMultipleFormsByIndex: <T>(indexes: string[], callback?: (payload: TFormValues<T>) => void) => void;
     debugMode: boolean;
     active: boolean;
     config?: TSchemaFormConfig;

package/src/generators/formBuilder.d.ts

@@ -1,26 +1,9 @@
-import { ElementType, ReactNode } from 'react';
-import { IFormField, IComponentSchemaAsFormField } from '@bolttech/form-engine-core';
-/**
- * recursive function to transform form fields from a form instance into
- * a react component tree
- *
- * @param {Map<string,IFormField>} param.fields form instance field Map
- * @param {string} param.prevPath previous field path to track the tree branch creation
- * @param {string} param.formIndex form index to aid field identification onto the FieldWrapper
- * @returns {ReactNode}
- */
-declare const BuildTree: ({ fields, prevPath, formIndex, }: {
-    fields: Map<string, IFormField>;
-    prevPath?: string | undefined;
+import { ElementType } from 'react';
+import { TMapper, IComponentSchema } from '@bolttech/form-engine-core';
+declare const BuildSchemaAsFields: ({ components, mappers, formIndex, mountedForm, }: {
+    components?: IComponentSchema[] | undefined;
+    mappers?: TMapper<ElementType>[] | undefined;
     formIndex: string;
-}) => ReactNode;
-/**
- * function to transform AsFormField elements onto a JSON schema
- *
- * @param param.children ReactNode children elements
- * @returns {IComponentSchema[] | null | undefined}
- */
-declare const BuildAsFormFieldTree: ({ children, }: {
-    children?: ReactNode;
-}) => IComponentSchemaAsFormField<ElementType>[] | null | undefined;
-export { BuildTree, BuildAsFormFieldTree };
+    mountedForm: boolean;
+}) => import("react/jsx-runtime").JSX.Element[] | undefined;
+export { BuildSchemaAsFields };

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.
  */