@sankhyalabs/sankhyablocks 8.15.0-dev.52 → 8.15.0-dev.54

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

@@ -1,7 +1,8 @@
 import { Host, h } from '@stencil/core';
-import { Action, ApplicationContext, DataUnitAction, ObjectUtils, DataType, JSUtils } from '@sankhyalabs/core';
+import { Action, ApplicationContext, DataUnitAction, ObjectUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { OperationMap, SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
+import { getSelectedIDs } from '../snk-data-exporter/utils/RecordIDUtils';
 export class SnkDataUnit {
   constructor() {
     this._onDataUnitResolve = [];
@@ -117,43 +118,7 @@ export class SnkDataUnit {
    * @returns Retorna a lista de IDs dos registros selecionados.
    */
   async getSelectedRecordsIDsInfo() {
-    var _a;
-    const selectionInfo = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getSelectionInfo();
-    if (selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.isAllRecords()) {
-      return [];
-    }
-    const selectedRecordsIDsInfo = [];
-    const selectedRecords = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.records;
-    if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) > 0) {
-      selectedRecords.forEach(({ __record__id__ }) => {
-        if (!this.dataUnit.isNewRecord(__record__id__)) {
-          /*
-            Esse if foi necessário para tratar corretamente o ID
-            do record quando está sendo utilizado no modo standAlone
-            isso não faz a exportação da grid funcionar no modo standAlone
-            mas deixa de causar erro nas oprações de CRUD.
-          */
-          if (!JSUtils.isBase64(__record__id__)) {
-            selectedRecordsIDsInfo.push({
-              name: "__record__id__",
-              type: DataType.TEXT,
-              value: __record__id__
-            });
-            return;
-          }
-          const revertBase64ToObject = JSON.parse(window.atob(__record__id__));
-          Object.entries(revertBase64ToObject).forEach(([name, value]) => {
-            var _a;
-            const metadataField = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(name);
-            if (metadataField == undefined) {
-              return;
-            }
-            selectedRecordsIDsInfo.push(Object.assign({ name, type: metadataField.dataType }, value));
-          });
-        }
-      });
-    }
-    return selectedRecordsIDsInfo;
+    return Promise.resolve(getSelectedIDs(this.dataUnit));
   }
   getCleanOnCopyFields() {
     var _a;
@@ -774,10 +739,6 @@ export class SnkDataUnit {
             },
             "Array": {
               "location": "global"
-            },
-            "Record": {
-              "location": "import",
-              "path": "@sankhyalabs/core"
             }
           },
           "return": "Promise<IRecordID[]>"

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

@@ -1,6 +1,5 @@
 import { h, Fragment } from '@stencil/core';
-import { ApplicationContext, DataType, ElementIDUtils, StringUtils } from '@sankhyalabs/core';
-import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import { 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';
@@ -10,6 +9,7 @@ import SnkMultiSelectionListDataSource from './filtercolumn/SnkMultiSelectionLis
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { buildFieldSearch, openFieldSearch } from '../snk-taskbar/subcomponents/field-search';
 import { CrudUtils } from '../../lib';
+import ServerSideExporterProvider from '../snk-data-exporter/providers/ServerSideExporterProvider';
 export class SnkGrid {
   constructor() {
     this._topTaskbarProcessor = new TaskbarProcessor({
@@ -155,99 +155,8 @@ export class SnkGrid {
     });
     evt.stopPropagation();
   }
-  buildColumnsMetadata(gridColumns) {
-    const columnsMetadata = [];
-    gridColumns === null || gridColumns === void 0 ? void 0 : gridColumns.forEach((column) => {
-      var _a, _b;
-      /**
-       * TODO: Analisar e criar uma melhor forma de tratar essa validação do "RECDESP".
-       */
-      if (column.hidden && column.name !== "RECDESP") {
-        return;
-      }
-      const fieldData = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getField(column.name);
-      const columnData = {
-        label: column.label,
-        id: column.name,
-        width: column.width,
-        type: fieldData === null || fieldData === void 0 ? void 0 : fieldData.dataType,
-        userInterface: fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface
-      };
-      columnsMetadata.push(columnData);
-      if (((_b = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD) != undefined) {
-        const mergedFrom = fieldData.properties.mergedFrom;
-        const descriptionField = `${fieldData.properties.ENTITYNAME}.${fieldData.properties.DESCRIPTIONFIELD}`;
-        const descriptionColumn = {
-          label: fieldData.properties.DESCRIPTIONENTITY,
-          id: `${mergedFrom ? (mergedFrom + ".") : ""}${descriptionField}`,
-          width: 200,
-          type: DataType.TEXT,
-          userInterface: UserInterface.LONGTEXT
-        };
-        columnsMetadata.push(descriptionColumn);
-      }
-    });
-    return columnsMetadata || [];
-  }
-  getPaginationInfo() {
-    var _a;
-    return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getPaginationInfo();
-  }
-  getExporterOffset(paginationInfo) {
-    if (paginationInfo == undefined) {
-      return;
-    }
-    const offset = paginationInfo.firstRecord;
-    if (offset > 0) {
-      return (offset - 1);
-    }
-    return offset;
-  }
   async dataExporterProviderStore() {
-    var _a;
-    const selectedIDs = await ((_a = this._snkDataUnit) === null || _a === void 0 ? void 0 : _a.getSelectedRecordsIDsInfo());
-    const dataExporterProvider = {
-      getFilters: () => {
-        var _a;
-        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getAppliedFilters();
-      },
-      getColumnsMetadata: async () => {
-        var _a;
-        const columnsState = await ((_a = this._grid) === null || _a === void 0 ? void 0 : _a.getColumnsState());
-        return this.buildColumnsMetadata(columnsState);
-      },
-      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.selectionInfo) === null || _b === void 0 ? void 0 : _b.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 selectedIDs || [];
-      },
-      getOffset: () => {
-        return this.getExporterOffset(this.getPaginationInfo());
-      },
-      getLimit: () => {
-        var _a;
-        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.pageSize;
-      },
-      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__;
-      }
-    };
+    const dataExporterProvider = new ServerSideExporterProvider(this._dataUnit, this._grid);
     store.set("exporterProviders", Object.assign(Object.assign({}, store.get("exporterProviders")), { [this.configName]: dataExporterProvider }));
   }
   addElementID() {

package/dist/collection/components/snk-simple-crud/snk-simple-crud.js

@@ -11,16 +11,18 @@ import { buildFieldSearch, openFieldSearch } from '../snk-taskbar/subcomponents/
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
 import { SnkFormConfigManager } from '../snk-form-config/SnkFormConfigManager';
 import { REGULAR_DEFAULT_BTNS, REGULAR_SELECTED_BTNS } from './regular-buttons';
+import ClientSideExporterProvider from '../snk-data-exporter/providers/ClientSideExporterProvider';
+import store from "../../lib/store";
 export class SnkSimpleCrud {
   constructor() {
     this._multiSelectionListDataSource = new SnkMultiSelectionListDataSource();
     this._keyDownHandler = (event) => this.keyDownListener(event);
     this._formConfigFetcher = new FormConfigFetcher();
     this._taskbarProcessor = new TaskbarProcessor({
-      "snkSimpleCrudTaskbar.form_regular": this.getButtons(false, TaskbarElement.GRID_MODE),
-      "snkSimpleCrudTaskbar.grid_regular": this.getButtons(false, TaskbarElement.FORM_MODE),
-      "snkSimpleCrudTaskbar.form_selected": this.getButtons(true, TaskbarElement.GRID_MODE),
-      "snkSimpleCrudTaskbar.grid_selected": this.getButtons(true, TaskbarElement.FORM_MODE),
+      "snkSimpleCrudTaskbar.form_regular": this.getButtons(false, [TaskbarElement.GRID_MODE]),
+      "snkSimpleCrudTaskbar.grid_regular": this.getButtons(false, [TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]),
+      "snkSimpleCrudTaskbar.form_selected": this.getButtons(true, [TaskbarElement.GRID_MODE]),
+      "snkSimpleCrudTaskbar.grid_selected": this.getButtons(true, [TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]),
       "snkSimpleCrudTaskbar.finish_edition": ["CANCEL", "SAVE"]
     });
     this._showPopUpGridConfig = false;
@@ -31,12 +33,14 @@ export class SnkSimpleCrud {
     this._customContainerId = `SNK-SIMPLE-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
     this.dataState = undefined;
     this.dataUnit = undefined;
+    this.entityName = undefined;
     this.mode = SIMPLE_CRUD_MODE.SERVER;
     this.gridConfig = undefined;
     this.formConfig = undefined;
     this._formFields = [];
     this.multipleSelection = undefined;
     this.useCancelConfirm = true;
+    this.pageSize = 150;
     this.resourceID = undefined;
     this.taskbarManager = undefined;
     this.messagesBuilder = undefined;
@@ -58,9 +62,9 @@ export class SnkSimpleCrud {
     this.loadFormConfig(true);
     this.loadGridConfig(true);
   }
-  getButtons(selected, changeModeBtn) {
+  getButtons(selected, extraButtons) {
     return this.addConfigButton(this.resolveInMemoryBtns(selected ? REGULAR_SELECTED_BTNS : REGULAR_DEFAULT_BTNS)
-      .concat(changeModeBtn));
+      .concat(extraButtons));
   }
   addConfigButton(buttons) {
     if (this.configName === undefined) {
@@ -100,6 +104,12 @@ export class SnkSimpleCrud {
     }
     evt.stopPropagation();
   }
+  async onChangeEntityName(newValue) {
+    if (this.dataUnit)
+      return;
+    const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.dataUnit = await application.getDataUnit(newValue, null, null, this.configName);
+  }
   onModeChange() {
     if (this.mode == SIMPLE_CRUD_MODE.IN_MEMORY) {
       this.initInMemoryDataUnit();
@@ -212,6 +222,7 @@ export class SnkSimpleCrud {
   }
   async componentWillRender() {
     this._resourceID = await this.application.getResourceID();
+    this.dataExporterProviderStore();
     this._taskbarProcessor.process(this.getTaskBarId(), this.taskbarManager, this.dataState, this.getTaskBarDisabledButtons());
     if (this.configName === undefined) {
       return;
@@ -236,13 +247,13 @@ export class SnkSimpleCrud {
     this._multiSelectionListDataSource.setDataUnit(this.dataUnit);
   }
   getTaskBarId() {
-    var _a, _b, _c;
+    var _a, _b;
     if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) {
       return "snkSimpleCrudTaskbar.finish_edition";
     }
     if (((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo) &&
       !this.dataState.selectionInfo.isAllRecords() &&
-      ((_c = this.dataState.selectionInfo.records) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+      this.dataState.selectionInfo.length > 0) {
       return this._currentViewMode === VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_selected" : "snkSimpleCrudTaskbar.form_selected";
     }
     return this._currentViewMode === VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_regular" : "snkSimpleCrudTaskbar.form_regular";
@@ -482,9 +493,23 @@ export class SnkSimpleCrud {
       .then(() => {
       this.setGridConfig(config);
       this.closeGridConfig();
+      this.dataExporterProviderStore();
     });
     evt.stopPropagation();
   }
+  async dataExporterProviderStore() {
+    if (this.dataUnit == undefined) {
+      return;
+    }
+    if (this._grid == undefined) {
+      return;
+    }
+    const dataExporterProvider = new ClientSideExporterProvider(this.dataUnit, this._grid);
+    store.set("exporterProviders", Object.assign(Object.assign({}, store.get("exporterProviders")), { [this.getDataExporterStoreKey()]: dataExporterProvider }));
+  }
+  getDataExporterStoreKey() {
+    return `SnkSimpleCrudDataExporter:${this.configName == undefined ? this.dataUnit.name : this.configName}`;
+  }
   setGridConfig(config) {
     this.gridConfig = config;
     CrudUtils.assertDefaultSorting(this.gridConfig, this.dataUnit);
@@ -500,6 +525,15 @@ export class SnkSimpleCrud {
   closeFormConfig() {
     this._showFormConfig = false;
   }
+  getPageSize() {
+    if (this.mode === SIMPLE_CRUD_MODE.IN_MEMORY) {
+      return 0;
+    }
+    if (this.pageSize == undefined) {
+      return 150;
+    }
+    return this.pageSize;
+  }
   //No momento não daremos suporte para configuração de formulário quando houver formLegacyConfigName
   handleShowFormConfig() {
     return this._showFormConfig && !this.formLegacyConfigName;
@@ -507,15 +541,23 @@ export class SnkSimpleCrud {
   resolveResourceID() {
     return StringUtils.isEmpty(this.resourceID) ? this._resourceID : this.resourceID;
   }
+  getFormConfig() {
+    var _a, _b;
+    const configFromManager = (_a = this._formConfigManager) === null || _a === void 0 ? void 0 : _a.getConfig((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.insertionMode, this.dataUnit, this.ignoreReadOnlyFormFields);
+    if (!this.configName && !configFromManager) {
+      return this.formConfig;
+    }
+    return configFromManager;
+  }
   /* istanbul ignore next */
   render() {
-    var _a, _b, _c;
+    var _a;
     if (this.dataUnit == undefined) {
       return;
     }
-    return (h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium", 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, slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }, h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })), h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, 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(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
+    return (h("snk-data-unit", { 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.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium", 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: PresentationMode.SECONDARY }, h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })), h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, 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(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
         ? undefined
-        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { class: `ez-margin-top--large ${this.handleShowFormConfig() ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: (_b = this._formConfigManager) === null || _b === void 0 ? void 0 : _b.getConfig((_c = this.dataState) === null || _c === void 0 ? void 0 : _c.insertionMode, this.dataUnit, this.ignoreReadOnlyFormFields), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this.handleShowFormConfig() && h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, configManager: this._formConfigManager, onConfigClose: () => this.closeFormConfig() })), this.messagesBuilder && 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 })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, 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.resolveResourceID() }))));
+        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { class: `ez-margin-top--large ${this.handleShowFormConfig() ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this.handleShowFormConfig() && h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, configManager: this._formConfigManager, onConfigClose: () => this.closeFormConfig() })), this.messagesBuilder && 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 })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, 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.resolveResourceID() }))));
   }
   static get is() { return "snk-simple-crud"; }
   static get encapsulation() { return "scoped"; }
@@ -571,6 +613,23 @@ export class SnkSimpleCrud {
           "text": ""
         }
       },
+      "entityName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o nome da entidade que o componente vai utilizar para fazer as opera\u00E7\u00F5es de CRUD"
+        },
+        "attribute": "entity-name",
+        "reflect": false
+      },
       "mode": {
         "type": "number",
         "mutable": false,
@@ -669,6 +728,24 @@ export class SnkSimpleCrud {
         "reflect": false,
         "defaultValue": "true"
       },
+      "pageSize": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Determina quantas linhas s\u00E3o retornadas por p\u00E1gina."
+        },
+        "attribute": "page-size",
+        "reflect": false,
+        "defaultValue": "150"
+      },
       "resourceID": {
         "type": "string",
         "mutable": false,
@@ -1128,6 +1205,9 @@ export class SnkSimpleCrud {
     return [{
         "propName": "resourceID",
         "methodName": "handleResourceIDChanged"
+      }, {
+        "propName": "entityName",
+        "methodName": "onChangeEntityName"
       }, {
         "propName": "mode",
         "methodName": "onModeChange"

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

@@ -47,7 +47,7 @@ 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, configName, presentationMode) => {
+export const buildElem = (element, className, dataElementId, getTitle, action, isEnabled, actions, dataExporterStoreKey, presentationMode) => {
   var _a;
   const title = getTitle(element);
   switch (element) {
@@ -90,7 +90,7 @@ export const buildElem = (element, className, dataElementId, getTitle, action, i
     case TaskbarElement.DIVIDER:
       return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin--none ez-margin-left--medium", "data-taskbar-divider": true });
     case TaskbarElement.DATA_EXPORTER:
-      const provider = (_a = store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[configName];
+      const provider = (_a = store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[dataExporterStoreKey];
       return h("snk-data-exporter", { class: className, provider: provider, "data-element-id": dataElementId, "data-taskbar-element": element });
     case TaskbarElement.ATTACH:
       return iconButton("anexo", element, className, dataElementId, title, action, isEnabled);

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

@@ -156,8 +156,9 @@ export class SnkTaskbar {
       className += "ez-padding-left--medium";
     }
     const taskbarElement = TaskbarElement[def.toString()];
+    const dataExporterStoreKey = this._element.dataset.exporterStoreKey || this.configName;
     if (taskbarElement) {
-      return buildElem(def, className, this.getIdElemBtnNative(def), elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.buildDynamicActionsList(), this.configName, this.presentationMode);
+      return buildElem(def, className, this.getIdElemBtnNative(def), elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.buildDynamicActionsList(), dataExporterStoreKey, this.presentationMode);
     }
     else {
       return buildCustomButton(def, className, this.getIdElemBtnCustom(def), elem => this.elementClick(elem), elem => this.isEnabled(elem));

package/dist/collection/lib/dataUnit/InMemoryLoader.js

@@ -61,7 +61,7 @@ export default class InMemoryLoader {
     this._initialRecords = newRecords;
     if (this._dataUnit) {
       //Isso força o refresh internamente no datunit
-      this._dataUnit.gotoPage(0);
+      this._dataUnit.loadData();
     }
   }
   get metadata() {

package/dist/collection/lib/http/data-fetcher/fetchers/data-unit/DataUnitDataLoader.js

@@ -21,6 +21,9 @@ export default class DataUnitDataLoader {
       });
     });
   }
+  static getCachedRecords(dataUnit) {
+    return PreloadManager.getCachedRecords(dataUnit);
+  }
   static async loadFromServer(dataUnit, request, loadingInfo) {
     try {
       //Registramos a request com as informações de carga para determinarmos a última.

package/dist/collection/lib/http/data-fetcher/fetchers/data-unit/cache/ArrayRepository.js

@@ -1,3 +1,4 @@
+import { ObjectUtils } from "@sankhyalabs/core";
 export class ArrayRepository {
   constructor(equalsFunction) {
     this._list = [];
@@ -77,4 +78,7 @@ export class ArrayRepository {
   async count() {
     return Promise.resolve(this._list.length);
   }
+  getFromCache() {
+    return ObjectUtils.copy(this._list);
+  }
 }

package/dist/collection/lib/http/data-fetcher/fetchers/data-unit/cache/PreloadManager.js

@@ -67,7 +67,11 @@ export default class PreloadManager {
   static async loadData(dataUnit, request, loadFromServer) {
     try {
       if (PreloadManager.isCacheEnabled(dataUnit)) {
-        let useCache = request.source === "EZ_GRID_LOADING_SOURCE" || request.source === DataUnit.CHANGING_PAGE_LOADING_SOURCE;
+        const useCache = [
+          "EZ_GRID_LOADING_SOURCE",
+          DataUnit.CHANGING_PAGE_LOADING_SOURCE,
+          DataUnit.ALL_RECORDS_SELECTION_SOURCE
+        ].includes(request.source);
         if (useCache) {
           const isCacheEmpty = await PreloadManager.getRepository(dataUnit).isEmpty();
           if (!isCacheEmpty) {
@@ -134,6 +138,9 @@ export default class PreloadManager {
         .catch(reason => reject(reason));
     });
   }
+  static getCachedRecords(dataUnit) {
+    return PreloadManager.getRepository(dataUnit).getFromCache();
+  }
 }
 PreloadManager._repositories = new Map();
 PreloadManager._loadingStatus = new Map();

package/dist/collection/lib/http/data-fetcher/fetchers/data-unit/dataunit-fetcher.js

@@ -111,6 +111,7 @@ export default class DataUnitFetcher {
     dataUnit.saveLoader = (_dataUnit, changes) => this.saveData(dataUnit, changes);
     dataUnit.removeLoader = (dataUnit, recordIds) => this.removeRecords(dataUnit, recordIds);
     dataUnit.recordLoader = (dataUnit, recordIds) => this.loadRecord(dataUnit, recordIds);
+    dataUnit.allRecordsLoader = (dataUnit) => DataUnitDataLoader.getCachedRecords(dataUnit);
     return dataUnit;
   }
   loadMetadata(dataUnit) {

package/dist/components/ConfigStorage.js

@@ -1,7 +1,6 @@
-import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher.js';
+import { R as ResourceFetcher, d as dist, D as DataFetcher, F as FormConfigFetcher } from './form-config-fetcher.js';
 import { F as FilterItemType } from './filter-item-type.enum.js';
 import { ObjectUtils } from '@sankhyalabs/core';
-import { d as dist, D as DataFetcher } from './DataFetcher.js';
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
   var t = {};

package/dist/components/{field-search.js → IExporterProvider.js}

@@ -1,12 +1,10 @@
-import { D as DataFetcher } from './DataFetcher.js';
+import { D as DataFetcher } from './form-config-fetcher.js';
 import { a as PreloadManager } from './dataunit-fetcher.js';
-import { SortMode, ApplicationContext, UserInterface, DateUtils } from '@sankhyalabs/core';
-import './index2.js';
-import './snk-actions-button2.js';
+import { SortMode, ApplicationContext, UserInterface, DateUtils, DataType } from '@sankhyalabs/core';
+import './ISave.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
-import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import { UserInterface as UserInterface$1 } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './filter-item-type.enum.js';
-import './form-config-fetcher.js';
 import InMemoryFilterColumnDataSource from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
 import { h } from '@stencil/core/internal/client';
 
@@ -208,4 +206,51 @@ const openFieldSearch = async (moreOptions, field) => {
   await moreOptions.showActions();
 };
 
-export { CrudUtils as C, SnkMultiSelectionListDataSource as S, TaskbarProcessor as T, buildFieldSearch as b, openFieldSearch as o };
+class CommonsExporter {
+  constructor(dataUnit, grid) {
+    this.dataUnit = dataUnit;
+    this.grid = grid;
+  }
+  async getColumnsMetadata() {
+    var _a;
+    const columnsState = await ((_a = this.grid) === null || _a === void 0 ? void 0 : _a.getColumnsState());
+    return this.buildColumnsMetadata(columnsState);
+  }
+  buildColumnsMetadata(gridColumns) {
+    const columnsMetadata = [];
+    gridColumns === null || gridColumns === void 0 ? void 0 : gridColumns.forEach((column) => {
+      var _a, _b;
+      /**
+       * TODO: Analisar e criar uma melhor forma de tratar essa validação do "RECDESP".
+       */
+      if (column.hidden && column.name !== "RECDESP") {
+        return;
+      }
+      const fieldData = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(column.name);
+      const columnData = {
+        label: column.label,
+        id: column.name,
+        width: (fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface) === UserInterface$1.SEARCH ? 30 : column.width,
+        type: fieldData === null || fieldData === void 0 ? void 0 : fieldData.dataType,
+        userInterface: fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface
+      };
+      columnsMetadata.push(columnData);
+      if (((_b = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD) != undefined) {
+        const mergedFrom = fieldData.properties.mergedFrom;
+        const descriptionField = `${fieldData.properties.ENTITYNAME}.${fieldData.properties.DESCRIPTIONFIELD}`;
+        const descriptionColumn = {
+          label: fieldData.properties.DESCRIPTIONENTITY,
+          id: `${mergedFrom ? (mergedFrom + ".") : ""}${descriptionField}`,
+          width: 200,
+          type: DataType.TEXT,
+          userInterface: UserInterface$1.LONGTEXT,
+          descriptionFrom: fieldData.name
+        };
+        columnsMetadata.push(descriptionColumn);
+      }
+    });
+    return columnsMetadata || [];
+  }
+}
+
+export { CommonsExporter as C, SnkMultiSelectionListDataSource as S, TaskbarProcessor as T, CrudUtils as a, buildFieldSearch as b, openFieldSearch as o };

package/dist/components/ISave.js

@@ -0,0 +1,42 @@
+var PresentationMode;
+(function (PresentationMode) {
+  PresentationMode["PRIMARY"] = "primary";
+  PresentationMode["SECONDARY"] = "secondary";
+  PresentationMode["SINGLE_TASKBAR"] = "singleTaskbar";
+})(PresentationMode || (PresentationMode = {}));
+var DataExporterOption;
+(function (DataExporterOption) {
+  DataExporterOption["EXPORT_TO_PDF"] = "exportToPDF";
+  DataExporterOption["EXPORT_TO_XLS"] = "exportToXLS";
+  DataExporterOption["EXPORT_CURRENT_PAGE"] = "exportCurrentPage";
+  DataExporterOption["EXPORT_PAGE_TO_PDF"] = "exportPageToPDF";
+  DataExporterOption["EXPORT_PAGE_TO_XLS"] = "exportPageToXLS";
+  DataExporterOption["EXPORT_BY_EMAIL"] = "exportToEmail";
+  DataExporterOption["EXPORT_PDF_TO_EMAIL"] = "exportPDFToEmail";
+  DataExporterOption["EXPORT_XLS_TO_EMAIL"] = "exportXLSToEmail";
+})(DataExporterOption || (DataExporterOption = {}));
+var DataExporterFormat;
+(function (DataExporterFormat) {
+  DataExporterFormat["PDF"] = "exportPDFToEmail";
+  DataExporterFormat["XLS"] = "exportXLSToEmail";
+  DataExporterFormat["XLSX"] = "exportXLSToEmail";
+})(DataExporterFormat || (DataExporterFormat = {}));
+var DataExporterType;
+(function (DataExporterType) {
+  DataExporterType["EXPORT_TO_PDF"] = "PDF";
+  DataExporterType["EXPORT_TO_XLS"] = "XLS";
+  DataExporterType["EXPORT_PAGE_TO_PDF"] = "PDF";
+  DataExporterType["EXPORT_PAGE_TO_XLS"] = "XLS";
+  DataExporterType["EXPORT_PDF_TO_EMAIL"] = "PDF";
+  DataExporterType["EXPORT_XLS_TO_EMAIL"] = "XLS";
+})(DataExporterType || (DataExporterType = {}));
+
+var SaveErrorsEnum;
+(function (SaveErrorsEnum) {
+  SaveErrorsEnum["LINK_AND_FILE_AT_THE_SAME_TIME"] = "LINK_AND_FILE_AT_THE_SAME_TIME";
+  SaveErrorsEnum["ANY_LINK_OR_FILE_FILLED"] = "ANY_LINK_OR_FILE_FILLED";
+  SaveErrorsEnum["UNKNOWN"] = "UNKNOWN";
+  SaveErrorsEnum["DESCRIPTION_CANNOT_BE_CHANGED"] = "DESCRIPTION_CANNOT_BE_CHANGED";
+})(SaveErrorsEnum || (SaveErrorsEnum = {}));
+
+export { DataExporterOption as D, PresentationMode as P, SaveErrorsEnum as S, DataExporterFormat as a, DataExporterType as b };