@sankhyalabs/sankhyablocks 8.16.0-dev.20 → 8.16.0-dev.21

package/dist/components/SnkFormConfigManager.js

@@ -1,12 +1,14 @@
 import { C as ConfigStorage } from './ConfigStorage.js';
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
 import { F as FormConfigFetcher } from './form-config-fetcher.js';
+import { c as TAB_NAMES } from './constants.js';
 
 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) {
@@ -17,6 +19,7 @@ class SnkFormConfigManager {
     return new Promise(resolve => {
       ConfigStorage.loadFormConfig(this._configName, this._resourceID)
         .then((config) => {
+        config = this.buildFormMetadataUITabs(config);
         this.setConfig(config);
         resolve(config);
       })
@@ -25,6 +28,10 @@ class SnkFormConfigManager {
       });
     });
   }
+  getEmptyConfig() {
+    const config = this.buildFormMetadataUITabs({ fields: [], emptyConfig: true }, true);
+    return config;
+  }
   saveConfig(config) {
     const configToSave = ObjectUtils.copy(config);
     return new Promise(accept => {
@@ -68,25 +75,36 @@ 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) {
@@ -99,8 +117,8 @@ 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) {
@@ -153,6 +171,44 @@ 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;
+  }
 }
 
 export { SnkFormConfigManager as S };

package/dist/components/form-config-fetcher.js

@@ -217,7 +217,10 @@ class FormConfigFetcher extends ResourceFetcher {
         query: this.queryConfig.get("fetchDefaultConfig"),
       })
         .then((result) => {
-        resolve(ObjectUtils.stringToObject((result === null || result === void 0 ? void 0 : result.resource) || ''));
+        if (!(result === null || result === void 0 ? void 0 : result.resource)) {
+          resolve(null);
+        }
+        resolve(ObjectUtils.stringToObject(result === null || result === void 0 ? void 0 : result.resource));
       })
         .catch((error) => {
         reject(error);

package/dist/components/snk-detail-view2.js

@@ -404,11 +404,14 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       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();
   }
@@ -436,7 +439,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     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) {
@@ -1008,7 +1011,7 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }
   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/components/snk-form-config2.js

@@ -202,6 +202,11 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     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);
     });
   }
@@ -535,9 +540,12 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     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) {
@@ -740,6 +748,9 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     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/components/snk-form.js

@@ -99,7 +99,7 @@ const SnkForm$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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();
   }
@@ -128,7 +128,7 @@ const SnkForm$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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() })))));
   }
   get _element() { return this; }

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

@@ -360,7 +360,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       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) {

package/dist/esm/{ConfigStorage-e476378d.js → ConfigStorage-7b36d041.js}

@@ -1,7 +1,7 @@
-import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-e0382e5a.js';
+import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-adbe5d34.js';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { ObjectUtils } from '@sankhyalabs/core';
-import { d as dist, D as DataFetcher } from './DataFetcher-773a3e4b.js';
+import { d as dist, D as DataFetcher } from './DataFetcher-a9c598f2.js';
 
 class GridConfigFetcher extends ResourceFetcher {
   constructor() {

package/dist/esm/{DataFetcher-773a3e4b.js → DataFetcher-a9c598f2.js}

@@ -6863,6 +6863,7 @@ class DataFetcher {
     }
   }
   async executePendingRequest(watingRequestsById) {
+    var _a, _b;
     const requestsBatch = [];
     let quietMode = true;
     watingRequestsById.forEach((waitingReq) => {
@@ -6873,36 +6874,36 @@ class DataFetcher {
     const response = await this.fecthGraphQL(requestsBatch, quietMode);
     const { data: dataResponse, errors: errorsResponse, extensions } = response;
     //Reject promises with errors from query
-    errorsResponse.forEach((errorResponse) => {
-      Object.entries(errorResponse).forEach(async ([key, val]) => {
-        const waitingRequest = watingRequestsById.get(val.request.variables[val.index].queryID);
+    for (const errorResponse of errorsResponse) {
+      const values = Object.values(errorResponse);
+      for (const value of values) {
+        const waitingRequest = watingRequestsById.get(value.request.variables[value.index].queryID);
         const hasClientEvent = await this.proccesGraphQLClientEvents(extensions, waitingRequest.request, waitingRequest.resolve, waitingRequest.reject);
-        Promise.race([
+        const data = await Promise.race([
           waitingRequest.promise,
           new Promise((resolve) => {
             resolve(false);
           })
-        ]).then((data) => {
-          var _a, _b;
-          if (!hasClientEvent || data === false) {
-            if (Object.keys(errorResponse[0].extensions).includes("SERVICE_CANCELED") || Object.keys(extensions).includes("isServiceCancelled")) {
-              (((_a = watingRequestsById.get(val.request.variables[val.index].queryID)) === null || _a === void 0 ? void 0 : _a.reject) || Promise.reject)(new ServiceCanceledException("Service canceled", val.message));
-            }
-            else {
-              (((_b = watingRequestsById.get(val.request.variables[val.index].queryID)) === null || _b === void 0 ? void 0 : _b.reject) || Promise.reject)(new ErrorException("Falha detectada", val.message));
-            }
+        ]);
+        if (!hasClientEvent || data === false) {
+          if (Object.keys(errorResponse[0].extensions).includes("SERVICE_CANCELED") || Object.keys(extensions).includes("isServiceCancelled")) {
+            (((_a = watingRequestsById.get(value.request.variables[value.index].queryID)) === null || _a === void 0 ? void 0 : _a.reject) || Promise.reject)(new ServiceCanceledException("Service canceled", value.message));
           }
-        });
-      });
-    });
+          else {
+            (((_b = watingRequestsById.get(value.request.variables[value.index].queryID)) === null || _b === void 0 ? void 0 : _b.reject) || Promise.reject)(new ErrorException("Falha detectada", value.message));
+          }
+        }
+      }
+    }
     //Resolve promises with data from query
-    dataResponse.forEach((data) => {
-      Object.entries(data).forEach(async ([key, val]) => {
+    for (const data of dataResponse) {
+      const entries = Object.entries(data);
+      for (const [key, val] of entries) {
         const waitingRequest = watingRequestsById.get(key);
         await this.proccesGraphQLClientEvents(extensions, waitingRequest.request, waitingRequest.resolve, waitingRequest.reject);
         ((waitingRequest === null || waitingRequest === void 0 ? void 0 : waitingRequest.resolve) || Promise.resolve)(val);
-      });
-    });
+      }
+    }
   }
   buildGraphQlURL(quietMode) {
     const urlParams = UrlUtils.getQueryParams(location.search);

package/dist/esm/{IExporterProvider-d597f27d.js → IExporterProvider-09df2e3e.js}

@@ -1,13 +1,13 @@
-import { D as DataFetcher } from './DataFetcher-773a3e4b.js';
-import './pesquisa-fetcher-a87445a0.js';
+import { D as DataFetcher } from './DataFetcher-a9c598f2.js';
+import './pesquisa-fetcher-8edaa8cd.js';
 import { SortMode, ApplicationContext, UserInterface, DateUtils, ObjectUtils, NumberUtils, DataType } from '@sankhyalabs/core';
 import './index-3aa4977a.js';
 import './ISave-d8c8bc59.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { UserInterface as UserInterface$1 } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { P as PreloadManager } from './dataunit-fetcher-3d2ec959.js';
+import { P as PreloadManager } from './dataunit-fetcher-3aac1a53.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-e0382e5a.js';
+import './form-config-fetcher-adbe5d34.js';
 import InMemoryFilterColumnDataSource from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
 
 class CrudUtils {

package/dist/esm/{SnkFormConfigManager-298cd647.js → SnkFormConfigManager-139f09fa.js}

@@ -1,12 +1,14 @@
-import { C as ConfigStorage } from './ConfigStorage-e476378d.js';
+import { C as ConfigStorage } from './ConfigStorage-7b36d041.js';
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
-import { F as FormConfigFetcher } from './form-config-fetcher-e0382e5a.js';
+import { F as FormConfigFetcher } from './form-config-fetcher-adbe5d34.js';
+import { T as TAB_NAMES } from './constants-8457af36.js';
 
 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) {
@@ -17,6 +19,7 @@ class SnkFormConfigManager {
     return new Promise(resolve => {
       ConfigStorage.loadFormConfig(this._configName, this._resourceID)
         .then((config) => {
+        config = this.buildFormMetadataUITabs(config);
         this.setConfig(config);
         resolve(config);
       })
@@ -25,6 +28,10 @@ class SnkFormConfigManager {
       });
     });
   }
+  getEmptyConfig() {
+    const config = this.buildFormMetadataUITabs({ fields: [], emptyConfig: true }, true);
+    return config;
+  }
   saveConfig(config) {
     const configToSave = ObjectUtils.copy(config);
     return new Promise(accept => {
@@ -68,25 +75,36 @@ 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) {
@@ -99,8 +117,8 @@ 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) {
@@ -153,6 +171,44 @@ 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;
+  }
 }
 
 export { SnkFormConfigManager as S };

package/dist/esm/{auth-fetcher-a411f73c.js → auth-fetcher-749d880f.js}

@@ -1,5 +1,5 @@
 import { ObjectUtils } from '@sankhyalabs/core';
-import { R as ResourceFetcher } from './form-config-fetcher-e0382e5a.js';
+import { R as ResourceFetcher } from './form-config-fetcher-adbe5d34.js';
 
 class AuthFetcher extends ResourceFetcher {
   getData(resourceID) {

package/dist/esm/{dataunit-fetcher-3d2ec959.js → dataunit-fetcher-3aac1a53.js}

@@ -1,5 +1,5 @@
 import { ObjectUtils, DataUnit, DataType, DateUtils, StringUtils, ChangeOperation, ApplicationContext, UserInterface, DataUnitStorage } from '@sankhyalabs/core';
-import { D as DataFetcher, d as dist } from './DataFetcher-773a3e4b.js';
+import { D as DataFetcher, d as dist } from './DataFetcher-a9c598f2.js';
 import { DISTINCT_FILTER_NAME_PREFIX } from '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { DataUnitTransient } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import { ColumnFilterManager } from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';

package/dist/esm/{form-config-fetcher-e0382e5a.js → form-config-fetcher-adbe5d34.js}

@@ -1,4 +1,4 @@
-import { d as dist, D as DataFetcher } from './DataFetcher-773a3e4b.js';
+import { d as dist, D as DataFetcher } from './DataFetcher-a9c598f2.js';
 import { ObjectUtils } from '@sankhyalabs/core';
 
 class ResourceFetcher {
@@ -217,7 +217,10 @@ class FormConfigFetcher extends ResourceFetcher {
         query: this.queryConfig.get("fetchDefaultConfig"),
       })
         .then((result) => {
-        resolve(ObjectUtils.stringToObject((result === null || result === void 0 ? void 0 : result.resource) || ''));
+        if (!(result === null || result === void 0 ? void 0 : result.resource)) {
+          resolve(null);
+        }
+        resolve(ObjectUtils.stringToObject(result === null || result === void 0 ? void 0 : result.resource));
       })
         .catch((error) => {
         reject(error);

package/dist/esm/{pesquisa-fetcher-a87445a0.js → pesquisa-fetcher-8edaa8cd.js}

@@ -1,5 +1,5 @@
 import { DataType, ApplicationContext } from '@sankhyalabs/core';
-import { d as dist, D as DataFetcher } from './DataFetcher-773a3e4b.js';
+import { d as dist, D as DataFetcher } from './DataFetcher-a9c598f2.js';
 
 class PesquisaFetcher {
   constructor() {

package/dist/esm/snk-actions-button_4.entry.js

@@ -1,19 +1,19 @@
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-a7d3d3f1.js';
 import { ApplicationContext, StringUtils, ErrorException, WarningException, ObjectUtils, DateUtils, ArrayUtils, ElementIDUtils } from '@sankhyalabs/core';
-import { D as DataFetcher } from './DataFetcher-773a3e4b.js';
+import { D as DataFetcher } from './DataFetcher-a9c598f2.js';
 import { P as ParamType } from './ParamType-d5152b06.js';
-import './pesquisa-fetcher-a87445a0.js';
+import './pesquisa-fetcher-8edaa8cd.js';
 import './index-3aa4977a.js';
 import './ISave-d8c8bc59.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-3d2ec959.js';
+import './dataunit-fetcher-3aac1a53.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-e0382e5a.js';
+import './form-config-fetcher-adbe5d34.js';
 import { R as ResourceIDUtils } from './ResourceIDUtils-a114189a.js';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { CheckMode } from '@sankhyalabs/ezui/dist/collection/components/ez-check/CheckMode';
-import { C as ConfigStorage } from './ConfigStorage-e476378d.js';
+import { C as ConfigStorage } from './ConfigStorage-7b36d041.js';
 import { O as ORDER_VALUES } from './constants-8457af36.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';

package/dist/esm/snk-application.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a7d3d3f1.js';
 import { DateUtils, StringUtils, ObjectUtils, WaitingChangeException, WarningException, ErrorException, KeyboardManager, OnboardingUtils, DependencyType, ArrayUtils, SearchUtils, ElementIDUtils, ApplicationContext, DataType, ErrorTracking } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { C as ConfigStorage } from './ConfigStorage-e476378d.js';
-import { d as dist, D as DataFetcher, U as UrlUtils } from './DataFetcher-773a3e4b.js';
-import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher-a411f73c.js';
-import { D as DataUnitFetcher } from './dataunit-fetcher-3d2ec959.js';
-import { P as PesquisaFetcher } from './pesquisa-fetcher-a87445a0.js';
+import { C as ConfigStorage } from './ConfigStorage-7b36d041.js';
+import { d as dist, D as DataFetcher, U as UrlUtils } from './DataFetcher-a9c598f2.js';
+import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher-749d880f.js';
+import { D as DataUnitFetcher } from './dataunit-fetcher-3aac1a53.js';
+import { P as PesquisaFetcher } from './pesquisa-fetcher-8edaa8cd.js';
 import { S as SnkMessageBuilder } from './SnkMessageBuilder-ae87b754.js';
-import './form-config-fetcher-e0382e5a.js';
+import './form-config-fetcher-adbe5d34.js';
 import './filter-item-type.enum-d45e026f.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';

package/dist/esm/snk-attach.entry.js

@@ -1,14 +1,14 @@
 import { r as registerInstance, c as createEvent, h } from './index-a7d3d3f1.js';
 import { ApplicationContext, DataType, Action, UserInterface, StringUtils, DataUnit } from '@sankhyalabs/core';
-import { D as DataFetcher } from './DataFetcher-773a3e4b.js';
-import './pesquisa-fetcher-a87445a0.js';
+import { D as DataFetcher } from './DataFetcher-a9c598f2.js';
+import './pesquisa-fetcher-8edaa8cd.js';
 import './index-3aa4977a.js';
 import { S as SaveErrorsEnum } from './ISave-d8c8bc59.js';
-import { P as PreloadManager, b as applyFilter, c as applySorting, d as buildPaginationInfo, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher-3d2ec959.js';
+import { P as PreloadManager, b as applyFilter, c as applySorting, d as buildPaginationInfo, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher-3aac1a53.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-e0382e5a.js';
+import './form-config-fetcher-adbe5d34.js';
 import { d as VIEW_MODE } from './constants-8457af36.js';
-import { A as AutorizationType } from './auth-fetcher-a411f73c.js';
+import { A as AutorizationType } from './auth-fetcher-749d880f.js';
 import { T as TaskbarElement } from './taskbar-elements-d59867f1.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';

package/dist/esm/snk-crud.entry.js

@@ -1,17 +1,17 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7d3d3f1.js';
 import { StringUtils, ElementIDUtils, ApplicationContext, JSUtils, FloatingManager } from '@sankhyalabs/core';
 import { T as TaskbarElement } from './taskbar-elements-d59867f1.js';
-import './DataFetcher-773a3e4b.js';
-import './pesquisa-fetcher-a87445a0.js';
+import './DataFetcher-a9c598f2.js';
+import './pesquisa-fetcher-8edaa8cd.js';
 import { P as PresentationMode } from './index-3aa4977a.js';
 import './ISave-d8c8bc59.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-3d2ec959.js';
+import './dataunit-fetcher-3aac1a53.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-e0382e5a.js';
+import './form-config-fetcher-adbe5d34.js';
 import { d as VIEW_MODE } from './constants-8457af36.js';
-import { A as AutorizationType } from './auth-fetcher-a411f73c.js';
+import { A as AutorizationType } from './auth-fetcher-749d880f.js';
 import './index-bdf75557.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';