@sankhyalabs/ezui 6.1.0-dev.2 → 6.1.0-dev.21

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) => {
@@ -253,6 +254,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) {
@@ -270,7 +274,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;

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,6 @@
+import initI18n from '../utils/i18n';
+export default async function initializeApp() {
+  await initI18n();
+  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/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/i18nUtils.js

@@ -0,0 +1,20 @@
+import { ELanguages } from "./elanguages";
+export function getDocumentLang() {
+  if (process.env.NODE_ENV === 'development') {
+    return ELanguages.PT_BR;
+  }
+  const lang = document.documentElement.lang || navigator.language || "pt-BR";
+  switch (lang.toLocaleLowerCase()) {
+    case "en":
+    case "en_us":
+    case "en-us":
+      return ELanguages.EN_US;
+    case "es":
+    case "es_es":
+    case "es-es":
+      return ELanguages.ES_ES;
+    default:
+      return ELanguages.PT_BR;
+  }
+}
+;

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 { getDocumentLang } from './i18nUtils';
+import { ApplicationContext } 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 lang = forceLang !== null && forceLang !== void 0 ? forceLang : getDocumentLang();
+    await i18nInstance.changeLanguage(lang);
+    ApplicationContext.setContextValue(KEY_I18N, i18nInstance.t);
+    i18nTFunction = i18nInstance.t;
+  }
+  return i18nTFunction;
+};
+export default initI18n;

package/dist/collection/utils/i18n/locales/en-us.js

@@ -0,0 +1,275 @@
+export default {
+  translation: {
+    app: {
+      collapse: "Collapse",
+      expand: "Expand",
+      close: "Close",
+      profile: "Profile",
+      warning: "Warning",
+      edit: "Edit",
+      remove: "Remove",
+      yes: "Yes",
+      no: "No",
+      loading: "Loading",
+      apply: "Apply",
+      cancel: "Cancel",
+      ok: "OK",
+      alerts: "Alerts",
+      requiredInfo: " (required) *",
+    },
+    "ez-upload": {
+      enable: "Drag and drop or click to add files",
+      disable: "Read only",
+      replaceFileTitle: "Replace file",
+      replaceFileMessage: "A file named \"{{fileName}}\" already exists. Do you want to replace it?",
+      maxFilesError: "The maximum number of files is {{maxFiles}}.",
+      emptyFileError: "Permission error: The file \"{{fileName}}\" cannot be uploaded.",
+      missingUploadUrlError: "Upload URL not provided.",
+      maxFileSizeError: "The maximum file size is {{maxSize}}.",
+      uploadErrorTitle: "Uploading file",
+      uploadingMessage: "Files are being uploaded. Please wait for completion or cancel the upload."
+    },
+    "ez-calendar": {
+      month: {
+        0: "January",
+        1: "February",
+        2: "March",
+        3: "April",
+        4: "May",
+        5: "June",
+        6: "July",
+        7: "August",
+        8: "September",
+        9: "October",
+        10: "November",
+        11: "December"
+      },
+      weekDay: {
+        0: "S",
+        1: "M",
+        2: "T",
+        3: "W",
+        4: "T",
+        5: "F",
+        6: "S"
+      },
+      today: "Today"
+    },
+    "ez-collapsible-box": {
+      confirmRemove: "Do you really want to remove the group <b>{{label}}</b>?",
+    },
+    "ez-combo-box": {
+      placeholder: "Select an item",
+      noResults: "No results found",
+    },
+    "ez-date-time-input": {
+      invalidDate: "The entered value is not a valid date and time"
+    },
+    "ez-date-input": {
+      invalidDate: "The entered value is not a valid date"
+    },
+    "ez-dialog": {
+      confirmButton: "Confirm or OK button",
+      closeButton: "Close or X button"
+    },
+    "ez-double-list": {
+      noItemsAvailable: "No {{entity}} available",
+      noItemsSelected: "No {{entity}} selected",
+      moveAllTo: "Move all to {{list}}",
+      moveTo: "Move to {{list}}",
+      moveToFirstPosition: "Move to the first position",
+      moveUp: "Move up",
+      moveDown: "Move down",
+      moveToLastPosition: "Move to the last position"
+    },
+    "ez-file-item": {
+      invalidProgress: "The upload progress must be a number between 0 and 100."
+    },
+    "ez-grid": {
+      filterAppliedSuccess: "Column filter applied successfully!",
+      cancelPagination: "Cancel pagination",
+      pageLabel: "Page {{currentPage}}",
+      previousPage: "Previous page",
+      nextPage: "Next page",
+      returnToPreviousPage: "Return to the previous page.",
+      goToNextPage: "Move to the next page.",
+      remainingPageLabel: " from {{count}} or more",
+      remainingTotalLabel: " from {{total}}",
+      nextRecord: "Move to the next record.",
+      previousRecord: "Return to the previous record.",
+      searchColumn: "Search by column.",
+      sortAscending: "Sort Ascending",
+      sortDescending: "Sort Descending",
+      pinColumn: "Pin column",
+      unpinColumn: "Unpin column",
+      filter: "Filter",
+      columnCantBeOrder: "Column cannot be sorted",
+      filterColumnHeader: "Filter for column {{columnLabel}}",
+      clearSelection: "Clear Selection",
+      page: "Page",
+      more: "more",
+      to: "to",
+      of: "of",
+      next: "Next",
+      last: "Last",
+      first: "First",
+      previous: "Previous",
+      loadingOoo: "Loading",
+      selectAll: "Select all",
+      searchOoo: "Search",
+      blanks: "Blanks",
+      filterOoo: "Filter",
+      applyFilter: "Apply filter",
+      equals: "Equals",
+      lessThan: "Less than",
+      greaterThan: "Greater than",
+      contains: "Contains",
+      startsWith: "Starts with",
+      endsWith: "Ends with",
+      group: "Group",
+      columns: "Columns",
+      rowGroupColumns: "Row group columns",
+      rowGroupColumnsEmptyMessage: "Row group columns empty",
+      valueColumns: "Value columns",
+      pivotMode: "Pivot mode",
+      groups: "Groups",
+      values: "Values",
+      pivots: "Pivots",
+      valueColumnsEmptyMessage: "Value columns empty",
+      pivotColumnsEmptyMessage: "Pivot columns empty",
+      toolPanelButton: "Tool panel button",
+      noRowsToShow: "No rows to show.",
+      valueAggregation: "Aggregate value",
+      autosizeThiscolumn: "Autosize this column",
+      autosizeAllColumns: "Autosize all columns",
+      groupBy: "Group by",
+      ungroupBy: "Ungroup by",
+      resetColumns: "Reset columns",
+      expandAll: "Expand all",
+      collapseAll: "Collapse all",
+      toolPanel: "Tool panel",
+      export: "Export",
+      csvExport: "Export to CSV",
+      excelExport: "Export to Excel",
+      pinLeft: "Pin left",
+      pinRight: "Pin right",
+      noPin: "Unpin column",
+      sum: "Sum",
+      min: "Min",
+      max: "Max",
+      none: "None",
+      count: "Count",
+      average: "Average",
+      copy: "Copy",
+      copyWithHeaders: "Copy with headers",
+      ctrlC: "Ctrl+C",
+      paste: "Paste",
+      ctrlV: "Ctrl+V"
+    },
+    "ez-guide-navigator": {
+      searchGuide: "Search guide",
+      hideMenu: "Hide menu",
+    },
+    "ez-list": {
+      moveToGroup: "Move to {{groupName}}",
+    },
+    "ez-modal": {
+      close: "Close modal",
+    },
+    "ez-multi-selection-list": {
+      selectAll: "Select all",
+      search: "Search...",
+      empty: "(Empty)",
+      initMessage: "Select the values to be filtered through the search field.",
+      emptyResults: "No results found.",
+    },
+    "ez-number-input": {
+      invalidNumber: "The entered value is not a valid number",
+    },
+    "ez-rich-text": {
+      listShortcut: "Applies list style to the selected text.",
+      linkShortcut: "Opens link popup.",
+      imageShortcut: "Opens image popup.",
+      boldShortcut: "Applies bold style to the selected text.",
+      italicShortcut: "Applies italic style to the selected text.",
+      underlineShortcut: "Applies underline style to the selected text.",
+      breakLineShortcut: "Applies line break.",
+      undoShortcut: "Undoes the last text change.",
+      redoShortcut: "Redoes the last text change.",
+      edit: "Edit",
+      preview: "Preview",
+      title: {
+        preview: "Ctrl + P",
+        edit: "Switch to edit mode",
+        undo: "Undo (Ctrl + Z)",
+        redo: "Redo (Ctrl + X)",
+        link: "Insert link (Ctrl + K)",
+        image: "Insert image (Ctrl + O)",
+        list: "List (Ctrl + L)",
+        underline: "Underline (Ctrl + U)",
+        italic: "Italic (Ctrl + I)",
+        bold: "Bold (Ctrl + B)",
+      }
+    },
+    "ez-link-builder": {
+      addLinkTitle: "Add link",
+      addLinkSubtitle: "Insert a link into the text to open new pages.",
+      submit: "Submit",
+      urlInputLabel: "Enter the destination URL",
+      textInputLabel: "Enter the text to display",
+      openInNewPage: "Open in a new page.",
+    },
+    "ez-simple-image-uploader": {
+      uploadTitle: "Image Upload",
+      uploadSubtitle: "Upload your files by filling only 1 field at a time.",
+      submit: "Submit",
+      tooltipMessage: "The selected file below will be prioritized!",
+      urlInputLabel: "Enter the image URL",
+      orText: "OR",
+      removeFile: "Remove file",
+      dragDropText: "Drag and drop or click to add files",
+      imageAlt: "Image",
+      imageTooLarge: "The image must be smaller than {{maxSize}}.",
+    },
+    "ez-search": {
+      emptyList: "No results found",
+      emptySearch: "No results for {{field}} found",
+    },
+    "ez-search-plus": {
+      emptyList: "No results found",
+      optionLoaderNotDefined: "optionLoader not defined",
+      defaultCodeLabel: "Code",
+    },
+    "ez-sortable-list": {
+      emptyMessage: "No items in the list",
+      entityLabel: "item",
+      entityLabelPlural: "items",
+      total: "Total of",
+      search: "Search",
+    },
+    "ez-split-button": {
+      moreOptions: "More options",
+    },
+    "ez-text-edit": {
+      emptyFieldWarning: "It is not possible to save an empty field.",
+    },
+    "ez-time-input": {
+      invalidTime: "Please enter a valid time.",
+    },
+    "ez-sidebar": {
+      unPinMenu: "Unpin menu",
+      pushPinMenu: "Pin menu",
+      hideMenu: "Hide menu",
+    },
+    "utils": {
+      requiredFieldMessage: "There is at least one required field not filled.",
+      requiredField: "This information is required.",
+      selectAllPage: "Select only the current page",
+      loadingAllRecords: "Loading all {{count}} records",
+      selectAllRecords: "Select all {{total}} records",
+      waitForLoad: "Wait for loading to select records from all pages",
+      allRecordsSelected: "All <strong>{{selectionCount}} records</strong> in the grid are selected.",
+      selectedRecords: "There <strong>{{selectionCount}} record{{plural}}</strong> selected in the grid.",
+    }
+  }
+};