@sankhyalabs/sankhyablocks 10.1.0-dev.57 → 10.1.0-dev.59

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

@@ -184,7 +184,9 @@ export class SnkFormConfigManager {
       return config;
     }
     config = this.getFormConfig(this._dataUnit, false, true);
-    config.tabs = this.parseObjectList(config.tabs);
+    const previousTabs = this.parseObjectList(config.tabs)
+      .map(tab => (Object.assign(Object.assign({}, tab), { visible: true })));
+    config.tabs = [];
     config.emptyConfig = false;
     config.defaultConfiguration = true;
     const fields = (_b = (_a = this._dataUnit.metadata) === null || _a === void 0 ? void 0 : _a.fields) !== null && _b !== void 0 ? _b : [];
@@ -207,6 +209,11 @@ export class SnkFormConfigManager {
         field.tab = uiTabName;
       }
     }
+    for (const prevTab of previousTabs) {
+      if (!config.tabs.some(t => t.name === prevTab.name)) {
+        config.tabs.push(prevTab);
+      }
+    }
     return config;
   }
 }

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

@@ -543,7 +543,7 @@ export class SnkFilterBar {
     if (this.mode !== "regular") {
       return (h(Host, { "data-mode": this.mode }, this.getPersonalizedFilterVariableItems(), (this.mode === 'button' && !this.hideFilterButton) && (h("ez-button", { variant: "secondary", mode: "icon", iconName: "filter", class: "ez-margin-left--medium ez-margin-top--extra-small", size: "small", onClick: this.showFilterModal.bind(this) })), h("snk-filter-modal", { opened: this.isFilterModalOpen, filterConfig: this.filterConfig, configName: this.configName, disablePersonalizedFilter: this.disablePersonalizedFilter, getMessage: (key, props) => this.getMessage(key, props), applyFilters: (filters) => this.applyFiltersFromModal(filters), closeModal: () => this.closeFilterModal(), addPersonalizedFilter: (isDefault) => this.addPersonalizedFilter(isDefault), editPersonalizedFilter: (id, isDefault) => this.editPersonalizedFilter(id, isDefault), deletePersonalizedFilter: (filter, configName, isDefault) => this.deletePersonalizedFilter(filter, FilterItemType.PERSONALIZED, configName, isDefault), filterCustomConfigInterceptor: this.filterCustomConfigInterceptor })));
     }
-    return (h(Host, null, h("div", null, h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked, scrollAmount: 100, navigationMode: "buttons" }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), !this.hideFilterButton &&
+    return (h(Host, null, h("div", null, this.title && h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked, scrollAmount: 100, navigationMode: "buttons" }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), !this.hideFilterButton &&
       h("ez-button", { variant: "secondary", mode: "icon", iconName: "filter", class: "ez-padding-left--medium ez-margin-top--extra-small", size: "small", onClick: this.showFilterModal.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" })), h("snk-filter-modal", { opened: this.isFilterModalOpen, filterConfig: this.filterConfig, configName: this.configName, disablePersonalizedFilter: this.disablePersonalizedFilter, getMessage: (key, props) => this.getMessage(key, props), applyFilters: (filters) => this.applyFiltersFromModal(filters), closeModal: () => this.closeFilterModal(), addPersonalizedFilter: (isDefault) => this.addPersonalizedFilter(isDefault), editPersonalizedFilter: (id, isDefault) => this.editPersonalizedFilter(id, isDefault), deletePersonalizedFilter: (filter, configName, isDefault) => this.deletePersonalizedFilter(filter, FilterItemType.PERSONALIZED, configName, isDefault), filterCustomConfigInterceptor: this.filterCustomConfigInterceptor })));
   }
   static get is() { return "snk-filter-bar"; }

package/dist/collection/lib/@types/index.js

@@ -8,12 +8,15 @@ export var DataExporterOption;
 (function (DataExporterOption) {
   DataExporterOption["EXPORT_TO_PDF"] = "exportToPDF";
   DataExporterOption["EXPORT_TO_XLS"] = "exportToXLS";
+  DataExporterOption["EXPORT_TO_XLSX"] = "exportToXLSX";
   DataExporterOption["EXPORT_CURRENT_PAGE"] = "exportCurrentPage";
   DataExporterOption["EXPORT_ALL_RECORDS"] = "exportAllRecords";
   DataExporterOption["EXPORT_PAGE_TO_PDF"] = "exportPageToPDF";
   DataExporterOption["EXPORT_PAGE_TO_XLS"] = "exportPageToXLS";
+  DataExporterOption["EXPORT_PAGE_TO_XLSX"] = "exportPageToXLSX";
   DataExporterOption["EXPORT_ALL_RECORDS_TO_PDF"] = "exportAllRecordsToPDF";
   DataExporterOption["EXPORT_ALL_RECORDS_TO_XLS"] = "exportAllRecordsToXLS";
+  DataExporterOption["EXPORT_ALL_RECORDS_TO_XLSX"] = "exportAllRecordsToXLSX";
   DataExporterOption["EXPORT_BY_EMAIL"] = "exportToEmail";
   DataExporterOption["EXPORT_PDF_TO_EMAIL"] = "exportPDFToEmail";
   DataExporterOption["EXPORT_XLS_TO_EMAIL"] = "exportXLSToEmail";
@@ -28,10 +31,13 @@ export var DataExporterType;
 (function (DataExporterType) {
   DataExporterType["EXPORT_TO_PDF"] = "PDF";
   DataExporterType["EXPORT_TO_XLS"] = "XLS";
+  DataExporterType["EXPORT_TO_XLSX"] = "XLS";
   DataExporterType["EXPORT_PAGE_TO_PDF"] = "PDF";
   DataExporterType["EXPORT_PAGE_TO_XLS"] = "XLS";
+  DataExporterType["EXPORT_PAGE_TO_XLSX"] = "XLS";
   DataExporterType["EXPORT_ALL_RECORDS_TO_PDF"] = "PDF";
   DataExporterType["EXPORT_ALL_RECORDS_TO_XLS"] = "XLS";
+  DataExporterType["EXPORT_ALL_RECORDS_TO_XLSX"] = "XLS";
   DataExporterType["EXPORT_PDF_TO_EMAIL"] = "PDF";
   DataExporterType["EXPORT_XLS_TO_EMAIL"] = "XLS";
 })(DataExporterType || (DataExporterType = {}));

package/dist/collection/lib/message/resources/en-us/snk-crud.msg.js

@@ -39,5 +39,9 @@ export const snkCrudMessages = {
   entitySearch: {
     label: "Search for records",
     placeholder: "Type what you are looking for here..."
+  },
+  master: {
+    expand: "Expand main form",
+    collapse: "Collapse"
   }
 };

package/dist/collection/lib/message/resources/es-es/snk-crud.msg.js

@@ -39,5 +39,9 @@ export const snkCrudMessages = {
   entitySearch: {
     label: "Búsqueda de registros",
     placeholder: "Escribe lo que buscas aquí..."
+  },
+  master: {
+    expand: "Expandir formulario principal",
+    collapse: "Contraer"
   }
 };

package/dist/collection/lib/message/resources/pt-br/snk-crud.msg.js

@@ -39,5 +39,9 @@ export const snkCrudMessages = {
   entitySearch: {
     label: "Busca por registros",
     placeholder: "Digite o que você procura aqui..."
+  },
+  master: {
+    expand: "Expandir formulário principal",
+    collapse: "Recolher"
   }
 };

package/dist/components/ISave.js

@@ -393,12 +393,15 @@ var DataExporterOption;
 (function (DataExporterOption) {
   DataExporterOption["EXPORT_TO_PDF"] = "exportToPDF";
   DataExporterOption["EXPORT_TO_XLS"] = "exportToXLS";
+  DataExporterOption["EXPORT_TO_XLSX"] = "exportToXLSX";
   DataExporterOption["EXPORT_CURRENT_PAGE"] = "exportCurrentPage";
   DataExporterOption["EXPORT_ALL_RECORDS"] = "exportAllRecords";
   DataExporterOption["EXPORT_PAGE_TO_PDF"] = "exportPageToPDF";
   DataExporterOption["EXPORT_PAGE_TO_XLS"] = "exportPageToXLS";
+  DataExporterOption["EXPORT_PAGE_TO_XLSX"] = "exportPageToXLSX";
   DataExporterOption["EXPORT_ALL_RECORDS_TO_PDF"] = "exportAllRecordsToPDF";
   DataExporterOption["EXPORT_ALL_RECORDS_TO_XLS"] = "exportAllRecordsToXLS";
+  DataExporterOption["EXPORT_ALL_RECORDS_TO_XLSX"] = "exportAllRecordsToXLSX";
   DataExporterOption["EXPORT_BY_EMAIL"] = "exportToEmail";
   DataExporterOption["EXPORT_PDF_TO_EMAIL"] = "exportPDFToEmail";
   DataExporterOption["EXPORT_XLS_TO_EMAIL"] = "exportXLSToEmail";
@@ -413,10 +416,13 @@ var DataExporterType;
 (function (DataExporterType) {
   DataExporterType["EXPORT_TO_PDF"] = "PDF";
   DataExporterType["EXPORT_TO_XLS"] = "XLS";
+  DataExporterType["EXPORT_TO_XLSX"] = "XLS";
   DataExporterType["EXPORT_PAGE_TO_PDF"] = "PDF";
   DataExporterType["EXPORT_PAGE_TO_XLS"] = "XLS";
+  DataExporterType["EXPORT_PAGE_TO_XLSX"] = "XLS";
   DataExporterType["EXPORT_ALL_RECORDS_TO_PDF"] = "PDF";
   DataExporterType["EXPORT_ALL_RECORDS_TO_XLS"] = "XLS";
+  DataExporterType["EXPORT_ALL_RECORDS_TO_XLSX"] = "XLS";
   DataExporterType["EXPORT_PDF_TO_EMAIL"] = "PDF";
   DataExporterType["EXPORT_XLS_TO_EMAIL"] = "XLS";
 })(DataExporterType || (DataExporterType = {}));

package/dist/components/SnkMessageBuilder.js

@@ -197,6 +197,10 @@ const snkCrudMessages$2 = {
   entitySearch: {
     label: "Busca por registros",
     placeholder: "Digite o que você procura aqui..."
+  },
+  master: {
+    expand: "Expandir formulário principal",
+    collapse: "Recolher"
   }
 };
 
@@ -1077,6 +1081,10 @@ const snkCrudMessages$1 = {
   entitySearch: {
     label: "Search for records",
     placeholder: "Type what you are looking for here..."
+  },
+  master: {
+    expand: "Expand main form",
+    collapse: "Collapse"
   }
 };
 
@@ -1958,6 +1966,10 @@ const snkCrudMessages = {
   entitySearch: {
     label: "Búsqueda de registros",
     placeholder: "Escribe lo que buscas aquí..."
+  },
+  master: {
+    expand: "Expandir formulario principal",
+    collapse: "Contraer"
   }
 };
 

package/dist/components/snk-actions-button2.js

@@ -663,9 +663,9 @@ const SnkActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     var _a, _b;
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     await this.loadParameters();
-    const snkDataUnit = this._element.parentElement;
-    this._dataUnit = snkDataUnit === null || snkDataUnit === void 0 ? void 0 : snkDataUnit.dataUnit;
-    this._resourceID = snkDataUnit === null || snkDataUnit === void 0 ? void 0 : snkDataUnit.resourceID;
+    const snkTaskbar = this._element.closest('snk-taskbar');
+    this._dataUnit = snkTaskbar === null || snkTaskbar === void 0 ? void 0 : snkTaskbar.dataUnit;
+    this._resourceID = snkTaskbar === null || snkTaskbar === void 0 ? void 0 : snkTaskbar.resourceID;
     this._entityName = (_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.split('/')[2];
     if (this._resourceID == undefined) {
       this._resourceID = await ResourceIDUtils.getResourceID();

package/dist/components/snk-crud.js

@@ -58,7 +58,7 @@ import { d as defineCustomElement$4 } from './snk-view-representation2.js';
 import { d as defineCustomElement$3 } from './taskbar-actions-button2.js';
 import { d as defineCustomElement$2 } from './taskbar-split-button2.js';
 
-const snkCrudCss = ".sc-snk-crud-h{display:flex;flex-direction:column;height:100%;width:100%;overflow-y:auto;scrollbar-gutter:stable both-edges}snk-grid.sc-snk-crud{--snk-grid-padding:0 var(--space--6, 6px) var(--space--6, 6px) var(--space--6, 6px)}stack-item.sc-snk-crud.sc-snk-crud{display:grid;min-height:100%}.snk-crud__header.sc-snk-crud{margin-bottom:var(--space--10, 10px)}.snk-crud__grid-stack-item.sc-snk-crud{display:flex;flex-direction:column;height:100%;width:100%;padding:0 var(--space--2, 2px)}.snk-crud__header-top.sc-snk-crud{display:flex;justify-content:space-between;align-items:center;padding:var(--space--8, 8px);padding-top:var(--space--12, 12px)}.snk-crud__header-bottom.sc-snk-crud{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space--8, 8px) 0 var(--space--6, 6px)}.snk-crud__header-bottom.sc-snk-crud>snk-taskbar.sc-snk-crud{padding-bottom:var(--space--8, 8px);margin-left:var(--space--12, 12px)}.snk-crud--hidden.sc-snk-crud{display:none !important}ez-record-navigation.sc-snk-crud,ez-grid-pagination.sc-snk-crud{margin-bottom:var(--space--8, 8px)}";
+const snkCrudCss = ".sc-snk-crud-h{display:flex;flex-direction:column;height:100%;width:100%;overflow-y:auto;scrollbar-gutter:stable both-edges}snk-grid.sc-snk-crud{--snk-grid-padding:0 var(--space--6, 6px) var(--space--6, 6px) var(--space--6, 6px)}stack-item.sc-snk-crud.sc-snk-crud{display:grid;min-height:100%}.snk-crud__grid-stack-item.sc-snk-crud{display:flex;flex-direction:column;height:100%;width:100%;padding:0 var(--space--2, 2px)}.snk-crud__header-top.sc-snk-crud{display:flex;justify-content:space-between;align-items:center;padding:var(--space--8, 8px);padding-top:var(--space--12, 12px)}.snk-crud__header-bottom.sc-snk-crud{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space--8, 8px) 0 var(--space--6, 6px)}.snk-crud__header-bottom.sc-snk-crud>snk-taskbar.sc-snk-crud{padding-bottom:var(--space--8, 8px);margin-left:var(--space--12, 12px)}.snk-crud--hidden.sc-snk-crud{display:none !important}.snk-crud__filter-bar--hidden.sc-snk-crud{display:none !important}snk-filter-bar.sc-snk-crud{padding-inline:var(--space--4, 4px)}ez-record-navigation.sc-snk-crud,ez-grid-pagination.sc-snk-crud{margin-bottom:var(--space--8, 8px)}";
 
 const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -648,7 +648,11 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = (this._currentViewMode === VIEW_MODE.GRID && !this.enableGridInsert);
-    return (h(Host, null, h("header", { class: { 'snk-crud--hidden': !this._headerVisible, 'snk-crud__header': true } }, h("div", { class: "snk-crud__header-top" }, h("snk-taskbar", { "data-element-id": "grid_top", key: "snkGridTopTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, resourceID: this._resourceID, primaryButton: "INSERT", overflowStrategy: "hiddenItems", alignRigth: true, actionsList: this.getActionsList(), customActionsList: this.buildTaskbarCustomActionsList(), sizeButtons: 'medium' })), 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, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, mode: this._filterMode, hideFilterButton: true, sizeChips: 'default' })), h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'snk-crud__grid-stack-item' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', 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, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, strategyExporter: this.strategyExporter, multipleEditionEnabled: this.multipleEditionEnabled, paginationCounterMode: this.paginationCounterMode, hideHeader: true, hideGridTaskbar: true }, 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, customGuidesConfig: this.customGuidesConfig, 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, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields, onFormConfigVisibilityChanged: evt => this._headerVisible = !evt.detail }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), this.renderCustomGuideSlots(), h("slot", { name: "SnkFormTaskBar" })))), h("snk-attach", { ref: (ref) => this._snkAttach = ref, registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName }), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, entityName: this._snkDataUnit.entityName, 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, layoutFormConfig: this.layoutFormConfig }), this.renderDynamicSearch(), 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("header", { class: { 'snk-crud--hidden': !this._headerVisible, 'snk-crud__header': true } }, h("div", { class: "snk-crud__header-top" }, h("snk-taskbar", { "data-element-id": "grid_top", key: "snkGridTopTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, resourceID: this._resourceID, primaryButton: "INSERT", overflowStrategy: "hiddenItems", alignRigth: true, actionsList: this.getActionsList(), customActionsList: this.buildTaskbarCustomActionsList(), sizeButtons: 'medium' })), h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: {
+        'snk-grid__filter-bar': true,
+        'ez-align--top': true,
+        'snk-crud__filter-bar--hidden': this._currentViewMode !== VIEW_MODE.GRID
+      }, configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this._resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, mode: this._filterMode, hideFilterButton: true, sizeChips: 'default' })), h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'snk-crud__grid-stack-item' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', 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, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, strategyExporter: this.strategyExporter, multipleEditionEnabled: this.multipleEditionEnabled, paginationCounterMode: this.paginationCounterMode, hideHeader: true, hideGridTaskbar: true }, 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, customGuidesConfig: this.customGuidesConfig, 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, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields, onFormConfigVisibilityChanged: evt => this._headerVisible = !evt.detail }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), this.renderCustomGuideSlots(), h("slot", { name: "SnkFormTaskBar" })))), h("snk-attach", { ref: (ref) => this._snkAttach = ref, registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName }), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, entityName: this._snkDataUnit.entityName, 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, layoutFormConfig: this.layoutFormConfig }), this.renderDynamicSearch(), 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 {

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

@@ -38,6 +38,9 @@ class ItemBuilder {
     if (option === DataExporterOption.EXPORT_TO_XLS) {
       items.push(this.getExportToXLS(groupName));
     }
+    if (option === DataExporterOption.EXPORT_TO_XLSX) {
+      items.push(this.getExportToXLSX(groupName));
+    }
     this.setExportCurrentPage(option, items);
     if (this._selectedNumber > 0) {
       this.setExportAllRecords(option, items);
@@ -51,7 +54,7 @@ class ItemBuilder {
    */
   setExportCurrentPage(option, items) {
     var _a;
-    const pageOptions = [DataExporterOption.EXPORT_PAGE_TO_PDF, DataExporterOption.EXPORT_PAGE_TO_XLS];
+    const pageOptions = [DataExporterOption.EXPORT_PAGE_TO_PDF, DataExporterOption.EXPORT_PAGE_TO_XLS, DataExporterOption.EXPORT_PAGE_TO_XLSX];
     if (option === DataExporterOption.EXPORT_CURRENT_PAGE) {
       items.push(this.getCurrentPage());
     }
@@ -70,6 +73,9 @@ class ItemBuilder {
       if (option === DataExporterOption.EXPORT_PAGE_TO_XLS) {
         item.children.push(this.getExportPageToXLS());
       }
+      if (option === DataExporterOption.EXPORT_PAGE_TO_XLSX) {
+        item.children.push(this.getExportPageToXLSX());
+      }
     }
   }
   /**
@@ -79,7 +85,7 @@ class ItemBuilder {
    */
   setExportAllRecords(option, items) {
     var _a;
-    const pageOptions = [DataExporterOption.EXPORT_ALL_RECORDS_TO_PDF, DataExporterOption.EXPORT_ALL_RECORDS_TO_XLS];
+    const pageOptions = [DataExporterOption.EXPORT_ALL_RECORDS_TO_PDF, DataExporterOption.EXPORT_ALL_RECORDS_TO_XLS, DataExporterOption.EXPORT_ALL_RECORDS_TO_XLSX];
     if (option === DataExporterOption.EXPORT_ALL_RECORDS) {
       items.push(this.getAllRecords());
     }
@@ -98,6 +104,9 @@ class ItemBuilder {
       if (option === DataExporterOption.EXPORT_ALL_RECORDS_TO_XLS) {
         item.children.push(this.getExportAllRecordsToXLS());
       }
+      if (option === DataExporterOption.EXPORT_ALL_RECORDS_TO_XLSX) {
+        item.children.push(this.getExportAllRecordsToXLSX());
+      }
     }
   }
   /**
@@ -134,6 +143,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: 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.
@@ -176,6 +197,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: 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.
@@ -193,6 +224,16 @@ class ItemBuilder {
   getExportAllRecordsToXLS() {
     return {
       id: 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: DataExporterOption.EXPORT_ALL_RECORDS_TO_XLSX,
       label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xlsx)`
     };
   }
@@ -356,7 +397,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();
@@ -368,7 +409,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 }
         }
       }
     };
@@ -450,13 +491,16 @@ const SnkDataExporter = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this._releasedToExport = [
       DataExporterOption.EXPORT_TO_PDF,
       DataExporterOption.EXPORT_TO_XLS,
+      DataExporterOption.EXPORT_TO_XLSX,
       DataExporterOption.EXPORT_BY_EMAIL,
       DataExporterOption.EXPORT_PDF_TO_EMAIL,
       DataExporterOption.EXPORT_XLS_TO_EMAIL,
       DataExporterOption.EXPORT_PAGE_TO_PDF,
       DataExporterOption.EXPORT_PAGE_TO_XLS,
+      DataExporterOption.EXPORT_PAGE_TO_XLSX,
       DataExporterOption.EXPORT_ALL_RECORDS_TO_PDF,
       DataExporterOption.EXPORT_ALL_RECORDS_TO_XLS,
+      DataExporterOption.EXPORT_ALL_RECORDS_TO_XLSX,
     ];
     this._items = [];
     this._showDropdown = false;
@@ -551,16 +595,16 @@ const SnkDataExporter = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     });
   }
   getExportType(option) {
-    if (option === DataExporterOption.EXPORT_ALL_RECORDS_TO_PDF || option === DataExporterOption.EXPORT_ALL_RECORDS_TO_XLS) {
+    if (option === DataExporterOption.EXPORT_ALL_RECORDS_TO_PDF || option === DataExporterOption.EXPORT_ALL_RECORDS_TO_XLS || option === DataExporterOption.EXPORT_ALL_RECORDS_TO_XLSX) {
       return IExportType.ALL;
     }
-    if (option === DataExporterOption.EXPORT_PAGE_TO_PDF || option === DataExporterOption.EXPORT_PAGE_TO_XLS) {
+    if (option === DataExporterOption.EXPORT_PAGE_TO_PDF || option === DataExporterOption.EXPORT_PAGE_TO_XLS || option === DataExporterOption.EXPORT_PAGE_TO_XLSX) {
       return IExportType.PAGE;
     }
     return IExportType.SELECTION;
   }
   async dispatchExporter(option) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const optionKey = this.getOptionKey(option);
     const fileType = (_a = DataExporterType[optionKey]) !== null && _a !== void 0 ? _a : DataExporterType.EXPORT_TO_PDF;
     const params = {
@@ -570,6 +614,7 @@ const SnkDataExporter = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       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 === DataExporterType.EXPORT_TO_PDF) {
@@ -583,7 +628,7 @@ const SnkDataExporter = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   async processExporter(evt) {
     var _a, _b, _c, _d, _e, _f, _g;
     const item = evt === null || evt === void 0 ? void 0 : evt.detail;
-    const exportCurrentPageOptions = [DataExporterOption.EXPORT_PAGE_TO_PDF, DataExporterOption.EXPORT_PAGE_TO_XLS];
+    const exportCurrentPageOptions = [DataExporterOption.EXPORT_PAGE_TO_PDF, DataExporterOption.EXPORT_PAGE_TO_XLS, 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) === DataExporterOption.EXPORT_CURRENT_PAGE)
       return;