@sankhyalabs/sankhyablocks 2.5.2 → 2.6.1

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-form/snk-form.js

@@ -221,7 +221,7 @@ export class SnkForm {
         "reflect": false
       },
       "recordsValidator": {
-        "type": "unknown",
+        "type": "any",
         "mutable": false,
         "complexType": {
           "original": "IRecordValidator",
@@ -238,7 +238,9 @@ export class SnkForm {
         "docs": {
           "tags": [],
           "text": "Validador respons\u00E1vel por checar a integridade das informa\u00E7\u00F5es do registro."
-        }
+        },
+        "attribute": "records-validator",
+        "reflect": false
       },
       "actionsList": {
         "type": "unknown",

package/dist/collection/components/snk-form/subcomponents/snk-config-options/snk-config-options.js

@@ -240,7 +240,7 @@ export class SnkConfigOptions {
   static get properties() {
     return {
       "fieldConfig": {
-        "type": "unknown",
+        "type": "any",
         "mutable": false,
         "complexType": {
           "original": "IFieldConfig",
@@ -258,6 +258,8 @@ export class SnkConfigOptions {
           "tags": [],
           "text": "Armazena as propriedades do campo."
         },
+        "attribute": "field-config",
+        "reflect": true,
         "defaultValue": "{} as IFieldConfig"
       },
       "idConfig": {

package/dist/collection/components/snk-form/subcomponents/snk-field-config/snk-field-config.js

@@ -84,7 +84,7 @@ export class SnkFieldConfig {
         "defaultValue": "false"
       },
       "fieldConfig": {
-        "type": "unknown",
+        "type": "any",
         "mutable": false,
         "complexType": {
           "original": "IFieldConfig",
@@ -101,7 +101,9 @@ export class SnkFieldConfig {
         "docs": {
           "tags": [],
           "text": "Armazena as propriedades do campo."
-        }
+        },
+        "attribute": "field-config",
+        "reflect": true
       },
       "modeInsertion": {
         "type": "boolean",

package/dist/collection/components/snk-form/subcomponents/snk-form-config/snk-form-config.js

@@ -1001,7 +1001,7 @@ export class SnkFormConfig {
         }
       },
       "formConfig": {
-        "type": "unknown",
+        "type": "any",
         "mutable": false,
         "complexType": {
           "original": "IFormConfig",
@@ -1019,6 +1019,8 @@ export class SnkFormConfig {
           "tags": [],
           "text": "Campos de configura\u00E7\u00E3o de formul\u00E1rio."
         },
+        "attribute": "form-config",
+        "reflect": true,
         "defaultValue": "{} as IFormConfig"
       },
       "configName": {

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) {

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

@@ -18,7 +18,7 @@ export class SnkTaskbar {
       [TaskbarElement.GRID_MODE]: "snkTaskbar.titleGridMode",
       [TaskbarElement.FORM_MODE]: "snkTaskbar.titleFormMode",
       [TaskbarElement.CONFIGURATOR]: "snkTaskbar.titleConfigurator",
-      [TaskbarElement.EXPORT]: "snkTaskbar.titleExportar"
+      [TaskbarElement.DATA_EXPORTER]: "snkTaskbar.titleDataExporter"
     };
   }
   observeButtons() {
@@ -109,7 +109,7 @@ export class SnkTaskbar {
       className += "ez-padding-left--medium";
     }
     if (TaskbarElement[def.toString()]) {
-      return buildElem(def, className, this.getIdElemBtnNative(def), elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.actionsList);
+      return buildElem(def, className, this.getIdElemBtnNative(def), elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.actionsList, this.configName);
     }
     else {
       return buildCustomButton(def, className, this.getIdElemBtnCustom(def), elem => this.elementClick(elem), elem => this.isEnabled(elem));

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

@@ -0,0 +1,33 @@
+var __rest = (this && this.__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;
+};
+import { ObjectUtils } from "@sankhyalabs/core";
+import { DataFetcher } from '../../DataFetcher';
+export default 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);
+}

package/dist/collection/lib/http/data-fetcher/fetchers/fetchDataExporter/interfaces/IExporterColumnMetadata.js

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

package/dist/collection/lib/http/data-fetcher/fetchers/fetchDataExporter/interfaces/IFetchDataExporterParams.js

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

package/dist/collection/lib/http/data-fetcher/fetchers/fetchDataExporter/interfaces/IFetchDataExporterResponse.js

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

package/dist/collection/lib/message/SnkMessageBuilder.js

@@ -6,6 +6,7 @@ import snkExporterMessages from "./resources/snk-exporter.msg.js";
 import { snkFormMessages, snkFormConfigMessages, snkConfigOptionsMessages, snkFieldConfigMessages, snkTabConfigMessages } from "./resources/snk-form.msg.js";
 import { snkConfiguratorMessages } from "./resources/snk-configurator.msg.js";
 import { snkGridMessages, snkGridConfigMessages } from "./resources/snk-grid.msg.js";
+import { snkDataExporterMessages } from "./resources/snk-data-exporter.msg.js";
 export class SnkMessageBuilder {
   constructor() {
     this._defaults = {
@@ -21,7 +22,8 @@ export class SnkMessageBuilder {
       crudUtils: crudUtilsMessages,
       snkGrid: snkGridMessages,
       snkGridConfig: snkGridConfigMessages,
-      snkExporter: snkExporterMessages
+      snkExporter: snkExporterMessages,
+      snkDataExporter: snkDataExporterMessages
     };
     this._currentOperation = OperationMap.CLEAN;
     this.loadAppMessages().then((msgs) => {