@sankhyalabs/sankhyablocks 10.1.0-dev.6 → 10.1.0-dev.60

package/dist/cjs/snk-data-exporter.cjs.entry.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-1cf293c1.js');
+const index$1 = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const IFetchDataExporterParams = require('./IFetchDataExporterParams-e78ec415.js');
-const index = require('./index-e3e39724.js');
+const index = require('./index-bc950921.js');
 const constants = require('./constants-6d82e405.js');
-const DataFetcher = require('./DataFetcher-991b0349.js');
-const snkDataUnit = require('./snk-data-unit-7d587ad5.js');
-require('./ISave-ebf6b4ed.js');
+const DataFetcher = require('./DataFetcher-d13b4637.js');
+const snkDataUnit = require('./snk-data-unit-32237a2d.js');
+require('./ISave-55d9dcc3.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-8bf469e7.js');
+require('./dataunit-fetcher-fae710c5.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-c7af90d8.js');
+require('./form-config-fetcher-bbebdcb8.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
@@ -42,6 +42,9 @@ class ItemBuilder {
     if (option === index.DataExporterOption.EXPORT_TO_XLS) {
       items.push(this.getExportToXLS(groupName));
     }
+    if (option === index.DataExporterOption.EXPORT_TO_XLSX) {
+      items.push(this.getExportToXLSX(groupName));
+    }
     this.setExportCurrentPage(option, items);
     if (this._selectedNumber > 0) {
       this.setExportAllRecords(option, items);
@@ -55,7 +58,7 @@ class ItemBuilder {
    */
   setExportCurrentPage(option, items) {
     var _a;
-    const pageOptions = [index.DataExporterOption.EXPORT_PAGE_TO_PDF, index.DataExporterOption.EXPORT_PAGE_TO_XLS];
+    const pageOptions = [index.DataExporterOption.EXPORT_PAGE_TO_PDF, index.DataExporterOption.EXPORT_PAGE_TO_XLS, index.DataExporterOption.EXPORT_PAGE_TO_XLSX];
     if (option === index.DataExporterOption.EXPORT_CURRENT_PAGE) {
       items.push(this.getCurrentPage());
     }
@@ -74,6 +77,9 @@ class ItemBuilder {
       if (option === index.DataExporterOption.EXPORT_PAGE_TO_XLS) {
         item.children.push(this.getExportPageToXLS());
       }
+      if (option === index.DataExporterOption.EXPORT_PAGE_TO_XLSX) {
+        item.children.push(this.getExportPageToXLSX());
+      }
     }
   }
   /**
@@ -83,7 +89,7 @@ class ItemBuilder {
    */
   setExportAllRecords(option, items) {
     var _a;
-    const pageOptions = [index.DataExporterOption.EXPORT_ALL_RECORDS_TO_PDF, index.DataExporterOption.EXPORT_ALL_RECORDS_TO_XLS];
+    const pageOptions = [index.DataExporterOption.EXPORT_ALL_RECORDS_TO_PDF, index.DataExporterOption.EXPORT_ALL_RECORDS_TO_XLS, index.DataExporterOption.EXPORT_ALL_RECORDS_TO_XLSX];
     if (option === index.DataExporterOption.EXPORT_ALL_RECORDS) {
       items.push(this.getAllRecords());
     }
@@ -102,6 +108,9 @@ class ItemBuilder {
       if (option === index.DataExporterOption.EXPORT_ALL_RECORDS_TO_XLS) {
         item.children.push(this.getExportAllRecordsToXLS());
       }
+      if (option === index.DataExporterOption.EXPORT_ALL_RECORDS_TO_XLSX) {
+        item.children.push(this.getExportAllRecordsToXLSX());
+      }
     }
   }
   /**
@@ -138,6 +147,18 @@ class ItemBuilder {
       group: groupName
     };
   }
+  /**
+   * Método responsável por capturar o objeto com os dados de exportação em XLSX.
+   * @param groupName - Nome do grupo da opção que será inserida na lista.
+   * @returns Retorna o objeto com os dados de exportação em XLSX.
+   */
+  getExportToXLSX(groupName) {
+    return {
+      id: index.DataExporterOption.EXPORT_TO_XLSX,
+      label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xlsx)`,
+      group: groupName
+    };
+  }
   /**
    * Método responsável por capturar o objeto com os dados de exportação personalizada.
    * @returns Retorna o objeto com os dados de exportação personalizada.
@@ -180,6 +201,16 @@ class ItemBuilder {
       label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xls)`
     };
   }
+  /**
+   * Método responsável por capturar o objeto com os dados de exportação da página atual em XLSX.
+   * @returns Retorna o objeto com os dados de exportação da página atual em XLSX.
+   */
+  getExportPageToXLSX() {
+    return {
+      id: index.DataExporterOption.EXPORT_PAGE_TO_XLSX,
+      label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xlsx)`
+    };
+  }
   /**
    * Método responsável por capturar o objeto com todos os dados de exportação em PDF.
    * @returns Retorna o objeto com todos os dados de exportação em PDF.
@@ -197,6 +228,16 @@ class ItemBuilder {
   getExportAllRecordsToXLS() {
     return {
       id: index.DataExporterOption.EXPORT_ALL_RECORDS_TO_XLS,
+      label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xls)`
+    };
+  }
+  /**
+   * Método responsável por capturar o objeto com todos os dados de exportação em XLSX.
+   * @returns Retorna o objeto com todos os dados de exportação em XLSX.
+   */
+  getExportAllRecordsToXLSX() {
+    return {
+      id: index.DataExporterOption.EXPORT_ALL_RECORDS_TO_XLSX,
       label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xlsx)`
     };
   }
@@ -360,7 +401,7 @@ class ClientSideExporterStrategy {
     return visibleColumns;
   }
   async executeExport(resolveProps) {
-    var _a;
+    var _a, _b;
     const { methodName, gridTitle } = resolveProps;
     const records = await this._provider.getRecords(resolveProps.type);
     const columns = ((_a = getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) === null || _a === void 0 ? void 0 : _a.includes("PDF")) ? await this.getParsedColumns() : await this._provider.getColumnsMetadata();
@@ -372,7 +413,7 @@ class ClientSideExporterStrategy {
           gridTitle,
           columns: this.buildColumnsObject(columns),
           rows: this.buildRowsObject(columns, records),
-          customOptions: { xlsxExtension: false }
+          customOptions: { xlsxExtension: (_b = resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.xlsxExtension) !== null && _b !== void 0 ? _b : false }
         }
       }
     };
@@ -453,18 +494,22 @@ const SnkDataExporter = class {
     this._releasedToExport = [
       index.DataExporterOption.EXPORT_TO_PDF,
       index.DataExporterOption.EXPORT_TO_XLS,
+      index.DataExporterOption.EXPORT_TO_XLSX,
       index.DataExporterOption.EXPORT_BY_EMAIL,
       index.DataExporterOption.EXPORT_PDF_TO_EMAIL,
       index.DataExporterOption.EXPORT_XLS_TO_EMAIL,
       index.DataExporterOption.EXPORT_PAGE_TO_PDF,
       index.DataExporterOption.EXPORT_PAGE_TO_XLS,
+      index.DataExporterOption.EXPORT_PAGE_TO_XLSX,
       index.DataExporterOption.EXPORT_ALL_RECORDS_TO_PDF,
       index.DataExporterOption.EXPORT_ALL_RECORDS_TO_XLS,
+      index.DataExporterOption.EXPORT_ALL_RECORDS_TO_XLSX,
     ];
     this._items = [];
     this._showDropdown = false;
     this.provider = null;
     this.messagesBuilder = undefined;
+    this.size = 'medium';
   }
   async exportByEmail() {
     const selectedRows = this._selectedNumber;
@@ -553,16 +598,16 @@ const SnkDataExporter = class {
     });
   }
   getExportType(option) {
-    if (option === index.DataExporterOption.EXPORT_ALL_RECORDS_TO_PDF || option === index.DataExporterOption.EXPORT_ALL_RECORDS_TO_XLS) {
+    if (option === index.DataExporterOption.EXPORT_ALL_RECORDS_TO_PDF || option === index.DataExporterOption.EXPORT_ALL_RECORDS_TO_XLS || option === index.DataExporterOption.EXPORT_ALL_RECORDS_TO_XLSX) {
       return IFetchDataExporterParams.IExportType.ALL;
     }
-    if (option === index.DataExporterOption.EXPORT_PAGE_TO_PDF || option === index.DataExporterOption.EXPORT_PAGE_TO_XLS) {
+    if (option === index.DataExporterOption.EXPORT_PAGE_TO_PDF || option === index.DataExporterOption.EXPORT_PAGE_TO_XLS || option === index.DataExporterOption.EXPORT_PAGE_TO_XLSX) {
       return IFetchDataExporterParams.IExportType.PAGE;
     }
     return IFetchDataExporterParams.IExportType.SELECTION;
   }
   async dispatchExporter(option) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const optionKey = this.getOptionKey(option);
     const fileType = (_a = index.DataExporterType[optionKey]) !== null && _a !== void 0 ? _a : index.DataExporterType.EXPORT_TO_PDF;
     const params = {
@@ -572,6 +617,7 @@ const SnkDataExporter = class {
       exportOption: option,
       limit: (_c = (_b = this.provider) === null || _b === void 0 ? void 0 : _b.getExportLimit) === null || _c === void 0 ? void 0 : _c.call(_b),
       type: this.getExportType(option),
+      xlsxExtension: (_d = optionKey === null || optionKey === void 0 ? void 0 : optionKey.includes("XLSX")) !== null && _d !== void 0 ? _d : false,
     };
     await this.resolveExporter(params, (response) => {
       if (response.canExport || fileType === index.DataExporterType.EXPORT_TO_PDF) {
@@ -585,7 +631,7 @@ const SnkDataExporter = class {
   async processExporter(evt) {
     var _a, _b, _c, _d, _e, _f, _g;
     const item = evt === null || evt === void 0 ? void 0 : evt.detail;
-    const exportCurrentPageOptions = [index.DataExporterOption.EXPORT_PAGE_TO_PDF, index.DataExporterOption.EXPORT_PAGE_TO_XLS];
+    const exportCurrentPageOptions = [index.DataExporterOption.EXPORT_PAGE_TO_PDF, index.DataExporterOption.EXPORT_PAGE_TO_XLS, index.DataExporterOption.EXPORT_PAGE_TO_XLSX];
     const isCustomReport = (_a = item === null || item === void 0 ? void 0 : item.id) === null || _a === void 0 ? void 0 : _a.includes(this._customPrefix);
     if ((item === null || item === void 0 ? void 0 : item.id) === index.DataExporterOption.EXPORT_CURRENT_PAGE)
       return;
@@ -750,7 +796,7 @@ const SnkDataExporter = class {
   render() {
     return (index$1.h(index$1.Host, null, index$1.h("div", { class: `snk-data-exporter
           ${this.canShowDropdown() ? " ez-elevation--16" : ""}
-        ` }, index$1.h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "file-download", size: "small", mode: "icon", title: this.getMessage("snkDataExporter.group.export.title"), onClick: () => this.controlDropdown() }, this.getElementID("button"))), index$1.h("div", Object.assign({ ref: (ref) => this._dropdownParent = ref, class: `snk-data-exporter__dropdown
+        ` }, index$1.h("ez-tooltip", { message: this.getMessage("snkDataExporter.group.export.title") }, index$1.h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "file-download", mode: "icon", onClick: () => this.controlDropdown(), size: this.size }, this.getElementID("button")))), index$1.h("div", Object.assign({ ref: (ref) => this._dropdownParent = ref, class: `snk-data-exporter__dropdown
               ${this.canShowDropdown() ? "snk-data-exporter__dropdown--show" : ""}
             ` }, this.getElementID("dropdown")), this.canShowDropdown() &&
       index$1.h("ez-dropdown", Object.assign({ items: this._items, onEzClick: (evt) => this.processExporter(evt) }, this.getElementID("dropdown"))))), this.canShowDropdown() &&

package/dist/cjs/{snk-data-unit-7d587ad5.js → snk-data-unit-32237a2d.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const DataFetcher = require('./DataFetcher-991b0349.js');
-const dataunitFetcher = require('./dataunit-fetcher-8bf469e7.js');
+const DataFetcher = require('./DataFetcher-d13b4637.js');
+const dataunitFetcher = require('./dataunit-fetcher-fae710c5.js');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
 
@@ -155,6 +155,7 @@ const SnkDataUnit = class {
     this._metadataByRow = new Map();
     this._rowMetadataCache = new Map();
     this._formFieldsConfig = [];
+    this._internalDataStateChange = false;
     this.REGEX_DATAUNIT_NAME = /dd:\/\/(.+?)\//;
     this._dataUnitObserver = async (action) => {
       const duState = await this.buildDataState(action.type);
@@ -409,11 +410,17 @@ const SnkDataUnit = class {
     if (this.isAllowed("UPDATE") || this.dataUnit.isNewRecord(recordId)) {
       return action;
     }
+    if (this._internalDataStateChange) {
+      this._internalDataStateChange = false;
+      return;
+    }
     if (this._openedAlert) {
+      this._internalDataStateChange = true;
       await this.dataUnit.cancelEdition();
       return;
     }
     this._openedAlert = true;
+    this._internalDataStateChange = true;
     await this.dataUnit.cancelEdition();
     await utils.ApplicationUtils.alert(this.getMessage("snkDataUnit.forbidden"), this.getMessage("snkDataUnit.forbiddenUpdate"));
     this._openedAlert = false;
@@ -616,6 +623,8 @@ const SnkDataUnit = class {
       return records;
     const parentSelectedRecord = parentDataUnit.getSelectedRecord();
     const selfInfo = parentDataUnit === null || parentDataUnit === void 0 ? void 0 : parentDataUnit.getChildInfo(this.getCleanDataUnitName());
+    if (!selfInfo)
+      return records;
     const { links } = selfInfo;
     if (!links || links.length === 0)
       return records;

package/dist/cjs/snk-data-unit.cjs.entry.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkDataUnit = require('./snk-data-unit-7d587ad5.js');
-require('./index-1cf293c1.js');
+const snkDataUnit = require('./snk-data-unit-32237a2d.js');
+require('./index-1894343a.js');
 require('@sankhyalabs/core');
 require('@sankhyalabs/ezui/dist/collection/utils');
-require('./DataFetcher-991b0349.js');
+require('./DataFetcher-d13b4637.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-8bf469e7.js');
+require('./dataunit-fetcher-fae710c5.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');

package/dist/cjs/snk-detail-view.cjs.entry.js

@@ -2,30 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-cdbb29d4.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-5cb9a39c.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
-const DataFetcher = require('./DataFetcher-991b0349.js');
-require('./ISave-ebf6b4ed.js');
-const index$1 = require('./index-e3e39724.js');
+const DataFetcher = require('./DataFetcher-d13b4637.js');
+require('./ISave-55d9dcc3.js');
+const index$1 = require('./index-bc950921.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-8bf469e7.js');
+require('./dataunit-fetcher-fae710c5.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-c7af90d8.js');
+require('./form-config-fetcher-bbebdcb8.js');
 const constants = require('./constants-6d82e405.js');
-const taskbarElements = require('./taskbar-elements-fb5d1e08.js');
-const snkGuidesViewer = require('./snk-guides-viewer-366d5c32.js');
+const taskbarElements = require('./taskbar-elements-25f800b3.js');
+const snkGuidesViewer = require('./snk-guides-viewer-67b9cca9.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-require('./ConfigStorage-72f34bd4.js');
+require('./ConfigStorage-156bfcac.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
 require('./ResourceIDUtils-5ff86aa7.js');
-require('./index-13d05f03.js');
-require('@sankhyalabs/core/dist/dataunit/DataUnit');
-require('./taskbar-processor-2fba34a8.js');
+require('./index-f0fe7e6e.js');
 
 class GuideBuilder {
   constructor(parentGuide, formMetadata, dataUnit, messageBuilder) {
@@ -70,14 +68,14 @@ class GuideBuilder {
       };
     });
     const newGuideItem = children.shift();
-    newGuideItem.label = isNewRecord ? this.getMessage("snkCrud.title.newRecord") : currentRecord.__record__label__;
+    newGuideItem.label = isNewRecord ? this.getMessage("snkCrud.newRecord") : currentRecord.__record__label__;
     newGuideItem.children = children;
     item.children = [newGuideItem];
     return item;
   }
 }
 
-const snkDetailViewCss = ".sc-snk-detail-view-h{display:flex;row-gap:24px;flex-direction:column;width:100%;height:100%}.level-path.sc-snk-detail-view{color:var(--color--title-primary, #2B3A54);font-weight:var(--text-weight--medium, 400);padding-right:3px}.form-taskbar.sc-snk-detail-view{padding-bottom:var(--space--medium)}.grid-container.sc-snk-detail-view{background-color:#FFF;min-height:100px;height:100%}.detail-header.sc-snk-detail-view{padding-bottom:0}snk-data-unit.sc-snk-detail-view{flex:1}snk-grid.sc-snk-detail-view{height:calc(100% - 43px)}";
+const snkDetailViewCss = ".sc-snk-detail-view-h{display:flex;row-gap:24px;flex-direction:column;width:100%;height:100%}.level-path.sc-snk-detail-view{color:var(--color--title-primary, #2B3A54);font-weight:var(--text-weight--medium, 400);padding-right:3px}.form-taskbar.sc-snk-detail-view{padding-bottom:var(--space--medium)}.grid-container.sc-snk-detail-view{background-color:#FFF;min-height:100px;height:100%}.detail-header.sc-snk-detail-view{padding-bottom:0}snk-data-unit.sc-snk-detail-view{flex:1}snk-grid.sc-snk-detail-view{height:calc(100% - 56px);--snk-grid__header-padding:var(--space--4, 4px);--snk-grid-padding:var(--space--8, 8px);--snk-grid-box-shadow:unset}";
 
 const SnkDetailView = class {
   constructor(hostRef) {
@@ -263,25 +261,30 @@ const SnkDetailView = class {
     return [];
   }
   emitSwitchEvent(mode) {
+    if (mode === constants.VIEW_MODE.GRID) {
+      this.dataUnit.isMultipleEdition = false;
+    }
     const guideId = mode === constants.VIEW_MODE.GRID ? this.stripFormPattern(this.branchGuide.id) : this.getFormGuideId();
     if (guideId) {
       this.snkSwitchGuide.emit(guideId);
     }
   }
-  handleAttachBack() {
-    this._viewStack.show(constants.VIEW_MODE.GRID);
-  }
   executeActionHandler(evt) {
     if (evt.detail === taskbarElements.TaskbarElement.GRID_MODE) {
       this.emitSwitchEvent(constants.VIEW_MODE.GRID);
       evt.stopPropagation();
     }
+    if (evt.detail === taskbarElements.TaskbarElement.UPDATE_MULTIPLE) {
+      this.dataUnit.isMultipleEdition = true;
+      this.emitSwitchEvent(constants.VIEW_MODE.FORM);
+      evt.stopPropagation();
+    }
     if (evt.detail === taskbarElements.TaskbarElement.FORM_MODE || evt.detail === taskbarElements.TaskbarElement.UPDATE) {
       this.emitSwitchEvent(constants.VIEW_MODE.FORM);
       evt.stopPropagation();
     }
     if (evt.detail === taskbarElements.TaskbarElement.ATTACH) {
-      this._viewStack.show(constants.VIEW_MODE.ATTACHMENT);
+      this._snkAttach.open();
       evt.stopPropagation();
     }
   }
@@ -319,6 +322,15 @@ const SnkDetailView = class {
     if (action.type === core.Action.FIELD_INVALIDATED) {
       this.addErrorBadgeToBranchGuide();
     }
+    else if (action.type === core.Action.DATA_LOADED) {
+      this.handleDataLoaded();
+    }
+  }
+  handleDataLoaded() {
+    var _a;
+    if (!((_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getSelectedRecord())) {
+      this.dataUnit.selectFirst();
+    }
   }
   addErrorBadgeToBranchGuide() {
     this.branchGuide = Object.assign(Object.assign({}, this.branchGuide), { badge: 'error' });
@@ -373,7 +385,7 @@ const SnkDetailView = class {
   render() {
     this.updateLabel();
     //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
-    return (index.h(index.Host, null, index.h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === constants.VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, index.h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, index.h("stack-item", null, index.h("div", { class: "ez-box ez-box--shadow grid-container" }, index.h("div", { class: "ez-title--primary ez-size-width--full ez-padding--large detail-header" }, index.h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? index.h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), index.h("snk-grid", { class: "ez-size-width--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(constants.VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: this.presentationMode, canEdit: this.canEdit, isDetail: true, taskbarCustomContainerId: this.taskbarCustomContainerId, gridHeaderCustomSlotId: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS", topTaskbarCustomSlotId: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS", outlineMode: false }))), index.h("stack-item", null, index.h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), fieldToFocus: this._fieldToGetFocus, label: this.label, levelPath: this._levelPath, onFormItemsReady: ({ detail: formItems }) => this.formItemsReady.emit(formItems), onSnkRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), fieldSearch: this._fieldSearch }, index.h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: this.presentationMode, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit, resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: "DETAIL_TASKBAR_CUSTOM_ELEMENTS", actionsSettingsList: this.getSettingsListForm() }, index.h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" })))), index.h("stack-item", null, index.h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
+    return (index.h(index.Host, null, index.h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === constants.VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, index.h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, index.h("stack-item", null, index.h("div", { class: "ez-box ez-box--shadow grid-container" }, index.h("div", { class: "ez-title--primary ez-size-width--full ez-padding--large detail-header" }, index.h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? index.h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), index.h("snk-grid", { class: "ez-size-width--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(constants.VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: this.presentationMode, canEdit: this.canEdit, isDetail: true, taskbarCustomContainerId: this.taskbarCustomContainerId, gridHeaderCustomSlotId: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS", topTaskbarCustomSlotId: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS", outlineMode: false, enableGridInsert: true, autoLoad: true, multipleEditionEnabled: true, multipleSelection: true }))), index.h("stack-item", null, index.h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), fieldToFocus: this._fieldToGetFocus, label: this.label, levelPath: this._levelPath, onFormItemsReady: ({ detail: formItems }) => this.formItemsReady.emit(formItems), onSnkRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), fieldSearch: this._fieldSearch, entityPath: this.entityName }, index.h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,ACTIONS_BUTTON,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: this.presentationMode, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit, resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: "DETAIL_TASKBAR_CUSTOM_ELEMENTS", actionsSettingsList: this.getSettingsListForm() }, index.h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))))), index.h("snk-attach", { ref: (ref) => this._snkAttach = ref, registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName }))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {