@sankhyalabs/sankhyablocks 2.6.0 → 2.8.0

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

@@ -26,13 +26,20 @@ export class SnkExporterEmailSender {
     this._currentStep = 0;
   }
   open(config) {
-    this._config = config;
+    var _a;
+    this._config = Object.assign(Object.assign({}, config), { format: (_a = config === null || config === void 0 ? void 0 : config.format) !== null && _a !== void 0 ? _a : "pdf" });
     this._opened = true;
     this.changeStep(0);
     return new Promise(accept => {
       this._promiseResolver = accept;
     });
   }
+  close() {
+    this._opened = false;
+    return new Promise(accept => {
+      this._promiseResolver = accept;
+    });
+  }
   getStepMessage(key) {
     const stepInfo = this._stepInfo[this._currentStep] || {};
     return this.getMessage(stepInfo[key]);
@@ -59,9 +66,6 @@ export class SnkExporterEmailSender {
     const { format, type, email } = this._config;
     this._promiseResolver({ format, type, email, report: undefined });
   }
-  close() {
-    this._opened = false;
-  }
   isFilled() {
     var _a, _b;
     return ((_a = this._config.email) === null || _a === void 0 ? void 0 : _a.to) && ((_b = this._config.email) === null || _b === void 0 ? void 0 : _b.subject) ? true : false;
@@ -77,12 +81,11 @@ export class SnkExporterEmailSender {
     return stepInfo["secondButtonClass"] || "ez-button--secondary";
   }
   render() {
-    var _a;
     ElementIDUtils.addIDInfoIfNotExists(this._element, 'snkExporterEmailSender');
     return (h("ez-popup", { useHeader: false, size: "x-small", heightMode: "auto", opened: this._opened }, h("ez-modal-container", { onEzModalAction: evt => {
         if (evt.detail === "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: (_a = this._config) === null || _a === void 0 ? void 0 : _a.email, 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-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")}` }))))));
   }
   static get is() { return "snk-exporter-email-sender"; }
   static get properties() {
@@ -139,6 +142,26 @@ export class SnkExporterEmailSender {
           "text": "",
           "tags": []
         }
+      },
+      "close": {
+        "complexType": {
+          "signature": "() => Promise<IExportResult>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "IExportResult": {
+              "location": "import",
+              "path": "../data/export-result"
+            }
+          },
+          "return": "Promise<IExportResult>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
     };
   }

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

@@ -1,5 +1,6 @@
 import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { h, Host } from '@stencil/core';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { DataExporterOption } from './enum/data-exporter-option';
 import fetchDataExporter from "../../lib/http/data-fetcher/fetchers/fetchDataExporter";
 import fileViewer from "../../lib/utils/fileViewer";
@@ -20,6 +21,32 @@ export class SnkDataExporter {
      */
     this.provider = null;
   }
+  async exportByEmail() {
+    const selectedRows = this._selectedNumber;
+    const config = {
+      type: selectedRows > 0 ? "selection" : "all",
+      selectedRows,
+      email: {
+        attachments: [
+          { name: this._appLabel }
+        ]
+      }
+    };
+    this._snkEmailSender.open(config)
+      .then(({ format, email: { to, subject, message } }) => {
+      const methodName = this.getFormatExporter(format);
+      this.resolveExporter({ methodName, to, subject, message, fileName: this._appLabel, titleGrid: this._appLabel }, () => {
+        this._snkEmailSender.close();
+        ApplicationUtils.info(this.getMessage("snkDataExporter.message.emailSuccess"), { iconName: "check" });
+      });
+    });
+  }
+  getFormatExporter(format) {
+    if (format === "xlsx") {
+      return DataExporterOption.EXPORT_XLS_TO_EMAIL;
+    }
+    return DataExporterOption.EXPORT_PDF_TO_EMAIL;
+  }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
    * através de um pequeno modulo na estrutura da aplicação:
@@ -56,24 +83,32 @@ export class SnkDataExporter {
   controlDropdown() {
     this._showDropdown = !this._showDropdown;
   }
+  resolveExporter(resolveProps, callbackResolver) {
+    if (this.provider == undefined) {
+      return;
+    }
+    const filters = this.provider.getFilters();
+    const columns = this.provider.getColumnsMetadata();
+    const sort = this.provider.getOrders();
+    const resourceURI = this.provider.getResourceURI();
+    fetchDataExporter(Object.assign({ filters,
+      columns,
+      sort,
+      resourceURI }, resolveProps))
+      .then((result) => callbackResolver(result))
+      .catch(() => ApplicationUtils.error(this.getMessage("snkDataExporter.title.error"), this.getMessage("snkDataExporter.message.exportError")));
+  }
   async processExporter(evt) {
     const item = evt === null || evt === void 0 ? void 0 : evt.detail;
     if (!this._releasedToExport.includes(item === null || item === void 0 ? void 0 : item.id)) {
       return;
     }
-    if (item.id !== DataExporterOption.EXPORT_BY_EMAIL) {
-      if (this.provider == undefined) {
-        return;
-      }
-      const filters = this.provider.getFilters();
-      const columns = this.provider.getColumnsMetadata();
-      const sort = this.provider.getOrders();
-      const resourceURI = this.provider.getResourceURI();
-      fetchDataExporter({ filters, columns, sort, resourceURI, methodName: item.id })
-        .then((response) => fileViewer(Object.assign(Object.assign({}, response), { fileType: "PDF" })))
-        .catch(err => console.log(err));
+    if (item.id === DataExporterOption.EXPORT_BY_EMAIL) {
+      this.exportByEmail();
+    }
+    else {
+      this.resolveExporter({ methodName: item.id, fileName: this._appLabel, titleGrid: this._appLabel }, (response) => (fileViewer(Object.assign(Object.assign({}, response), { fileType: "PDF" }))));
     }
-    this.ezClickDataExporter.emit(item);
     this._showDropdown = false;
   }
   getItems() {
@@ -92,6 +127,7 @@ export class SnkDataExporter {
   }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this._application.getAppLabel().then(result => this._appLabel = result);
     this.loadDropdown();
     this.setEvents();
   }
@@ -114,7 +150,7 @@ export class SnkDataExporter {
   render() {
     return (h(Host, null, h("div", { class: "snk-data-exporter" }, h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "file-download", size: "small", mode: "icon", onClick: () => this.controlDropdown() }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("button")}` })), this._showDropdown &&
       h("ez-dropdown", Object.assign({ ref: (ref) => this._ezDropdown = ref, items: this._items, onEzClick: (evt) => this.processExporter(evt) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("dropdown")}` }))), this._showDropdown &&
-      h("div", Object.assign({ class: "ez-scrim ez-scrim-light" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("ezScrim")}` }))));
+      h("div", Object.assign({ class: "ez-scrim ez-scrim-light" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("ezScrim")}` })), h("snk-exporter-email-sender", { ref: ref => this._snkEmailSender = ref, getMessage: (key, params) => this.getMessage(key, params) })));
   }
   static get is() { return "snk-data-exporter"; }
   static get encapsulation() { return "scoped"; }
@@ -159,23 +195,5 @@ export class SnkDataExporter {
       "_releasedToExport": {}
     };
   }
-  static get events() {
-    return [{
-        "method": "ezClickDataExporter",
-        "name": "ezClickDataExporter",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Evento emitido quando uma op\u00E7\u00E3o de exporta\u00E7\u00E3o for clicada."
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
   static get elementRef() { return "_element"; }
 }

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

@@ -3,7 +3,6 @@ import { ApplicationContext, DataType, ElementIDUtils } from '@sankhyalabs/core'
 import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
-import { DataExporterOption } from '../snk-data-exporter/enum/data-exporter-option';
 import store from "../../lib/store";
 export class SnkGrid {
   constructor() {
@@ -44,38 +43,6 @@ export class SnkGrid {
   async setConfig(config) {
     this.setGridConfig(config);
   }
-  ezClickDataExporterHandler(event) {
-    var _a;
-    if (((_a = event === null || event === void 0 ? void 0 : event.detail) === null || _a === void 0 ? void 0 : _a.id) === DataExporterOption.EXPORT_BY_EMAIL) {
-      // TODO: Quando o exportador de grades for implementado, essa ação
-      // vai fazer mostrar as opções disponíveis. Enviar por email será
-      // apenas mais uma
-      const selectedRows = this._dataState.selectedRecords.length;
-      const config = {
-        format: "pdf",
-        type: selectedRows > 0 ? "selection" : "all",
-        selectedRows,
-        email: {
-          attachments: [
-            { name: "Movimentação Financeira.pdf", size: 1024 * 231 }
-          ]
-        }
-      };
-      this._snkEmailSender.open(config)
-        .then((result) => {
-        this._application.message("resultado", JSON.stringify(result));
-      });
-    }
-  }
-  /**
-   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
-   * através de um pequeno modulo na estrutura da aplicação:
-   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
-   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-grid.msg.ts"
-   */
-  getMessage(key, params) {
-    return this._application.messagesBuilder.getMessage(key, params);
-  }
   openGridConfig() {
     this._grid.getColumnsState()
       .then((gridColumns) => {
@@ -210,7 +177,7 @@ export class SnkGrid {
     if (!this._dataUnit) {
       return undefined;
     }
-    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("snk-exporter-email-sender", { ref: ref => this._snkEmailSender = ref, getMessage: (key, params) => this.getMessage(key, params) }), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
+    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }
@@ -444,13 +411,4 @@ export class SnkGrid {
     };
   }
   static get elementRef() { return "_element"; }
-  static get listeners() {
-    return [{
-        "name": "ezClickDataExporter",
-        "method": "ezClickDataExporterHandler",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
 }

package/dist/collection/lib/http/data-fetcher/fetchers/dataunit-fetcher.js

@@ -32,6 +32,13 @@ export default class DataUnitFetcher {
                     expression
                   }
                 }
+                children{
+                  name
+                  links{
+                    source
+                    target
+                  }
+                }
               }
             }`);
     this.templateByQuery.set("fetchData", gql `query($dataunit: String! $limit: Int $offset:Int $filters: [InputFilter!] $sort: [InputSort!]) {
@@ -94,7 +101,8 @@ export default class DataUnitFetcher {
         const metadata = {
           name: resp.name,
           label: resp.name,
-          fields: [],
+          children: [...resp.children],
+          fields: []
         };
         (_a = resp.fields) === null || _a === void 0 ? void 0 : _a.forEach((source) => {
           let properties = undefined;

package/dist/collection/lib/http/data-fetcher/fetchers/fetchDataExporter/permission-export-pdf.js

@@ -0,0 +1,7 @@
+import { DataFetcher } from '../../DataFetcher';
+export default function permissionExportPdf() {
+  return new Promise((resolve, reject) => (DataFetcher.get()
+    .callServiceBroker("mge@UsuarioSP.usuarioLogadoPodeExportarPDF", "")
+    .then(result => { var _a; return resolve(((_a = result === null || result === void 0 ? void 0 : result.responseBody) === null || _a === void 0 ? void 0 : _a.$) === "S" ? true : false); })
+    .catch(error => reject(error))));
+}

package/dist/collection/lib/message/resources/snk-data-exporter.msg.js

@@ -12,5 +12,12 @@ export const snkDataExporterMessages = {
     spreadsheet: "Planilha",
     cube: "Cubo",
     sendByEmail: "Enviar por email",
+  },
+  message: {
+    emailSuccess: "E-mail enviado com sucesso",
+    exportError: "Erro ao realizar a exportação",
+  },
+  title: {
+    error: "Erro",
   }
 };

package/dist/components/SnkMessageBuilder.js

@@ -220,6 +220,13 @@ const snkDataExporterMessages = {
     spreadsheet: "Planilha",
     cube: "Cubo",
     sendByEmail: "Enviar por email",
+  },
+  message: {
+    emailSuccess: "E-mail enviado com sucesso",
+    exportError: "Erro ao realizar a exportação",
+  },
+  title: {
+    error: "Erro",
   }
 };
 

package/dist/components/snk-application2.js

@@ -239,6 +239,13 @@ class DataUnitFetcher {
                     expression
                   }
                 }
+                children{
+                  name
+                  links{
+                    source
+                    target
+                  }
+                }
               }
             }`);
     this.templateByQuery.set("fetchData", dist.gql `query($dataunit: String! $limit: Int $offset:Int $filters: [InputFilter!] $sort: [InputSort!]) {
@@ -301,7 +308,8 @@ class DataUnitFetcher {
         const metadata = {
           name: resp.name,
           label: resp.name,
-          fields: [],
+          children: [...resp.children],
+          fields: []
         };
         (_a = resp.fields) === null || _a === void 0 ? void 0 : _a.forEach((source) => {
           let properties = undefined;
@@ -1211,6 +1219,20 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       accept(window['isDebugMode']);
     });
   }
+  /**
+   * Obtém o nome das telas da aplicação
+   */
+  async getAppLabel() {
+    if ((window === null || window === void 0 ? void 0 : window["workspace"]) == undefined) {
+      return;
+    }
+    if (window["workspace"].getAppLabel == undefined) {
+      window["workspace"].getAppLabel = (resourceID) => {
+        return (resourceID || "").split(".").pop();
+      };
+    }
+    return window["workspace"].getAppLabel(this._resourceID);
+  }
   clearContent(container) {
     if (container) {
       Array.from(container.children).forEach(child => {
@@ -1311,7 +1333,8 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "getDefaultValue": [64],
     "executeSearch": [64],
     "executePreparedSearch": [64],
-    "isDebugMode": [64]
+    "isDebugMode": [64],
+    "getAppLabel": [64]
   }]);
 class RequestListenerLoadingBar {
   constructor() {

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

@@ -1,6 +1,8 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { ObjectUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { D as DataFetcher } from './DataFetcher.js';
+import { d as defineCustomElement$1 } from './snk-exporter-email-sender2.js';
 
 var DataExporterOption;
 (function (DataExporterOption) {
@@ -195,7 +197,6 @@ const SnkDataExporter = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   constructor() {
     super();
     this.__registerHost();
-    this.ezClickDataExporter = createEvent(this, "ezClickDataExporter", 7);
     this._items = [];
     this._selectedNumber = 0;
     this._showDropdown = false;
@@ -210,6 +211,32 @@ const SnkDataExporter = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
      */
     this.provider = null;
   }
+  async exportByEmail() {
+    const selectedRows = this._selectedNumber;
+    const config = {
+      type: selectedRows > 0 ? "selection" : "all",
+      selectedRows,
+      email: {
+        attachments: [
+          { name: this._appLabel }
+        ]
+      }
+    };
+    this._snkEmailSender.open(config)
+      .then(({ format, email: { to, subject, message } }) => {
+      const methodName = this.getFormatExporter(format);
+      this.resolveExporter({ methodName, to, subject, message, fileName: this._appLabel, titleGrid: this._appLabel }, () => {
+        this._snkEmailSender.close();
+        ApplicationUtils.info(this.getMessage("snkDataExporter.message.emailSuccess"), { iconName: "check" });
+      });
+    });
+  }
+  getFormatExporter(format) {
+    if (format === "xlsx") {
+      return DataExporterOption.EXPORT_XLS_TO_EMAIL;
+    }
+    return DataExporterOption.EXPORT_PDF_TO_EMAIL;
+  }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
    * através de um pequeno modulo na estrutura da aplicação:
@@ -246,24 +273,32 @@ const SnkDataExporter = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   controlDropdown() {
     this._showDropdown = !this._showDropdown;
   }
+  resolveExporter(resolveProps, callbackResolver) {
+    if (this.provider == undefined) {
+      return;
+    }
+    const filters = this.provider.getFilters();
+    const columns = this.provider.getColumnsMetadata();
+    const sort = this.provider.getOrders();
+    const resourceURI = this.provider.getResourceURI();
+    fetchDataExporter(Object.assign({ filters,
+      columns,
+      sort,
+      resourceURI }, resolveProps))
+      .then((result) => callbackResolver(result))
+      .catch(() => ApplicationUtils.error(this.getMessage("snkDataExporter.title.error"), this.getMessage("snkDataExporter.message.exportError")));
+  }
   async processExporter(evt) {
     const item = evt === null || evt === void 0 ? void 0 : evt.detail;
     if (!this._releasedToExport.includes(item === null || item === void 0 ? void 0 : item.id)) {
       return;
     }
-    if (item.id !== DataExporterOption.EXPORT_BY_EMAIL) {
-      if (this.provider == undefined) {
-        return;
-      }
-      const filters = this.provider.getFilters();
-      const columns = this.provider.getColumnsMetadata();
-      const sort = this.provider.getOrders();
-      const resourceURI = this.provider.getResourceURI();
-      fetchDataExporter({ filters, columns, sort, resourceURI, methodName: item.id })
-        .then((response) => fileViewer(Object.assign(Object.assign({}, response), { fileType: "PDF" })))
-        .catch(err => console.log(err));
+    if (item.id === DataExporterOption.EXPORT_BY_EMAIL) {
+      this.exportByEmail();
+    }
+    else {
+      this.resolveExporter({ methodName: item.id, fileName: this._appLabel, titleGrid: this._appLabel }, (response) => (fileViewer(Object.assign(Object.assign({}, response), { fileType: "PDF" }))));
     }
-    this.ezClickDataExporter.emit(item);
     this._showDropdown = false;
   }
   getItems() {
@@ -282,6 +317,7 @@ const SnkDataExporter = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this._application.getAppLabel().then(result => this._appLabel = result);
     this.loadDropdown();
     this.setEvents();
   }
@@ -304,7 +340,7 @@ const SnkDataExporter = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   render() {
     return (h(Host, null, h("div", { class: "snk-data-exporter" }, h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "file-download", size: "small", mode: "icon", onClick: () => this.controlDropdown() }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("button")}` })), this._showDropdown &&
       h("ez-dropdown", Object.assign({ ref: (ref) => this._ezDropdown = ref, items: this._items, onEzClick: (evt) => this.processExporter(evt) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("dropdown")}` }))), this._showDropdown &&
-      h("div", Object.assign({ class: "ez-scrim ez-scrim-light" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("ezScrim")}` }))));
+      h("div", Object.assign({ class: "ez-scrim ez-scrim-light" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("ezScrim")}` })), h("snk-exporter-email-sender", { ref: ref => this._snkEmailSender = ref, getMessage: (key, params) => this.getMessage(key, params) })));
   }
   get _element() { return this; }
   static get style() { return snkDataExporterCss; }
@@ -317,14 +353,19 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-data-exporter"];
+  const components = ["snk-data-exporter", "snk-exporter-email-sender"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, SnkDataExporter);
       }
       break;
+    case "snk-exporter-email-sender":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
   } });
 }
 
-export { DataExporterOption as D, SnkDataExporter as S, defineCustomElement as d };
+export { SnkDataExporter as S, defineCustomElement as d };

package/dist/components/snk-exporter-email-sender2.js

@@ -2,12 +2,13 @@ import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/clien
 import { ElementIDUtils } from '@sankhyalabs/core';
 
 const EmailInfoStep = ({ getMessage, changeInfo, data }) => {
+  const { format, email } = data || {};
   return h("div", null,
-    h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_sendTo")} (obrigatório) *`, required: true, value: data === null || data === void 0 ? void 0 : data.to, onEzChange: evt => changeInfo("to", evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("sendTo")}` })),
-    h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_subject")} (obrigatório) *`, required: true, value: data === null || data === void 0 ? void 0 : data.subject, onEzChange: evt => changeInfo("subject", evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("subject")}` })),
-    h("ez-text-area", Object.assign({ label: getMessage("snkExporter.emailSenderInfoStep_message"), value: data === null || data === void 0 ? void 0 : data.message, onEzChange: evt => changeInfo("message", evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("message")}` })),
-    ((data === null || data === void 0 ? void 0 : data.attachments) || [])
-      .map((file, index) => h("ez-file-item", Object.assign({ class: "ez-padding-bottom--large", fileName: file.name, fileSize: file.size, canRemove: false }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("fileItem_") + (index + 1)}` }))));
+    h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_sendTo")} (obrigatório) *`, required: true, value: email === null || email === void 0 ? void 0 : email.to, onEzChange: evt => changeInfo("to", evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("sendTo")}` })),
+    h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_subject")} (obrigatório) *`, required: true, value: email === null || email === void 0 ? void 0 : email.subject, onEzChange: evt => changeInfo("subject", evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("subject")}` })),
+    h("ez-text-area", Object.assign({ label: getMessage("snkExporter.emailSenderInfoStep_message"), value: email === null || email === void 0 ? void 0 : email.message, onEzChange: evt => changeInfo("message", evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("message")}` })),
+    ((email === null || email === void 0 ? void 0 : email.attachments) || [])
+      .map((file, index) => h("ez-file-item", Object.assign({ class: "ez-padding-bottom--large", fileName: `${file.name}.${format}`, fileSize: file.size, canRemove: false }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("fileItem_") + (index + 1)}` }))));
 };
 
 const OptionsStep = ({ getMessage, changeInfo, data }) => {
@@ -28,7 +29,7 @@ const OptionsStep = ({ getMessage, changeInfo, data }) => {
     });
   }
   return h("div", null,
-    h("ez-radio-button", Object.assign({ class: "ez-margin-bottom--large" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("formato")}` }, { label: getMessage("snkExporter.emailSenderOptStep_lblFormat"), direction: "horizontal", value: (data === null || data === void 0 ? void 0 : data.format) || "pdf", onEzChange: evt => changeInfo("format", evt.detail), options: formatOptions })),
+    h("ez-radio-button", Object.assign({ class: "ez-margin-bottom--large" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("formato")}` }, { label: getMessage("snkExporter.emailSenderOptStep_lblFormat"), direction: "horizontal", value: data === null || data === void 0 ? void 0 : data.format, onEzChange: evt => changeInfo("format", evt.detail), options: formatOptions })),
     h("ez-radio-button", Object.assign({ class: "ez-margin-bottom--large" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("type")}` }, { label: getMessage("snkExporter.emailSenderOptStep_export"), value: (data === null || data === void 0 ? void 0 : data.type) || "all", onEzChange: evt => changeInfo("type", evt.detail), options: typeOptions })));
 };
 
@@ -58,13 +59,20 @@ const SnkExporterEmailSender = /*@__PURE__*/ proxyCustomElement(class extends HT
     this._currentStep = 0;
   }
   open(config) {
-    this._config = config;
+    var _a;
+    this._config = Object.assign(Object.assign({}, config), { format: (_a = config === null || config === void 0 ? void 0 : config.format) !== null && _a !== void 0 ? _a : "pdf" });
     this._opened = true;
     this.changeStep(0);
     return new Promise(accept => {
       this._promiseResolver = accept;
     });
   }
+  close() {
+    this._opened = false;
+    return new Promise(accept => {
+      this._promiseResolver = accept;
+    });
+  }
   getStepMessage(key) {
     const stepInfo = this._stepInfo[this._currentStep] || {};
     return this.getMessage(stepInfo[key]);
@@ -91,9 +99,6 @@ const SnkExporterEmailSender = /*@__PURE__*/ proxyCustomElement(class extends HT
     const { format, type, email } = this._config;
     this._promiseResolver({ format, type, email, report: undefined });
   }
-  close() {
-    this._opened = false;
-  }
   isFilled() {
     var _a, _b;
     return ((_a = this._config.email) === null || _a === void 0 ? void 0 : _a.to) && ((_b = this._config.email) === null || _b === void 0 ? void 0 : _b.subject) ? true : false;
@@ -109,12 +114,11 @@ const SnkExporterEmailSender = /*@__PURE__*/ proxyCustomElement(class extends HT
     return stepInfo["secondButtonClass"] || "ez-button--secondary";
   }
   render() {
-    var _a;
     ElementIDUtils.addIDInfoIfNotExists(this._element, 'snkExporterEmailSender');
     return (h("ez-popup", { useHeader: false, size: "x-small", heightMode: "auto", opened: this._opened }, h("ez-modal-container", { onEzModalAction: evt => {
         if (evt.detail === "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: (_a = this._config) === null || _a === void 0 ? void 0 : _a.email, 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-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")}` }))))));
   }
   get _element() { return this; }
 }, [0, "snk-exporter-email-sender", {
@@ -122,7 +126,8 @@ const SnkExporterEmailSender = /*@__PURE__*/ proxyCustomElement(class extends HT
     "_config": [32],
     "_opened": [32],
     "_currentStep": [32],
-    "open": [64]
+    "open": [64],
+    "close": [64]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/snk-form2.js

@@ -2,8 +2,9 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { DateUtils, ObjectUtils, ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
 import { T as TaskbarProcessor } from './taskbar-processor.js';
 import { C as ConfigStorage } from './ConfigStorage.js';
-import { d as defineCustomElement$6 } from './snk-config-options2.js';
-import { d as defineCustomElement$5 } from './snk-data-exporter2.js';
+import { d as defineCustomElement$7 } from './snk-config-options2.js';
+import { d as defineCustomElement$6 } from './snk-data-exporter2.js';
+import { d as defineCustomElement$5 } from './snk-exporter-email-sender2.js';
 import { d as defineCustomElement$4 } from './snk-field-config2.js';
 import { d as defineCustomElement$3 } from './snk-form-config2.js';
 import { d as defineCustomElement$2 } from './snk-tab-config2.js';
@@ -221,7 +222,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-form", "snk-config-options", "snk-data-exporter", "snk-field-config", "snk-form-config", "snk-tab-config", "snk-taskbar"];
+  const components = ["snk-form", "snk-config-options", "snk-data-exporter", "snk-exporter-email-sender", "snk-field-config", "snk-form-config", "snk-tab-config", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-form":
       if (!customElements.get(tagName)) {
@@ -230,10 +231,15 @@ function defineCustomElement() {
       break;
     case "snk-config-options":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "snk-data-exporter":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
         defineCustomElement$5();
       }