@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-38445.0 → 0.0.0-bugfix-dev-KB-68936.0

package/dist/cjs/snk-form-config.cjs.entry.js

@@ -80,7 +80,7 @@ const SnkFormConfig = class {
     }
   }
   getConfig() {
-    let config = this.configManager.getConfig(false, this.dataUnit);
+    let config = this.configManager.getConfig(this.dataUnit);
     if (config.fields && config.fields.length === 0) {
       config = undefined;
     }

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-1b13bacd.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-166cbd1f.js');
 const ResourceIDUtils = require('./ResourceIDUtils-5ff86aa7.js');
-require('./ConfigStorage-942ce74b.js');
+require('./ConfigStorage-a343e418.js');
 require('./form-config-fetcher-2dd00e5b.js');
 require('./DataFetcher-313debd8.js');
 require('./PrintUtils-bcaeb82f.js');

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

@@ -5,18 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const taskbarElements = require('./taskbar-elements-9ad1f9c0.js');
-const ConfigStorage = require('./ConfigStorage-942ce74b.js');
+const ConfigStorage = require('./ConfigStorage-a343e418.js');
 const index$1 = require('./index-1dfc7a6e.js');
-const fieldSearch = require('./field-search-f56aa7d6.js');
+const fieldSearch = require('./field-search-68e34bf4.js');
 const index$2 = require('./index-102ba62d.js');
-const IExporterProvider = require('./IExporterProvider-597949f9.js');
+const IExporterProvider = require('./IExporterProvider-d2a04ee7.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 require('./DataFetcher-313debd8.js');
 require('./pesquisa-fetcher-680e198f.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-688d3f05.js');
+require('./dataunit-fetcher-75f89355.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-2dd00e5b.js');
 const RecordIDUtils = require('./RecordIDUtils-3735135c.js');
@@ -80,7 +80,7 @@ class ServerSideExporterProvider extends IExporterProvider.CommonsExporter {
   }
 }
 
-const snkGridCss = ".sc-snk-grid-h{--snk-grid-min-height:300px;--snk-grid-padding:var(--space--lg)}.snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%;padding:var(--snk-grid-padding)}.snk-grid__header.sc-snk-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}.snk-grid__table.sc-snk-grid{min-height:var(--snk-grid-min-height)}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}";
+const snkGridCss = ".sc-snk-grid-h{--snk-grid-min-height:300px}.snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}.snk-grid__table.sc-snk-grid{min-height:var(--snk-grid-min-height)}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}";
 
 const SnkGrid = class {
   constructor(hostRef) {
@@ -93,7 +93,7 @@ const SnkGrid = class {
       "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.singleTaskbar": [],
-      "snkGridTopTaskbar.finish_edition": ["CANCEL", "SAVE"],
+      "snkGridTopTaskbar.finish_edition": ["CANCEL", "SAVE", this.handleAddFormMode()],
       "snkGridTopTaskbar.finish_edition.secondary": [],
       "snkGridTopTaskbar.finish_edition.singleTaskbar": [],
     });
@@ -106,7 +106,7 @@ const SnkGrid = class {
       "snkGridHeaderTaskbar.singleTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "ATTACH", "FORM_MODE", "CONFIGURATOR", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
       "snkGridHeaderTaskbar.singleTaskbar.detail.unselected": ["INSERT", "FORM_MODE", "CONFIGURATOR", "REFRESH", "MORE_OPTIONS"],
       "snkGridHeaderTaskbar.singleTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "FORM_MODE", "CONFIGURATOR", "REFRESH"],
-      "snkGridHeaderTaskbar.singleTaskbar.finish_edition": ["CANCEL", "SAVE"]
+      "snkGridHeaderTaskbar.singleTaskbar.finish_edition": ["CANCEL", "SAVE", this.handleAddFormMode()]
     });
     this.dataUnitInterceptor = {
       interceptAction: async (action) => {
@@ -144,6 +144,7 @@ const SnkGrid = class {
     this.filterBarLegacyConfigName = undefined;
     this.autoLoad = undefined;
     this.autoFocus = true;
+    this.enableGridInsert = false;
   }
   /**
    * Exibe a janela de configurações da grade.
@@ -230,6 +231,16 @@ const SnkGrid = class {
   async setFocus() {
     this._grid.setFocus();
   }
+  async handleClick(event) {
+    if (this.hasToBlockEvent(event)) {
+      event.preventDefault();
+      event.stopPropagation();
+      await this._dataUnit.cancelEdition();
+    }
+  }
+  hasToBlockEvent(event) {
+    return this._snkFilterBar.contains(event.target) && this.enableGridInsert && this._dataUnit.hasNewRecord();
+  }
   async handleGridLegacyConfigName(newLegacyConfig, oldLegacyConfig) {
     if (!newLegacyConfig) {
       return;
@@ -240,6 +251,9 @@ const SnkGrid = class {
     this.addGridLegacyConfigName();
     this.loadConfig();
   }
+  handleAddFormMode() {
+    return this.enableGridInsert ? taskbarElements.TaskbarElement.FORM_MODE : "";
+  }
   openGridConfig() {
     this._grid.getColumnsState()
       .then((gridColumns) => {
@@ -369,8 +383,9 @@ const SnkGrid = class {
     this.loadConfig();
   }
   componentDidRender() {
+    var _a, _b;
     this._rmPrecisionCustomValueFormatter.setGrid(this._grid);
-    this.loadGridCustomFormatters(this._dataUnit.metadata.fields);
+    this.loadGridCustomFormatters((_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.fields);
     this.setCustomRenders();
     this.setCustomEditors();
   }
@@ -468,6 +483,8 @@ const SnkGrid = class {
         eagerInitialize: true,
         itemBuilder: (actionButton, item) => this.getColumnSearch(actionButton, item)
       }];
+    if (this.isGridInsertActive())
+      return hardList;
     if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
       const taskbarID = this.getTopTaskBarId();
       return hardList.concat(this.taskbarManager.getMoreOptions(taskbarID, this.configName, this._dataState, this.actionsList));
@@ -485,12 +502,20 @@ const SnkGrid = class {
     }
     this._showSnkFilterBar = true;
   }
+  getGridHeaderButtons() {
+    if (this.isGridInsertActive())
+      return taskbarElements.TaskbarElement.MORE_OPTIONS;
+    return this._headerTaskbarProcessor.buttons;
+  }
+  isGridInsertActive() {
+    return this.enableGridInsert && this._dataUnit.hasNewRecord();
+  }
   render() {
     if (!this._dataUnit) {
       return undefined;
     }
-    return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto" }, index.h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, this._showSnkFilterBar &&
-      index.h(index.Fragment, null, index.h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none' }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus }, index.h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
+    return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, index.h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, this._showSnkFilterBar &&
+      index.h(index.Fragment, null, index.h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none' }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert }, index.h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/{snk-guides-viewer-67605336.js → snk-guides-viewer-14c27834.js}

@@ -2,9 +2,9 @@
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-1b13bacd.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-166cbd1f.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
-const fieldSearch = require('./field-search-f56aa7d6.js');
+const fieldSearch = require('./field-search-68e34bf4.js');
 const taskbarElements = require('./taskbar-elements-9ad1f9c0.js');
 const constants = require('./constants-35ddd366.js');
 require('./DataFetcher-313debd8.js');
@@ -13,7 +13,7 @@ const index$1 = require('./index-1dfc7a6e.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-688d3f05.js');
+require('./dataunit-fetcher-75f89355.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-2dd00e5b.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
@@ -43,6 +43,7 @@ const SnkGuidesViewer = class {
     this.resourceID = undefined;
     this.detailTaskbarCustomContainerId = undefined;
     this.formLegacyConfigName = undefined;
+    this.enableGridInsert = false;
     this._hasToCreateFieldSearch = true;
     this._breadcrumbItems = [];
     this._guides = undefined;
@@ -111,7 +112,7 @@ const SnkGuidesViewer = class {
     this._container.focus();
   }
   exitViewer() {
-    if (this.dataUnit.isDirty()) {
+    if (!this.enableGridInsert && this.dataUnit.isDirty()) {
       this.dataUnit.cancelEdition({ after: () => this.exit.emit() });
     }
     else {
@@ -129,7 +130,7 @@ const SnkGuidesViewer = class {
   }
   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
@@ -220,10 +221,13 @@ const SnkGuidesViewer = class {
     const invisibleButtons = this.getInvisibleButtons();
     this._taskbarProcessor = new fieldSearch.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 ? taskbarElements.TaskbarElement.GRID_MODE : "";
+  }
   getInvisibleButtons() {
     const invisibleButtons = [];
     if (this.dataState && this.dataState.selectionInfo.mode === DataUnit.SelectionMode.ALL_RECORDS)

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

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-67605336.js');
+const snkGuidesViewer = require('./snk-guides-viewer-14c27834.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
-require('./SnkFormConfigManager-1b13bacd.js');
-require('./ConfigStorage-942ce74b.js');
+require('./SnkFormConfigManager-166cbd1f.js');
+require('./ConfigStorage-a343e418.js');
 require('./form-config-fetcher-2dd00e5b.js');
 require('./DataFetcher-313debd8.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('@sankhyalabs/ezui/dist/collection/utils/form');
-require('./field-search-f56aa7d6.js');
+require('./field-search-68e34bf4.js');
 require('./taskbar-elements-9ad1f9c0.js');
 require('./index-1dfc7a6e.js');
 require('./index-102ba62d.js');
@@ -21,7 +21,7 @@ require('./constants-35ddd366.js');
 require('./pesquisa-fetcher-680e198f.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
-require('./dataunit-fetcher-688d3f05.js');
+require('./dataunit-fetcher-75f89355.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
 require('./ResourceIDUtils-5ff86aa7.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-0184ffbb.js');
-const ConfigStorage = require('./ConfigStorage-942ce74b.js');
+const ConfigStorage = require('./ConfigStorage-a343e418.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const index$1 = require('./index-c5771aba.js');
 const index$2 = require('./index-102ba62d.js');

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

@@ -9,17 +9,17 @@ const constants = require('./constants-35ddd366.js');
 const taskbarElements = require('./taskbar-elements-9ad1f9c0.js');
 require('./DataFetcher-313debd8.js');
 require('./pesquisa-fetcher-680e198f.js');
-const IExporterProvider = require('./IExporterProvider-597949f9.js');
+const IExporterProvider = require('./IExporterProvider-d2a04ee7.js');
 const index = require('./index-1dfc7a6e.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-const dataunitFetcher = require('./dataunit-fetcher-688d3f05.js');
+const dataunitFetcher = require('./dataunit-fetcher-75f89355.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 const formConfigFetcher = require('./form-config-fetcher-2dd00e5b.js');
-const fieldSearch = require('./field-search-f56aa7d6.js');
-const ConfigStorage = require('./ConfigStorage-942ce74b.js');
-const SnkFormConfigManager = require('./SnkFormConfigManager-1b13bacd.js');
+const fieldSearch = require('./field-search-68e34bf4.js');
+const ConfigStorage = require('./ConfigStorage-a343e418.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-166cbd1f.js');
 const RecordIDUtils = require('./RecordIDUtils-3735135c.js');
 const index$2 = require('./index-102ba62d.js');
 require('./PrintUtils-bcaeb82f.js');
@@ -107,7 +107,7 @@ const SnkSimpleCrud = class {
       "snkSimpleCrudTaskbar.grid_regular": this.getButtons(false, [taskbarElements.TaskbarElement.DATA_EXPORTER, taskbarElements.TaskbarElement.FORM_MODE]),
       "snkSimpleCrudTaskbar.form_selected": this.getButtons(true, [taskbarElements.TaskbarElement.GRID_MODE]),
       "snkSimpleCrudTaskbar.grid_selected": this.getButtons(true, [taskbarElements.TaskbarElement.DATA_EXPORTER, taskbarElements.TaskbarElement.FORM_MODE]),
-      "snkSimpleCrudTaskbar.finish_edition": ["CANCEL", "SAVE"]
+      "snkSimpleCrudTaskbar.finish_edition": this.getFinishEditionButtonsCallback.bind(this)
     });
     this._showPopUpGridConfig = false;
     this._showFormConfig = false;
@@ -127,6 +127,7 @@ const SnkSimpleCrud = class {
     this.useCancelConfirm = true;
     this.pageSize = 150;
     this.resourceID = undefined;
+    this.enableGridInsert = false;
     this.taskbarManager = undefined;
     this.messagesBuilder = undefined;
     this.useEnterLikeTab = false;
@@ -195,6 +196,13 @@ const SnkSimpleCrud = class {
     newCustomFieldProps.set(fieldName, Object.assign(Object.assign({}, currentProps), { [propName]: value }));
     this._fieldsProps = newCustomFieldProps;
   }
+  getFinishEditionButtonsCallback() {
+    const btns = ["CANCEL", "SAVE"];
+    if (this.enableGridInsert && this._currentViewMode !== constants.VIEW_MODE.ATTACHMENT) {
+      btns.push(this._currentViewMode === constants.VIEW_MODE.GRID ? taskbarElements.TaskbarElement.FORM_MODE : taskbarElements.TaskbarElement.GRID_MODE);
+    }
+    return btns;
+  }
   getButtons(selected, extraButtons) {
     return this.addConfigButton(this.resolveInMemoryBtns(selected ? REGULAR_SELECTED_BTNS : REGULAR_DEFAULT_BTNS)
       .concat(extraButtons));
@@ -633,6 +641,9 @@ const SnkSimpleCrud = class {
     const options = filteredFields.map(field => ({ value: field.name, label: field.label }));
     return Promise.resolve(options);
   }
+  isGridInsertActive() {
+    return this.enableGridInsert && this.dataUnit.hasNewRecord();
+  }
   getActionsList() {
     var _a, _b;
     const hardList = [{
@@ -644,6 +655,8 @@ const SnkSimpleCrud = class {
           ? this.getColumnSearch(actionButton, item)
           : this.getFieldSearch(actionButton, item)
       }];
+    if (this.isGridInsertActive())
+      return hardList;
     if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
       const taskbarID = this.getTopTaskBarId();
       return hardList.concat(this.taskbarManager.getMoreOptions(taskbarID, this.configName, this.dataState, this.actionsList));
@@ -752,8 +765,8 @@ const SnkSimpleCrud = class {
     return core.StringUtils.isEmpty(this.resourceID) ? this._resourceID : this.resourceID;
   }
   getFormConfig() {
-    var _a, _b;
-    const configFromManager = (_a = this._formConfigManager) === null || _a === void 0 ? void 0 : _a.getConfig((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.insertionMode, this.dataUnit, this.ignoreReadOnlyFormFields);
+    var _a;
+    const configFromManager = (_a = this._formConfigManager) === null || _a === void 0 ? void 0 : _a.getConfig(this.dataUnit, this.ignoreReadOnlyFormFields);
     if (!this.configName && !configFromManager) {
       return this.formConfig;
     }
@@ -767,15 +780,20 @@ const SnkSimpleCrud = class {
     }
     this._formConfigManager.setConfig(this.formConfig);
   }
+  handleDataUnitOnInsertionMode() {
+    if (this.enableGridInsert)
+      return;
+    this.goToView(constants.VIEW_MODE.FORM);
+  }
   /* istanbul ignore next */
   render() {
     var _a;
     if (this.dataUnit == undefined) {
       return;
     }
-    return (index$1.h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: () => this.goToView(constants.VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === constants.VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this) }, index$1.h("header", null, index$1.h("slot", { name: "snkSimpleCrudHeader" })), index$1.h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, index$1.h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, "data-exporter-store-key": this.getDataExporterStoreKey(), slot: "leftButtons", presentationMode: index.PresentationMode.SECONDARY }, index$1.h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })), index$1.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, index$1.h("stack-item", null, index$1.h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(constants.VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(dataunitFetcher.InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
+    return (index$1.h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: this.handleDataUnitOnInsertionMode.bind(this), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === constants.VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this) }, index$1.h("header", null, index$1.h("slot", { name: "snkSimpleCrudHeader" })), index$1.h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, index$1.h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, "data-exporter-store-key": this.getDataExporterStoreKey(), slot: "leftButtons", presentationMode: index.PresentationMode.SECONDARY }, index$1.h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })), index$1.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, index$1.h("stack-item", null, index$1.h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(constants.VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(dataunitFetcher.InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
         ? undefined
-        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus }, index$1.h("div", { slot: "footer" }, index$1.h("slot", { name: "snkSimpleCrudFooter" })))), index$1.h("stack-item", null, index$1.h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large ${this.handleShowFormConfig() ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this.handleShowFormConfig() && index$1.h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, configManager: this._formConfigManager, onConfigClose: () => this.closeFormConfig() })), this.messagesBuilder && index$1.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId })), index$1.h("div", { id: `${this._customContainerId}` }, index$1.h("slot", { name: "SnkConfigContainerSlot" }))), index$1.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index$1.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
+        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert }, index$1.h("div", { slot: "footer" }, index$1.h("slot", { name: "snkSimpleCrudFooter" })))), index$1.h("stack-item", null, index$1.h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large ${this.handleShowFormConfig() ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this.handleShowFormConfig() && index$1.h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, configManager: this._formConfigManager, onConfigClose: () => this.closeFormConfig() })), this.messagesBuilder && index$1.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId })), index$1.h("div", { id: `${this._customContainerId}` }, index$1.h("slot", { name: "SnkConfigContainerSlot" }))), index$1.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index$1.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
   }
   get _element() { return index$1.getElement(this); }
   static get watchers() { return {

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

@@ -39,6 +39,7 @@ export class SnkCrud {
     this.disablePersonalizedFilter = undefined;
     this.autoLoad = undefined;
     this.autoFocus = true;
+    this.enableGridInsert = false;
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
   }
   /**
@@ -162,6 +163,8 @@ export class SnkCrud {
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
   insertionModeHandler() {
+    if (this.enableGridInsert)
+      return;
     this.gridToForm();
   }
   cancelHandler() {
@@ -376,7 +379,7 @@ export class SnkCrud {
       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 }, 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" }))));
   }
   static get is() { return "snk-crud"; }
   static get encapsulation() { return "scoped"; }
@@ -732,6 +735,24 @@ export class SnkCrud {
         "attribute": "auto-focus",
         "reflect": false,
         "defaultValue": "true"
+      },
+      "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"
       }
     };
   }

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

@@ -158,14 +158,13 @@ export class SnkDetailView {
     return guideId.replace(SnkDetailView.REGEX_FORM_ID, "");
   }
   loadMetadata() {
-    var _a;
     if (!this.dataUnit) {
       return;
     }
     if (!this.formConfigManager.isLoaded) {
       return;
     }
-    const formConfig = this.formConfigManager.getConfig((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.insertionMode, this.dataUnit);
+    const formConfig = this.formConfigManager.getConfig(this.dataUnit);
     //this._cardsState = formConfig?.cardsState;
     this._formMetadata = buildFormMetadata(formConfig == undefined || formConfig.fields.length === 0 ? undefined : formConfig, this.dataUnit, true);
   }

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

@@ -27,6 +27,7 @@ export class SnkGuidesViewer {
     this.resourceID = undefined;
     this.detailTaskbarCustomContainerId = undefined;
     this.formLegacyConfigName = undefined;
+    this.enableGridInsert = false;
     this._hasToCreateFieldSearch = true;
     this._breadcrumbItems = [];
     this._guides = undefined;
@@ -95,7 +96,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 +114,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 +205,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)
@@ -794,6 +798,24 @@ 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"
       }
     };
   }

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

@@ -73,10 +73,8 @@ export class SnkFormConfigManager {
     if (fields != undefined && fields.length > 0) {
       return fields.map(({ label, name, readOnly, visible, required }) => {
         if (label == undefined) {
-          return Object.assign(Object.assign({}, dataUnit.getField(name)), { name,
-            readOnly,
-            visible,
-            required });
+          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 });
         }
         return { name, label, readOnly, visible, required };
       })
@@ -100,7 +98,7 @@ export class SnkFormConfigManager {
     const normalizedFilter = StringUtils.replaceAccentuatedCharsLower(descriptionFilter.toLocaleLowerCase());
     return normalizedText.includes(normalizedFilter);
   }
-  getInsertionConfig(dataUnit, ignoreReadOnlyFormFields) {
+  getFormConfig(dataUnit, ignoreReadOnlyFormFields) {
     let fields = this.getFieldsList(dataUnit);
     if (ignoreReadOnlyFormFields) {
       fields = fields.filter(field => {
@@ -132,8 +130,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) {

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

@@ -67,7 +67,7 @@ export class SnkFormConfig {
     }
   }
   getConfig() {
-    let config = this.configManager.getConfig(false, this.dataUnit);
+    let config = this.configManager.getConfig(this.dataUnit);
     if (config.fields && config.fields.length === 0) {
       config = undefined;
     }

package/dist/collection/components/snk-grid/snk-grid.css

@@ -1,13 +1,11 @@
 :host {
   --snk-grid-min-height: 300px;
-  --snk-grid-padding: var(--space--lg);
 }
 
 .snk-grid__container {
   display: flex;
   height: 100%;
   width: 100%;
-  padding: var(--snk-grid-padding);
 }
 
 .snk-grid__header {