@sankhyalabs/sankhyablocks 8.16.0-dev.3 → 8.16.0-dev.30

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

@@ -27,6 +27,8 @@ export class SnkGuidesViewer {
     this.resourceID = undefined;
     this.detailTaskbarCustomContainerId = undefined;
     this.formLegacyConfigName = undefined;
+    this.enableGridInsert = false;
+    this.getCustomTitle = undefined;
     this._hasToCreateFieldSearch = true;
     this._breadcrumbItems = [];
     this._guides = undefined;
@@ -95,7 +97,7 @@ export class SnkGuidesViewer {
     this._container.focus();
   }
   exitViewer() {
-    if (this.dataUnit.isDirty()) {
+    if (!this.enableGridInsert && this.dataUnit.isDirty()) {
       this.dataUnit.cancelEdition({ after: () => this.exit.emit() });
     }
     else {
@@ -113,7 +115,7 @@ export class SnkGuidesViewer {
   }
   onContentCardChanged(evt) {
     SnkGuidesViewer.updateContentCard(evt.detail.formName, evt.detail.cardConfig, evt.detail.propertyChanged, this._configManager)
-      .then(() => this.masterFormConfig = this._configManager.getConfig(this.dataState.insertionMode, this.dataUnit));
+      .then(() => this.masterFormConfig = this._configManager.getConfig(this.dataUnit));
   }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
@@ -204,10 +206,13 @@ export class SnkGuidesViewer {
     const invisibleButtons = this.getInvisibleButtons();
     this._taskbarProcessor = new TaskbarProcessor({
       "snkGuideViewer.regular": btnsRegularMode,
-      "snkGuideViewer.finish_edition": ["CANCEL", "SAVE"],
+      "snkGuideViewer.finish_edition": ["CANCEL", "SAVE", this.handleAddGridMode()],
     });
     this._taskbarProcessor.process(taskbarId, this.taskbarManager, this.dataState, disabledButtons, invisibleButtons);
   }
+  handleAddGridMode() {
+    return this.enableGridInsert ? TaskbarElement.GRID_MODE : "";
+  }
   getInvisibleButtons() {
     const invisibleButtons = [];
     if (this.dataState && this.dataState.selectionInfo.mode === SelectionMode.ALL_RECORDS)
@@ -360,11 +365,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();
   }
@@ -392,7 +400,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) {
@@ -464,6 +472,10 @@ export class SnkGuidesViewer {
     }
     return "";
   }
+  getTitle() {
+    var _a, _b;
+    return (_b = (_a = this.getCustomTitle) === null || _a === void 0 ? void 0 : _a.call(this)) !== null && _b !== void 0 ? _b : this.getMessage("snkCrud.title");
+  }
   componentDidLoad() {
     this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
   }
@@ -477,7 +489,7 @@ export class SnkGuidesViewer {
     }
     this.loadTaskbarProcessor();
     const showGuides = this._guides && (this._guides.length > 1);
-    return (h("section", { class: "snk-guides-viewer", ref: ref => this._container = ref, tabindex: -1 }, h("div", { class: "ez-row snk-guides-viewer__header" }, h("div", { class: "snk-guides-viewer__header-breadcrumb ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, h("h1", { class: "ez-title ez-title--primary ez-title--xlarge" }, this.getMessage("snkCrud.title")), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
+    return (h("section", { class: "snk-guides-viewer", ref: ref => this._container = ref, tabindex: -1 }, h("div", { class: "ez-row snk-guides-viewer__header" }, h("div", { class: "snk-guides-viewer__header-breadcrumb ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, h("h1", { class: "ez-title ez-title--primary ez-title--xlarge" }, this.getTitle()), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
       h("div", { class: "ez-margin-top--extra-small" }, h("ez-breadcrumb", Object.assign({ items: this._breadcrumbItems, onSelectedItem: (evt) => this.onBreadcrumbClickHandler(evt === null || evt === void 0 ? void 0 : evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("breadcrumb")}` }))))), this.presentationMode != PresentationMode.SECONDARY && this.buildTaskBar()), h("div", { class: "snk-guides-viewer__container" }, showGuides ?
       h("ez-guide-navigator", { ref: (ref) => this._guideNavigator = ref, class: "snk-guides-viewer__guide-navigator", items: this._guides, selectedId: this.selectedGuide ? this.selectedGuide.id : undefined, onEzSelectionChange: evt => this.updateSelectedGuideHandler(evt.detail) })
       :
@@ -794,6 +806,39 @@ export class SnkGuidesViewer {
         },
         "attribute": "form-legacy-config-name",
         "reflect": false
+      },
+      "enableGridInsert": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Ativa inser\u00E7\u00E3o de registros no modo grade."
+        },
+        "attribute": "enable-grid-insert",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "getCustomTitle": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "() => string",
+          "resolved": "() => string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Fornece  uma fun\u00E7\u00E3o para obter um t\u00EDtulo customizado do formul\u00E1rio."
+        }
       }
     };
   }

package/dist/collection/components/snk-data-exporter/exporter-email-sender/options-step.js

@@ -4,7 +4,7 @@ export const OptionsStep = ({ getMessage, changeInfo, data }) => {
   const selectionCount = (data === null || data === void 0 ? void 0 : data.selectedRows) || 0;
   const formatOptions = [
     { label: getMessage("snkExporter.emailSenderOptStep_formatPDF"), value: "pdf" },
-    { label: getMessage("snkExporter.emailSenderOptStep_formatXLSX"), value: "xlsx" }
+    { label: getMessage("snkExporter.emailSenderOptStep_formatXLS"), value: "xls" }
   ];
   const typeOptions = [
     { label: getMessage("snkExporter.emailSenderOptStep_allData"), value: "all" },

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-exporter/structure/ItemBuilder.js

@@ -110,7 +110,7 @@ export class ItemBuilder {
   getExportToXLS(groupName) {
     return {
       id: DataExporterOption.EXPORT_TO_XLS,
-      label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xlsx)`,
+      label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xls)`,
       group: groupName
     };
   }
@@ -153,7 +153,7 @@ export class ItemBuilder {
   getExportPageToXLS() {
     return {
       id: DataExporterOption.EXPORT_PAGE_TO_XLS,
-      label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xlsx)`
+      label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xls)`
     };
   }
   /**

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 = [];
@@ -54,6 +54,7 @@ export class SnkDataUnit {
     this.ignoreSaveMessage = undefined;
     this.configName = undefined;
     this.resourceID = undefined;
+    this.domainMessagesBuilder = undefined;
   }
   observePageSize() {
     if (this.dataUnit) {
@@ -109,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).
@@ -470,21 +471,15 @@ export class SnkDataUnit {
     if (this.ignoreSaveMessage) {
       return;
     }
-    const msg = this.getMessage("snkDataUnit.saveInfo", action.payload.records[0]);
+    const saveOperation = action.payload.changes[0]._operation.toLowerCase();
+    const msg = this.getMessage("snkDataUnit.saveInfo", action.payload.records[0], saveOperation);
     if (msg != undefined) {
       this.showSuccessMessage(msg);
     }
   }
   handleRecordsRemoved(action) {
     var _a, _b;
-    const cachedRecords = action.payload.cachedRecords;
-    let removeFinishMsg;
-    if ((cachedRecords === null || cachedRecords === void 0 ? void 0 : cachedRecords.length) > 1) {
-      removeFinishMsg = this.getMessage("snkDataUnit.removeAllInfo", { size: cachedRecords.length });
-    }
-    else {
-      removeFinishMsg = this.getMessage("snkDataUnit.removeInfo", action.payload.cachedRecords[0]);
-    }
+    let removeFinishMsg = this.buildRemoveFinishMessage(action);
     if (removeFinishMsg != undefined) {
       this.showSuccessMessage(removeFinishMsg);
     }
@@ -495,16 +490,27 @@ export class SnkDataUnit {
       this.dataUnit.gotoPage(page);
     }
   }
+  buildRemoveFinishMessage(action) {
+    const records = action.payload.records;
+    if (!records || !records.length)
+      return undefined;
+    if ((records === null || records === void 0 ? void 0 : records.length) > 1)
+      return this.getMessage('snkDataUnit.removeAllInfo', { size: records.length });
+    return this.getMessage('snkDataUnit.removeInfo', records);
+  }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
    * através de um pequeno modulo na estrutura da aplicação:
    * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-data-unit.msg.ts"
    */
-  getMessage(key, params = undefined) {
+  getMessage(key, params = undefined, customOperation) {
     if (!params) {
       params = this.getMessageParams();
     }
+    if (customOperation) {
+      this.messagesBuilder.currentOperation = customOperation;
+    }
     return this.messagesBuilder.getMessage(key, params);
   }
   getMessageParams() {
@@ -535,19 +541,28 @@ export class SnkDataUnit {
       return await this._application.getDataUnit(this.entityName, cacheName, null, this.configName, this.resourceID);
     }
   }
+  updateMetadataWithRMP() {
+    this.fillFieldsWithRmp(this.dataUnit.metadata);
+    this.fillFieldsWithRmPrecision(this.dataUnit.metadata);
+    const dataUnitUpdatedMetadata = this.handleDULinksOnMetadataLoaded(this.dataUnit.metadata);
+    this.dataUnit.metadata = dataUnitUpdatedMetadata;
+  }
   async loadDataUnit() {
-    var _a;
+    var _a, _b;
     if (this.dataUnit == null && this._application && this.entityName) {
       this.dataUnit = await this.getDataUnitParentOrChild();
     }
     if (this.dataUnit) {
       this.dataUnit.pageSize = this.pageSize;
       this.dataUnit.unsubscribe(this._dataUnitObserver);
-      this.dataUnit.addInterceptor(this);
       this.dataUnit.subscribe(this._dataUnitObserver);
-      await this.dataUnit.loadMetadata();
-      if ((_a = this.dataUnit.records) === null || _a === void 0 ? void 0 : _a.length) {
-        this.getMetadataByRow(this.dataUnit);
+      if ((_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.metadata) {
+        this.updateMetadataWithRMP();
+      }
+      this.dataUnit.addInterceptor(this);
+      if ((_b = this.dataUnit.records) === null || _b === void 0 ? void 0 : _b.length) {
+        const { records } = this.getMetadataByRow(this.dataUnit);
+        this.dataUnit.records = records;
       }
       this.dataState = this.buildDataState();
       let resolver;
@@ -611,6 +626,13 @@ export class SnkDataUnit {
       parent = parent.parentElement;
     }
   }
+  instanceMessagesBuilder() {
+    var _a;
+    if (this.messagesBuilder) {
+      return;
+    }
+    this.messagesBuilder = new SnkMessageBuilder((_a = this.domainMessagesBuilder) !== null && _a !== void 0 ? _a : this.entityName);
+  }
   //---------------------------------------------
   // Lifecycle web component
   //---------------------------------------------
@@ -618,9 +640,7 @@ export class SnkDataUnit {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this._application.getAllAccess(this.resourceID).then(access => this._permissions = access);
     this._parentSnkDataUnit = this.getParentSnkDataUnit();
-    if (this.messagesBuilder == undefined) {
-      this.messagesBuilder = new SnkMessageBuilder(this.entityName);
-    }
+    this.instanceMessagesBuilder();
   }
   disconnectedCallback() {
     if (this.dataUnit) {
@@ -860,6 +880,23 @@ export class SnkDataUnit {
         },
         "attribute": "resource-i-d",
         "reflect": false
+      },
+      "domainMessagesBuilder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a chave customizada para sobrescrever as mensagens (N\u00E3o pegando pela entidade)"
+        },
+        "attribute": "domain-messages-builder",
+        "reflect": false
       }
     };
   }

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

@@ -19,7 +19,7 @@ export class SnkFilterCheckboxList {
     this.valueChanged.emit((_b = this.config) === null || _b === void 0 ? void 0 : _b.value);
   }
   renderOptions() {
-    return this.optionsList.map(option => (h("ez-check", { label: option.label, compact: true, onEzChange: (event) => this.handleToggleCheck(option, event.detail), value: !!this.isChecked(option.name) })));
+    return this.optionsList.map(option => (h("ez-check", { label: option.label, onEzChange: (event) => this.handleToggleCheck(option, event.detail), value: !!this.isChecked(option.name) })));
   }
   isChecked(itemName) {
     var _a;

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

@@ -105,7 +105,7 @@
 
 .snk-filter-bar__filter-item-container {
   display: flex;
-  align-self: center;
+  align-items: start;
 }
 
 .snk-filter-bar__scroller :first-child {

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

@@ -1,4 +1,4 @@
-import { ApplicationContext, ElementIDUtils, ErrorException, ObjectUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ElementIDUtils, ObjectUtils, ErrorException } from '@sankhyalabs/core';
 import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
 import { h, Host } from '@stencil/core';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
@@ -15,18 +15,19 @@ export class SnkFilterBar {
     this._pendingVariables = false;
     this._customfiltersToBeUpdated = [];
     this._calculateSortIndex = (item) => {
-      let index = item.hardFixed ? 1000000 : 0;
-      //campos Hard Fixed não variam a ordem
-      if (!item.hardFixed) {
-        index += item.fixed ? 100000 : 0;
-        index += item.value == undefined ? 0 : 10000;
-        index += this._updateSequence.lastIndexOf(item.id) + 1;
-      }
+      if (!item.visible)
+        return 0;
+      if (item.hardFixed)
+        return 1000000; //campos Hard Fixed não variam a ordem
+      let index = item.fixed ? 100000 : 0;
+      index += this.hasValidValue(item) ? 10000 : 0;
+      index += this._updateSequence.lastIndexOf(item.id) + 1;
       return index;
     };
     this._filtersComparator = (a, b) => {
       return this._calculateSortIndex(b) - this._calculateSortIndex(a);
     };
+    this.customFilterBarConfig = undefined;
     this.dataUnit = undefined;
     this.title = undefined;
     this.configName = undefined;
@@ -42,6 +43,13 @@ export class SnkFilterBar {
     this.showPersonalizedFilter = false;
     this.personalizedFilterId = undefined;
   }
+  hasValidValue(item) {
+    if (item.value === undefined || item.value === null)
+      return false;
+    if (!Array.isArray(item.value))
+      return true;
+    return item.value.some(filterItem => filterItem.check === true);
+  }
   observeFilterConfig(newValue, oldValue) {
     if (ObjectUtils.equals(newValue, oldValue))
       return;
@@ -268,7 +276,7 @@ export class SnkFilterBar {
   getFilterItems() {
     const pinnedItems = [];
     const unpinnedItems = [];
-    this.filterConfig
+    this.filterConfig.sort((a, b) => this._filtersComparator(a, b))
       .filter(this.filterActiveFilter)
       .forEach((item, index) => {
       item = ObjectUtils.copy(item);
@@ -330,19 +338,23 @@ export class SnkFilterBar {
     }
   }
   async loadConfigFromStorage(clearCache) {
-    if (clearCache) {
-      await ConfigStorage.deleteFilterBarConfigCache(this.configName, this.resourceID);
+    try {
+      if (clearCache) {
+        await ConfigStorage.deleteFilterBarConfigCache(this.configName, this.resourceID);
+      }
+      let config;
+      if (this.customFilterBarConfig) {
+        config = await this.customFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name });
+      }
+      else {
+        config = await ConfigStorage.loadFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name });
+      }
+      this.filterConfig = config.map(item => this.normalizeItem(item));
+      this.filterConfig.sort((a, b) => this._filtersComparator(a, b));
+    }
+    catch (e) {
+      throw new ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), e);
     }
-    return new Promise(accept => {
-      ConfigStorage.loadFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name })
-        .then((filters) => {
-        accept();
-        this.filterConfig = filters.map(item => this.normalizeItem(item));
-      })
-        .catch(reason => {
-        throw new ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), reason);
-      });
-    });
   }
   attachDataUnit() {
     if (this.dataUnit == undefined) {
@@ -469,6 +481,32 @@ export class SnkFilterBar {
   }
   static get properties() {
     return {
+      "customFilterBarConfig": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(configName: string, resourceId: string, options: any) => Promise<Array<SnkFilterItemConfig>>",
+          "resolved": "(configName: string, resourceId: string, options: any) => Promise<SnkFilterItemConfig[]>",
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            },
+            "SnkFilterItemConfig": {
+              "location": "import",
+              "path": "./filter-item/snk-filter-item"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Loader customizado para carregar as configura\u00E7\u00F5es"
+        }
+      },
       "dataUnit": {
         "type": "unknown",
         "mutable": true,

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,27 +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) {
-          return Object.assign(Object.assign({}, dataUnit.getField(name)), { name,
-            readOnly,
-            visible,
-            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) {
@@ -100,8 +116,8 @@ export class SnkFormConfigManager {
     const normalizedFilter = StringUtils.replaceAccentuatedCharsLower(descriptionFilter.toLocaleLowerCase());
     return normalizedText.includes(normalizedFilter);
   }
-  getInsertionConfig(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) {
@@ -132,8 +148,8 @@ export class SnkFormConfigManager {
       this._onConfigChange(Object.assign({}, this._config));
     }
   }
-  getConfig(insertionMode, dataUnit, ignoreReadOnlyFormFields) {
-    return insertionMode ? this.getInsertionConfig(dataUnit, ignoreReadOnlyFormFields !== null && ignoreReadOnlyFormFields !== void 0 ? ignoreReadOnlyFormFields : true) : Object.assign({}, this._config);
+  getConfig(dataUnit, ignoreReadOnlyFormFields) {
+    return this.getFormConfig(dataUnit, ignoreReadOnlyFormFields !== null && ignoreReadOnlyFormFields !== void 0 ? ignoreReadOnlyFormFields : true);
   }
   getFormConfigFetcher() {
     if (this._formConfigFetcher == undefined) {
@@ -154,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;
+  }
 }