@sankhyalabs/ezui 1.1.141 → 1.1.142

package/dist/collection/components/ez-form/DataBinder.js

@@ -1,4 +1,4 @@
-import { ApplicationContext, Action } from "@sankhyalabs/core";
+import { ApplicationContext, Action, WaitingChangeException } from "@sankhyalabs/core";
 export default class DataBinder {
   constructor(dataUnit) {
     this.onDataUnitEvent = (action) => {
@@ -36,11 +36,7 @@ export default class DataBinder {
     this._dataUnit.unsubscribe(this.onDataUnitEvent);
   }
   updateValue(fieldName, field) {
-    const oldValue = field["value"];
-    const newValue = this._dataUnit.getFieldValue(fieldName);
-    if (oldValue != newValue) {
-      field["value"] = newValue;
-    }
+    field["value"] = this._dataUnit.getFieldValue(fieldName);
   }
   updateBind(fieldName, field) {
     const oldBind = this._fields.get(fieldName);
@@ -48,21 +44,53 @@ export default class DataBinder {
       oldBind.destroy();
     }
     field["value"] = this._dataUnit.getFieldValue(fieldName);
-    this._fields.set(fieldName, Bind.create(fieldName, field, (fieldName, waitingChange) => this.changeStarted(fieldName, waitingChange), (fieldName, newValue) => this.setFieldValue(fieldName, newValue)));
+    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) {
+    /**
+     * se o waitingChange não é blocante, add um event listener pra
+     * fazer o accept da promise
+     *
+     * se não tiver promise no waitingChange, eu crio uma e resolvo no bind
+     *
+     *
+     */
     if (this._dataUnit.records.length === 0) {
       this._dataUnit.addRecord();
     }
+    if (!waitingChange.blocking && waitingChange.promise == undefined) {
+      const bind = this._fields.get(fieldName);
+      if (bind) {
+        waitingChange.promise = new Promise((resolve, reject) => {
+          bind.waitingChangePromiseResolve = resolve;
+          bind.waitingChangePromiseReject = reject;
+        });
+      }
+    }
     this._dataUnit.startChange(fieldName, waitingChange);
   }
+  cancelWaitingChange(fieldName) {
+    if (this._dataUnit.waitingForChange(fieldName)) {
+      this._dataUnit.cancelWaitingChange(fieldName);
+      const bind = this._fields.get(fieldName);
+      if (bind) {
+        bind.rejectWaitingChange(new WaitingChangeException("Change canceled", fieldName));
+      }
+    }
+  }
   setFieldValue(fieldName, newValue) {
     if (this._dataUnit.records.length === 0) {
       this._dataUnit.addRecord();
     }
     this._dataUnit.setFieldValue(fieldName, newValue);
+    if (this._dataUnit.waitingForChange(fieldName)) {
+      const bind = this._fields.get(fieldName);
+      if (bind) {
+        bind.acceptWaitingChange();
+      }
+    }
   }
   bindSearchOptionsLoader(fieldName, field) {
     if (field.nodeName === "EZ-SEARCH" && field["optionLoader"] == undefined) {
@@ -91,18 +119,36 @@ export default class DataBinder {
 class Bind {
   constructor() {
     this.startChangeEventName = "ezStartChange";
+    this.cancelWaitingChangeEventName = "ezCancelWaitingChange";
     this.changeEventName = "ezChange";
   }
   destroy() {
     this.field.removeEventListener(this.startChangeEventName, this.startChangeListener);
+    this.field.removeEventListener(this.cancelWaitingChangeEventName, this.cancelWaitingChangeListener);
     this.field.removeEventListener(this.changeEventName, this.changeListener);
   }
-  static create(fieldName, field, startChangeCallback, changeCallback) {
+  acceptWaitingChange() {
+    if (this.waitingChangePromiseResolve) {
+      this.waitingChangePromiseResolve();
+      this.waitingChangePromiseReject = undefined;
+      this.waitingChangePromiseResolve = undefined;
+    }
+  }
+  rejectWaitingChange(reason) {
+    if (this.waitingChangePromiseReject) {
+      this.waitingChangePromiseReject(reason);
+      this.waitingChangePromiseReject = undefined;
+      this.waitingChangePromiseResolve = undefined;
+    }
+  }
+  static create(fieldName, field, startChangeCallback, cancelWaitingChangeCallback, changeCallback) {
     const b = new Bind();
     b.field = field;
     b.fieldName = fieldName;
     b.startChangeListener = (evt) => { startChangeCallback(fieldName, evt.detail); };
     b.field.addEventListener(b.startChangeEventName, b.startChangeListener);
+    b.cancelWaitingChangeListener = () => { cancelWaitingChangeCallback(fieldName); };
+    b.field.addEventListener(b.cancelWaitingChangeEventName, b.cancelWaitingChangeListener);
     b.changeListener = (evt) => { changeCallback(fieldName, evt.detail); };
     b.field.addEventListener(b.changeEventName, b.changeListener);
     return b;

package/dist/collection/components/ez-form/ez-form.js

@@ -100,7 +100,6 @@ export class EzForm {
       }
     }
     if (action.type === Action.RECORDS_ADDED) {
-      debugger;
       const metadata = selectFormMetadata(this._store.getState());
       const defaultValues = metadata.getDefaultValues();
       if (defaultValues) {

package/dist/collection/components/ez-number-input/ez-number-input.js

@@ -52,6 +52,7 @@ export class EzNumberInput {
   parseNumber() {
     const parsedNumber = this._textInput.value ? NumberUtils.stringToNumber(this._textInput.value) : undefined;
     if (parsedNumber !== undefined && isNaN(parsedNumber)) {
+      this.ezCancelWaitingChange.emit();
       this.errorMessage = "O valor digitado não é um número válido";
     }
     else {
@@ -59,6 +60,7 @@ export class EzNumberInput {
         this.changeValue(parsedNumber);
       }
       catch (e) {
+        this.ezCancelWaitingChange.emit();
         this.errorMessage = e.message;
         return;
       }
@@ -70,11 +72,14 @@ export class EzNumberInput {
     }
     return undefined;
   }
+  startChange() {
+    this.ezStartChange.emit({ waitmessage: "", blocking: false });
+  }
   componentDidLoad() {
     CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
   }
   render() {
-    return (h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseNumber(), label: this.label, value: this.getTextValue(this.value), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, slaveMode: true }));
+    return (h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseNumber(), label: this.label, onInput: () => this.startChange(), value: this.getTextValue(this.value), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, slaveMode: true }));
   }
   static get is() { return "ez-number-input"; }
   static get encapsulation() { return "shadow"; }
@@ -222,6 +227,41 @@ export class EzNumberInput {
         "resolved": "number",
         "references": {}
       }
+    }, {
+      "method": "ezStartChange",
+      "name": "ezStartChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Evento emitido ao iniciar a altera\u00E7\u00E3o (remover ou adicionar um arquivo)."
+      },
+      "complexType": {
+        "original": "WaitingChange",
+        "resolved": "WaitingChange",
+        "references": {
+          "WaitingChange": {
+            "location": "import",
+            "path": "@sankhyalabs/core"
+          }
+        }
+      }
+    }, {
+      "method": "ezCancelWaitingChange",
+      "name": "ezCancelWaitingChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Entre o evento ezStartChange e ezChange, se por algum motivo n\u00E3o foi poss\u00EDvel\ncompletar a altera\u00E7\u00E3o, esse evento \u00E9 disparado."
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
     }]; }
   static get methods() { return {
     "setFocus": {

package/dist/collection/components/ez-text-area/ez-text-area.js

@@ -30,11 +30,17 @@ export class EzTextArea {
       (_b = this._messageBoxElem) === null || _b === void 0 ? void 0 : _b.classList.remove('hasError');
     }
   }
-  observeValue() {
-    this._inputElem.value = this.value == undefined ? "" : this.value;
-    this.handleChange();
-    this.adjustFloatingLabel();
-    this.ezChange.emit(this.value);
+  observeValue(newValue, oldValue) {
+    if (this._inputElem) {
+      if (newValue != oldValue) {
+        if (this.canChangeValue()) {
+          this._inputElem.value = this.value || "";
+        }
+        this.adjustFloatingLabel();
+        this.errorMessage = "";
+        this.ezChange.emit(this.value);
+      }
+    }
   }
   observeMode() {
     if (this._initialRows == undefined) {
@@ -52,6 +58,27 @@ export class EzTextArea {
       this._initialRows = rows;
     }
   }
+  //---------------------------------------------
+  // Public methods
+  //---------------------------------------------
+  /**
+   * Faz o foco no componente de input
+   */
+  async setFocus() {
+    this._inputElem.focus();
+  }
+  /**
+   * Remove o foco no componente de input
+   */
+  async setBlur() {
+    this._inputElem.blur();
+  }
+  //---------------------------------------------
+  // Private methods
+  //---------------------------------------------
+  canChangeValue() {
+    return this._inputElem && (this.value || "") !== this._inputElem.value;
+  }
   adjustFloatingLabel() {
     if (this.label && this._labelElem) {
       const hasValue = this.value && this.value.toString().length > 0;
@@ -72,21 +99,6 @@ export class EzTextArea {
     return this._hostElement.shadowRoot.activeElement !== null;
   }
   //---------------------------------------------
-  // Public methods
-  //---------------------------------------------
-  /**
-   * Faz o foco no componente de input
-   */
-  async setFocus() {
-    this._inputElem.focus();
-  }
-  /**
-   * Remove o foco no componente de input
-   */
-  async setBlur() {
-    this._inputElem.blur();
-  }
-  //---------------------------------------------
   // Event handlers
   //---------------------------------------------
   handleFocusout() {
@@ -96,8 +108,9 @@ export class EzTextArea {
     }
   }
   handleChange() {
-    this.errorMessage = "";
-    this.value = this._inputElem.value;
+    if (this.canChangeValue()) {
+      this.value = this._inputElem.value;
+    }
   }
   handleFocus() {
     if (this.label && this._labelElem && !this._labelElem.classList.contains("textarea__label--floated")) {

package/dist/collection/components/ez-text-input/ez-text-input.js

@@ -43,17 +43,19 @@ export class EzTextInput {
       }
     }
   }
-  observeValue() {
+  observeValue(newValue, oldValue) {
     if (this._inputElem) {
-      this._inputElem.value = this.value || "";
-    }
-    this.handleChange();
-    this.adjustFloatingLabel();
-    if (this.slaveMode) {
-      return;
+      if (newValue != oldValue) {
+        this._inputElem.value = this.value || "";
+        this.handleChange();
+        this.adjustFloatingLabel();
+        if (this.slaveMode) {
+          return;
+        }
+        this.errorMessage = "";
+        this.ezChange.emit(this.value);
+      }
     }
-    this.errorMessage = "";
-    this.ezChange.emit(this.value);
   }
   adjustFloatingLabel() {
     if (this.label && this._labelElem) {

package/dist/collection/components/ez-time-input/ez-time-input.js

@@ -63,10 +63,12 @@ export class EzTimeInput {
     this.prepareValue(this.viewValue);
     if (this.viewValue && !TimeFormatter.validateTime(this.viewValue, this.showSeconds)) {
       this._oldViewValue = this.viewValue;
+      this.ezCancelWaitingChange.emit();
       this.errorMessage = "Favor inserir um horário válido.";
     }
     else {
       if (this.viewValue === this._oldViewValue) {
+        this.ezCancelWaitingChange.emit();
         return;
       }
       this._oldViewValue = this.viewValue;
@@ -85,6 +87,7 @@ export class EzTimeInput {
     }
   }
   handleChange() {
+    this.ezStartChange.emit({ waitmessage: "", blocking: false });
     this.viewValue = this._inputElem.value;
     this.value = NumberUtils.stringToNumber(this.viewValue.replace(/\D/g, ""));
   }
@@ -257,6 +260,41 @@ export class EzTimeInput {
         "resolved": "number",
         "references": {}
       }
+    }, {
+      "method": "ezStartChange",
+      "name": "ezStartChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Evento emitido ao iniciar a altera\u00E7\u00E3o (remover ou adicionar um arquivo)."
+      },
+      "complexType": {
+        "original": "WaitingChange",
+        "resolved": "WaitingChange",
+        "references": {
+          "WaitingChange": {
+            "location": "import",
+            "path": "@sankhyalabs/core"
+          }
+        }
+      }
+    }, {
+      "method": "ezCancelWaitingChange",
+      "name": "ezCancelWaitingChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Entre o evento ezStartChange e ezChange, se por algum motivo n\u00E3o foi poss\u00EDvel\ncompletar a altera\u00E7\u00E3o, esse evento \u00E9 disparado."
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
     }]; }
   static get methods() { return {
     "setFocus": {

package/dist/collection/components/ez-upload/RemoteFile.js

@@ -43,7 +43,12 @@ export default class RemoteFile {
           }
           const response = xhr.response;
           if (response) {
-            resolve(JSON.parse(response));
+            try {
+              resolve(JSON.parse(response));
+            }
+            catch (error) {
+              reject(`Servidor não retornou um objeto válido: ${response}.\n${error}`);
+            }
           }
         }
       };

package/dist/collection/components/ez-upload/ez-upload.js

@@ -91,14 +91,27 @@ export class EzUpload {
     }
   }
   async doAddFile(file) {
-    if (this.validateFile(file)) {
-      this.ezStartChange.emit({ waitmessage: "Há arquivos sendo enviados. Por favor aguarde a conclusão ou cancele o envio." });
-      const uploadingFile = new RemoteFile(file);
-      this._filePointers.set(file.name, uploadingFile);
-      uploadingFile.upload(this.urlUpload, this._requestHeaders, (file) => this.updateFeedback(file))
-        .then((files) => files.forEach(ezFile => this.finishUpload(ezFile)))
-        .catch(msg => this.showError(msg));
-      forceUpdate(this);
+    try {
+      if (this.validateFile(file)) {
+        this.ezStartChange.emit({ waitmessage: "Há arquivos sendo enviados. Por favor aguarde a conclusão ou cancele o envio.", blocking: true });
+        const uploadingFile = new RemoteFile(file);
+        const oldPointer = this._filePointers.get(file.name);
+        if (oldPointer && this.isRemoteFile(oldPointer)) {
+          oldPointer.abortUpload();
+        }
+        this._filePointers.set(file.name, uploadingFile);
+        uploadingFile.upload(this.urlUpload, this._requestHeaders, (file) => this.updateFeedback(file))
+          .then((files) => files.forEach(ezFile => this.finishUpload(ezFile)))
+          .catch(msg => {
+          this.ezCancelWaitingChange.emit();
+          this.showError(msg);
+        });
+        forceUpdate(this);
+      }
+    }
+    catch (error) {
+      this.ezCancelWaitingChange.emit();
+      throw error;
     }
   }
   finishUpload(ezFile) {
@@ -461,6 +474,21 @@ export class EzUpload {
           }
         }
       }
+    }, {
+      "method": "ezCancelWaitingChange",
+      "name": "ezCancelWaitingChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Entre o evento ezStartChange e ezChange, se por algum motivo n\u00E3o foi poss\u00EDvel\ncompletar a altera\u00E7\u00E3o, esse evento \u00E9 disparado."
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
     }]; }
   static get methods() { return {
     "addFiles": {