@bolttech/form-engine-core 0.0.1-beta.15 → 0.0.1-beta.16

package/index.esm.js

@@ -1,6 +1,6 @@
 import { Subject, Subscription, combineLatest, startWith, groupBy, mergeMap, debounceTime, filter, map } from 'rxjs';
 import creditCardType from 'credit-card-type';
-import { isNumber as isNumber$1, isNil, isEqual, get, set } from 'lodash';
+import { isNumber as isNumber$1, isEqual, get, isNil, set } from 'lodash';
 import { getCurrencySymbol } from '@gaignoux/currency';
 
 var TMutationEnum;
@@ -142,7 +142,7 @@ function traverseObject(obj, path) {
           if (typeof item === 'object') {
             result.push(...traverseObject(item, `${path ? `${path}.` : ``}${key}.${index}`));
           } else if (typeof item === 'string') {
-            if (String(item).includes('$')) {
+            if (String(item).includes('${')) {
               // const extractedPath = item.replace(/\$|{|}/g, '').split('.');
               const extractedOriginPath = `${path ? `${path}.` : ``}${key}`.split('.');
               result.push(Object.assign(Object.assign({
@@ -158,7 +158,7 @@ function traverseObject(obj, path) {
       } else if (typeof value === 'object') {
         result.push(...traverseObject(value, `${path ? `${path}.` : ``}${key}`));
       } else if (typeof value === 'string') {
-        if (value.includes('$')) {
+        if (value.includes('${')) {
           // const extractedPath = value.replace(/\$|{|}/g, '').split('.');
           const destinationPath = `${path ? `${path}.` : ``}${key}`.split('.');
           result.push(Object.assign(Object.assign({
@@ -2298,7 +2298,7 @@ class FormField {
     dataSubject$,
     mapper
   }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g;
     this.fieldStateSubscription$ = new Subscription();
     this.originalSchema = schemaComponent;
     this.config = {
@@ -2326,10 +2326,6 @@ class FormField {
     this.fieldEventSubject$ = fieldEventSubject$;
     this.dataSubject$ = dataSubject$;
     this._props = schemaComponent.props || {};
-    this._value = '';
-    this._stateValue = ((_c = this.mapper.events) === null || _c === void 0 ? void 0 : _c.setValue) ? {
-      [this.mapper.events.setValue]: ''
-    } : {};
     this._metadata = '';
     this.errorsString = '';
     this.errorsList = [];
@@ -2337,9 +2333,9 @@ class FormField {
     this._visibility = true;
     this._api = {
       default: {
-        response: ((_f = (_e = (_d = this.apiSchema) === null || _d === void 0 ? void 0 : _d.defaultConfig) === null || _e === void 0 ? void 0 : _e.config) === null || _f === void 0 ? void 0 : _f.fallbackValue) || ''
+        response: ((_e = (_d = (_c = this.apiSchema) === null || _c === void 0 ? void 0 : _c.defaultConfig) === null || _d === void 0 ? void 0 : _d.config) === null || _e === void 0 ? void 0 : _e.fallbackValue) || ''
       },
-      named: ((_g = this.apiSchema) === null || _g === void 0 ? void 0 : _g.configs) && Object.keys((_h = this.apiSchema) === null || _h === void 0 ? void 0 : _h.configs).reduce((acc, curr) => {
+      named: ((_f = this.apiSchema) === null || _f === void 0 ? void 0 : _f.configs) && Object.keys((_g = this.apiSchema) === null || _g === void 0 ? void 0 : _g.configs).reduce((acc, curr) => {
         var _a, _b;
         acc[curr] = {
           response: ((_b = (_a = this.apiSchema) === null || _a === void 0 ? void 0 : _a.configs) === null || _b === void 0 ? void 0 : _b[curr].config.fallbackValue) || ''
@@ -2351,6 +2347,7 @@ class FormField {
     this._valid = false;
     this._mounted = true;
     this.initializeObservers();
+    this.value = this.initialValue || '';
   }
   /**
    * method to initialize all recycled Subjects and initialize Observers on field instance creation or rerender
@@ -2390,12 +2387,6 @@ class FormField {
     }) => event), mergeMap(group$ => group$.pipe(debounceTime(this.config.defaultAPIdebounceTimeMS))), filter(() => this.apiSubject$ && !this.apiSubject$.closed)).subscribe(payload => {
       this.apiRequest(payload);
     });
-    if (!isNil(this.initialValue)) {
-      this.value = this.initialValue;
-      this.setFieldValidity({
-        event: 'ON_FORM_SUBMIT'
-      });
-    }
   }
   /**
    * Retrieves the properties associated with the form field.
@@ -2498,6 +2489,23 @@ class FormField {
   set visibility(visible) {
     if (typeof visible === 'undefined' || visible === this.visibility) return;
     this._visibility = visible;
+    /**
+     * I was sure I would not require to gambiarra, but..
+     * in order to ignore an hidden value on a form submit
+     * or revalidate it when it comes back to visibility
+     * I needed to...
+     * I don't recommend setting private properties like this
+     * this will force the field to be valid when it's hidden
+     * and trigger the validation when it's visible
+     */
+    if (!this.visibility) {
+      this.value = '';
+      this._valid = true;
+    } else {
+      this.setFieldValidity({
+        event: 'ON_FIELD_MOUNT'
+      });
+    }
     this.visibilitySubject$.next(this.visibility);
     this.templateSubject$.next({
       key: this.name,
@@ -3211,16 +3219,10 @@ class FormCore {
         const error = validations[validationKey](field.value, structElement.validations);
         if (Array.isArray(structElement.fields)) {
           structElement.fields.forEach(fieldKey => {
-            if (!this.fields.has(fieldKey)) console.warn(`failed to update visibility onto field ${fieldKey}`);else {
-              this.fields.get(fieldKey).visibility = !error;
-              if (error) this.fields.get(fieldKey).value = '';
-            }
+            if (!this.fields.has(fieldKey)) console.warn(`failed to update visibility onto field ${fieldKey}`);else this.fields.get(fieldKey).visibility = !error;
           });
         } else if (structElement.fields) {
-          if (!this.fields.has(structElement.fields)) console.warn(`failed to update visibility onto field ${structElement.fields}`);else {
-            this.fields.get(structElement.fields).visibility = !error;
-            if (error) this.fields.get(structElement.fields).value = '';
-          }
+          if (!this.fields.has(structElement.fields)) console.warn(`failed to update visibility onto field ${structElement.fields}`);else this.fields.get(structElement.fields).visibility = !error;
         }
       });
     });

package/package.json

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