@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-77074.0 → 0.0.0-bugfix-dev-KB-75047.0

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

@@ -1,600 +0,0 @@
-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._searchFocus = false;
-    this.debounceTimeout = null;
-    this.filteredItems = [];
-    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
-  */
-  async setBlur() {
-    this._searchFocus = false;
-  }
-  /**
-  * Aplica o foco do campo
-  */
-  async setFocus() {
-    this._searchFocus = true;
-    await this._refFilterInput.setFocus();
-  }
-  /**
-  * 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) {
-    var _a;
-    if (this.debounceTimeout) {
-      clearTimeout(this.debounceTimeout);
-    }
-    this.value = event.detail;
-    await ((_a = this._refList) === null || _a === void 0 ? void 0 : _a.removeSelection());
-    this.debounceTimeout = setTimeout(() => {
-      this.filteredItems = filterItems(event.detail, this.listItens, this.maxItens);
-    }, 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;
-    this.filteredItems = filterItems(this.value, this.listItens, this.maxItens);
-  }
-  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 this._refList.getSelection();
-    if (this._searchFocus) {
-      await this.setBlur();
-      await this.selectFirstItem();
-    }
-    else if (selectedValue) {
-      await ((_a = this._refList) === null || _a === void 0 ? void 0 : _a.removeSelection());
-      await this._refButton.setFocus();
-    }
-    else {
-      await this._refButton.setBlur();
-      await 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.enabledButtonNewItem()) {
-      this.addNewItem();
-    }
-  }
-  async selectNextItem() {
-    var _a;
-    if (this._searchFocus) {
-      this.setBlur();
-    }
-    if (!this._refList) {
-      await this._refButton.setFocus();
-      return;
-    }
-    await ((_a = this._refList) === null || _a === void 0 ? void 0 : _a.selectNextItem());
-  }
-  async selectPreviousItem() {
-    var _a;
-    const itemSelected = await ((_a = this._refList) === null || _a === void 0 ? void 0 : _a.getSelection());
-    if (!itemSelected) {
-      return;
-    }
-    if (itemSelected.label === this.filteredItems[0]) {
-      await this._refList.removeSelection();
-      await this._refFilterInput.setFocus();
-      return;
-    }
-    await this._refList.selectPreviousItem();
-  }
-  async selectFirstItem() {
-    var _a;
-    if (!this.filteredItems.length) {
-      await ((_a = this._refList) === null || _a === void 0 ? void 0 : _a.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;
-  }
-  async handleActionPopUp({ detail }) {
-    if (detail === "OK") {
-      await this.setSelectedValue();
-    }
-  }
-  render() {
-    var _a;
-    return (h(Host, null, h("ez-popup", { ref: (ref) => this._popupElement = ref, size: "x-small", "ez-title": this.label, onEzClosePopup: () => this.popupClose.emit(false), "height-mode": "auto", onEzPopupAction: this.handleActionPopUp.bind(this) }, 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.buildItems().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.listItens.length > this.maxItens ? this.getMessage("snkDistinctSearch.limitResult") :
-      this.buildItems().length, " ", this.buildItems().length > 1 ? this.getMessage("snkDistinctSearch.availableResults") : this.getMessage("snkDistinctSearch.availableResult")), 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": {}
-    };
-  }
-  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": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Remove o foco do campo",
-          "tags": []
-        }
-      },
-      "setFocus": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "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/utils/filter-distinct-search.js

@@ -1,13 +0,0 @@
-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).startsWith(normalizedSearch));
-  return filteredDistincts.slice(0, maxItems - 1);
-}
-export function getMatchOption(value, distinctItems) {
-  const normalizedSearch = normalizeString(value);
-  const item = distinctItems.find((item) => normalizeString(item) === normalizedSearch);
-  return item;
-}

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

@@ -1,25 +0,0 @@
-import { DataFetcher } from "../DataFetcher";
-export default class DistinctSearchFetcher {
-  constructor() {
-    this.SERVICE = 'mge@Pesquisa.getSelectDistinct';
-  }
-  buildRequestBody(coluna, instancia) {
-    return {
-      selectDistinct: {
-        instancia,
-        coluna,
-      }
-    };
-  }
-  parseResponseBody(response) {
-    var _a, _b, _c;
-    const ocorrencias = (_c = (_b = (_a = response === null || response === void 0 ? void 0 : response.ocorrencias) === null || _a === void 0 ? void 0 : _a.ocorrencia) === null || _b === void 0 ? void 0 : _b.map(({ $ }) => $)) !== null && _c !== void 0 ? _c : [];
-    return ocorrencias;
-  }
-  async fetchItens(coluna, instancia) {
-    const requestBody = this.buildRequestBody(coluna, instancia);
-    const response = await DataFetcher.get().callServiceBroker(this.SERVICE, requestBody);
-    const parsedResponse = this.parseResponseBody(response);
-    return parsedResponse;
-  }
-}

package/dist/collection/lib/message/resources/snk-distinct-search.msg.js

@@ -1,9 +0,0 @@
-const snkDistinctSearchMessages = {
-  titleBadgeNew: "novo",
-  titleAdd: "Adicionar",
-  availableResults: "resultados disponíveis",
-  availableResult: "resultado disponível",
-  limitResult: "Esta pesquisa foi limitada, existem mais resultados",
-  emptyResult: "Nenhum resultado disponível. <br/>Você pode adicionar um novo termo",
-};
-export default snkDistinctSearchMessages;

package/dist/components/filter-distinct-search.js

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

package/dist/components/input-distinct-search.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface InputDistinctSearch extends Components.InputDistinctSearch, HTMLElement {}
-export const InputDistinctSearch: {
-  prototype: InputDistinctSearch;
-  new (): InputDistinctSearch;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/input-distinct-search.js

@@ -1,6 +0,0 @@
-import { I as InputDistinctSearch$1, d as defineCustomElement$1 } from './input-distinct-search2.js';
-
-const InputDistinctSearch = InputDistinctSearch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { InputDistinctSearch, defineCustomElement };