@sankhyalabs/sankhyablocks 8.16.0-dev.12 → 8.16.0-dev.120

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, LockManager, LockManagerOperation } 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';
@@ -13,20 +13,24 @@ export class SnkFilterBar {
     this._configUpdated = false;
     this._firstLoad = true;
     this._pendingVariables = false;
+    this._isDefaultFilter = false;
     this._customfiltersToBeUpdated = [];
+    this._resolveLoading = undefined;
     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.enableLockManagerLoadingComp = false;
+    this.customFilterBarConfig = undefined;
     this.dataUnit = undefined;
     this.title = undefined;
     this.configName = undefined;
@@ -37,11 +41,19 @@ export class SnkFilterBar {
     this.disablePersonalizedFilter = undefined;
     this.filterBarLegacyConfigName = undefined;
     this.autoLoad = undefined;
+    this.afterApplyConfig = undefined;
     this.allowDefault = undefined;
     this.scrollerLocked = false;
     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;
@@ -166,6 +178,7 @@ export class SnkFilterBar {
     return this.filterConfig.find(item => item.type === FilterItemType.PERSONALIZED);
   }
   async processAfterUpdateConfig() {
+    var _a;
     if (this._loadingPending) {
       if (await this._application.isLoadedByPk() && !this._configUpdated)
         return;
@@ -180,6 +193,7 @@ export class SnkFilterBar {
     if (this._configUpdated) {
       this._configUpdated = false;
       ConfigStorage.saveFilterBarConfig(this.filterConfig, this.configName, this.resourceID);
+      (_a = this.afterApplyConfig) === null || _a === void 0 ? void 0 : _a.call(this);
     }
   }
   async doLoadData(forceReload = false) {
@@ -233,10 +247,10 @@ export class SnkFilterBar {
     }
     return this.filterActiveFilter(item) && (item.groupedItems || item.value != undefined);
   }
-  registryFilterProvider() {
+  async registryFilterProvider() {
     this.dataUnit.addFilterProvider(this);
     if (this.filterConfig) {
-      this.doLoadData();
+      await this.doLoadData();
     }
   }
   itemFocused(selectedItem) {
@@ -268,7 +282,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);
@@ -325,26 +339,30 @@ export class SnkFilterBar {
     this._application.isUserSup().then(value => this.allowDefault = value);
   }
   addFilterBarLegacyConfigName() {
-    if (this.filterBarLegacyConfigName && this.configName) {
+    if (this.filterBarLegacyConfigName) {
       ConfigStorage.addFilterBarLegacyConfig(this.configName, this.filterBarLegacyConfigName);
     }
   }
   async loadConfigFromStorage(clearCache) {
-    if (clearCache) {
-      await ConfigStorage.deleteFilterBarConfigCache(this.configName, this.resourceID);
-    }
-    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);
-      });
-    });
+    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);
+    }
   }
-  attachDataUnit() {
+  async attachDataUnit() {
     if (this.dataUnit == undefined) {
       let parent = this._element.parentElement;
       while (parent) {
@@ -352,12 +370,12 @@ export class SnkFilterBar {
           const snkDataUnit = parent;
           this.dataUnit = snkDataUnit.dataUnit;
           if (this.dataUnit) {
-            this.registryFilterProvider();
+            await this.registryFilterProvider();
           }
           else {
-            snkDataUnit.addEventListener("dataUnitReady", (evt) => {
+            snkDataUnit.addEventListener("dataUnitReady", async (evt) => {
               this.dataUnit = evt.detail;
-              this.registryFilterProvider();
+              await this.registryFilterProvider();
             });
           }
           break;
@@ -366,7 +384,7 @@ export class SnkFilterBar {
       parent = parent.parentElement;
     }
     else {
-      this.registryFilterProvider();
+      await this.registryFilterProvider();
     }
   }
   /**
@@ -380,7 +398,9 @@ export class SnkFilterBar {
   */
   async showFilterModal() {
     const callbackOnApplyFilter = (filters) => {
+      var _a;
       this.filterConfig = filters.map(this.normalizeItem).sort((a, b) => this._filtersComparator(a, b));
+      (_a = this.afterApplyConfig) === null || _a === void 0 ? void 0 : _a.call(this);
     };
     let filtersConfigCopy = ObjectUtils.copy(this.filterConfig);
     filtersConfigCopy = filtersConfigCopy.sort((itemA, itemB) => {
@@ -392,27 +412,34 @@ export class SnkFilterBar {
       onComplete: callbackOnApplyFilter,
       disablePersonalizedFilter: this.disablePersonalizedFilter,
       getMessage: (key, props) => this.getMessage(key, props),
-      onAddPersonalizedFilter: () => this.addPersonalizedFilter(),
-      onEditPersonalizedFilter: (id) => this.editPersonalizedFilter(id),
-      onDeletePersonalizedFilter: (filter, configName) => this.deletePersonalizedFilter(filter, FilterItemType.PERSONALIZED, configName),
+      onAddPersonalizedFilter: (isDefault) => this.addPersonalizedFilter(isDefault),
+      onEditPersonalizedFilter: (id, isDefault) => this.editPersonalizedFilter(id, isDefault),
+      onDeletePersonalizedFilter: (filter, configName, isDefault) => this.deletePersonalizedFilter(filter, FilterItemType.PERSONALIZED, configName, isDefault),
     };
     this._filterModalFactory = new SnkFilterModalFactory(factoryParams);
     await this._filterModalFactory.showModal();
   }
-  addPersonalizedFilter() {
+  addPersonalizedFilter(isDefault = false) {
     this._filterModalFactory.closeModal();
+    this._isDefaultFilter = isDefault;
     this.personalizedFilterId = undefined;
     this.showPersonalizedFilter = true;
     window.requestAnimationFrame(() => {
       this._elPersonalizedFilter.createPersonalizedFilter();
     });
   }
-  editPersonalizedFilter(id) {
+  editPersonalizedFilter(id, isDefault = false) {
     this._filterModalFactory.closeModal();
+    this._isDefaultFilter = isDefault;
     this.showPersonalizedFilter = true;
     this.personalizedFilterId = id;
   }
-  deletePersonalizedFilter(filter, filterItemType, configName) {
+  deletePersonalizedFilter(filter, filterItemType, configName, isDefault = false) {
+    if (isDefault) {
+      ConfigStorage.removeDefaultFilter(filter, this.resourceID, configName);
+      this._isDefaultFilter = false;
+      return;
+    }
     if (filterItemType === FilterItemType.PERSONALIZED) {
       ConfigStorage.removePersonalizedFilter(filter, this.resourceID, configName);
     }
@@ -430,15 +457,28 @@ export class SnkFilterBar {
   hidePersonalizedFilter() {
     this.personalizedFilterId = undefined;
     this.showPersonalizedFilter = false;
+    this._isDefaultFilter = false;
   }
-  componentWillLoad() {
-    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    if (this._application) {
-      this.loadPermitions();
-      this.addFilterBarLegacyConfigName();
-      this.loadConfigFromStorage();
+  async componentWillLoad() {
+    var _a;
+    try {
+      this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      await this.attachDataUnit();
+      if (this._application) {
+        if (this._application.enableLockManagerLoadingApp && this.enableLockManagerLoadingComp) {
+          const appLoadLockerID = LockManager.addLockManagerCtxId(this._element);
+          this._resolveLoading = LockManager.lock(appLoadLockerID, LockManagerOperation.APP_LOADING);
+        }
+        await Promise.all([
+          this.loadPermitions(),
+          this.addFilterBarLegacyConfigName(),
+          this.loadConfigFromStorage(),
+        ]);
+      }
+    }
+    finally {
+      (_a = this._resolveLoading) === null || _a === void 0 ? void 0 : _a.call(this);
     }
-    this.attachDataUnit();
   }
   componentDidRender() {
     this.processPendingFilter();
@@ -448,12 +488,12 @@ export class SnkFilterBar {
       return undefined;
     }
     if (this.showPersonalizedFilter) {
-      return h("snk-personalized-filter", { class: "filter-bar__personalized-filter", filterId: this.personalizedFilterId, ref: (el) => this._elPersonalizedFilter = el, onEzCancel: () => this.handleHidePersonalizedFilter(false), onEzAfterSave: () => this.handleHidePersonalizedFilter(true), entityUri: this.dataUnit.name, configName: this.configName, resourceID: this.resourceID });
+      return h("snk-personalized-filter", { class: "filter-bar__personalized-filter", filterId: this.personalizedFilterId, ref: (el) => this._elPersonalizedFilter = el, isDefaultFilter: this._isDefaultFilter, onEzCancel: () => this.handleHidePersonalizedFilter(false), onEzAfterSave: () => this.handleHidePersonalizedFilter(true), entityUri: this.dataUnit.name, configName: this.configName, resourceID: this.resourceID });
     }
     if (this.mode !== "regular") {
       return (h(Host, { "data-mode": this.mode }, this.getPersonalizedFilterVariableItems(), this.mode === 'button' && (h("ez-button", { class: "ez-margin-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }))));
     }
-    return (h(Host, null, h("div", null, h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), h("ez-button", { class: "ez-padding-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" }))));
+    return (h(Host, null, h("div", null, h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), h("ez-button", { class: "ez-padding-left--medium ez-margin-top--extra-small", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" }))));
   }
   static get is() { return "snk-filter-bar"; }
   static get encapsulation() { return "scoped"; }
@@ -469,6 +509,50 @@ export class SnkFilterBar {
   }
   static get properties() {
     return {
+      "enableLockManagerLoadingComp": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Define se o componente deve usar o LockManager para controle de carregamento"
+        },
+        "attribute": "enable-lock-manager-loading-comp",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "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,
@@ -651,6 +735,21 @@ export class SnkFilterBar {
         },
         "attribute": "auto-load",
         "reflect": false
+      },
+      "afterApplyConfig": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "() => void",
+          "resolved": "() => void",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Fun\u00E7\u00E3o chamada depois de aplicar os filtros."
+        }
       }
     };
   }

package/dist/collection/components/snk-filter-bar/types/default-filters.js

@@ -0,0 +1,6 @@
+export var ActionDefaultFilter;
+(function (ActionDefaultFilter) {
+  ActionDefaultFilter["EDIT"] = "edit";
+  ActionDefaultFilter["REMOVE"] = "remove";
+  ActionDefaultFilter["CREATE"] = "create";
+})(ActionDefaultFilter || (ActionDefaultFilter = {}));

package/dist/collection/components/snk-filter-bar/types/filter-type.enum.js

@@ -3,5 +3,6 @@ export var FilterType;
   FilterType["QUICK_FILTER"] = "QUICK_FILTER";
   FilterType["CUSTOM_FILTER"] = "CUSTOM_FILTER";
   FilterType["OTHER_FILTERS"] = "OTHER_FILTERS";
+  FilterType["DEFAULT_FILTER"] = "DEFAULT_FILTER";
 })(FilterType || (FilterType = {}));
 export default FilterType;

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

@@ -23,16 +23,16 @@ class SnkFilterModalFactory {
     filterModal.getMessage = this._getMessage.bind(this);
     filterModal.applyFilters = this.applyFilters.bind(this);
     filterModal.closeModal = () => this._closeModal();
-    filterModal.addPersonalizedFilter = () => this._addPersonalizedFilterFn();
-    filterModal.editPersonalizedFilter = (id) => this._editPersonalizedFilterFn(id);
-    filterModal.deletePersonalizedFilter = (filter, configName) => this._onDeletePersonalizedFilter(filter, configName);
+    filterModal.addPersonalizedFilter = (isDefault) => this._addPersonalizedFilterFn(isDefault);
+    filterModal.editPersonalizedFilter = (id, isDefault) => this._editPersonalizedFilterFn(id, isDefault);
+    filterModal.deletePersonalizedFilter = (filter, configName, isDefault) => this._onDeletePersonalizedFilter(filter, configName, isDefault);
     return filterModal;
   }
   async showModal() {
     const filterModal = this.buildFilterModal();
     const modalProps = {
       content: filterModal,
-      position: 'left',
+      position: 'right',
       heightMode: 'full',
       closeOutsideClick: false,
       useScrimLight: 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/FormConfigHelper.js

@@ -0,0 +1,245 @@
+import { DataType, UserInterface } from '@sankhyalabs/core';
+import { DEFAULT_TYPE, GROUP_NAMES, TAB_NAMES } from '../../lib/utils/constants';
+const iconMap = new Map([
+  [UserInterface.DATE, 'calendar'],
+  [UserInterface.DATETIME, 'calendar-clock'],
+  [UserInterface.ELAPSEDTIME, 'timer-outline'],
+  [UserInterface.TIME, 'timer-outline'],
+  [UserInterface.DECIMALNUMBER, 'number'],
+  [UserInterface.INTEGERNUMBER, 'number'],
+  [UserInterface.FILE, 'zip'],
+  [UserInterface.IMAGE, 'pdf'],
+  [UserInterface.HTML, 'tag_code'],
+  [UserInterface.SEARCH, 'search'],
+  [UserInterface.SEARCHPLUS, 'search'],
+  [UserInterface.OPTIONSELECTOR, 'list'],
+  [UserInterface.CHECKBOX, 'list'],
+  [UserInterface.SWITCH, 'boolean'],
+  [UserInterface.PASSWORD, 'eye-off'],
+]);
+export const ID_AVAILABLE_FIELDS = 'container-available-fields';
+export var SORTABLE_PATH;
+(function (SORTABLE_PATH) {
+  SORTABLE_PATH["FROM"] = "from";
+  SORTABLE_PATH["TO"] = "to";
+})(SORTABLE_PATH || (SORTABLE_PATH = {}));
+export function getFieldsStructure(evt, path, group, tab) {
+  var _a;
+  const htmlStructure = (_a = evt === null || evt === void 0 ? void 0 : evt[path]) === null || _a === void 0 ? void 0 : _a.children;
+  if (!htmlStructure)
+    return [];
+  return Array.from(htmlStructure).map(({ fieldConfig }) => {
+    return Object.assign(Object.assign({}, fieldConfig), { group, tab });
+  });
+}
+export function updateTabInFieldsFromGroupList(guideGroups, updatedName) {
+  return guideGroups.map(group => {
+    return Object.assign(Object.assign({}, group), { fields: group.fields.map(field => (Object.assign(Object.assign({}, field), { tab: updatedName }))) });
+  });
+}
+export function getValidatedFieldValue(fieldValue, dataUnit, fieldName) {
+  var _a;
+  if (fieldValue == undefined || !dataUnit || !fieldName)
+    return;
+  const dataType = (_a = dataUnit.getField(fieldName)) === null || _a === void 0 ? void 0 : _a.dataType;
+  if (dataType == undefined)
+    return;
+  if ((fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.waitmessage) !== undefined)
+    return undefined;
+  const isNonObjectValue = dataType !== DataType.OBJECT &&
+    dataType !== DataType.DATE &&
+    typeof fieldValue === 'object';
+  const processedValue = isNonObjectValue ? fieldValue.value : fieldValue;
+  return dataType === DataType.OBJECT
+    ? JSON.stringify(processedValue)
+    : processedValue;
+}
+export function getEnabledByProperty(attribName, propertyName, fieldDescriptor) {
+  if (!fieldDescriptor)
+    return true;
+  const fieldProperties = fieldDescriptor.properties || {};
+  const fromAttribName = fieldDescriptor[attribName] !== true;
+  return fieldProperties.hasOwnProperty(propertyName)
+    ? fieldProperties[propertyName] !== 'S'
+    : fromAttribName;
+}
+export function getValueByProperty(property, fieldDescriptor, defaultValue) {
+  if (fieldDescriptor && fieldDescriptor[property] === true) {
+    return true;
+  }
+  return defaultValue;
+}
+export function getIconName(userInterface) {
+  return iconMap.get(userInterface) || 'text';
+}
+export function buildNewGuideName(guidesList) {
+  var _a, _b;
+  const qtdWithNewGuideName = (_b = (_a = guidesList.filter(g => g.name.includes(TAB_NAMES.newGuide))) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+  return qtdWithNewGuideName === 0
+    ? TAB_NAMES.newGuide
+    : `${TAB_NAMES.newGuide} (${qtdWithNewGuideName})`;
+}
+export function getFieldsToSave(guidesMap) {
+  const fieldsToSave = [];
+  guidesMap.forEach(groups => {
+    groups.forEach(({ fields }) => {
+      fields === null || fields === void 0 ? void 0 : fields.forEach((fieldConfig) => {
+        fieldsToSave.push(buildFieldToSave(fieldConfig));
+      });
+    });
+  });
+  return fieldsToSave;
+}
+export function buildGuidesMap(rawFields, tabs, dataUnit, generalTab) {
+  const fields = handleFieldsTabNames(rawFields);
+  const guidesMap = initGuidesMap(tabs);
+  if (!(fields === null || fields === void 0 ? void 0 : fields.length))
+    return;
+  for (let guideName of guidesMap.keys()) {
+    const fieldsFromGuide = getFieldsFromGuide(fields, guideName, generalTab);
+    const fieldsByGroupMap = getGroupsFromGuide(fieldsFromGuide, dataUnit, generalTab);
+    const groupsList = parserGroupMapIntoList(fieldsByGroupMap);
+    guidesMap.set(guideName, groupsList);
+  }
+  return guidesMap;
+}
+export function buildGuides(config, mainArea) {
+  let tabs = config.tabs ? [...config.tabs] : buildTabsFromFields(config === null || config === void 0 ? void 0 : config.fields);
+  tabs = getPossibleGuides(tabs);
+  tabs = initializeTabsNames(tabs);
+  return handleMainTab(tabs, mainArea);
+}
+function handleFieldsTabNames(allFields) {
+  // Campos que não fazem parte de nenhuma aba ou da aba "Geral", devem ser movidos para a aba __main.
+  return allFields.map(field => {
+    const tabName = field.tab;
+    return Object.assign(Object.assign({}, field), { tab: (!tabName || tabName === TAB_NAMES.general) ? TAB_NAMES.main : field.tab });
+  });
+}
+function initializeTabsNames(tabs) {
+  return tabs.map((tab) => {
+    return Object.assign(Object.assign({}, tab), { name: tab.name ? tab.name : tab.label });
+  });
+}
+function handleMainTab(tabs, mainTabName) {
+  const mainTab = { name: TAB_NAMES.main, label: mainTabName, visible: true };
+  const hasTabMain = tabs.some((tab) => tab.name === TAB_NAMES.main);
+  if (hasTabMain) {
+    tabs = tabs.map(tab => tab.name === TAB_NAMES.main ? mainTab : tab);
+  }
+  else {
+    tabs.unshift(mainTab);
+  }
+  return tabs;
+}
+function getPossibleGuides(tabs) {
+  //O usuário não pode criar uma guia com o nome "Geral".
+  // Nesses casos, precisamos mover os campos dessa guia, para a guia __main.
+  return [...tabs.filter(tab => tab.label !== TAB_NAMES.general)];
+}
+function initGuidesMap(tabs) {
+  const map = new Map();
+  let possibleGuides = getPossibleGuides(tabs);
+  possibleGuides.forEach(tab => {
+    map.set(tab.name, []);
+  });
+  return map;
+}
+function handleFieldLabel(field, fieldDescriptor) {
+  if (!field.label) {
+    field.label = fieldDescriptor.label;
+  }
+}
+function handleFieldTab(field, generalTabName) {
+  if (!field.tab) {
+    field.tab = generalTabName;
+  }
+}
+function handleFieldGroup(field) {
+  if (!field.group) {
+    field.group = GROUP_NAMES.noGroup;
+  }
+}
+function isVisibleOnConfig(fieldDescriptor) {
+  var _a;
+  /**
+   * Quando um campo é ocultado pelo dev, mas queremos manter ele na config precisamos fazer essa tratativa.
+   */
+  return ((_a = fieldDescriptor === null || fieldDescriptor === void 0 ? void 0 : fieldDescriptor.properties) === null || _a === void 0 ? void 0 : _a.visibleOnConfig) === true && (fieldDescriptor === null || fieldDescriptor === void 0 ? void 0 : fieldDescriptor.visible) === false;
+}
+function getGroupsFromGuide(fieldsFromGuide, dataUnit, generalTabName) {
+  const groupsMap = new Map();
+  groupsMap.set(GROUP_NAMES.noGroup, []);
+  for (let field of fieldsFromGuide) {
+    const fieldDescriptor = dataUnit.getField(field.name);
+    if (!(fieldDescriptor === null || fieldDescriptor === void 0 ? void 0 : fieldDescriptor.visible) && !isVisibleOnConfig(fieldDescriptor))
+      continue;
+    handleFieldLabel(field, fieldDescriptor);
+    handleFieldTab(field, generalTabName);
+    handleFieldGroup(field);
+    if (groupsMap.has(field.group)) {
+      groupsMap.get(field.group).push(field);
+    }
+    else {
+      groupsMap.set(field.group, [field]);
+    }
+  }
+  return groupsMap;
+}
+function getFieldsFromGuide(fields, guideName, generalTabName) {
+  return fields.filter(field => {
+    const fieldTab = getTabName(field.tab, generalTabName);
+    return fieldTab === guideName;
+  });
+}
+function getTabName(tab, generalTabName) {
+  var _a;
+  if (typeof tab === 'string')
+    return tab;
+  return (_a = tab === null || tab === void 0 ? void 0 : tab.label) !== null && _a !== void 0 ? _a : generalTabName;
+}
+function parserGroupMapIntoList(groupsMap) {
+  const groupsList = [];
+  for (let groupName of groupsMap.keys()) {
+    groupsList.push({ name: groupName, fields: groupsMap.get(groupName) });
+  }
+  return groupsList;
+}
+function canAddTab(tab, guideList) {
+  return tab && !(guideList.map(g => g.name).includes(tab));
+}
+function buildTabsFromFields(fields) {
+  const guideList = [];
+  let order = 1;
+  fields === null || fields === void 0 ? void 0 : fields.forEach((field) => {
+    const tab = field.tab;
+    if (canAddTab(tab, guideList)) {
+      guideList.push({ name: tab, label: tab, visible: true, order });
+      order = order + 1;
+    }
+  });
+  return guideList;
+}
+function buildFieldToSave(fieldConfig) {
+  const fieldToSave = {
+    cleanOnCopy: fieldConfig.cleanOnCopy || false,
+    group: fieldConfig.group === GROUP_NAMES.noGroup ? undefined : fieldConfig.group,
+    label: fieldConfig.label,
+    name: fieldConfig.name,
+    required: fieldConfig.required,
+    readOnly: fieldConfig.readOnly,
+    tab: fieldConfig.tab,
+  };
+  if (fieldConfig.defaultValue != undefined) {
+    if (fieldConfig.defaultValue.type == undefined) {
+      fieldToSave.defaultValue = {
+        type: DEFAULT_TYPE.fixed,
+        value: fieldConfig.defaultValue,
+      };
+    }
+    else {
+      fieldToSave.defaultValue = fieldConfig.defaultValue;
+    }
+  }
+  return fieldToSave;
+}