@bolttech/form-engine 3.0.0-beta.56 → 3.0.0-beta.58

package/index.esm.js

@@ -2872,7 +2872,7 @@ const AsFormFieldBuilder = props => {
    * Also has the logic to remove it once this element is removed
    */
   useEffect(() => {
-    var _a, _b;
+    var _a, _b, _c, _d;
     if (!((_a = context.formGroupInstance) === null || _a === void 0 ? void 0 : _a.forms.has(props.formIndex))) {
       context.addFormWithIndex(props.formIndex);
     }
@@ -2888,12 +2888,20 @@ const AsFormFieldBuilder = props => {
     const field = formInstance === null || formInstance === void 0 ? void 0 : formInstance.getField({
       key: props.name
     });
+    /* This line is only for scenario that we have value by the component props */
     if (((_b = props.mapper.events) === null || _b === void 0 ? void 0 : _b.setValue) && props.props) {
       field === null || field === void 0 ? void 0 : field.emitValue({
         value: props.props[props.mapper.events.setValue],
         event: 'ON_FIELD_MOUNT'
       });
     }
+    /* This line is only for scenario that we have value by the instanced form (initialValues) */
+    if ((_c = formInstance === null || formInstance === void 0 ? void 0 : formInstance.initialValues) === null || _c === void 0 ? void 0 : _c[props.nameToSubmit || props.name]) {
+      field === null || field === void 0 ? void 0 : field.emitValue({
+        value: (_d = formInstance.initialValues) === null || _d === void 0 ? void 0 : _d[props.nameToSubmit || props.name],
+        event: 'ON_FIELD_MOUNT'
+      });
+    }
     if (typeof (props === null || props === void 0 ? void 0 : props.visibility) !== 'undefined' && field) {
       field.visibility = props.visibility;
     }
@@ -2929,15 +2937,14 @@ const AsFormFieldBuilder = 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();
@@ -2957,12 +2964,12 @@ const AsFormFieldBuilder = props => {
    * allows to control field value as a controlled component
    */
   useEffect(() => {
-    var _a, _b;
+    var _a, _b, _c, _d;
     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) {
+    if (((_b = props.mapper.events) === null || _b === void 0 ? void 0 : _b.setValue) && ((_c = props.props) === null || _c === void 0 ? void 0 : _c[props.mapper.events.setValue]) && field) {
       field === null || field === void 0 ? void 0 : field.emitValue({
-        value: props.props[props.mapper.events.setValue],
+        value: (_d = props.props) === null || _d === void 0 ? void 0 : _d[props.mapper.events.setValue],
         event: 'ON_FIELD_CHANGE'
       });
     }

package/package.json

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