@bolttech/form-engine 3.0.0-beta.14 → 3.0.0-beta.15

package/index.esm.js

@@ -2093,7 +2093,6 @@ const AsFormFieldBuilder = props => {
   } = useFormGroupContext();
   const [field, setField] = useState(jsx(Fragment, {}));
   useEffect(() => {
-    var _a;
     if (!(formGroupInstance === null || formGroupInstance === void 0 ? void 0 : formGroupInstance.forms.has(props.formIndex))) {
       addFormWithIndex(props.formIndex);
     }
@@ -2101,7 +2100,26 @@ const AsFormFieldBuilder = props => {
       component: props.mapper.componentName,
       children: undefined
     });
-    (_a = formGroupInstance.forms.get(props.formIndex)) === null || _a === void 0 ? void 0 : _a.addField(fieldInstanceProps, props.mapper);
+    const formInstance = formGroupInstance.forms.get(props.formIndex);
+    formInstance === null || formInstance === void 0 ? void 0 : formInstance.addField(fieldInstanceProps, props.mapper);
+    /*
+    some magic happens using this setTimeout and i don't know why...
+    this is executed right before the FieldWrapper mounts as expected
+    but has the blinking problem allowing people to see the template
+    format instead of the prop value
+    */
+    setTimeout(() => {
+      var _a;
+      (_a = formInstance === null || formInstance === void 0 ? void 0 : formInstance.getField({
+        key: props.name
+      })) === null || _a === void 0 ? void 0 : _a.emitEvents({
+        event: 'ON_FIELD_MOUNT'
+      });
+      formInstance === null || formInstance === void 0 ? void 0 : formInstance.refreshTemplates({
+        key: props.name,
+        event: 'ON_FIELDS'
+      });
+    }, 0);
     const field = jsx(FieldWrapper, {
       mapper: props.mapper,
       formIndex: props.formIndex,

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@bolttech/form-engine",
-  "version": "3.0.0-beta.14",
+  "version": "3.0.0-beta.15",
   "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.5",
+    "@bolttech/form-engine-core": "0.0.1-beta.6",
     "lodash": "4.17.21",
     "react": "18.2.0",
     "rxjs": "7.8.1"