@sankhyalabs/sankhyablocks 8.15.0-dev.8 → 8.15.0-dev.80

package/dist/components/snk-grid2.js

@@ -1,12 +1,19 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
-import { ElementIDUtils, ApplicationContext, StringUtils, DataType } from '@sankhyalabs/core';
-import { SortMode, UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import { Action, ElementIDUtils, ApplicationContext, StringUtils } from '@sankhyalabs/core';
 import { d as defineCustomElement$2, T as TaskbarElement } from './snk-taskbar2.js';
 import { C as ConfigStorage } from './ConfigStorage.js';
-import { P as PresentationMode } from './index2.js';
-import { T as TaskbarProcessor, S as SnkMultiSelectionListDataSource, o as openFieldSearch, b as buildFieldSearch } from './field-search.js';
-import { s as store } from './index3.js';
+import { P as PresentationMode } from './ISave.js';
+import { C as CommonsExporter, T as TaskbarProcessor, S as SnkMultiSelectionListDataSource, o as openFieldSearch, a as CrudUtils, R as RmPrecisionCustomValueFormatter, b as buildFieldSearch } from './IExporterProvider.js';
+import { s as store } from './index2.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
+import './DataFetcher.js';
+import './pesquisa-fetcher.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 { g as getSelectedIDs } from './snk-data-unit2.js';
 import { d as defineCustomElement$i } from './snk-actions-button2.js';
 import { d as defineCustomElement$h } from './snk-data-exporter2.js';
 import { d as defineCustomElement$g } from './snk-exporter-email-sender2.js';
@@ -25,6 +32,60 @@ import { d as defineCustomElement$4 } from './snk-select-box2.js';
 import { d as defineCustomElement$3 } from './snk-simple-bar2.js';
 import { d as defineCustomElement$1 } from './taskbar-actions-button2.js';
 
+class ServerSideExporterProvider extends CommonsExporter {
+  getFilters() {
+    var _a;
+    return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getAppliedFilters();
+  }
+  getOrders() {
+    var _a;
+    return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getSort();
+  }
+  getResourceURI() {
+    var _a;
+    return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.name;
+  }
+  getSelectedNumber() {
+    return this.dataUnit.getSelectionInfo().length;
+  }
+  getTotalRecords() {
+    var _a, _b, _c;
+    const { total } = ((_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getPaginationInfo()) || {};
+    return total !== null && total !== void 0 ? total : (_c = (_b = this.dataUnit) === null || _b === void 0 ? void 0 : _b.records) === null || _c === void 0 ? void 0 : _c.length;
+  }
+  getSelectedIDs() {
+    return getSelectedIDs(this.dataUnit);
+  }
+  getOffset() {
+    return this.getExporterOffset(this.getPaginationInfo());
+  }
+  getPageSize() {
+    var _a;
+    return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.pageSize;
+  }
+  getExportLimit() {
+    return 5000;
+  }
+  getRecordID() {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.__record__id__;
+  }
+  getPaginationInfo() {
+    var _a;
+    return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getPaginationInfo();
+  }
+  getExporterOffset(paginationInfo) {
+    if (paginationInfo == undefined) {
+      return;
+    }
+    const offset = paginationInfo.firstRecord;
+    if (offset > 0) {
+      return (offset - 1);
+    }
+    return offset;
+  }
+}
+
 const snkGridCss = ".sc-snk-grid-h{--snk-grid-min-height:300px}.snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}.snk-grid__table.sc-snk-grid{min-height:var(--snk-grid-min-height)}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}";
 
 const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
@@ -33,6 +94,8 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.actionClick = createEvent(this, "actionClick", 7);
     this.gridDoubleClick = createEvent(this, "gridDoubleClick", 7);
+    this._customEditors = new Map();
+    this._customRenders = new Map();
     this._topTaskbarProcessor = new TaskbarProcessor({
       "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
@@ -52,6 +115,14 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       "snkGridHeaderTaskbar.singleTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "FORM_MODE", "CONFIGURATOR", "REFRESH"],
       "snkGridHeaderTaskbar.singleTaskbar.finish_edition": ["CANCEL", "SAVE"]
     });
+    this.dataUnitInterceptor = {
+      interceptAction: async (action) => {
+        if (action.type === Action.METADATA_LOADED) {
+          return await this.interceptMetadataLoaded(action);
+        }
+        return action;
+      }
+    };
     this._dataUnit = undefined;
     this._dataState = undefined;
     this._gridConfig = undefined;
@@ -59,6 +130,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._showSnkFilterBar = true;
     this.columnFilterDataSource = new SnkMultiSelectionListDataSource();
     this.configName = undefined;
+    this.filterBarTitle = undefined;
     this.resourceID = undefined;
     this.selectionToastConfig = undefined;
     this.actionsList = undefined;
@@ -74,6 +146,11 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.taskbarCustomContainerId = undefined;
     this.gridHeaderCustomSlotId = 'GRID_HEADER_CUSTOM_ELEMENTS';
     this.topTaskbarCustomSlotId = 'GRID_TASKBAR_CUSTOM_ELEMENTS';
+    this.disablePersonalizedFilter = undefined;
+    this.gridLegacyConfigName = undefined;
+    this.filterBarLegacyConfigName = undefined;
+    this.autoLoad = undefined;
+    this.autoFocus = true;
   }
   /**
    * Exibe a janela de configurações da grade.
@@ -118,6 +195,58 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   async findColumn() {
     await openFieldSearch(this._moreOptions, this._columnSearch);
   }
+  /**
+   * Registra um editor customizado para campos da grade e formulário
+   */
+  async addCustomEditor(fieldName, customEditor, detailContext) {
+    if (this._grid) {
+      this._grid.addCustomEditor(fieldName, customEditor, detailContext);
+      return;
+    }
+    const newCustomEditors = new Map(this._customEditors);
+    newCustomEditors.set(fieldName, { customEditor, detailContext });
+    this._customEditors = newCustomEditors;
+  }
+  /**
+   * Registra um render customizado para colunas da grid.
+   */
+  async addGridCustomRender(fieldName, customRender, detailContext) {
+    if (this._grid) {
+      this._grid.addGridCustomRender(fieldName, customRender, detailContext);
+      return;
+    }
+    const newCustomRenders = new Map(this._customRenders);
+    newCustomRenders.set(fieldName, { customRender, detailContext });
+    this._customRenders = newCustomRenders;
+  }
+  /**
+   * Registra um formatador de valores para uma coluna da grid.
+   */
+  async addCustomValueFormatter(columnName, customFormatter) {
+    this._grid.addCustomValueFormatter(columnName, customFormatter);
+  }
+  /**
+   * Remove o formatador de valores de uma coluna da grid.
+   */
+  async removeCustomValueFormatter(columnName) {
+    this._grid.removeCustomValueFormatter(columnName);
+  }
+  /**
+   * Atribui o foco para a grade.
+   */
+  async setFocus() {
+    this._grid.setFocus();
+  }
+  async handleGridLegacyConfigName(newLegacyConfig, oldLegacyConfig) {
+    if (!newLegacyConfig) {
+      return;
+    }
+    if (newLegacyConfig === oldLegacyConfig) {
+      return;
+    }
+    this.addGridLegacyConfigName();
+    this.loadConfig();
+  }
   openGridConfig() {
     this._grid.getColumnsState()
       .then((gridColumns) => {
@@ -131,19 +260,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   setGridConfig(config) {
     this._gridConfig = config;
-    this.assertDefaultSorting();
-  }
-  assertDefaultSorting() {
-    if (this._gridConfig && this._dataUnit) {
-      this._dataUnit.defaultSorting = this._gridConfig
-        .columns
-        .filter(col => col.ascending != undefined)
-        .sort((colA, colB) => colA.orderIndex - colB.orderIndex)
-        .map(({ name: field, ascending }) => {
-        const { dataType } = this._dataUnit.getField(field);
-        return { field, dataType, mode: ascending ? SortMode.ASC : SortMode.DESC };
-      });
-    }
+    CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
   }
   loadConfig() {
     ConfigStorage.loadGridConfig(this.configName, this.resourceID)
@@ -154,6 +271,11 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       console.warn(error);
     });
   }
+  addGridLegacyConfigName() {
+    if (this.gridLegacyConfigName && this.configName) {
+      ConfigStorage.addGridLegacyConfig(this.configName, this.gridLegacyConfigName);
+    }
+  }
   gridConfigChangeHandler(evt) {
     const config = evt.detail;
     ConfigStorage.saveGridConfig(config, this.configName, this.resourceID);
@@ -169,115 +291,59 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     });
     evt.stopPropagation();
   }
-  buildColumnsMetadata(gridColumns) {
-    const columnsMetadata = [];
-    gridColumns === null || gridColumns === void 0 ? void 0 : gridColumns.forEach((column) => {
-      var _a, _b;
-      /**
-       * TODO: Analisar e criar uma melhor forma de tratar essa validação do "RECDESP".
-       */
-      if (column.hidden && column.name !== "RECDESP") {
-        return;
-      }
-      const fieldData = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getField(column.name);
-      const columnData = {
-        label: column.label,
-        id: column.name,
-        width: column.width,
-        type: fieldData === null || fieldData === void 0 ? void 0 : fieldData.dataType,
-        userInterface: fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface
-      };
-      columnsMetadata.push(columnData);
-      if (((_b = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD) != undefined) {
-        const mergedFrom = fieldData.properties.mergedFrom;
-        const descriptionField = `${fieldData.properties.ENTITYNAME}.${fieldData.properties.DESCRIPTIONFIELD}`;
-        const descriptionColumn = {
-          label: fieldData.properties.DESCRIPTIONENTITY,
-          id: `${mergedFrom ? (mergedFrom + ".") : ""}${descriptionField}`,
-          width: 200,
-          type: DataType.TEXT,
-          userInterface: UserInterface.LONGTEXT
-        };
-        columnsMetadata.push(descriptionColumn);
-      }
-    });
-    return columnsMetadata || [];
-  }
-  getPaginationInfo() {
-    var _a;
-    return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getPaginationInfo();
-  }
-  getExporterOffset(paginationInfo) {
-    if (paginationInfo == undefined) {
-      return;
-    }
-    const offset = paginationInfo.firstRecord;
-    if (offset > 0) {
-      return (offset - 1);
-    }
-    return offset;
-  }
   async dataExporterProviderStore() {
-    var _a;
-    const selectedIDs = await ((_a = this._snkDataUnit) === null || _a === void 0 ? void 0 : _a.getSelectedRecordsIDsInfo());
-    const dataExporterProvider = {
-      getFilters: () => {
-        var _a;
-        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getAppliedFilters();
-      },
-      getColumnsMetadata: async () => {
-        var _a;
-        const columnsState = await ((_a = this._grid) === null || _a === void 0 ? void 0 : _a.getColumnsState());
-        return this.buildColumnsMetadata(columnsState);
-      },
-      getOrders: () => {
-        var _a;
-        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getSort();
-      },
-      getResourceURI: () => {
-        var _a;
-        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.name;
-      },
-      getSelectedNumber: () => {
-        var _a, _b;
-        return (_b = (_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) === null || _b === void 0 ? void 0 : _b.length;
-      },
-      getTotalRecords: () => {
-        var _a, _b, _c;
-        const { total } = ((_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getPaginationInfo()) || {};
-        return total !== null && total !== void 0 ? total : (_c = (_b = this._dataUnit) === null || _b === void 0 ? void 0 : _b.records) === null || _c === void 0 ? void 0 : _c.length;
-      },
-      getSelectedIDs: () => {
-        return selectedIDs || [];
-      },
-      getOffset: () => {
-        return this.getExporterOffset(this.getPaginationInfo());
-      },
-      getLimit: () => {
-        var _a;
-        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.pageSize;
-      },
-      getRecordID: () => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.__record__id__;
-      }
-    };
+    const dataExporterProvider = 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 };
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
-  finshLoading() {
-    this.assertDefaultSorting();
+  loadGridCustomFormatters(fields) {
+    if (!fields || !this._grid) {
+      return;
+    }
+    fields.forEach((field) => {
+      var _a;
+      if ((_a = field.properties) === null || _a === void 0 ? void 0 : _a.rm_precision) {
+        this.addCustomValueFormatter(field.name, this._rmPrecisionCustomValueFormatter);
+      }
+    });
+  }
+  async interceptMetadataLoaded(action) {
+    this.loadGridCustomFormatters(action.payload.fields);
+    return action;
+  }
+  finishLoading() {
+    this._dataUnit.addInterceptor(this.dataUnitInterceptor);
+    CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
     this.addElementID();
     if (this.columnFilterDataSource != undefined) {
       this.columnFilterDataSource.setApplication(this._application);
       this.columnFilterDataSource.setDataUnit(this._dataUnit);
     }
   }
+  setCustomRenders() {
+    if (!this._grid) {
+      return;
+    }
+    for (const [fieldName, customRenderProps] of this._customRenders) {
+      this._grid.addGridCustomRender(fieldName, customRenderProps.customRender, customRenderProps.detailContext);
+      this._customRenders.delete(fieldName);
+    }
+  }
+  setCustomEditors() {
+    if (!this._grid) {
+      return;
+    }
+    for (const [fieldName, customEditorProps] of this._customEditors) {
+      this._grid.addCustomEditor(fieldName, customEditorProps.customEditor, customEditorProps.detailContext);
+      this._customEditors.delete(fieldName);
+    }
+  }
   componentWillLoad() {
     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") {
@@ -286,17 +352,15 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         if (!this._dataUnit) {
           this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
             this._dataUnit = evt.detail;
-            this.finshLoading();
+            this.finishLoading();
           });
         }
         else {
-          this.finshLoading();
+          this.finishLoading();
         }
         if (!this.messagesBuilder)
           this.messagesBuilder = this._snkDataUnit.messagesBuilder;
-        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
-          this._dataState = evt.detail;
-        });
+        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) {
@@ -307,8 +371,20 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       }
       parent = parent.parentElement;
     }
+    this._rmPrecisionCustomValueFormatter = new RmPrecisionCustomValueFormatter();
+    this.addGridLegacyConfigName();
     this.loadConfig();
   }
+  componentDidRender() {
+    this._rmPrecisionCustomValueFormatter.setGrid(this._grid);
+    this.loadGridCustomFormatters(this._dataUnit.metadata.fields);
+    this.setCustomRenders();
+    this.setCustomEditors();
+  }
+  async handleDataStateChange(evt) {
+    this._dataState = evt.detail;
+    this._rmPrecisionCustomValueFormatter.setDataState(this._dataState);
+  }
   getHeaderDisabledButtons() {
     var _a;
     const disabledButtons = [];
@@ -421,13 +497,17 @@ 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" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, this._showSnkFilterBar &&
-      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, 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) }), 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", "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 }, 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 }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, 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 }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, 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 }), 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", "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' }, 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 }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, 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 }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }
   get _element() { return this; }
+  static get watchers() { return {
+    "gridLegacyConfigName": ["handleGridLegacyConfigName"]
+  }; }
   static get style() { return snkGridCss; }
 }, [6, "snk-grid", {
     "columnFilterDataSource": [1040],
     "configName": [1, "config-name"],
+    "filterBarTitle": [1, "filter-bar-title"],
     "resourceID": [1, "resource-i-d"],
     "selectionToastConfig": [16],
     "actionsList": [16],
@@ -443,6 +523,11 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "taskbarCustomContainerId": [1, "taskbar-custom-container-id"],
     "gridHeaderCustomSlotId": [1, "grid-header-custom-slot-id"],
     "topTaskbarCustomSlotId": [1, "top-taskbar-custom-slot-id"],
+    "disablePersonalizedFilter": [4, "disable-personalized-filter"],
+    "gridLegacyConfigName": [1, "grid-legacy-config-name"],
+    "filterBarLegacyConfigName": [1, "filter-bar-legacy-config-name"],
+    "autoLoad": [4, "auto-load"],
+    "autoFocus": [4, "auto-focus"],
     "_dataUnit": [32],
     "_dataState": [32],
     "_gridConfig": [32],
@@ -453,7 +538,12 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "setConfig": [64],
     "reloadFilterBar": [64],
     "getFilterBar": [64],
-    "findColumn": [64]
+    "findColumn": [64],
+    "addCustomEditor": [64],
+    "addGridCustomRender": [64],
+    "addCustomValueFormatter": [64],
+    "removeCustomValueFormatter": [64],
+    "setFocus": [64]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/snk-personalized-filter-editor.js

@@ -64,8 +64,10 @@ const SnkFilterPersonalized = /*@__PURE__*/ proxyCustomElement(class extends HTM
     return this.presentationMode === EPresentationMode.MODAL;
   }
   doSearch(mode, argument, param) {
+    const context = Object.assign({}, param.searchContext);
+    context.searchOptions = Object.assign(Object.assign({}, context.searchOptions), { showInactives: "true" });
     return new Promise((resolve, reject) => {
-      this._application.executePreparedSearch(mode, argument, param.searchContext)
+      this._application.executePreparedSearch(mode, argument, context)
         .then(result => {
         resolve(result);
       }).catch(reason => {

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

@@ -3,7 +3,7 @@ import { StringUtils, ObjectUtils, ApplicationContext, ElementIDUtils } from '@s
 import { F as FilterGroupCondition, P as PersonalizedFilterUtils } from './PersonalizedFilterUtils.js';
 import { P as PersonalizedFilterFetcher, C as ConfigStorage } from './ConfigStorage.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { s as store } from './index3.js';
+import { s as store } from './index2.js';
 import { d as defineCustomElement$7 } from './snk-expression-group2.js';
 import { d as defineCustomElement$6 } from './snk-expression-item2.js';
 import { d as defineCustomElement$5 } from './snk-filter-advanced-mode2.js';

package/dist/components/snk-pesquisa2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { ObjectUtils, StringUtils, ElementIDUtils } from '@sankhyalabs/core';
 
-const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__btn--color:var(--title--primary, #2B3A54);--snk-pesquisa__btn-disabled--color:var(--text--disable, #AFB6C0);--snk-pesquisa__btn-hover--color:var(--color--primary, #4e4e4e);--snk-pesquisa__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-pesquisa__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-pesquisa__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-pesquisa__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-pesquisa__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-pesquisa__scrollbar--width:var(--space--medium, 12px);max-height:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input.sc-snk-pesquisa ez-icon.sc-snk-pesquisa{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-pesquisa__scrollbar--color-clicked) var(--snk-pesquisa__scrollbar--color-background);padding-right:var(--snk-pesquisa__content--padding-right)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:var(--snk-pesquisa__scrollbar--color-background);width:var(--snk-pesquisa__scrollbar--width);max-width:var(--snk-pesquisa__scrollbar--width);min-width:var(--snk-pesquisa__scrollbar--width)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:var(--snk-pesquisa__scrollbar--color-background);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__scrollbar--color-default);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:hover,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-pesquisa__scrollbar--color-hover)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:active,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-pesquisa__scrollbar--color-clicked)}.snk-pesquisa__records.sc-snk-pesquisa{font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);color:var(--snk-pesquisa__records--color);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}.snk-pesquisa__btn.sc-snk-pesquisa{outline:none;border:none;background:none;cursor:pointer;color:var(--snk-pesquisa__btn--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled:hover{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:hover{color:var(--snk-pesquisa__btn-hover--color)}";
+const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__btn--color:var(--title--primary, #2B3A54);--snk-pesquisa__btn-disabled--color:var(--text--disable, #AFB6C0);--snk-pesquisa__btn-hover--color:var(--color--primary, #4e4e4e);--snk-pesquisa__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-pesquisa__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-pesquisa__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-pesquisa__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-pesquisa__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-pesquisa__scrollbar--width:var(--space--medium, 12px);height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input.sc-snk-pesquisa ez-icon.sc-snk-pesquisa{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-pesquisa__scrollbar--color-clicked) var(--snk-pesquisa__scrollbar--color-background);padding-right:var(--snk-pesquisa__content--padding-right)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:var(--snk-pesquisa__scrollbar--color-background);width:var(--snk-pesquisa__scrollbar--width);max-width:var(--snk-pesquisa__scrollbar--width);min-width:var(--snk-pesquisa__scrollbar--width)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:var(--snk-pesquisa__scrollbar--color-background);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__scrollbar--color-default);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:hover,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-pesquisa__scrollbar--color-hover)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:active,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-pesquisa__scrollbar--color-clicked)}.snk-pesquisa__records.sc-snk-pesquisa{font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);color:var(--snk-pesquisa__records--color);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}.snk-pesquisa__btn.sc-snk-pesquisa{outline:none;border:none;background:none;cursor:pointer;color:var(--snk-pesquisa__btn--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled:hover{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:hover{color:var(--snk-pesquisa__btn-hover--color)}";
 
 const SnkPesquisa = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {