@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-76362.0 → 0.0.0-bugfix-dev-KB-74224.0

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

@@ -1,544 +0,0 @@
-import { KeyboardManager } from "@sankhyalabs/core";
-import { Fragment, h, Host } from '@stencil/core';
-import { filterItems, getMatchOption, normalizeString } from "../../utils/filter-distinct-search";
-export class InputDistinctSearch {
-  constructor() {
-    this.textValue = "";
-    this.isNewItem = false;
-    this.filteredItems = [];
-    this.isNewItemSelected = false;
-    this.application = undefined;
-    this.distinctItems = [];
-    this.label = "";
-    this.value = "";
-    this.maxItems = 100;
-    this.debounceTime = 300;
-    this.canShowError = false;
-    this.mode = 'regular';
-    this.restrict = undefined;
-    this.errorMessage = undefined;
-  }
-  async observerValue(newValue) {
-    await this.selectedNewItem(newValue, true);
-  }
-  /**
-   * Seleciona um item
-   */
-  async selectValue(value, isNewItem = false) {
-    this.isNewItem = isNewItem;
-    this.textValue = value;
-    await this._refFilterInput.setValue(value);
-  }
-  /**
-   * Método para limpa o campo de entrada de pesquisa
-   */
-  clearInput() {
-    this._refFilterInput.setValue("");
-  }
-  /**
-   * Retorna se o conteúdo é inválido.
-   */
-  isInvalid() {
-    return this._refFilterInput.isInvalid();
-  }
-  /**
-   * Remove o foco do campo
-   */
-  setBlur() {
-    this._refFilterInput.setBlur();
-  }
-  /**
-   * Aplica o foco do campo
-   */
-  setFocus() {
-    this._refFilterInput.setFocus();
-  }
-  getMessage(key) {
-    return this.application.messagesBuilder.getMessage(key, null);
-  }
-  async optionLoader(searchArgument) {
-    return new Promise((resolve) => {
-      if (this._debounceTimeout) {
-        clearTimeout(this._debounceTimeout);
-      }
-      ;
-      this._debounceTimeout = setTimeout(() => {
-        const { items } = filterItems(searchArgument, this.distinctItems, this.maxItems);
-        this.filteredItems = items;
-        resolve();
-      }, this.debounceTime);
-    });
-  }
-  async openPopOver() {
-    var _a;
-    await ((_a = this._refPopOver) === null || _a === void 0 ? void 0 : _a.showUnder(this._refFilterInput));
-  }
-  async closePopOver() {
-    var _a;
-    this.isNewItemSelected = false;
-    await ((_a = this._refPopOver) === null || _a === void 0 ? void 0 : _a.hide());
-    await this._refList.removeSelection();
-  }
-  async onTextChange(event) {
-    this.textValue = event.detail;
-    await this.optionLoader(event.detail);
-    await this.selectFirstItem();
-  }
-  onIconClick() {
-    this.iconClick.emit();
-  }
-  buidItems() {
-    var _a;
-    const items = (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.map((item) => ({
-      label: item,
-      id: normalizeString(item),
-    }));
-    return items;
-  }
-  async setValue(value, isNewItem = false, preventEventEmit = false) {
-    this.isNewItem = isNewItem;
-    this.textValue = value;
-    await this._refFilterInput.setValue(value);
-    await this.closePopOver();
-    if (!preventEventEmit) {
-      this.changeValue.emit({
-        value,
-        isNewItem,
-      });
-    }
-  }
-  async selectedNewItem(value, preventEventEmit = false) {
-    if (!this.textValue && !value) {
-      await this.setValue("", false, preventEventEmit);
-      return;
-    }
-    const item = getMatchOption(value !== null && value !== void 0 ? value : this.textValue, this.distinctItems);
-    if (item) {
-      await this.setValue(item, false, preventEventEmit);
-      return;
-    }
-    await this.setValue(this.textValue || value, true, preventEventEmit);
-  }
-  async setSelectedValue() {
-    const selectedValue = await this._refList.getSelection();
-    await this.selectedNewItem((selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.label) || this.textValue, true);
-    await this._refFilterInput.setBlur();
-    this._element.focus();
-  }
-  async selectNextItem() {
-    if (this.isNewItemSelected) {
-      return;
-    }
-    const itemSelected = await this._refList.getSelection();
-    const itemsAmount = this.filteredItems.length;
-    const indexSelected = this.filteredItems.findIndex((item) => item === (itemSelected === null || itemSelected === void 0 ? void 0 : itemSelected.label));
-    const isLastItemSelected = indexSelected === (itemsAmount - 1);
-    const optionNewItemIsAvailable = !!this.textValue;
-    if (!isLastItemSelected || !optionNewItemIsAvailable) {
-      this.isNewItemSelected = false;
-      await this._refList.selectNextItem();
-      return;
-    }
-    this.isNewItemSelected = true;
-    await this._refList.removeSelection();
-  }
-  async selectPreviousItem() {
-    const itemsAmount = this.filteredItems.length;
-    const lastItem = this.filteredItems[itemsAmount - 1];
-    if (this.isNewItemSelected && lastItem) {
-      this.isNewItemSelected = false;
-      await this._refList.setSelection({
-        id: normalizeString(lastItem),
-        label: lastItem
-      });
-      return;
-    }
-    await this._refList.selectPreviousItem();
-  }
-  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.setSelectedValue(); });
-  }
-  unbindKeyboardManager() {
-    this._keyboardManager
-      .unbind("ArrowDown")
-      .unbind("ArrowUp")
-      .unbind("Enter")
-      .unbind("Tab");
-  }
-  async selectFirstItem() {
-    if (!this.filteredItems.length) {
-      await this._refList.removeSelection();
-      this.isNewItemSelected = true;
-      return;
-    }
-    const firstItem = this.filteredItems[0];
-    this.isNewItemSelected = false;
-    await this._refList.setSelection({
-      id: normalizeString(firstItem),
-      label: firstItem,
-    });
-  }
-  initializeComponent() {
-    const { items } = filterItems("", this.distinctItems, this.maxItems);
-    this.filteredItems = items;
-  }
-  componentWillLoad() {
-    this.initializeComponent();
-  }
-  async componentDidLoad() {
-    this.bindKeyboardManager();
-    this.selectFirstItem();
-    await this.selectedNewItem(this.value, true);
-  }
-  disconnectedCallback() {
-    this.unbindKeyboardManager();
-  }
-  buildNewItemOption() {
-    if (!this.textValue) {
-      return;
-    }
-    return (h(Fragment, null, !!this.filteredItems.length &&
-      h("hr", { class: "divider" }), h("button", { slot: "bottomSlot", class: {
-        "new-value": true,
-        "new-value-selected": this.isNewItemSelected,
-      }, title: `${this.getMessage("snkDistinctSearch.titleAdd")} '${this.textValue}'`, onClick: () => this.selectedNewItem.bind(this)(undefined, true) }, this.getMessage("snkDistinctSearch.titleAdd"), " '", this.textValue, "'")));
-  }
-  render() {
-    return (h(Host, { onBlur: () => this.selectedNewItem.bind(this)() }, h("ez-filter-input", { ref: (ref) => this._refFilterInput = ref, label: this.label, value: this.textValue, onEzChange: this.onTextChange.bind(this), onEzIconClick: this.onIconClick.bind(this), onEzFocusIn: this.openPopOver.bind(this), canShowError: this.canShowError, mode: this.mode, restrict: this.restrict, errorMessage: this.errorMessage, enabledIconClick: true }, this.isNewItem &&
-      h("ez-badge", { slot: "right", label: this.getMessage("snkDistinctSearch.titleBadgeNew"), size: "small-medium", class: "badge-primary" })), h("ez-popover", { ref: (ref) => this._refPopOver = ref, boxWidth: "full-width", autoClose: false, overlayType: "none", class: {
-        'space-error': this.canShowError,
-      } }, h("div", { class: "popover-content" }, h("section", { class: "list-container" }, h("ez-list", { ref: (ref) => this._refList = ref, dataSource: this.buidItems(), onEzClickItem: ({ detail }) => this.setValue.bind(this)(detail.label, false, true), ezSelectable: true, hoverFeedback: true, disableShortcuts: true })), this.buildNewItemOption()))));
-  }
-  static get is() { return "input-distinct-search"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["input-distinct-search.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["input-distinct-search.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"
-        }
-      },
-      "distinctItems": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "string[]",
-          "resolved": "string[]",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Lista completa de items distintos."
-        },
-        "defaultValue": "[]"
-      },
-      "label": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Label apresentada no input."
-        },
-        "attribute": "label",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "value": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Valor inicial do campo."
-        },
-        "attribute": "value",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "maxItems": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "N\u00FAmero m\u00E1ximo de itens na lista."
-        },
-        "attribute": "max-items",
-        "reflect": false,
-        "defaultValue": "100"
-      },
-      "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"
-      },
-      "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"
-      },
-      "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 {
-      "textValue": {},
-      "isNewItem": {},
-      "filteredItems": {},
-      "isNewItemSelected": {}
-    };
-  }
-  static get events() {
-    return [{
-        "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"
-            }
-          }
-        }
-      }, {
-        "method": "iconClick",
-        "name": "iconClick",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitido quando o icone de pesquisa \u00E9 clicado."
-        },
-        "complexType": {
-          "original": "void",
-          "resolved": "void",
-          "references": {}
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "selectValue": {
-        "complexType": {
-          "signature": "(value: string, isNewItem?: boolean) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }, {
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Seleciona um item",
-          "tags": []
-        }
-      },
-      "clearInput": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {},
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "M\u00E9todo para limpa o campo de entrada de pesquisa",
-          "tags": []
-        }
-      },
-      "isInvalid": {
-        "complexType": {
-          "signature": "() => Promise<boolean>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<boolean>"
-        },
-        "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": "value",
-        "methodName": "observerValue"
-      }];
-  }
-}

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

@@ -1,28 +0,0 @@
-:host {
-  display: block;
-}
-
-ez-popup {
-  --ez-popup__title--font-size: var(--title--large, 20px);
-  --ez-popup__container--height: 380px;
-}
-
-.search-modal-scroller {
-  height: 174px;
-}
-
-.search-modal-text {
-  font-family: var(--font-pattern);
-  color: var(--text--primary);
-  font-size: var(--text--medium);
-}
-
-ez-filter-input > input {
-  text-overflow: ellipsis;
-}
-.ez-content {
-  height: 190px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}