@sankhyalabs/sankhyablocks 8.16.0-rc.10 → 8.16.0-rc.12

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/SnkMessageBuilder.js

@@ -245,7 +245,11 @@ const snkConfiguratorMessages = {
 };
 
 const snkGridMessages = {
-  findColumn: "Busca de colunas"
+  findColumn: "Busca de colunas",
+  cancelConfirmation: {
+    title: "Aviso",
+    message: "As alterações realizadas serão descartadas<br/><br/><b>Você realmente gostaria de cancelar?</b>",
+  }
 };
 const snkGridConfigMessages = {
   gridConfiguration: "Configuração da Grade",

package/dist/components/dataunit-fetcher.js

@@ -235,6 +235,21 @@ function applyFilter(records, dataUnit, filters) {
   }
   return records.filter(filterFunction);
 }
+function buildLoadDataResponse(recordsIn, dataUnit, request) {
+  let records = recordsIn ? [...recordsIn] : [];
+  records = applyFilter(records, dataUnit, request.filters);
+  records = applySorting(records, dataUnit, request.sort);
+  const { offset, limit } = request;
+  const paginationInfoBuilderParams = {
+    recordsLength: records.length,
+    offset,
+    recordsPerPage: limit,
+  };
+  return Promise.resolve({
+    records: getPagesByRecords(records, offset, limit),
+    paginationInfo: buildPaginationInfo(paginationInfoBuilderParams),
+  });
+}
 function applySorting(records, dataUnit, sorting) {
   if (sorting == undefined || sorting.length == 0) {
     return records;
@@ -245,18 +260,28 @@ function applySorting(records, dataUnit, sorting) {
   }
   return records.sort(sortingFunction);
 }
-function buildPaginationInfo(records, offset = 0, limit = 0) {
-  if (records === undefined) {
-    return undefined;
+function hasValidLimitAndOffset(offset, limit) {
+  return offset >= 0 && limit >= 0;
+}
+function getPagesByRecords(records, offset = 0, limit = 0) {
+  if (!records || !records.length || !hasValidLimitAndOffset(offset, limit))
+    return [];
+  if (limit === 0 && offset === 0)
+    return records;
+  return records.slice(offset, offset + limit);
+}
+function buildPaginationInfo({ recordsLength = 0, offset = 0, recordsPerPage = 0 }) {
+  if (!recordsLength) {
+    return { currentPage: 0, firstRecord: 0, lastRecord: 0, total: 0, hasMore: false };
   }
-  const total = (records === null || records === void 0 ? void 0 : records.length) || 0;
-  const lastRecord = Math.min(offset + limit, total);
+  const lastRecordIndex = offset + recordsPerPage;
+  const lastRecord = lastRecordIndex ? Math.min(lastRecordIndex, recordsLength) : recordsLength;
   return {
-    currentPage: limit === 0 ? 0 : Math.ceil(offset / limit),
-    firstRecord: offset,
+    currentPage: recordsPerPage === 0 ? 0 : Math.ceil(offset / recordsPerPage),
+    firstRecord: offset + 1,
     lastRecord: lastRecord,
-    total: total,
-    hasMore: !!(total - lastRecord),
+    total: recordsLength,
+    hasMore: lastRecord < recordsLength,
   };
 }
 
@@ -342,9 +367,7 @@ class InMemoryLoader {
     return StringUtils.generateUUID();
   }
   inMemoryLoader(dataUnit, request, recordsIn) {
-    let records = applyFilter(recordsIn, dataUnit, request.filters);
-    records = applySorting(records, dataUnit, request.sort);
-    return Promise.resolve({ records, paginationInfo: buildPaginationInfo(records, request.offset, request.limit) });
+    return buildLoadDataResponse(recordsIn, dataUnit, request);
   }
   metadaLoader() {
     return Promise.resolve(this._metadata);
@@ -424,12 +447,19 @@ class DatasetStrategy {
       const records = this.processRecords(dataUnit, fields, responseRecords);
       const loadingInProgress = pagerId != undefined;
       const count = loadingInfo.count + records.length;
+      const isInsertingNewRecord = dataUnit.hasNewRecord();
       const needReload = !loadingInProgress && localSorting.length > 0;
+      /**
+       * Caso precise recarregar dados, porém está no meio de uma inserção, os dados não devem recarregados instantaneamente,
+       * Mas sim, sinalizar que o dataUnit está aguardando para der recarregado.
+       */
+      if (needReload && isInsertingNewRecord) {
+        dataUnit.setWaitingToReload(true);
+      }
       return Promise.resolve({
         records,
         loadingInfo: Object.assign(Object.assign({}, loadingInfo), { pagerId,
-          loadingInProgress, total: loadingInProgress ? undefined : count, count,
-          needReload })
+          loadingInProgress, total: loadingInProgress ? undefined : count, count, needReload: needReload && !isInsertingNewRecord })
       });
     }
     catch (error) {
@@ -1052,4 +1082,4 @@ class DataUnitFetcher {
   }
 }
 
-export { DataUnitFetcher as D, InMemoryLoader as I, PreloadManager as P, applyFilter as a, applySorting as b, buildPaginationInfo as c, DatasetStrategy as d, getRecordValue as g };
+export { DataUnitFetcher as D, InMemoryLoader as I, PreloadManager as P, DatasetStrategy as a, buildLoadDataResponse as b, getRecordValue as g };

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-attach2.js

@@ -3,7 +3,7 @@ import { ApplicationContext, DataType, Action, UserInterface, StringUtils, DataU
 import { D as DataFetcher } from './DataFetcher.js';
 import './pesquisa-fetcher.js';
 import { S as SaveErrorsEnum } from './ISave.js';
-import { P as PreloadManager, a as applyFilter, b as applySorting, c as buildPaginationInfo, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher.js';
+import { P as PreloadManager, b as buildLoadDataResponse, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
 import { V as VIEW_MODE } from './constants.js';
@@ -119,21 +119,23 @@ const SERVICE = {
   download: "AnexoSistemaSP.baixar",
 };
 class AnexoSistemaFetcher {
-  constructor(entityName, registerKey, dataUnitName) {
+  constructor(entityName, dataUnitName) {
     var _a;
     this.entityName = entityName;
-    this.registerKey = registerKey;
     this.dataUnitName = dataUnitName;
     this.validateFields = (fields) => {
       if (!!fields.LINK && !!fields.NOMEARQUIVO)
         throw new Error(SaveErrorsEnum.LINK_AND_FILE_AT_THE_SAME_TIME);
       if (!fields.LINK && !fields.NOMEARQUIVO)
         throw new Error(SaveErrorsEnum.ANY_LINK_OR_FILE_FILLED);
-      if (!this.registerKey)
+      if (!this._registerKey)
         throw new Error('Register key can not be null');
     };
     this.resourceID = (window["resourceID"] || ((_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.resourceID));
   }
+  set registerKey(registerKey) {
+    this._registerKey = registerKey;
+  }
   async save(change) {
     var _a, _b;
     let { updatingFields: fields } = change;
@@ -152,7 +154,7 @@ class AnexoSistemaFetcher {
             nameAttach: fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.name,
             link: fields.LINK,
             nameEntity: this.entityName,
-            pkEntity: this.registerKey,
+            pkEntity: this._registerKey,
             typeAcess: fields.TIPOACESSO,
             typeApres: fields.TIPOAPRES,
           }
@@ -192,7 +194,7 @@ class AnexoSistemaFetcher {
             nameAttach: fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.name,
             link: fields.LINK,
             nameEntity: this.entityName,
-            pkEntity: this.registerKey,
+            pkEntity: this._registerKey,
             typeAcess: fields.TIPOACESSO,
             typeApres: fields.TIPOAPRES,
           }
@@ -464,9 +466,7 @@ class AttachFetcherDataUnitFactory {
       });
       this._records = records;
     }
-    let records = applyFilter(this._records, dataUnit, request.filters);
-    records = applySorting(records, dataUnit, request.sort);
-    return Promise.resolve({ records, paginationInfo: buildPaginationInfo(records, request.offset, request.limit) });
+    return buildLoadDataResponse(this._records, dataUnit, request);
   }
   saveLoader(changes, fetcher) {
     return new Promise((resolve) => {
@@ -663,11 +663,20 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.loadAttachmentDataUnit();
     }
     if (oldRegisterKey !== newRegisterKey) {
+      if (this._currentFetcher instanceof AnexoSistemaFetcher) {
+        this._currentFetcher.registerKey = newRegisterKey;
+      }
       await ((_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadData());
     }
   }
+  getAnexoSistemaFetcherInstance() {
+    var _a;
+    const anexoSistemaFetcher = new AnexoSistemaFetcher(this.entityName, (_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.name);
+    anexoSistemaFetcher.registerKey = this.registerKey;
+    return anexoSistemaFetcher;
+  }
   async initAttach() {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
     if (!this.fetcherType && !this.registerKey)
       return;
     if (!this.fetcherType) {
@@ -675,18 +684,18 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     this.returnToGridMode();
     if (this.fetcherType === "AnexoSistema") {
-      this._currentFetcher = new AnexoSistemaFetcher(this.entityName, this.registerKey, (_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.name);
-      (_b = this._currentDataUnitBuilder) === null || _b === void 0 ? void 0 : _b.initLoaders(this._currentDataUnit, this._currentFetcher, this.returnToGridMode.bind(this));
-      await ((_c = this._currentDataUnit) === null || _c === void 0 ? void 0 : _c.loadData());
+      this._currentFetcher = this.getAnexoSistemaFetcherInstance();
+      (_a = this._currentDataUnitBuilder) === null || _a === void 0 ? void 0 : _a.initLoaders(this._currentDataUnit, this._currentFetcher, this.returnToGridMode.bind(this));
+      await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadData());
       return;
     }
     if (this.fetcherType === "Attach") {
-      const hasMoreOneItem = ((_d = this.registerKey) === null || _d === void 0 ? void 0 : _d.split("_").length) > 1;
+      const hasMoreOneItem = ((_c = this.registerKey) === null || _c === void 0 ? void 0 : _c.split("_").length) > 1;
       if (hasMoreOneItem)
         return;
     }
-    await ((_e = this._currentDataUnit) === null || _e === void 0 ? void 0 : _e.loadMetadata());
-    await ((_f = this._currentDataUnit) === null || _f === void 0 ? void 0 : _f.loadData(undefined, undefined, true, this.registerKey));
+    await ((_d = this._currentDataUnit) === null || _d === void 0 ? void 0 : _d.loadMetadata());
+    await ((_e = this._currentDataUnit) === null || _e === void 0 ? void 0 : _e.loadData(undefined, undefined, true, this.registerKey));
   }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
@@ -745,11 +754,11 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
   }
   async loadAnexoSistema() {
-    var _a, _b, _c;
+    var _a, _b;
     this._currentDataUnit = new DataUnitFetcher().getDataUnit(RESOURCE_ID, DATA_UNIT_NAME);
-    this._currentFetcher = new AnexoSistemaFetcher(this.entityName, this.registerKey, (_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.name);
+    this._currentFetcher = this.getAnexoSistemaFetcherInstance();
     if (!this._currentDataUnit.metadata) {
-      await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadMetadata());
+      await ((_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadMetadata());
       this.crudConfig = Object.assign({}, anexoSistemaCrudConfig);
     }
     this.initDataUnitLoaders();
@@ -759,7 +768,7 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._currentDataUnit.addInterceptor({
       interceptAction: (action) => this._currentDataUnitBuilder.getInterceptions(this._currentDataUnit, action, this._crudElement)
     });
-    await ((_c = this._currentDataUnit) === null || _c === void 0 ? void 0 : _c.loadData());
+    await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadData());
     this.disableEditFieldsNotInForm();
   }
   async loadAttach() {
@@ -785,16 +794,16 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
   }
   initDataUnitLoaders() {
-    var _a, _b, _c;
+    var _a, _b;
     if (this.fetcherType === "AnexoSistema") {
-      this._currentFetcher = new AnexoSistemaFetcher(this.entityName, this.registerKey, (_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.name);
+      this._currentFetcher = this.getAnexoSistemaFetcherInstance();
       this._currentDataUnitBuilder = new AnexoSistemaDataUnitFactory(this.entityName, this.getMessage.bind(this));
-      (_b = this._currentDataUnitBuilder) === null || _b === void 0 ? void 0 : _b.initLoaders(this._currentDataUnit, this._currentFetcher, this.returnToGridMode.bind(this));
+      (_a = this._currentDataUnitBuilder) === null || _a === void 0 ? void 0 : _a.initLoaders(this._currentDataUnit, this._currentFetcher, this.returnToGridMode.bind(this));
     }
     if (this.fetcherType === "Attach") {
       this._currentFetcher = new AttachFetcher();
       this._currentDataUnitBuilder = new AttachFetcherDataUnitFactory(this.getMessage.bind(this));
-      (_c = this._currentDataUnitBuilder) === null || _c === void 0 ? void 0 : _c.initLoaders(this._currentDataUnit, this._currentFetcher, async () => {
+      (_b = this._currentDataUnitBuilder) === null || _b === void 0 ? void 0 : _b.initLoaders(this._currentDataUnit, this._currentFetcher, async () => {
         this.returnToGridMode();
         await this._currentDataUnit.loadData(undefined, undefined, true, this.registerKey);
       });

package/dist/components/snk-crud.js

@@ -51,6 +51,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.configuratorSave = createEvent(this, "configuratorSave", 7);
     this.configuratorCancel = createEvent(this, "configuratorCancel", 7);
     this.formItemsReady = createEvent(this, "formItemsReady", 7);
+    this.viewModeChanged = createEvent(this, "viewModeChanged", 7);
     this._keyDownHandler = async (event) => this.keyDownListener(event);
     this._viewHistory = [];
     this._customEditors = new Map();
@@ -79,7 +80,9 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.disablePersonalizedFilter = undefined;
     this.autoLoad = undefined;
     this.autoFocus = true;
+    this.enableGridInsert = false;
     this.domainMessagesBuilder = undefined;
+    this.setCustomFormTitle = undefined;
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
   }
   /**
@@ -188,6 +191,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     else if (viewMode === VIEW_MODE.FORM) {
       this._guidesViewer.setFocus();
     }
+    this.viewModeChanged.emit(viewMode);
   }
   openConfig(viewMode) {
     this._snkConfigurator.close();
@@ -203,6 +207,8 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
   insertionModeHandler() {
+    if (this.enableGridInsert)
+      return;
     this.gridToForm();
   }
   cancelHandler() {
@@ -417,7 +423,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = this._currentViewMode === VIEW_MODE.GRID;
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
+    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
   }
   get _element() { return this; }
   static get watchers() { return {
@@ -443,7 +449,9 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "disablePersonalizedFilter": [4, "disable-personalized-filter"],
     "autoLoad": [4, "auto-load"],
     "autoFocus": [4, "auto-focus"],
+    "enableGridInsert": [4, "enable-grid-insert"],
     "domainMessagesBuilder": [1, "domain-messages-builder"],
+    "setCustomFormTitle": [16],
     "_dataUnit": [32],
     "_dataState": [32],
     "attachmentRegisterKey": [32],

package/dist/components/snk-data-unit2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { Action, ObjectUtils, DataUnitAction, StringUtils, ApplicationContext } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { O as OperationMap, S as SnkMessageBuilder } from './SnkMessageBuilder.js';
-import { g as getRecordValue, d as DatasetStrategy } from './dataunit-fetcher.js';
+import { g as getRecordValue, a as DatasetStrategy } from './dataunit-fetcher.js';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo.js';
 
@@ -566,7 +566,8 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       }
       this.dataUnit.addInterceptor(this);
       if ((_b = this.dataUnit.records) === null || _b === void 0 ? void 0 : _b.length) {
-        this.getMetadataByRow(this.dataUnit);
+        const { records } = this.getMetadataByRow(this.dataUnit);
+        this.dataUnit.records = records;
       }
       this.dataState = this.buildDataState();
       let resolver;

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

@@ -12,7 +12,7 @@ import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
 import { T as TaskbarElement, d as defineCustomElement$3 } from './snk-taskbar2.js';
 import { V as VIEW_MODE } from './constants.js';
-import { o as openFieldSearch, T as TaskbarProcessor, b as buildFieldSearch } from './IExporterProvider.js';
+import { o as openFieldSearch, T as TaskbarProcessor, b as buildFieldSearch } from './ContinuousInsertUtils.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { d as defineCustomElement$u } from './snk-actions-button2.js';
 import { d as defineCustomElement$t } from './snk-attach2.js';
@@ -70,6 +70,8 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.resourceID = undefined;
     this.detailTaskbarCustomContainerId = undefined;
     this.formLegacyConfigName = undefined;
+    this.enableGridInsert = false;
+    this.getCustomTitle = undefined;
     this._hasToCreateFieldSearch = true;
     this._breadcrumbItems = [];
     this._guides = undefined;
@@ -138,7 +140,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this._container.focus();
   }
   exitViewer() {
-    if (this.dataUnit.isDirty()) {
+    if (!this.enableGridInsert && this.dataUnit.isDirty()) {
       this.dataUnit.cancelEdition({ after: () => this.exit.emit() });
     }
     else {
@@ -247,10 +249,13 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     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)
@@ -403,11 +408,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();
   }
@@ -435,7 +443,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) {
@@ -507,6 +515,10 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     }
     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));
   }
@@ -520,7 +532,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     }
     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) })
       :
@@ -558,6 +570,8 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     "resourceID": [1, "resource-i-d"],
     "detailTaskbarCustomContainerId": [1, "detail-taskbar-custom-container-id"],
     "formLegacyConfigName": [1, "form-legacy-config-name"],
+    "enableGridInsert": [4, "enable-grid-insert"],
+    "getCustomTitle": [16],
     "_hasToCreateFieldSearch": [32],
     "_breadcrumbItems": [32],
     "_guides": [32],
@@ -1002,7 +1016,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);