@sankhyalabs/sankhyablocks 8.16.0-dev.81 → 8.16.0-dev.83

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

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const taskbarElements = require('./taskbar-elements-9ad1f9c0.js');
+const taskbarElements = require('./taskbar-elements-7e19882d.js');
 const ConfigStorage = require('./ConfigStorage-d024aec8.js');
-const index$1 = require('./index-1dfc7a6e.js');
+const index$1 = require('./index-e3e39724.js');
 const fieldSearch = require('./field-search-68e34bf4.js');
 const index$2 = require('./index-102ba62d.js');
-const ContinuousInsertUtils = require('./ContinuousInsertUtils-c27b439e.js');
+const ClientSideExporterProvider = require('./ClientSideExporterProvider-6b781452.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 require('./DataFetcher-65879b2c.js');
 require('./pesquisa-fetcher-5c583c93.js');
@@ -22,12 +22,13 @@ require('./form-config-fetcher-90126e4c.js');
 require('./constants-241934b3.js');
 const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
+require('./IFetchDataExporterParams-e78ec415.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
 require('./ResourceIDUtils-5ff86aa7.js');
 
-class ServerSideExporterProvider extends ContinuousInsertUtils.CommonsExporter {
+class ServerSideExporterProvider extends ClientSideExporterProvider.CommonsExporter {
   getFilters() {
     var _a;
     return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getAppliedFilters();
@@ -81,7 +82,7 @@ class ServerSideExporterProvider extends ContinuousInsertUtils.CommonsExporter {
   }
 }
 
-const snkGridCss = ".sc-snk-grid-h{--snk-grid-min-height:300px;--snk-grid-padding:var(--space--small)}.snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%;padding:var(--snk-grid-padding)}.snk-grid__header.sc-snk-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}.snk-grid__table.sc-snk-grid{min-height:var(--snk-grid-min-height)}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}";
+const snkGridCss = ".sc-snk-grid-h{--snk-grid-min-height:300px;--snk-grid-padding:var(--space--small)}.snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%;padding:var(--snk-grid-padding)}.snk-grid__header.sc-snk-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}.snk-grid__table.sc-snk-grid{min-height:var(--snk-grid-min-height)}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}.snk-grid-container__footer.sc-snk-grid{background-color:var(--background--xlight, #FFF);border-radius:0 0 var(--border--radius-medium) var(--border--radius-medium);box-shadow:var(--shadow--small)}";
 
 const SnkGrid = class {
   constructor(hostRef) {
@@ -123,7 +124,7 @@ const SnkGrid = class {
     this._popUpGridConfig = false;
     this._showSnkFilterBar = true;
     this._enableContinuousInsert = false;
-    this.columnFilterDataSource = new ContinuousInsertUtils.SnkMultiSelectionListDataSource();
+    this.columnFilterDataSource = new ClientSideExporterProvider.SnkMultiSelectionListDataSource();
     this.enableLockManagerLoadingComp = false;
     this.enableLockManagerTaskbarClick = false;
     this.configName = undefined;
@@ -150,6 +151,7 @@ const SnkGrid = class {
     this.autoFocus = true;
     this.enableGridInsert = false;
     this.outlineMode = false;
+    this.strategyExporter = index$1.ExporterStrategy.SERVER_SIDE;
   }
   reloadConfig() {
     this.loadConfig();
@@ -283,7 +285,7 @@ const SnkGrid = class {
   }
   setGridConfig(config) {
     this._gridConfig = config;
-    ContinuousInsertUtils.CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
+    ClientSideExporterProvider.CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
   }
   fixColumNameCharset(columnName) {
     try {
@@ -329,7 +331,9 @@ const SnkGrid = class {
     evt.stopPropagation();
   }
   async dataExporterProviderStore() {
-    const dataExporterProvider = new ServerSideExporterProvider(this._dataUnit, this._grid);
+    const dataExporterProvider = this.strategyExporter === index$1.ExporterStrategy.SERVER_SIDE
+      ? new ServerSideExporterProvider(this._dataUnit, this._grid)
+      : new ClientSideExporterProvider.ClientSideExporterProvider(this._dataUnit, this._grid);
     index$2.store.set("exporterProviders", Object.assign(Object.assign({}, index$2.store.get("exporterProviders")), { [this.configName]: dataExporterProvider }));
   }
   addElementID() {
@@ -353,7 +357,7 @@ const SnkGrid = class {
   }
   finishLoading() {
     this._dataUnit.addInterceptor(this.dataUnitInterceptor);
-    ContinuousInsertUtils.CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
+    ClientSideExporterProvider.CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
     this.addElementID();
     if (this.columnFilterDataSource != undefined) {
       this.columnFilterDataSource.setApplication(this._application);
@@ -408,10 +412,10 @@ const SnkGrid = class {
       }
       parent = parent.parentElement;
     }
-    this._rmPrecisionCustomValueFormatter = new ContinuousInsertUtils.RmPrecisionCustomValueFormatter();
+    this._rmPrecisionCustomValueFormatter = new ClientSideExporterProvider.RmPrecisionCustomValueFormatter();
     this.addGridLegacyConfigName();
     this.loadConfig();
-    this._continuousInsertUtils = new ContinuousInsertUtils.ContinuousInsertUtils(this._application, this.resourceID, this.configName);
+    this._continuousInsertUtils = new ClientSideExporterProvider.ContinuousInsertUtils(this._application, this.resourceID, this.configName);
     if (this.enableGridInsert) {
       this._continuousInsertUtils.getConfig().then(value => this._enableContinuousInsert = value);
     }
@@ -555,7 +559,7 @@ const SnkGrid = class {
       return undefined;
     }
     return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, index.h("div", { class: "snk-grid__header ez-margin-bottom--extra-small" }, this._showSnkFilterBar &&
-      index.h(index.Fragment, null, index.h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none' }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode }, index.h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
+      index.h(index.Fragment, null, index.h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none' }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode }, index.h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/{snk-guides-viewer-bff0d27d.js → snk-guides-viewer-a029ff50.js}

@@ -5,11 +5,11 @@ const core = require('@sankhyalabs/core');
 const SnkFormConfigManager = require('./SnkFormConfigManager-c11d8468.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const fieldSearch = require('./field-search-68e34bf4.js');
-const taskbarElements = require('./taskbar-elements-9ad1f9c0.js');
+const taskbarElements = require('./taskbar-elements-7e19882d.js');
 const constants = require('./constants-241934b3.js');
 require('./DataFetcher-65879b2c.js');
 require('./pesquisa-fetcher-5c583c93.js');
-const index$1 = require('./index-1dfc7a6e.js');
+const index$1 = require('./index-e3e39724.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');

package/dist/cjs/snk-guides-viewer.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-bff0d27d.js');
+const snkGuidesViewer = require('./snk-guides-viewer-a029ff50.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
 require('./SnkFormConfigManager-c11d8468.js');
@@ -15,8 +15,8 @@ require('./filter-item-type.enum-a7ffdaa6.js');
 require('./constants-241934b3.js');
 require('@sankhyalabs/ezui/dist/collection/utils/form');
 require('./field-search-68e34bf4.js');
-require('./taskbar-elements-9ad1f9c0.js');
-require('./index-1dfc7a6e.js');
+require('./taskbar-elements-7e19882d.js');
+require('./index-e3e39724.js');
 require('./index-102ba62d.js');
 require('./pesquisa-fetcher-5c583c93.js');
 require('./ISave-e91b70a7.js');

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

@@ -6,7 +6,7 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const pesquisaFetcher = require('./pesquisa-fetcher-5c583c93.js');
 require('./DataFetcher-65879b2c.js');
-require('./index-1dfc7a6e.js');
+require('./index-e3e39724.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');

package/dist/cjs/snk-simple-crud.cjs.entry.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-f9e81701.js');
+const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const constants = require('./constants-241934b3.js');
-const taskbarElements = require('./taskbar-elements-9ad1f9c0.js');
+const taskbarElements = require('./taskbar-elements-7e19882d.js');
 require('./DataFetcher-65879b2c.js');
 require('./pesquisa-fetcher-5c583c93.js');
-const ContinuousInsertUtils = require('./ContinuousInsertUtils-c27b439e.js');
-const index = require('./index-1dfc7a6e.js');
+const ClientSideExporterProvider = require('./ClientSideExporterProvider-6b781452.js');
+const index$1 = require('./index-e3e39724.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
@@ -20,10 +20,11 @@ const formConfigFetcher = require('./form-config-fetcher-90126e4c.js');
 const fieldSearch = require('./field-search-68e34bf4.js');
 const ConfigStorage = require('./ConfigStorage-d024aec8.js');
 const SnkFormConfigManager = require('./SnkFormConfigManager-c11d8468.js');
-const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
 const index$2 = require('./index-102ba62d.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
+require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
+require('./IFetchDataExporterParams-e78ec415.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
 require('./ResourceIDUtils-5ff86aa7.js');
@@ -31,73 +32,18 @@ require('./ResourceIDUtils-5ff86aa7.js');
 const REGULAR_DEFAULT_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "MORE_OPTIONS"];
 const REGULAR_SELECTED_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "DIVIDER", "MORE_OPTIONS"];
 
-class ClientSideExporterProvider extends ContinuousInsertUtils.CommonsExporter {
-  getSelectedNumber() {
-    return this.dataUnit.getSelectionInfo().length;
-  }
-  getTotalRecords() {
-    var _a, _b, _c;
-    const { total } = ((_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getPaginationInfo()) || {};
-    return total !== null && total !== void 0 ? total : (_c = (_b = this.dataUnit) === null || _b === void 0 ? void 0 : _b.records) === null || _c === void 0 ? void 0 : _c.length;
-  }
-  getSelectedIDs() {
-    return GetSelectedRecordsIDsInfo.getSelectedRecordsIDsInfo(this.dataUnit);
-  }
-  getRecordID() {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.__record__id__;
-  }
-  async getRecords() {
-    if (this.dataUnit.records.length === 0) {
-      return Promise.resolve([]);
-    }
-    const selectionInfo = this.dataUnit.getSelectionInfo();
-    const records = selectionInfo.isEmpty() || selectionInfo.isAllRecords() ? await selectionInfo.getAllRecords() : selectionInfo.records;
-    return Promise.resolve(records == undefined ? [] : records);
-  }
-  getHiddenOptions() {
-    return [
-      index.DataExporterOption.EXPORT_BY_EMAIL,
-      index.DataExporterOption.EXPORT_PDF_TO_EMAIL,
-      index.DataExporterOption.EXPORT_XLS_TO_EMAIL,
-      index.DataExporterOption.EXPORT_PAGE_TO_PDF,
-      index.DataExporterOption.EXPORT_PAGE_TO_XLS
-    ];
-  }
-  formatValue(record, column) {
-    const { id, descriptionFrom } = column;
-    const value = record[descriptionFrom || id];
-    if (value == undefined) {
-      return "";
-    }
-    if (descriptionFrom != undefined) {
-      return value.label;
-    }
-    const fieldDescriptor = this.dataUnit.getField(id);
-    if (fieldDescriptor.userInterface === core.UserInterface.SEARCH) {
-      return value.value;
-    }
-    if (column.customFormatter) {
-      const ezGridColumn = this.getColumnsState().find(columnState => column.id === columnState.name);
-      const formattedValue = column.customFormatter.format(value, ezGridColumn, record.__record__id__);
-      return formattedValue;
-    }
-    return this.dataUnit.getFormattedValue(id, value);
-  }
-}
-
 const snkSimpleCrudCss = ".sc-snk-simple-crud-h{display:flex;height:100%;width:100%;--snk-simple-crud-grid--min-height:300px}.simple-crud__container.sc-snk-simple-crud{display:grid;grid-template-rows:auto 1fr;height:100%;width:100%}.simple-crud__container-section.sc-snk-simple-crud{flex-wrap:unset;flex-direction:column}.simple-crud__form--hidden.sc-snk-simple-crud{display:none}ez-grid.sc-snk-simple-crud{--ez-grid__container--shadow:none;--ez-grid__container--shadow--outline:none;--ez-grid--min-height:var(--snk-simple-crud-grid--min-height)}ez-form.sc-snk-simple-crud{min-height:300px}";
 
 const SnkSimpleCrud = class {
   constructor(hostRef) {
-    index$1.registerInstance(this, hostRef);
-    this.dataStateChange = index$1.createEvent(this, "dataStateChange", 3);
-    this.dataUnitReady = index$1.createEvent(this, "dataUnitReady", 3);
-    this.actionClick = index$1.createEvent(this, "actionClick", 7);
-    this.formItemsReady = index$1.createEvent(this, "formItemsReady", 7);
-    this.configuratorSave = index$1.createEvent(this, "configuratorSave", 7);
-    this.configuratorCancel = index$1.createEvent(this, "configuratorCancel", 7);
-    this._multiSelectionListDataSource = new ContinuousInsertUtils.SnkMultiSelectionListDataSource();
+    index.registerInstance(this, hostRef);
+    this.dataStateChange = index.createEvent(this, "dataStateChange", 3);
+    this.dataUnitReady = index.createEvent(this, "dataUnitReady", 3);
+    this.actionClick = index.createEvent(this, "actionClick", 7);
+    this.formItemsReady = index.createEvent(this, "formItemsReady", 7);
+    this.configuratorSave = index.createEvent(this, "configuratorSave", 7);
+    this.configuratorCancel = index.createEvent(this, "configuratorCancel", 7);
+    this._multiSelectionListDataSource = new ClientSideExporterProvider.SnkMultiSelectionListDataSource();
     this._keyDownHandler = (event) => this.keyDownListener(event);
     this._formConfigFetcher = new formConfigFetcher.FormConfigFetcher();
     this._customEditors = new Map();
@@ -408,8 +354,8 @@ const SnkSimpleCrud = class {
     this.processMetadata();
     this.onModeChange();
     this.configDatasource();
-    this._rmPrecisionCustomValueFormatter = new ContinuousInsertUtils.RmPrecisionCustomValueFormatter();
-    this._continuousInsertUtils = new ContinuousInsertUtils.ContinuousInsertUtils(this.application, this.resolveResourceID(), this.configName);
+    this._rmPrecisionCustomValueFormatter = new ClientSideExporterProvider.RmPrecisionCustomValueFormatter();
+    this._continuousInsertUtils = new ClientSideExporterProvider.ContinuousInsertUtils(this.application, this.resolveResourceID(), this.configName);
     if (this.enableGridInsert) {
       this._continuousInsertUtils.getConfig().then(value => this.enableContinuousInsert = value);
     }
@@ -680,8 +626,8 @@ const SnkSimpleCrud = class {
   }
   getTopTaskBarId() {
     var _a;
-    return ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? `snkGridTopTaskbar.finish_edition${index.PresentationMode.PRIMARY}` :
-      `snkGridTopTaskbar.regular${index.PresentationMode.PRIMARY}`;
+    return ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? `snkGridTopTaskbar.finish_edition${index$1.PresentationMode.PRIMARY}` :
+      `snkGridTopTaskbar.regular${index$1.PresentationMode.PRIMARY}`;
   }
   async keyDownListener(event) {
     if (!event.ctrlKey || event.key == undefined || event.key.toUpperCase() !== "F") {
@@ -744,7 +690,7 @@ const SnkSimpleCrud = class {
     if (this._grid == undefined) {
       return;
     }
-    const dataExporterProvider = new ClientSideExporterProvider(this.dataUnit, this._grid);
+    const dataExporterProvider = new ClientSideExporterProvider.ClientSideExporterProvider(this.dataUnit, this._grid);
     index$2.store.set("exporterProviders", Object.assign(Object.assign({}, index$2.store.get("exporterProviders")), { [this.getDataExporterStoreKey()]: dataExporterProvider }));
   }
   getDataExporterStoreKey() {
@@ -752,7 +698,7 @@ const SnkSimpleCrud = class {
   }
   setGridConfig(config) {
     this.gridConfig = config;
-    ContinuousInsertUtils.CrudUtils.assertDefaultSorting(this.gridConfig, this.dataUnit);
+    ClientSideExporterProvider.CrudUtils.assertDefaultSorting(this.gridConfig, this.dataUnit);
   }
   setFormConfig(config, forceUpdate) {
     if (this.formConfig && !forceUpdate)
@@ -823,7 +769,7 @@ const SnkSimpleCrud = class {
   }
   renderTaskbarContent() {
     var _a;
-    return (index$1.h("snk-taskbar", { class: this._currentViewMode === constants.VIEW_MODE.FORM && `ez-box ${this.outlineMode ? 'ez-box--outline' : 'ez-box--shadow-xsmall'} ez-padding--small`, dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, "data-exporter-store-key": this.getDataExporterStoreKey(), slot: "leftButtons", presentationMode: index.PresentationMode.SECONDARY }, index$1.h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })));
+    return (index.h("snk-taskbar", { class: this._currentViewMode === constants.VIEW_MODE.FORM && `ez-box ${this.outlineMode ? 'ez-box--outline' : 'ez-box--shadow-xsmall'} ez-padding--small`, dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, "data-exporter-store-key": this.getDataExporterStoreKey(), slot: "leftButtons", presentationMode: index$1.PresentationMode.SECONDARY }, index.h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })));
   }
   /* istanbul ignore next */
   render() {
@@ -831,11 +777,11 @@ const SnkSimpleCrud = class {
     if (this.dataUnit == undefined) {
       return;
     }
-    return (index$1.h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: this.handleDataUnitOnInsertionMode.bind(this), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === constants.VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, index$1.h("header", null, index$1.h("slot", { name: "snkSimpleCrudHeader" })), index$1.h("section", { class: `ez-box ${this.outlineMode ? 'ez-box--outline' : 'ez-box--shadow'} simple-crud__container-section` }, index$1.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, index$1.h("stack-item", null, index$1.h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(constants.VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(dataunitFetcher.InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
+    return (index.h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: this.handleDataUnitOnInsertionMode.bind(this), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === constants.VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, index.h("header", null, index.h("slot", { name: "snkSimpleCrudHeader" })), index.h("section", { class: `ez-box ${this.outlineMode ? 'ez-box--outline' : 'ez-box--shadow'} simple-crud__container-section` }, index.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, index.h("stack-item", null, index.h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(constants.VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(dataunitFetcher.InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
         ? undefined
-        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode }, this.renderTaskbarContent(), index$1.h("div", { slot: "footer" }, index$1.h("slot", { name: "snkSimpleCrudFooter" })))), index$1.h("stack-item", null, this.renderTaskbarContent(), index$1.h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), index$1.h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName })), this.messagesBuilder && index$1.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId })), index$1.h("div", { id: `${this._customContainerId}` }, index$1.h("slot", { name: "SnkConfigContainerSlot" }))), index$1.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index$1.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
+        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode }, this.renderTaskbarContent(), index.h("div", { slot: "footer" }, index.h("slot", { name: "snkSimpleCrudFooter" })))), index.h("stack-item", null, this.renderTaskbarContent(), index.h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), index.h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName })), this.messagesBuilder && index.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId })), index.h("div", { id: `${this._customContainerId}` }, index.h("slot", { name: "SnkConfigContainerSlot" }))), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
   }
-  get _element() { return index$1.getElement(this); }
+  get _element() { return index.getElement(this); }
   static get watchers() { return {
     "resourceID": ["handleResourceIDChanged"],
     "entityName": ["onChangeEntityName"],

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
-const taskbarElements = require('./taskbar-elements-9ad1f9c0.js');
-const index$1 = require('./index-1dfc7a6e.js');
+const taskbarElements = require('./taskbar-elements-7e19882d.js');
+const index$1 = require('./index-e3e39724.js');
 require('./index-102ba62d.js');
 
 const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex;flex-wrap:wrap}.no-wrap.sc-snk-taskbar-h{flex-wrap:nowrap}.full-width.sc-snk-taskbar-h{width:100%}.align-right.sc-snk-taskbar-h{justify-content:flex-end}.overflowed.sc-snk-taskbar{display:none}";

package/dist/cjs/{taskbar-elements-9ad1f9c0.js → taskbar-elements-7e19882d.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-f9e81701.js');
-const index$2 = require('./index-1dfc7a6e.js');
+const index$2 = require('./index-e3e39724.js');
 const index$1 = require('./index-102ba62d.js');
 
 exports.TaskbarElement = void 0;

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

@@ -10,17 +10,11 @@ export default class ClientSideExporterStrategy {
     const visibleColumns = getVisibleColumns(columns);
     return visibleColumns;
   }
-  async getColumns(resolveProps) {
-    var _a;
-    if ((_a = getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) === null || _a === void 0 ? void 0 : _a.includes("PDF")) {
-      return await this.getParsedColumns();
-    }
-    return await this._provider.getColumnsMetadata();
-  }
   async executeExport(resolveProps) {
+    var _a;
     const { methodName, gridTitle } = resolveProps;
-    const records = await this._provider.getRecords();
-    const columns = await this.getColumns(resolveProps);
+    const records = await this._provider.getRecords(resolveProps.type);
+    const columns = ((_a = getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) === null || _a === void 0 ? void 0 : _a.includes("PDF")) ? await this.getParsedColumns() : await this._provider.getColumnsMetadata();
     const [serviceName, processor] = this.getExecutor(methodName);
     const payload = {
       serviceName,

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

@@ -2,6 +2,7 @@ import { CommonsExporter } from "../interfaces/IExporterProvider";
 import { UserInterface } from "@sankhyalabs/core";
 import { getSelectedRecordsIDsInfo as getSelectedIDs } from '../../../lib/utils/GetSelectedRecordsIDsInfo';
 import { DataExporterOption } from "../../../lib/@types";
+import { IExportType } from "../../../lib/http/data-fetcher/fetchers/fetchDataExporter/interfaces/IFetchDataExporterParams";
 export default class ClientSideExporterProvider extends CommonsExporter {
   getSelectedNumber() {
     return this.dataUnit.getSelectionInfo().length;
@@ -18,13 +19,24 @@ export default class ClientSideExporterProvider extends CommonsExporter {
     var _a, _b, _c;
     return (_c = (_b = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.__record__id__;
   }
-  async getRecords() {
-    if (this.dataUnit.records.length === 0) {
-      return Promise.resolve([]);
+  async getRecords(exportType) {
+    if (this.dataUnit.records.length === 0)
+      return [];
+    switch (exportType) {
+      case IExportType.ALL:
+        return this.dataUnit.getSelectionInfo().getAllRecords();
+      case IExportType.SELECTION:
+        return this.resolveRecordsFromSelection();
+      case IExportType.PAGE:
+        return this.dataUnit.records;
+      default:
+        return this.resolveRecordsFromSelection();
     }
+  }
+  resolveRecordsFromSelection() {
     const selectionInfo = this.dataUnit.getSelectionInfo();
-    const records = selectionInfo.isEmpty() || selectionInfo.isAllRecords() ? await selectionInfo.getAllRecords() : selectionInfo.records;
-    return Promise.resolve(records == undefined ? [] : records);
+    const selectionRecords = selectionInfo.isEmpty() || selectionInfo.isAllRecords() ? selectionInfo.getAllRecords() : selectionInfo.records;
+    return selectionRecords.length ? selectionRecords : this.dataUnit.records;
   }
   getHiddenOptions() {
     return [

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

@@ -1,6 +1,7 @@
 import { ApplicationContext, DataType, ElementIDUtils } from '@sankhyalabs/core';
 import { h, Host } from '@stencil/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
+import { IExportType } from '../../lib/http/data-fetcher/fetchers/fetchDataExporter/interfaces/IFetchDataExporterParams';
 import { ItemBuilder } from './structure/ItemBuilder';
 import { DataExporterFormat, DataExporterOption, DataExporterType } from '../../lib/@types';
 import { REPORT_LAUNCHER_RESOURCE_ID } from '../../lib/utils/constants';
@@ -105,7 +106,9 @@ export class SnkDataExporter {
     });
   }
   getExporterStrategy() {
-    return this.provider.getRecords == undefined ? new ServerSideExporterStrategy(this.provider) : new ClientSideExporterStrategy(this.provider);
+    return this.provider.getRecords == undefined
+      ? new ServerSideExporterStrategy(this.provider)
+      : new ClientSideExporterStrategy(this.provider);
   }
   getOptionKey(option) {
     return Object.keys(DataExporterOption)
@@ -115,12 +118,12 @@ export class SnkDataExporter {
   }
   getExportType(option) {
     if (option === DataExporterOption.EXPORT_ALL_RECORDS_TO_PDF || option === DataExporterOption.EXPORT_ALL_RECORDS_TO_XLS) {
-      return 'all';
+      return IExportType.ALL;
     }
     if (option === DataExporterOption.EXPORT_PAGE_TO_PDF || option === DataExporterOption.EXPORT_PAGE_TO_XLS) {
-      return 'page';
+      return IExportType.PAGE;
     }
-    return 'selection';
+    return IExportType.SELECTION;
   }
   async dispatchExporter(option) {
     var _a, _b, _c;

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

@@ -32,4 +32,10 @@
 
 .snk-grid-container__without-shadow {
   --ezgrid__container--shadow: unset;
+}
+
+.snk-grid-container__footer {
+  background-color: var(--background--xlight, #FFF);
+  border-radius: 0 0 var(--border--radius-medium) var(--border--radius-medium);
+  box-shadow: var(--shadow--small);
 }

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

@@ -2,7 +2,7 @@ import { h, Fragment, } from '@stencil/core';
 import { Action as DUAction, ApplicationContext, ElementIDUtils, StringUtils } from '@sankhyalabs/core';
 import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
-import { PresentationMode } from '../../lib/@types';
+import { ExporterStrategy, PresentationMode } from '../../lib/@types';
 import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
 import store from "../../lib/store";
 import SnkMultiSelectionListDataSource from './filtercolumn/SnkMultiSelectionListDataSource';
@@ -12,6 +12,7 @@ import { CrudUtils } from '../../lib';
 import RmPrecisionCustomValueFormatter from '../../lib/DefaultCustomFormatters/RmPrecisionCustomValueFormatter';
 import ServerSideExporterProvider from '../snk-data-exporter/providers/ServerSideExporterProvider';
 import { ContinuousInsertUtils } from '../../lib/utils/ContinuousInsertUtils';
+import ClientSideExporterProvider from '../snk-data-exporter/providers/ClientSideExporterProvider';
 export class SnkGrid {
   constructor() {
     this._customEditors = new Map();
@@ -76,6 +77,7 @@ export class SnkGrid {
     this.autoFocus = true;
     this.enableGridInsert = false;
     this.outlineMode = false;
+    this.strategyExporter = ExporterStrategy.SERVER_SIDE;
   }
   reloadConfig() {
     this.loadConfig();
@@ -255,7 +257,9 @@ export class SnkGrid {
     evt.stopPropagation();
   }
   async dataExporterProviderStore() {
-    const dataExporterProvider = new ServerSideExporterProvider(this._dataUnit, this._grid);
+    const dataExporterProvider = this.strategyExporter === ExporterStrategy.SERVER_SIDE
+      ? new ServerSideExporterProvider(this._dataUnit, this._grid)
+      : new ClientSideExporterProvider(this._dataUnit, this._grid);
     store.set("exporterProviders", Object.assign(Object.assign({}, store.get("exporterProviders")), { [this.configName]: dataExporterProvider }));
   }
   addElementID() {
@@ -481,7 +485,7 @@ export class SnkGrid {
       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--extra-small" }, this._showSnkFilterBar &&
-      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), 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, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none' }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
+      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), 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, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none' }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }
@@ -999,6 +1003,29 @@ export class SnkGrid {
         "attribute": "outline-mode",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "strategyExporter": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "IExporterStrategyMode",
+          "resolved": "\"ClientSideExporterStrategy\" | \"ServerSideExporterStrategy\"",
+          "references": {
+            "IExporterStrategyMode": {
+              "location": "import",
+              "path": "../snk-data-exporter/interfaces/IRecordID"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Modo de exporta\u00E7\u00E3o dos dados."
+        },
+        "attribute": "strategy-exporter",
+        "reflect": false,
+        "defaultValue": "ExporterStrategy.SERVER_SIDE"
       }
     };
   }

package/dist/collection/lib/@types/index.js

@@ -35,3 +35,8 @@ export var DataExporterType;
   DataExporterType["EXPORT_PDF_TO_EMAIL"] = "PDF";
   DataExporterType["EXPORT_XLS_TO_EMAIL"] = "XLS";
 })(DataExporterType || (DataExporterType = {}));
+export var ExporterStrategy;
+(function (ExporterStrategy) {
+  ExporterStrategy["SERVER_SIDE"] = "ServerSideExporterStrategy";
+  ExporterStrategy["CLIENT_SIDE"] = "ClientSideExporterStrategy";
+})(ExporterStrategy || (ExporterStrategy = {}));

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

@@ -1 +1,6 @@
-export {};
+export var IExportType;
+(function (IExportType) {
+  IExportType["ALL"] = "all";
+  IExportType["PAGE"] = "page";
+  IExportType["SELECTION"] = "selection";
+})(IExportType || (IExportType = {}));