@sankhyalabs/sankhyablocks 9.1.0-dev.1 → 9.1.0-dev.10

package/dist/cjs/snk-pesquisa.cjs.entry.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
-const ISave = require('./ISave-c76e2c51.js');
-require('./DataFetcher-1afdb18e.js');
+const ISave = require('./ISave-e0be2362.js');
+require('./DataFetcher-e23a263b.js');
 require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-a723f0dc.js');
+require('./dataunit-fetcher-c34a8217.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-40d3f752.js');
+require('./form-config-fetcher-d8b78403.js');
 require('./constants-6d82e405.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');

package/dist/cjs/snk-simple-crud.cjs.entry.js

@@ -7,18 +7,18 @@ const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const constants = require('./constants-6d82e405.js');
 const taskbarElements = require('./taskbar-elements-3b74cd21.js');
-require('./DataFetcher-1afdb18e.js');
-require('./ISave-c76e2c51.js');
-const ClientSideExporterProvider = require('./ClientSideExporterProvider-0ce2bcd9.js');
+require('./DataFetcher-e23a263b.js');
+require('./ISave-e0be2362.js');
+const ClientSideExporterProvider = require('./ClientSideExporterProvider-6a4108c9.js');
 const index$1 = require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-const dataunitFetcher = require('./dataunit-fetcher-a723f0dc.js');
+const dataunitFetcher = require('./dataunit-fetcher-c34a8217.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-const formConfigFetcher = require('./form-config-fetcher-40d3f752.js');
+const formConfigFetcher = require('./form-config-fetcher-d8b78403.js');
 const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
-const ConfigStorage = require('./ConfigStorage-48ba265b.js');
-const SnkFormConfigManager = require('./SnkFormConfigManager-aa4631bd.js');
+const ConfigStorage = require('./ConfigStorage-34aa43d8.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-61bf3266.js');
 const index$2 = require('./index-0ad2baeb.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
@@ -110,15 +110,15 @@ const SnkSimpleCrud = class {
     newCustomRenders.set(fieldName, customRender);
     this._customRenders = newCustomRenders;
   }
-  handleResourceIDChanged(newValue, oldValue) {
+  async handleResourceIDChanged(newValue, oldValue) {
     if (core.StringUtils.isEmpty(newValue)) {
       return;
     }
     if (newValue === oldValue) {
       return;
     }
-    this.loadFormConfig(true);
-    this.loadGridConfig(true);
+    await this.loadFormConfig(true);
+    await this.loadGridConfig(true);
   }
   /**
    * Registra um formatador de valores para uma coluna da grid.
@@ -174,7 +174,7 @@ const SnkSimpleCrud = class {
       .concat(extraButtons));
   }
   addConfigButton(buttons) {
-    if (this.configName === undefined) {
+    if (this.configName === undefined || (this.configName && this.gridLegacyConfigName)) {
       return buttons;
     }
     return buttons.concat(taskbarElements.TaskbarElement.CONFIGURATOR);
@@ -285,7 +285,7 @@ const SnkSimpleCrud = class {
     if (!this._formConfigAlreadyLoaded) {
       return;
     }
-    this.loadFormConfig(true);
+    await this.loadFormConfig(true);
   }
   openConfig(viewMode) {
     this._snkConfigurator.close();
@@ -370,8 +370,8 @@ const SnkSimpleCrud = class {
       return;
     }
     await this.addGridLegacyConfigName();
-    this.loadGridConfig();
-    this.loadFormConfig();
+    await this.loadGridConfig();
+    await this.loadFormConfig();
   }
   componentDidRender() {
     this._rmPrecisionCustomValueFormatter.setGrid(this._grid);
@@ -805,7 +805,7 @@ const SnkSimpleCrud = class {
     }
     return (index.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), onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, index.h("header", null, index.h("slot", { name: "snkSimpleCrudHeader" })), index.h("section", { class: `ez-box ez-box--no-outline ${this.outlineMode ? 'ez-box--outline' : 'ez-box--shadow'} simple-crud__container-section`, ref: (ref) => this._container = ref, tabindex: "0" }, index.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, index.h("stack-item", null, index.h("ez-grid", { class: "ez-margin-bottom--large ez-box--no-outline", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(constants.VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(dataunitFetcher.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, tabindex: "0", paginationCounterMode: this.paginationCounterMode }, this.renderTaskbarContent(constants.VIEW_MODE.GRID), index.h("div", { slot: "footer" }, index.h("slot", { name: "snkSimpleCrudFooter" })))), index.h("stack-item", null, this.renderTaskbarContent(constants.VIEW_MODE.FORM), index.h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large  ez-box--no-outline`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), elementFocusSearchField: this._container, tabindex: "0" }), index.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 && index.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 })), index.h("div", { id: `${this._customContainerId}` }, index.h("slot", { name: "SnkConfigContainerSlot" }))), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(core.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, tabindex: "0", paginationCounterMode: this.paginationCounterMode }, this.renderTaskbarContent(constants.VIEW_MODE.GRID), index.h("div", { slot: "footer" }, index.h("slot", { name: "snkSimpleCrudFooter" })))), index.h("stack-item", null, this.renderTaskbarContent(constants.VIEW_MODE.FORM), index.h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large  ez-box--no-outline`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), elementFocusSearchField: this._container, tabindex: "0" }), index.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 && index.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 })), index.h("div", { id: `${this._customContainerId}` }, index.h("slot", { name: "SnkConfigContainerSlot" }))), index.h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._showPopUpGridConfig, onEzClosePopup: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {

package/dist/collection/components/snk-attach/snk-attach.js

@@ -7,6 +7,8 @@ import InMemoryLoader from '../../lib/dataUnit/InMemoryLoader';
 import { SaveErrorsEnum } from '../../lib/http/data-fetcher/fetchers/AttachFetcher/interfaces';
 const RESOURCE_ID = 'AnexoSistema';
 const DATA_UNIT_NAME = 'br.com.sankhya.core.v3.anexoSistema';
+const GRID_LEGACY_CONFIG_NAME = 'GrdCfgHtml5:grdcfg.dynaform.anexo';
+const LINKORFILE_COLUMN_NAME = "ARQUIVOOULINK";
 export class SnkAttach {
   constructor() {
     this.handleTaskbarClick = async ({ detail: taskbar }) => {
@@ -33,6 +35,7 @@ export class SnkAttach {
         this.back.emit();
       });
     };
+    this.gridLegacyConfigName = undefined;
     this.fetcherType = undefined;
     this.fetcher = undefined;
     this.dataUnit = undefined;
@@ -144,9 +147,11 @@ export class SnkAttach {
     var _a, _b;
     this._currentDataUnit = new DataUnitFetcher().getDataUnit(RESOURCE_ID, DATA_UNIT_NAME);
     this._currentFetcher = this.getAnexoSistemaFetcherInstance();
+    let gridValidateForm;
     if (!this._currentDataUnit.metadata) {
       await ((_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadMetadata());
-      this.crudConfig = Object.assign({}, anexoSistemaCrudConfig);
+      this.crudConfig = this.entityName ? { form: anexoSistemaCrudConfig === null || anexoSistemaCrudConfig === void 0 ? void 0 : anexoSistemaCrudConfig.form } : Object.assign({}, anexoSistemaCrudConfig);
+      gridValidateForm = { grid: anexoSistemaCrudConfig === null || anexoSistemaCrudConfig === void 0 ? void 0 : anexoSistemaCrudConfig.grid };
     }
     this.initDataUnitLoaders();
     this._currentDataUnit.addFilterProvider({
@@ -156,19 +161,21 @@ export class SnkAttach {
       interceptAction: (action) => this._currentDataUnitBuilder.getInterceptions(this._currentDataUnit, action, this._crudElement)
     });
     await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadData());
-    this.disableEditFieldsNotInForm();
+    this.disableEditFieldsNotInForm(gridValidateForm);
   }
   async loadAttach() {
     var _a, _b;
     this._currentFetcher = new AttachFetcher();
     this._currentDataUnit = new DataUnit(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME);
     this._currentDataUnit.pageSize = 150;
+    let gridValidateForm;
     this.initDataUnitLoaders();
     this._currentDataUnit.addInterceptor({
       interceptAction: (action) => {
         var _a;
         if (action.type === Action.METADATA_LOADED) {
-          this.crudConfig = Object.assign({}, attachCrudConfig);
+          this.crudConfig = this.entityName ? { form: attachCrudConfig === null || attachCrudConfig === void 0 ? void 0 : attachCrudConfig.form } : Object.assign({}, attachCrudConfig);
+          gridValidateForm = { grid: attachCrudConfig === null || attachCrudConfig === void 0 ? void 0 : attachCrudConfig.grid };
           (_a = this._crudElement) === null || _a === void 0 ? void 0 : _a.updateConfig();
         }
         return this._currentDataUnitBuilder.getInterceptions(this._currentDataUnit, action, this._crudElement);
@@ -176,9 +183,10 @@ export class SnkAttach {
     });
     if (!this._currentDataUnit.metadata) {
       await ((_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadMetadata());
-      this.crudConfig = Object.assign({}, attachCrudConfig);
+      this.crudConfig = this.entityName ? { form: attachCrudConfig === null || attachCrudConfig === void 0 ? void 0 : attachCrudConfig.form } : Object.assign({}, attachCrudConfig);
+      gridValidateForm = { grid: attachCrudConfig === null || attachCrudConfig === void 0 ? void 0 : attachCrudConfig.grid };
       await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadData(undefined, undefined, true, this.registerKey));
-      this.disableEditFieldsNotInForm();
+      this.disableEditFieldsNotInForm(gridValidateForm);
     }
   }
   initDataUnitLoaders() {
@@ -197,12 +205,16 @@ export class SnkAttach {
       });
     }
   }
-  disableEditFieldsNotInForm() {
-    var _a;
-    (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid.columns.forEach(column => {
-      var _a;
+  disableEditFieldsNotInForm(gridValidateForm) {
+    var _a, _b, _c, _d, _e;
+    const gridColumns = ((_b = (_a = this._crudElement) === null || _a === void 0 ? void 0 : _a.gridConfig) === null || _b === void 0 ? void 0 : _b.columns) || ((_c = gridValidateForm === null || gridValidateForm === void 0 ? void 0 : gridValidateForm.grid) === null || _c === void 0 ? void 0 : _c.columns) || ((_e = (_d = this.crudConfig) === null || _d === void 0 ? void 0 : _d.grid) === null || _e === void 0 ? void 0 : _e.columns);
+    if (!!this.getGridLegacyConfigName()) {
+      this._currentDataUnit.disableField(LINKORFILE_COLUMN_NAME);
+    }
+    gridColumns === null || gridColumns === void 0 ? void 0 : gridColumns.forEach(column => {
+      var _a, _b;
       const fieldName = column.name;
-      if (!((_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.form.fields.some(field => field.name === fieldName))) {
+      if (!((_b = (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.form) === null || _b === void 0 ? void 0 : _b.fields.some(field => (field === null || field === void 0 ? void 0 : field.name) === fieldName))) {
         this._currentDataUnit.disableField(fieldName);
       }
     });
@@ -252,11 +264,16 @@ export class SnkAttach {
     await this._currentDataUnit.loadMetadata();
   }
   ;
+  getGridLegacyConfigName() {
+    if (this.gridLegacyConfigName)
+      return this.gridLegacyConfigName;
+    return this.entityName ? GRID_LEGACY_CONFIG_NAME + "." + this.entityName : this.entityName;
+  }
   render() {
     var _a, _b;
     if (!this._currentDataUnit)
       return null;
-    return (h("main", { class: "snk-attach__main" }, h("header", { class: "snk-attach__header" }, h("snk-simple-bar", { onExit: this.handleBack, messagesBuilder: this.messagesBuilder }, h("div", { slot: "rightSlot" }, h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })))), h("div", { class: "snk-attach__crud-section ez-size-height--full ez-size-width--full ez-flex ez-flex--column" }, h("div", { class: "ez-box__container" }, h("snk-simple-crud", { ref: (el) => this._crudElement = el, dataUnit: this._currentDataUnit, taskbarManager: buildTaskBarManager(), gridConfig: (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid, formConfig: (_b = this.crudConfig) === null || _b === void 0 ? void 0 : _b.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick, messagesBuilder: this.messagesBuilder, onDataStateChange: this.handleOnDataStateChange.bind(this), multipleSelection: true }, h("div", { slot: "snkSimpleCrudHeader" }, h("div", { class: "ez-flex ez-flex--column" }, h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkAttach.title")), h("span", { class: "ez-text ez-text--medium ez-text--secondary ez-padding-bottom--medium" }, this.getMessage("snkAttach.description")))))))));
+    return (h("main", { class: "snk-attach__main" }, h("header", { class: "snk-attach__header" }, h("snk-simple-bar", { onExit: this.handleBack, messagesBuilder: this.messagesBuilder }, h("div", { slot: "rightSlot" }, h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })))), h("div", { class: "snk-attach__crud-section ez-size-height--full ez-size-width--full ez-flex ez-flex--column" }, h("div", { class: "ez-box__container" }, h("snk-simple-crud", { ref: (el) => this._crudElement = el, dataUnit: this._currentDataUnit, taskbarManager: buildTaskBarManager(), gridConfig: (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid, formConfig: (_b = this.crudConfig) === null || _b === void 0 ? void 0 : _b.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick, messagesBuilder: this.messagesBuilder, onDataStateChange: this.handleOnDataStateChange.bind(this), multipleSelection: true, configName: this.entityName, ignoreReadOnlyFormFields: this.entityName ? true : false, gridLegacyConfigName: this.getGridLegacyConfigName() }, h("div", { slot: "snkSimpleCrudHeader" }, h("div", { class: "ez-flex ez-flex--column" }, h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkAttach.title")), h("span", { class: "ez-text ez-text--medium ez-text--secondary ez-padding-bottom--medium" }, this.getMessage("snkAttach.description")))))))));
   }
   static get is() { return "snk-attach"; }
   static get encapsulation() { return "scoped"; }
@@ -272,6 +289,23 @@ export class SnkAttach {
   }
   static get properties() {
     return {
+      "gridLegacyConfigName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Chave da configura\u00E7\u00E3o legado da grid."
+        },
+        "attribute": "grid-legacy-config-name",
+        "reflect": false
+      },
       "fetcherType": {
         "type": "string",
         "mutable": false,

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

@@ -49,6 +49,7 @@ export class SnkCrud {
     this.layoutFormConfig = false;
     this.multipleEditionEnabled = true;
     this.paginationCounterMode = 'auto';
+    this.layoutFormConfig = false;
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
   }
   /**
@@ -892,6 +893,24 @@ export class SnkCrud {
         "attribute": "pagination-counter-mode",
         "reflect": false,
         "defaultValue": "'auto'"
+      },
+      "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"
       }
     };
   }

package/dist/collection/components/snk-entity-list/snk-entity-list.js

@@ -2,11 +2,11 @@ import { h, Host } from "@stencil/core";
 import { ApplicationContext, ObjectUtils } from "@sankhyalabs/core";
 export class SnkEntityList {
   constructor() {
-    this._searchValue = undefined;
     this._ezListSource = [];
     this.config = undefined;
     this.rightListSlotBuilder = undefined;
     this.maxHeightList = "";
+    this.value = undefined;
   }
   async reloadList() {
     this.loadListSource();
@@ -68,18 +68,22 @@ export class SnkEntityList {
   }
   onEzSearchChange(evt) {
     var _a, _b, _c, _d;
-    if (evt.detail != undefined && ((_a = (this.getListConfigValue(this.config))) === null || _a === void 0 ? void 0 : _a.find(i => { var _a; return (i === null || i === void 0 ? void 0 : i.id) == ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); })) === undefined) {
-      this.config = Object.assign(Object.assign({}, this.config), { value: [
-          ...((_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : []),
-          {
-            id: evt.detail.value,
-            check: true,
-            label: evt.detail.label
-          }
-        ] });
-      this.loadListSource();
-      this.valueChanged.emit((_d = this.config) === null || _d === void 0 ? void 0 : _d.value);
+    const newValueIsEmpty = ObjectUtils.isEmptySafetyCheck(evt.detail);
+    const hasConfingOnList = (_a = this.getListConfigValue(this.config)) === null || _a === void 0 ? void 0 : _a.find((i) => { var _a; return (i === null || i === void 0 ? void 0 : i.id) === ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); });
+    if (newValueIsEmpty || hasConfingOnList) {
+      return;
     }
+    this.config = Object.assign(Object.assign({}, this.config), { value: [
+        ...((_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : []),
+        {
+          id: evt.detail.value,
+          check: true,
+          label: evt.detail.label
+        }
+      ] });
+    this.loadListSource();
+    this.value = this.config.value;
+    this.valueChanged.emit((_d = this.config) === null || _d === void 0 ? void 0 : _d.value);
   }
   getMessage(key, params) {
     var _a;
@@ -90,8 +94,10 @@ export class SnkEntityList {
     return (_d = (_b = (_a = config.value) === null || _a === void 0 ? void 0 : _a.elements) !== null && _b !== void 0 ? _b : (_c = config === null || config === void 0 ? void 0 : config.value) === null || _c === void 0 ? void 0 : _c.members) !== null && _d !== void 0 ? _d : config === null || config === void 0 ? void 0 : config.value;
   }
   render() {
-    var _a, _b;
-    return (h(Host, null, h("ez-search", { ref: elem => this._searchElement = elem, optionLoader: argument => this.optionLoader(argument), value: this._searchValue, label: (_a = this.config) === null || _a === void 0 ? void 0 : _a.label, onEzChange: evt => this.onEzSearchChange(evt), suppressEmptyOption: true }), ((_b = this._ezListSource) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("label", { class: "label" }, this.getMessage("snkEntityList.selected"))), h("div", { style: this.maxHeightList ? { 'max-height': this.maxHeightList } : {}, class: { "snk-entity-list--overflow": !!this.maxHeightList } }, h("ez-list", { ref: (el) => this._ezList = el, id: "snkEntityList", listMode: "check", dataSource: this._ezListSource, hoverFeedback: true, itemSlotBuilder: this.rightListSlotBuilder, onEzCheckChange: evt => this.ezListChangeListener(evt) }))));
+    var _a, _b, _c;
+    const isSearchPlus = ((_a = this.config.props) === null || _a === void 0 ? void 0 : _a["useSearchPlus"]) == true;
+    const TagName = isSearchPlus ? "ez-search-plus" : "ez-search";
+    return (h(Host, null, h(TagName, { ref: elem => this._searchElement = elem, optionLoader: argument => this.optionLoader(argument), label: (_b = this.config) === null || _b === void 0 ? void 0 : _b.label, onEzChange: evt => this.onEzSearchChange(evt), suppressEmptyOption: true, stopPropagateEnterKeyEvent: true }), ((_c = this._ezListSource) === null || _c === void 0 ? void 0 : _c.length) > 0 && (h("label", { class: "label" }, this.getMessage("snkEntityList.selected"))), h("div", { style: this.maxHeightList ? { 'max-height': this.maxHeightList } : {}, class: { "snk-entity-list--overflow": !!this.maxHeightList } }, h("ez-list", { ref: (el) => this._ezList = el, id: "snkEntityList", listMode: "check", dataSource: this._ezListSource, hoverFeedback: true, itemSlotBuilder: this.rightListSlotBuilder, onEzCheckChange: evt => this.ezListChangeListener(evt) }))));
   }
   static get is() { return "snk-entity-list"; }
   static get encapsulation() { return "scoped"; }
@@ -171,12 +177,31 @@ export class SnkEntityList {
         "attribute": "max-height-list",
         "reflect": false,
         "defaultValue": "\"\""
+      },
+      "value": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "IOption",
+          "resolved": "IOption",
+          "references": {
+            "IOption": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-combo-box/ez-combo-box"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o valor do componente"
+        }
       }
     };
   }
   static get states() {
     return {
-      "_searchValue": {},
       "_ezListSource": {}
     };
   }

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

@@ -70,21 +70,23 @@ export class SnkFilterPersonalized {
     var _a, _b;
     const params = (_b = (_a = parentItem === null || parentItem === void 0 ? void 0 : parentItem.props) === null || _a === void 0 ? void 0 : _a.personalizedFilter) === null || _b === void 0 ? void 0 : _b.parameters;
     return params.map((param, index) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       const formProp = Object.assign(Object.assign({}, param), { id: parentItem.id });
       const value = (_a = parentItem.value) === null || _a === void 0 ? void 0 : _a[index];
       const elemId = 'param_' + index;
       switch (param.userInterface) {
         case UserInterface.SEARCH:
-          return h("ez-search", { id: elemId, suppressEmptyOption: true, value: value, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp), label: param.label, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, param) });
+          const isSearchPlus = ((_b = this.config.props) === null || _b === void 0 ? void 0 : _b["useSearchPlus"]) == true;
+          const TagName = isSearchPlus ? "ez-search-plus" : "ez-search";
+          return h(TagName, { id: elemId, suppressEmptyOption: true, value: value, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp), label: param.label, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, param) });
         case UserInterface.SWITCH:
         case UserInterface.CHECKBOX:
           const mode = UserInterface.SWITCH === param.userInterface ? CheckMode.SWITCH : CheckMode.REGULAR;
           return h("ez-check", { id: elemId, class: "ez-padding-bottom--medium", mode: mode, value: value, label: param.label, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         case UserInterface.DECIMALNUMBER:
-          return h("ez-number-input", { id: elemId, label: param.label, value: value, precision: ((_b = param.props) === null || _b === void 0 ? void 0 : _b.precision) || 2, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
+          return h("ez-number-input", { id: elemId, label: param.label, value: value, precision: ((_c = param.props) === null || _c === void 0 ? void 0 : _c.precision) || 2, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         case UserInterface.INTEGERNUMBER:
-          return h("ez-number-input", { id: elemId, label: param.label, value: value, precision: (_c = param.props) === null || _c === void 0 ? void 0 : _c.precision, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
+          return h("ez-number-input", { id: elemId, label: param.label, value: value, precision: (_d = param.props) === null || _d === void 0 ? void 0 : _d.precision, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         case UserInterface.OPTIONSELECTOR:
           return h("ez-combo-box", { id: elemId, label: param.label, value: value, options: param.options, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         case UserInterface.DATE:

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

@@ -21,6 +21,7 @@ export class SnkFilterDetail {
     var _a, _b;
     this._editor && (this._editor["config"] = newValue);
     (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a["reloadList"]) === null || _b === void 0 ? void 0 : _b.call(_a);
+    this._customElementObject = this.getContentEditor();
   }
   componentDidLoad() {
     if (this._element) {
@@ -157,9 +158,10 @@ export class SnkFilterDetail {
   }
   componentWillLoad() {
     this.originalConfig = ObjectUtils.copy(this.config);
+    this._customElementObject = this.getContentEditor();
   }
   render() {
-    const { tag: CustomElement, props } = this.getContentEditor();
+    const { tag: CustomElement, props } = this._customElementObject;
     return (h(Host, null, h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, h("div", { class: "ez-text ez-title ez-title--small ez-padding--small sc-snk-filter-bar snk-filter-item__editor-header" }, this.config.detailTitle), this.getPopUpHeaderButtons()), h(CustomElement, Object.assign({ maxHeightList: '240px', ref: ref => this._editor = ref, value: this.config.value, config: this.config, onKeyDown: evt => this.onKeyDonwListener(evt), "data-element-id": this._idContentEditor, getMessage: this.getMessage, rightListSlotBuilder: item => this.buildRightSlot(item) }, props)), h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), h("div", { class: "ez-col ez-col--sd-12 ez-align--right" }, this.filterCanBeCleared() && (h("ez-button", { label: this.getMessage("snkFilterBar.cleanFilter"), onClick: () => this.clear(), size: "small" })), h("ez-button", { ref: ref => this._applyButton = ref, label: this.getMessage("snkFilterBar.applyFilter"), onClick: () => this.apply(), size: "small", class: "ez-button--primary ez-padding-left--medium" }))));
   }
   static get is() { return "snk-filter-detail"; }

package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-item.css

@@ -0,0 +1,4 @@
+ez-popover-core {
+    --ez-popover__box--z-index: var(--elevation--20, 20);
+    --ez-popover__box--overlay-z-index: var(--elevation--16, 16);
+}