@bolttech/form-engine-core 0.0.1-beta.24 → 0.0.1-beta.26

package/index.esm.js

@@ -1933,7 +1933,7 @@ const conditions = (value, validations) => {
  * Validates if a date string matches a specific date format.
  * The function accepts strings with '/' or '-' separators and removes them before validating the format.
  *
- * @param {string} string - The date string to be validated. It can contain '/' or '-' separators.
+ * @param {string} value - The date string to be validated. It can contain '/' or '-' separators.
  * @param {string} format - The expected date format. It can be one of the following:
  *                          'DDMMYYYY', 'YYYYMMDD', 'YYYYDDMM', 'MMDDYYYY',
  *                          'DMYYYY', 'YYYYMD', 'YYYYDM', 'MDYYYY'.
@@ -2090,25 +2090,23 @@ const betweenDates = (value, validations) => {
  * ```
  */
 const date = (value, validations) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
   if (!((_b = (_a = validations.date) === null || _a === void 0 ? void 0 : _a.target) === null || _b === void 0 ? void 0 : _b.value) && !((_d = (_c = validations.date) === null || _c === void 0 ? void 0 : _c.origin) === null || _d === void 0 ? void 0 : _d.intervals)) {
     return false;
   }
   const originValue = validations.date.origin.value || value;
   const mappedValue = dateRearrangeMapper[(_e = validations.date) === null || _e === void 0 ? void 0 : _e.origin.format](originValue).toString();
-  console.log('date (invalidStringDate): ', value, invalidStringDate(mappedValue, (_f = validations.date) === null || _f === void 0 ? void 0 : _f.origin.format));
-  if (invalidStringDate(mappedValue, (_g = validations.date) === null || _g === void 0 ? void 0 : _g.origin.format)) return false;
   let originDate = new Date(mappedValue);
   let targetDate = new Date();
   let target = new Date();
-  if ((_j = (_h = validations.date) === null || _h === void 0 ? void 0 : _h.target) === null || _j === void 0 ? void 0 : _j.format) {
-    target = new Date(dateRearrangeMapper[(_l = (_k = validations.date) === null || _k === void 0 ? void 0 : _k.target) === null || _l === void 0 ? void 0 : _l.format](validations.date.target.value).toString());
+  if ((_g = (_f = validations.date) === null || _f === void 0 ? void 0 : _f.target) === null || _g === void 0 ? void 0 : _g.format) {
+    target = new Date(dateRearrangeMapper[(_j = (_h = validations.date) === null || _h === void 0 ? void 0 : _h.target) === null || _j === void 0 ? void 0 : _j.format](validations.date.target.value).toString());
     targetDate = target;
   }
   if (validations.date.origin.intervals) {
     targetDate = getIntervalsDate(originDate, validations.date.origin.intervals);
     const date = new Date();
-    if (((_m = validations.date.target) === null || _m === void 0 ? void 0 : _m.value) && target) {
+    if (((_k = validations.date.target) === null || _k === void 0 ? void 0 : _k.value) && target) {
       date.setDate(target.getDate());
       date.setMonth(target.getMonth());
     }
@@ -2117,6 +2115,9 @@ const date = (value, validations) => {
   if (validations.date.onlyValidDate && (!(targetDate instanceof Date && isFinite(targetDate)) || !(targetDate instanceof Date && isFinite(originDate)) || originValue.length < 8)) {
     return true;
   }
+  if (invalidStringDate(mappedValue, (_l = validations.date) === null || _l === void 0 ? void 0 : _l.origin.format)) {
+    return false;
+  }
   const originTimestamp = originDate.getTime();
   const targetTimestamp = targetDate.getTime();
   const operationsMapper = {
@@ -2127,11 +2128,7 @@ const date = (value, validations) => {
     '===': originTimestamp === targetTimestamp,
     '!==': originTimestamp !== targetTimestamp
   };
-  console.log('date (operationsMapper): ', {
-    originDate,
-    targetDate
-  }, operationsMapper[(_o = validations.date) === null || _o === void 0 ? void 0 : _o.operator]);
-  return operationsMapper[(_p = validations.date) === null || _p === void 0 ? void 0 : _p.operator];
+  return operationsMapper[(_m = validations.date) === null || _m === void 0 ? void 0 : _m.operator];
 };
 /**
  * @function validDate
@@ -2160,12 +2157,8 @@ const validDate = (value, validations) => {
   const month = parseInt(dateParts[0], 10) - 1; // Month is zero-based
   const day = parseInt(dateParts[1], 10);
   const date = new Date(year, month, day);
-  /* This line is here because we need to guarantee that the field will not be valid while typing,
-  * that is, imagine the scenario where the user wants to type 1995, when typing 19 or 199,
-  * the function returns valid, as there is a year 19 or 199.
-  */
   if (date.getFullYear() < 1900) {
-    return true;
+    return false;
   }
   // Check if the date is valid
   const isValidDate = date.getFullYear() === year && date.getMonth() === month && date.getDate() === day;
@@ -3326,6 +3319,18 @@ class FormCore {
       }
     });
   }
+  setFieldVisibility(field, hasError, showOnlyIfTrue) {
+    console.log('setFieldVisibility:', {
+      field,
+      hasError,
+      showOnlyIfTrue
+    });
+    if (!this.fields.has(field)) {
+      console.warn(`failed to update visibility onto field ${field}`);
+    } else {
+      this.fields.get(field).visibility = showOnlyIfTrue ? hasError : !hasError;
+    }
+  }
   /**
    * Validates visibility conditions for a given event and updates field visibility accordingly.
    *
@@ -3339,17 +3344,25 @@ class FormCore {
   }) {
     const field = this.fields.get(key);
     const structVisibility = field === null || field === void 0 ? void 0 : field.visibilityConditions;
-    if (!structVisibility || !(structVisibility === null || structVisibility === void 0 ? void 0 : structVisibility.some(config => config.events.includes(event)))) return;
+    if (!structVisibility || !(structVisibility === null || structVisibility === void 0 ? void 0 : structVisibility.some(config => config.events.includes(event)))) {
+      return;
+    }
     structVisibility.forEach(structElement => {
       if (!structElement.events.includes(event)) return;
       Object.keys(structElement.validations).forEach(validationKey => {
         const error = handleValidation(field.value, structElement.validations, validations, validationKey);
+        console.log('validateVisibility: ', {
+          value: field === null || field === void 0 ? void 0 : field.value,
+          validationKey,
+          error,
+          showCondition: !!(field.value && structElement.showOnlyIfTrue)
+        });
         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 = structElement.showOnlyIfTrue ? error : !error;
+            this.setFieldVisibility(fieldKey, error, !!(field.value && structElement.showOnlyIfTrue));
           });
         } 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 = structElement.showOnlyIfTrue ? error : !error;
+          this.setFieldVisibility(structElement.fields, error, !!(field.value && structElement.showOnlyIfTrue));
         }
       });
     });

package/package.json

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

package/src/managers/form.d.ts

@@ -139,6 +139,7 @@ declare class FormCore {
      * @private
      */
     private static checkIndexes;
+    private setFieldVisibility;
     /**
      * Validates visibility conditions for a given event and updates field visibility accordingly.
      *