@sankhyalabs/sankhyablocks 2.5.2 → 2.6.0

package/dist/components/SnkMessageBuilder.js

@@ -60,6 +60,7 @@ const snkTaskbarMessages = {
   titlePrevious: "Anterior",
   titleNext: "Próximo",
   titleRefresh: "Atualizar",
+  titleDataExporter: "Exportar",
   titleClone: "Duplicar",
   titleRemove: "Excluir",
   titleMoreOptions: "Mais Opções",
@@ -205,6 +206,23 @@ const snkGridConfigMessages = {
   }
 };
 
+const snkDataExporterMessages = {
+  group: {
+    export: {
+      default: "Exportar para",
+      multiSelected: "Exportar {0} linhas selecionadas",
+      selectedLine: "Exportar somente 1 linha selecionada",
+    },
+    custom: "Personalizado"
+  },
+  label: {
+    currentPage: "Somente a página atual",
+    spreadsheet: "Planilha",
+    cube: "Cubo",
+    sendByEmail: "Enviar por email",
+  }
+};
+
 class SnkMessageBuilder {
   constructor() {
     this._defaults = {
@@ -220,7 +238,8 @@ class SnkMessageBuilder {
       crudUtils: crudUtilsMessages,
       snkGrid: snkGridMessages,
       snkGridConfig: snkGridConfigMessages,
-      snkExporter: snkExporterMessages
+      snkExporter: snkExporterMessages,
+      snkDataExporter: snkDataExporterMessages
     };
     this._currentOperation = OperationMap.CLEAN;
     this.loadAppMessages().then((msgs) => {

package/dist/components/index.d.ts

@@ -3,6 +3,7 @@ export { SnkApplication as SnkApplication } from '../types/components/snk-applic
 export { SnkConfigOptions as SnkConfigOptions } from '../types/components/snk-form/subcomponents/snk-config-options/snk-config-options';
 export { SnkConfigurator as SnkConfigurator } from '../types/components/snk-configurator/snk-configurator';
 export { SnkCrud as SnkCrud } from '../types/components/snk-crud/snk-crud';
+export { SnkDataExporter as SnkDataExporter } from '../types/components/snk-data-exporter/snk-data-exporter';
 export { SnkDataUnit as SnkDataUnit } from '../types/components/snk-data-unit/snk-data-unit';
 export { SnkExporterEmailSender as SnkExporterEmailSender } from '../types/components/snk-data-exporter/exporter-email-sender/snk-exporter-email-sender';
 export { SnkFieldConfig as SnkFieldConfig } from '../types/components/snk-form/subcomponents/snk-field-config/snk-field-config';

package/dist/components/index.js

@@ -3,6 +3,7 @@ export { SnkApplication, defineCustomElement as defineCustomElementSnkApplicatio
 export { SnkConfigOptions, defineCustomElement as defineCustomElementSnkConfigOptions } from './snk-config-options.js';
 export { SnkConfigurator, defineCustomElement as defineCustomElementSnkConfigurator } from './snk-configurator.js';
 export { SnkCrud, defineCustomElement as defineCustomElementSnkCrud } from './snk-crud.js';
+export { SnkDataExporter, defineCustomElement as defineCustomElementSnkDataExporter } from './snk-data-exporter.js';
 export { SnkDataUnit, defineCustomElement as defineCustomElementSnkDataUnit } from './snk-data-unit.js';
 export { SnkExporterEmailSender, defineCustomElement as defineCustomElementSnkExporterEmailSender } from './snk-exporter-email-sender.js';
 export { SnkFieldConfig, defineCustomElement as defineCustomElementSnkFieldConfig } from './snk-field-config.js';

package/dist/components/snk-application2.js

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { WaitingChangeException, WarningException, ErrorException, ObjectUtils, DataType, DataUnit, StringUtils, ChangeOperation, DateUtils, DependencyType, ElementIDUtils, ApplicationContext, ErrorTracking } from '@sankhyalabs/core';
-import { d as dist, D as DataFetcher, R as ResourceFetcher, U as UrlUtils, F as FormConfigFetcher, G as GridConfigFetcher, C as ConfigStorage } from './ConfigStorage.js';
+import { d as dist, D as DataFetcher, U as UrlUtils } from './DataFetcher.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { R as ResourceFetcher, F as FormConfigFetcher, G as GridConfigFetcher, C as ConfigStorage } from './ConfigStorage.js';
 import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
 import { d as defineCustomElement$1 } from './snk-pesquisa2.js';
 

package/dist/components/snk-crud.js

@@ -2,8 +2,9 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { V as VIEW_MODE } from './constants.js';
 import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
-import { d as defineCustomElement$h } from './snk-config-options2.js';
-import { d as defineCustomElement$g } from './snk-configurator2.js';
+import { d as defineCustomElement$i } from './snk-config-options2.js';
+import { d as defineCustomElement$h } from './snk-configurator2.js';
+import { d as defineCustomElement$g } from './snk-data-exporter2.js';
 import { d as defineCustomElement$f } from './snk-exporter-email-sender2.js';
 import { d as defineCustomElement$e } from './snk-field-config2.js';
 import { d as defineCustomElement$d } from './snk-filter-bar2.js';
@@ -135,7 +136,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-crud", "snk-config-options", "snk-configurator", "snk-exporter-email-sender", "snk-field-config", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-form", "snk-form-config", "snk-grid", "snk-grid-config", "snk-select-box", "snk-tab-config", "snk-taskbar"];
+  const components = ["snk-crud", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-exporter-email-sender", "snk-field-config", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-form", "snk-form-config", "snk-grid", "snk-grid-config", "snk-select-box", "snk-tab-config", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-crud":
       if (!customElements.get(tagName)) {
@@ -144,10 +145,15 @@ function defineCustomElement$1() {
       break;
     case "snk-config-options":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$i();
       }
       break;
     case "snk-configurator":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$h();
+      }
+      break;
+    case "snk-data-exporter":
       if (!customElements.get(tagName)) {
         defineCustomElement$g();
       }

package/dist/components/snk-data-exporter.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkDataExporter extends Components.SnkDataExporter, HTMLElement {}
+export const SnkDataExporter: {
+  prototype: SnkDataExporter;
+  new (): SnkDataExporter;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,6 @@
+import { S as SnkDataExporter$1, d as defineCustomElement$1 } from './snk-data-exporter2.js';
+
+const SnkDataExporter = SnkDataExporter$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkDataExporter, defineCustomElement };

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

@@ -0,0 +1,330 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { ObjectUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
+import { D as DataFetcher } from './DataFetcher.js';
+
+var DataExporterOption;
+(function (DataExporterOption) {
+  DataExporterOption["EXPORT_TO_PDF"] = "exportToPDF";
+  DataExporterOption["EXPORT_TO_XLS"] = "exportToXLS";
+  DataExporterOption["EXPORT_CURRENT_PAGE"] = "exportCurrentPage";
+  DataExporterOption["EXPORT_PAGE_TO_PDF"] = "exportPageToPDF";
+  DataExporterOption["EXPORT_PAGE_TO_XLS"] = "exportPageToXLS";
+  DataExporterOption["EXPORT_BY_EMAIL"] = "exportToEmail";
+  DataExporterOption["EXPORT_PDF_TO_EMAIL"] = "exportPDFToEmail";
+  DataExporterOption["EXPORT_XLS_TO_EMAIL"] = "exportXLSToEmail";
+})(DataExporterOption || (DataExporterOption = {}));
+
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+function fetchDataExporter(_a) {
+  var { methodName } = _a, requestBody = __rest(_a, ["methodName"]);
+  const serviceName = `DataExporterSPBean.${methodName}`;
+  const payload = { serviceName, requestBody };
+  return new Promise((resolve, reject) => {
+    DataFetcher.get()
+      .callServiceBroker(serviceName, ObjectUtils.objectToString(payload))
+      .then(result => resolve(getFormatResponse(result)))
+      .catch(error => reject(error));
+  });
+}
+function getFormatResponse(result) {
+  var _a;
+  const response = (_a = result === null || result === void 0 ? void 0 : result.json) === null || _a === void 0 ? void 0 : _a.$;
+  if (response == undefined) {
+    return;
+  }
+  return ObjectUtils.stringToObject(response);
+}
+
+function fileViewer({ fileSessionKey }) {
+  window.open(`${window.location.protocol}//${window.location.hostname}:${window.location.port}/mge/visualizadorArquivos.mge?chaveArquivo=${fileSessionKey}&download=S`);
+}
+
+class ItemBuilder {
+  constructor(getMessage, selectedNumber) {
+    this._selectedNumber = 0;
+    this._getMessage = getMessage;
+    this._selectedNumber = selectedNumber;
+  }
+  /**
+   * Método responsável por inserir os items no array de opções.
+   * @param option - Nome da opção que será inserida no array.
+   * @param items - Array que será alimentado com as opções permitidas.
+   */
+  setExportOption(option, items) {
+    const groupName = this.getExportGroupName();
+    if (option === DataExporterOption.EXPORT_TO_PDF) {
+      items.push(this.getExportToPDF(groupName));
+    }
+    if (option === DataExporterOption.EXPORT_TO_XLS) {
+      items.push(this.getExportToXLS(groupName));
+    }
+    this.setExportCurrentPage(option, items);
+    this.setExportByEmail(option, items);
+  }
+  /**
+   * Método responsável por inserir os itens de exportação personalizada.
+   * @param option - Nome da opção que será inserida no array.
+   * @param items - Array que será alimentado com as opções permitidas.
+   */
+  setExportCurrentPage(option, items) {
+    var _a;
+    const pageOptions = [DataExporterOption.EXPORT_PAGE_TO_PDF, DataExporterOption.EXPORT_PAGE_TO_XLS];
+    if (option === DataExporterOption.EXPORT_CURRENT_PAGE) {
+      items.push(this.getCurrentPage());
+    }
+    if (pageOptions.includes(option)) {
+      let item = items.find((item) => item.id === DataExporterOption.EXPORT_CURRENT_PAGE);
+      if (item == undefined) {
+        items.push(this.getCurrentPage());
+        item = items.find((item) => item.id === DataExporterOption.EXPORT_CURRENT_PAGE);
+      }
+      if (!((_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : _a.length)) {
+        item.children = [];
+      }
+      if (option === DataExporterOption.EXPORT_PAGE_TO_PDF) {
+        item.children.push(this.getExportPageToPDF());
+      }
+      if (option === DataExporterOption.EXPORT_PAGE_TO_XLS) {
+        item.children.push(this.getExportPageToXLS());
+      }
+    }
+  }
+  /**
+   * Método responsável por inserir os itens de exportação por e-mail.
+   * @param option - Nome da opção que será inserida no array.
+   * @param items - Array que será alimentado com as opções permitidas.
+   */
+  setExportByEmail(option, items) {
+    if (option === DataExporterOption.EXPORT_BY_EMAIL) {
+      items.push(this.getExportByEmail());
+    }
+  }
+  /**
+   * Método responsável por capturar o objeto com os dados de exportação em PDF.
+   * @param groupName - Nome do grupo da opção que será inserida na lista.
+   * @returns Retorna o objeto com os dados de exportação em PDF.
+   */
+  getExportToPDF(groupName) {
+    return {
+      id: DataExporterOption.EXPORT_TO_PDF,
+      label: "PDF (.pdf)",
+      group: groupName
+    };
+  }
+  /**
+   * Método responsável por capturar o objeto com os dados de exportação em XLS.
+   * @param groupName - Nome do grupo da opção que será inserida na lista.
+   * @returns Retorna o objeto com os dados de exportação em XLS.
+   */
+  getExportToXLS(groupName) {
+    return {
+      id: DataExporterOption.EXPORT_TO_XLS,
+      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.
+   */
+  getCurrentPage() {
+    return {
+      id: DataExporterOption.EXPORT_CURRENT_PAGE,
+      label: this._getMessage("snkDataExporter.label.currentPage"),
+      group: this._getMessage("snkDataExporter.group.custom")
+    };
+  }
+  /**
+   * Método responsável por capturar o objeto com os dados de exportação personalizada em PDF.
+   * @returns Retorna o objeto com os dados de exportação personalizada em PDF.
+   */
+  getExportPageToPDF() {
+    return {
+      id: DataExporterOption.EXPORT_PAGE_TO_PDF,
+      label: "PDF (.pdf)"
+    };
+  }
+  /**
+   * Método responsável por capturar o objeto com os dados de exportação personalizada em XLS.
+   * @returns Retorna o objeto com os dados de exportação personalizada em XLS.
+   */
+  getExportPageToXLS() {
+    return {
+      id: DataExporterOption.EXPORT_PAGE_TO_XLS,
+      label: `${this._getMessage("snkDataExporter.label.spreadsheet")} (.xlsx)`
+    };
+  }
+  /**
+   * Método responsável por capturar o objeto com os dados de exportação por e-mail.
+   * @returns Retorna o objeto com os dados de exportação por e-mail.
+   */
+  getExportByEmail() {
+    return {
+      id: DataExporterOption.EXPORT_BY_EMAIL,
+      label: `${this._getMessage("snkDataExporter.label.sendByEmail")}...`
+    };
+  }
+  /**
+   * Método responsável por capturar o nome do grupo da opção que será inserida na lista.
+   * @returns Retorna o nome do grupo da opção que será inserida na lista.
+   */
+  getExportGroupName() {
+    if (this._selectedNumber === 1) {
+      return this._getMessage("snkDataExporter.group.export.selectedLine");
+    }
+    if (this._selectedNumber > 1) {
+      return this._getMessage("snkDataExporter.group.export.multiSelected").replace('{0}', this._selectedNumber.toString());
+    }
+    return this._getMessage("snkDataExporter.group.export.default");
+  }
+}
+
+const snkDataExporterCss = ".sc-snk-data-exporter-h{--snk-data-exporter--z-index:var(--more-visible, 2);display:flex;width:fit-content;height:fit-content}.snk-data-exporter.sc-snk-data-exporter{display:flex;width:fit-content;height:fit-content;z-index:var(--snk-data-exporter--z-index)}";
+
+const SnkDataExporter = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.ezClickDataExporter = createEvent(this, "ezClickDataExporter", 7);
+    this._items = [];
+    this._selectedNumber = 0;
+    this._showDropdown = false;
+    this._releasedToExport = [
+      DataExporterOption.EXPORT_TO_PDF,
+      DataExporterOption.EXPORT_BY_EMAIL,
+      DataExporterOption.EXPORT_PDF_TO_EMAIL,
+      DataExporterOption.EXPORT_XLS_TO_EMAIL
+    ];
+    /**
+     * Provedor das informações para exportação dos dados.
+     */
+    this.provider = null;
+  }
+  /**
+   * 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-data-exporter.msg.ts"
+   */
+  getMessage(key, params) {
+    return this._application.messagesBuilder.getMessage(key, params);
+  }
+  positionDropdown() {
+    var _a;
+    const bounding = (_a = this._ezButton) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+    if (bounding == undefined || this._ezDropdown == undefined) {
+      return;
+    }
+    this._ezDropdown.style.top = (bounding.y + bounding.height + 5) + "px";
+    this._ezDropdown.style.left = bounding.x + "px";
+  }
+  closeDropdown(evt) {
+    const target = evt === null || evt === void 0 ? void 0 : evt.target;
+    if (target == undefined) {
+      return;
+    }
+    if (!target.closest(".snk-data-exporter")) {
+      this._showDropdown = false;
+    }
+  }
+  setEvents() {
+    document.removeEventListener("click", this.closeDropdown.bind(this));
+    document.addEventListener("click", this.closeDropdown.bind(this));
+    document.removeEventListener("scroll", this.positionDropdown.bind(this));
+    document.addEventListener("scroll", this.positionDropdown.bind(this));
+  }
+  controlDropdown() {
+    this._showDropdown = !this._showDropdown;
+  }
+  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));
+    }
+    this.ezClickDataExporter.emit(item);
+    this._showDropdown = false;
+  }
+  getItems() {
+    const items = [];
+    this._releasedToExport
+      .forEach((option) => {
+      this._itemBuilder.setExportOption(option, items);
+    });
+    return items;
+  }
+  loadDropdown() {
+    var _a;
+    this._selectedNumber = ((_a = this.provider) === null || _a === void 0 ? void 0 : _a.getSelectedNumber()) || 0;
+    this._itemBuilder = new ItemBuilder(this.getMessage.bind(this), this._selectedNumber);
+    this._items = this.getItems();
+  }
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.loadDropdown();
+    this.setEvents();
+  }
+  componentDidLoad() {
+    if (this._element == undefined) {
+      return;
+    }
+    ElementIDUtils.addIDInfo(this._element);
+  }
+  componentWillUpdate() {
+    if (this._showDropdown) {
+      this.loadDropdown();
+    }
+  }
+  componentDidUpdate() {
+    if (this._showDropdown) {
+      this.positionDropdown();
+    }
+  }
+  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")}` }))));
+  }
+  get _element() { return this; }
+  static get style() { return snkDataExporterCss; }
+}, [2, "snk-data-exporter", {
+    "provider": [16],
+    "_showDropdown": [32],
+    "_releasedToExport": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-data-exporter"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-data-exporter":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkDataExporter);
+      }
+      break;
+  } });
+}
+
+export { DataExporterOption as D, SnkDataExporter as S, defineCustomElement as d };

package/dist/components/snk-form-config2.js

@@ -3,7 +3,7 @@ import { a as draggable_bundle, d as defineCustomElement$1 } from './snk-tab-con
 import { ObjectUtils, ElementIDUtils, ArrayUtils, ApplicationContext } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { C as CONFIG_EVENTS, b as TAB_NAMES, A as ACTION_CONFIG, D as DEFAULT_TYPE } from './constants.js';
-import { a as UserConfigType, C as ConfigStorage } from './ConfigStorage.js';
+import { U as UserConfigType, C as ConfigStorage } from './ConfigStorage.js';
 import { d as defineCustomElement$3 } from './snk-config-options2.js';
 import { d as defineCustomElement$2 } from './snk-field-config2.js';
 

package/dist/components/snk-form2.js

@@ -2,7 +2,8 @@ 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$5 } from './snk-config-options2.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$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';
@@ -220,7 +221,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-form", "snk-config-options", "snk-field-config", "snk-form-config", "snk-tab-config", "snk-taskbar"];
+  const components = ["snk-form", "snk-config-options", "snk-data-exporter", "snk-field-config", "snk-form-config", "snk-tab-config", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-form":
       if (!customElements.get(tagName)) {
@@ -228,6 +229,11 @@ function defineCustomElement() {
       }
       break;
     case "snk-config-options":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "snk-data-exporter":
       if (!customElements.get(tagName)) {
         defineCustomElement$5();
       }

package/dist/components/snk-grid2.js

@@ -1,8 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ElementIDUtils, DataType } from '@sankhyalabs/core';
+import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import { T as TaskbarProcessor } from './taskbar-processor.js';
 import { C as ConfigStorage } from './ConfigStorage.js';
-import { T as TaskbarElement, d as defineCustomElement$1 } from './snk-taskbar2.js';
+import { D as DataExporterOption, d as defineCustomElement$a } from './snk-data-exporter2.js';
+import { s as store, d as defineCustomElement$1 } from './snk-taskbar2.js';
 import { d as defineCustomElement$9 } from './snk-exporter-email-sender2.js';
 import { d as defineCustomElement$8 } from './snk-filter-bar2.js';
 import { d as defineCustomElement$7 } from './snk-filter-detail2.js';
@@ -24,8 +26,8 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       "snkGridTopTaskbar": ["FORM_MODE", "CONFIGURATOR", "INSERT"]
     });
     this._headerTaskbarProcessor = new TaskbarProcessor({
-      "snkGridHeaderTaskbar.unselected": ["REFRESH", "EXPORT"],
-      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH", "EXPORT"]
+      "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER"],
+      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH", "DATA_EXPORTER"]
     });
     this._popUpGridConfig = false;
     /**
@@ -57,8 +59,9 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   async setConfig(config) {
     this.setGridConfig(config);
   }
-  actionClickHandler(event) {
-    if (event.detail === TaskbarElement.EXPORT) {
+  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
@@ -127,6 +130,61 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.closeGridConfig();
     });
   }
+  buildColumnsMetadata(columnsMetadata, gridColumns) {
+    gridColumns === null || gridColumns === void 0 ? void 0 : gridColumns.forEach((column) => {
+      var _a, _b, _c, _d, _e;
+      if (column.hidden) {
+        return;
+      }
+      const fieldData = (_d = (_c = (_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.fields) === null || _c === void 0 ? void 0 : _c.filter((field) => field.name === column.name)) === null || _d === void 0 ? void 0 : _d[0];
+      const columnData = {
+        label: column.label,
+        id: column.name,
+        width: column.width,
+        dataType: fieldData === null || fieldData === void 0 ? void 0 : fieldData.dataType,
+        userInterface: fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface
+      };
+      columnsMetadata.push(columnData);
+      if (((_e = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _e === void 0 ? void 0 : _e.DESCRIPTIONFIELD) != undefined) {
+        const descriptionColumn = {
+          label: fieldData.properties.DESCRIPTIONENTITY,
+          id: fieldData.properties.ENTITYNAME + "." + fieldData.properties.DESCRIPTIONFIELD,
+          width: 200,
+          dataType: DataType.TEXT,
+          userInterface: UserInterface.LONGTEXT
+        };
+        columnsMetadata.push(descriptionColumn);
+      }
+    });
+    return columnsMetadata || [];
+  }
+  async dataExporterProviderStore() {
+    var _a;
+    const columnsMetadata = [];
+    await ((_a = this._grid) === null || _a === void 0 ? void 0 : _a.getColumnsState().then(this.buildColumnsMetadata.bind(this, columnsMetadata)));
+    const dataExporterProvider = {
+      getFilters: () => {
+        var _a;
+        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getFilters();
+      },
+      getColumnsMetadata: () => {
+        return columnsMetadata;
+      },
+      getOrders: () => {
+        var _a;
+        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getSort();
+      },
+      getResourceURI: () => {
+        var _a;
+        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.name;
+      },
+      getSelectedNumber: () => {
+        var _a, _b;
+        return (_b = (_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectedRecords) === null || _b === void 0 ? void 0 : _b.length;
+      }
+    };
+    store.set("exporterProviders", Object.assign(Object.assign({}, store.get("exporterProviders")), { [this.configName]: dataExporterProvider }));
+  }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     let parent = this._element.parentElement;
@@ -153,10 +211,11 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.loadConfig();
   }
   componentWillRender() {
-    const invisibleButtons = this.enableDataExporter ? [] : ["EXPORT"];
+    const invisibleButtons = this.enableDataExporter && this._dataUnit && this._dataUnit.records.length > 0 ? [] : ["DATA_EXPORTER"];
     const headerTaskbarId = this._dataState && this._dataState.selectedRecords.length > 0 ? "snkGridHeaderTaskbar.selected" : "snkGridHeaderTaskbar.unselected";
     this._headerTaskbarProcessor.process(headerTaskbarId, this.taskbarManager, this._dataState, undefined, invisibleButtons);
     this._topTaskbarProcessor.process("snkGridTopTaskbar", this.taskbarManager, this._dataState, undefined, invisibleButtons);
+    this.dataExporterProviderStore();
   }
   addElementID() {
     const dataInfo = { dataUnit: this._dataUnit };
@@ -166,7 +225,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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, "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("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() }))));
   }
   get _element() { return this; }
   static get style() { return snkGridCss; }
@@ -184,18 +243,23 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "showConfig": [64],
     "hideConfig": [64],
     "setConfig": [64]
-  }, [[0, "actionClick", "actionClickHandler"]]]);
+  }, [[0, "ezClickDataExporter", "ezClickDataExporterHandler"]]]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-grid", "snk-exporter-email-sender", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-grid-config", "snk-select-box", "snk-taskbar"];
+  const components = ["snk-grid", "snk-data-exporter", "snk-exporter-email-sender", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-grid-config", "snk-select-box", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-grid":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, SnkGrid);
       }
       break;
+    case "snk-data-exporter":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
         defineCustomElement$9();