@sankhyalabs/ezui 7.0.10 → 7.1.0-dev.10

package/dist/collection/components/ez-search/ez-search.js

@@ -41,6 +41,8 @@ export class EzSearch {
     this.suppressPreLoad = true;
     this.autoFocus = false;
     this.alternativePlaceholder = undefined;
+    this.showMore = undefined;
+    this.suppressInputPersist = false;
   }
   observeErrorMessage() {
     var _a;
@@ -306,6 +308,10 @@ export class EzSearch {
     this.resetOptions();
   }
   setInputValue(clearError = true) {
+    if (this.suppressInputPersist) {
+      this.clearSearch();
+      return;
+    }
     const textValue = this.getText();
     if ((this._textInput.value || '') !== textValue) {
       this._textInput.value = textValue;
@@ -317,6 +323,7 @@ export class EzSearch {
   clearSearch() {
     this.value = null;
     this._currentValue = null;
+    this._textInput.value = "";
   }
   controlListWithOnlyOne(focusOnInput = true) {
     var _a, _b;
@@ -405,11 +412,24 @@ export class EzSearch {
     return (_a = this.label) === null || _a === void 0 ? void 0 : _a.replace(this.i18n("app.requiredInfo"), "").toUpperCase();
   }
   resetOptions() {
+    if (this.showMore) {
+      this.handleResetOptionsWithShowMoreVisible();
+      return;
+    }
     this.hideOptions();
     this._criteria = undefined;
     this._preSelection = undefined;
     this.updateVisibleOptions();
   }
+  handleResetOptionsWithShowMoreVisible() {
+    //Eh preciso adicionar um timeout para garantir que o evento seja escutado pelo botão de mostrar mais.
+    setTimeout(() => {
+      this.hideOptions();
+      this._criteria = undefined;
+      this._preSelection = undefined;
+      this.updateVisibleOptions();
+    }, 100);
+  }
   async handleInitialValue() {
     const valueIsValid = !!this.getValue(this.value);
     if (!valueIsValid) {
@@ -604,12 +624,29 @@ export class EzSearch {
   onChangePreSelection(value) {
     this._preSelection = value;
   }
+  async handleClickShowMore() {
+    var _a, _b;
+    if (!this.optionLoader)
+      return;
+    const argument = (_b = (_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "";
+    const searchArgument = { mode: SearchMode.ADVANCED, argument };
+    const selectedOption = await this.optionLoader(searchArgument, this.contextProperties);
+    if (selectedOption && !Array.isArray(selectedOption)) {
+      this.selectOption(selectedOption);
+    }
+  }
+  renderShowMore() {
+    if (!this.showMore || this._showLoading)
+      return;
+    return (h("div", { style: { display: "flex", justifyContent: "center" }, "data-element-id": ElementIDUtils.getInternalIDInfo("showMore") }, h("ez-button", { onClick: async () => await this.handleClickShowMore(), variant: "tertiary", style: { width: "100%", justifyContent: "center" }, label: this.i18n("ez-search.showMore") })));
+  }
   render() {
     var _a;
     ElementIDUtils.addIDInfoIfNotExists(this.el, 'input');
-    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: this.suppressSearch ? "suppressed-search-input" : "", ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, canShowError: this.canShowError, errorMessage: this.errorMessage, mode: this.mode, alternativePlaceholder: this.alternativePlaceholder }, h("button", { class: "btn", slot: "leftIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, this.canShowLoadSpinDescription() ? h("div", { class: "message__loading" }) : h("ez-icon", { iconName: "search" })), (((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value) || this.ensureClearButtonVisible)
+    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: this.suppressSearch ? "suppressed-search-input" : "", ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, canShowError: this.canShowError, errorMessage: this.errorMessage, mode: this.mode, alternativePlaceholder: this.alternativePlaceholder }, h("button", { class: "btn", slot: "leftIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, this.canShowLoadSpinDescription() ? h("div", { class: "message__loading" }) :
+      h("ez-icon", { iconName: "search" })), (((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value) || this.ensureClearButtonVisible)
       ? h("button", { class: "btn btn__close", slot: "rightIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
-      : undefined), h("ez-popover-plus", { ref: elem => this._ezPopOverPlusElement = elem, autoClose: false, overlayType: "none", useAnchorSize: true, anchorElement: [this._textInput, this.el], "data-element-id": this.el.getAttribute("data-element-id"), onEzVisibilityChange: (event) => event.stopPropagation() }, h("search-list", { ref: (ref) => this._searchList = ref, showLoading: this._showLoading, visibleOptions: this._visibleOptions, textEmptyList: this.i18n("ez-search.emptyList"), canShowListOptions: this.canShowListOptions(), value: this.value, showOptionValue: this.showOptionValue, preSelection: this._preSelection, onChangeValue: ({ detail }) => this.selectOption(detail), onChangePreSelection: ({ detail }) => this.onChangePreSelection(detail) }))));
+      : undefined), h("ez-popover-plus", { ref: elem => this._ezPopOverPlusElement = elem, autoClose: false, overlayType: "none", useAnchorSize: true, anchorElement: [this._textInput, this.el], "data-element-id": this.el.getAttribute("data-element-id"), onEzVisibilityChange: (event) => event.stopPropagation() }, h("div", null, h("search-list", { ref: (ref) => this._searchList = ref, showLoading: this._showLoading, visibleOptions: this._visibleOptions, textEmptyList: this.i18n("ez-search.emptyList"), canShowListOptions: this.canShowListOptions(), value: this.value, showOptionValue: this.showOptionValue, preSelection: this._preSelection, onChangeValue: ({ detail }) => this.selectOption(detail), onChangePreSelection: ({ detail }) => this.onChangePreSelection(detail) }), this.renderShowMore()))));
   }
   static get is() { return "ez-search"; }
   static get encapsulation() { return "shadow"; }
@@ -1035,6 +1072,41 @@ export class EzSearch {
         },
         "attribute": "alternative-placeholder",
         "reflect": true
+      },
+      "showMore": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Informa se deve exibir a op\u00E7\u00E3o de mostrar mais resultados."
+        },
+        "attribute": "show-more",
+        "reflect": false
+      },
+      "suppressInputPersist": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Informa se o valor da op\u00E7\u00E3o selecionada deve persistir no input de texto."
+        },
+        "attribute": "suppress-input-persist",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }

package/dist/collection/utils/form/FormMetadata.js

@@ -72,25 +72,56 @@ export const buildFormConfigFromDataUnit = (dataUnit) => {
       .filter(descriptor => descriptor.visible !== false)
       .map(descriptor => { return { name: descriptor.name, defaultValue: descriptor.defaultValue }; });
   }
-  const config = { emptyConfig: false, fields };
-  return config;
+  return { emptyConfig: false, fields };
 };
-export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
-  var _a, _b;
-  if (config == undefined || (config === null || config === void 0 ? void 0 : config.emptyConfig) === true) {
-    config = buildFormConfigFromDataUnit(dataUnit);
-  }
-  const sheets = new Map();
-  const hiddenTabs = new Map();
-  const requiredFields = [];
-  const cleanOnCopyFields = [];
-  const defaultValues = {};
-  (_a = config === null || config === void 0 ? void 0 : config.tabs) === null || _a === void 0 ? void 0 : _a.forEach((tab) => {
-    if (!hiddenTabs.has(tab.label) && tab.visible === false) {
-      hiddenTabs.set(tab.label, tab);
+function handleDetailTabs(dataUnit, config, sheets) {
+  const unitMD = dataUnit.metadata;
+  if (unitMD === undefined || unitMD.children === undefined)
+    return;
+  unitMD.children.forEach((child) => {
+    const tabConfig = getTabFromConfig(child.label, config);
+    if (tabConfig) {
+      sheets.set(Object.assign(tabConfig, { name: buildChildName(child), isDetail: true }), []);
+      return;
+    }
+    const { label, name, fields } = buildDetailSheet(child);
+    sheets.set({ name, label, isDetail: true }, fields);
+  });
+}
+function handleCustomTabs(customGuides, config, sheets) {
+  customGuides.forEach((guide) => {
+    const tabConfig = getTabFromConfig(guide.label, config);
+    const ctxProps = {};
+    Object.entries(guide).forEach(([key, value]) => {
+      if (!isReservedKey(key)) {
+        ctxProps[key] = value;
+      }
+    });
+    if (tabConfig) {
+      sheets.set(Object.assign(tabConfig, { name: guide.id, isCustom: true, ctxProps }), []);
+      return;
     }
+    const sheet = { label: guide.label, name: guide.id, isCustom: true, visible: true, ctxProps };
+    sheets.set(sheet, []);
   });
-  (_b = config === null || config === void 0 ? void 0 : config.fields) === null || _b === void 0 ? void 0 : _b.forEach((field) => {
+}
+function isReservedKey(key) {
+  return ['id', 'label'].includes(key);
+}
+function parseTabToFormSheet(key, fields) {
+  const i18n = getI18n();
+  return {
+    label: (key.label === "__main") ? i18n("ez-form.mainTab") : key.label,
+    name: key.name || key.label,
+    isCustom: key.isCustom,
+    isDetail: key.isDetail,
+    ctxProps: key.ctxProps,
+    fields
+  };
+}
+function handleFields(config, sheets, hiddenTabs, dataUnit, requiredFields, cleanOnCopyFields, defaultValues) {
+  var _a;
+  (_a = config === null || config === void 0 ? void 0 : config.fields) === null || _a === void 0 ? void 0 : _a.forEach((field) => {
     var _a, _b, _c;
     if (field.visible !== false) {
       const tabConfig = getTabConfig(field.tab || "__main", sheets, config);
@@ -129,7 +160,8 @@ export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
                   defaultValue = value;
                 }
               }
-              catch (_d) { }
+              catch (_d) {
+              }
             }
           }
           defaultValues[field.name] = defaultValue;
@@ -137,34 +169,38 @@ export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
       }
     }
   });
+}
+export const buildFormMetadata = (config, dataUnit, includeDetails = false, customGuides) => {
+  var _a;
+  if (config == undefined || (config === null || config === void 0 ? void 0 : config.emptyConfig) === true) {
+    config = buildFormConfigFromDataUnit(dataUnit);
+  }
+  const sheets = new Map();
+  const hiddenTabs = new Map();
+  const requiredFields = [];
+  const cleanOnCopyFields = [];
+  const defaultValues = {};
+  const tabs = (_a = config === null || config === void 0 ? void 0 : config.tabs) !== null && _a !== void 0 ? _a : [];
+  tabs.forEach((tab) => {
+    if (!hiddenTabs.has(tab.label) && tab.visible === false) {
+      hiddenTabs.set(tab.label, tab);
+    }
+  });
+  handleFields(config, sheets, hiddenTabs, dataUnit, requiredFields, cleanOnCopyFields, defaultValues);
   const metadata = new FormMetadata();
   metadata.setDefaultVars(config.defaultVars);
   if (includeDetails) {
-    const unitMD = dataUnit.metadata;
-    if (unitMD != undefined && unitMD.children != undefined) {
-      unitMD.children.forEach((child) => {
-        if (hiddenTabs.has(child.label)) {
-          return;
-        }
-        const tabConfig = getTabFromConfig(child.label, config);
-        if (tabConfig) {
-          sheets.set(Object.assign(tabConfig, { name: buildChildName(child) }), []);
-          return;
-        }
-        const { label, name, fields } = buildDetailSheet(child);
-        sheets.set({ name, label }, fields);
-      });
-    }
+    handleDetailTabs(dataUnit, config, sheets);
+  }
+  if (customGuides) {
+    handleCustomTabs(customGuides, config, sheets);
   }
-  const i18n = getI18n();
   Array.from(sheets.entries())
     .sort(sortTabs)
-    .forEach(([key, fields]) => {
-    metadata.addSheet({
-      label: (key.label === "__main") ? i18n("ez-form.mainTab") : key.label,
-      name: key.name || key.label,
-      fields
-    });
+    .forEach(([tab, fields]) => {
+    if (!hiddenTabs.has(tab.label)) {
+      metadata.addSheet(parseTabToFormSheet(tab, fields));
+    }
   });
   metadata.addRequiredFields(requiredFields);
   metadata.addCleanOnCopyFields(cleanOnCopyFields);

package/dist/collection/utils/i18n/locales/en-us.js

@@ -245,6 +245,7 @@ export default {
     "ez-search": {
       emptyList: "No results found",
       emptySearch: "No results for {{field}} found",
+      showMore: "Show more"
     },
     "ez-search-plus": {
       emptyList: "No results found",

package/dist/collection/utils/i18n/locales/es-es.js

@@ -245,6 +245,7 @@ export default {
     "ez-search": {
       emptyList: "No se encontraron resultados",
       emptySearch: "No se encontraron resultados de {{field}}",
+      showMore: "Mostrar más"
     },
     "ez-search-plus": {
       emptyList: "No se encontraron resultados",

package/dist/collection/utils/i18n/locales/pt-br.js

@@ -245,6 +245,7 @@ export default {
     "ez-search": {
       emptyList: "Nenhum resultado encontrado",
       emptySearch: "Nenhum resultado de {{field}} encontrado",
+      showMore: "Mostrar mais"
     },
     "ez-search-plus": {
       emptyList: "Nenhum resultado encontrado",