@bolttech/form-engine 3.0.0-beta.51 → 3.0.0-beta.53

package/index.esm.js

@@ -2924,6 +2924,20 @@ const AsFormFieldBuilder = props => {
     }
     field === null || field === void 0 ? void 0 : field.propsSubject$.next(Object.assign(Object.assign({}, fieldProps), props.props));
   }, [props.props]);
+  useEffect(() => {
+    var _a, _b;
+    if (!props.onSelected) return;
+    (_a = context.formGroupInstance.forms.get(props.formIndex)) === null || _a === void 0 ? void 0 : _a.fields.get(props.name);
+    const callback = payload => {
+      if (props.onSelected) {
+        props.onSelected(payload);
+      }
+    };
+    const sub = (_b = context.formGroupInstance.forms.get(props.formIndex)) === null || _b === void 0 ? void 0 : _b.subscribeFieldEvent({
+      callback
+    });
+    return () => sub === null || sub === void 0 ? void 0 : sub.unsubscribe();
+  }, [props.onSelected]);
   /**
    * allows to control field visibility as a controlled component
    */

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@bolttech/form-engine",
-  "version": "3.0.0-beta.51",
+  "version": "3.0.0-beta.53",
   "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.36",
+    "@bolttech/form-engine-core": "0.0.1-beta.38",
     "react": "18.2.0",
     "rxjs": "7.8.1"
   },

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

@@ -1,4 +1,4 @@
-import { IComponentSchema, TMapper } from '@bolttech/form-engine-core';
+import { IComponentSchema, TFieldEvent, TMapper } from '@bolttech/form-engine-core';
 import { ElementType, PropsWithChildren } from 'react';
 import { TFieldWrapper } from '../../types';
 /**
@@ -7,6 +7,7 @@ import { TFieldWrapper } from '../../types';
  * also gets the formIndex for form identification and the mapper to build the component
  * @property {TMapper} mapper element mapper to use
  * @property {boolean} visibility element controlled visibility
+ * @property {(data: TFieldEvent) => void} onSelected element callback on selected option
  * @see {@link TMapper}
  * @see {@link IComponentSchema}
  * @see {@link TFieldWrapper}
@@ -14,5 +15,6 @@ import { TFieldWrapper } from '../../types';
 type TAsFormFieldBuilderProps = PropsWithChildren<Omit<IComponentSchema, 'children' | 'component' | 'name'> & Required<TFieldWrapper> & {
     mapper: TMapper<ElementType>;
     visibility?: boolean;
+    onSelected?: (data: TFieldEvent) => void;
 }>;
 export type { TAsFormFieldBuilderProps };