@sankhyalabs/ezui 1.1.98 → 1.1.101

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

@@ -167,7 +167,7 @@ export class EzCalendar {
     firstDate.setTime(this._currentPosition.getTime());
     firstDate.setDate(1 - firstDate.getDay());
     return (h("section", { ref: elem => this._container = elem },
-      h("div", { ref: elem => this._box = elem, style: { display: 'flex' } },
+      h("div", { ref: elem => this._box = elem, class: "calendar__container" },
         h("div", { class: "calendar" },
           h("div", { class: "calendar__header" },
             h("button", { class: "calendar__btn-previous", onClick: () => this.changeMonth(-1) }),
@@ -191,8 +191,8 @@ export class EzCalendar {
           h("div", { class: "calendar__footer" },
             h("button", { class: "calendar__btn-today", onClick: () => this.selectDate(new Date()) }, this._todayLabel))),
         (this.time || this.showSeconds) &&
-          h("div", { class: "calendarTime" },
-            h("div", { class: "calendarTime__header" },
+          h("div", { class: "calendar-time" },
+            h("div", { class: "calendar-time__header" },
               h("div", null, "H"),
               h("div", { class: "separatorTime" }, ":"),
               h("div", null, "M"),

package/dist/collection/components/ez-combo-box/ez-combo-box.js

@@ -1,5 +1,5 @@
 import { FloatingManager } from "@sankhyalabs/core";
-import { Component, h, Host, Prop, State, Event, Element, Watch } from "@stencil/core";
+import { Component, h, Host, Prop, State, Event, Element, Watch, Method } from "@stencil/core";
 import CSSVarsUtils from "../../utils/CSSVarsUtils";
 export class EzComboBox {
   constructor() {
@@ -33,6 +33,18 @@ export class EzComboBox {
     this._preSelection = undefined;
     this.updateVisibleOptions();
   }
+  /**
+   * Realiza o foco no componente de seleção
+   */
+  async setFocus() {
+    this._inputElement.setFocus();
+  }
+  /**
+   * Remove o foco no componente de seleção
+   */
+  async setBlur() {
+    this._inputElement.setBlur();
+  }
   getText() {
     let text = "";
     const selected = this.getSelectedOption();
@@ -489,6 +501,40 @@ export class EzComboBox {
         }
       }
     }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de sele\u00E7\u00E3o",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de sele\u00E7\u00E3o",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "el"; }
   static get watchers() { return [{
       "propName": "value",

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

@@ -1,4 +1,4 @@
-import { Component, Element, Host, h, Prop, Watch, Event } from '@stencil/core';
+import { Component, Element, Host, h, Prop, Watch, Event, Method } from '@stencil/core';
 import { DateUtils } from '@sankhyalabs/core';
 import CSSVarsUtils from '../../utils/CSSVarsUtils';
 export class EzDateInput {
@@ -19,6 +19,18 @@ export class EzDateInput {
       this._textInput.value = this.getTextValue(this.value);
     }
   }
+  /**
+   * Realiza o foco no componente de data
+   */
+  async setFocus() {
+    this._textInput.setFocus();
+  }
+  /**
+   * Remove o foco no componente de data
+   */
+  async setBlur() {
+    this._textInput.setBlur();
+  }
   changeValue(newValue) {
     newValue = newValue == null ? null : DateUtils.clearTime(newValue);
     this._textInput.errorMessage = "";
@@ -165,6 +177,40 @@ export class EzDateInput {
         "references": {}
       }
     }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de data",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de data",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "_elem"; }
   static get watchers() { return [{
       "propName": "label",

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

@@ -1,4 +1,4 @@
-import { Component, Element, Host, h, Prop, Watch, Event } from '@stencil/core';
+import { Component, Element, Host, h, Prop, Watch, Event, Method } from '@stencil/core';
 import { DateUtils, TimeFormatter } from '@sankhyalabs/core';
 import CSSVarsUtils from '../../utils/CSSVarsUtils';
 export class EzDateTimeInput {
@@ -23,6 +23,18 @@ export class EzDateTimeInput {
       this._textInput.value = this.getTextValue(this.value);
     }
   }
+  /**
+   * Realiza o foco no componente de datetime
+   */
+  async setFocus() {
+    this._textInput.setFocus();
+  }
+  /**
+   * Remove o foco no componente de datetime
+   */
+  async setBlur() {
+    this._textInput.setBlur();
+  }
   onChangeKeyDown(ev) {
     const input = this._textInput.shadowRoot.querySelector('input');
     if (ev.key === "H" || ev.key === "h") {
@@ -229,6 +241,40 @@ export class EzDateTimeInput {
         "references": {}
       }
     }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de datetime",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de datetime",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "_elem"; }
   static get watchers() { return [{
       "propName": "label",

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

@@ -38,9 +38,8 @@ export default class DataBinder {
     if (field.nodeName === "EZ-SEARCH" && field["optionLoader"] === undefined) {
       const loader = ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
       if (loader) {
-        const fm = this._dataUnit.getField(fieldName);
         field["optionLoader"] = (arg) => {
-          loader(arg, fm.properties, this._dataUnit);
+          return loader(arg, fieldName, this._dataUnit);
         };
       }
     }

package/dist/collection/components/ez-grid/controller/DataUnitBridge.js

@@ -10,6 +10,13 @@ export default class DataUnitBridge {
       case Action.METADATA_LOADED:
         this._gridController.setColumnsDef(this.buildColumnDefs(), true);
         break;
+      case Action.RECORDS_REMOVED:
+      case Action.EDITION_CANCELED:
+      case Action.RECORDS_ADDED:
+      case Action.RECORDS_COPIED:
+      case Action.DATA_SAVED:
+        this._gridController.refresh();
+        break;
     }
   }
   buildColumnDefs() {

package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js

@@ -87,6 +87,12 @@ export default class AgGridController {
     }
     this._gridOptions.api.setRowData(data);
   }
+  refresh() {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    this._gridOptions.api.refreshServerSideStore({ purge: false });
+  }
   setColumnsDef(cols, showCheckSelection) {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");

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

@@ -1,5 +1,5 @@
 import { NumberUtils } from "@sankhyalabs/core";
-import { Component, h, Event, Prop, Watch, Element } from "@stencil/core";
+import { Component, h, Event, Prop, Watch, Element, Method } from "@stencil/core";
 import CSSVarsUtils from "../../utils/CSSVarsUtils";
 export class EzNumberInput {
   constructor() {
@@ -19,6 +19,18 @@ export class EzNumberInput {
       this._textInput.value = this.getTextValue(this.value);
     }
   }
+  /**
+   * Realiza o foco no componente de input
+   */
+  async setFocus() {
+    this._textInput.setFocus();
+  }
+  /**
+   * Remove o foco no componente de input
+   */
+  async setBlur() {
+    this._textInput.setBlur();
+  }
   changeValue(newValue) {
     this.errorMessage = "";
     if (newValue && newValue !== this.value) {
@@ -182,6 +194,40 @@ export class EzNumberInput {
         "references": {}
       }
     }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de input",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de input",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "_elem"; }
   static get watchers() { return [{
       "propName": "label",

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

@@ -1,4 +1,4 @@
-import { Component, Event, h, Prop, Watch, Element } from "@stencil/core";
+import { Component, Event, h, Prop, Watch, Element, Method } from "@stencil/core";
 import CSSVarsUtils from "../../utils/CSSVarsUtils";
 export class EzSearch {
   constructor() {
@@ -20,6 +20,18 @@ export class EzSearch {
       this._comboElement.value = this.value;
     }
   }
+  /**
+   * Realiza o foco no componente de pesquisa
+   */
+  async setFocus() {
+    this._comboElement.setFocus();
+  }
+  /**
+   * Remove o foco no componente de pesquisa
+   */
+  async setBlur() {
+    this._comboElement.setBlur();
+  }
   onComboChange(evt) {
     evt.stopPropagation();
     this.value = evt.detail;
@@ -207,6 +219,40 @@ export class EzSearch {
         "references": {}
       }
     }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de pesquisa",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de pesquisa",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "_elem"; }
   static get watchers() { return [{
       "propName": "value",

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

@@ -284,6 +284,11 @@ progress[value]::-webkit-progress-value {
   cursor: unset;
 }
 
+.appearanceNone{
+  width: 0px;
+  height: 0px;
+}
+
 
 /* //////// GRID SYSTEM //////// */
 

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

@@ -58,6 +58,18 @@ export class EzUpload {
     }
     Array.prototype.forEach.call(files, this.addFile.bind(this));
   }
+  /**
+   * Realiza o foco no componente de upload
+   */
+  async setFocus() {
+    this._fileInput.focus();
+  }
+  /**
+   * Remove o foco no componente de upload
+   */
+  async setBlur() {
+    this._fileInput.blur();
+  }
   async addFile(file) {
     const oldFile = this._filePointers.get(file.name);
     if (oldFile) {
@@ -215,7 +227,7 @@ export class EzUpload {
             h("button", { class: "iu__file-icon", disabled: !this.enabled }),
             h("div", { class: this.evalDisabledClass("text text--center text--medium text--primary", "text--disabled") }, this.enabled ? "Arraste e solte ou clique para adicionar arquivos" : "Somente leitura"))),
         this.buildFooter()),
-      h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, hidden: true })));
+      h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, class: "appearanceNone" })));
   }
   buildFooter() {
     if (this._filePointers.size === 0) {
@@ -449,6 +461,38 @@ export class EzUpload {
         "text": "M\u00E9todo respons\u00E1vel por adicionar um ou mais arquivos ao componente.",
         "tags": []
       }
+    },
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de upload",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de upload",
+        "tags": []
+      }
     }
   }; }
   static get elementRef() { return "_host"; }

package/dist/collection/components/test-du/test-du.js

@@ -1,6 +1,13 @@
 import { Component, h } from '@stencil/core';
 import { DataUnit, DataType, UserInterface } from '@sankhyalabs/core';
 export class TestDu {
+  /*private _ezButton// : HTMLEzButton;
+  private _ezComboBox// : HTMLEzComboBox;
+  private _ezDateInput// : HTMLEzDateInput;
+  private _ezDateTimeInput// : HTMLEzDateTimeInput;
+  private _ezNumberInput// : HTMLEzNumberInput
+  private _ezSearch// : HTMLEzSearch
+  private _ezUpload// : HTMLEzUpload*/
   componentWillLoad() {
     this.dataUnit = new DataUnit("testes_com_formulario");
     this.dataUnit.metadata = {