@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-kb-74339.1 → 0.0.0-bugfix-dev-KB-76362.0

package/dist/collection/components/snk-distinct-search/subcomponents/search-modal/search-modal.js

@@ -0,0 +1,593 @@
+import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
+import { Host, h } from '@stencil/core';
+import { KeyboardManager } from '@sankhyalabs/core';
+import { filterItems, getMatchOption, normalizeString } from '../../utils/filter-distinct-search';
+export class SearchModal {
+  constructor() {
+    this.debounceTimeout = null;
+    this.filteredItems = [];
+    this.searchFocus = false;
+    this.isLimited = false;
+    this.application = undefined;
+    this.listItens = [];
+    this.opened = false;
+    this.value = undefined;
+    this.canShowError = false;
+    this.emptyMessage = undefined;
+    this.debounceTime = 300;
+    this.maxItens = 100;
+    this.label = 'Pesquisar';
+    this.mode = 'regular';
+    this.restrict = undefined;
+    this.errorMessage = undefined;
+  }
+  /**
+  * Método para adicionar a nova palavra e chamar o método closeModal() para fechar o modal
+  */
+  addNewItem() {
+    this.closeModal();
+    this.changeValue.emit({ isNewItem: true, value: this.value });
+  }
+  /**
+  * Método para limpa o campo de entrada de pesquisa
+  */
+  clearInput() {
+    this._refFilterInput.setValue("");
+  }
+  /**
+  * Método para fechar o modal
+  */
+  closeModal() {
+    this._popupElement.opened = false;
+    this.popupClose.emit(false);
+  }
+  /**
+  * Método para abrir o modal
+  */
+  openModal() {
+    this._popupElement.opened = true;
+    setTimeout(() => this.setFocus(), 100);
+  }
+  /**
+  * Retorna se o conteúdo é inválido.
+  */
+  isInvalid() {
+    this._refFilterInput.isInvalid();
+  }
+  /**
+  * Remove o foco do campo
+  */
+  setBlur() {
+    this._refFilterInput.setBlur();
+    this.searchFocus = false;
+  }
+  /**
+  * Aplica o foco do campo
+  */
+  setFocus() {
+    this._refFilterInput.setFocus();
+    this.searchFocus = true;
+  }
+  /**
+  * Método para tratar a mensagem de erro
+  */
+  watchPropErrorMessage() {
+    this._refFilterInput.errorMessage = this.errorMessage;
+  }
+  /**
+  * Método para tratar o value do input
+  */
+  watchPropValue() {
+    this._refFilterInput.value = this.value;
+  }
+  /**
+  * Atualiza a lista de itens à medida que o usuário digita no campo de pesquisa.
+  */
+  async handleInput(event) {
+    if (this.debounceTimeout) {
+      clearTimeout(this.debounceTimeout);
+    }
+    this.value = event.detail;
+    this.debounceTimeout = setTimeout(async () => {
+      var _a;
+      const { isLimited, items } = filterItems(event.detail, this.listItens, this.maxItens);
+      this.filteredItems = items;
+      this.isLimited = isLimited;
+      await ((_a = this._refList) === null || _a === void 0 ? void 0 : _a.removeSelection());
+    }, this.debounceTime);
+  }
+  initializeComponent() {
+    this.filteredItems = this.listItens;
+  }
+  getMessage(key) {
+    return this.application.messagesBuilder.getMessage(key, null);
+  }
+  componentWillLoad() {
+    this.initializeComponent();
+  }
+  componentDidLoad() {
+    this.bindKeyboardManager();
+    this._refFilterInput.value = this.value;
+    const { isLimited, items } = filterItems(this.value, this.listItens, this.maxItens);
+    this.filteredItems = items;
+    this.isLimited = isLimited;
+  }
+  disconnectedCallback() {
+    this.unbindKeyboardManager();
+  }
+  buildItems() {
+    var _a;
+    const items = (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.map((item) => ({
+      label: item,
+      id: normalizeString(item),
+    }));
+    return items;
+  }
+  async tabSelect() {
+    var _a;
+    const selectedValue = await ((_a = this._refList) === null || _a === void 0 ? void 0 : _a.getSelection());
+    if (this.searchFocus && this._refList) {
+      this.searchFocus = false;
+      this._refList.focus();
+      await this.selectFirstItem();
+    }
+    else if (selectedValue) {
+      await this._refList.removeSelection();
+      await this._refButton.setFocus();
+    }
+    else {
+      await this._refButton.setBlur();
+      this.setFocus();
+    }
+  }
+  bindKeyboardManager() {
+    this._keyboardManager = new KeyboardManager({ propagate: false, element: this._element });
+    this._keyboardManager
+      .bind("ArrowDown", () => { this.selectNextItem(); })
+      .bind("ArrowUp", () => { this.selectPreviousItem(); })
+      .bind("Enter", () => { this.setSelectedValue(); })
+      .bind("Tab", () => { this.tabSelect(); });
+  }
+  unbindKeyboardManager() {
+    this._keyboardManager
+      .unbind("ArrowDown")
+      .unbind("ArrowUp")
+      .unbind("Enter")
+      .unbind("Tab");
+  }
+  async setSelectedValue() {
+    var _a;
+    const selectedValue = await ((_a = this._refList) === null || _a === void 0 ? void 0 : _a.getSelection());
+    if (selectedValue) {
+      this.changeValue.emit({ isNewItem: false, value: selectedValue.label });
+      this.closeModal();
+    }
+    else if (this.searchFocus && this.enabledButtonNewItem()) {
+      this.addNewItem();
+    }
+  }
+  async selectNextItem() {
+    var _a;
+    const itemSelected = await ((_a = this._refList) === null || _a === void 0 ? void 0 : _a.getSelection());
+    if (this.searchFocus && !itemSelected) {
+      this.setBlur();
+      await this.selectFirstItem();
+      return;
+    }
+    ;
+    await this._refList.selectNextItem();
+  }
+  async selectPreviousItem() {
+    const itemSelected = await this._refList.getSelection();
+    if (itemSelected === undefined)
+      return;
+    await this._refList.selectPreviousItem();
+  }
+  async selectFirstItem() {
+    if (!this.filteredItems.length) {
+      await this._refList.removeSelection();
+      return;
+    }
+    const firstItem = this.filteredItems[0];
+    await this._refList.setSelection({
+      id: normalizeString(firstItem),
+      label: firstItem,
+    });
+  }
+  enabledButtonNewItem() {
+    if (this.value === undefined)
+      return false;
+    if (getMatchOption(this.value, this.listItens))
+      return false;
+    return this.value.trim().length === 0 ? false : true;
+  }
+  buildMessage() {
+    if (this.isLimited) {
+      return this.getMessage("snkDistinctSearch.limitResult");
+    }
+    return `${this.filteredItems.length} ${this.filteredItems.length > 1 ? this.getMessage("snkDistinctSearch.availableResults") : this.getMessage("snkDistinctSearch.availableResult")}`;
+  }
+  render() {
+    var _a;
+    return (h(Host, null, h("ez-popup", { ref: (ref) => this._popupElement = ref, size: "400px", "ez-title": this.label, onEzClosePopup: () => this.popupClose.emit(false), "height-mode": "full" }, h("div", null, h("ez-filter-input", { ref: (ref) => this._refFilterInput = ref, label: "Pesquisar", onEzChange: this.handleInput.bind(this), onBlur: () => this.searchFocus = false, onEzFocusIn: () => this.searchFocus = true, errorMessage: this.errorMessage, canShowError: this.canShowError, mode: this.mode, value: this.value, restrict: this.restrict }), this.filteredItems.length === 0 ? (h("div", { class: "ez-content" }, h("div", { class: "ez-text--center search-modal-text" }, this.emptyMessage))) : (h("div", null, h("div", { class: "search-modal-text ez-padding-vertical--medium" }, this.buildMessage()), h("ez-scroller", { class: "search-modal-scroller", direction: EzScrollDirection.VERTICAL }, h("ez-list", { ref: (ref) => this._refList = ref, dataSource: this.buildItems(), onEzClickItem: ({ label }) => this.setSelectedValue.bind(this)(label), ezSelectable: true, hoverFeedback: true, disableShortcuts: true })))), h("div", { class: "ez-flex ez-flex--justify-end" }, h("ez-button", { ref: (ref) => this._refButton = ref, class: "ez-button--tertiary", enabled: this.enabledButtonNewItem(), label: `${this.getMessage("snkDistinctSearch.titleAdd")} ${(_a = this.label) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()}`, onClick: () => this.addNewItem() }))))));
+  }
+  static get is() { return "search-modal"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["search-modal.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["search-modal.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "application": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "SnkApplication",
+          "resolved": "SnkApplication",
+          "references": {
+            "SnkApplication": {
+              "location": "import",
+              "path": "../../../snk-application/snk-application"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "SnkApplication"
+        }
+      },
+      "listItens": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Lista de itens exibidas conforme o usu\u00E1rio digita."
+        },
+        "defaultValue": "[]"
+      },
+      "opened": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se o ez-popover est\u00E1 aberto."
+        },
+        "attribute": "opened",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o valor do campo."
+        },
+        "attribute": "value",
+        "reflect": false,
+        "defaultValue": "undefined"
+      },
+      "canShowError": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se false deixa de exibir a mensagem de erro dentro do campo."
+        },
+        "attribute": "can-show-error",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "emptyMessage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "HTMLElement | string",
+          "resolved": "HTMLElement | string",
+          "references": {
+            "HTMLElement": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Recebe a mensagem de vazio ou personalizada"
+        },
+        "attribute": "empty-message",
+        "reflect": false,
+        "defaultValue": "undefined"
+      },
+      "debounceTime": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Tempo em milissegundos para debouncing das chamadas de busca de sugest\u00F5es."
+        },
+        "attribute": "debounce-time",
+        "reflect": false,
+        "defaultValue": "300"
+      },
+      "maxItens": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Limita a quantidade de registros apresentados na tela"
+        },
+        "attribute": "max-itens",
+        "reflect": false,
+        "defaultValue": "100"
+      },
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Texto exibido como placeholder no campo de pesquisa."
+        },
+        "attribute": "label",
+        "reflect": false,
+        "defaultValue": "'Pesquisar'"
+      },
+      "mode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'slim' | 'regular'",
+          "resolved": "\"regular\" | \"slim\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o tamanho do campo."
+        },
+        "attribute": "mode",
+        "reflect": false,
+        "defaultValue": "'regular'"
+      },
+      "restrict": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Express\u00E3o que define os caracteres permitidos na entrada."
+        },
+        "attribute": "restrict",
+        "reflect": false,
+        "defaultValue": "undefined"
+      },
+      "errorMessage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define uma mensagem de orienta\u00E7\u00E3o ao usu\u00E1rio, colocando o campo em modo inv\u00E1lido."
+        },
+        "attribute": "error-message",
+        "reflect": false,
+        "defaultValue": "undefined"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "filteredItems": {},
+      "searchFocus": {},
+      "isLimited": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "popupClose",
+        "name": "popupClose",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido ao fechar o popup"
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "changeValue",
+        "name": "changeValue",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando h\u00E1 uma altera\u00E7\u00E3o no valor do campo."
+        },
+        "complexType": {
+          "original": "IDistinctValue",
+          "resolved": "IDistinctValue",
+          "references": {
+            "IDistinctValue": {
+              "location": "import",
+              "path": "../../types"
+            }
+          }
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "addNewItem": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {},
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "M\u00E9todo para adicionar a nova palavra e chamar o m\u00E9todo closeModal() para fechar o modal",
+          "tags": []
+        }
+      },
+      "clearInput": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {},
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "M\u00E9todo para limpa o campo de entrada de pesquisa",
+          "tags": []
+        }
+      },
+      "closeModal": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {},
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "M\u00E9todo para fechar o modal",
+          "tags": []
+        }
+      },
+      "openModal": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {},
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "M\u00E9todo para abrir o modal",
+          "tags": []
+        }
+      },
+      "isInvalid": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {},
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Retorna se o conte\u00FAdo \u00E9 inv\u00E1lido.",
+          "tags": []
+        }
+      },
+      "setBlur": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {},
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Remove o foco do campo",
+          "tags": []
+        }
+      },
+      "setFocus": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {},
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Aplica o foco do campo",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "_element"; }
+  static get watchers() {
+    return [{
+        "propName": "errorMessage",
+        "methodName": "watchPropErrorMessage"
+      }, {
+        "propName": "value",
+        "methodName": "watchPropValue"
+      }];
+  }
+}

package/dist/collection/components/snk-distinct-search/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/snk-distinct-search/utils/filter-distinct-search.js

@@ -0,0 +1,15 @@
+export function normalizeString(text = "") {
+  return text.normalize('NFD').replace(/[\u0300-\u036f/\s'"&.-]/g, "").toUpperCase();
+}
+export function filterItems(searchArgument, distinctItems, maxItems) {
+  const normalizedSearch = normalizeString(searchArgument);
+  const filteredDistincts = distinctItems.filter((item) => normalizeString(item).includes(normalizedSearch));
+  const isLimited = filteredDistincts.length > maxItems;
+  const items = filteredDistincts.slice(0, maxItems);
+  return { items, isLimited };
+}
+export function getMatchOption(value, distinctItems) {
+  const normalizedSearch = normalizeString(value);
+  const item = distinctItems.find((item) => normalizeString(item) === normalizedSearch);
+  return item;
+}

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

@@ -644,9 +644,11 @@ export class SnkSimpleCrud {
     window.removeEventListener("keydown", this._keyDownHandler);
   }
   gridConfigChangeHandler(evt) {
+    evt.stopPropagation();
+    if (!this.configName)
+      return;
     const config = evt.detail;
     ConfigStorage.saveGridConfig(config, this.configName, this.resolveResourceID());
-    evt.stopPropagation();
   }
   modalConfigChangeHandler(evt) {
     const config = evt.detail;

package/dist/collection/lib/http/data-fetcher/DataFetcher.js

@@ -6,7 +6,7 @@ var __asyncValues = (this && this.__asyncValues) || function (o) {
   function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
   function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
 };
-import { ApplicationContext, ErrorException, ServiceCanceledException, ObjectUtils, StringUtils, WarningException } from '@sankhyalabs/core';
+import { ApplicationContext, ErrorException, ObjectUtils, ServiceCanceledException, StringUtils, WarningException } from '@sankhyalabs/core';
 import { batchRequests } from 'graphql-request';
 import UrlUtils from "../../../lib/utils/urlutils";
 import { PrintUtils } from '../../utils/PrintUtils';
@@ -266,7 +266,8 @@ export class DataFetcher {
         }
         payloadJson['requestBody']['clientEventList'].clientEvent.push({ $: key });
       }
-      DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url: url, requestBody: payload }));
+      const requestId = StringUtils.generateUUID();
+      DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url: url, requestBody: payload, requestId }));
       http.open("POST", url, true);
       http.withCredentials = true;
       http.send(ObjectUtils.objectToString(payloadJson));
@@ -306,7 +307,7 @@ export class DataFetcher {
         else if (http.readyState == 4 && http.status != 200) {
           reject(new ErrorException(`Erro ao executar serviço: ${serviceName}`, http.responseText));
         }
-        DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url: url, requestBody: payload }));
+        DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url: url, requestBody: payload, requestId }));
       };
     });
   }
@@ -411,7 +412,8 @@ export class DataFetcher {
     const errorsResponse = [];
     const responseExtensions = [];
     const url = this.buildGraphQlURL(quietMode);
-    DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url, requestBody: request }));
+    const requestId = StringUtils.generateUUID();
+    DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url, requestBody: request, requestId }));
     try {
       const response = await batchRequests(url, request, { 'Content-Type': `application/json; charset=${window['SERVER_ENCODING'] || 'UTF-8'}` });
       response.forEach((resItem, index) => {
@@ -445,11 +447,11 @@ export class DataFetcher {
         });
       }
       else {
-        DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url, requestBody: request }));
+        DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url, requestBody: request, requestId }));
         throw new ErrorException("Falha de comunicação", err.message);
       }
     }
-    DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url, requestBody: request }));
+    DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url, requestBody: request, requestId }));
     return { data: dataResponse, errors: errorsResponse, extensions: responseExtensions };
   }
   isHttpError(err) {

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

@@ -73,7 +73,7 @@ export default class DataUnitDataLoader {
     }
     const count = loadingInfo.count;
     if (loadingInfo.loadingInProgress) {
-      dataUnit.updatePagination(Object.assign(Object.assign({}, dataUnitPagination), { count }));
+      dataUnit.updatePagination(Object.assign(Object.assign({}, dataUnitPagination), { count, loadingInProgress: true }));
       return;
     }
     if (loadingInfo.needReload) {
@@ -81,7 +81,7 @@ export default class DataUnitDataLoader {
       dataUnit.gotoPage(0);
       return;
     }
-    dataUnit.updatePagination(Object.assign(Object.assign({}, dataUnitPagination), { total: count, count }));
+    dataUnit.updatePagination(Object.assign(Object.assign({}, dataUnitPagination), { total: count, count, loadingInProgress: false }));
   }
   static registryLoading(dataUnit, loadingInfo) {
     if (loadingInfo == undefined) {