@sankhyalabs/ezui 6.4.2 → 6.5.0-dev.1

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

@@ -10,7 +10,7 @@ export class EzTextArea {
     this.errorMessage = undefined;
     this.rows = 4;
     this.canShowError = true;
-    this.mode = "regular";
+    this.mode = 'regular';
     this.enableResize = true;
     this.autoRows = false;
     this.autoFocus = false;
@@ -33,10 +33,10 @@ export class EzTextArea {
     if (this._inputElem) {
       if (newValue != oldValue) {
         if (this.canChangeValue()) {
-          this._inputElem.value = this.value || "";
+          this._inputElem.value = this.value || '';
         }
         this.adjustFloatingLabel();
-        this.errorMessage = "";
+        this.errorMessage = '';
         this.ezChange.emit(this.value);
       }
     }
@@ -45,13 +45,13 @@ export class EzTextArea {
     if (this._initialRows == undefined) {
       this._initialRows = this.rows > 0 ? this.rows : undefined;
     }
-    const rows = this._initialRows > 0 ? this._initialRows : this.mode != "slim" ? 4 : 2;
+    const rows = this._initialRows > 0 ? this._initialRows : this.mode != 'slim' ? 4 : 2;
     if (rows !== this.rows) {
       this.rows = rows;
     }
   }
   observeRows() {
-    const rows = this.rows > 0 ? this.rows : this.mode != "slim" ? 4 : 2;
+    const rows = this.rows > 0 ? this.rows : this.mode != 'slim' ? 4 : 2;
     if (rows !== this.rows) {
       this.updateRows(rows);
     }
@@ -84,8 +84,8 @@ export class EzTextArea {
     var _a, _b, _c, _d;
     const selectionStart = this._inputElem.selectionStart;
     const selectionEnd = this._inputElem.selectionEnd;
-    const textStart = (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.substring(0, selectionStart)) !== null && _b !== void 0 ? _b : "";
-    const textEnd = (_d = (_c = this.value) === null || _c === void 0 ? void 0 : _c.substring(selectionEnd)) !== null && _d !== void 0 ? _d : "";
+    const textStart = (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.substring(0, selectionStart)) !== null && _b !== void 0 ? _b : '';
+    const textEnd = (_d = (_c = this.value) === null || _c === void 0 ? void 0 : _c.substring(selectionEnd)) !== null && _d !== void 0 ? _d : '';
     this.value = `${textStart}${text}${textEnd}`;
     const newSelectionEnd = selectionStart + text.length;
     const start = (selectionStart === selectionEnd) ? newSelectionEnd : selectionStart;
@@ -108,28 +108,28 @@ export class EzTextArea {
    * Retorna se o conteúdo é inválido.
    */
   async isInvalid() {
-    return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
+    return typeof this.errorMessage === 'string' && this.errorMessage.trim() !== '';
   }
   //---------------------------------------------
   // Private methods
   //---------------------------------------------
   canChangeValue() {
-    return this._inputElem && (this.value || "") !== this._inputElem.value;
+    return this._inputElem && (this.value || '') !== this._inputElem.value;
   }
   adjustFloatingLabel() {
     if (this.forceLabelFloat)
       return;
     if (this.label && this._labelElem) {
       const hasValue = this.value && this.value.toString().length > 0;
-      const containsFloatedClass = this._labelElem.classList.contains("textarea__label--floated");
+      const containsFloatedClass = this._labelElem.classList.contains('textarea__label--floated');
       if (hasValue || this.isFocused()) {
         if (!containsFloatedClass) {
-          this._labelElem.classList.add("textarea__label--floated");
+          this._labelElem.classList.add('textarea__label--floated');
         }
       }
       else {
         if (containsFloatedClass) {
-          this._labelElem.classList.remove("textarea__label--floated");
+          this._labelElem.classList.remove('textarea__label--floated');
         }
       }
     }
@@ -178,8 +178,8 @@ export class EzTextArea {
   //---------------------------------------------
   handleFocusout() {
     this.adjustFloatingLabel();
-    if (this._container && this._container.classList.contains("textarea--focus")) {
-      this._container.classList.remove("textarea--focus");
+    if (this._container && this._container.classList.contains('textarea--focus')) {
+      this._container.classList.remove('textarea--focus');
     }
   }
   handleChange() {
@@ -188,11 +188,11 @@ export class EzTextArea {
     }
   }
   handleFocus() {
-    if (this.label && this._labelElem && !this._labelElem.classList.contains("textarea__label--floated")) {
-      this._labelElem.classList.add("textarea__label--floated");
+    if (this.label && this._labelElem && !this._labelElem.classList.contains('textarea__label--floated')) {
+      this._labelElem.classList.add('textarea__label--floated');
     }
-    if (this._container && !this._container.classList.contains("textarea--focus")) {
-      this._container.classList.add("textarea--focus");
+    if (this._container && !this._container.classList.contains('textarea--focus')) {
+      this._container.classList.add('textarea--focus');
     }
   }
   connectedCallback() {
@@ -205,7 +205,7 @@ export class EzTextArea {
   buildPlaceholder() {
     if (this.alternativePlaceholder)
       return this.alternativePlaceholder;
-    return (this.mode === "slim" && this.label) ? this.label : '';
+    return (this.mode === 'slim' && this.label) ? this.label : '';
   }
   buildLabelClass() {
     let classList = this.enabled ? 'textarea__label' : 'textarea__label textarea__label--disabled';
@@ -215,6 +215,19 @@ export class EzTextArea {
       classList = classList + ' textarea__label--floated';
     return classList;
   }
+  renderErrorTooltip() {
+    if (!this.canShowError || this.mode == 'slim' || !this.errorMessage)
+      return;
+    return (h("div", { class: "tooltip-container" }, h("ez-tooltip", { type: "error", message: this.errorMessage }, h("ez-icon", { class: `tooltip-icon ${this.errorMessage ? 'hasError' : ''}`, "data-element-id": ElementIDUtils.getInternalIDInfo('tooltip-icon'), iconName: "alert-circle" }))));
+  }
+  renderLabel() {
+    if (!this.label || this.mode == 'slim')
+      return null;
+    return h("label", { ref: (el) => this._labelElem = el, class: this.buildLabelClass(), onClick: () => this._inputElem.focus(), title: this.label }, this.label);
+  }
+  renderTextArea() {
+    return h("textarea", { onFocus: () => this.handleFocus(), "data-element-id": ElementIDUtils.getInternalIDInfo('input'), ref: (el) => this._inputElem = el, value: this.value, disabled: !this.enabled, class: { 'textarea--slim': this.mode === 'slim' }, placeholder: this.buildPlaceholder(), onInput: () => this.handleChange(), onFocusout: () => this.handleFocusout(), rows: this.rows });
+  }
   //---------------------------------------------
   // Lifecycle web component
   //---------------------------------------------
@@ -230,13 +243,7 @@ export class EzTextArea {
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._hostElement, 'input');
-    return (h(Host, null, h("div", { class: `textarea ${this.enabled ? "" : "textarea--disabled"}`, ref: (el) => this._container = el }, this.label && this.mode != "slim" ?
-      h("label", { ref: (el) => this._labelElem = el, class: this.buildLabelClass(), onClick: () => this._inputElem.focus(), title: this.label }, this.label)
-      : null, h("textarea", { onFocus: () => this.handleFocus(), "data-element-id": ElementIDUtils.getInternalIDInfo("input"), ref: (el) => this._inputElem = el, value: this.value, disabled: !this.enabled, class: {
-        "textarea--slim": this.mode === "slim",
-        "textarea--resizable": this.enableResize
-      }, placeholder: this.buildPlaceholder(), onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); }, rows: this.rows })), this.canShowError && this.mode != "slim" &&
-      h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el, title: this.errorMessage }, this.errorMessage)));
+    return (h(Host, null, h("div", { class: `textarea ${this.enabled ? '' : 'textarea--disabled'}`, ref: (el) => this._container = el }, this.renderLabel(), h("div", { class: `input-container ${this.enableResize ? 'textarea--resizable' : ""}` }, this.renderTextArea(), this.renderErrorTooltip()))));
   }
   static get is() { return "ez-text-area"; }
   static get encapsulation() { return "shadow"; }
@@ -361,7 +368,7 @@ export class EzTextArea {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"slim\" | \"regular\"",
+          "original": "'slim' | 'regular'",
           "resolved": "\"regular\" | \"slim\"",
           "references": {}
         },
@@ -373,7 +380,7 @@ export class EzTextArea {
         },
         "attribute": "mode",
         "reflect": true,
-        "defaultValue": "\"regular\""
+        "defaultValue": "'regular'"
       },
       "enableResize": {
         "type": "boolean",

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

@@ -1,6 +1,7 @@
 import { Host, h } from '@stencil/core';
 import { ElementIDUtils } from '@sankhyalabs/core';
 import { ApplicationUtils } from "../../utils";
+import initI18n from '../../utils/i18n';
 export class EzTextEdit {
   constructor() {
     this._newValue = undefined;
@@ -63,7 +64,7 @@ export class EzTextEdit {
   }
   handleSaveEdition() {
     if (!this._newValue) {
-      ApplicationUtils.alert("Aviso", "Não é possível salvar um campo em branco.").then(() => {
+      ApplicationUtils.alert(this.i18n("app.warning"), this.i18n("ez-text-edit.emptyFieldWarning")).then(() => {
         this.setNewValue(this.value, true);
       });
       return;
@@ -77,6 +78,9 @@ export class EzTextEdit {
     this._newValue = value;
     this.calcSizeInput(this._newValue, setSelect);
   }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
   componentDidLoad() {
     this.applyFocusSelect();
     this.setNewValue(this.value);

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

@@ -287,6 +287,7 @@ export class EzTextInput {
   //---------------------------------------------
   componentWillLoad() {
     this.observeMask();
+    this.forceLabelFloat = !!this.alternativePlaceholder;
     if (this.value) {
       if (this._maskFormatter) {
         try {

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

@@ -1,6 +1,7 @@
 import { h, Host } from "@stencil/core";
 import { TimeFormatter, MaskFormatter, NumberUtils, ElementIDUtils } from "@sankhyalabs/core";
 import CSSVarsUtils from "../../utils/CSSVarsUtils";
+import initI18n from '../../utils/i18n';
 export class EzTimeInput {
   constructor() {
     this.label = undefined;
@@ -41,7 +42,7 @@ export class EzTimeInput {
         this._viewValue = newValueValidated == undefined ? "" : newValueValidated.toString();
         this.prepareValue(this._viewValue);
         if (this._viewValue && !TimeFormatter.validateTime(this._viewValue, this.showSeconds)) {
-          this.setError("Favor inserir um horário válido.");
+          this.setError(this.i18n("ez-time-input.invalidTime"));
           newValueValidated = undefined;
         }
         else {
@@ -130,15 +131,8 @@ export class EzTimeInput {
   //---------------------------------------------
   // Lifecycle web component
   //---------------------------------------------
-  componentDidLoad() {
-    CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
-    if (this.autoFocus) {
-      requestAnimationFrame(() => {
-        this.setFocus({ selectText: true });
-      });
-    }
-  }
-  componentWillLoad() {
+  async componentWillLoad() {
+    this.i18n = await initI18n();
     this.observeShowSeconds();
     if (this.value) {
       this.prepareValue(this.value.toString());
@@ -147,6 +141,14 @@ export class EzTimeInput {
       this.prepareValue(this._viewValue);
     }
   }
+  componentDidLoad() {
+    CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
+    if (this.autoFocus) {
+      requestAnimationFrame(() => {
+        this.setFocus({ selectText: true });
+      });
+    }
+  }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
     return (h(Host, null, h("ez-text-input", { class: "time__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: (el) => this._textInput = el, "data-slave-mode": "true", value: this._viewValue, enabled: this.enabled, label: this.label, restrict: "0123456789:", onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, alternativePlaceholder: this.alternativePlaceholder }, h("ez-icon", { slot: "leftIcon", iconName: "timer-outline" }))));

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

@@ -149,7 +149,7 @@ export class EzTooltip {
       },
       "anchoringElement": {
         "type": "unknown",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "HTMLElement",
           "resolved": "HTMLElement",

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

@@ -3,6 +3,7 @@ import { forceUpdate, h, Host } from '@stencil/core';
 import { defaultIconResolver, defaultTooltipResolver } from './subcomponents';
 import { TreeItem } from './subcomponents/TreeItem';
 import { Tree } from './types/Tree';
+import initI18n from '../../utils/i18n';
 export class EzTree {
   constructor() {
     this._onItemClick = (item) => {
@@ -81,6 +82,18 @@ export class EzTree {
   async applyFilter(pattern) {
     await this._tree.setFilterPattern(pattern, this.enableHierarchicalFilter);
   }
+  /**
+   * Expande todos os itens da árvore.
+   */
+  async expandAll() {
+    this._tree.expandAll();
+  }
+  /**
+   * Recolhe todos os itens da árvore.
+   */
+  async collapseAll() {
+    this._tree.collapseAll();
+  }
   /**
    * Atualiza um item
    */
@@ -254,6 +267,9 @@ export class EzTree {
       this._tree.load(this.items);
     }
   }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
   componentWillRender() {
     var _a;
     if (!this.selectedId || ((_a = this.value) === null || _a === void 0 ? void 0 : _a.id) === this.selectedId) {
@@ -271,7 +287,7 @@ export class EzTree {
     }
     this._visibleItems = [];
     return (h(Host, { tabindex: "-1" }, this._waintingForLoad ?
-      h("label", null, "Carregando...")
+      h("label", null, this.i18n("app.loading"), "...")
       :
         this._tree.getChildren().map(node => {
           var _a;
@@ -612,6 +628,38 @@ export class EzTree {
           "tags": []
         }
       },
+      "expandAll": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Expande todos os itens da \u00E1rvore.",
+          "tags": []
+        }
+      },
+      "collapseAll": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Recolhe todos os itens da \u00E1rvore.",
+          "tags": []
+        }
+      },
       "updateItem": {
         "complexType": {
           "signature": "(item: ITreeItem) => Promise<void>",

package/dist/collection/components/ez-tree/types/Tree.js

@@ -50,6 +50,7 @@ export class Tree extends Node {
     }
     else {
       this._filterPattern = StringUtils.replaceAccentuatedCharsKeepSymbols(pattern);
+      this.setAllChildrenExpanded(this, false);
       this.applyFilter(this);
     }
     this._changeCallback();
@@ -84,6 +85,11 @@ export class Tree extends Node {
     });
   }
   applyFilter(node) {
+    if (!this._filterPattern) {
+      node.visible = true;
+      this.setAllChildrenVisible(node);
+      return;
+    }
     node.children.forEach((value) => {
       this.applyFilter(value);
     });
@@ -94,6 +100,7 @@ export class Tree extends Node {
     let isVisible = false;
     if (normalizedLabel.includes(this._filterPattern)) {
       isVisible = true;
+      node.item.expanded = true;
       this.setAllChildrenVisible(node);
     }
     else {
@@ -160,6 +167,22 @@ export class Tree extends Node {
       });
     });
   }
+  expandAll() {
+    this.setAllChildrenExpanded(this, true);
+    this._changeCallback();
+  }
+  collapseAll() {
+    this.setAllChildrenExpanded(this, false);
+    this._changeCallback();
+  }
+  setAllChildrenExpanded(node, expanded) {
+    if (node.item && !node.isPlaceHolder) {
+      node.item.expanded = expanded;
+    }
+    node.children.forEach(child => {
+      this.setAllChildrenExpanded(child, expanded);
+    });
+  }
   async loadLevel(node) {
     return new Promise(resolve => {
       node.addPlaceHolder();

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

@@ -1,6 +1,7 @@
-import { h, forceUpdate } from "@stencil/core";
-import ApplicationUtils from "../../utils/ApplicationUtils";
 import { ElementIDUtils } from "@sankhyalabs/core";
+import { forceUpdate, h } from "@stencil/core";
+import ApplicationUtils from "../../utils/ApplicationUtils";
+import initI18n from "../../utils/i18n";
 import RemoteFile from "./RemoteFile";
 export class EzUpload {
   constructor() {
@@ -61,7 +62,7 @@ export class EzUpload {
         }
       });
       if (countDistinctFiles > this.maxFiles) {
-        this.showError(`A quantidade máxima de arquivos é ${this.maxFiles}.`);
+        this.showError(this.i18n("ez-upload.maxFilesError", { maxFiles: this.maxFiles }));
         return;
       }
     }
@@ -82,8 +83,7 @@ export class EzUpload {
   async addFile(file) {
     const oldFile = this._filePointers.get(file.name);
     if (oldFile) {
-      ApplicationUtils.confirm("Substituir arquivo", `Já existe um arquivo chamado "${file.name}". Deseja substituí-lo?`)
-        .then(ok => {
+      ApplicationUtils.confirm(this.i18n("ez-upload.replaceFileTitle"), this.i18n("ez-upload.replaceFileMessage", { fileName: file.name })).then(ok => {
         if (ok) {
           if (this.isRemoteFile(oldFile)) {
             oldFile.abortUpload();
@@ -99,7 +99,10 @@ export class EzUpload {
   async doAddFile(file) {
     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 });
+        this.ezStartChange.emit({
+          waitmessage: this.i18n("ez-upload.uploadingMessage"),
+          blocking: true
+        });
         const uploadingFile = new RemoteFile(file);
         const oldPointer = this._filePointers.get(file.name);
         if (oldPointer && this.isRemoteFile(oldPointer)) {
@@ -152,25 +155,25 @@ export class EzUpload {
   }
   validateFile(file) {
     if (!this._filePointers.has(file.name) && this.maxFiles > 0 && this._filePointers.size >= this.maxFiles) {
-      this.showError(`A quantidade máxima de arquivos é ${this.maxFiles}.`);
+      this.showError(this.i18n("ez-upload.maxFilesError", { maxFiles: this.maxFiles }));
       return false;
     }
     if (file.size === 0) {
-      this.showError(`Erro de permissão: O arquivo "${file.name}" não pode ser enviado.`);
+      this.showError(this.i18n("ez-upload.emptyFileError", { fileName: file.name }));
       return false;
     }
     if (!this.urlUpload) {
-      this.showError("Endereço de upload não informado");
+      this.showError(this.i18n("ez-upload.missingUploadUrlError"));
       return false;
     }
     if (this.maxFileSize >= 0 && file.size > this.maxFileSize) {
-      this.showError("O tamanho máximo dos arquivos é de " + this.formatBytes(this.maxFileSize));
+      this.showError(this.i18n("ez-upload.maxFileSizeError", { maxSize: this.formatBytes(this.maxFileSize) }));
       return false;
     }
     return true;
   }
   showError(message) {
-    ApplicationUtils.alert("Enviando arquivo", message);
+    ApplicationUtils.alert(this.i18n("ez-upload.uploadErrorTitle"), message);
   }
   formatBytes(bytes, decimals = 1) {
     if (bytes === 0)
@@ -247,8 +250,11 @@ export class EzUpload {
       }
     }
   }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
   render() {
-    return (h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass("iu", "background--disabled") }, h("div", { class: "iu__container", onClick: () => this.openFilesDialog() }, h("div", { class: "iu_header" }, this.label ? h("label", { class: this.evalDisabledClass("iu__label", "text--disabled"), title: this.label }, this.label) : null, h("div", { class: "padding-large" }, h("div", { class: this.evalDisabledClass("iu__icon-label", "mouse-pointer--disabled") }, 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.subtitle &&
+    return (h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass("iu", "background--disabled") }, h("div", { class: "iu__container", onClick: () => this.openFilesDialog() }, h("div", { class: "iu_header" }, this.label ? h("label", { class: this.evalDisabledClass("iu__label", "text--disabled"), title: this.label }, this.label) : null, h("div", { class: "padding-large" }, h("div", { class: this.evalDisabledClass("iu__icon-label", "mouse-pointer--disabled") }, 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 ? this.i18n("ez-upload.enable") : this.i18n("ez-upload.disable"))), this.subtitle &&
       h("div", { class: this.evalDisabledClass("padding-extra-small text text--center text--small text--secondary", "text--disabled") }, this.subtitle))), this.buildFooter()), h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, class: "appearanceNone" })));
   }
   buildFooter() {

package/dist/collection/global/app-init.js

@@ -0,0 +1,8 @@
+import initI18n from '../utils/i18n';
+export default async function initializeApp() {
+  await initI18n();
+  if (process.env.NODE_ENV !== 'development') {
+    console.log('Global initialization ez-ui completed!');
+  }
+}
+;

package/dist/collection/setupTests.js

@@ -1 +1 @@
-global.ResizeObserver = require('resize-observer-polyfill')
+global.ResizeObserver = require('resize-observer-polyfill');

package/dist/collection/utils/ApplicationUtils.js

@@ -1,9 +1,22 @@
 import { v4 as uuid } from "uuid";
 import { DialogType } from "../components/ez-dialog/DialogType";
+import initI18n from "./i18n";
 export default class ApplicationUtils {
+  static async getDefaultMessageOptions() {
+    if (!this.i18n) {
+      this.i18n = await initI18n();
+    }
+    return {
+      canClose: true,
+      labelCancel: this.i18n("app.no"),
+      labelConfirm: this.i18n("app.yes"),
+      btnConfirmDanger: false
+    };
+  }
   static async showDialog(title, message, icon = null, confirm, dialogType = DialogType.DEFAULT, options) {
     if (options) {
-      options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
+      const defaultMessageOptions = await this.getDefaultMessageOptions();
+      options = Object.assign(Object.assign({}, defaultMessageOptions), options);
     }
     return new Promise(resolve => {
       let dialog = document.createElement("ez-dialog");
@@ -15,24 +28,45 @@ export default class ApplicationUtils {
       });
     });
   }
-  static async alert(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+  static async alert(title, message, icon = null, options) {
+    if (!options) {
+      const defaultMessageOptions = await this.getDefaultMessageOptions();
+      options = defaultMessageOptions;
+    }
     return ApplicationUtils.showDialog(title, message, icon, false, DialogType.WARN, options);
   }
-  static async error(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+  static async error(title, message, icon = null, options) {
+    if (!options) {
+      const defaultMessageOptions = await this.getDefaultMessageOptions();
+      options = defaultMessageOptions;
+    }
     return ApplicationUtils.showDialog(title, message, icon, false, DialogType.CRITICAL, options);
   }
-  static async success(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+  static async success(title, message, icon = null, options) {
+    if (!options) {
+      const defaultMessageOptions = await this.getDefaultMessageOptions();
+      options = defaultMessageOptions;
+    }
     return ApplicationUtils.showDialog(title, message, icon, false, DialogType.SUCCESS, options);
   }
-  static async confirm(title, message, icon = null, dialogType = DialogType.WARN, options = ApplicationUtils.defaultMessageOptions) {
+  static async confirm(title, message, icon = null, dialogType = DialogType.WARN, options) {
+    if (!options) {
+      const defaultMessageOptions = await this.getDefaultMessageOptions();
+      options = defaultMessageOptions;
+    }
     return ApplicationUtils.showDialog(title, message, icon, true, dialogType, options);
   }
-  static async message(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+  static async message(title, message, icon = null, options) {
+    if (!options) {
+      const defaultMessageOptions = await this.getDefaultMessageOptions();
+      options = defaultMessageOptions;
+    }
     return ApplicationUtils.showDialog(title, message, icon, false, DialogType.DEFAULT, options);
   }
-  static async info(message, options = ApplicationUtils.defaultMessageOptions) {
-    if (options !== ApplicationUtils.defaultMessageOptions) {
-      options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
+  static async info(message, options) {
+    const defaultMessageOptions = await this.getDefaultMessageOptions();
+    if (options !== defaultMessageOptions) {
+      options = Object.assign(Object.assign({}, defaultMessageOptions), options);
     }
     let useIcon = false;
     let toast = document.querySelector("ez-toast");
@@ -120,12 +154,6 @@ export default class ApplicationUtils {
     alertList.alerts = props.alerts;
   }
 }
-ApplicationUtils.defaultMessageOptions = {
-  canClose: true,
-  labelCancel: 'Não',
-  labelConfirm: 'Sim',
-  btnConfirmDanger: false
-};
 ApplicationUtils.defaultModalProps = {
   content: null,
   position: 'right',

package/dist/collection/utils/constants.js

@@ -1,4 +1,3 @@
-export const REQUIRED_INFO = " (obrigatório) *";
 export const ALL_RECORD = "ALL_RECORD";
 export const DISTINCT_FILTER_NAME_PREFIX = 'FILTRO_COLUNA_';
 export const EZ_GRID_LOADING_SOURCE = "EZ_GRID_LOADING_SOURCE";

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

@@ -1,5 +1,6 @@
 import { DateUtils } from "@sankhyalabs/core";
 import { buildFieldMetadata } from "../interfaces/AbstractFieldMetadata";
+import { getI18n } from "../i18n";
 const DETAIL_PATTERN = /child\[([^\]]+)\]/;
 const REGEX_DEFAULT_VAR_KEY = /\$\{.+\}/;
 export class FormMetadata {
@@ -147,11 +148,12 @@ export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
       });
     }
   }
+  const i18n = getI18n();
   Array.from(sheets.entries())
     .sort(sortTabs)
     .forEach(([key, fields]) => {
     metadata.addSheet({
-      label: (key.label === "__main") ? "Principal" : key.label,
+      label: (key.label === "__main") ? i18n("ez-form.mainTab") : key.label,
       name: key.name || key.label,
       fields
     });

package/dist/collection/utils/i18n/elanguages.js

@@ -0,0 +1,6 @@
+export var ELanguages;
+(function (ELanguages) {
+  ELanguages["PT_BR"] = "pt_BR";
+  ELanguages["EN_US"] = "en_US";
+  ELanguages["ES_ES"] = "es_ES";
+})(ELanguages || (ELanguages = {}));

package/dist/collection/utils/i18n/index.js

@@ -0,0 +1,30 @@
+import { default as i18nNext } from 'i18next';
+import LanguageDetector from "i18next-browser-languagedetector";
+import translations from "./translations";
+import { ELanguages } from './elanguages';
+import { ApplicationContext, LangUtils } from '@sankhyalabs/core';
+const KEY_I18N = "__EZ_UI_I18N_INSTANCE__";
+export function getI18n() {
+  let i18nInstance = ApplicationContext.getContextValue(KEY_I18N);
+  return i18nInstance;
+}
+const initI18n = async (forceLang) => {
+  let i18nTFunction = getI18n();
+  if (!i18nTFunction) {
+    const i18nInstance = i18nNext.createInstance();
+    const i18nextOptions = {
+      resources: translations,
+      fallbackLng: ELanguages.PT_BR
+    };
+    await i18nInstance
+      .use(LanguageDetector)
+      .init(i18nextOptions);
+    const documentLanguage = LangUtils.getLanguage();
+    const lang = forceLang !== null && forceLang !== void 0 ? forceLang : documentLanguage;
+    await i18nInstance.changeLanguage(lang);
+    ApplicationContext.setContextValue(KEY_I18N, i18nInstance.t);
+    i18nTFunction = i18nInstance.t;
+  }
+  return i18nTFunction;
+};
+export default initI18n;