@sankhyalabs/sankhyablocks 9.2.0-ms.9 → 9.2.0-rc.2

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

@@ -10,11 +10,13 @@ const SnkFilterSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     this._isSearchPlus = false;
     this.config = undefined;
     this.value = undefined;
+    this.errorMessage = undefined;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-search
    */
   async ezChangeListener(_evt) {
+    this.errorMessage = undefined;
     if (this._isSearchPlus) {
       this.value = await this._searchInput.getValueAsync();
     }
@@ -41,16 +43,25 @@ const SnkFilterSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     });
   }
   /**
-   * Exibe o componente snk-filter-search
+   * Define o foco no componente snk-filter-search.
    */
-  async show() {
+  async setFocus() {
     this._searchInput.setFocus();
   }
+  /**
+   * Limpa o valor do componente restaurando o valor original da configuração.
+   */
+  async clearValue() {
+    this.value = this.config.value;
+    if (this._searchInput) {
+      this._searchInput.value = this.config.value;
+    }
+  }
   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) }));
+    return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h(TagName, { id: this.config.id, suppressEmptyOption: true, value: this.config.value, label: this.config.label, enabled: this.config.enabled, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, this._isSearchPlus), errorMessage: this.errorMessage })));
   }
   render() {
     if (!this.config || this.config.type !== FilterItemType.SEARCH) {
@@ -62,7 +73,9 @@ const SnkFilterSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
 }, [0, "snk-filter-search", {
     "config": [16],
     "value": [16],
-    "show": [64]
+    "errorMessage": [1537, "error-message"],
+    "setFocus": [64],
+    "clearValue": [64]
   }, [[0, "ezChange", "ezChangeListener"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/snk-filter-text.js

@@ -8,14 +8,31 @@ const SnkFilterText$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.valueChanged = createEvent(this, "valueChanged", 7);
     this.config = undefined;
     this.value = undefined;
+    this.errorMessage = undefined;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-text.
    */
   ezChangeListener(evt) {
+    this.errorMessage = undefined;
     this.value = evt.detail;
     this.valueChanged.emit(this.value);
   }
+  /**
+   * Define o foco no componente snk-filter-text.
+   */
+  async setFocus() {
+    this._textInputElement.setFocus();
+  }
+  /**
+   * Limpa o valor do componente restaurando o valor original da configuração.
+   */
+  async clearValue() {
+    this.value = this.config.value;
+    if (this._textInputElement) {
+      this._textInputElement.value = this.config.value;
+    }
+  }
   componentDidLoad() {
     if (this._element) {
       ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
@@ -26,12 +43,15 @@ const SnkFilterText$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     if (!this.config) {
       return undefined;
     }
-    return (h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, label: this.config.label, value: this.config.value, mask: (_a = this.config) === null || _a === void 0 ? void 0 : _a.mask, cleanValueMask: true }));
+    return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, value: this.config.value, mask: (_a = this.config) === null || _a === void 0 ? void 0 : _a.mask, enabled: this.config.enabled, cleanValueMask: true, errorMessage: this.errorMessage })));
   }
   get _element() { return this; }
 }, [0, "snk-filter-text", {
     "config": [16],
-    "value": [1]
+    "value": [1],
+    "errorMessage": [1537, "error-message"],
+    "setFocus": [64],
+    "clearValue": [64]
   }, [[0, "ezChange", "ezChangeListener"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/snk-grid2.js

@@ -1,31 +1,34 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { KeyboardManager, Action, ElementIDUtils, ApplicationContext, StringUtils } from '@sankhyalabs/core';
-import { T as TaskbarElement, d as defineCustomElement$3 } from './snk-taskbar2.js';
-import { C as ConfigStorage } from './ConfigStorage.js';
-import { P as PresentationMode, E as ExporterStrategy } from './ISave.js';
-import { C as CommonsExporter, T as TaskbarProcessor, S as SnkMultiSelectionListDataSource, a as CrudUtils, R as RmPrecisionCustomValueFormatter, b as ContinuousInsertUtils, c as ClientSideExporterProvider } from './ContinuousInsertUtils.js';
-import { s as store } from './index2.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
+import { buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
 import './DataFetcher.js';
+import { P as PresentationMode, E as ExporterStrategy } from './ISave.js';
+import { C as CommonsExporter, T as TaskbarProcessor, S as SnkMultiSelectionListDataSource, a as CrudUtils, R as RmPrecisionCustomValueFormatter, b as ContinuousInsertUtils, c as ClientSideExporterProvider } from './ContinuousInsertUtils.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
 import './constants.js';
+import { C as ConfigStorage } from './ConfigStorage.js';
+import { s as store } from './index2.js';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo.js';
-import { buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
-import { d as defineCustomElement$j } from './snk-actions-button2.js';
-import { d as defineCustomElement$i } from './snk-data-exporter2.js';
-import { d as defineCustomElement$h } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$g } from './snk-expression-group2.js';
-import { d as defineCustomElement$f } from './snk-expression-item2.js';
-import { d as defineCustomElement$e } from './snk-filter-advanced-mode2.js';
-import { d as defineCustomElement$d } from './snk-filter-assistent-mode2.js';
-import { d as defineCustomElement$c } from './snk-filter-bar2.js';
-import { d as defineCustomElement$b } from './snk-filter-detail2.js';
-import { d as defineCustomElement$a } from './snk-filter-field-search2.js';
-import { d as defineCustomElement$9 } from './snk-filter-item2.js';
+import { v as validateFilters, d as defineCustomElement$a } from './snk-filter-modal2.js';
+import { T as TaskbarElement, d as defineCustomElement$3 } from './snk-taskbar2.js';
+import { d as defineCustomElement$m } from './snk-actions-button2.js';
+import { d as defineCustomElement$l } from './snk-data-exporter2.js';
+import { d as defineCustomElement$k } from './snk-default-filter2.js';
+import { d as defineCustomElement$j } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$i } from './snk-expression-group2.js';
+import { d as defineCustomElement$h } from './snk-expression-item2.js';
+import { d as defineCustomElement$g } from './snk-filter-advanced-mode2.js';
+import { d as defineCustomElement$f } from './snk-filter-assistent-mode2.js';
+import { d as defineCustomElement$e } from './snk-filter-bar2.js';
+import { d as defineCustomElement$d } from './snk-filter-detail2.js';
+import { d as defineCustomElement$c } from './snk-filter-field-search2.js';
+import { d as defineCustomElement$b } from './snk-filter-item2.js';
+import { d as defineCustomElement$9 } from './snk-filter-modal-item2.js';
 import { d as defineCustomElement$8 } from './snk-filter-param-config2.js';
 import { d as defineCustomElement$7 } from './snk-grid-config2.js';
 import { d as defineCustomElement$6 } from './snk-personalized-filter2.js';
@@ -101,31 +104,34 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._customRenders = new Map();
     this._keyboardManager = new KeyboardManager();
     this._topTaskbarProcessor = new TaskbarProcessor({
-      "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
-      "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
-      "snkGridTopTaskbar.regular.singleTaskbar": [],
-      "snkGridTopTaskbar.finish_edition": ["CANCEL", "SAVE", this.handleAddFormMode()],
-      "snkGridTopTaskbar.finish_edition.secondary": [],
-      "snkGridTopTaskbar.finish_edition.singleTaskbar": [],
+      'snkGridTopTaskbar.regular': ['FORM_MODE', 'CONFIGURATOR', 'INSERT'],
+      'snkGridTopTaskbar.regular.secondary': ['FORM_MODE', 'CONFIGURATOR', 'INSERT'],
+      'snkGridTopTaskbar.regular.singleTaskbar': [],
+      'snkGridTopTaskbar.finish_edition': ['CANCEL', 'SAVE', this.handleAddFormMode()],
+      'snkGridTopTaskbar.finish_edition.secondary': [],
+      'snkGridTopTaskbar.finish_edition.singleTaskbar': [],
     });
     this._headerTaskbarProcessor = new TaskbarProcessor({
-      "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON", "MORE_OPTIONS"],
-      "snkGridHeaderTaskbar.selected": this.getGridHeaderSelectedBtns(),
-      "snkGridHeaderTaskbar.detail.unselected": ["REFRESH", "MORE_OPTIONS"],
-      "snkGridHeaderTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"],
-      "snkGridHeaderTaskbar.singleTaskbar.unselected": ["INSERT", "FORM_MODE", "CONFIGURATOR", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON", "MORE_OPTIONS"],
-      "snkGridHeaderTaskbar.singleTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "ATTACH", "FORM_MODE", "CONFIGURATOR", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
-      "snkGridHeaderTaskbar.singleTaskbar.detail.unselected": ["INSERT", "FORM_MODE", "CONFIGURATOR", "REFRESH", "MORE_OPTIONS"],
-      "snkGridHeaderTaskbar.singleTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "FORM_MODE", "CONFIGURATOR", "REFRESH"],
-      "snkGridHeaderTaskbar.singleTaskbar.finish_edition": ["CANCEL", "SAVE", this.handleAddFormMode()]
+      'snkGridHeaderTaskbar.unselected': ['REFRESH', 'DATA_EXPORTER', 'ACTIONS_BUTTON', 'MORE_OPTIONS'],
+      'snkGridHeaderTaskbar.selected': this.getGridHeaderSelectedBtns(),
+      'snkGridHeaderTaskbar.detail.unselected': ['REFRESH', 'MORE_OPTIONS'],
+      'snkGridHeaderTaskbar.detail.selected': ['UPDATE', 'ATTACH', 'CLONE', 'REMOVE', 'MORE_OPTIONS', 'DIVIDER', 'REFRESH'],
+      'snkGridHeaderTaskbar.singleTaskbar.unselected': ['INSERT', 'FORM_MODE', 'CONFIGURATOR', 'REFRESH', 'DATA_EXPORTER', 'ACTIONS_BUTTON', 'MORE_OPTIONS'],
+      'snkGridHeaderTaskbar.singleTaskbar.selected': ['UPDATE', 'CLONE', 'REMOVE', 'MORE_OPTIONS', 'DIVIDER', 'ATTACH', 'FORM_MODE', 'CONFIGURATOR', 'REFRESH', 'DATA_EXPORTER', 'ACTIONS_BUTTON'],
+      'snkGridHeaderTaskbar.singleTaskbar.detail.unselected': ['INSERT', 'FORM_MODE', 'CONFIGURATOR', 'REFRESH', 'MORE_OPTIONS'],
+      'snkGridHeaderTaskbar.singleTaskbar.detail.selected': ['UPDATE', 'ATTACH', 'CLONE', 'REMOVE', 'MORE_OPTIONS', 'DIVIDER', 'FORM_MODE', 'CONFIGURATOR', 'REFRESH'],
+      'snkGridHeaderTaskbar.singleTaskbar.finish_edition': ['CANCEL', 'SAVE', this.handleAddFormMode()],
     });
     this.dataUnitInterceptor = {
       interceptAction: async (action) => {
         if (action.type === Action.METADATA_LOADED) {
           return await this.interceptMetadataLoaded(action);
         }
+        if (action.type === Action.LOADING_DATA) {
+          return await this.interceptLoadData(action);
+        }
         return action;
-      }
+      },
     };
     this._dataUnit = undefined;
     this._dataState = undefined;
@@ -168,17 +174,22 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.suppressCheckboxColumn = undefined;
     this.suppressFilterColumn = false;
     this.compact = undefined;
+    this.filterCustomConfig = undefined;
+    this.filterCustomConfigInterceptor = undefined;
   }
   getGridHeaderSelectedBtns() {
     const btns = [
       TaskbarElement.UPDATE, TaskbarElement.CLONE, TaskbarElement.REMOVE,
       TaskbarElement.MORE_OPTIONS, TaskbarElement.DIVIDER, TaskbarElement.ATTACH, TaskbarElement.FORM_MODE,
-      TaskbarElement.CONFIGURATOR, TaskbarElement.REFRESH, TaskbarElement.DATA_EXPORTER, TaskbarElement.ACTIONS_BUTTON
+      TaskbarElement.CONFIGURATOR, TaskbarElement.REFRESH, TaskbarElement.DATA_EXPORTER, TaskbarElement.ACTIONS_BUTTON,
     ];
     if (this.multipleEditionEnabled)
       btns.unshift(TaskbarElement.UPDATE_MULTIPLE);
     return btns;
   }
+  async refreshColumnFilterDataSource() {
+    await this._grid.refreshColumnFilterDataSource();
+  }
   /**
    * Recarrega a configuração da grade.
    * @description Este método força o recarregamento da configuração da grade a partir do `ConfigStorage`. A operação é assíncrona, mas o método não aguarda sua conclusão.
@@ -334,7 +345,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.loadConfig();
   }
   handleAddFormMode() {
-    return this.enableGridInsert ? TaskbarElement.FORM_MODE : "";
+    return this.enableGridInsert ? TaskbarElement.FORM_MODE : '';
   }
   openGridConfig() {
     this._grid.getColumnsState()
@@ -378,6 +389,17 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       ConfigStorage.addGridLegacyConfig(this.configName, this.gridLegacyConfigName);
     }
   }
+  hasCalculatedFields(columnNames) {
+    let hasCalculatedFields = false;
+    columnNames.forEach(name => {
+      var _a;
+      const field = this._dataUnit.getField(name);
+      if (((_a = field.properties) === null || _a === void 0 ? void 0 : _a.calculated) === 'true') {
+        hasCalculatedFields = true;
+      }
+    });
+    return hasCalculatedFields;
+  }
   gridConfigChangeHandler(evt) {
     const config = this.normalizeGridConfig(evt.detail);
     ConfigStorage.saveGridConfig(config, this.configName, this.resourceID);
@@ -393,11 +415,25 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     });
     evt.stopPropagation();
   }
+  async hasToForceClientSideExporter() {
+    if (!this._grid) {
+      return false;
+    }
+    const filters = await this._grid.getAppliedColumnFilters();
+    const columnNames = filters.map(filter => filter.name.replace('FILTRO_COLUNA_', ''));
+    return this.hasCalculatedFields(columnNames);
+  }
   async dataExporterProviderStore() {
-    const dataExporterProvider = this.strategyExporter === ExporterStrategy.SERVER_SIDE
-      ? new ServerSideExporterProvider(this._dataUnit, this._grid)
-      : new ClientSideExporterProvider(this._dataUnit, this._grid);
-    store.set("exporterProviders", Object.assign(Object.assign({}, store.get("exporterProviders")), { [this.configName]: dataExporterProvider }));
+    /**
+     * O ServerSideExporterProvider do SankhyaOm não suporta a filtragem de campos calculados.
+     * Por esse motivo, precisamos verificar os filtros aplicados no momento e recriar o dataExporterProvider conforme necessário.
+     * Se houver campos calculados, forçamos o uso do clientSide, caso contrário é seguido o fluxo padrão.
+     */
+    const forceClientSide = await this.hasToForceClientSideExporter();
+    const dataExporterProvider = (forceClientSide || this.strategyExporter === ExporterStrategy.CLIENT_SIDE)
+      ? new ClientSideExporterProvider(this._dataUnit, this._grid)
+      : new ServerSideExporterProvider(this._dataUnit, this._grid);
+    store.set('exporterProviders', Object.assign(Object.assign({}, store.get('exporterProviders')), { [this.configName]: dataExporterProvider }));
   }
   addElementID() {
     const dataInfo = { dataUnit: this._dataUnit };
@@ -418,6 +454,17 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.loadGridCustomFormatters(action.payload.fields);
     return action;
   }
+  async interceptLoadData(action) {
+    var _a;
+    const hasInvalidFilters = !validateFilters((_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.filterConfig);
+    if (hasInvalidFilters) {
+      const errorTitle = this.messagesBuilder.getMessage("snkGrid.requiredFiltersNotFilled.title", {});
+      const errorMessage = this.messagesBuilder.getMessage("snkGrid.requiredFiltersNotFilled.message", {});
+      await this._application.error(errorTitle, errorMessage);
+      return;
+    }
+    return action;
+  }
   finishLoading() {
     this._dataUnit.addInterceptor(this.dataUnitInterceptor);
     CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
@@ -446,15 +493,15 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
   }
   componentWillLoad() {
-    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this._application = ApplicationContext.getContextValue('__SNK__APPLICATION__');
     //TODO: substituir pelo metodo nativo closest
     let parent = this._element.parentElement;
     while (parent) {
-      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
+      if (parent.tagName.toUpperCase() === 'SNK-DATA-UNIT') {
         this._snkDataUnit = parent;
         this._dataUnit = this._snkDataUnit.dataUnit;
         if (!this._dataUnit) {
-          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
+          this._snkDataUnit.addEventListener('dataUnitReady', (evt) => {
             this._dataUnit = evt.detail;
             this.finishLoading();
           });
@@ -464,8 +511,8 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         }
         if (!this.messagesBuilder)
           this.messagesBuilder = this._snkDataUnit.messagesBuilder;
-        this._snkDataUnit.addEventListener("dataStateChange", this.handleDataStateChange.bind(this));
-        this._snkDataUnit.addEventListener("cancelEdition", () => {
+        this._snkDataUnit.addEventListener('dataStateChange', this.handleDataStateChange.bind(this));
+        this._snkDataUnit.addEventListener('cancelEdition', () => {
           var _a;
           if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.recordsIsEmpty) {
             this._dataUnit.clearSelection();
@@ -528,23 +575,23 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     var _a, _b;
     const hasSelectedRecord = this._dataState && !!((_a = this._dataState.selectionInfo) === null || _a === void 0 ? void 0 : _a.length);
     const taskbarIdPrefixLookup = {
-      primary: this.isDetail ? "snkGridHeaderTaskbar.detail" : "snkGridHeaderTaskbar",
-      secondary: this.isDetail ? "snkGridHeaderTaskbar.detail" : "snkGridHeaderTaskbar",
-      singleTaskbar: this.isDetail ? "snkGridHeaderTaskbar.singleTaskbar.detail" : "snkGridHeaderTaskbar.singleTaskbar"
+      primary: this.isDetail ? 'snkGridHeaderTaskbar.detail' : 'snkGridHeaderTaskbar',
+      secondary: this.isDetail ? 'snkGridHeaderTaskbar.detail' : 'snkGridHeaderTaskbar',
+      singleTaskbar: this.isDetail ? 'snkGridHeaderTaskbar.singleTaskbar.detail' : 'snkGridHeaderTaskbar.singleTaskbar',
     };
     const taskbarIdPrefix = taskbarIdPrefixLookup[this.presentationMode];
     let headerTaskbarId = hasSelectedRecord ? `${taskbarIdPrefix}.selected` : `${taskbarIdPrefix}.unselected`;
     if (((_b = this._dataState) === null || _b === void 0 ? void 0 : _b.isDirty) && this.presentationMode === PresentationMode.SINGLE_TASKBAR) {
-      headerTaskbarId = "snkGridHeaderTaskbar.singleTaskbar.finish_edition";
+      headerTaskbarId = 'snkGridHeaderTaskbar.singleTaskbar.finish_edition';
     }
     return headerTaskbarId;
   }
   getTopTaskBarId() {
     var _a;
     const suffixLookup = {
-      primary: "",
-      secondary: ".secondary",
-      singleTaskbar: ".singleTaskbar"
+      primary: '',
+      secondary: '.secondary',
+      singleTaskbar: '.singleTaskbar',
     };
     const sufix = suffixLookup[this.presentationMode];
     if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) {
@@ -554,9 +601,9 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   getPrimaryButton() {
     const primaryButtonLookup = {
-      primary: "INSERT",
-      secondary: "",
-      singleTaskbar: "INSERT"
+      primary: 'INSERT',
+      secondary: '',
+      singleTaskbar: 'INSERT',
     };
     return primaryButtonLookup[this.presentationMode];
   }
@@ -596,10 +643,10 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   getActionsSettingsList() {
     const hardList = [{
         value: StringUtils.generateUUID(),
-        label: this.messagesBuilder.getMessage("snkGrid.findColumn", {}),
+        label: this.messagesBuilder.getMessage('snkGrid.findColumn', {}),
         disableCloseOnSelect: true,
         eagerInitialize: true,
-        itemBuilder: (_, item) => this.getColumnSearch(item)
+        itemBuilder: (_, item) => this.getColumnSearch(item),
       }];
     return hardList;
   }
@@ -627,7 +674,9 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return undefined;
     }
     return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large ez-box--no-outline", tabindex: "0" }, h("div", { class: "snk-grid__header ez-margin-bottom--extra-small" }, this._showSnkFilterBar &&
-      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium ez-padding-top--extra-small", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none', actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, useSearchColumn: this.useSearchColumn, suppressHorizontalScroll: this.suppressHorizontalScroll, paginationCounterMode: this.paginationCounterMode, suppressCheckboxColumn: this.suppressCheckboxColumn, compact: this.compact }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId, actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, h("slot", { name: "SnkGridFooter" })), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._popUpGridConfig, onEzClosePopup: () => 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.resourceID }))));
+      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, filterCustomConfig: this.filterCustomConfig, filterCustomConfigInterceptor: this.filterCustomConfigInterceptor }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium ez-padding-top--extra-small", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none', actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? 'snk-grid-container__without-shadow ' : '') + 'snk-grid__table', "data-element-id": "embedded", dataUnit: this._dataUnit, key: 'grid-' + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => {
+        this.gridConfigChangeHandler(evt);
+      }, onEzColumnFilterChanged: async () => await this.dataExporterProviderStore(), onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, useSearchColumn: this.useSearchColumn, suppressHorizontalScroll: this.suppressHorizontalScroll, paginationCounterMode: this.paginationCounterMode, suppressCheckboxColumn: this.suppressCheckboxColumn, suppressFilterColumn: this.suppressFilterColumn, compact: this.compact }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId, actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, h("slot", { name: "SnkGridFooter" })), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._popUpGridConfig, onEzClosePopup: () => 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.resourceID }))));
   }
   get _element() { return this; }
   static get watchers() { return {
@@ -670,12 +719,15 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "suppressCheckboxColumn": [4, "suppress-checkbox-column"],
     "suppressFilterColumn": [1028, "suppress-filter-column"],
     "compact": [4],
+    "filterCustomConfig": [16],
+    "filterCustomConfigInterceptor": [16],
     "_dataUnit": [32],
     "_dataState": [32],
     "_gridConfig": [32],
     "_popUpGridConfig": [32],
     "_showSnkFilterBar": [32],
     "_enableContinuousInsert": [32],
+    "refreshColumnFilterDataSource": [64],
     "reloadConfig": [64],
     "showConfig": [64],
     "hideConfig": [64],
@@ -692,7 +744,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-grid", "snk-actions-button", "snk-data-exporter", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-taskbar", "taskbar-actions-button", "taskbar-split-button"];
+  const components = ["snk-grid", "snk-actions-button", "snk-data-exporter", "snk-default-filter", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-modal", "snk-filter-modal-item", "snk-filter-param-config", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-taskbar", "taskbar-actions-button", "taskbar-split-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-grid":
       if (!customElements.get(tagName)) {
@@ -701,55 +753,70 @@ function defineCustomElement() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$m();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$l();
+      }
+      break;
+    case "snk-default-filter":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$k();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$j();
       }
       break;
     case "snk-expression-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$i();
       }
       break;
     case "snk-expression-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$h();
       }
       break;
     case "snk-filter-advanced-mode":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$g();
       }
       break;
     case "snk-filter-assistent-mode":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$f();
       }
       break;
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$e();
       }
       break;
     case "snk-filter-detail":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$d();
       }
       break;
     case "snk-filter-field-search":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$c();
       }
       break;
     case "snk-filter-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
+      }
+      break;
+    case "snk-filter-modal":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "snk-filter-modal-item":
       if (!customElements.get(tagName)) {
         defineCustomElement$9();
       }

package/dist/components/snk-personalized-filter2.js

@@ -45,8 +45,10 @@ const SnkPersonalizedFilter = /*@__PURE__*/ proxyCustomElement(class extends HTM
     this.resourceID = undefined;
     this.isDefaultFilter = false;
   }
-  /*
-   * Cria um novo filtro se não houver nenhum filtro existente
+  /**
+   * Cria um novo filtro personalizado caso não exista nenhum.
+   * @method
+   * @returns {Promise<void>}
    */
   async createPersonalizedFilter() {
     const newPersonalizedFilter = {
@@ -82,6 +84,12 @@ const SnkPersonalizedFilter = /*@__PURE__*/ proxyCustomElement(class extends HTM
     this._originalFilterAssistent = ObjectUtils.copy(newPersonalizedFilter);
     this._filterAssistent = ObjectUtils.copy(newPersonalizedFilter);
   }
+  /**
+   * Carrega o filtro personalizado com base no identificador informado.
+   * @watch filterId
+   * @param newValue Novo valor do filtroId.
+   * @param oldValue Valor anterior do filtroId.
+   */
   loadFilter(newValue, oldValue) {
     if (newValue == null || oldValue == newValue || this.resourceID == undefined) {
       return;