@sankhyalabs/sankhyablocks 9.2.0-rc.2 → 9.2.1

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

@@ -1,10 +1,11 @@
-import { ApplicationContext, ElementIDUtils, ErrorException, LockManager, LockManagerOperation, ObjectUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ElementIDUtils, ObjectUtils, ErrorException, LockManager, LockManagerOperation } from '@sankhyalabs/core';
 import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
 import { h, Host } from '@stencil/core';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
-import { PersonalizedFilterUtils } from '../snk-personalized-filter/subcomponents/snk-filter-param-config/utils/PersonalizedFilterUtils';
 import buildFilter from './filter-item/dataunitfilter/data-unit-filter-builder';
 import FilterItemType from './filter-item/filter-item-type.enum';
+import SnkFilterModalFactory from './utils/SnkFilterModalFactory';
+import { PersonalizedFilterUtils } from '../snk-personalized-filter/subcomponents/snk-filter-param-config/utils/PersonalizedFilterUtils';
 export class SnkFilterBar {
   constructor() {
     this._updateSequence = [];
@@ -41,13 +42,10 @@ export class SnkFilterBar {
     this.filterBarLegacyConfigName = undefined;
     this.autoLoad = undefined;
     this.afterApplyConfig = undefined;
-    this.filterCustomConfig = undefined;
-    this.filterCustomConfigInterceptor = undefined;
     this.allowDefault = undefined;
     this.scrollerLocked = false;
     this.showPersonalizedFilter = false;
     this.personalizedFilterId = undefined;
-    this.isFilterModalOpen = false;
   }
   hasValidValue(item) {
     if (item.value === undefined || item.value === null)
@@ -159,6 +157,7 @@ export class SnkFilterBar {
       return Promise.resolve(undefined);
     }
     const itemToRemove = this.filterConfig[itemIndex];
+    ;
     this.filterConfig = this.filterConfig.filter(item => item.id !== filterID);
     return Promise.resolve(itemToRemove);
   }
@@ -195,7 +194,7 @@ export class SnkFilterBar {
         return;
       }
       this._loadingPending = false;
-      this.doLoadData();
+      this.doLoadData(this.dataUnit.getLastLoadRequest() != undefined);
     }
     if (this._configUpdated) {
       this._configUpdated = false;
@@ -294,11 +293,11 @@ export class SnkFilterBar {
     const unpinnedItems = [];
     this.filterConfig.sort((a, b) => this._filtersComparator(a, b))
       .filter(this.filterActiveFilter)
-      .forEach((item) => {
+      .forEach((item, index) => {
       item = ObjectUtils.copy(item);
       const itemId = `filter-${item.id}`;
-      const filterItem = (h("snk-filter-item", { onVisibleChanged: (evt) => this.scrollerLocked = evt.detail, onFilterChange: (event) => this.updateFilter(event.detail), onFocusin: () => this.itemFocused(itemId), id: itemId, config: item, class: "ez-margin-horizontal--extra-small", getMessage: (key, props) => this.getMessage(key, props), key: item.id }));
-      if (item.fixed || item.hardFixed || item.required) {
+      const filterItem = (h("snk-filter-item", { onVisibleChanged: (evt) => this.scrollerLocked = evt.detail, onFilterChange: (event) => this.updateFilter(event.detail), onFocusin: () => this.itemFocused(itemId), id: itemId, config: item, class: index > 0 ? "ez-padding-left--medium" : "", getMessage: (key, props) => this.getMessage(key, props), key: item.id }));
+      if (item.fixed || item.hardFixed) {
         pinnedItems.push(filterItem);
       }
       else {
@@ -307,9 +306,9 @@ export class SnkFilterBar {
       return filterItem;
     });
     const elements = [];
-    elements.push(...pinnedItems.reverse());
+    elements.push(...pinnedItems);
     if (pinnedItems.length > 0 && unpinnedItems.length > 0) {
-      elements.push(h("hr", { class: "ez-margin-horizontal--small ez-margin-vertical--auto ez-divider-vertical ez-divider--dark snk-filter-bar__divider" }));
+      elements.push(h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-filter-bar__divider" }));
     }
     elements.push(...unpinnedItems);
     return elements;
@@ -334,7 +333,7 @@ export class SnkFilterBar {
     return normalized;
   }
   updateFilter(newItem) {
-    let config = this.filterConfig.map(item => {
+    this.filterConfig = this.filterConfig.map(item => {
       newItem = this.normalizeItem(newItem);
       if (item.id === newItem.id) {
         if (ObjectUtils.objectToString(item) != ObjectUtils.objectToString(newItem)) {
@@ -344,10 +343,6 @@ export class SnkFilterBar {
       }
       return item;
     }).sort((a, b) => this._filtersComparator(a, b));
-    if (this.filterCustomConfigInterceptor) {
-      config = this.filterCustomConfigInterceptor(config);
-    }
-    this.filterConfig = config;
   }
   loadPermitions() {
     this._application.isUserSup().then(value => this.allowDefault = value);
@@ -369,12 +364,6 @@ export class SnkFilterBar {
       else {
         config = await ConfigStorage.loadFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name });
       }
-      if (this.filterCustomConfig) {
-        config = [...this.filterCustomConfig, ...config];
-      }
-      if (this.filterCustomConfigInterceptor) {
-        config = this.filterCustomConfigInterceptor(config);
-      }
       this.filterConfig = config.map(item => this.normalizeItem(item));
       this.filterConfig.sort((a, b) => this._filtersComparator(a, b));
     }
@@ -418,13 +407,30 @@ export class SnkFilterBar {
    * @async
   */
   async showFilterModal() {
-    if (this.isFilterModalOpen) {
-      return; // Evita abrir múltiplos modais
-    }
-    this.isFilterModalOpen = true;
+    const callbackOnApplyFilter = (filters) => {
+      var _a;
+      this.filterConfig = filters.map(this.normalizeItem).sort((a, b) => this._filtersComparator(a, b));
+      (_a = this.afterApplyConfig) === null || _a === void 0 ? void 0 : _a.call(this);
+    };
+    let filtersConfigCopy = ObjectUtils.copy(this.filterConfig);
+    filtersConfigCopy = filtersConfigCopy.sort((itemA, itemB) => {
+      return itemA.originOrder - itemB.originOrder;
+    });
+    const factoryParams = {
+      filterConfig: filtersConfigCopy,
+      configName: this.configName,
+      onComplete: callbackOnApplyFilter,
+      disablePersonalizedFilter: this.disablePersonalizedFilter,
+      getMessage: (key, props) => this.getMessage(key, props),
+      onAddPersonalizedFilter: (isDefault) => this.addPersonalizedFilter(isDefault),
+      onEditPersonalizedFilter: (id, isDefault) => this.editPersonalizedFilter(id, isDefault),
+      onDeletePersonalizedFilter: (filter, configName, isDefault) => this.deletePersonalizedFilter(filter, FilterItemType.PERSONALIZED, configName, isDefault),
+    };
+    this._filterModalFactory = new SnkFilterModalFactory(factoryParams);
+    await this._filterModalFactory.showModal();
   }
   addPersonalizedFilter(isDefault = false) {
-    this.isFilterModalOpen = false;
+    this._filterModalFactory.closeModal();
     this._isDefaultFilter = isDefault;
     this.personalizedFilterId = undefined;
     this.showPersonalizedFilter = true;
@@ -433,7 +439,7 @@ export class SnkFilterBar {
     });
   }
   editPersonalizedFilter(id, isDefault = false) {
-    this.isFilterModalOpen = false;
+    this._filterModalFactory.closeModal();
     this._isDefaultFilter = isDefault;
     this.showPersonalizedFilter = true;
     this.personalizedFilterId = id;
@@ -448,15 +454,6 @@ export class SnkFilterBar {
       ConfigStorage.removePersonalizedFilter(filter, this.resourceID, configName);
     }
   }
-  closeFilterModal() {
-    this.isFilterModalOpen = false;
-  }
-  applyFiltersFromModal(filters) {
-    var _a;
-    this.filterConfig = filters.map(this.normalizeItem).sort((a, b) => this._filtersComparator(a, b));
-    (_a = this.afterApplyConfig) === null || _a === void 0 ? void 0 : _a.call(this);
-    this.isFilterModalOpen = false;
-  }
   handleHidePersonalizedFilter(reloadFilterBar) {
     if (reloadFilterBar) {
       this.loadConfigFromStorage().then(() => {
@@ -503,14 +500,10 @@ export class SnkFilterBar {
     if (this.showPersonalizedFilter) {
       return h("snk-personalized-filter", { class: "filter-bar__personalized-filter", filterId: this.personalizedFilterId, ref: (el) => this._elPersonalizedFilter = el, isDefaultFilter: this._isDefaultFilter, onEzCancel: () => this.handleHidePersonalizedFilter(false), onEzAfterSave: () => this.handleHidePersonalizedFilter(true), entityUri: this.dataUnit.name, configName: this.configName, resourceID: this.resourceID });
     }
-    let filtersConfigCopy = ObjectUtils.copy(this.filterConfig);
-    filtersConfigCopy = filtersConfigCopy.sort((itemA, itemB) => {
-      return itemA.originOrder - itemB.originOrder;
-    });
     if (this.mode !== "regular") {
-      return (h(Host, { "data-mode": this.mode }, this.getPersonalizedFilterVariableItems(), this.mode === 'button' && (h("ez-button", { class: "ez-margin-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, this.getMessage("snkFilterBar.filters")), onClick: this.showFilterModal.bind(this) })), h("snk-filter-modal", { opened: this.isFilterModalOpen, filterConfig: this.filterConfig, configName: this.configName, disablePersonalizedFilter: this.disablePersonalizedFilter, getMessage: (key, props) => this.getMessage(key, props), applyFilters: (filters) => this.applyFiltersFromModal(filters), closeModal: () => this.closeFilterModal(), addPersonalizedFilter: (isDefault) => this.addPersonalizedFilter(isDefault), editPersonalizedFilter: (id, isDefault) => this.editPersonalizedFilter(id, isDefault), deletePersonalizedFilter: (filter, configName, isDefault) => this.deletePersonalizedFilter(filter, FilterItemType.PERSONALIZED, configName, isDefault), filterCustomConfigInterceptor: this.filterCustomConfigInterceptor })));
+      return (h(Host, { "data-mode": this.mode }, this.getPersonalizedFilterVariableItems(), this.mode === 'button' && (h("ez-button", { class: "ez-margin-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, this.getMessage("snkFilterBar.filters")), onClick: this.showFilterModal.bind(this) }))));
     }
-    return (h(Host, null, h("div", null, h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), h("ez-button", { class: "ez-padding-left--medium ez-margin-top--extra-small", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, this.getMessage("snkFilterBar.filters")), onClick: this.showFilterModal.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" })), h("snk-filter-modal", { opened: this.isFilterModalOpen, filterConfig: this.filterConfig, configName: this.configName, disablePersonalizedFilter: this.disablePersonalizedFilter, getMessage: (key, props) => this.getMessage(key, props), applyFilters: (filters) => this.applyFiltersFromModal(filters), closeModal: () => this.closeFilterModal(), addPersonalizedFilter: (isDefault) => this.addPersonalizedFilter(isDefault), editPersonalizedFilter: (id, isDefault) => this.editPersonalizedFilter(id, isDefault), deletePersonalizedFilter: (filter, configName, isDefault) => this.deletePersonalizedFilter(filter, FilterItemType.PERSONALIZED, configName, isDefault), filterCustomConfigInterceptor: this.filterCustomConfigInterceptor })));
+    return (h(Host, null, h("div", null, h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), h("ez-button", { class: "ez-padding-left--medium ez-margin-top--extra-small", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, this.getMessage("snkFilterBar.filters")), onClick: this.showFilterModal.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" }))));
   }
   static get is() { return "snk-filter-bar"; }
   static get encapsulation() { return "scoped"; }
@@ -818,67 +811,6 @@ export class SnkFilterBar {
             }],
           "text": ""
         }
-      },
-      "filterCustomConfig": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Array<SnkFilterItemConfig>",
-          "resolved": "SnkFilterItemConfig[]",
-          "references": {
-            "Array": {
-              "location": "global"
-            },
-            "SnkFilterItemConfig": {
-              "location": "import",
-              "path": "./filter-item/snk-filter-item"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [{
-              "name": "description",
-              "text": "Configura\u00E7\u00E3o customizada dos filtros."
-            }, {
-              "name": "param",
-              "text": "config - Lista de configura\u00E7\u00F5es de filtros."
-            }],
-          "text": ""
-        }
-      },
-      "filterCustomConfigInterceptor": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "(config: Array<SnkFilterItemConfig>) => Array<SnkFilterItemConfig>",
-          "resolved": "(config: SnkFilterItemConfig[]) => SnkFilterItemConfig[]",
-          "references": {
-            "Array": {
-              "location": "global"
-            },
-            "SnkFilterItemConfig": {
-              "location": "import",
-              "path": "./filter-item/snk-filter-item"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [{
-              "name": "description",
-              "text": "Intercepta a configura\u00E7\u00E3o dos filtros antes de serem aplicadas."
-            }, {
-              "name": "param",
-              "text": "config - Lista de configura\u00E7\u00F5es de filtros."
-            }, {
-              "name": "returns",
-              "text": "Retorna a lista de configura\u00E7\u00F5es de filtros."
-            }],
-          "text": ""
-        }
       }
     };
   }
@@ -887,8 +819,7 @@ export class SnkFilterBar {
       "allowDefault": {},
       "scrollerLocked": {},
       "showPersonalizedFilter": {},
-      "personalizedFilterId": {},
-      "isFilterModalOpen": {}
+      "personalizedFilterId": {}
     };
   }
   static get events() {
@@ -1129,6 +1060,21 @@ export class SnkFilterBar {
           "references": {
             "Promise": {
               "location": "global"
+            },
+            "SnkFilterItemConfig": {
+              "location": "import",
+              "path": "./filter-item/snk-filter-item"
+            },
+            "Array": {
+              "location": "global"
+            },
+            "SnkFilterModalFactoryParams": {
+              "location": "import",
+              "path": "./utils/SnkFilterModalFactory"
+            },
+            "IPersonalizedFilter": {
+              "location": "import",
+              "path": "../snk-personalized-filter/interfaces/IPersonalizedFilter"
             }
           },
           "return": "Promise<void>"

package/dist/collection/components/snk-filter-bar/utils/SnkFilterModalFactory.js

@@ -1,6 +1,6 @@
 import { ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
 class SnkFilterModalFactory {
-  constructor({ filterConfig, configName, onComplete, getMessage, disablePersonalizedFilter, onAddPersonalizedFilter, onEditPersonalizedFilter, onDeletePersonalizedFilter, filterCustomConfigInterceptor }) {
+  constructor({ filterConfig, configName, onComplete, getMessage, disablePersonalizedFilter, onAddPersonalizedFilter, onEditPersonalizedFilter, onDeletePersonalizedFilter }) {
     this._filterConfig = filterConfig;
     this._configName = configName;
     this._onComplete = onComplete;
@@ -9,7 +9,6 @@ class SnkFilterModalFactory {
     this._addPersonalizedFilterFn = onAddPersonalizedFilter;
     this._editPersonalizedFilterFn = onEditPersonalizedFilter;
     this._onDeletePersonalizedFilter = onDeletePersonalizedFilter;
-    this._filterCustomConfigInterceptor = filterCustomConfigInterceptor;
   }
   applyFilters(newFilterConfig) {
     this._onComplete(newFilterConfig);
@@ -27,7 +26,6 @@ class SnkFilterModalFactory {
     filterModal.addPersonalizedFilter = (isDefault) => this._addPersonalizedFilterFn(isDefault);
     filterModal.editPersonalizedFilter = (id, isDefault) => this._editPersonalizedFilterFn(id, isDefault);
     filterModal.deletePersonalizedFilter = (filter, configName, isDefault) => this._onDeletePersonalizedFilter(filter, configName, isDefault);
-    filterModal.filterCustomConfigInterceptor = this._filterCustomConfigInterceptor;
     return filterModal;
   }
   async showModal() {

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

@@ -1,19 +1,18 @@
-import { ApplicationContext, Action as DUAction, ElementIDUtils, KeyboardManager, StringUtils } from '@sankhyalabs/core';
-import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import { buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
 import { Fragment, h, } from '@stencil/core';
-import { CrudUtils } from '../../lib';
-import { ExporterStrategy, PresentationMode } from '../../lib/@types';
+import { Action as DUAction, ApplicationContext, ElementIDUtils, KeyboardManager, StringUtils, } from '@sankhyalabs/core';
+import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
+import { ExporterStrategy, PresentationMode } from '../../lib/@types';
+import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
+import store from '../../lib/store';
+import SnkMultiSelectionListDataSource from './filtercolumn/SnkMultiSelectionListDataSource';
+import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
+import { CrudUtils } from '../../lib';
 import RmPrecisionCustomValueFormatter from '../../lib/DefaultCustomFormatters/RmPrecisionCustomValueFormatter';
-import store from "../../lib/store";
+import ServerSideExporterProvider from '../snk-data-exporter/providers/ServerSideExporterProvider';
 import { ContinuousInsertUtils } from '../../lib/utils/ContinuousInsertUtils';
 import ClientSideExporterProvider from '../snk-data-exporter/providers/ClientSideExporterProvider';
-import ServerSideExporterProvider from '../snk-data-exporter/providers/ServerSideExporterProvider';
-import { validateFilters } from '../snk-filter-bar/utils/filter-validate';
-import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
-import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
-import SnkMultiSelectionListDataSource from './filtercolumn/SnkMultiSelectionListDataSource';
+import { buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
 export class SnkGrid {
   constructor() {
     this._customEditors = new Map();
@@ -43,9 +42,6 @@ export class SnkGrid {
         if (action.type === DUAction.METADATA_LOADED) {
           return await this.interceptMetadataLoaded(action);
         }
-        if (action.type === DUAction.LOADING_DATA) {
-          return await this.interceptLoadData(action);
-        }
         return action;
       },
     };
@@ -90,8 +86,6 @@ export class SnkGrid {
     this.suppressCheckboxColumn = undefined;
     this.suppressFilterColumn = false;
     this.compact = undefined;
-    this.filterCustomConfig = undefined;
-    this.filterCustomConfigInterceptor = undefined;
   }
   getGridHeaderSelectedBtns() {
     const btns = [
@@ -370,17 +364,6 @@ export class SnkGrid {
     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);
@@ -590,7 +573,7 @@ export class SnkGrid {
       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, 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) => {
+      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);
       }, 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 }))));
   }
@@ -1260,67 +1243,6 @@ export class SnkGrid {
         },
         "attribute": "compact",
         "reflect": false
-      },
-      "filterCustomConfig": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Array<SnkFilterItemConfig>",
-          "resolved": "SnkFilterItemConfig[]",
-          "references": {
-            "Array": {
-              "location": "global"
-            },
-            "SnkFilterItemConfig": {
-              "location": "import",
-              "path": "../snk-filter-bar/filter-item/snk-filter-item"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [{
-              "name": "description",
-              "text": "Configura\u00E7\u00E3o customizada dos filtros."
-            }, {
-              "name": "param",
-              "text": "config - Lista de configura\u00E7\u00F5es de filtros."
-            }],
-          "text": ""
-        }
-      },
-      "filterCustomConfigInterceptor": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "(config: Array<SnkFilterItemConfig>) => Array<SnkFilterItemConfig>",
-          "resolved": "(config: SnkFilterItemConfig[]) => SnkFilterItemConfig[]",
-          "references": {
-            "Array": {
-              "location": "global"
-            },
-            "SnkFilterItemConfig": {
-              "location": "import",
-              "path": "../snk-filter-bar/filter-item/snk-filter-item"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [{
-              "name": "description",
-              "text": "Intercepta a configura\u00E7\u00E3o dos filtros antes de serem aplicadas."
-            }, {
-              "name": "param",
-              "text": "config - Lista de configura\u00E7\u00F5es de filtros."
-            }, {
-              "name": "returns",
-              "text": "Retorna a lista de configura\u00E7\u00F5es de filtros."
-            }],
-          "text": ""
-        }
       }
     };
   }
@@ -1384,8 +1306,11 @@ export class SnkGrid {
         "cancelable": true,
         "composed": true,
         "docs": {
-          "tags": [],
-          "text": "Emitido quando o componente estiver completamente carregado."
+          "tags": [{
+              "name": "deprecated",
+              "text": "Esta propriedade foi descontinuada. Ela n\u00E3o tem mais efeito sobre o componente."
+            }],
+          "text": ""
         },
         "complexType": {
           "original": "void",