@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-71601.0 → 0.0.0-bugfix-dev-KB-72026.0

package/dist/cjs/{snk-guides-viewer-58907f8d.js → snk-guides-viewer-866447ab.js}

@@ -2,20 +2,20 @@
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-beebf47a.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-f1c92f79.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const fieldSearch = require('./field-search-f56aa7d6.js');
 const taskbarElements = require('./taskbar-elements-9ad1f9c0.js');
 const constants = require('./constants-35ddd366.js');
-require('./DataFetcher-77729a93.js');
-require('./pesquisa-fetcher-a1d0353f.js');
+require('./DataFetcher-cadeef8e.js');
+require('./pesquisa-fetcher-ca89181c.js');
 const index$1 = require('./index-1dfc7a6e.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-4c0d1485.js');
+require('./dataunit-fetcher-4b12f70c.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-feb08214.js');
+require('./form-config-fetcher-ed497282.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 
 const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-medium:var(--space--medium, 12px);--snk-guides-viewer__header--min-height:94px;--snk-guides-viewer__header--z-index:var(--more-visible, 2);--snk-guides-viewer__header--background-color:var(--background--body, #fafcff);--snk-guides-viewer__guide-navigator--width:340px;display:block}snk-form-view.sc-snk-guides-viewer{width:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding-left:0px;padding-top:0px;padding-right:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column}.snk-guides-viewer__header.sc-snk-guides-viewer{position:sticky;align-items:center;top:0;z-index:var(--snk-guides-viewer__header--z-index);background-color:var(--snk-guides-viewer__header--background-color);min-height:var(--snk-guides-viewer__header--min-height);width:calc(100% + (var(--snk-guides-viewer--space-large) * 2));padding-left:var(--snk-guides-viewer--space-large);padding-right:var(--snk-guides-viewer--space-large);padding-top:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-medium);margin-left:calc(var(--snk-guides-viewer--space-large) * -1);margin-right:calc(var(--snk-guides-viewer--space-large) * -1);margin-bottom:var(--snk-guides-viewer--space-medium)}.snk-guides-viewer__header-breadcrumb.sc-snk-guides-viewer{width:25%;display:flex}.snk-guides-viewer__header-taskbar.sc-snk-guides-viewer{width:75%}.snk-guides-viewer__container.sc-snk-guides-viewer{display:grid;grid-template-columns:minmax(0, auto) minmax(0, 100%);height:100%;column-gap:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:calc(var(--snk-guides-viewer__header--min-height) + var(--snk-guides-viewer--space-medium));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-medium))}.snk-guides-viewer__guide-navigator[open].sc-snk-guides-viewer{width:var(--snk-guides-viewer__guide-navigator--width);max-width:var(--snk-guides-viewer__guide-navigator--width);min-width:var(--snk-guides-viewer__guide-navigator--width)}.snk-guides-viewer__detail-content.sc-snk-guides-viewer{min-height:100%;align-items:flex-start;align-content:flex-start}";
@@ -377,11 +377,14 @@ const SnkGuidesViewer = class {
       this._configManager.addFormLegacyConfig(this.formLegacyConfigName);
     }
   }
+  setMasterFormConfig(config) {
+    this.masterFormConfig = config;
+  }
   componentWillLoad() {
     if (this.resourceID == undefined) {
       throw new Error("Erro interno: resourceID não informado");
     }
-    this._configManager = new SnkFormConfigManager.SnkFormConfigManager(this.configName, this.resourceID, config => this.masterFormConfig = config);
+    this._configManager = new SnkFormConfigManager.SnkFormConfigManager(this.configName, this.resourceID, this.setMasterFormConfig.bind(this), this.dataUnit);
     this.addFormLegacyConfigName();
     this._configManager.loadConfig();
   }
@@ -409,7 +412,7 @@ const SnkGuidesViewer = class {
     return this._fieldSearch;
   }
   fieldsOptionLoader(argument) {
-    return Promise.resolve(this._configManager.getFieldsList(this.dataUnit, argument)
+    return Promise.resolve(this._configManager.getFieldsList(argument)
       .map(field => ({ value: field.name, label: field.label })));
   }
   onSelectField(option, actionButton) {

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

@@ -2,26 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-58907f8d.js');
+const snkGuidesViewer = require('./snk-guides-viewer-866447ab.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
-require('./SnkFormConfigManager-beebf47a.js');
-require('./ConfigStorage-e49214c6.js');
-require('./form-config-fetcher-feb08214.js');
-require('./DataFetcher-77729a93.js');
+require('./SnkFormConfigManager-f1c92f79.js');
+require('./ConfigStorage-ecc0ed20.js');
+require('./form-config-fetcher-ed497282.js');
+require('./DataFetcher-cadeef8e.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-a7ffdaa6.js');
+require('./constants-35ddd366.js');
 require('@sankhyalabs/ezui/dist/collection/utils/form');
 require('./field-search-f56aa7d6.js');
 require('./taskbar-elements-9ad1f9c0.js');
 require('./index-1dfc7a6e.js');
 require('./index-102ba62d.js');
-require('./constants-35ddd366.js');
-require('./pesquisa-fetcher-a1d0353f.js');
+require('./pesquisa-fetcher-ca89181c.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
-require('./dataunit-fetcher-4c0d1485.js');
+require('./dataunit-fetcher-4b12f70c.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
 require('./ResourceIDUtils-5ff86aa7.js');

package/dist/cjs/snk-personalized-filter.cjs.entry.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-0184ffbb.js');
-const ConfigStorage = require('./ConfigStorage-e49214c6.js');
+const ConfigStorage = require('./ConfigStorage-ecc0ed20.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const index$1 = require('./index-c5771aba.js');
 const index$2 = require('./index-102ba62d.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-feb08214.js');
-require('./DataFetcher-77729a93.js');
+require('./form-config-fetcher-ed497282.js');
+require('./DataFetcher-cadeef8e.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 

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

@@ -7,20 +7,20 @@ const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const constants = require('./constants-35ddd366.js');
 const taskbarElements = require('./taskbar-elements-9ad1f9c0.js');
-require('./DataFetcher-77729a93.js');
-require('./pesquisa-fetcher-a1d0353f.js');
-const IExporterProvider = require('./IExporterProvider-a6e2acaa.js');
+require('./DataFetcher-cadeef8e.js');
+require('./pesquisa-fetcher-ca89181c.js');
+const IExporterProvider = require('./IExporterProvider-9ac15aaf.js');
 const index = require('./index-1dfc7a6e.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-const dataunitFetcher = require('./dataunit-fetcher-4c0d1485.js');
+const dataunitFetcher = require('./dataunit-fetcher-4b12f70c.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-const formConfigFetcher = require('./form-config-fetcher-feb08214.js');
+const formConfigFetcher = require('./form-config-fetcher-ed497282.js');
 const fieldSearch = require('./field-search-f56aa7d6.js');
-const ConfigStorage = require('./ConfigStorage-e49214c6.js');
-const SnkFormConfigManager = require('./SnkFormConfigManager-beebf47a.js');
-const RecordIDUtils = require('./RecordIDUtils-3735135c.js');
+const ConfigStorage = require('./ConfigStorage-ecc0ed20.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-f1c92f79.js');
+const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
 const index$2 = require('./index-102ba62d.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
@@ -41,7 +41,7 @@ class ClientSideExporterProvider extends IExporterProvider.CommonsExporter {
     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 RecordIDUtils.getSelectedIDs(this.dataUnit);
+    return GetSelectedRecordsIDsInfo.getSelectedRecordsIDsInfo(this.dataUnit);
   }
   getRecordID() {
     var _a, _b, _c;
@@ -359,7 +359,7 @@ const SnkSimpleCrud = class {
       return;
     }
     if (this._formConfigManager == undefined) {
-      this._formConfigManager = new SnkFormConfigManager.SnkFormConfigManager(this.configName, this.resolveResourceID());
+      this._formConfigManager = new SnkFormConfigManager.SnkFormConfigManager(this.configName, this.resolveResourceID(), undefined, this.dataUnit);
       this._formConfigManager.setConfig(this.formConfig);
     }
     if (this.formConfigIsLoaded() && !forceLoad) {

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

@@ -15,6 +15,8 @@ const SnkTaskbar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.actionClick = index.createEvent(this, "actionClick", 7);
+    this.taskbarSaveLocker = index.createEvent(this, "taskbarSaveLocker", 7);
+    this.taskbarSaveUnlocker = index.createEvent(this, "taskbarSaveUnlocker", 7);
     this.TASKBAR_ITEM_ID_PREFIX = 'TASKBAR_ITEM_';
     this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME = 'taskbar-custom-elements-container';
     this.ACTIONS_BUTTON_TAG = 'TASKBAR-ACTIONS-BUTTON';
@@ -38,6 +40,7 @@ const SnkTaskbar = class {
     this.onSaveEvent = (action) => {
       switch (action.type) {
         case core.Action.FIELD_INVALIDATED:
+        case core.Action.INVALIDATE_CLEAN:
         case core.Action.DATA_SAVED:
         case core.Action.SAVING_ERROR:
           this._isWaitingForSave = false;
@@ -76,6 +79,16 @@ const SnkTaskbar = class {
       this.getCustomElements(true);
     }
   }
+  handleTaskbarSaveLocker() {
+    if (this._isWaitingForSave !== true) {
+      this._isWaitingForSave = true;
+    }
+  }
+  handleTaskbarSaveUnlocker() {
+    if (this._isWaitingForSave === true) {
+      this._isWaitingForSave = false;
+    }
+  }
   hasToSearchCustomElements(event) {
     return this.customSlotId === event.detail && !this._slotContainer;
   }
@@ -94,6 +107,14 @@ const SnkTaskbar = class {
       this._hasToUpdateOverFlow = true;
     }
   }
+  observeIsWaitingForSave(newValue, oldValue) {
+    if (newValue == true && oldValue == false) {
+      this.taskbarSaveLocker.emit();
+    }
+    if (newValue == false && oldValue == true) {
+      this.taskbarSaveUnlocker.emit();
+    }
+  }
   // Internal methods
   elementsFromString(strButtons) {
     const elements = [];
@@ -422,7 +443,8 @@ const SnkTaskbar = class {
   static get watchers() { return {
     "buttons": ["observeButtons"],
     "disabledButtons": ["observeDisabledButtons"],
-    "_lastWidth": ["observeLastWidth"]
+    "_lastWidth": ["observeLastWidth"],
+    "_isWaitingForSave": ["observeIsWaitingForSave"]
   }; }
 };
 SnkTaskbar.style = snkTaskbarCss;

package/dist/collection/components/snk-actions-button/actions/index.js

@@ -3,9 +3,9 @@ import { RefreshType } from "./enum/RefreshType";
 import { ParamType } from "./enum/ParamType";
 import { DataFetcher } from "../../../lib";
 import { ActionsType } from "./enum/ActionsType";
+import { getSelectedRecordsIDsInfo } from "../../../lib/utils/GetSelectedRecordsIDsInfo";
 const MASTER_ROW_PROPERTY = "__MASTER_ROW__";
 const ENTITY_NAME_PROPERTY = '__ENTITY_NAME__';
-const NUFIN_COLUMN = 'NUFIN';
 const SERVICE_GET_CONFIGURATIONS = 'SystemUtilsSP.getConf';
 export default class Actions {
   constructor(actionsExecuteInterface, dataUnit, appResourceId) {
@@ -17,6 +17,10 @@ export default class Actions {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this._appResourceId = appResourceId;
   }
+  getPrimaryKeys() {
+    const ids = getSelectedRecordsIDsInfo(this._dataUnit);
+    return ids.map(({ name }) => name);
+  }
   apply(action, hasParamsToSave) {
     this._application.closePopUp();
     this._actionsExecuteInterface.execute(action, this._dataUnit)
@@ -285,6 +289,7 @@ export default class Actions {
     executeAction(execSource);
   }
   addRows(execSource) {
+    const primaryKeys = this.getPrimaryKeys();
     const rows = {
       row: []
     };
@@ -298,15 +303,13 @@ export default class Actions {
         delete sourceRow[MASTER_ROW_PROPERTY];
         delete sourceRow[ENTITY_NAME_PROPERTY];
       }
-      for (const fieldName in sourceRow) {
-        if (fieldName !== NUFIN_COLUMN)
-          continue;
-        if (!row.field) {
-          row.field = [];
-        }
+      if (!row.field) {
+        row.field = [];
+      }
+      for (const primaryKey of primaryKeys) {
         row.field.push({
-          fieldName: fieldName,
-          $: sourceRow[fieldName]
+          fieldName: primaryKey,
+          $: sourceRow[primaryKey]
         });
       }
       rows.row.push(row);

package/dist/collection/components/snk-attach/structure/fetcher/factory/attach-fetcher-data-unit.factory.js

@@ -3,7 +3,7 @@ import { SaveErrorsEnum } from '../../../../../lib/http/data-fetcher/fetchers/At
 import { AutorizationType } from '../../../../../lib/http/data-fetcher/fetchers/auth-fetcher';
 import { attachFetcherMetadataBuilder } from '../../builder/attach-crud-config.builder';
 import { VIEW_MODE } from '../../../../../lib/utils/constants';
-import { applyFilter, applySorting, buildPaginationInfo, } from '../../../../../lib/dataUnit/dataUnitInMemoryUtils';
+import { applyFilter, applySorting, buildPaginationInfo } from '../../../../../lib/dataUnit/dataUnitInMemoryUtils';
 const SERVICE_LOAD = "Attach.load";
 export class AttachFetcherDataUnitFactory {
   constructor(getMessage) {
@@ -51,13 +51,7 @@ export class AttachFetcherDataUnitFactory {
     }
     let records = applyFilter(this._records, dataUnit, request.filters);
     records = applySorting(records, dataUnit, request.sort);
-    //TODO:  não está sendo tratada a paginação nesse caso, é preciso replicar a lógica como no inMemoryLoader
-    const paginationInfoBuilderParams = {
-      recordsLength: records.length,
-      offset: request.offset,
-      recordsPerPage: request.limit
-    };
-    return Promise.resolve({ records, paginationInfo: buildPaginationInfo(paginationInfoBuilderParams) });
+    return Promise.resolve({ records, paginationInfo: buildPaginationInfo(records, request.offset, request.limit) });
   }
   saveLoader(changes, fetcher) {
     return new Promise((resolve) => {

package/dist/collection/components/snk-crud/subcomponents/snk-detail-view/snk-detail-view.js

@@ -198,7 +198,7 @@ export class SnkDetailView {
       this.emitSwitchEvent(VIEW_MODE.GRID);
       evt.stopPropagation();
     }
-    if (evt.detail === TaskbarElement.FORM_MODE) {
+    if (evt.detail === TaskbarElement.FORM_MODE || evt.detail === TaskbarElement.UPDATE) {
       this.emitSwitchEvent(VIEW_MODE.FORM);
       evt.stopPropagation();
     }
@@ -222,7 +222,7 @@ export class SnkDetailView {
   }
   componentWillLoad() {
     this._configName = `dynaform.${this.entityName}`;
-    this.formConfigManager = new SnkFormConfigManager(this._configName, this.resourceID, () => this.loadMetadata());
+    this.formConfigManager = new SnkFormConfigManager(this._configName, this.resourceID, () => this.loadMetadata(), this.dataUnit);
     this.formConfigManager.loadConfig();
     if (this.messagesBuilder == undefined) {
       this.messagesBuilder = new SnkMessageBuilder(this.entityName);

package/dist/collection/components/snk-crud/subcomponents/snk-guides-viewer.js

@@ -361,11 +361,14 @@ export class SnkGuidesViewer {
       this._configManager.addFormLegacyConfig(this.formLegacyConfigName);
     }
   }
+  setMasterFormConfig(config) {
+    this.masterFormConfig = config;
+  }
   componentWillLoad() {
     if (this.resourceID == undefined) {
       throw new Error("Erro interno: resourceID não informado");
     }
-    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID, config => this.masterFormConfig = config);
+    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID, this.setMasterFormConfig.bind(this), this.dataUnit);
     this.addFormLegacyConfigName();
     this._configManager.loadConfig();
   }
@@ -393,7 +396,7 @@ export class SnkGuidesViewer {
     return this._fieldSearch;
   }
   fieldsOptionLoader(argument) {
-    return Promise.resolve(this._configManager.getFieldsList(this.dataUnit, argument)
+    return Promise.resolve(this._configManager.getFieldsList(argument)
       .map(field => ({ value: field.name, label: field.label })));
   }
   onSelectField(option, actionButton) {

package/dist/collection/components/snk-data-exporter/providers/ClientSideExporterProvider.js

@@ -1,6 +1,6 @@
 import { CommonsExporter } from "../interfaces/IExporterProvider";
 import { UserInterface } from "@sankhyalabs/core";
-import { getSelectedIDs } from "../utils/RecordIDUtils";
+import { getSelectedRecordsIDsInfo as getSelectedIDs } from '../../../lib/utils/GetSelectedRecordsIDsInfo';
 import { DataExporterOption } from "../../../lib/@types";
 export default class ClientSideExporterProvider extends CommonsExporter {
   getSelectedNumber() {

package/dist/collection/components/snk-data-exporter/providers/ServerSideExporterProvider.js

@@ -1,5 +1,5 @@
 import { CommonsExporter } from "../interfaces/IExporterProvider";
-import { getSelectedIDs } from "../utils/RecordIDUtils";
+import { getSelectedRecordsIDsInfo as getSelectedIDs } from '../../../lib/utils/GetSelectedRecordsIDsInfo';
 export default class ServerSideExporterProvider extends CommonsExporter {
   getFilters() {
     var _a;

package/dist/collection/components/snk-data-unit/snk-data-unit.js

@@ -4,8 +4,8 @@ import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/
 import { OperationMap, SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
 import { DatasetStrategy } from '../../lib/http/data-fetcher/fetchers/data-unit/loadstrategy/DatasetStrategy';
 import { getRecordValue } from '../../lib/dataUnit/ValueFormatter';
-import { getSelectedIDs } from '../snk-data-exporter/utils/RecordIDUtils';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
+import { getSelectedRecordsIDsInfo } from '../../lib/utils/GetSelectedRecordsIDsInfo';
 export class SnkDataUnit {
   constructor() {
     this._onDataUnitResolve = [];
@@ -110,7 +110,7 @@ export class SnkDataUnit {
    * @returns Retorna a lista de IDs dos registros selecionados.
    */
   async getSelectedRecordsIDsInfo() {
-    return Promise.resolve(getSelectedIDs(this.dataUnit));
+    return getSelectedRecordsIDsInfo(this.dataUnit);
   }
   /**
    * Retorna os campos que possuem a propriedade "rmp" (Row Metadata Provider).

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

@@ -87,7 +87,7 @@ export class SnkForm {
     if (this.resourceID == undefined) {
       this.resourceID = await ResourceIDUtils.getResourceID();
     }
-    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID);
+    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID, undefined, this._dataUnit);
     this.addFormLegacyConfig();
     await this._configManager.loadConfig();
   }
@@ -117,7 +117,7 @@ export class SnkForm {
     if (!this._dataUnit || !this._dataState) {
       return undefined;
     }
-    return (h("section", null, h("div", { class: "ez-row" }, h("div", { class: "ez-col ez-col--sd-12" }, h("ez-form", { ref: (ref) => this._form = ref, key: "ezForm" + this._snkDataUnit.entityName, "data-element-id": "embedded", dataUnit: this._dataUnit, config: this._configManager.getConfig(this._dataState.insertionMode, this._dataUnit), recordsValidator: this.recordsValidator, class: this._showFormConfig ? 'snk-form__form--hidden' : '' }), this._showFormConfig &&
+    return (h("section", null, h("div", { class: "ez-row" }, h("div", { class: "ez-col ez-col--sd-12" }, h("ez-form", { ref: (ref) => this._form = ref, key: "ezForm" + this._snkDataUnit.entityName, "data-element-id": "embedded", dataUnit: this._dataUnit, config: this._configManager.getConfig(this._dataUnit), recordsValidator: this.recordsValidator, class: this._showFormConfig ? 'snk-form__form--hidden' : '' }), this._showFormConfig &&
       h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this._dataUnit, configManager: this._configManager, onConfigClose: () => this.closeConfig() })))));
   }
   static get is() { return "snk-form"; }

package/dist/collection/components/snk-form-config/SnkFormConfigManager.js

@@ -1,11 +1,13 @@
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
 import { ObjectUtils, StringUtils } from "@sankhyalabs/core";
 import { FormConfigFetcher } from "../../lib/http/data-fetcher/fetchers/form-config-fetcher";
+import { TAB_NAMES } from "../../lib/utils/constants";
 export class SnkFormConfigManager {
-  constructor(configName, resourceID, onConfigChange) {
+  constructor(configName, resourceID, onConfigChange, dataUnit) {
     this._resourceID = resourceID;
     this._configName = configName;
     this._onConfigChange = onConfigChange;
+    this._dataUnit = dataUnit;
   }
   addFormLegacyConfig(legacyConfigName) {
     if (this._configName) {
@@ -16,6 +18,7 @@ export class SnkFormConfigManager {
     return new Promise(resolve => {
       ConfigStorage.loadFormConfig(this._configName, this._resourceID)
         .then((config) => {
+        config = this.buildFormMetadataUITabs(config);
         this.setConfig(config);
         resolve(config);
       })
@@ -24,6 +27,10 @@ export class SnkFormConfigManager {
       });
     });
   }
+  getEmptyConfig() {
+    const config = this.buildFormMetadataUITabs({ fields: [], emptyConfig: true }, true);
+    return config;
+  }
   saveConfig(config) {
     const configToSave = ObjectUtils.copy(config);
     return new Promise(accept => {
@@ -67,25 +74,36 @@ export class SnkFormConfigManager {
     }
     return updatingCardConfig;
   }
-  getFieldsList(dataUnit, descriptionFilter) {
+  hasConfig(config) {
+    var _a;
+    const currentConfig = config !== null && config !== void 0 ? config : this._config;
+    if (currentConfig && ((_a = currentConfig.fields) === null || _a === void 0 ? void 0 : _a.length)) {
+      return true;
+    }
+    return false;
+  }
+  getFieldsList(descriptionFilter, forceEmptyConfig = false) {
     var _a;
     const fields = (_a = this._config) === null || _a === void 0 ? void 0 : _a.fields;
-    if (fields != undefined && fields.length > 0) {
-      return fields.map(({ label, name, readOnly, visible, required }) => {
+    const hasConfig = this.hasConfig();
+    if (hasConfig && !forceEmptyConfig) {
+      return fields.map(({ label, name, readOnly, visible, required, tab }) => {
+        var _a;
         if (label == undefined) {
-          const currentField = dataUnit.getField(name);
-          return Object.assign(Object.assign({}, currentField), { name: name !== null && name !== void 0 ? name : currentField.name, readOnly: readOnly !== null && readOnly !== void 0 ? readOnly : currentField.readOnly, visible: visible !== null && visible !== void 0 ? visible : currentField.visible, required: required !== null && required !== void 0 ? required : currentField.required });
+          const currentField = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getField(name);
+          return Object.assign(Object.assign({}, currentField), { name: name !== null && name !== void 0 ? name : currentField.name, readOnly: readOnly !== null && readOnly !== void 0 ? readOnly : currentField.readOnly, visible: visible !== null && visible !== void 0 ? visible : currentField.visible, required: required !== null && required !== void 0 ? required : currentField.required, tab: tab });
         }
-        return { name, label, readOnly, visible, required };
+        return { name, label, readOnly, visible, required, tab };
       })
         .filter(field => this.isFieldVisible(field, descriptionFilter));
     }
-    if (dataUnit != undefined) {
-      return dataUnit.metadata.fields
-        .filter(field => this.isFieldVisible(field, descriptionFilter))
-        .map(({ label, name, readOnly }) => { return { label, name, readOnly }; });
+    if (!this._dataUnit) {
+      return [];
     }
-    return [];
+    const filteredFields = this._dataUnit.metadata.fields
+      .filter(field => this.isFieldVisible(field, descriptionFilter))
+      .map(({ label, name, readOnly, visible, required, properties }) => ({ label, name, readOnly, visible, required, tab: properties === null || properties === void 0 ? void 0 : properties.UITabName }));
+    return filteredFields;
   }
   isFieldVisible(field, descriptionFilter) {
     if (field.visible === false) {
@@ -98,8 +116,8 @@ export class SnkFormConfigManager {
     const normalizedFilter = StringUtils.replaceAccentuatedCharsLower(descriptionFilter.toLocaleLowerCase());
     return normalizedText.includes(normalizedFilter);
   }
-  getFormConfig(dataUnit, ignoreReadOnlyFormFields) {
-    let fields = this.getFieldsList(dataUnit);
+  getFormConfig(dataUnit, ignoreReadOnlyFormFields, forceEmptyConfig = false) {
+    let fields = this.getFieldsList(undefined, forceEmptyConfig);
     if (ignoreReadOnlyFormFields) {
       fields = fields.filter(field => {
         if (dataUnit) {
@@ -152,4 +170,42 @@ export class SnkFormConfigManager {
   async fetchDefaultConfig() {
     return this.getFormConfigFetcher().fetchDefaultConfig(this._configName, this._resourceID);
   }
+  parseObjectList(object) {
+    if (!object) {
+      return [];
+    }
+    return Array.isArray(object) ? object : [object];
+  }
+  buildFormMetadataUITabs(config, forceEmptyConfig = false) {
+    var _a;
+    const hasConfig = this.hasConfig(config);
+    if (!forceEmptyConfig && (!this._dataUnit || hasConfig)) {
+      return config;
+    }
+    config = this.getFormConfig(this._dataUnit, false, true);
+    config.tabs = this.parseObjectList(config.tabs);
+    config.emptyConfig = false;
+    config.defaultConfiguration = true;
+    const fields = this._dataUnit.metadata.fields;
+    for (const currentField of fields) {
+      const field = config.fields.find(field => field.name === currentField.name);
+      const uiTabName = (_a = currentField.properties) === null || _a === void 0 ? void 0 : _a.UITabName;
+      if (!uiTabName || uiTabName === TAB_NAMES.main) {
+        continue;
+      }
+      const haveTab = config.tabs.some((tab) => tab.label === uiTabName);
+      if (!haveTab) {
+        config.tabs.push({
+          label: uiTabName,
+          name: uiTabName,
+          order: 0,
+          visible: true,
+        });
+      }
+      if (field) {
+        field.tab = uiTabName;
+      }
+    }
+    return config;
+  }
 }

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

@@ -193,6 +193,11 @@ export class SnkFormConfig {
     this.configManager.saveConfig(this.buildConfigToSave())
       .then(savedConfig => {
       ApplicationUtils.info(this.getMessage("snkFormConfig.info.successfullyConfigSaved"), { iconName: "check" });
+      const userOption = this._formConfigOptions
+        .find((config) => {
+        return config.origin === UserConfigType.USER;
+      });
+      this.setFormConfig(userOption);
       this.configChange.emit(savedConfig);
     });
   }
@@ -529,9 +534,12 @@ export class SnkFormConfig {
     switch (this._optionFormConfigSelected.origin) {
       case UserConfigType.DEFAULT:
         config = await this.configManager.fetchDefaultConfig();
+        if (!config) {
+          config = this.configManager.getEmptyConfig();
+        }
         break;
-      case UserConfigType.DEFAULT:
-        config = await this.configManager.fetchDefaultConfig();
+      default:
+        config = this.getConfig();
         break;
     }
     if (config != undefined) {
@@ -734,6 +742,9 @@ export class SnkFormConfig {
     if (layoutFormConfig == undefined) {
       layoutFormConfig = [];
     }
+    if (this._formConfig.defaultConfiguration) {
+      return layoutFormConfig;
+    }
     return this._formConfig.tabs.map((tab) => {
       return layoutFormConfig.find(config => { var _a, _b; return ((_a = tab.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = config.tab) === null || _b === void 0 ? void 0 : _b.toLowerCase()); })
         || { tab: tab.label, groups: [], visible: tab.visible };

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

@@ -279,7 +279,7 @@ export class SnkSimpleCrud {
       return;
     }
     if (this._formConfigManager == undefined) {
-      this._formConfigManager = new SnkFormConfigManager(this.configName, this.resolveResourceID());
+      this._formConfigManager = new SnkFormConfigManager(this.configName, this.resolveResourceID(), undefined, this.dataUnit);
       this._formConfigManager.setConfig(this.formConfig);
     }
     if (this.formConfigIsLoaded() && !forceLoad) {