@zohodesk/library-platform 1.1.8 → 1.1.9-exp.1

package/es/platform/zform/domain/ZField.js

@@ -1,5 +1,3 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export default class ZField {
   constructor(_ref) {
     let {
@@ -19,57 +17,15 @@ export default class ZField {
       value,
       errorMessage,
       isVisible = true,
+      decimalPlaces,
       pickListValues,
       toolTip,
       toolTipType,
       defaultValue,
-      subType
+      isPHI,
+      subType,
+      lookup
     } = _ref;
-
-    _defineProperty(this, "displayLabel", void 0);
-
-    _defineProperty(this, "apiName", void 0);
-
-    _defineProperty(this, "isCustomField", void 0);
-
-    _defineProperty(this, "i18NLabel", void 0);
-
-    _defineProperty(this, "isSystemMandatory", void 0);
-
-    _defineProperty(this, "type", void 0);
-
-    _defineProperty(this, "isReadOnly", void 0);
-
-    _defineProperty(this, "name", void 0);
-
-    _defineProperty(this, "isEncryptedField", void 0);
-
-    _defineProperty(this, "id", void 0);
-
-    _defineProperty(this, "isRemovable", void 0);
-
-    _defineProperty(this, "maxLength", void 0);
-
-    _defineProperty(this, "isMandatory", void 0);
-
-    _defineProperty(this, "value", void 0);
-
-    _defineProperty(this, "errorMessage", void 0);
-
-    _defineProperty(this, "isVisible", void 0);
-
-    _defineProperty(this, "pickListValues", void 0);
-
-    _defineProperty(this, "defaultPickListValues", void 0);
-
-    _defineProperty(this, "subType", void 0);
-
-    _defineProperty(this, "toolTip", void 0);
-
-    _defineProperty(this, "toolTipType", void 0);
-
-    _defineProperty(this, "defaultValue", void 0);
-
     this.displayLabel = displayLabel;
     this.apiName = apiName;
     this.isCustomField = isCustomField;
@@ -86,12 +42,15 @@ export default class ZField {
     this.value = value;
     this.errorMessage = errorMessage;
     this.isVisible = isVisible;
+    this.decimalPlaces = decimalPlaces;
     this.defaultPickListValues = pickListValues;
     this.pickListValues = pickListValues;
     this.subType = subType;
     this.toolTip = toolTip;
     this.toolTipType = toolTipType;
-    this.defaultValue = defaultValue; // if(value===undefined){
+    this.defaultValue = defaultValue;
+    this.isPHI = isPHI;
+    this.lookup = lookup; // if(value===undefined){
     //     this.setDefaultValue()
     // }
   }
@@ -101,8 +60,8 @@ export default class ZField {
       return false;
     }
 
-    if (typeof defaultValue === "string") {
-      return defaultValue === "true" ? true : false;
+    if (typeof defaultValue === 'string') {
+      return defaultValue === 'true' ? true : false;
     }
 
     return defaultValue;
@@ -113,8 +72,8 @@ export default class ZField {
       return [];
     }
 
-    if (typeof defaultValue === "string") {
-      return defaultValue.split(";");
+    if (typeof defaultValue === 'string') {
+      return defaultValue.split(';');
     }
 
     return defaultValue;
@@ -148,6 +107,10 @@ export default class ZField {
   }
 
   setValue(value) {
+    if (this.value !== value) {
+      this.errorMessage = ''; // Reset error message when value changes
+    }
+
     this.value = value;
   }
 
@@ -159,6 +122,10 @@ export default class ZField {
     return this.errorMessage;
   }
 
+  hasErrorMessage() {
+    return Boolean(this.errorMessage);
+  }
+
   setProperties(fieldProperties) {
     this.displayLabel = fieldProperties.displayLabel !== undefined ? fieldProperties.displayLabel : this.displayLabel;
     this.i18NLabel = fieldProperties.i18NLabel !== undefined ? fieldProperties.i18NLabel : this.i18NLabel;
@@ -171,6 +138,8 @@ export default class ZField {
     this.pickListValues = fieldProperties.pickListValues !== undefined ? fieldProperties.pickListValues : this.pickListValues;
     this.defaultPickListValues = fieldProperties.defaultPickListValues !== undefined ? fieldProperties.defaultPickListValues : this.defaultPickListValues;
     this.toolTip = fieldProperties.toolTip !== undefined ? fieldProperties.toolTip : this.toolTip;
+    this.decimalPlaces = fieldProperties.decimalPlaces !== undefined ? fieldProperties.decimalPlaces : this.decimalPlaces;
+    this.lookup = fieldProperties.lookup !== undefined ? fieldProperties.lookup : this.lookup;
   }
 
   setErrorMessage(errorMessage) {
@@ -218,11 +187,14 @@ export default class ZField {
       // NOTE: visibility is now isVisible, visibility is deprecated, only for backward compatibility of layout rules
       visibility: this.isVisible,
       isVisible: this.isVisible,
+      decimalPlaces: this.decimalPlaces,
       pickListValues: this.pickListValues,
       toolTip: this.toolTip,
       toolTipType: this.toolTipType,
       defaultValue: this.defaultValue,
-      subType: this.subType
+      isPHI: this.isPHI,
+      subType: this.subType,
+      lookup: this.lookup
     };
   }
 

package/es/platform/zform/domain/ZForm.js

@@ -1,5 +1,3 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export default class ZForm {
   /*hack*/
 
@@ -19,6 +17,7 @@ export default class ZForm {
       layoutRules,
       dependencyMappings,
       context,
+      focusedFieldName,
 
       /*hack*/
       isMyFormFetching,
@@ -28,41 +27,6 @@ export default class ZForm {
       /*hack end*/
 
     } = _ref;
-
-    _defineProperty(this, "modifiedTime", void 0);
-
-    _defineProperty(this, "isStandardLayout", void 0);
-
-    _defineProperty(this, "hasLogo", void 0);
-
-    _defineProperty(this, "departmentId", void 0);
-
-    _defineProperty(this, "module", void 0);
-
-    _defineProperty(this, "layoutDisplayName", void 0);
-
-    _defineProperty(this, "layoutDesc", void 0);
-
-    _defineProperty(this, "isDefaultLayout", void 0);
-
-    _defineProperty(this, "sections", void 0);
-
-    _defineProperty(this, "validationRules", void 0);
-
-    _defineProperty(this, "layoutRules", void 0);
-
-    _defineProperty(this, "dependencyMappings", void 0);
-
-    _defineProperty(this, "context", void 0);
-
-    _defineProperty(this, "isMyFormFetching", void 0);
-
-    _defineProperty(this, "isDependencyFetching", void 0);
-
-    _defineProperty(this, "isLayoutRulesFetching", void 0);
-
-    _defineProperty(this, "isValidationRulesFetching", void 0);
-
     this.modifiedTime = modifiedTime;
     this.isStandardLayout = isStandardLayout;
     this.hasLogo = hasLogo;
@@ -76,6 +40,7 @@ export default class ZForm {
     this.layoutRules = layoutRules;
     this.dependencyMappings = dependencyMappings;
     this.context = context;
+    this.focusedFieldName = focusedFieldName || null;
     /*hack*/
 
     this.isMyFormFetching = isMyFormFetching;
@@ -90,6 +55,18 @@ export default class ZForm {
     this.isDependencyFetching = false;
   }
 
+  setFocusedFieldName(fieldName) {
+    this.focusedFieldName = fieldName;
+  }
+
+  getLayoutId() {
+    return this.layoutId;
+  }
+
+  setLayoutId(layoutId) {
+    this.layoutId = layoutId;
+  }
+
   getContext() {
     const {
       module,
@@ -103,6 +80,7 @@ export default class ZForm {
       module,
       departmentId: departmentId,
       orgName,
+      ...this.context,
       servicePrefix: servicePrefix || 'supportapi/zd' // FIX: servicePrefix defaultValue should be available from properties
 
     };
@@ -341,6 +319,16 @@ export default class ZForm {
     this.validationRules = [...this.validationRules.slice(0, position), validationRule, ...this.validationRules.slice(position)];
   }
 
+  getValidateRules() {
+    const validationRules = this.validationRules.map(vr => vr.toObject());
+    return validationRules;
+  }
+
+  getFieldValidateRules(fieldName, eventName) {
+    const validationRules = this.validationRules.map(vr => vr.toObject());
+    return validationRules.filter(vr => vr.fieldName === fieldName).filter(vr => vr.fieldConditions.every(condition => eventName ? condition?.executeOn ? condition.executeOn.includes(eventName) : false : true));
+  }
+
   executeLayoutRules(layoutRuleHelper) {
     if (!this.isLayoutRulesFetching && !this.isMyFormFetching) {
       let layoutRules = this.getLayoutRules().map(layoutRule => {
@@ -355,7 +343,7 @@ export default class ZForm {
       });
       this.applyLayoutRulesResult(sectionResult, fieldResult);
     } else {
-      console.log("Layout rules are fetching or my form is fetching");
+      console.log('Layout rules are fetching or my form is fetching');
     }
   }
 
@@ -373,6 +361,42 @@ export default class ZForm {
     return fieldDependency ? fieldDependency.getMappingsByParentValue(newValue) : [];
   }
 
+  updateChildFieldsRecursive(parentId, value) {
+    let visited = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new Set();
+
+    if (visited.has(parentId)) {
+      console.warn(`Loop detected at field ${parentId}, skipping...`);
+      return;
+    }
+
+    visited.add(parentId); // Always recompute fields so it's in scope
+
+    let fields = this.sections.flatMap(s => s.getFields());
+    let childIds = this.getChildsByParentId(parentId) || [];
+    childIds.forEach(childId => {
+      let childField = fields.find(f => f.getId() === childId || f.getApiName() === childId);
+
+      if (!childField) {
+        console.warn(`Child field not found for id/apiName: ${childId}`);
+        return;
+      }
+
+      let newOptions = this.getMappedOptions(parentId, childId, value) || [];
+      let pickListValues = newOptions.map(option => ({
+        value: option
+      }));
+      childField.setOptions(pickListValues);
+
+      if (pickListValues.length > 0) {
+        let prevValue = childField.getValue();
+        let retained = pickListValues.find(o => o.value === prevValue);
+        childField.setValue(retained ? prevValue : pickListValues[0].value); // Recurse down
+
+        this.updateChildFieldsRecursive(childId, childField.getValue(), visited);
+      }
+    });
+  }
+
   setFieldValue(fieldApiName, value, layoutRuleHelper) {
     let fields = this.sections.flatMap(s => s.getFields());
     let field = fields.find(f => {
@@ -382,40 +406,20 @@ export default class ZForm {
     if (field) {
       field.setValue(value);
 
-      if (field.getType() == "Picklist") {
+      if (field.getType() === 'Picklist') {
         let parentId = field.getId();
-        let childIds = this.getChildsByParentId(parentId);
-        childIds.forEach(childId => {
-          let newOptions = this.getMappedOptions(parentId, childId, value);
-          let childField = fields.find(f => {
-            return f.getId() === childId;
-          });
-
-          if (childField) {
-            let pickListValues = newOptions.map(option => {
-              return {
-                value: option
-              };
-            });
-            childField.setOptions(pickListValues);
-
-            if (childField.getType() == "Picklist") {
-              childField.setValue(pickListValues[0].value);
-            } else {
-              childField.setValue(pickListValues[0].value);
-            }
-          }
-        }); //   fields[childId].value =
-        //     childField.type === 'MultiSelect'
-        //       ? handleChildFieldMultiSelect({ newOptions, retain, fieldValue })
-        //       : handleChildFieldSelect({ newOptions, retain, fieldValue });
-        // });
+        this.updateChildFieldsRecursive(parentId, value);
       }
 
       this.executeLayoutRules(layoutRuleHelper);
     }
   }
 
+  getFieldErrorMessage(fieldApiName) {
+    const field = this.getFieldByApiName(fieldApiName);
+    return field ? field.getErrorMessage() : undefined;
+  }
+
   setFieldErrorMessage(fieldApiName, errorMessage) {
     this.sections = this.sections.map(s => {
       s.setFieldErrorMessage(fieldApiName, errorMessage);
@@ -444,21 +448,52 @@ export default class ZForm {
   }
 
   getVisibleFieldsData() {
-    let fields = this.getAllFields();
-    let visibleFieldsData = {};
-    fields.forEach(f => {
-      if (f.isVisibile()) {
-        visibleFieldsData[f.getApiName()] = f.getValue();
-      }
+    const visibleFields = this.getAllFields().filter(f => f.isVisibile());
+    const visibleFieldsData = {};
+    visibleFields.forEach(f => {
+      visibleFieldsData[f.getApiName()] = f.getValue();
     });
     return visibleFieldsData;
   }
 
+  getModuleName() {
+    return this.module;
+  }
+
+  getVisibleFieldsAsRecord() {
+    const record = {
+      cf: {}
+    };
+    const visibleFields = this.getAllFields().filter(f => f.isVisibile());
+    visibleFields.forEach(f => {
+      const fieldName = f.getApiName();
+
+      if (fieldName.startsWith('cf_')) {
+        record.cf[fieldName] = f.getValue();
+      } else {
+        record[fieldName] = f.getValue();
+      }
+    });
+    return record;
+  }
+
+  getFirstErrorField() {
+    const fields = this.getAllFields();
+
+    for (const field of fields) {
+      if (field.isVisibile() && field.hasErrorMessage()) {
+        return field.getApiName();
+      }
+    }
+
+    return null;
+  }
+
   getVisibleFieldsErrorMessages() {
     let fields = this.getAllFields();
     let visibleFieldsErrorMessages = {};
     fields.forEach(f => {
-      if (f.isVisibile() && f.getErrorMessage() != "") {
+      if (f.isVisibile() && f.hasErrorMessage()) {
         visibleFieldsErrorMessages[f.getApiName()] = f.getErrorMessage();
       }
     });
@@ -520,16 +555,8 @@ export default class ZForm {
   }
 
   hasError() {
-    let hasError = false;
-    let fields = this.getAllFields();
-    fields.forEach(f => {
-      console.log("error", f.getErrorMessage());
-
-      if (f.getErrorMessage() != "" && f.isVisibile()) {
-        hasError = true;
-      }
-    });
-    return hasError;
+    const fields = this.getAllFields();
+    return fields.some(f => f.isVisibile() && f.hasErrorMessage());
   }
 
   toObject() {
@@ -546,6 +573,8 @@ export default class ZForm {
       validationRules: this.validationRules.map(vr => vr.toObject()),
       layoutRules: this.layoutRules.map(lr => lr.toObject()),
       dependencyMappings: this.dependencyMappings.map(dm => dm.toObject()),
+      focusedFieldName: this.focusedFieldName,
+      layoutId: this.layoutId,
 
       /*hack*/
       isMyFormFetching: this.isMyFormFetching,

package/es/platform/zform/domain/ZLayout.js

@@ -1,19 +1,5 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export default class ZLayout {
   constructor(departmentId, id, isDefaultLayout, isStandardLayout, layoutName, module) {
-    _defineProperty(this, "departmentId", void 0);
-
-    _defineProperty(this, "id", void 0);
-
-    _defineProperty(this, "isDefaultLayout", void 0);
-
-    _defineProperty(this, "isStandardLayout", void 0);
-
-    _defineProperty(this, "layoutName", void 0);
-
-    _defineProperty(this, "module", void 0);
-
     this.departmentId = departmentId;
     this.id = id;
     this.isDefaultLayout = isDefaultLayout;

package/es/platform/zform/domain/ZLayoutRule.js

@@ -1,5 +1,3 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 // ZLayoutRule Entity
 export default class ZLayoutRule {
   constructor(_ref) {
@@ -19,35 +17,6 @@ export default class ZLayoutRule {
       id,
       status
     } = _ref;
-
-    _defineProperty(this, "displayLabel", void 0);
-
-    _defineProperty(this, "fieldConditions", void 0);
-
-    _defineProperty(this, "modifiedTime", void 0);
-
-    _defineProperty(this, "fieldName", void 0);
-
-    _defineProperty(this, "description", void 0);
-
-    _defineProperty(this, "systemGenerated", void 0);
-
-    _defineProperty(this, "layoutId", void 0);
-
-    _defineProperty(this, "executeInHelpCentre", void 0);
-
-    _defineProperty(this, "createdBy", void 0);
-
-    _defineProperty(this, "name", void 0);
-
-    _defineProperty(this, "createdTime", void 0);
-
-    _defineProperty(this, "modifiedBy", void 0);
-
-    _defineProperty(this, "id", void 0);
-
-    _defineProperty(this, "status", void 0);
-
     this.displayLabel = displayLabel;
     this.fieldConditions = fieldConditions;
     this.modifiedTime = modifiedTime;

package/es/platform/zform/domain/ZSection.js

@@ -1,5 +1,3 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export default class ZSection {
   // Optional field for description
   // private visibility:boolean;
@@ -15,23 +13,6 @@ export default class ZSection {
       // visibility
       isVisible
     } = _ref;
-
-    _defineProperty(this, "name", void 0);
-
-    _defineProperty(this, "i18NLabel", void 0);
-
-    _defineProperty(this, "isCustomSection", void 0);
-
-    _defineProperty(this, "description", void 0);
-
-    _defineProperty(this, "isCollapsed", void 0);
-
-    _defineProperty(this, "id", void 0);
-
-    _defineProperty(this, "fields", void 0);
-
-    _defineProperty(this, "isVisible", void 0);
-
     this.name = name;
     this.i18NLabel = i18NLabel;
     this.isCustomSection = isCustomSection;

package/es/platform/zform/domain/ZValidationRule.js

@@ -1,33 +1,5 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export default class ZValidationRule {
   constructor(validationRuleData) {
-    _defineProperty(this, "displayLabel", void 0);
-
-    _defineProperty(this, "fieldConditions", void 0);
-
-    _defineProperty(this, "modifiedTime", void 0);
-
-    _defineProperty(this, "fieldName", void 0);
-
-    _defineProperty(this, "executeInHelpCentre", void 0);
-
-    _defineProperty(this, "createdBy", void 0);
-
-    _defineProperty(this, "createdTime", void 0);
-
-    _defineProperty(this, "modifiedBy", void 0);
-
-    _defineProperty(this, "id", void 0);
-
-    _defineProperty(this, "systemGenerated", void 0);
-
-    _defineProperty(this, "layoutId", void 0);
-
-    _defineProperty(this, "status", void 0);
-
-    _defineProperty(this, "isActive", void 0);
-
     this.displayLabel = validationRuleData.displayLabel;
     this.fieldConditions = validationRuleData.fieldConditions;
     this.modifiedTime = validationRuleData.modifiedTime;

package/es/platform/zform/domain/interfaces/IZForm.js

@@ -1 +1,5 @@
-;
+;
+export let ValidationEvents = /*#__PURE__*/function (ValidationEvents) {
+  ValidationEvents["blur"] = "blur";
+  return ValidationEvents;
+}({});