@sankhyalabs/sankhyablocks 9.1.14 → 9.2.0-dev.1

package/dist/collection/components/snk-pesquisa/snk-pesquisa.js

@@ -1,4 +1,4 @@
-import { ElementIDUtils, ObjectUtils, StringUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ElementIDUtils, ObjectUtils, StringUtils } from '@sankhyalabs/core';
 import { h, Host } from '@stencil/core';
 import { buildGridMetadata, PESQUISA_VIEW_MODE } from './pesquisaHelper';
 import { PesquisaFetcher } from '../../lib';
@@ -310,17 +310,21 @@ export class SnkPesquisa {
     this._valideDataSource = true;
   }
   getMessageView() {
-    return this._startLoading
-      ? 'Aguarde, buscando registros...'
-      : this._itemList
-        ? this._itemList.length >= 1
-          ? `${this._itemList.length} ${this._itemList.length > 1
-            ? 'registros encontrados'
-            : 'registro encontrado'}`
-          : 'Nenhum registro encontrado'
-        : 'Os resultados de sua pesquisa aparecerão aqui...';
+    if (this._startLoading)
+      return this.getMessage('snkPesquisa.search.waitMessage');
+    if (!this._itemList)
+      return this.getMessage('snkPesquisa.search.initialMessage');
+    const itemsCount = this._itemList.length;
+    if (itemsCount < 1)
+      return this.getMessage('snkPesquisa.search.noResultsMessage');
+    if (itemsCount === 1)
+      return this.getMessage('snkPesquisa.search.resultsFoundSingular');
+    return this.getMessage('snkPesquisa.search.resultsFoundPlural', { COUNT: itemsCount });
   }
   async componentWillLoad() {
+    var _a;
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this._messagesBuilder = (_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder;
     const mode = await this.pesquisaFetcher.loadPresentationConfig(this.entityName);
     this._presentationMode = mode === 'list' ? 'list' : 'table';
   }
@@ -328,6 +332,9 @@ export class SnkPesquisa {
     ElementIDUtils.addIDInfo(this._element);
     await this.chooseViewMode();
   }
+  getMessage(key, params) {
+    return this._messagesBuilder.getMessage(key, params);
+  }
   async handleChangeViewMode() {
     this._presentationMode = this._presentationMode === 'list' ? 'table' : 'list';
     await this.chooseViewMode();
@@ -357,28 +364,28 @@ export class SnkPesquisa {
     if (this._presentationMode === 'list') {
       return {
         iconName: 'table',
-        title: 'Modo grade',
+        title: this.getMessage('snkPesquisa.viewMode.tableMode'),
       };
     }
     if (this.isHierarchyEntity) {
       return {
         iconName: 'hierarchical-tree',
-        title: 'Modo árvore hierárquica',
+        title: this.getMessage('snkPesquisa.viewMode.tableMode'),
       };
     }
     return {
       iconName: 'list',
-      title: 'Modo lista',
+      title: this.getMessage('snkPesquisa.viewMode.listMode'),
     };
   }
   render() {
     var _a, _b;
-    return (h(Host, null, h("div", { class: "snk-pesquisa" }, h("div", { class: "snk-pesquisa__input" }, h("ez-text-input", { label: "Buscar", class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument, "data-element-id": "searchInput" }, h("ez-icon", { slot: "leftIcon", iconName: "search" }), this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
+    return (h(Host, null, h("div", { class: "snk-pesquisa" }, h("div", { class: "snk-pesquisa__input" }, h("ez-text-input", { label: this.getMessage('snkPesquisa.search.label'), class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument, "data-element-id": "searchInput" }, h("ez-icon", { slot: "leftIcon", iconName: "search" }), this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
       ? h("button", { slot: "rightIcon", class: "snk-pesquisa__btn", onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
-      : undefined), h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() }), h("ez-button", { class: "ez-margin-left--medium", mode: "icon", iconName: this.getButtonModeInfo().iconName, title: this.getButtonModeInfo().title, onClick: async () => await this.handleChangeViewMode() })), h("div", { class: `snk-pesquisa__records-label ${this._currentView === PESQUISA_VIEW_MODE.TREE ? 'hidden' : ''}` }, h("label", { class: `snk-pesquisa__records ${this.hideRecordsMessage() ? "hidden" : ""}` }, this.getMessageView()), h("label", { class: `snk-pesquisa__records-limit ${this.hideLimitMessage() ? "hidden" : ""}` }, "Essa pesquisa foi limitada, existem mais resultados.")), h("div", { class: "snk-pesquisa__content" }, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, this._valideDataSource &&
+      : undefined), h("ez-button", { class: "ez-button--primary", label: this.getMessage('snkPesquisa.search.button'), onClick: () => this.onClickSearch() }), h("ez-button", { class: "ez-margin-left--medium", mode: "icon", iconName: this.getButtonModeInfo().iconName, title: this.getButtonModeInfo().title, onClick: async () => await this.handleChangeViewMode() })), h("div", { class: `snk-pesquisa__records-label ${this._currentView === PESQUISA_VIEW_MODE.TREE ? 'hidden' : ''}` }, h("label", { class: `snk-pesquisa__records ${this.hideRecordsMessage() ? "hidden" : ""}` }, this.getMessageView()), h("label", { class: `snk-pesquisa__records-limit ${this.hideLimitMessage() ? "hidden" : ""}` }, this.getMessage('snkPesquisa.search.limitMessage'))), h("div", { class: "snk-pesquisa__content" }, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, this._valideDataSource &&
       h("pesquisa-grid", { metadata: this._gridMetadata, dataSource: this._gridDataSource, pkField: this._pkField, descriptionField: this._descriptionField, entityName: this.entityName, shouldLoadConfig: this._currentView === PESQUISA_VIEW_MODE.GRID, onPesquisaGridSelectItem: ({ detail }) => this.selectItem(detail) })), h("stack-item", null, h("div", { class: 'snk-pesquisa__cards-container' }, (_b = this._itemList) === null || _b === void 0 ? void 0 : _b.map((item) => {
       return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
-    }))), h("stack-item", null, h("pesquisa-tree", { ref: (element) => this._pesquisaTree = element, argument: this.argument, treeLoader: this.treeLoader, allowsNonAnalytic: this.allowsNonAnalytic, shouldLoadTree: this._currentView === PESQUISA_VIEW_MODE.TREE, onPesquisaTreeSelectItem: ({ detail }) => this.selectItem(detail) })))))));
+    }))), h("stack-item", null, h("pesquisa-tree", { ref: (element) => this._pesquisaTree = element, argument: this.argument, treeLoader: this.treeLoader, allowsNonAnalytic: this.allowsNonAnalytic, shouldLoadTree: this._currentView === PESQUISA_VIEW_MODE.TREE, onPesquisaTreeSelectItem: ({ detail }) => this.selectItem(detail), messagesBuilder: this._messagesBuilder })))))));
   }
   static get is() { return "snk-pesquisa"; }
   static get encapsulation() { return "scoped"; }
@@ -409,20 +416,8 @@ export class SnkPesquisa {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [{
-              "name": "type",
-              "text": "{(text: string) => Promise<any>}"
-            }, {
-              "name": "param",
-              "text": "text Texto utilizado como argumento de pesquisa."
-            }, {
-              "name": "returns",
-              "text": "Promise com os dados da pesquisa."
-            }, {
-              "name": "example",
-              "text": "searchLoader={(text) => fetchItems(text)}"
-            }],
-          "text": "Fun\u00E7\u00E3o respons\u00E1vel em carregar os itens do componente snk-pesquisa.\nDeve retornar uma Promise com os dados encontrados."
+          "tags": [],
+          "text": "Fun\u00E7\u00E3o respons\u00E1vel em carregar os itens do componente snk-pesquisa."
         }
       },
       "treeLoader": {
@@ -440,17 +435,8 @@ export class SnkPesquisa {
         "required": false,
         "optional": true,
         "docs": {
-          "tags": [{
-              "name": "type",
-              "text": "{(text: string) => Promise<any>}"
-            }, {
-              "name": "param",
-              "text": "text Texto utilizado como argumento de pesquisa para a \u00E1rvore."
-            }, {
-              "name": "returns",
-              "text": "Promise com os dados da \u00E1rvore."
-            }],
-          "text": "Fun\u00E7\u00E3o respons\u00E1vel por carregar a \u00E1rvore hier\u00E1rquica do componente.\nOpcional. Caso n\u00E3o seja fornecida, o modo \u00E1rvore n\u00E3o estar\u00E1 dispon\u00EDvel."
+          "tags": [],
+          "text": "Fun\u00E7\u00E3o respons\u00E1vel por carregar a \u00E1rvore hier\u00E1rquica do componente"
         }
       },
       "selectItem": {
@@ -469,20 +455,8 @@ export class SnkPesquisa {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [{
-              "name": "type",
-              "text": "{(option: IOption) => void}"
-            }, {
-              "name": "param",
-              "text": "option Item selecionado."
-            }, {
-              "name": "returns",
-              "text": "void"
-            }, {
-              "name": "example",
-              "text": "selectItem={(option) => handleSelect(option)}"
-            }],
-          "text": "Fun\u00E7\u00E3o disparada ao selecionar um item da pesquisa."
+          "tags": [],
+          "text": "Fun\u00E7\u00E3o disparada ao selecionar um item."
         }
       },
       "entityName": {
@@ -496,14 +470,8 @@ export class SnkPesquisa {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [{
-              "name": "type",
-              "text": "{string}"
-            }, {
-              "name": "example",
-              "text": "entityName=\"Produto\""
-            }],
-          "text": "Nome da entidade sobre a qual a pesquisa ser\u00E1 realizada."
+          "tags": [],
+          "text": "Nome da entidade onde a pesquisa \u00E9 aplicada."
         },
         "attribute": "entity-name",
         "reflect": false
@@ -519,17 +487,8 @@ export class SnkPesquisa {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [{
-              "name": "type",
-              "text": "{string}"
-            }, {
-              "name": "mutable",
-              "text": undefined
-            }, {
-              "name": "example",
-              "text": "argument=\"Texto para pesquisa\""
-            }],
-          "text": "Argumento utilizado ao chamar a fun\u00E7\u00E3o searchLoader.\nPode ser alterado externamente."
+          "tags": [],
+          "text": "Argumentos que ser\u00E3o usados ao chamar a fun\u00E7\u00E3o searchLoader."
         },
         "attribute": "argument",
         "reflect": false
@@ -545,17 +504,8 @@ export class SnkPesquisa {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [{
-              "name": "type",
-              "text": "{boolean}"
-            }, {
-              "name": "default",
-              "text": "false"
-            }, {
-              "name": "example",
-              "text": "isHierarchyEntity={true}"
-            }],
-          "text": "Define se a popup de pesquisa ter\u00E1 ou n\u00E3o modo hier\u00E1rquico."
+          "tags": [],
+          "text": "Define se a popup de pesquisa possuir\u00E1 ou n\u00E3o modo Hierarquico."
         },
         "attribute": "is-hierarchy-entity",
         "reflect": false,
@@ -572,17 +522,8 @@ export class SnkPesquisa {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [{
-              "name": "type",
-              "text": "{boolean}"
-            }, {
-              "name": "default",
-              "text": "false"
-            }, {
-              "name": "example",
-              "text": "allowsNonAnalytic={true}"
-            }],
-          "text": "Define se permite a sele\u00E7\u00E3o de itens n\u00E3o anal\u00EDticos."
+          "tags": [],
+          "text": "Define se permite sele\u00E7\u00E3o de items n\u00E3o anal\u00EDticos"
         },
         "attribute": "allows-non-analytic",
         "reflect": false,

package/dist/collection/components/snk-simple-bar/snk-simple-bar.js

@@ -7,11 +7,11 @@ export class SnkSimpleBar {
     this.messagesBuilder = undefined;
   }
   /**
-   * Permite customizar as mensagens dos blocos de construção
-   * através de um pequeno módulo na estrutura da aplicação:
-   * - Crie um arquivo no seguinte caminho: /messages/appmessages.msg.js.
-   * Para conhecer os detalhes do módulo, veja o arquivo neste projeto: "/src/lib/message/resources/snk-simple-bar.msg.ts"
-   */
+   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
+   * através de um pequeno modulo na estrutura da aplicação:
+   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-simple-bar.msg.ts"
+  */
   getMessage(key, params) {
     var _a;
     if (this.messagesBuilder)
@@ -54,7 +54,7 @@ export class SnkSimpleBar {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Define o t\u00EDtulo do header."
+          "text": "Define o t\u00EDtulo do header"
         },
         "attribute": "label",
         "reflect": false
@@ -79,7 +79,7 @@ export class SnkSimpleBar {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Define os itens que ser\u00E3o apresentados no breadcrumb."
+          "text": "Define os itens que ser\u00E3o apresentados pelo breadcrumb"
         }
       },
       "messagesBuilder": {
@@ -113,7 +113,7 @@ export class SnkSimpleBar {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Emitido quando algum item do breadcrumb \u00E9 clicado."
+          "text": "Emitido quando algum item do breadcrumb \u00E9 clicado"
         },
         "complexType": {
           "original": "IBreadcrumbItem",
@@ -133,7 +133,7 @@ export class SnkSimpleBar {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Emitido quando o bot\u00E3o \"voltar\" \u00E9 acionado."
+          "text": "Emitido quando o bot\u00E3o voltar \u00E9 acionado"
         },
         "complexType": {
           "original": "void",