@sankhyalabs/sankhyablocks 8.16.0-rc.33 → 8.16.0-rc.34

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

@@ -10,6 +10,10 @@
   /* records */
   /*@doc Define a cor da fonte do indicador de registros do componente.*/
   --snk-pesquisa__records--color: var(--text--primary, #626e82);
+  /* records */
+  /*@doc Define a cor da fonte do indicador de registros do componente.*/
+  --snk-pesquisa__records--color-secondary: var(--text--secondary, #626e82);
+  /* records */
   /*@doc Define o espaçamento vertical do indicador de registros do componente.*/
   --snk-pesquisa__records--padding-vertical: var(--space--medium, 12px);
 
@@ -69,9 +73,9 @@
 .snk-pesquisa__content {
   display: flex;
   flex-direction: column;
-  overflow-y: auto;
-  scrollbar-width: thin;
+  overflow-y: hidden;
 
+  scrollbar-width: thin;
   /*public*/
   scrollbar-color: var(--snk-pesquisa__scrollbar--color-clicked) var(--snk-pesquisa__scrollbar--color-background);
   padding-right: var(--snk-pesquisa__content--padding-right);
@@ -109,16 +113,31 @@
     background-color: var(--snk-pesquisa__scrollbar--color-clicked);
 }
 
-.snk-pesquisa__records {
-  /*public*/
+.snk-pesquisa__records-label{
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+
   font-family: var(--snk-pesquisa--font-family);
   font-weight: var(--snk-pesquisa--font-weight);
   font-size: var(--snk-pesquisa--font-size);
-  color: var(--snk-pesquisa__records--color);
   padding-bottom: var(--snk-pesquisa__records--padding-vertical);
   padding-top: var(--snk-pesquisa__records--padding-vertical);
 }
 
+.snk-pesquisa__records {
+  color: var(--snk-pesquisa__records--color);
+}
+
+.snk-pesquisa__records-limit {
+  color: var(--snk-pesquisa__records--color-secondary);
+}
+
+.snk-pesquisa__records-limit.hidden,
+.snk-pesquisa__records.hidden {
+  visibility: hidden;
+}
+
 .snk-pesquisa__btn {
   outline: none;
   border: none;

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

@@ -1,5 +1,8 @@
-import { ObjectUtils, StringUtils, ElementIDUtils } from '@sankhyalabs/core';
+import { ElementIDUtils, ObjectUtils, StringUtils } from '@sankhyalabs/core';
 import { h, Host } from '@stencil/core';
+import { buildGridMetadata } from './pesquisaHelper';
+import { PesquisaFetcher } from '../../lib';
+import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
 export class SnkPesquisa {
   constructor() {
     this._mdByName = {};
@@ -11,11 +14,18 @@ export class SnkPesquisa {
     this._changeDeboucingTimeout = null;
     this._limitCharsToSearch = 3;
     this._deboucingTime = 450;
+    this._gridDataSource = [];
+    this.pesquisaFetcher = new PesquisaFetcher();
     this._itemList = undefined;
     this._startLoading = false;
+    this._presentationMode = "list";
     this.searchLoader = undefined;
+    this.treeLoader = undefined;
     this.selectItem = undefined;
+    this.entityName = undefined;
     this.argument = undefined;
+    this.isHierarchyEntity = false;
+    this.allowsNonAnalytic = false;
   }
   observeArgument() {
     if (this._textInput) {
@@ -53,36 +63,42 @@ export class SnkPesquisa {
       this._startLoading = true;
       this.searchLoader(argument)
         .then((resp) => {
+        if (!resp)
+          return;
+        this.processSearchResponse(resp);
+      }).finally(() => {
         this._startLoading = false;
-        if (resp) {
-          resp = ObjectUtils.stringToObject(resp.json.$);
-          let descriptionField = resp.descriptionField;
-          let pkField = resp.pkField;
-          if (pkField) {
-            let newItemList = [];
-            resp.data.forEach((item) => {
-              var _a;
-              let fieldsMetadata = this.filterFieldsMetadata(resp, item);
-              let fields = this.buildFirstFields(item['__matchFields'], fieldsMetadata);
-              let exibitionItem = {
-                key: this.highlightValue(item['__matchFields'], (_a = item[pkField]) === null || _a === void 0 ? void 0 : _a.toString(), fields, true),
-                title: descriptionField ? this.highlightValue(item['__matchFields'], item[descriptionField], fields, true) : "",
-                details: this.buildDetails(fields, item)
-              };
-              newItemList.push(exibitionItem);
-            });
-            this._itemList = newItemList;
-          }
-        }
-      }).catch((error) => {
-        this._startLoading = false;
-        this._itemList = [];
-        console.warn(error);
       });
     }
   }
+  processSearchResponse(resp) {
+    resp = ObjectUtils.stringToObject(resp.json.$);
+    let descriptionField = resp.descriptionField;
+    let pkField = resp.pkField;
+    if (!pkField)
+      return;
+    this._gridMetadata = buildGridMetadata(resp);
+    this._gridDataSource = [...resp.data];
+    this._pkField = pkField;
+    this._descriptionField = descriptionField;
+    this._itemList = this.buildCardItemList(resp, pkField, descriptionField);
+  }
+  buildCardItemList(resp, pkField, descriptionField) {
+    var _a;
+    let newItemList = (_a = resp.data) === null || _a === void 0 ? void 0 : _a.map((item) => {
+      var _a;
+      let fieldsMetadata = this.filterFieldsMetadata(resp, item);
+      let fields = this.buildFirstFields(item['__matchFields'], fieldsMetadata);
+      return {
+        key: this.highlightValue(item['__matchFields'], (_a = item[pkField]) === null || _a === void 0 ? void 0 : _a.toString(), fields, true),
+        title: descriptionField ? this.highlightValue(item['__matchFields'], item[descriptionField], fields, true) : '',
+        details: this.buildDetails(fields, item),
+      };
+    });
+    return newItemList;
+  }
   filterFieldsMetadata(resp, item) {
-    let fieldsMetadata = resp.fieldsMetadata.filter((field) => {
+    return resp.fieldsMetadata.filter((field) => {
       let accept = !StringUtils.isEmpty(item[field.fieldName]) &&
         field.visible !== false &&
         field.type !== 'B' &&
@@ -99,7 +115,6 @@ export class SnkPesquisa {
       }
       return accept;
     });
-    return fieldsMetadata;
   }
   removeAtIndex(array, index) {
     if (index >= 0 && index < array.length) {
@@ -257,6 +272,7 @@ export class SnkPesquisa {
     this.selectItem(option);
   }
   onChangeValue(event) {
+    var _a;
     this.clearDeboucingTimeout();
     if (this._startLoading) {
       this._changeDeboucingTimeout = setTimeout(() => {
@@ -265,6 +281,10 @@ export class SnkPesquisa {
       return;
     }
     this.argument = (event.detail || "").trim();
+    if (this.isHierarchyEntity && this._presentationMode === 'list') {
+      (_a = this._pesquisaTree) === null || _a === void 0 ? void 0 : _a.applyFilter();
+      return;
+    }
     const argumentNumber = this.getArgumentNumber();
     if (this.argument && (!isNaN(argumentNumber) || this.argument.length >= this._limitCharsToSearch)) {
       this._changeDeboucingTimeout = setTimeout(() => {
@@ -295,16 +315,59 @@ export class SnkPesquisa {
           : 'Nenhum registro encontrado'
         : 'Os resultados de sua pesquisa aparecerão aqui...';
   }
-  componentDidLoad() {
+  async componentWillLoad() {
+    const mode = await this.pesquisaFetcher.loadPresentationConfig(this.entityName);
+    this._presentationMode = mode === 'list' ? 'list' : 'table';
+  }
+  async componentDidLoad() {
     ElementIDUtils.addIDInfo(this._element);
   }
+  async onClickList() {
+    this._presentationMode = this._presentationMode === 'list' ? 'table' : 'list';
+    await this.pesquisaFetcher.savePresentationConfig(this.entityName, this._presentationMode);
+  }
+  enableListButton() {
+    var _a;
+    return ((_a = this._itemList) === null || _a === void 0 ? void 0 : _a.length) > 0;
+  }
+  //Os limites de exibição são diferentes para lista e grade
+  hideLimitMessage() {
+    if (!this._itemList)
+      return true;
+    if (this._presentationMode === "list") {
+      if (this.isHierarchyEntity)
+        return true;
+      return this._itemList.length <= 100;
+    }
+    return this._itemList.length <= 150;
+  }
+  hideRecordsMessage() {
+    return (this._presentationMode === "list" && this.isHierarchyEntity);
+  }
+  renderContent() {
+    if (!this._itemList)
+      return;
+    if (this._presentationMode === 'list') {
+      return this.isHierarchyEntity ? this.renderTree() : this.renderCards();
+    }
+    return this.renderPesquisaGrid();
+  }
+  renderTree() {
+    return h("ez-scroller", { direction: EzScrollDirection.VERTICAL }, h("pesquisa-tree", { ref: (element) => this._pesquisaTree = element, argument: this.argument, treeLoader: this.treeLoader, allowsNonAnalytic: this.allowsNonAnalytic, onPesquisaTreeSelectItem: ({ detail }) => this.selectItem(detail) }));
+  }
+  renderCards() {
+    return (h("ez-scroller", { direction: EzScrollDirection.VERTICAL }, h("div", { class: "snk-pesquisa__cards-container" }, this._itemList.map((item) => {
+      return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
+    }))));
+  }
+  renderPesquisaGrid() {
+    return h("pesquisa-grid", { metadata: this._gridMetadata, dataSource: this._gridDataSource, pkField: this._pkField, descriptionField: this._descriptionField, entityName: this.entityName, onPesquisaGridSelectItem: ({ detail }) => this.selectItem(detail) });
+  }
   render() {
     var _a;
     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)
       ? 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("label", { class: "snk-pesquisa__records" }, this.getMessageView()), h("div", { class: "snk-pesquisa__content" }, this._itemList && this._itemList.map((item) => {
-      return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
-    })))));
+      : 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._presentationMode === 'list' ? 'table' : 'list', title: this._presentationMode === 'list' ? 'Modo grade' : 'Modo lista', onClick: async () => await this.onClickList(), enabled: this.enableListButton() })), h("div", { class: "snk-pesquisa__records-label" }, 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" }, this.renderContent()))));
   }
   static get is() { return "snk-pesquisa"; }
   static get encapsulation() { return "scoped"; }
@@ -339,6 +402,25 @@ export class SnkPesquisa {
           "text": "Fun\u00E7\u00E3o respons\u00E1vel em carregar os itens do componente snk-pesquisa."
         }
       },
+      "treeLoader": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(text: string) => Promise<any>",
+          "resolved": "(text: string) => Promise<any>",
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Fun\u00E7\u00E3o respons\u00E1vel por carregar a \u00E1rvore hier\u00E1rquica do componente"
+        }
+      },
       "selectItem": {
         "type": "unknown",
         "mutable": false,
@@ -359,6 +441,23 @@ export class SnkPesquisa {
           "text": "Fun\u00E7\u00E3o disparada ao selecionar um item."
         }
       },
+      "entityName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome da entidade onde a pesquisa \u00E9 aplicada."
+        },
+        "attribute": "entity-name",
+        "reflect": false
+      },
       "argument": {
         "type": "string",
         "mutable": true,
@@ -375,13 +474,50 @@ export class SnkPesquisa {
         },
         "attribute": "argument",
         "reflect": false
+      },
+      "isHierarchyEntity": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se a popup de pesquisa possuir\u00E1 ou n\u00E3o modo Hierarquico."
+        },
+        "attribute": "is-hierarchy-entity",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "allowsNonAnalytic": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se permite sele\u00E7\u00E3o de items n\u00E3o anal\u00EDticos"
+        },
+        "attribute": "allows-non-analytic",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }
   static get states() {
     return {
       "_itemList": {},
-      "_startLoading": {}
+      "_startLoading": {},
+      "_presentationMode": {}
     };
   }
   static get elementRef() { return "_element"; }

package/dist/collection/lib/dataUnit/dataUnitInMemoryUtils.js

@@ -23,7 +23,7 @@ export function buildLoadDataResponse(recordsIn, dataUnit, request) {
   };
   return Promise.resolve({
     records: getPagesByRecords(records, offset, limit),
-    paginationInfo: buildPaginationInfo(paginationInfoBuilderParams),
+    paginationInfo: dataUnit.pageSize ? buildPaginationInfo(paginationInfoBuilderParams) : undefined,
   });
 }
 export function applySorting(records, dataUnit, sorting) {

package/dist/collection/lib/http/data-fetcher/fetchers/pesquisa-fetcher.js

@@ -1,6 +1,7 @@
-import { ApplicationContext, DataType, ErrorException } from "@sankhyalabs/core";
-import { gql } from "graphql-request";
-import { DataFetcher } from "../DataFetcher";
+import { parseGridConfig, parseLegacyTree } from '../../../../components/snk-pesquisa/pesquisaHelper';
+import { ApplicationContext, DataType, ErrorException } from '@sankhyalabs/core';
+import { gql } from 'graphql-request';
+import { DataFetcher } from '../DataFetcher';
 export class PesquisaFetcher {
   constructor() {
     this._defaultPageSize = 100;
@@ -150,6 +151,91 @@ export class PesquisaFetcher {
       return;
     return listener[listenerType]({ argument, criteria, searchOptions });
   }
+  async loadPresentationConfig(entityName) {
+    var _a, _b;
+    let payload = buildLoadConfig(entityName);
+    const response = await DataFetcher.get().callServiceBroker("SystemUtilsSP.getConf", JSON.stringify(payload));
+    return (_b = (_a = response === null || response === void 0 ? void 0 : response.config) === null || _a === void 0 ? void 0 : _a.lastUsedMode) !== null && _b !== void 0 ? _b : 'list';
+  }
+  async savePresentationConfig(entityName, lastUsedMode) {
+    let payload = buildSaveConfig(entityName, lastUsedMode);
+    await DataFetcher.get().callServiceBroker("SystemUtilsSP.saveConf", JSON.stringify(payload));
+  }
+  async loadPesquisaGridConfig(entityName) {
+    const payload = buildLoadGridConfigPayload(entityName);
+    const response = await DataFetcher.get().callServiceBroker("GridConfig.getGridConfigFromJson", JSON.stringify(payload));
+    return parseGridConfig(response);
+  }
+  async savePesquisaGridConfig(entityName, columns) {
+    const payload = buildSaveGridConfigPayload(entityName, columns);
+    await DataFetcher.get().callServiceBroker("GridConfig.saveGridConfigFromJSON", JSON.stringify(payload));
+  }
+  async loadTree(entityName, argument, criteria, searchOptions) {
+    const requestBody = this.buildLoadTreeRequestBody(entityName, argument, criteria, searchOptions);
+    const response = await DataFetcher.get().callServiceBroker("Pesquisa.getStructuredData", JSON.stringify(requestBody));
+    return parseLegacyTree(response);
+  }
+  buildLoadTreeRequestBody(entityName, argument, criteria, searchOptions) {
+    var _a, _b, _c;
+    const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
+    console.log("criteria: ", criteria);
+    const incomeSearchOptions = (_a = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.searchOptions) !== null && _a !== void 0 ? _a : searchOptions;
+    const rootEntity = incomeSearchOptions === null || incomeSearchOptions === void 0 ? void 0 : incomeSearchOptions.rootEntity;
+    const codeFieldName = incomeSearchOptions === null || incomeSearchOptions === void 0 ? void 0 : incomeSearchOptions.codeFieldName;
+    const expression = (_b = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.criteria) === null || _b === void 0 ? void 0 : _b.expression;
+    const params = (_c = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.criteria) === null || _c === void 0 ? void 0 : _c.params;
+    const instancia = {
+      'nome': entityName,
+      'nomeInstanciaLocal': rootEntity,
+      'codeFieldName': codeFieldName,
+    };
+    if (expression) {
+      instancia['criterioLiteral'] = {
+        'expressao': {
+          '$': expression,
+        },
+        'parametro': params,
+      };
+    }
+    return {
+      'instancia': instancia,
+    };
+  }
+}
+function buildLoadGridConfigPayload(entityName) {
+  return {
+    'gridConfig': {
+      'configName': `GrdCfgHtml5:grdcfg.dynaform.pesquisa.${entityName}`,
+    },
+  };
+}
+function buildSaveGridConfigPayload(entityName, columns) {
+  const field = {};
+  columns === null || columns === void 0 ? void 0 : columns.forEach((col, index) => field[`field${index}`] = col);
+  return {
+    'gridConfig': {
+      'compactMode': true,
+      'configName': `GrdCfgHtml5:grdcfg.dynaform.pesquisa.${entityName}`,
+      field,
+    },
+  };
+}
+function buildLoadConfig(entityName) {
+  return {
+    'config': {
+      'chave': `PesquisaContent:${entityName}`,
+      'tipo': 'T',
+    },
+  };
+}
+function buildSaveConfig(entityName, lastUsedMode) {
+  return {
+    'config': {
+      lastUsedMode,
+      'chave': `PesquisaContent:${entityName}`,
+      'tipo': 'T',
+    }
+  };
 }
 function convertParamType(dataType) {
   //Alerta: Cuidado pra não contaminar o DataType com a implementação