@sankhyalabs/sankhyablocks 8.2.0-dev.1 → 8.2.0

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

@@ -8,8 +8,10 @@ import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
 import store from "../../lib/store";
 import SnkMultiSelectionListDataSource from './filtercolumn/SnkMultiSelectionListDataSource';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
+// import { IRecordValidator } from '@sankhyalabs/ezui/dist/types/utils/form/interfaces';
 export class SnkGrid {
   constructor() {
+    this._multiSelectionListDataSource = new SnkMultiSelectionListDataSource();
     this._topTaskbarProcessor = new TaskbarProcessor({
       "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
@@ -26,9 +28,7 @@ export class SnkGrid {
     this._dataState = undefined;
     this._gridConfig = undefined;
     this._popUpGridConfig = false;
-    this.columnFilterDataSource = new SnkMultiSelectionListDataSource();
     this.configName = undefined;
-    this.resourceID = undefined;
     this.selectionToastConfig = undefined;
     this.actionsList = undefined;
     this.isDetail = undefined;
@@ -37,9 +37,6 @@ export class SnkGrid {
     this.multipleSelection = undefined;
     this.presentationMode = PresentationMode.PRIMARY;
     this.messagesBuilder = undefined;
-    this.useEnterLikeTab = false;
-    this.recordsValidator = undefined;
-    this.canEdit = true;
   }
   /**
    * Exibe a janela de configurações da grade.
@@ -87,17 +84,20 @@ export class SnkGrid {
     this._gridConfig = config;
   }
   loadConfig() {
-    ConfigStorage.loadGridConfig(this.configName, this.resourceID)
-      .then((config) => {
-      this.setGridConfig(config);
-    })
-      .catch((error) => {
-      console.warn(error);
+    ConfigStorage.get()
+      .then((instance) => {
+      instance.loadGridConfig(this.configName)
+        .then((config) => {
+        this.setGridConfig(config);
+      })
+        .catch((error) => {
+        console.warn(error);
+      });
     });
   }
   gridConfigChangeHandler(evt) {
     const config = evt.detail;
-    ConfigStorage.saveGridConfig(config, this.configName, this.resourceID);
+    ConfigStorage.saveGridConfig(config, this.configName);
     evt.stopPropagation();
   }
   modalConfigChangeHandler(evt) {
@@ -210,11 +210,10 @@ export class SnkGrid {
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
   finshLoading() {
-    var _a, _b;
     this._dataUnitLoadLockerResolver = this._dataUnit.addLoadingLocker();
     this.addElementID();
-    (_a = this.columnFilterDataSource) === null || _a === void 0 ? void 0 : _a.setApplication(this._application);
-    (_b = this.columnFilterDataSource) === null || _b === void 0 ? void 0 : _b.setDataUnit(this._dataUnit);
+    this._multiSelectionListDataSource.setApplication(this._application);
+    this._multiSelectionListDataSource.setDataUnit(this._dataUnit);
   }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
@@ -305,8 +304,8 @@ export class SnkGrid {
     if (!this._dataUnit) {
       return undefined;
     }
-    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID }), ((_b = (_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.filterConfig) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
-      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 })), 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: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, onComponentReady: () => this.onEzGridReady(), columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList, resourceID: this.resourceID })), 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), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
+    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", { ref: (ref) => this._snkFilterBar = ref, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder }), ((_b = (_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.filterConfig) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+      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() })), 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: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, onComponentReady: () => this.onEzGridReady(), columnfilterDataSource: this._multiSelectionListDataSource, selectionToastConfig: this.selectionToastConfig }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "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("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, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig() }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }
@@ -322,26 +321,6 @@ export class SnkGrid {
   }
   static get properties() {
     return {
-      "columnFilterDataSource": {
-        "type": "unknown",
-        "mutable": true,
-        "complexType": {
-          "original": "SnkMultiSelectionListDataSource",
-          "resolved": "SnkMultiSelectionListDataSource",
-          "references": {
-            "SnkMultiSelectionListDataSource": {
-              "location": "global"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "new SnkMultiSelectionListDataSource()"
-      },
       "configName": {
         "type": "string",
         "mutable": false,
@@ -359,23 +338,6 @@ export class SnkGrid {
         "attribute": "config-name",
         "reflect": false
       },
-      "resourceID": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Identificador de recursos como configura\u00E7\u00F5es e acesso."
-        },
-        "attribute": "resource-i-d",
-        "reflect": false
-      },
       "selectionToastConfig": {
         "type": "unknown",
         "mutable": false,
@@ -539,62 +501,6 @@ export class SnkGrid {
           "tags": [],
           "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
         }
-      },
-      "useEnterLikeTab": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Quando verdadeiro, o ENTER far\u00E1 a navega\u00E7\u00E3o como se fosse a tecla TAB na grade."
-        },
-        "attribute": "use-enter-like-tab",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "recordsValidator": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "IRecordValidator",
-          "resolved": "IRecordValidator",
-          "references": {
-            "IRecordValidator": {
-              "location": "import",
-              "path": "@sankhyalabs/ezui/dist/types/utils/form/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Validador respons\u00E1vel por checar a integridade das informa\u00E7\u00F5es do registro."
-        }
-      },
-      "canEdit": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Define se a edi\u00E7\u00E3o est\u00E1 habilitada na grid."
-        },
-        "attribute": "can-edit",
-        "reflect": false,
-        "defaultValue": "true"
       }
     };
   }

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

@@ -17,7 +17,6 @@ export class SnkGridConfig {
     this.columns = undefined;
     this.config = undefined;
     this.configName = undefined;
-    this.resourceID = undefined;
   }
   /* Creation Methods */
   /**
@@ -241,7 +240,7 @@ export class SnkGridConfig {
       }
     }
     _newConfig.columns = _newColumnConfigList;
-    ConfigStorage.saveGridConfig(_newConfig, this.configName, this.resourceID)
+    ConfigStorage.saveGridConfig(_newConfig, this.configName)
       .then((savedConfig) => {
       this.configChange.emit(savedConfig);
       this._orderList.clearHistory();
@@ -572,23 +571,6 @@ export class SnkGridConfig {
         },
         "attribute": "config-name",
         "reflect": false
-      },
-      "resourceID": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Nome usado para salvar/recuperar a configura\u00E7\u00E3o."
-        },
-        "attribute": "resource-i-d",
-        "reflect": false
       }
     };
   }

package/dist/collection/components/snk-personalized-filter/snk-personalized-filter.js

@@ -30,7 +30,6 @@ export class SnkPersonalizedFilter {
     this.entityUri = undefined;
     this.filterId = undefined;
     this.configName = undefined;
-    this.resourceID = undefined;
   }
   /*
    * Cria um novo filtro se não houver nenhum filtro existente
@@ -67,15 +66,17 @@ export class SnkPersonalizedFilter {
     this._filterAssistent = ObjectUtils.copy(newPersonalizedFilter);
   }
   loadFilter(newValue, oldValue) {
-    if (newValue == null || oldValue == newValue || this.resourceID == undefined) {
+    if (newValue == null || oldValue == newValue) {
       return;
     }
-    ConfigStorage.loadPersonalizedFilter(newValue, this.resourceID, this.configName)
-      .then((resp) => {
-      const personalizedFilter = this.addLabelToItems(resp);
-      this._filterAssistent = personalizedFilter;
-      this._originalFilterAssistent = ObjectUtils.copy(personalizedFilter);
-      this._filterAssistentMode = this._filterAssistent.hasOwnProperty("assistent") && this._filterAssistent.assistent != undefined;
+    ConfigStorage.get().then((_instance) => {
+      ConfigStorage.loadPersonalizedFilter(newValue, this.configName)
+        .then((resp) => {
+        const personalizedFilter = this.addLabelToItems(resp);
+        this._filterAssistent = personalizedFilter;
+        this._originalFilterAssistent = ObjectUtils.copy(personalizedFilter);
+        this._filterAssistentMode = this._filterAssistent.hasOwnProperty("assistent") && this._filterAssistent.assistent != undefined;
+      });
     });
   }
   componentWillLoad() {
@@ -100,7 +101,7 @@ export class SnkPersonalizedFilter {
     return this._application.messagesBuilder.getMessage(key, params);
   }
   saveFilter() {
-    ConfigStorage.savePersonalizedFilter(this._filterAssistent, this.resourceID, this.configName).then((personalizedFilter) => {
+    ConfigStorage.savePersonalizedFilter(this._filterAssistent, this.configName).then((personalizedFilter) => {
       this._elButtonSave.enabled = false;
       const messageToken = !!this._filterAssistent.id ? 'confirmEdit' : 'confirmSave';
       ApplicationUtils.info(this.getMessage(`snkPersonalizedFilter.${messageToken}.title`), { iconName: "check" });
@@ -111,7 +112,7 @@ export class SnkPersonalizedFilter {
     });
   }
   removeFilter() {
-    ConfigStorage.removePersonalizedFilter(this._filterAssistent, this.resourceID, this.configName);
+    ConfigStorage.removePersonalizedFilter(this._filterAssistent, this.configName);
   }
   hasChangesToSave() {
     return JSON.stringify(this._filterAssistent) === JSON.stringify(this._originalFilterAssistent);
@@ -360,27 +361,10 @@ export class SnkPersonalizedFilter {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Nome da configura\u00E7\u00E3o. Serve para distinguir v\u00E1rias inst\u00E2ncias do componente."
+          "text": "Nome da config para buscar no resourceId"
         },
         "attribute": "config-name",
         "reflect": false
-      },
-      "resourceID": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Nome da configura\u00E7\u00E3o. Serve para distinguir v\u00E1rias inst\u00E2ncias do componente."
-        },
-        "attribute": "resource-i-d",
-        "reflect": false
       }
     };
   }

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

@@ -11,6 +11,11 @@ export class SnkSimpleCrud {
     this.REGULAR_DEFAULT_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER"];
     this.REGULAR_SELECTED_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "DIVIDER"];
     this._multiSelectionListDataSource = new SnkMultiSelectionListDataSource();
+    // /**
+    //  * Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade.
+    //  */
+    // @Prop()
+    // useEnterLikeTab: boolean = false;
     this._taskbarProcessor = new TaskbarProcessor({
       "snkSimpleCrudTaskbar.form_regular": this.resolveInMemoryBtns(this.REGULAR_DEFAULT_BTNS).concat(TaskbarElement.GRID_MODE),
       "snkSimpleCrudTaskbar.grid_regular": this.resolveInMemoryBtns(this.REGULAR_DEFAULT_BTNS).concat(TaskbarElement.FORM_MODE),
@@ -29,7 +34,6 @@ export class SnkSimpleCrud {
     this.useCancelConfirm = true;
     this.taskbarManager = undefined;
     this.messagesBuilder = undefined;
-    this.useEnterLikeTab = false;
   }
   resolveInMemoryBtns(taskbarButtons) {
     const newTaskBarConfig = [...taskbarButtons];
@@ -174,9 +178,11 @@ export class SnkSimpleCrud {
   }
   render() {
     var _a;
-    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-flex ez-box ez-box--shadow" }, h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium ez-margin-bottom--large", 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, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }), h("ez-view-stack", { class: "ez-flex ez-flex--column", ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), columnfilterDataSource: 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), 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-flex ez-box ez-box--shadow" }, h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium ez-margin-bottom--large", 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, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }), h("ez-view-stack", { class: "ez-flex ez-flex--column", ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), columnfilterDataSource: 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", { dataUnit: this.dataUnit, config: this.formConfig }))))));
+        : this._multiSelectionListDataSource }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { dataUnit: this.dataUnit, config: this.formConfig }))))));
   }
   static get is() { return "snk-simple-crud"; }
   static get encapsulation() { return "scoped"; }
@@ -369,24 +375,6 @@ export class SnkSimpleCrud {
           "tags": [],
           "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
         }
-      },
-      "useEnterLikeTab": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Quando verdadeiro, o ENTER far\u00E1 a navega\u00E7\u00E3o como se fosse a tecla TAB na grade."
-        },
-        "attribute": "use-enter-like-tab",
-        "reflect": false,
-        "defaultValue": "false"
       }
     };
   }
@@ -452,28 +440,6 @@ export class SnkSimpleCrud {
           "resolved": "string",
           "references": {}
         }
-      }, {
-        "method": "formItemsReady",
-        "name": "formItemsReady",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Respons\u00E1vel por notificar quando ocorrer a renderiza\u00E7\u00E3o de itens do formul\u00E1rio."
-        },
-        "complexType": {
-          "original": "Array<HTMLElement>",
-          "resolved": "HTMLElement[]",
-          "references": {
-            "Array": {
-              "location": "global"
-            },
-            "HTMLElement": {
-              "location": "global"
-            }
-          }
-        }
       }];
   }
   static get methods() {

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

@@ -23,7 +23,6 @@ export class SnkTaskbar {
     };
     this._permissions = undefined;
     this.configName = undefined;
-    this.resourceID = undefined;
     this.buttons = undefined;
     this.customButtons = undefined;
     this.actionsList = undefined;
@@ -165,7 +164,7 @@ export class SnkTaskbar {
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     if (this._application) {
-      this._application.getAllAccess(this.resourceID).then(access => this._permissions = access);
+      this._application.getAllAccess().then(access => this._permissions = access);
     }
     else {
       this._permissions = {};
@@ -233,23 +232,6 @@ export class SnkTaskbar {
         "attribute": "config-name",
         "reflect": false
       },
-      "resourceID": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Identificador de recursos como configura\u00E7\u00F5es e acesso."
-        },
-        "attribute": "resource-i-d",
-        "reflect": false
-      },
       "buttons": {
         "type": "string",
         "mutable": false,

package/dist/collection/lib/configs/ConfigStorage.js

@@ -1,3 +1,4 @@
+import { ApplicationContext } from "@sankhyalabs/core";
 import { FormConfigFetcher } from "../http/data-fetcher/fetchers/form-config-fetcher";
 import GridConfigFetcher from "../http/data-fetcher/fetchers/grid-config-fetcher";
 import FilterBarConfigFetcher from "../http/data-fetcher/fetchers/filter-bar-config-fetcher";
@@ -8,73 +9,83 @@ const CONFIG_SOURCE = {
   filterBar: "filterBar"
 };
 export class ConfigStorage {
-  static preload(resourceID, configName) {
-    ConfigStorage.loadFormConfig(configName, resourceID);
-    ConfigStorage.loadGridConfig(configName, resourceID);
+  static async get() {
+    if (!ConfigStorage.instance) {
+      const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      if (application != undefined) {
+        const configName = application.configName;
+        const resourceID = await application.getResourceID();
+        ConfigStorage.instance = new ConfigStorage();
+        ConfigStorage.resourceID = resourceID;
+        ConfigStorage.instance.loadFormConfig(configName);
+        ConfigStorage.instance.loadGridConfig(configName);
+      }
+    }
+    return this.instance;
   }
-  static async loadFilterBarConfig(name, resourceID, urlParams) {
-    const cacheID = ConfigStorage.buildCacheID(name, CONFIG_SOURCE.filterBar, resourceID);
+  async loadFilterBarConfig(name, urlParams) {
+    const cacheID = ConfigStorage.buildCacheID(name, CONFIG_SOURCE.filterBar);
     if (!ConfigStorage.configById.has(cacheID)) {
-      ConfigStorage.configById.set(cacheID, ConfigStorage.filterBarConfigFetcher.getConfig(resourceID, name, urlParams));
+      ConfigStorage.configById.set(cacheID, ConfigStorage.filterBarConfigFetcher.getConfig(ConfigStorage.resourceID, name, urlParams));
     }
     return ConfigStorage.configById.get(cacheID);
   }
-  static async loadFormConfig(name, resourceID) {
-    const cacheID = ConfigStorage.buildCacheID(name, CONFIG_SOURCE.form, resourceID);
+  async loadFormConfig(name) {
+    const cacheID = ConfigStorage.buildCacheID(name, CONFIG_SOURCE.form);
     if (!ConfigStorage.configById.has(cacheID)) {
-      ConfigStorage.configById.set(cacheID, ConfigStorage.formConfigFetcher.loadFormConfig(name, resourceID));
+      ConfigStorage.configById.set(cacheID, ConfigStorage.formConfigFetcher.loadFormConfig(name, ConfigStorage.resourceID));
     }
     return ConfigStorage.configById.get(cacheID);
   }
-  static async loadGridConfig(name, resourceID) {
-    const cacheID = ConfigStorage.buildCacheID(name, CONFIG_SOURCE.grid, resourceID);
+  async loadGridConfig(name) {
+    const cacheID = ConfigStorage.buildCacheID(name, CONFIG_SOURCE.grid);
     if (!ConfigStorage.configById.has(cacheID)) {
-      ConfigStorage.configById.set(cacheID, ConfigStorage.gridConfigFetcher.getConfig(name, resourceID));
+      ConfigStorage.configById.set(cacheID, ConfigStorage.gridConfigFetcher.getConfig(name, ConfigStorage.resourceID));
     }
     return ConfigStorage.configById.get(cacheID);
   }
-  static async saveFilterBarConfig(config, name, resourceID) {
-    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.filterBar, resourceID);
+  static async saveFilterBarConfig(config, name) {
+    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.filterBar);
     this.configById.delete(cacheID);
-    return this.filterBarConfigFetcher.saveConfig(config, resourceID, name);
+    return this.filterBarConfigFetcher.saveConfig(config, this.resourceID, name);
   }
-  static async saveFormConfig(config, name, resourceID) {
-    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.form, resourceID);
+  static async saveFormConfig(config, name) {
+    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.form);
     this.configById.delete(cacheID);
-    return this.formConfigFetcher.saveConfig(config, name, resourceID);
+    return this.formConfigFetcher.saveConfig(config, name, this.resourceID);
   }
-  static async saveCardState(config, name, resourceID) {
-    return this.formConfigFetcher.saveCardState(config, name, resourceID);
+  static async saveCardState(config, name) {
+    return this.formConfigFetcher.saveCardState(config, name, this.resourceID);
   }
-  static async saveGridConfig(config, name, resourceID) {
+  static async saveGridConfig(config, name) {
     if (config == undefined) {
       return;
     }
-    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.grid, resourceID);
+    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.grid);
     this.configById.delete(cacheID);
-    return this.gridConfigFetcher.saveConfig(config, name, resourceID);
+    return this.gridConfigFetcher.saveConfig(config, name, this.resourceID);
   }
-  static async loadPersonalizedFilter(filterId, resourceID, configName) {
-    return this.personalizedFilterFetcher.loadPersonalizedFilter(resourceID, filterId, configName);
+  static async loadPersonalizedFilter(filterId, configName) {
+    return this.personalizedFilterFetcher.loadPersonalizedFilter(this.resourceID, filterId, configName);
   }
-  static async savePersonalizedFilter(personalizedFilter, resourceID, configName) {
+  static async savePersonalizedFilter(personalizedFilter, configName) {
     //Ao criar ou alterar um filtro personalizado, 
     //precisamos remover o cache do status da filterbar.
-    const cacheID = this.buildCacheID(configName, CONFIG_SOURCE.filterBar, resourceID);
+    const cacheID = this.buildCacheID(configName, CONFIG_SOURCE.filterBar);
     this.configById.delete(cacheID);
-    return this.personalizedFilterFetcher.savePersonalizedFilter(personalizedFilter, resourceID, configName);
+    return this.personalizedFilterFetcher.savePersonalizedFilter(personalizedFilter, this.resourceID, configName);
   }
-  static async removePersonalizedFilter(personalizedFilter, resourceID, configName) {
-    return this.personalizedFilterFetcher.removePersonalizedFilter(personalizedFilter, resourceID, configName);
+  static async removePersonalizedFilter(personalizedFilter, configName) {
+    return this.personalizedFilterFetcher.removePersonalizedFilter(personalizedFilter, this.resourceID, configName);
   }
   static async validatePersonalizedFilter(dataUnitName, expression) {
     return this.personalizedFilterFetcher.validatePersonalizedFilter(dataUnitName, expression);
   }
-  static buildCacheID(name, source, resourceID) {
+  static buildCacheID(name, source) {
     if (name == undefined) {
-      return `req_${source}_${resourceID}`;
+      return `req_${source}_${this.resourceID}`;
     }
-    return `req_${source}_${name}_${resourceID}`;
+    return `req_${source}_${name}_${this.resourceID}`;
   }
 }
 ConfigStorage.configById = new Map();

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

@@ -1,11 +1,12 @@
-import { ChangeOperation, DataUnit, defaultDataLoader, StringUtils, } from '@sankhyalabs/core';
+import { ChangeOperation, DataType, DataUnit, SortMode, StringUtils, } from '@sankhyalabs/core';
+import { DISTINCT_FILTER_NAME_PREFIX } from "@sankhyalabs/ezui/dist/collection/utils/constants";
 export default class InMemoryLoader {
   constructor(metadata, records) {
     this.records = records || [];
     this.metadata = metadata;
     this._dataUnit = new DataUnit(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME);
     this._dataUnit.metadataLoader = () => this.metadaLoader();
-    this._dataUnit.dataLoader = (dataUnit, request) => defaultDataLoader(dataUnit, request, this._records);
+    this._dataUnit.dataLoader = (dataUnit, request) => this.dataLoader(dataUnit, request);
     this._dataUnit.saveLoader = (_dataUnit, changes) => this.saveLoader(_dataUnit, changes);
     this._dataUnit.removeLoader = (_dataUnit, recordIds) => this.removeLoader(_dataUnit, recordIds);
     this.dataUnit.loadMetadata().then(() => this.dataUnit.loadData());
@@ -42,6 +43,62 @@ export default class InMemoryLoader {
   metadaLoader() {
     return Promise.resolve(this._metadata);
   }
+  dataLoader(dataUnit, request) {
+    const filters = this.getColumnFilters(dataUnit);
+    let records = this.applyFilters(filters);
+    if (request.sort) {
+      request.sort.forEach(sort => {
+        records = records.sort((recordA, recordB) => {
+          const fieldA = recordA[sort.field];
+          const fieldB = recordB[sort.field];
+          const sortFn = this.getSortFn(sort.dataType);
+          return sortFn(fieldA, fieldB) * (sort.mode == SortMode.ASC ? 1 : -1);
+        });
+      });
+    }
+    return Promise.resolve({ records: records });
+  }
+  applyFilters(filters) {
+    let records = [...this._records];
+    filters.forEach(filter => {
+      records = records.filter(record => { var _a; return filter.values.includes((_a = record[filter.column]) === null || _a === void 0 ? void 0 : _a.toString()); });
+    });
+    return records;
+  }
+  getColumnFilters(dataUnit) {
+    var _a, _b;
+    const allFilters = (_a = dataUnit.getFilters()) !== null && _a !== void 0 ? _a : [];
+    const columnFilters = (_b = allFilters.filter(filter => { var _a; return (_a = filter.name) === null || _a === void 0 ? void 0 : _a.includes(DISTINCT_FILTER_NAME_PREFIX); })) !== null && _b !== void 0 ? _b : [];
+    return columnFilters.map(filter => {
+      var _a, _b;
+      return {
+        column: (_b = (_a = filter.name) === null || _a === void 0 ? void 0 : _a.replace(DISTINCT_FILTER_NAME_PREFIX, "")) !== null && _b !== void 0 ? _b : "",
+        values: filter.params.map(param => param.value),
+      };
+    });
+  }
+  getSortFn(type) {
+    switch (type) {
+      case DataType.NUMBER:
+        return this.sortNumber;
+      case DataType.DATE:
+        return this.sortDate;
+      case DataType.OBJECT:
+        return this.sortObject;
+      default:
+        return StringUtils.compare;
+    }
+  }
+  sortObject(a, b) {
+    return StringUtils.compare(a === null || a === void 0 ? void 0 : a["label"], b === null || b === void 0 ? void 0 : b["label"]);
+  }
+  sortNumber(a, b) {
+    return a - b;
+  }
+  sortDate(a, b) {
+    let timeA = a.getTime(), timeB = b.getTime();
+    return timeA === timeB ? 0 : (timeA < timeB ? -1 : 1);
+  }
   saveLoader(_dataUnit, changes) {
     return new Promise((resolve) => {
       let dataUnitRecords = [];