@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-77369.0 → 0.0.0-bugfix-dev-KB-77126.0

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

@@ -7,6 +7,7 @@ export class EzTextInput {
     this.enabled = true;
     this.errorMessage = undefined;
     this.mask = undefined;
+    this.cleanValueMask = false;
     this.canShowError = true;
     this.restrict = undefined;
     this.mode = "regular";
@@ -122,7 +123,12 @@ export class EzTextInput {
     const value = this._inputElem.value;
     if (value && this._maskFormatter) {
       try {
-        this._inputElem.value = this._maskFormatter.format(value);
+        if (this.cleanValueMask) {
+          this.applyMask(value);
+        }
+        else {
+          this._inputElem.value = this._maskFormatter.format(value);
+        }
       }
       catch (e) {
         this.errorMessage = e.message;
@@ -140,8 +146,34 @@ export class EzTextInput {
   }
   controlChangeValue() {
     if (this._inputElem && (this.value || '') !== this._inputElem.value) {
-      this.value = this._inputElem.value;
+      if (this.cleanValueMask) {
+        this.value = this._maskFormatter.removeMask(this._inputElem.value);
+      }
+      else {
+        this.value = this._inputElem.value;
+      }
+    }
+  }
+  applyMask(value) {
+    if (!value || value === "")
+      return value;
+    if (this._maskFormatter) {
+      try {
+        const formattedValue = this._maskFormatter.applyMask(this._maskFormatter.removeMask(value));
+        if (this._inputElem) {
+          this._inputElem.value = formattedValue;
+          return this._inputElem.value;
+        }
+        else {
+          this.value = formattedValue;
+          return this.value;
+        }
+      }
+      catch (e) {
+        this.errorMessage = e.message;
+      }
     }
+    return value;
   }
   handleChange() {
     if (!this._inputElem) {
@@ -217,7 +249,12 @@ export class EzTextInput {
     if (this.value) {
       if (this._maskFormatter) {
         try {
-          this.value = this._maskFormatter.format(this.value);
+          if (this.cleanValueMask) {
+            this.applyMask(this.value);
+          }
+          else {
+            this.value = this._maskFormatter.format(this.value);
+          }
         }
         catch (e) {
           this.errorMessage = e.message;
@@ -233,7 +270,7 @@ export class EzTextInput {
     ElementIDUtils.addIDInfoIfNotExists(this._hostElement, 'input');
     return (h(Host, { style: this._hostElement.classList.contains("grid_editor") ? { "height": "100%" } : null }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label && this.mode != "slim" ?
       h("label", { ref: (el) => this._labelElem = el, class: this.enabled ? "input__label" : "input__label input__label--disabled", onClick: () => this._inputElem.focus(), title: this.label }, this.label)
-      : null, h("input", { "data-element-id": ElementIDUtils.getInternalIDInfo("input"), onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: this.password ? "password" : "text", class: this.mode === "slim" ? "input--slim" : "", placeholder: this.mode === "slim" && this.label ? this.label : "", value: this.value, disabled: !this.enabled, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); } }), h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.canShowError && this.mode != "slim" &&
+      : null, h("input", { "data-element-id": ElementIDUtils.getInternalIDInfo("input"), onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: this.password ? "password" : "text", class: this.mode === "slim" ? "input--slim" : "", placeholder: this.mode === "slim" && this.label ? this.label : "", value: this.mask && this.cleanValueMask ? this.applyMask(this.value) : this.value, disabled: !this.enabled, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); } }), h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.canShowError && this.mode != "slim" &&
       h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el, title: this.errorMessage, "data-element-id": ElementIDUtils.getInternalIDInfo("message_box") }, this.errorMessage)));
   }
   static get is() { return "ez-text-input"; }
@@ -336,6 +373,24 @@ export class EzTextInput {
         "attribute": "mask",
         "reflect": false
       },
+      "cleanValueMask": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Para remover a m\u00E1scara quando fizer um apply no formul\u00E1rio."
+        },
+        "attribute": "clean-value-mask",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "canShowError": {
         "type": "boolean",
         "mutable": false,

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,
   };
 };