@bolttech/form-engine 3.0.0-beta.55 → 3.0.0-beta.57

package/index.esm.js

@@ -2860,6 +2860,7 @@ $({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
  * @returns {ReactElement}
  */
 const AsFormFieldBuilder = props => {
+  var _a, _b;
   const context = useFormGroupContext({});
   /**
    * state to track the field instance creation process
@@ -2924,16 +2925,18 @@ const AsFormFieldBuilder = props => {
     }
     field === null || field === void 0 ? void 0 : field.propsSubject$.next(Object.assign(Object.assign({}, fieldProps), props.props));
   }, [props.props]);
+  /**
+   * allows to control field selected value on each event
+   */
   useEffect(() => {
-    var _a, _b;
+    var _a;
     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({
+    const sub = (_a = context.formGroupInstance.forms.get(props.formIndex)) === null || _a === void 0 ? void 0 : _a.subscribeFieldEvent({
       callback
     });
     return () => sub === null || sub === void 0 ? void 0 : sub.unsubscribe();
@@ -2949,6 +2952,20 @@ const AsFormFieldBuilder = props => {
       field.visibility = props.visibility;
     }
   }, [mounted, props.visibility]);
+  /**
+   * allows to control field value as a controlled component
+   */
+  useEffect(() => {
+    var _a, _b;
+    if (!mounted) return;
+    const field = (_a = context.formGroupInstance.forms.get(props.formIndex)) === null || _a === void 0 ? void 0 : _a.fields.get(props.name);
+    if (((_b = props.mapper.events) === null || _b === void 0 ? void 0 : _b.setValue) && props.props && field) {
+      field === null || field === void 0 ? void 0 : field.emitValue({
+        value: props.props[props.mapper.events.setValue],
+        event: 'ON_FIELD_CHANGE'
+      });
+    }
+  }, [mounted, (_a = props.props) === null || _a === void 0 ? void 0 : _a[((_b = props.mapper.events) === null || _b === void 0 ? void 0 : _b.setValue) || 'value']]);
   return mounted ? jsx(FieldWrapper, {
     formIndex: props.formIndex,
     name: props.name,

package/package.json

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