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

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

@@ -0,0 +1,163 @@
+import { PresentationMode } from "../../../lib";
+import { VIEW_MODE } from "../../../lib/utils/constants";
+import { TaskbarElement } from "../../snk-taskbar/elements/taskbar-elements";
+export const DEFAULT_TASKBAR_BUTTONS = [
+  TaskbarElement.FORM_MODE,
+  TaskbarElement.PREVIOUS,
+  TaskbarElement.NEXT,
+  TaskbarElement.REFRESH,
+  TaskbarElement.SPACER,
+  TaskbarElement.ACTIONS_BUTTON,
+  TaskbarElement.DATA_EXPORTER,
+  TaskbarElement.ATTACH,
+  TaskbarElement.CLONE,
+  TaskbarElement.UPDATE,
+  TaskbarElement.REMOVE,
+  TaskbarElement.INSERT,
+  TaskbarElement.CONFIGURATOR,
+  TaskbarElement.MORE_OPTIONS,
+];
+export var CustomTaskbarButton;
+(function (CustomTaskbarButton) {
+  CustomTaskbarButton["FILTER"] = "FILTER";
+  CustomTaskbarButton["ENTITY_SEARCH"] = "ENTITY_SEARCH";
+})(CustomTaskbarButton || (CustomTaskbarButton = {}));
+/**
+ * Insere os botões customizados à esquerda do elemento SPACER na lista de botões.
+ * Caso o SPACER não seja encontrado, os botões são inseridos no início da lista.
+ */
+function insertCustomButtonsBeforeSpacer(buttons, customButtons) {
+  const spacerIndex = buttons.findIndex(btn => btn === TaskbarElement.SPACER || (typeof btn === 'string' && btn === 'SPACER'));
+  if (spacerIndex > -1) {
+    return [
+      ...buttons.slice(0, spacerIndex),
+      ...customButtons,
+      ...buttons.slice(spacerIndex),
+    ];
+  }
+  return [...customButtons, ...buttons];
+}
+function buildNavigationDisabledBtns(dataState) {
+  const navigationDisabled = [];
+  if (!(dataState === null || dataState === void 0 ? void 0 : dataState.hasPrevious)) {
+    navigationDisabled.push(TaskbarElement.PREVIOUS);
+  }
+  if (!(dataState === null || dataState === void 0 ? void 0 : dataState.hasNext)) {
+    navigationDisabled.push(TaskbarElement.NEXT);
+  }
+  return navigationDisabled;
+}
+export function buildNativeTaskbarManager(currentViewMode, mergeTaskbarManager, messagesBuilder) {
+  var _a, _b;
+  const CUSTOM_BUTTONS = [
+    {
+      name: CustomTaskbarButton.FILTER,
+      hint: (_a = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("snkCrud.customButtons.filter")) !== null && _a !== void 0 ? _a : "Abre o painel de filtros",
+      iconName: "filter",
+    },
+    {
+      name: CustomTaskbarButton.ENTITY_SEARCH,
+      hint: (_b = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("snkCrud.customButtons.entitySearch")) !== null && _b !== void 0 ? _b : "Busca na entidade",
+      iconName: "search",
+    },
+  ];
+  const EDITION_MODE_BUTTONS = [
+    TaskbarElement.CANCEL,
+    TaskbarElement.SAVE,
+  ];
+  return {
+    getButtons: (taskbarID, dataState, defaultButtons) => {
+      var _a, _b;
+      if (!taskbarID) {
+        console.warn('taskbarID não fornecido');
+        return [];
+      }
+      const isInEditionMode = (dataState === null || dataState === void 0 ? void 0 : dataState.insertionMode) || (dataState === null || dataState === void 0 ? void 0 : dataState.isDirty);
+      if (isInEditionMode) {
+        return EDITION_MODE_BUTTONS;
+      }
+      if (currentViewMode === VIEW_MODE.FORM) {
+        const indexFormMode = defaultButtons.indexOf(TaskbarElement.FORM_MODE);
+        if (indexFormMode > -1) {
+          defaultButtons = [
+            ...defaultButtons.slice(0, indexFormMode),
+            TaskbarElement.GRID_MODE,
+            ...defaultButtons.slice(indexFormMode + 1)
+          ];
+        }
+      }
+      if (((_b = (_a = dataState === null || dataState === void 0 ? void 0 : dataState.selectionInfo) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b.length) > 1) {
+        const indexUpdate = defaultButtons.indexOf(TaskbarElement.UPDATE);
+        if (indexUpdate > -1) {
+          defaultButtons = [
+            ...defaultButtons.slice(0, indexUpdate),
+            TaskbarElement.UPDATE_MULTIPLE,
+            ...defaultButtons.slice(indexUpdate + 1)
+          ];
+        }
+      }
+      const defaultsWithCustomButtons = insertCustomButtonsBeforeSpacer(defaultButtons, CUSTOM_BUTTONS);
+      if (mergeTaskbarManager === null || mergeTaskbarManager === void 0 ? void 0 : mergeTaskbarManager.getButtons) {
+        return mergeTaskbarManager.getButtons(taskbarID, dataState, defaultsWithCustomButtons);
+      }
+      return defaultsWithCustomButtons;
+    },
+    isEnabled: (_, dataState, buttonName, originalValue) => {
+      var _a;
+      // Filtro só faz sentido no modo grade; a filter-bar fica oculta no
+      // form-view, então desabilita o botão que abre o painel de filtros.
+      if (currentViewMode === VIEW_MODE.FORM && buttonName === CustomTaskbarButton.FILTER) {
+        return false;
+      }
+      if (!dataState) {
+        return originalValue;
+      }
+      const hasSelectedRecord = dataState.selectedRecord !== undefined;
+      const buttonsRequiringSelection = [
+        TaskbarElement.UPDATE,
+        TaskbarElement.REMOVE,
+        TaskbarElement.ATTACH,
+        TaskbarElement.CLONE,
+      ];
+      if (!hasSelectedRecord && buttonsRequiringSelection.includes(buttonName)) {
+        return false;
+      }
+      const navigationDisabled = buildNavigationDisabledBtns(dataState);
+      if (navigationDisabled.includes(buttonName)) {
+        return false;
+      }
+      return (_a = mergeTaskbarManager === null || mergeTaskbarManager === void 0 ? void 0 : mergeTaskbarManager.isEnabled(_, dataState, buttonName, originalValue)) !== null && _a !== void 0 ? _a : originalValue;
+    },
+    getMoreOptions(taskbarId, configName, dataState, currentActions) {
+      var _a;
+      return (_a = mergeTaskbarManager === null || mergeTaskbarManager === void 0 ? void 0 : mergeTaskbarManager.getMoreOptions) === null || _a === void 0 ? void 0 : _a.call(mergeTaskbarManager, taskbarId, configName, dataState, currentActions);
+    },
+  };
+}
+export function getHeaderTaskbarId(dataState, presentationMode) {
+  var _a;
+  const hasSelectedRecord = dataState && !!((_a = dataState.selectionInfo) === null || _a === void 0 ? void 0 : _a.length);
+  const taskbarIdPrefixLookup = {
+    primary: "snkGridHeaderTaskbar",
+    secondary: "snkGridHeaderTaskbar",
+    singleTaskbar: "snkGridHeaderTaskbar.singleTaskbar",
+  };
+  const taskbarIdPrefix = taskbarIdPrefixLookup[presentationMode];
+  let headerTaskbarId = hasSelectedRecord ? `${taskbarIdPrefix}.selected` : `${taskbarIdPrefix}.unselected`;
+  if ((dataState === null || dataState === void 0 ? void 0 : dataState.isDirty) && presentationMode === PresentationMode.SINGLE_TASKBAR) {
+    headerTaskbarId = "snkGridHeaderTaskbar.singleTaskbar.finish_edition";
+  }
+  return headerTaskbarId;
+}
+export function getTopTaskBarId(dataState, presentationMode) {
+  const suffixLookup = {
+    primary: '',
+    secondary: '.secondary',
+    singleTaskbar: '.singleTaskbar',
+  };
+  const sufix = suffixLookup[presentationMode];
+  if (dataState === null || dataState === void 0 ? void 0 : dataState.isDirty) {
+    return `snkGridTopTaskbar.finish_edition${sufix}`;
+  }
+  return `snkGridTopTaskbar.regular${sufix}`;
+}

package/dist/collection/components/snk-custom-slot-guide/snk-custom-slot-guide.css

@@ -0,0 +1,3 @@
+:host{
+  display: none;
+}

package/dist/collection/components/snk-custom-slot-guide/snk-custom-slot-guide.js

@@ -0,0 +1,95 @@
+import { h, Host } from '@stencil/core';
+export class SnkCustomSlotGuide {
+  constructor() {
+    this.slotName = 'CUSTOM_SLOT_GUIDE';
+  }
+  onGuideChange(evt) {
+    const guideName = evt.detail;
+    if (guideName === this.slotName) {
+      this._element.style.setProperty('display', 'block');
+    }
+    else {
+      this._element.style.setProperty('display', 'none');
+    }
+  }
+  onFormConfigVisibilityChange(evt) {
+    const isFormConfigVisible = evt.detail;
+    if (isFormConfigVisible) {
+      this._element.style.setProperty('display', 'none');
+    }
+  }
+  componentDidLoad() {
+    this.snkCustomSlotGuideLoaded.emit(this.slotName);
+  }
+  render() {
+    return (h(Host, { slot: this.slotName, id: this.slotName, class: "custom-slot-guide-container" }, h("slot", null)));
+  }
+  static get is() { return "snk-custom-slot-guide"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-custom-slot-guide.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-custom-slot-guide.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "slotName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome do slot onde os elementos customizados dever\u00E3o aparecer."
+        },
+        "attribute": "slot-name",
+        "reflect": false,
+        "defaultValue": "'CUSTOM_SLOT_GUIDE'"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "snkCustomSlotGuideLoaded",
+        "name": "snkCustomSlotGuideLoaded",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando elemento \u00E9 carregado na tela."
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
+  static get elementRef() { return "_element"; }
+  static get listeners() {
+    return [{
+        "name": "snkShowGuide",
+        "method": "onGuideChange",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "formConfigVisibilityChanged",
+        "method": "onFormConfigVisibilityChange",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }];
+  }
+}

package/dist/collection/components/snk-data-exporter/exporter-email-sender/snk-exporter-email-sender.js

@@ -88,7 +88,7 @@ export class SnkExporterEmailSender {
     return (h("ez-popup", { useHeader: false, size: "x-small", heightMode: "auto", opened: this._opened }, h("ez-modal-container", { onEzModalAction: (evt) => {
         if (evt.detail === ModalAction.CLOSE)
           this.close();
-      }, modalTitle: this.getMessage("snkExporter.emailSenderTitle"), modalSubTitle: this.getStepMessage("subTitle") }, h("ez-view-stack", { ref: ref => this._viewStack = ref }, h("stack-item", null, h(OptionsStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateConfigInfo(field, value) })), h("stack-item", null, h(EmailInfoStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateEmailInfo(field, value) }))), h("div", { class: "ez-col ez-col--sd-12 ez-flex--justify-end ez-margin-vertical--small" }, h("ez-button", Object.assign({ class: "ez-button--tertiary ez-padding-right--medium", label: this.getStepMessage("firstButton"), onClick: () => this.executeButtonAction(true), enabled: this.checkButtonEnabled(true) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("firstButton")}` })), h("ez-button", Object.assign({ class: this.getSecondButtonClass(), label: this.getStepMessage("secondButton"), onClick: () => this.executeButtonAction(false), enabled: this.checkButtonEnabled(false) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("secondButton")}` }))))));
+      }, modalTitle: this.getMessage("snkExporter.emailSenderTitle"), modalSubTitle: this.getStepMessage("subTitle") }, h("ez-view-stack", { ref: ref => this._viewStack = ref }, h("stack-item", null, h(OptionsStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateConfigInfo(field, value) })), h("stack-item", null, h(EmailInfoStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateEmailInfo(field, value) }))), h("div", { class: "ez-col ez-col--sd-12 ez-flex--justify-end ez-margin-vertical--small" }, h("ez-button", Object.assign({ class: "ez-padding-right--medium", label: this.getStepMessage("firstButton"), onClick: () => this.executeButtonAction(true), enabled: this.checkButtonEnabled(true) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("firstButton")}` }, { variant: "secondary", size: "medium" })), h("ez-button", Object.assign({ label: this.getStepMessage("secondButton"), onClick: () => this.executeButtonAction(false), enabled: this.checkButtonEnabled(false) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("secondButton")}` }, { variant: "primary", size: "medium" }))))));
   }
   static get is() { return "snk-exporter-email-sender"; }
   static get properties() {

package/dist/collection/components/snk-data-exporter/exporter-strategy/ClientSideExporterStrategy.js

@@ -11,7 +11,7 @@ export default 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();
@@ -23,7 +23,7 @@ export default 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 }
         }
       }
     };

package/dist/collection/components/snk-data-exporter/interfaces/IExporterProvider.js

@@ -17,44 +17,46 @@ export class CommonsExporter {
     return this.columnsState;
   }
   async buildColumnsMetadata(gridColumns) {
-    var _a, _b, _c;
+    var _a;
     const columnsMetadata = [];
+    const searchPlusDescriptionIds = this.collectSearchPlusDescriptionIds(gridColumns);
+    const gridColumnsByName = new Map(gridColumns.map(column => [column.name, column]));
     for (const column of gridColumns) {
+      if (this.isHiddenColumn(column)) {
+        continue;
+      }
       /**
-       * TODO: Analisar e criar uma melhor forma de tratar essa validação do "RECDESP".
+       * A grid adiciona uma coluna auxiliar para a descrição de campos SEARCHPLUS
+       * (ex.: "ENTITYNAME.DESCRIPTIONFIELD"). A descrição já é emitida ao processar
+       * o próprio SEARCHPLUS, então pulamos a auxiliar para evitar duplicar a coluna.
        */
-      if (column.hidden && column.name !== "RECDESP") {
+      if (searchPlusDescriptionIds.has(column.name)) {
         continue;
       }
       const fieldData = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(column.name);
       const customFormatter = await this.grid.getCustomValueFormatter(column.name);
-      const isUserInterfaceSEARCH = (fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface) === UserInterface.SEARCH;
-      const widthColumnDefault = 60;
-      const labelColumn = isUserInterfaceSEARCH ? "Cód. " : column.label;
-      let descriptionColumn = undefined;
+      const isSearchField = this.isSearchUserInterface(fieldData);
+      const labelColumn = isSearchField ? "Cód. " : column.label;
       let columnData = {
         id: column.name,
         label: labelColumn,
-        width: isUserInterfaceSEARCH ? (labelColumn.length * this.DEFAULT_FONT_SIZE) : column.width,
+        width: isSearchField ? (labelColumn.length * this.DEFAULT_FONT_SIZE) : column.width,
         type: fieldData === null || fieldData === void 0 ? void 0 : fieldData.dataType,
         userInterface: fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface,
         customFormatter
       };
-      if (isUserInterfaceSEARCH && ((_b = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD) != undefined) {
-        const labelDescription = (_c = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _c === void 0 ? void 0 : _c.DESCRIPTIONENTITY;
-        const mergedFrom = fieldData.properties.mergedFrom;
-        const descriptionField = `${fieldData.properties.ENTITYNAME}.${fieldData.properties.DESCRIPTIONFIELD}`;
-        descriptionColumn = {
-          id: `${mergedFrom ? (mergedFrom + ".") : ""}${descriptionField}`,
-          label: labelDescription,
-          width: isUserInterfaceSEARCH && labelDescription ? (labelDescription.length * this.DEFAULT_FONT_SIZE - widthColumnDefault) : column.width,
-          type: DataType.TEXT,
-          userInterface: UserInterface.LONGTEXT,
-          descriptionFrom: fieldData.name
-        };
-        const newWidth = this.getWidthByMetaData(column === null || column === void 0 ? void 0 : column.width, columnData === null || columnData === void 0 ? void 0 : columnData.width, descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.width);
-        columnData = Object.assign(Object.assign({}, columnData), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.codWidth });
-        descriptionColumn = Object.assign(Object.assign({}, descriptionColumn), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.descWidth, label: (descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.label) || (column === null || column === void 0 ? void 0 : column.label) });
+      let descriptionColumn = isSearchField ? this.buildDescriptionColumn(fieldData, column) : undefined;
+      if (descriptionColumn) {
+        const realDescriptionColumn = gridColumnsByName.get(descriptionColumn.id);
+        if (realDescriptionColumn === null || realDescriptionColumn === void 0 ? void 0 : realDescriptionColumn.width) {
+          columnData = Object.assign(Object.assign({}, columnData), { width: Math.min(columnData.width, this.MAX_WIDTH_COD) });
+          descriptionColumn = Object.assign(Object.assign({}, descriptionColumn), { width: realDescriptionColumn.width, label: (descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.label) || (column === null || column === void 0 ? void 0 : column.label) });
+        }
+        else {
+          const newWidth = this.getWidthByMetaData(column === null || column === void 0 ? void 0 : column.width, columnData === null || columnData === void 0 ? void 0 : columnData.width, descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.width);
+          columnData = Object.assign(Object.assign({}, columnData), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.codWidth });
+          descriptionColumn = Object.assign(Object.assign({}, descriptionColumn), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.descWidth, label: (descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.label) || (column === null || column === void 0 ? void 0 : column.label) });
+        }
       }
       columnsMetadata.push(columnData);
       if (descriptionColumn)
@@ -63,6 +65,59 @@ export class CommonsExporter {
     ;
     return columnsMetadata || [];
   }
+  collectSearchPlusDescriptionIds(gridColumns) {
+    var _a;
+    const descriptionIds = new Set();
+    for (const column of gridColumns) {
+      if (this.isHiddenColumn(column)) {
+        continue;
+      }
+      const fieldData = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(column.name);
+      if (!this.isSearchUserInterface(fieldData)) {
+        continue;
+      }
+      const descriptionId = this.buildDescriptionColumnId(fieldData);
+      if (descriptionId) {
+        descriptionIds.add(descriptionId);
+      }
+    }
+    return descriptionIds;
+  }
+  /**
+   * TODO: Analisar e criar uma melhor forma de tratar essa validação do "RECDESP".
+   */
+  isHiddenColumn(column) {
+    return column.hidden && column.name !== "RECDESP";
+  }
+  isSearchUserInterface(fieldData) {
+    return (fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface) === UserInterface.SEARCH
+      || (fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface) === UserInterface.SEARCHPLUS;
+  }
+  buildDescriptionColumnId(fieldData) {
+    const properties = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties;
+    if ((properties === null || properties === void 0 ? void 0 : properties.DESCRIPTIONFIELD) == undefined) {
+      return undefined;
+    }
+    const descriptionField = `${properties.ENTITYNAME}.${properties.DESCRIPTIONFIELD}`;
+    return properties.mergedFrom ? `${properties.mergedFrom}.${descriptionField}` : descriptionField;
+  }
+  buildDescriptionColumn(fieldData, column) {
+    var _a;
+    const id = this.buildDescriptionColumnId(fieldData);
+    if (!id) {
+      return undefined;
+    }
+    const labelDescription = (_a = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _a === void 0 ? void 0 : _a.DESCRIPTIONENTITY;
+    const widthColumnDefault = 60;
+    return {
+      id,
+      label: labelDescription,
+      width: labelDescription ? (labelDescription.length * this.DEFAULT_FONT_SIZE - widthColumnDefault) : column.width,
+      type: DataType.TEXT,
+      userInterface: UserInterface.LONGTEXT,
+      descriptionFrom: fieldData.name
+    };
+  }
   getWidthByMetaData(maxWidth, widthCod, widthDescription) {
     const totalCurrentWidth = widthCod + widthDescription;
     const codPercentage = widthCod / totalCurrentWidth;

package/dist/collection/components/snk-data-exporter/snk-data-exporter.js

@@ -17,18 +17,22 @@ export class SnkDataExporter {
     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;
     this.provider = null;
     this.messagesBuilder = undefined;
+    this.size = 'medium';
   }
   async exportByEmail() {
     const selectedRows = this._selectedNumber;
@@ -117,16 +121,16 @@ export class SnkDataExporter {
     });
   }
   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 = {
@@ -136,6 +140,7 @@ export class SnkDataExporter {
       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) {
@@ -149,7 +154,7 @@ export class SnkDataExporter {
   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;
@@ -314,7 +319,7 @@ export class SnkDataExporter {
   render() {
     return (h(Host, null, h("div", { class: `snk-data-exporter
           ${this.canShowDropdown() ? " ez-elevation--16" : ""}
-        ` }, 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"))), h("div", Object.assign({ ref: (ref) => this._dropdownParent = ref, class: `snk-data-exporter__dropdown
+        ` }, h("ez-tooltip", { message: this.getMessage("snkDataExporter.group.export.title") }, h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "file-download", mode: "icon", onClick: () => this.controlDropdown(), size: this.size }, this.getElementID("button")))), 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() &&
       h("ez-dropdown", Object.assign({ items: this._items, onEzClick: (evt) => this.processExporter(evt) }, this.getElementID("dropdown"))))), this.canShowDropdown() &&
@@ -374,6 +379,24 @@ export class SnkDataExporter {
           "tags": [],
           "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
         }
+      },
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'small' | 'medium' | 'large'",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o tamanho do bot\u00E3o, podendo ser 'small', 'medium' ou 'large'."
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "'medium'"
       }
     };
   }

package/dist/collection/components/snk-data-exporter/structure/ItemBuilder.js

@@ -18,6 +18,9 @@ export 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);
@@ -31,7 +34,7 @@ export 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());
     }
@@ -50,6 +53,9 @@ export 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());
+      }
     }
   }
   /**
@@ -59,7 +65,7 @@ export 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());
     }
@@ -78,6 +84,9 @@ export 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());
+      }
     }
   }
   /**
@@ -114,6 +123,18 @@ export 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.
@@ -156,6 +177,16 @@ export 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.
@@ -173,6 +204,16 @@ export 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)`
     };
   }

package/dist/collection/components/snk-data-unit/snk-data-unit.js

@@ -16,6 +16,7 @@ export class SnkDataUnit {
     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);
@@ -272,11 +273,17 @@ export class SnkDataUnit {
     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 ApplicationUtils.alert(this.getMessage("snkDataUnit.forbidden"), this.getMessage("snkDataUnit.forbiddenUpdate"));
     this._openedAlert = false;
@@ -479,6 +486,8 @@ export class SnkDataUnit {
       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/collection/components/snk-dynaform/interfaces/PropsCustomEditor.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/snk-dynaform/interfaces/PropsCustomRender.js

@@ -0,0 +1 @@
+export {};