@sankhyalabs/sankhyablocks 2.5.2 → 2.7.0

package/dist/cjs/snk-pesquisa.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-20e8b68a.js');
+const index = require('./index-2cd6f753.js');
 const core = require('@sankhyalabs/core');
 
 const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__btn--color:var(--title--primary, #2B3A54);--snk-pesquisa__btn-disabled--color:var(--text--disable, #AFB6C0);--snk-pesquisa__btn-hover--color:var(--color--primary, #4e4e4e);--snk-pesquisa__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-pesquisa__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-pesquisa__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-pesquisa__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-pesquisa__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-pesquisa__scrollbar--width:var(--space--medium, 12px);max-height:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input.sc-snk-pesquisa ez-icon.sc-snk-pesquisa{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-pesquisa__scrollbar--color-clicked) var(--snk-pesquisa__scrollbar--color-background);padding-right:var(--snk-pesquisa__content--padding-right)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:var(--snk-pesquisa__scrollbar--color-background);width:var(--snk-pesquisa__scrollbar--width);max-width:var(--snk-pesquisa__scrollbar--width);min-width:var(--snk-pesquisa__scrollbar--width)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:var(--snk-pesquisa__scrollbar--color-background);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__scrollbar--color-default);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:hover,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-pesquisa__scrollbar--color-hover)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:active,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-pesquisa__scrollbar--color-clicked)}.snk-pesquisa__records.sc-snk-pesquisa{font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);color:var(--snk-pesquisa__records--color);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}.snk-pesquisa__btn.sc-snk-pesquisa{outline:none;border:none;background:none;cursor:pointer;color:var(--snk-pesquisa__btn--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled:hover{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:hover{color:var(--snk-pesquisa__btn-hover--color)}";

package/dist/cjs/snk-tab-config.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-20e8b68a.js');
+const index = require('./index-2cd6f753.js');
 const draggable_bundle = require('./draggable.bundle-82a25c06.js');
 const core = require('@sankhyalabs/core');
 const constants = require('./constants-a47a5190.js');

package/dist/cjs/{taskbar-elements-3807c809.js → taskbar-elements-bbb89cdb.js}

@@ -1,6 +1,7 @@
 'use strict';
 
-const index = require('./index-20e8b68a.js');
+const index = require('./index-2cd6f753.js');
+const index$1 = require('./index-696b5c3b.js');
 
 exports.TaskbarElement = void 0;
 (function (TaskbarElement) {
@@ -18,7 +19,7 @@ exports.TaskbarElement = void 0;
   TaskbarElement["MORE_OPTIONS"] = "MORE_OPTIONS";
   TaskbarElement["DIVIDER"] = "DIVIDER";
   TaskbarElement["CONFIGURATOR"] = "CONFIGURATOR";
-  TaskbarElement["EXPORT"] = "EXPORT";
+  TaskbarElement["DATA_EXPORTER"] = "DATA_EXPORTER";
 })(exports.TaskbarElement || (exports.TaskbarElement = {}));
 exports.AuthorizationElements = void 0;
 (function (AuthorizationElements) {
@@ -46,7 +47,8 @@ const buildCustomButton = (def, className, dataElementId, action, isEnabled) =>
     return textButton(def.name, className, dataElementId, text, hint, action, isEnabled);
   }
 };
-const buildElem = (element, className, dataElementId, getTitle, action, isEnabled, actions) => {
+const buildElem = (element, className, dataElementId, getTitle, action, isEnabled, actions, configName) => {
+  var _a;
   const title = getTitle(element);
   switch (element) {
     case exports.TaskbarElement.PREVIOUS:
@@ -73,12 +75,13 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
       return iconButton("list", element, className, dataElementId, title, action, isEnabled);
     case exports.TaskbarElement.CONFIGURATOR:
       return iconButton("settings-inverted", element, className, dataElementId, title, action, isEnabled);
-    case exports.TaskbarElement.EXPORT:
-      return iconButton("file-download", element, className, dataElementId, title, action, isEnabled);
     case exports.TaskbarElement.MORE_OPTIONS:
       return actionButton(element, className, dataElementId, title, action, isEnabled, actions);
     case exports.TaskbarElement.DIVIDER:
       return index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium", "data-taskbar-divider": true });
+    case exports.TaskbarElement.DATA_EXPORTER:
+      const provider = (_a = index$1.store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[configName];
+      return index.h("snk-data-exporter", { class: className, title: title, provider: provider, "data-element-id": dataElementId });
   }
 };
 function textButton(name, className, dataElementId, text, title, action, isEnabled) {

package/dist/cjs/teste-pesquisa.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-20e8b68a.js');
+const index = require('./index-2cd6f753.js');
 const core = require('@sankhyalabs/core');
 
 const testePesquisaCss = ":host{display:block}";

package/dist/collection/collection-manifest.json

@@ -9,6 +9,7 @@
     "./components/snk-form/subcomponents/snk-tab-config/snk-tab-config.js",
     "./components/snk-configurator/snk-configurator.js",
     "./components/snk-crud/snk-crud.js",
+    "./components/snk-data-exporter/snk-data-exporter.js",
     "./components/snk-data-exporter/exporter-email-sender/snk-exporter-email-sender.js",
     "./components/snk-filter-bar/filter-item/editors/snk-filter-personalized.js",
     "./components/snk-filter-bar/snk-filter-bar.js",

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

@@ -0,0 +1,11 @@
+export 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 = {}));

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

@@ -115,7 +115,7 @@ export class SnkExporterEmailSender {
     return {
       "open": {
         "complexType": {
-          "signature": "(config: ExportConfig) => Promise<ExportResult>",
+          "signature": "(config: IExportConfig) => Promise<IExportResult>",
           "parameters": [{
               "tags": [],
               "text": ""
@@ -124,16 +124,16 @@ export class SnkExporterEmailSender {
             "Promise": {
               "location": "global"
             },
-            "ExportResult": {
+            "IExportResult": {
               "location": "import",
               "path": "../data/export-result"
             },
-            "ExportConfig": {
+            "IExportConfig": {
               "location": "import",
               "path": "../data/export-config"
             }
           },
-          "return": "Promise<ExportResult>"
+          "return": "Promise<IExportResult>"
         },
         "docs": {
           "text": "",

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

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

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

@@ -0,0 +1,19 @@
+:host {
+  /*@doc Define o posicionamento de z-index do componente.*/
+  --snk-data-exporter--z-index: var(--more-visible, 2);
+
+  /*private*/
+  display: flex;
+  width: fit-content;
+  height: fit-content;
+}
+
+.snk-data-exporter {
+  /*private*/
+  display: flex;
+  width: fit-content;
+  height: fit-content;
+
+  /*public*/
+  z-index: var(--snk-data-exporter--z-index);
+}

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

@@ -0,0 +1,181 @@
+import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
+import { h, Host } from '@stencil/core';
+import { DataExporterOption } from './enum/data-exporter-option';
+import fetchDataExporter from "../../lib/http/data-fetcher/fetchers/fetchDataExporter";
+import fileViewer from "../../lib/utils/fileViewer";
+import { ItemBuilder } from './structure/ItemBuilder';
+export class SnkDataExporter {
+  constructor() {
+    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")}` }))));
+  }
+  static get is() { return "snk-data-exporter"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-data-exporter.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-data-exporter.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "provider": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IExporterProvider",
+          "resolved": "IExporterProvider",
+          "references": {
+            "IExporterProvider": {
+              "location": "import",
+              "path": "./interfaces/IExporterProvider"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Provedor das informa\u00E7\u00F5es para exporta\u00E7\u00E3o dos dados."
+        },
+        "defaultValue": "null"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "_showDropdown": {},
+      "_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-data-exporter/structure/ItemBuilder.js

@@ -0,0 +1,140 @@
+import { DataExporterOption } from "../enum/data-exporter-option";
+export 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");
+  }
+}

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

@@ -1,16 +1,18 @@
 import { h } from '@stencil/core';
-import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
+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 { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
+import { DataExporterOption } from '../snk-data-exporter/enum/data-exporter-option';
+import store from "../../lib/store";
 export class SnkGrid {
   constructor() {
     this._topTaskbarProcessor = new TaskbarProcessor({
       "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;
     /**
@@ -42,8 +44,9 @@ export class SnkGrid {
   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
@@ -112,6 +115,61 @@ export class SnkGrid {
       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;
@@ -138,10 +196,11 @@ export class SnkGrid {
     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 };
@@ -151,7 +210,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, "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() }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }
@@ -387,8 +446,8 @@ export class SnkGrid {
   static get elementRef() { return "_element"; }
   static get listeners() {
     return [{
-        "name": "actionClick",
-        "method": "actionClickHandler",
+        "name": "ezClickDataExporter",
+        "method": "ezClickDataExporterHandler",
         "target": undefined,
         "capture": false,
         "passive": false

package/dist/collection/components/snk-taskbar/elements/taskbar-elements.js

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import store from "../../../lib/store";
 export var TaskbarElement;
 (function (TaskbarElement) {
   TaskbarElement["PREVIOUS"] = "PREVIOUS";
@@ -15,7 +16,7 @@ export var TaskbarElement;
   TaskbarElement["MORE_OPTIONS"] = "MORE_OPTIONS";
   TaskbarElement["DIVIDER"] = "DIVIDER";
   TaskbarElement["CONFIGURATOR"] = "CONFIGURATOR";
-  TaskbarElement["EXPORT"] = "EXPORT";
+  TaskbarElement["DATA_EXPORTER"] = "DATA_EXPORTER";
 })(TaskbarElement || (TaskbarElement = {}));
 export var AuthorizationElements;
 (function (AuthorizationElements) {
@@ -43,7 +44,8 @@ export const buildCustomButton = (def, className, dataElementId, action, isEnabl
     return textButton(def.name, className, dataElementId, text, hint, action, isEnabled);
   }
 };
-export const buildElem = (element, className, dataElementId, getTitle, action, isEnabled, actions) => {
+export const buildElem = (element, className, dataElementId, getTitle, action, isEnabled, actions, configName) => {
+  var _a;
   const title = getTitle(element);
   switch (element) {
     case TaskbarElement.PREVIOUS:
@@ -70,12 +72,13 @@ export const buildElem = (element, className, dataElementId, getTitle, action, i
       return iconButton("list", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.CONFIGURATOR:
       return iconButton("settings-inverted", element, className, dataElementId, title, action, isEnabled);
-    case TaskbarElement.EXPORT:
-      return iconButton("file-download", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.MORE_OPTIONS:
       return actionButton(element, className, dataElementId, title, action, isEnabled, actions);
     case TaskbarElement.DIVIDER:
       return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium", "data-taskbar-divider": true });
+    case TaskbarElement.DATA_EXPORTER:
+      const provider = (_a = store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[configName];
+      return h("snk-data-exporter", { class: className, title: title, provider: provider, "data-element-id": dataElementId });
   }
 };
 function textButton(name, className, dataElementId, text, title, action, isEnabled) {