@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-kb-85616.0 → 0.0.0-bugfix-dev-KB-81596.1

package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-search.js

@@ -3,14 +3,20 @@ import { h } from '@stencil/core';
 import FilterItemType from '../filter-item-type.enum';
 export class SnkFilterSearch {
   constructor() {
+    this._isSearchPlus = false;
     this.config = undefined;
     this.value = undefined;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-search
    */
-  ezChangeListener(_evt) {
-    this.value = this._searchInput.value;
+  async ezChangeListener(_evt) {
+    if (this._isSearchPlus) {
+      this.value = await this._searchInput.getValueAsync();
+    }
+    else {
+      this.value = this._searchInput.value;
+    }
     this.valueChanged.emit(this.value);
   }
   componentDidLoad() {
@@ -18,10 +24,11 @@ export class SnkFilterSearch {
       ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
     }
   }
-  doSearch(mode, argument) {
+  doSearch(mode, argument, isSearchPlus = false) {
     const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    const loader = isSearchPlus ? application.executePreparedSearchPlus : application.executePreparedSearch;
     return new Promise((resolve, reject) => {
-      application.executePreparedSearch(mode, argument, this.config.props.searchContext)
+      loader.bind(application)(mode, argument, this.config.props.searchContext)
         .then(result => {
         resolve(result);
       }).catch(reason => {
@@ -35,11 +42,17 @@ export class SnkFilterSearch {
   async show() {
     this._searchInput.setFocus();
   }
+  getInputItem() {
+    var _a;
+    this._isSearchPlus = ((_a = this.config.props) === null || _a === void 0 ? void 0 : _a["useSearchPlus"]) == true;
+    const TagName = this._isSearchPlus ? "ez-search-plus" : "ez-search";
+    return (h(TagName, { id: this.config.id, suppressEmptyOption: true, value: this.config.value, label: this.config.label, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, this._isSearchPlus) }));
+  }
   render() {
     if (!this.config || this.config.type !== FilterItemType.SEARCH) {
       return undefined;
     }
-    return (h("ez-search", { id: this.config.id, suppressEmptyOption: true, value: this.config.value, label: this.config.label, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument) }));
+    return this.getInputItem();
   }
   static get is() { return "snk-filter-search"; }
   static get properties() {

package/dist/collection/components/snk-form-config/subcomponents/snk-config-options/snk-config-options.js

@@ -136,11 +136,13 @@ export class SnkConfigOptions {
     return h(TagName, Object.assign({ value: value, enabled: enabled, label: label, "data-field-name": name, key: name, onEzChange: (evt) => this.onChange(evt === null || evt === void 0 ? void 0 : evt.detail) }, (this.getConditionalAttributes(userInterface, required, options, precision, prettyPrecision, mode))));
   }
   getConditionalAttributes(userInterface, required, options, precision, prettyPrecision, mode) {
+    const useSearchPlus = userInterface == UserInterface.SEARCHPLUS;
     switch (userInterface) {
       case UserInterface.SEARCH:
+      case UserInterface.SEARCHPLUS:
         return {
           suppressEmptyOption: required,
-          optionLoader: (searchArgument) => this.onSearch(searchArgument)
+          optionLoader: (searchArgument) => this.onSearch(searchArgument, { useSearchPlus })
         };
       case UserInterface.OPTIONSELECTOR:
         return {
@@ -173,9 +175,9 @@ export class SnkConfigOptions {
     this.fieldConfig.defaultValue.value = this.getValidatedValue(fieldValue);
     this.configOptionsChanged.emit(this.fieldConfig);
   }
-  onSearch(searchArgument) {
+  onSearch(searchArgument, ctxOptions) {
     if (this._application != undefined && this.fieldConfig != undefined) {
-      return this._application.executeSearch(searchArgument, this.fieldConfig.name, this.dataUnit);
+      return this._application.executeSearch(searchArgument, this.fieldConfig.name, this.dataUnit, ctxOptions);
     }
   }
   buildField(descriptor, config) {

package/dist/collection/components/snk-grid-config/snk-grid-config.js

@@ -258,6 +258,7 @@ export class SnkGridConfig {
           delete _newColumnConfig.ascending;
           _newColumnConfig.orderIndex = 0;
         }
+        _newColumnConfig.configVersion = SnkGridConfig.CURRENT_CONFIG_VERSION;
         _newColumnConfigList.push(_newColumnConfig);
       }
     });
@@ -639,3 +640,4 @@ export class SnkGridConfig {
   }
   static get elementRef() { return "_element"; }
 }
+SnkGridConfig.CURRENT_CONFIG_VERSION = 1;

package/dist/collection/components/snk-layout-form-config/snk-layout-form-config.css

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/dist/collection/components/snk-layout-form-config/snk-layout-form-config.js

@@ -0,0 +1,73 @@
+import { h } from '@stencil/core';
+import { FormConfigFetcher } from '../../lib';
+import { ApplicationContext } from '@sankhyalabs/core';
+import { FormLayout } from '@sankhyalabs/ezui/dist/collection/utils';
+const FORM_COL_CONFIG_PREFIX = 'formColCfg.';
+export class SnkLayoutFormConfig {
+  constructor() {
+    this._formConfigFetcher = new FormConfigFetcher();
+    this.layoutType = FormLayout.CASCADE;
+  }
+  /**
+   * Salva o tipo de layout escolhido. Sem retorno.
+   */
+  async save() {
+    this._LayoutFormConfigSingleton.setConfig(this.layoutType);
+    this._formConfigFetcher.saveLayoutFormConfig(FORM_COL_CONFIG_PREFIX + this._resourceID, { config: this.layoutType, newConfig: true });
+  }
+  async componentWillLoad() {
+    const _application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this._LayoutFormConfigSingleton = await (_application === null || _application === void 0 ? void 0 : _application.getLayoutFormConfig());
+    this._resourceID = await (_application === null || _application === void 0 ? void 0 : _application.getResourceID());
+    this.setLayoutInit();
+  }
+  setLayoutInit() {
+    if (!this._LayoutFormConfigSingleton)
+      return;
+    const { config } = this._LayoutFormConfigSingleton;
+    this.layoutType = Number(config) in FormLayout ? Number(config) : FormLayout.CASCADE;
+  }
+  toggleLayout(key) {
+    this.layoutType = key;
+  }
+  render() {
+    return (h("div", { class: "ez-flex ez-flex--column" }, h("div", { class: "ez-margin-bottom--small" }, h("ez-check", { label: "Layout em cascata", class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.CASCADE), value: this.layoutType === FormLayout.CASCADE }), h("snk-view-representation", { mode: FormLayout.CASCADE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, "Todos os campos ser\u00E3o organizados em uma coluna \u00FAnica.")), h("div", null, h("ez-check", { label: "Layout lado a lado", class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.SIDE_BY_SIDE), value: this.layoutType === FormLayout.SIDE_BY_SIDE }), h("snk-view-representation", { mode: FormLayout.SIDE_BY_SIDE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, "Todos os campos ser\u00E3o dispostos lado a lado, ajustando-se automaticamente \u00E0 largura da tela."))));
+  }
+  static get is() { return "snk-layout-form-config"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-layout-form-config.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-layout-form-config.css"]
+    };
+  }
+  static get states() {
+    return {
+      "layoutType": {}
+    };
+  }
+  static get methods() {
+    return {
+      "save": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Salva o tipo de layout escolhido. Sem retorno.",
+          "tags": []
+        }
+      }
+    };
+  }
+}

package/dist/collection/components/snk-layout-form-config/snk-view-representation/snk-view-representation.css

@@ -0,0 +1,78 @@
+:host {
+  display: block;
+}
+
+.svg-container {
+    display: flex;
+    width: 185px;
+    height: 125px;
+    border-radius: 8px;
+    background-color: #f7f7f7;
+    padding: 10px 12px;
+    box-sizing: border-box;
+    position: relative;
+  }
+  
+  .svg-container__background{
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+  
+  .svg-container__header {
+    display: flex;
+    gap: 2px;
+    margin-bottom: 12px;
+  }
+  
+  .svg-container__circle {
+    width: 9px;
+    height: 9px;
+    border-radius: 50%;
+  }
+  
+  .svg-container__circle--red {
+    background-color: #ed7678;
+  }
+  
+  .svg-container__circle--yellow {
+    background-color: #eddb76;
+  }
+  
+  .svg-container__circle--green {
+    background-color: #7ad08e;
+  }
+  
+  .svg-container__section{
+    width: 100%;
+  }
+  
+  .svg-container__collumn {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+  
+  .svg-container__inline {
+    display: flex;
+    flex-direction: row;
+    gap: 6px;
+  }
+  
+  .svg-container__line {
+    height: 13px;
+    border-radius: 4px;
+    background-color: #d9d9d9;
+    margin-bottom: 4px;
+  }
+  
+  .svg-container__line--short {
+    width: 39.68px;
+    height: 7px;
+    border-radius: 3.5px;
+  }
+  
+  .svg-container__line--long {
+    width: 100%;
+  }
+  

package/dist/collection/components/snk-layout-form-config/snk-view-representation/snk-view-representation.js

@@ -0,0 +1,57 @@
+import { h } from '@stencil/core';
+import { FormLayout } from '@sankhyalabs/ezui/dist/collection/utils';
+export class SnkViewRepresentation {
+  constructor() {
+    this.mode = FormLayout.SIDE_BY_SIDE;
+  }
+  renderCascadeLayout() {
+    return (h("div", { class: "svg-container__collumn" }, [...Array(3)].map(() => (h("div", { class: "svg-container__section" }, h("div", { class: "svg-container__line svg-container__line--short" }), h("div", { class: "svg-container__line svg-container__line--long" }))))));
+  }
+  renderSideBySideLayout() {
+    return (h("div", { class: "svg-container__inline" }, [...Array(2)].map(() => this.renderCascadeLayout())));
+  }
+  render() {
+    return (h("div", { class: "svg-container ez-margin-left--small" }, h("div", { class: "svg-container__background" }, h("div", { class: "svg-container__header" }, h("div", { class: "svg-container__circle svg-container__circle--red" }), h("div", { class: "svg-container__circle svg-container__circle--yellow" }), h("div", { class: "svg-container__circle svg-container__circle--green" })), this.mode === FormLayout.CASCADE
+      ? this.renderCascadeLayout()
+      : this.renderSideBySideLayout())));
+  }
+  static get is() { return "snk-view-representation"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-view-representation.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-view-representation.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "mode": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "FormLayout",
+          "resolved": "FormLayout",
+          "references": {
+            "FormLayout": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/collection/utils"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o layout do componente: 'CASCADE' ou 'SIDE_BY_SIDE'"
+        },
+        "attribute": "mode",
+        "reflect": false,
+        "defaultValue": "FormLayout.SIDE_BY_SIDE"
+      }
+    };
+  }
+}

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

@@ -61,6 +61,7 @@ export class SnkSimpleCrud {
     this.ignoreReadOnlyFormFields = false;
     this.autoFocus = true;
     this.domainMessagesBuilder = undefined;
+    this.layoutFormConfig = false;
     this.autoLoad = undefined;
     this.outlineMode = false;
   }
@@ -753,7 +754,7 @@ export class SnkSimpleCrud {
     }
     return (h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: this.handleDataUnitOnInsertionMode.bind(this), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: `ez-box ${this.outlineMode ? 'ez-box--outline' : 'ez-box--shadow'} simple-crud__container-section` }, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
         ? undefined
-        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode }, this.renderTaskbarContent(), h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, this.renderTaskbarContent(), h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
+        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode }, this.renderTaskbarContent(), h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, this.renderTaskbarContent(), h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
   }
   static get is() { return "snk-simple-crud"; }
   static get encapsulation() { return "scoped"; }
@@ -1233,6 +1234,24 @@ export class SnkSimpleCrud {
         "attribute": "domain-messages-builder",
         "reflect": false
       },
+      "layoutFormConfig": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se o LayoutFormConfig ser\u00E1 exibido no configurador."
+        },
+        "attribute": "layout-form-config",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "autoLoad": {
         "type": "boolean",
         "mutable": false,

package/dist/collection/lib/configs/LayoutFormConfig.js

@@ -0,0 +1,25 @@
+export class LayoutFormConfig {
+  constructor() {
+    this._config = null;
+    this.listeners = [];
+  }
+  static getInstance() {
+    if (!LayoutFormConfig.instance) {
+      LayoutFormConfig.instance = new LayoutFormConfig();
+    }
+    return LayoutFormConfig.instance;
+  }
+  get config() {
+    return this._config;
+  }
+  setConfig(newConfig) {
+    this._config = newConfig;
+    this.notifyListeners();
+  }
+  onConfigChange(listener) {
+    this.listeners.push(listener);
+  }
+  notifyListeners() {
+    this.listeners.forEach(listener => listener(this._config));
+  }
+}

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

@@ -61,7 +61,13 @@ export class DataFetcher {
     if (error.length > 0) { //As informações do erro vem no primeiro indice de um array
       const errorInfo = error[POSITION_ERROR_INFO];
       const errorMessage = (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.message) ? errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.message : "Não há mensagem de erro";
-      const errorLevel = ((_a = errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.extensions) === null || _a === void 0 ? void 0 : _a.level) ? errorInfo.extensions.level : "ERROR";
+      /*
+        No HTML5, todos os erros de Troubleshooting são considerados alerta,
+        pois a comparação errorLevel == ServiceProxyConstants.LEVEL.ERROR sempre é falsa
+        Motivo: - errorLevel é uma string "ERROR" por exemplo
+                - ServiceProxyConstants.LEVEL.ERROR é um numero 1, por exemplo
+      */
+      const errorLevel = ((_a = errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.extensions) === null || _a === void 0 ? void 0 : _a.level) ? "WARNING" : "ERROR";
       const errorCode = ((_b = errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.extensions) === null || _b === void 0 ? void 0 : _b.code) ? errorInfo.extensions.code : "";
       switch (errorLevel) {
         case "WARNING":
@@ -83,7 +89,13 @@ export class DataFetcher {
     let tsErrorCode, tsErrorLevel;
     if (tsError) {
       tsErrorCode = tsError.tsErrorCode;
-      tsErrorLevel = tsError.tsErrorLevel;
+      /*
+       No HTML5, todos os erros de Troubleshooting são considerados alerta,
+       pois a comparação errorLevel == ServiceProxyConstants.LEVEL.ERROR sempre é falsa
+       Motivo: - errorLevel é uma string "ERROR" por exemplo
+               - ServiceProxyConstants.LEVEL.ERROR é um numero 1, por exemplo
+     */
+      tsErrorLevel = "WARNING";
     }
     if (tsErrorLevel === "WARNING") {
       return new WarningException(title, statusMessage, tsErrorCode);

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

@@ -227,11 +227,12 @@ export class DatasetStrategy {
     return InMemoryLoader.getConvertedValue(descriptor, strValue);
   }
   getSearchDescriptionField(descriptor) {
-    if (descriptor.userInterface === UserInterface.SEARCH) {
-      const { ENTITYNAME, mergedFrom, DESCRIPTIONFIELD } = descriptor.properties;
-      if (!StringUtils.isEmpty(DESCRIPTIONFIELD)) {
-        return mergedFrom != undefined ? `${mergedFrom}.${ENTITYNAME}.${DESCRIPTIONFIELD}` : `${ENTITYNAME}.${DESCRIPTIONFIELD}`;
-      }
+    if (![UserInterface.SEARCH, UserInterface.SEARCHPLUS].includes(descriptor.userInterface)) {
+      return undefined;
+    }
+    const { ENTITYNAME, mergedFrom, DESCRIPTIONFIELD } = descriptor.properties;
+    if (!StringUtils.isEmpty(DESCRIPTIONFIELD)) {
+      return mergedFrom != undefined ? `${mergedFrom}.${ENTITYNAME}.${DESCRIPTIONFIELD}` : `${ENTITYNAME}.${DESCRIPTIONFIELD}`;
     }
     return undefined;
   }

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

@@ -220,6 +220,20 @@ export class FormConfigFetcher extends ResourceFetcher {
     const rawFields = (_c = (_b = (_a = config === null || config === void 0 ? void 0 : config.formConfig) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.field) !== null && _c !== void 0 ? _c : [];
     return { emptyConfig: false, fields: Array.isArray(rawFields) ? rawFields : [rawFields] };
   }
+  async fetchLayoutFormConfig(configName) {
+    const payload = { 'requestBody': { 'config': { 'chave': configName, 'tipo': 'T' } } };
+    const response = await DataFetcher.get().callServiceBroker('SystemUtilsSP.getConf', JSON.stringify(payload));
+    if (ObjectUtils.isEmpty(response))
+      return undefined;
+    return response.config;
+  }
+  async saveLayoutFormConfig(configName, config) {
+    const payload = { 'requestBody': { 'config': Object.assign(Object.assign({}, config), { 'chave': configName, 'tipo': 'T' }) } };
+    const response = await DataFetcher.get().callServiceBroker('SystemUtilsSP.saveConf', JSON.stringify(payload));
+    if (ObjectUtils.isEmpty(response))
+      return undefined;
+    return response;
+  }
 }
 export var UserConfigType;
 (function (UserConfigType) {

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

@@ -50,7 +50,20 @@ export class PesquisaFetcher {
       });
     });
   }
-  loadAdvancedSearch(entityName, argument, criteria, searchOptions) {
+  buildDescriptionCacheKey(entityName, codeValue) {
+    return `${entityName}__${codeValue}`;
+  }
+  async loadByCode(entityName, codeValue, criteria, searchOptions) {
+    const cacheKey = this.buildDescriptionCacheKey(entityName, codeValue);
+    const cachedValue = PesquisaFetcher.DESCRIPTIONS_BY_CODE[cacheKey];
+    if (cachedValue) {
+      return Promise.resolve(cachedValue);
+    }
+    const result = await this.loadAdvancedSearch(entityName, undefined, criteria, searchOptions, codeValue);
+    PesquisaFetcher.DESCRIPTIONS_BY_CODE[cacheKey] = result;
+    return result;
+  }
+  loadAdvancedSearch(entityName, argument, criteria, searchOptions, codeValue) {
     var _a, _b, _c, _d, _e;
     const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
     const values = {
@@ -94,12 +107,22 @@ export class PesquisaFetcher {
     const reqBody = {
       "serviceName": serviceName,
       "requestBody": {
-        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": (_d = options === null || options === void 0 ? void 0 : options.ignoreEntityCriteria) !== null && _d !== void 0 ? _d : false, "limit": this._defaultPageSize, "query": { "$": values.argument }, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_e = values.searchOptions) === null || _e === void 0 ? void 0 : _e.rootEntity }, { options }),
+        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": (_d = options === null || options === void 0 ? void 0 : options.ignoreEntityCriteria) !== null && _d !== void 0 ? _d : false, "limit": this._defaultPageSize, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_e = values.searchOptions) === null || _e === void 0 ? void 0 : _e.rootEntity }, { options }),
         "clientEventList": {
           "clientEvent": []
         }
       }
     };
+    if (codeValue == undefined) {
+      reqBody.requestBody.criteria.query = {
+        "$": argument
+      };
+    }
+    else {
+      reqBody.requestBody.criteria.pk = {
+        "$": codeValue
+      };
+    }
     const urlOptions = {
       urlParams: {
         "quietMode": true
@@ -209,6 +232,7 @@ export class PesquisaFetcher {
     return params;
   }
 }
+PesquisaFetcher.DESCRIPTIONS_BY_CODE = {};
 function buildLoadGridConfigPayload(entityName) {
   return {
     'gridConfig': {

package/dist/collection/lib/utils/constants.js

@@ -70,6 +70,7 @@ export const TAGS_BY_TYPE = {
   CHECKBOX: "ez-check",
   OPTIONSELECTOR: "ez-combo-box",
   SEARCH: "ez-search",
+  SEARCHPLUS: "ez-search-plus",
   INTEGERNUMBER: "ez-number-input",
   DECIMALNUMBER: "ez-number-input"
 };

package/dist/components/ContinuousInsertUtils.js

@@ -298,25 +298,21 @@ class CommonsExporter {
         userInterface: fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface,
         customFormatter
       };
-      if (isUserInterfaceSEARCH) {
-        if (((_b = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD) != undefined) {
-          const labelDescription = (_c = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _c === void 0 ? void 0 : _c.DESCRIPTIONENTITY;
-          const mergedFrom = fieldData.properties.mergedFrom;
-          const descriptionField = `${fieldData.properties.ENTITYNAME}.${fieldData.properties.DESCRIPTIONFIELD}`;
-          descriptionColumn = {
-            id: `${mergedFrom ? (mergedFrom + ".") : ""}${descriptionField}`,
-            label: labelDescription,
-            width: isUserInterfaceSEARCH && labelDescription ? (labelDescription.length * this.DEFAULT_FONT_SIZE - widthColumnDefault) : column.width,
-            type: DataType.TEXT,
-            userInterface: UserInterface$1.LONGTEXT,
-            descriptionFrom: fieldData.name
-          };
-        }
-        if (descriptionColumn) {
-          const newWidth = this.getWidthByMetaData(column === null || column === void 0 ? void 0 : column.width, columnData === null || columnData === void 0 ? void 0 : columnData.width, descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.width);
-          columnData = Object.assign(Object.assign({}, columnData), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.codWidth });
-          descriptionColumn = Object.assign(Object.assign({}, descriptionColumn), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.descWidth, label: (descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.label) || (column === null || column === void 0 ? void 0 : column.label) });
-        }
+      if (isUserInterfaceSEARCH && ((_b = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD) != undefined) {
+        const labelDescription = (_c = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _c === void 0 ? void 0 : _c.DESCRIPTIONENTITY;
+        const mergedFrom = fieldData.properties.mergedFrom;
+        const descriptionField = `${fieldData.properties.ENTITYNAME}.${fieldData.properties.DESCRIPTIONFIELD}`;
+        descriptionColumn = {
+          id: `${mergedFrom ? (mergedFrom + ".") : ""}${descriptionField}`,
+          label: labelDescription,
+          width: isUserInterfaceSEARCH && labelDescription ? (labelDescription.length * this.DEFAULT_FONT_SIZE - widthColumnDefault) : column.width,
+          type: DataType.TEXT,
+          userInterface: UserInterface$1.LONGTEXT,
+          descriptionFrom: fieldData.name
+        };
+        const newWidth = this.getWidthByMetaData(column === null || column === void 0 ? void 0 : column.width, columnData === null || columnData === void 0 ? void 0 : columnData.width, descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.width);
+        columnData = Object.assign(Object.assign({}, columnData), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.codWidth });
+        descriptionColumn = Object.assign(Object.assign({}, descriptionColumn), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.descWidth, label: (descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.label) || (column === null || column === void 0 ? void 0 : column.label) });
       }
       columnsMetadata.push(columnData);
       if (descriptionColumn)

package/dist/components/DataFetcher.js

@@ -6716,7 +6716,13 @@ class DataFetcher {
     if (error.length > 0) { //As informações do erro vem no primeiro indice de um array
       const errorInfo = error[POSITION_ERROR_INFO];
       const errorMessage = (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.message) ? errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.message : "Não há mensagem de erro";
-      const errorLevel = ((_a = errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.extensions) === null || _a === void 0 ? void 0 : _a.level) ? errorInfo.extensions.level : "ERROR";
+      /*
+        No HTML5, todos os erros de Troubleshooting são considerados alerta,
+        pois a comparação errorLevel == ServiceProxyConstants.LEVEL.ERROR sempre é falsa
+        Motivo: - errorLevel é uma string "ERROR" por exemplo
+                - ServiceProxyConstants.LEVEL.ERROR é um numero 1, por exemplo
+      */
+      const errorLevel = ((_a = errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.extensions) === null || _a === void 0 ? void 0 : _a.level) ? "WARNING" : "ERROR";
       const errorCode = ((_b = errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.extensions) === null || _b === void 0 ? void 0 : _b.code) ? errorInfo.extensions.code : "";
       switch (errorLevel) {
         case "WARNING":
@@ -6738,7 +6744,13 @@ class DataFetcher {
     let tsErrorCode, tsErrorLevel;
     if (tsError) {
       tsErrorCode = tsError.tsErrorCode;
-      tsErrorLevel = tsError.tsErrorLevel;
+      /*
+       No HTML5, todos os erros de Troubleshooting são considerados alerta,
+       pois a comparação errorLevel == ServiceProxyConstants.LEVEL.ERROR sempre é falsa
+       Motivo: - errorLevel é uma string "ERROR" por exemplo
+               - ServiceProxyConstants.LEVEL.ERROR é um numero 1, por exemplo
+     */
+      tsErrorLevel = "WARNING";
     }
     if (tsErrorLevel === "WARNING") {
       return new WarningException(title, statusMessage, tsErrorCode);

package/dist/components/ISave.js

@@ -148,7 +148,20 @@ class PesquisaFetcher {
       });
     });
   }
-  loadAdvancedSearch(entityName, argument, criteria, searchOptions) {
+  buildDescriptionCacheKey(entityName, codeValue) {
+    return `${entityName}__${codeValue}`;
+  }
+  async loadByCode(entityName, codeValue, criteria, searchOptions) {
+    const cacheKey = this.buildDescriptionCacheKey(entityName, codeValue);
+    const cachedValue = PesquisaFetcher.DESCRIPTIONS_BY_CODE[cacheKey];
+    if (cachedValue) {
+      return Promise.resolve(cachedValue);
+    }
+    const result = await this.loadAdvancedSearch(entityName, undefined, criteria, searchOptions, codeValue);
+    PesquisaFetcher.DESCRIPTIONS_BY_CODE[cacheKey] = result;
+    return result;
+  }
+  loadAdvancedSearch(entityName, argument, criteria, searchOptions, codeValue) {
     var _a, _b, _c, _d, _e;
     const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
     const values = {
@@ -192,12 +205,22 @@ class PesquisaFetcher {
     const reqBody = {
       "serviceName": serviceName,
       "requestBody": {
-        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": (_d = options === null || options === void 0 ? void 0 : options.ignoreEntityCriteria) !== null && _d !== void 0 ? _d : false, "limit": this._defaultPageSize, "query": { "$": values.argument }, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_e = values.searchOptions) === null || _e === void 0 ? void 0 : _e.rootEntity }, { options }),
+        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": (_d = options === null || options === void 0 ? void 0 : options.ignoreEntityCriteria) !== null && _d !== void 0 ? _d : false, "limit": this._defaultPageSize, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_e = values.searchOptions) === null || _e === void 0 ? void 0 : _e.rootEntity }, { options }),
         "clientEventList": {
           "clientEvent": []
         }
       }
     };
+    if (codeValue == undefined) {
+      reqBody.requestBody.criteria.query = {
+        "$": argument
+      };
+    }
+    else {
+      reqBody.requestBody.criteria.pk = {
+        "$": codeValue
+      };
+    }
     const urlOptions = {
       urlParams: {
         "quietMode": true
@@ -307,6 +330,7 @@ class PesquisaFetcher {
     return params;
   }
 }
+PesquisaFetcher.DESCRIPTIONS_BY_CODE = {};
 function buildLoadGridConfigPayload(entityName) {
   return {
     'gridConfig': {