@sankhyalabs/sankhyablocks 10.1.0-dev.30 → 10.1.0-dev.32

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

@@ -8,11 +8,11 @@ const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 require('./DataFetcher-3a8ea521.js');
 require('./ISave-a66bb65e.js');
-const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-a891430e.js');
+const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-f53b60c4.js');
 const index$1 = require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-4320f7ec.js');
+require('./dataunit-fetcher-6febd6c4.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-72cf0e3d.js');
 require('./constants-6d82e405.js');
@@ -201,7 +201,7 @@ const SnkGrid = class {
     if (this._grid == undefined) {
       return;
     }
-    this.openGridConfig();
+    await this.openGridConfig();
   }
   /**
    * Fecha a janela de configurações da grade.
@@ -341,12 +341,12 @@ const SnkGrid = class {
   handleAddFormMode() {
     return this.enableGridInsert ? taskbarElements.TaskbarElement.FORM_MODE : '';
   }
-  openGridConfig() {
-    this._grid.getColumnsState()
-      .then((gridColumns) => {
-      this._snkGridConfig.columns = gridColumns.filter(c => c.name);
-      this._popUpGridConfig = true;
-    });
+  async openGridConfig() {
+    const originalColumns = await this._grid.getColumns();
+    const gridColumns = await this._grid.getColumnsState();
+    this._snkGridConfig.columns = gridColumns.filter(c => c.name);
+    this._snkGridConfig.originalColumns = originalColumns.filter(c => c.name);
+    this._popUpGridConfig = true;
   }
   closeGridConfig() {
     this._popUpGridConfig = false;

package/dist/cjs/{snk-guides-viewer-58185ae3.js → snk-guides-viewer-315f8580.js}

@@ -10,7 +10,7 @@ require('./ISave-a66bb65e.js');
 const index$1 = require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-4320f7ec.js');
+require('./dataunit-fetcher-6febd6c4.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-72cf0e3d.js');
 const constants = require('./constants-6d82e405.js');

package/dist/cjs/snk-guides-viewer.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-58185ae3.js');
+const snkGuidesViewer = require('./snk-guides-viewer-315f8580.js');
 require('./index-1894343a.js');
 require('@sankhyalabs/core');
 require('@sankhyalabs/core/dist/dataunit/DataUnit');
@@ -15,7 +15,7 @@ require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./ISave-a66bb65e.js');
 require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
-require('./dataunit-fetcher-4320f7ec.js');
+require('./dataunit-fetcher-6febd6c4.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
 require('./ResourceIDUtils-5ff86aa7.js');

package/dist/cjs/snk-layout-form-config.cjs.entry.js

@@ -9,7 +9,7 @@ const core = require('@sankhyalabs/core');
 require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-4320f7ec.js');
+require('./dataunit-fetcher-6febd6c4.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 const formConfigFetcher = require('./form-config-fetcher-72cf0e3d.js');
 require('./constants-6d82e405.js');

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

@@ -9,7 +9,7 @@ require('./DataFetcher-3a8ea521.js');
 require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-4320f7ec.js');
+require('./dataunit-fetcher-6febd6c4.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-72cf0e3d.js');
 require('./constants-6d82e405.js');

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

@@ -9,11 +9,11 @@ const constants = require('./constants-6d82e405.js');
 const taskbarElements = require('./taskbar-elements-a94d4318.js');
 require('./DataFetcher-3a8ea521.js');
 require('./ISave-a66bb65e.js');
-const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-a891430e.js');
+const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-f53b60c4.js');
 const index$1 = require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-const dataunitFetcher = require('./dataunit-fetcher-4320f7ec.js');
+const dataunitFetcher = require('./dataunit-fetcher-6febd6c4.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 const formConfigFetcher = require('./form-config-fetcher-72cf0e3d.js');
 const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
@@ -298,22 +298,23 @@ const SnkSimpleCrud = class {
     }
     await this.loadFormConfig(true);
   }
-  openConfig(viewMode) {
-    this._snkConfigurator.close();
+  async openConfig(viewMode) {
+    await this._snkConfigurator.close();
     if (viewMode === constants.VIEW_MODE.GRID) {
-      this.openGridConfig();
+      await this.openGridConfig();
     }
     else if (viewMode === constants.VIEW_MODE.FORM) {
-      this.openFormConfig();
+      await this.openFormConfig();
     }
   }
-  openGridConfig() {
-    this._grid.getColumnsState()
-      .then((gridColumns) => {
-      this._snkGridConfig.columns = gridColumns.filter(c => c.name);
-      this._snkGridConfig.selectedIndex = 0;
-      this._showPopUpGridConfig = true;
-    });
+  async openGridConfig() {
+    var _a, _b, _c, _d;
+    const originalColumns = (_b = await ((_a = this._grid) === null || _a === void 0 ? void 0 : _a.getColumns())) !== null && _b !== void 0 ? _b : [];
+    const gridColumns = (_d = await ((_c = this._grid) === null || _c === void 0 ? void 0 : _c.getColumnsState())) !== null && _d !== void 0 ? _d : [];
+    this._snkGridConfig.columns = gridColumns.filter(c => c.name);
+    this._snkGridConfig.originalColumns = originalColumns.filter(c => c.name);
+    this._snkGridConfig.selectedIndex = 0;
+    this._showPopUpGridConfig = true;
   }
   async openFormConfig() {
     if (this.formLegacyConfigName || this.configName) {

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

@@ -16,10 +16,8 @@ export class SnkFilterItem {
   /**
    * Emitido quando o estado do filtro é alterado.
    */
-  filterChangeListener(event) {
+  filterChangeListener(_event) {
     this.hideDetail();
-    // Re-emite o evento para o pai (snk-filter-bar)
-    this.filterChange.emit(event.detail);
   }
   /**
    * Exibe os detalhes de um item da lista.

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

@@ -430,6 +430,12 @@ export class SnkFilterBar {
   filterChangeListener(evt) {
     this.updateFilter(evt.detail);
   }
+  /**
+   * Escuta quando há um filtro do tipo pesquisa retorna um valor vazio.
+   */
+  async emptySearchListener(_evt) {
+    await this.showPersonalizedFilterItem();
+  }
   /**
    * @description Abre o modal de filtros.
    * @async
@@ -440,6 +446,10 @@ export class SnkFilterBar {
     }
     this.isFilterModalOpen = true;
   }
+  async showPersonalizedFilterItem() {
+    const popUp = this._element.querySelector('#filter-PERSONALIZED_FILTER_GROUP');
+    await (popUp === null || popUp === void 0 ? void 0 : popUp.showUp(true));
+  }
   addPersonalizedFilter(isDefault = false) {
     this.isFilterModalOpen = false;
     this._isDefaultFilter = isDefault;
@@ -1177,6 +1187,12 @@ export class SnkFilterBar {
         "target": undefined,
         "capture": false,
         "passive": false
+      }, {
+        "name": "ezEmptySearch",
+        "method": "emptySearchListener",
+        "target": "window",
+        "capture": false,
+        "passive": false
       }];
   }
 }

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

@@ -125,7 +125,7 @@ export class SnkGrid {
     if (this._grid == undefined) {
       return;
     }
-    this.openGridConfig();
+    await this.openGridConfig();
   }
   /**
    * Fecha a janela de configurações da grade.
@@ -265,12 +265,12 @@ export class SnkGrid {
   handleAddFormMode() {
     return this.enableGridInsert ? TaskbarElement.FORM_MODE : '';
   }
-  openGridConfig() {
-    this._grid.getColumnsState()
-      .then((gridColumns) => {
-      this._snkGridConfig.columns = gridColumns.filter(c => c.name);
-      this._popUpGridConfig = true;
-    });
+  async openGridConfig() {
+    const originalColumns = await this._grid.getColumns();
+    const gridColumns = await this._grid.getColumnsState();
+    this._snkGridConfig.columns = gridColumns.filter(c => c.name);
+    this._snkGridConfig.originalColumns = originalColumns.filter(c => c.name);
+    this._popUpGridConfig = true;
   }
   closeGridConfig() {
     this._popUpGridConfig = false;

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

@@ -13,7 +13,8 @@ export class SnkGridConfig {
     this._dataChanged = false;
     this._componenteInternalKey = Date.now();
     this.selectedIndex = 0;
-    this.columns = undefined;
+    this.columns = [];
+    this.originalColumns = [];
     this.config = undefined;
     this.configName = undefined;
     this.resourceID = undefined;
@@ -351,7 +352,8 @@ export class SnkGridConfig {
     const visibleGroup = this.buildVisibleGroup();
     const hiddenGroup = this.buildHiddenGroup();
     const visibleItemsMap = new Map();
-    this.columns.forEach(column => {
+    const columnsToIterate = isEmptyConfig ? this.originalColumns : this.columns;
+    columnsToIterate.forEach(column => {
       const item = this.buildListItemFromColumn(column);
       if (isEmptyConfig || defaultVisibleCols.includes(column.name)) {
         visibleItemsMap.set(column.name, item);
@@ -447,7 +449,32 @@ export class SnkGridConfig {
         "docs": {
           "tags": [],
           "text": "Colunas da grade."
-        }
+        },
+        "defaultValue": "[]"
+      },
+      "originalColumns": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "Array<EzGridColumn>",
+          "resolved": "EzGridColumn[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "EzGridColumn": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Lista de Colunas original."
+        },
+        "defaultValue": "[]"
       },
       "config": {
         "type": "unknown",

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

@@ -272,22 +272,23 @@ export class SnkSimpleCrud {
     }
     await this.loadFormConfig(true);
   }
-  openConfig(viewMode) {
-    this._snkConfigurator.close();
+  async openConfig(viewMode) {
+    await this._snkConfigurator.close();
     if (viewMode === VIEW_MODE.GRID) {
-      this.openGridConfig();
+      await this.openGridConfig();
     }
     else if (viewMode === VIEW_MODE.FORM) {
-      this.openFormConfig();
+      await this.openFormConfig();
     }
   }
-  openGridConfig() {
-    this._grid.getColumnsState()
-      .then((gridColumns) => {
-      this._snkGridConfig.columns = gridColumns.filter(c => c.name);
-      this._snkGridConfig.selectedIndex = 0;
-      this._showPopUpGridConfig = true;
-    });
+  async openGridConfig() {
+    var _a, _b, _c, _d;
+    const originalColumns = (_b = await ((_a = this._grid) === null || _a === void 0 ? void 0 : _a.getColumns())) !== null && _b !== void 0 ? _b : [];
+    const gridColumns = (_d = await ((_c = this._grid) === null || _c === void 0 ? void 0 : _c.getColumnsState())) !== null && _d !== void 0 ? _d : [];
+    this._snkGridConfig.columns = gridColumns.filter(c => c.name);
+    this._snkGridConfig.originalColumns = originalColumns.filter(c => c.name);
+    this._snkGridConfig.selectedIndex = 0;
+    this._showPopUpGridConfig = true;
   }
   async openFormConfig() {
     if (this.formLegacyConfigName || this.configName) {

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

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     }
   return t;
 };
-import { ChangeOperation, DataType, DataUnit, DataUnitStorage } from "@sankhyalabs/core";
+import { ChangeOperation, DataType, DataUnit, DataUnitStorage, } from '@sankhyalabs/core';
 import { gql } from "graphql-request";
 import { DataFetcher } from "../../DataFetcher";
 import { DISTINCT_FILTER_NAME_PREFIX } from "@sankhyalabs/ezui/dist/collection/utils/constants";
@@ -140,7 +140,7 @@ export default class DataUnitFetcher {
           }
           metadata.fields.push(Object.assign(Object.assign({}, source), { properties }));
         });
-        metadata.fields.sort((a, b) => a.order - b.order);
+        metadata.fields.sort((a, b) => this.sortFieldsByGroup(a, b));
         resolve(metadata);
       })
         .catch((error) => {
@@ -148,6 +148,28 @@ export default class DataUnitFetcher {
       });
     });
   }
+  // Os campos devem ser separados em dois grupos: campos da própria entidade e campos que representam ligação com outra entidade.
+  // Além do grupo, a ordenação deve respeitar o atributo "order" de cada campo.
+  // Para saber se é um campo de relação, verificamos se o nome contém '.' (ex: 'Parceiro.CODPAR').
+  sortFieldsByGroup(a, b) {
+    const aIsRelation = a.name.includes('.');
+    const bIsRelation = b.name.includes('.');
+    // Se um é relação e outro não, campos próprios vêm primeiro
+    if (aIsRelation !== bIsRelation) {
+      return aIsRelation ? 1 : -1;
+    }
+    // Se ambos são relações, ordena por nome da entidade primeiro
+    if (aIsRelation && bIsRelation) {
+      const aEntity = a.name.split('.')[0];
+      const bEntity = b.name.split('.')[0];
+      if (aEntity !== bEntity) {
+        return aEntity.localeCompare(bEntity);
+      }
+    }
+    // Dentro do mesmo grupo (próprios ou mesma entidade de relação), ordena por order
+    return a.order - b.order;
+  }
+  ;
   loadSelectDistinct(dataUnit, fieldName, argument) {
     const { parentRecordId, filters } = dataUnit.getLastLoadRequest() || {};
     const filteredFilters = filters.filter(f => f.name !== `${DISTINCT_FILTER_NAME_PREFIX}${fieldName}`);

package/dist/components/dataunit-fetcher.js

@@ -920,7 +920,7 @@ class DataUnitFetcher {
           }
           metadata.fields.push(Object.assign(Object.assign({}, source), { properties }));
         });
-        metadata.fields.sort((a, b) => a.order - b.order);
+        metadata.fields.sort((a, b) => this.sortFieldsByGroup(a, b));
         resolve(metadata);
       })
         .catch((error) => {
@@ -928,6 +928,28 @@ class DataUnitFetcher {
       });
     });
   }
+  // Os campos devem ser separados em dois grupos: campos da própria entidade e campos que representam ligação com outra entidade.
+  // Além do grupo, a ordenação deve respeitar o atributo "order" de cada campo.
+  // Para saber se é um campo de relação, verificamos se o nome contém '.' (ex: 'Parceiro.CODPAR').
+  sortFieldsByGroup(a, b) {
+    const aIsRelation = a.name.includes('.');
+    const bIsRelation = b.name.includes('.');
+    // Se um é relação e outro não, campos próprios vêm primeiro
+    if (aIsRelation !== bIsRelation) {
+      return aIsRelation ? 1 : -1;
+    }
+    // Se ambos são relações, ordena por nome da entidade primeiro
+    if (aIsRelation && bIsRelation) {
+      const aEntity = a.name.split('.')[0];
+      const bEntity = b.name.split('.')[0];
+      if (aEntity !== bEntity) {
+        return aEntity.localeCompare(bEntity);
+      }
+    }
+    // Dentro do mesmo grupo (próprios ou mesma entidade de relação), ordena por order
+    return a.order - b.order;
+  }
+  ;
   loadSelectDistinct(dataUnit, fieldName, argument) {
     const { parentRecordId, filters } = dataUnit.getLastLoadRequest() || {};
     const filteredFilters = filters.filter(f => f.name !== `${DISTINCT_FILTER_NAME_PREFIX}${fieldName}`);

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

@@ -640,6 +640,12 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   filterChangeListener(evt) {
     this.updateFilter(evt.detail);
   }
+  /**
+   * Escuta quando há um filtro do tipo pesquisa retorna um valor vazio.
+   */
+  async emptySearchListener(_evt) {
+    await this.showPersonalizedFilterItem();
+  }
   /**
    * @description Abre o modal de filtros.
    * @async
@@ -650,6 +656,10 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
     this.isFilterModalOpen = true;
   }
+  async showPersonalizedFilterItem() {
+    const popUp = this._element.querySelector('#filter-PERSONALIZED_FILTER_GROUP');
+    await (popUp === null || popUp === void 0 ? void 0 : popUp.showUp(true));
+  }
   addPersonalizedFilter(isDefault = false) {
     this.isFilterModalOpen = false;
     this._isDefaultFilter = isDefault;
@@ -772,7 +782,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "removeFilterItem": [64],
     "getFilters": [64],
     "showFilterModal": [64]
-  }, [[0, "filterChange", "filterChangeListener"]]]);
+  }, [[0, "filterChange", "filterChangeListener"], [8, "ezEmptySearch", "emptySearchListener"]]]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

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

@@ -24,10 +24,8 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   /**
    * Emitido quando o estado do filtro é alterado.
    */
-  filterChangeListener(event) {
+  filterChangeListener(_event) {
     this.hideDetail();
-    // Re-emite o evento para o pai (snk-filter-bar)
-    this.filterChange.emit(event.detail);
   }
   /**
    * Exibe os detalhes de um item da lista.

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

@@ -21,7 +21,8 @@ const SnkGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this._dataChanged = false;
     this._componenteInternalKey = Date.now();
     this.selectedIndex = 0;
-    this.columns = undefined;
+    this.columns = [];
+    this.originalColumns = [];
     this.config = undefined;
     this.configName = undefined;
     this.resourceID = undefined;
@@ -359,7 +360,8 @@ const SnkGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     const visibleGroup = this.buildVisibleGroup();
     const hiddenGroup = this.buildHiddenGroup();
     const visibleItemsMap = new Map();
-    this.columns.forEach(column => {
+    const columnsToIterate = isEmptyConfig ? this.originalColumns : this.columns;
+    columnsToIterate.forEach(column => {
       const item = this.buildListItemFromColumn(column);
       if (isEmptyConfig || defaultVisibleCols.includes(column.name)) {
         visibleItemsMap.set(column.name, item);
@@ -407,6 +409,7 @@ const SnkGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
 }, [2, "snk-grid-config", {
     "selectedIndex": [1026, "selected-index"],
     "columns": [1040],
+    "originalColumns": [1040],
     "config": [1040],
     "configName": [1, "config-name"],
     "resourceID": [1, "resource-i-d"],

package/dist/components/snk-grid2.js

@@ -209,7 +209,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (this._grid == undefined) {
       return;
     }
-    this.openGridConfig();
+    await this.openGridConfig();
   }
   /**
    * Fecha a janela de configurações da grade.
@@ -349,12 +349,12 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   handleAddFormMode() {
     return this.enableGridInsert ? TaskbarElement.FORM_MODE : '';
   }
-  openGridConfig() {
-    this._grid.getColumnsState()
-      .then((gridColumns) => {
-      this._snkGridConfig.columns = gridColumns.filter(c => c.name);
-      this._popUpGridConfig = true;
-    });
+  async openGridConfig() {
+    const originalColumns = await this._grid.getColumns();
+    const gridColumns = await this._grid.getColumnsState();
+    this._snkGridConfig.columns = gridColumns.filter(c => c.name);
+    this._snkGridConfig.originalColumns = originalColumns.filter(c => c.name);
+    this._popUpGridConfig = true;
   }
   closeGridConfig() {
     this._popUpGridConfig = false;

package/dist/components/snk-simple-crud2.js

@@ -298,22 +298,23 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
     await this.loadFormConfig(true);
   }
-  openConfig(viewMode) {
-    this._snkConfigurator.close();
+  async openConfig(viewMode) {
+    await this._snkConfigurator.close();
     if (viewMode === VIEW_MODE.GRID) {
-      this.openGridConfig();
+      await this.openGridConfig();
     }
     else if (viewMode === VIEW_MODE.FORM) {
-      this.openFormConfig();
+      await this.openFormConfig();
     }
   }
-  openGridConfig() {
-    this._grid.getColumnsState()
-      .then((gridColumns) => {
-      this._snkGridConfig.columns = gridColumns.filter(c => c.name);
-      this._snkGridConfig.selectedIndex = 0;
-      this._showPopUpGridConfig = true;
-    });
+  async openGridConfig() {
+    var _a, _b, _c, _d;
+    const originalColumns = (_b = await ((_a = this._grid) === null || _a === void 0 ? void 0 : _a.getColumns())) !== null && _b !== void 0 ? _b : [];
+    const gridColumns = (_d = await ((_c = this._grid) === null || _c === void 0 ? void 0 : _c.getColumnsState())) !== null && _d !== void 0 ? _d : [];
+    this._snkGridConfig.columns = gridColumns.filter(c => c.name);
+    this._snkGridConfig.originalColumns = originalColumns.filter(c => c.name);
+    this._snkGridConfig.selectedIndex = 0;
+    this._showPopUpGridConfig = true;
   }
   async openFormConfig() {
     if (this.formLegacyConfigName || this.configName) {

package/dist/esm/{SnkMultiSelectionListDataSource-14633bf6.js → SnkMultiSelectionListDataSource-6e9496f0.js}

@@ -4,7 +4,7 @@ import { SortMode, ApplicationContext, ObjectUtils, StringUtils, NumberUtils, Da
 import { D as DataExporterOption } from './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { P as PreloadManager } from './dataunit-fetcher-3d5c4ae4.js';
+import { P as PreloadManager } from './dataunit-fetcher-21c43ec7.js';
 import './filter-item-type.enum-d45e026f.js';
 import './form-config-fetcher-fcc7b62f.js';
 import './constants-7b422de0.js';

package/dist/esm/{dataunit-fetcher-3d5c4ae4.js → dataunit-fetcher-21c43ec7.js}

@@ -920,7 +920,7 @@ class DataUnitFetcher {
           }
           metadata.fields.push(Object.assign(Object.assign({}, source), { properties }));
         });
-        metadata.fields.sort((a, b) => a.order - b.order);
+        metadata.fields.sort((a, b) => this.sortFieldsByGroup(a, b));
         resolve(metadata);
       })
         .catch((error) => {
@@ -928,6 +928,28 @@ class DataUnitFetcher {
       });
     });
   }
+  // Os campos devem ser separados em dois grupos: campos da própria entidade e campos que representam ligação com outra entidade.
+  // Além do grupo, a ordenação deve respeitar o atributo "order" de cada campo.
+  // Para saber se é um campo de relação, verificamos se o nome contém '.' (ex: 'Parceiro.CODPAR').
+  sortFieldsByGroup(a, b) {
+    const aIsRelation = a.name.includes('.');
+    const bIsRelation = b.name.includes('.');
+    // Se um é relação e outro não, campos próprios vêm primeiro
+    if (aIsRelation !== bIsRelation) {
+      return aIsRelation ? 1 : -1;
+    }
+    // Se ambos são relações, ordena por nome da entidade primeiro
+    if (aIsRelation && bIsRelation) {
+      const aEntity = a.name.split('.')[0];
+      const bEntity = b.name.split('.')[0];
+      if (aEntity !== bEntity) {
+        return aEntity.localeCompare(bEntity);
+      }
+    }
+    // Dentro do mesmo grupo (próprios ou mesma entidade de relação), ordena por order
+    return a.order - b.order;
+  }
+  ;
   loadSelectDistinct(dataUnit, fieldName, argument) {
     const { parentRecordId, filters } = dataUnit.getLastLoadRequest() || {};
     const filteredFilters = filters.filter(f => f.name !== `${DISTINCT_FILTER_NAME_PREFIX}${fieldName}`);