@sankhyalabs/sankhyablocks 2.5.2 → 2.7.0

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();

package/dist/components/snk-taskbar2.js

@@ -1,6 +1,202 @@
-import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
+import { getRenderingRef, forceUpdate, h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
 import { StringUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { A as AuthorizationConfig } from './AuthorizationConfig.js';
+import { d as defineCustomElement$1 } from './snk-data-exporter2.js';
+
+const appendToMap = (map, propName, value) => {
+    const items = map.get(propName);
+    if (!items) {
+        map.set(propName, [value]);
+    }
+    else if (!items.includes(value)) {
+        items.push(value);
+    }
+};
+const debounce = (fn, ms) => {
+    let timeoutId;
+    return (...args) => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = 0;
+            fn(...args);
+        }, ms);
+    };
+};
+
+/**
+ * Check if a possible element isConnected.
+ * The property might not be there, so we check for it.
+ *
+ * We want it to return true if isConnected is not a property,
+ * otherwise we would remove these elements and would not update.
+ *
+ * Better leak in Edge than to be useless.
+ */
+const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
+const cleanupElements = debounce((map) => {
+    for (let key of map.keys()) {
+        map.set(key, map.get(key).filter(isConnected));
+    }
+}, 2000);
+const stencilSubscription = () => {
+    if (typeof getRenderingRef !== 'function') {
+        // If we are not in a stencil project, we do nothing.
+        // This function is not really exported by @stencil/core.
+        return {};
+    }
+    const elmsToUpdate = new Map();
+    return {
+        dispose: () => elmsToUpdate.clear(),
+        get: (propName) => {
+            const elm = getRenderingRef();
+            if (elm) {
+                appendToMap(elmsToUpdate, propName, elm);
+            }
+        },
+        set: (propName) => {
+            const elements = elmsToUpdate.get(propName);
+            if (elements) {
+                elmsToUpdate.set(propName, elements.filter(forceUpdate));
+            }
+            cleanupElements(elmsToUpdate);
+        },
+        reset: () => {
+            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
+            cleanupElements(elmsToUpdate);
+        },
+    };
+};
+
+const unwrap = (val) => (typeof val === 'function' ? val() : val);
+const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
+    const unwrappedState = unwrap(defaultState);
+    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
+    const handlers = {
+        dispose: [],
+        get: [],
+        set: [],
+        reset: [],
+    };
+    const reset = () => {
+        var _a;
+        // When resetting the state, the default state may be a function - unwrap it to invoke it.
+        // otherwise, the state won't be properly reset
+        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
+        handlers.reset.forEach((cb) => cb());
+    };
+    const dispose = () => {
+        // Call first dispose as resetting the state would
+        // cause less updates ;)
+        handlers.dispose.forEach((cb) => cb());
+        reset();
+    };
+    const get = (propName) => {
+        handlers.get.forEach((cb) => cb(propName));
+        return states.get(propName);
+    };
+    const set = (propName, value) => {
+        const oldValue = states.get(propName);
+        if (shouldUpdate(value, oldValue, propName)) {
+            states.set(propName, value);
+            handlers.set.forEach((cb) => cb(propName, value, oldValue));
+        }
+    };
+    const state = (typeof Proxy === 'undefined'
+        ? {}
+        : new Proxy(unwrappedState, {
+            get(_, propName) {
+                return get(propName);
+            },
+            ownKeys(_) {
+                return Array.from(states.keys());
+            },
+            getOwnPropertyDescriptor() {
+                return {
+                    enumerable: true,
+                    configurable: true,
+                };
+            },
+            has(_, propName) {
+                return states.has(propName);
+            },
+            set(_, propName, value) {
+                set(propName, value);
+                return true;
+            },
+        }));
+    const on = (eventName, callback) => {
+        handlers[eventName].push(callback);
+        return () => {
+            removeFromArray(handlers[eventName], callback);
+        };
+    };
+    const onChange = (propName, cb) => {
+        const unSet = on('set', (key, newValue) => {
+            if (key === propName) {
+                cb(newValue);
+            }
+        });
+        // We need to unwrap the defaultState because it might be a function.
+        // Otherwise we might not be sending the right reset value.
+        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));
+        return () => {
+            unSet();
+            unReset();
+        };
+    };
+    const use = (...subscriptions) => {
+        const unsubs = subscriptions.reduce((unsubs, subscription) => {
+            if (subscription.set) {
+                unsubs.push(on('set', subscription.set));
+            }
+            if (subscription.get) {
+                unsubs.push(on('get', subscription.get));
+            }
+            if (subscription.reset) {
+                unsubs.push(on('reset', subscription.reset));
+            }
+            if (subscription.dispose) {
+                unsubs.push(on('dispose', subscription.dispose));
+            }
+            return unsubs;
+        }, []);
+        return () => unsubs.forEach((unsub) => unsub());
+    };
+    const forceUpdate = (key) => {
+        const oldValue = states.get(key);
+        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
+    };
+    return {
+        state,
+        get,
+        set,
+        on,
+        onChange,
+        use,
+        dispose,
+        reset,
+        forceUpdate,
+    };
+};
+const removeFromArray = (array, item) => {
+    const index = array.indexOf(item);
+    if (index >= 0) {
+        array[index] = array[array.length - 1];
+        array.length--;
+    }
+};
+
+const createStore = (defaultState, shouldUpdate) => {
+    const map = createObservableMap(defaultState, shouldUpdate);
+    map.use(stencilSubscription());
+    return map;
+};
+
+const store = createStore({
+  exporterProviders: {}
+});
 
 var TaskbarElement;
 (function (TaskbarElement) {
@@ -18,7 +214,7 @@ var TaskbarElement;
   TaskbarElement["MORE_OPTIONS"] = "MORE_OPTIONS";
   TaskbarElement["DIVIDER"] = "DIVIDER";
   TaskbarElement["CONFIGURATOR"] = "CONFIGURATOR";
-  TaskbarElement["EXPORT"] = "EXPORT";
+  TaskbarElement["DATA_EXPORTER"] = "DATA_EXPORTER";
 })(TaskbarElement || (TaskbarElement = {}));
 var AuthorizationElements;
 (function (AuthorizationElements) {
@@ -46,7 +242,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 TaskbarElement.PREVIOUS:
@@ -73,12 +270,13 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
       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) {
@@ -118,7 +316,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       [TaskbarElement.GRID_MODE]: "snkTaskbar.titleGridMode",
       [TaskbarElement.FORM_MODE]: "snkTaskbar.titleFormMode",
       [TaskbarElement.CONFIGURATOR]: "snkTaskbar.titleConfigurator",
-      [TaskbarElement.EXPORT]: "snkTaskbar.titleExportar"
+      [TaskbarElement.DATA_EXPORTER]: "snkTaskbar.titleDataExporter"
     };
   }
   observeButtons() {
@@ -209,7 +407,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       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));
@@ -299,14 +497,19 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-taskbar"];
+  const components = ["snk-taskbar", "snk-data-exporter"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-taskbar":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, SnkTaskbar);
       }
       break;
+    case "snk-data-exporter":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
   } });
 }
 
-export { SnkTaskbar as S, TaskbarElement as T, defineCustomElement as d };
+export { SnkTaskbar as S, TaskbarElement as T, defineCustomElement as d, store as s };

package/dist/esm/{SnkMessageBuilder-7d583c9a.js → SnkMessageBuilder-47db5d75.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/esm/data-exporter-option-006307dd.js

@@ -0,0 +1,19 @@
+var AuthorizationConfig;
+(function (AuthorizationConfig) {
+  AuthorizationConfig["CONFIG_GRID"] = "CONFIG_GRID";
+  AuthorizationConfig["CONFIG"] = "CONFIG";
+})(AuthorizationConfig || (AuthorizationConfig = {}));
+
+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 = {}));
+
+export { AuthorizationConfig as A, DataExporterOption as D };

package/dist/esm/{index-e4121713.js → index-a77b6f35.js}

@@ -15,6 +15,7 @@ let useNativeShadowDom = false;
 let checkSlotFallbackVisibility = false;
 let checkSlotRelocate = false;
 let isSvgMode = false;
+let renderingRef = null;
 let queuePending = false;
 const createTime = (fnName, tagName = '') => {
     {
@@ -1256,6 +1257,11 @@ const dispatchHooks = (hostRef, isInitialLoad) => {
             promise = safeCall(instance, 'componentWillLoad');
         }
     }
+    else {
+        {
+            promise = safeCall(instance, 'componentWillUpdate');
+        }
+    }
     {
         promise = then(promise, () => safeCall(instance, 'componentWillRender'));
     }
@@ -1299,6 +1305,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
 };
 const callRender = (hostRef, instance, elm) => {
     try {
+        renderingRef = instance;
         instance = instance.render() ;
         {
             hostRef.$flags$ &= ~16 /* HOST_FLAGS.isQueuedForUpdate */;
@@ -1320,8 +1327,10 @@ const callRender = (hostRef, instance, elm) => {
     catch (e) {
         consoleError(e, hostRef.$hostElement$);
     }
+    renderingRef = null;
     return null;
 };
+const getRenderingRef = () => renderingRef;
 const postUpdateComponent = (hostRef) => {
     const tagName = hostRef.$cmpMeta$.$tagName$;
     const elm = hostRef.$hostElement$;
@@ -1349,6 +1358,9 @@ const postUpdateComponent = (hostRef) => {
         }
     }
     else {
+        {
+            safeCall(instance, 'componentDidUpdate');
+        }
         endPostUpdate();
     }
     {
@@ -1370,6 +1382,18 @@ const postUpdateComponent = (hostRef) => {
     // ( •_•)>⌐■-■
     // (⌐■_■)
 };
+const forceUpdate = (ref) => {
+    {
+        const hostRef = getHostRef(ref);
+        const isConnected = hostRef.$hostElement$.isConnected;
+        if (isConnected &&
+            (hostRef.$flags$ & (2 /* HOST_FLAGS.hasRendered */ | 16 /* HOST_FLAGS.isQueuedForUpdate */)) === 2 /* HOST_FLAGS.hasRendered */) {
+            scheduleUpdate(hostRef, false);
+        }
+        // Returns "true" when the forced update was successfully scheduled
+        return isConnected;
+    }
+};
 const appDidLoad = (who) => {
     // on appload
     // we have finish the first big initial render
@@ -1958,4 +1982,4 @@ const flush = () => {
 const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
-export { Fragment as F, Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r };
+export { Fragment as F, Host as H, getRenderingRef as a, bootstrapLazy as b, createEvent as c, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r };