@sankhyalabs/ezui 5.22.0-dev.9 → 5.22.0-dev.91

package/dist/collection/utils/form/DataBinder.js

@@ -22,6 +22,7 @@ export default class DataBinder {
           (_a = this._fields) === null || _a === void 0 ? void 0 : _a.forEach(field => {
             this.updateValue(field.fieldName, field.field);
           });
+          this.clearFieldError(Object.keys(action.payload)[0]);
           break;
         case Action.FIELD_INVALIDATED:
           (_b = this._fields) === null || _b === void 0 ? void 0 : _b.forEach(field => {
@@ -67,11 +68,14 @@ export default class DataBinder {
     });
     this._formMetadata = formMetadata;
     this._recordValidatorProcessor = new RecordValidationProcessor(this._dataUnit, {
-      getRequiredFields: () => this._formMetadata.getRequiredFields(),
+      getRequiredFields: () => this.getFormRequiredFields(),
       markAsInvalid: field => this.markInvalid(field),
-      getMessageForField: field => this.getErrorMessage(field)
+      getMessageForField: field => this.getErrorMessage(field),
     }, recordsValidator);
   }
+  getFormRequiredFields() {
+    return this._formMetadata.getRequiredFields();
+  }
   disconnectDataUnit() {
     const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
     const dataBinders = dataBindersByDataUnit.get(this._dataUnit.dataUnitId);
@@ -111,6 +115,14 @@ export default class DataBinder {
       fieldElement["errorMessage"] = "";
     });
   }
+  clearFieldError(fieldName) {
+    var _a;
+    const field = (_a = this._fields.get(fieldName)) === null || _a === void 0 ? void 0 : _a.field;
+    if (field["errorMessage"]) {
+      field["errorMessage"] = "";
+      this._dataUnit.clearInvalid(this.getCurrentRecordId(), fieldName);
+    }
+  }
   updateValue(fieldName, field) {
     const bind = this._fields.get(fieldName);
     try {
@@ -131,8 +143,7 @@ export default class DataBinder {
   }
   static async validateByDataunit(dataUnit) {
     try {
-      const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__");
-      const dataBinders = dataBindersByDataUnit.get(dataUnit.dataUnitId) || [];
+      const dataBinders = this.getDataBindersByDataUnit(dataUnit);
       await Promise.all(dataBinders.map((dataBinder) => dataBinder.validate()));
       return true;
     }
@@ -140,6 +151,10 @@ export default class DataBinder {
       return false;
     }
   }
+  static getDataBindersByDataUnit(dataUnit) {
+    const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__");
+    return (dataBindersByDataUnit === null || dataBindersByDataUnit === void 0 ? void 0 : dataBindersByDataUnit.get(dataUnit.dataUnitId)) || [];
+  }
   updateErrorMessage(fieldName, field, message) {
     if (message == undefined) {
       message = this._dataUnit.getInvalidMessage(this.getCurrentRecordId(), fieldName);
@@ -160,10 +175,10 @@ export default class DataBinder {
     if (oldBind) {
       oldBind.destroy();
     }
+    this.bindSearchOptionsLoader(fieldName, field);
     field["value"] = this._dataUnit.getFieldValue(fieldName);
     this.updateErrorMessage(fieldName, field);
     this._fields.set(fieldName, Bind.create(fieldName, field, (fieldName, waitingChange) => this.changeStarted(fieldName, waitingChange), (fieldName) => this.cancelWaitingChange(fieldName), (fieldName, newValue) => this.setFieldValue(fieldName, newValue)));
-    this.bindSearchOptionsLoader(fieldName, field);
     this.applyEzUploadContext(fieldName, field);
   }
   changeStarted(fieldName, waitingChange) {
@@ -216,8 +231,8 @@ export default class DataBinder {
     if (field.nodeName === "EZ-SEARCH" && field["optionLoader"] == undefined) {
       const loader = ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
       if (loader) {
-        field["optionLoader"] = (arg) => {
-          return loader(arg, fieldName, this._dataUnit);
+        field["optionLoader"] = (arg, ctxOptions) => {
+          return loader(arg, fieldName, this._dataUnit, ctxOptions);
         };
       }
     }

package/dist/collection/utils/form/FormMetadata.js

@@ -97,7 +97,8 @@ export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
         return;
       }
       const descriptor = dataUnit.getField(field.name);
-      if (descriptor && tabConfig.visible) {
+      const fieldVisible = (descriptor === null || descriptor === void 0 ? void 0 : descriptor.visible) == undefined || (descriptor === null || descriptor === void 0 ? void 0 : descriptor.visible) === true;
+      if (descriptor && fieldVisible && tabConfig.visible) {
         if (!sheets.has(tabConfig)) {
           sheets.set(tabConfig, []);
         }

package/dist/collection/utils/interfaces/AbstractFieldMetadata.js

@@ -16,6 +16,6 @@ export const buildFieldMetadata = (descriptor, config) => {
     name, label, group,
     readOnly, required,
     props,
-    userInterface: userInterface || UserInterface.SHORTTEXT
+    userInterface: userInterface || UserInterface.SHORTTEXT,
   };
 };

package/dist/collection/utils/validators/recordvalidator/IInvalidCells.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/validators/recordvalidator/RecordValidationProcessor.js

@@ -5,7 +5,7 @@ export class RecordValidationProcessor {
     this._validationSource = validationSource;
     this._validator = validator;
   }
-  validate() {
+  validate(isSaving = true) {
     return new Promise((accept, reject) => {
       const records = this._dataUnit.getModifiedRecords();
       for (let i = 0; i < records.length; i++) {
@@ -22,6 +22,11 @@ export class RecordValidationProcessor {
           }
         }
         if (invalidResults.length > 0) {
+          if (!isSaving && invalidResults[0].invalidFields.length > 0) {
+            this._validationSource.markAsInvalid(invalidResults[0].invalidFields[0], record.__record__id__);
+            reject();
+            break;
+          }
           this.processValidationResult(invalidResults, record.__record__id__);
           reject();
           break;
@@ -53,6 +58,7 @@ export class RecordValidationProcessor {
   processValidationResult(validationResult, recordId) {
     validationResult.forEach(invalidResult => {
       const invalidFields = invalidResult.invalidFields;
+      this._dataUnit.savingCanceled(invalidFields, recordId);
       if (invalidFields) {
         invalidFields.forEach(field => {
           this.markAsInvalid(field, recordId);

package/dist/custom-elements/index.d.ts

@@ -86,6 +86,12 @@ export const EzComboBox: {
   new (): EzComboBox;
 };
 
+interface EzComboBoxList extends Components.EzComboBoxList, HTMLElement {}
+export const EzComboBoxList: {
+  prototype: EzComboBoxList;
+  new (): EzComboBoxList;
+};
+
 interface EzCustomFormInput extends Components.EzCustomFormInput, HTMLElement {}
 export const EzCustomFormInput: {
   prototype: EzCustomFormInput;
@@ -110,6 +116,12 @@ export const EzDialog: {
   new (): EzDialog;
 };
 
+interface EzDoubleList extends Components.EzDoubleList, HTMLElement {}
+export const EzDoubleList: {
+  prototype: EzDoubleList;
+  new (): EzDoubleList;
+};
+
 interface EzDropdown extends Components.EzDropdown, HTMLElement {}
 export const EzDropdown: {
   prototype: EzDropdown;
@@ -200,6 +212,18 @@ export const EzPopover: {
   new (): EzPopover;
 };
 
+interface EzPopoverCore extends Components.EzPopoverCore, HTMLElement {}
+export const EzPopoverCore: {
+  prototype: EzPopoverCore;
+  new (): EzPopoverCore;
+};
+
+interface EzPopoverPlus extends Components.EzPopoverPlus, HTMLElement {}
+export const EzPopoverPlus: {
+  prototype: EzPopoverPlus;
+  new (): EzPopoverPlus;
+};
+
 interface EzPopup extends Components.EzPopup, HTMLElement {}
 export const EzPopup: {
   prototype: EzPopup;
@@ -296,6 +320,12 @@ export const EzToast: {
   new (): EzToast;
 };
 
+interface EzTooltip extends Components.EzTooltip, HTMLElement {}
+export const EzTooltip: {
+  prototype: EzTooltip;
+  new (): EzTooltip;
+};
+
 interface EzTree extends Components.EzTree, HTMLElement {}
 export const EzTree: {
   prototype: EzTree;