@bolttech/form-engine-core 1.0.0-beta.8 → 1.0.0-beta.9

package/index.esm.js

@@ -2627,11 +2627,11 @@ class FormField {
     });
   }
   /**
-    * Static function to remove templates form the component props that will be shown when
-    * the field mounts and the template routine executes, to be used on the adapter
-    *
-    * @param {unknown} props - the properties from the adapter components.
-  */
+   * Static function to remove templates form the component props that will be shown when
+   * the field mounts and the template routine executes, to be used on the adapter
+   *
+   * @param {unknown} props - the properties from the adapter components.
+   */
   static filterProps(props) {
     if (Array.isArray(props)) {
       return props.filter(el => typeof el === 'string' && el.includes('${') ? false : true).map(el => FormField.filterProps(el));
@@ -2829,6 +2829,7 @@ class FormField {
   set mounted(mountedStatus) {
     if (typeof mountedStatus === 'undefined' || mountedStatus === this.mounted) return;
     this._mounted = mountedStatus;
+    this.initializeObservers();
     this.mountSubject$.next({
       key: this.name,
       status: this.mounted
@@ -2846,9 +2847,9 @@ class FormField {
     valueSubscription,
     propsSubscription
   }) {
+    this.mounted = true;
     this.subscribeValue(valueSubscription);
     this.subscribeState(propsSubscription);
-    this.mounted = true;
     this.valueSubject$.next(this.stateValue);
     this.propsSubject$.next(this.props);
     this.visibilitySubject$.next(this.visibility);
@@ -3202,6 +3203,15 @@ class FormCore {
   }) {
     var _a;
     if (status) {
+      const field = this.fields.get(key);
+      if (!field) {
+        /*
+        @TODO check a better way to handle nested fields unmounted by visiblity conditions from a parent
+        since they are dependent on adapter field recycling runtimes
+        */
+        this.config.defaultLogVerbose && console.log(`field ${key} was mounted but since it's parent has some visibility condition the field was already removed`);
+        return;
+      }
       this.subscribeTemplates();
       this.refreshTemplates({
         scope: 'fields',
@@ -3212,7 +3222,6 @@ class FormCore {
         event: 'ON_IVARS'
       });
       if (!this.queuedInitialValues.has(key)) {
-        const field = this.fields.get(key);
         const propValue = (_a = field === null || field === void 0 ? void 0 : field.props) === null || _a === void 0 ? void 0 : _a[(field === null || field === void 0 ? void 0 : field.valuePropName) || ''];
         !(field === null || field === void 0 ? void 0 : field.value) ? field.emitValue({
           value: typeof propValue === 'string' && !propValue.includes('${') ? propValue : '',
@@ -4059,7 +4068,6 @@ class FormCore {
       field.emitEvents({
         event: 'ON_FIELD_VALIDATION'
       });
-      console.log(`${field.name} is ${field.valid}`);
     });
     if (!this.isValid) return;
     const values = this.getFormValues();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolttech/form-engine-core",
-  "version": "1.0.0-beta.8",
+  "version": "1.0.0-beta.9",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",

package/src/managers/field.d.ts

@@ -146,11 +146,11 @@ declare class FormField {
      */
     set props(props: Record<string, unknown>);
     /**
-      * Static function to remove templates form the component props that will be shown when
-      * the field mounts and the template routine executes, to be used on the adapter
-      *
-      * @param {unknown} props - the properties from the adapter components.
-    */
+     * Static function to remove templates form the component props that will be shown when
+     * the field mounts and the template routine executes, to be used on the adapter
+     *
+     * @param {unknown} props - the properties from the adapter components.
+     */
     static filterProps(props: unknown): unknown;
     /**
      * Retrieves the current state value of the form field.