@sankhyalabs/sankhyablocks 8.1.0-dev.1 → 8.1.0-dev.11

package/dist/collection/components/snk-filter-bar/filter-modal/subcomponents/snk-filter-modal-item.js

@@ -1,5 +1,5 @@
 import { h, Host } from '@stencil/core';
-import { ApplicationContext, ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
+import { ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
 import FilterItemType from '../../filter-item/filter-item-type.enum';
 import { EPresentationMode } from '../../filter-item/editors/enum/presentationMode';
 import { ConfigStorage } from '../../../../lib/configs/ConfigStorage';
@@ -8,14 +8,13 @@ export class SnkFilterModalItem {
   constructor() {
     this.filterItem = undefined;
     this.configName = undefined;
+    this.resourceID = undefined;
   }
   observeFilterItem(newValue) {
     var _a, _b;
     this._editor && (this._editor["config"] = newValue);
     (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a['reloadList']) === null || _b === void 0 ? void 0 : _b.call(_a);
     this.filterChange.emit(newValue);
-    //isso faz o filtro salvar o estado precocemente. Caso: Botão limpar filtro dispara dezenas de vezes
-    //this.saveConfig();
   }
   getContentEditorConfig() {
     const props = { presentationMode: EPresentationMode.MODAL };
@@ -57,11 +56,10 @@ export class SnkFilterModalItem {
     else {
       this.filterItem = Object.assign(Object.assign({}, this.filterItem), { value: this.filterItem.type === FilterItemType.SEARCH ? data : newValue, visible: this.isVisible(newValue) });
     }
-    this.saveConfig();
   }
   handleDeleteFilter(filter, filterItemType) {
     if (filterItemType === FilterItemType.PERSONALIZED) {
-      ConfigStorage.removePersonalizedFilter(filter, this.configName);
+      ConfigStorage.removePersonalizedFilter(filter, this.resourceID, this.configName);
     }
   }
   componentDidLoad() {
@@ -69,7 +67,6 @@ export class SnkFilterModalItem {
       ElementIDUtils.addIDInfo(this._element);
       const dataElementIdDoFilterItem = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
       this._idContentEditor = `${dataElementIdDoFilterItem}_${this.filterItem.id}`;
-      this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     }
   }
   buildRightSlot(item) {
@@ -86,15 +83,6 @@ export class SnkFilterModalItem {
     const { CUSTOM_FILTER, OTHER_FILTERS } = FilterType;
     return ![CUSTOM_FILTER, OTHER_FILTERS].includes(this.filterItem.filterType) && this.filterItem.type !== FilterItemType.BINARY_SELECT;
   }
-  saveConfig() {
-    //Precisa ser rediscutido... não podemos salvar configuração por conta própria. Não temos autonomia pra isso.
-    /*if(FilterItemType.MULTI_LIST !== this.filterItem.type) return;
-
-    this._application?.getResourceID().then(resourceId => {
-      const fetcher = new FilterBarConfigFetcher();
-      fetcher.saveEntityListConfig(this.filterItem, resourceId, this._application.configName);
-    });*/
-  }
   render() {
     const { tag: ContentEditor, props } = this.getContentEditorConfig();
     return (h(Host, null, h("div", { class: "ez-flex ez-flex--column grow" }, this.canShowDetailModal() && (h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, h("div", { class: "ez-title ez-title--small ez-title--primary grow" }, this.filterItem.detailModal))), h(ContentEditor, Object.assign({ ref: ref => this._editor = ref, config: this.filterItem, value: this.filterItem.value, onValueChanged: (event) => this.updateFilterValue(event.detail), "data-element-id": this._idContentEditor }, props)))));
@@ -144,10 +132,27 @@ export class SnkFilterModalItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Nome da config para buscar no resourceId"
+          "text": "Nome da configura\u00E7\u00E3o. Serve para distinguir v\u00E1rias inst\u00E2ncias do componente."
         },
         "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
       }
     };
   }

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

@@ -28,6 +28,7 @@ export class SnkFilterBar {
     };
     this.dataUnit = undefined;
     this.configName = undefined;
+    this.resourceID = undefined;
     this.filterConfig = undefined;
     this.messagesBuilder = undefined;
     this.allowDefault = undefined;
@@ -103,11 +104,11 @@ export class SnkFilterBar {
         return;
       }
       this._loadingPending = false;
-      this.dataUnit.loadData();
+      this.dataUnit.loadData(undefined, undefined, true);
     }
     if (this._configUpdated) {
       this._configUpdated = false;
-      ConfigStorage.saveFilterBarConfig(this.filterConfig, this.configName);
+      ConfigStorage.saveFilterBarConfig(this.filterConfig, this.configName, this.resourceID);
     }
   }
   /**
@@ -223,15 +224,13 @@ export class SnkFilterBar {
   }
   loadConfigFromStorage() {
     return new Promise(accept => {
-      ConfigStorage.get().then(instance => {
-        instance.loadFilterBarConfig(this.configName, { contextURI: this.dataUnit.name })
-          .then((filters) => {
-          accept();
-          this.filterConfig = filters.map(item => this.normalizeItem(item));
-        })
-          .catch(reason => {
-          throw new ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), reason);
-        });
+      ConfigStorage.loadFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name })
+        .then((filters) => {
+        accept();
+        this.filterConfig = filters.map(item => this.normalizeItem(item));
+      })
+        .catch(reason => {
+        throw new ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), reason);
       });
     });
   }
@@ -316,7 +315,7 @@ export class SnkFilterBar {
       return undefined;
     }
     if (this.showPersonalizedFilter) {
-      return h("snk-personalized-filter", { class: "filter-bar__personalized-filter", filterId: this.personalizedFilterId, ref: (el) => this._elPersonalizedFilter = el, onEzCancel: () => this.hidePersonalizedFilter(), entityUri: this.dataUnit.name, configName: this.configName });
+      return h("snk-personalized-filter", { class: "filter-bar__personalized-filter", filterId: this.personalizedFilterId, ref: (el) => this._elPersonalizedFilter = el, onEzCancel: () => this.hidePersonalizedFilter(), entityUri: this.dataUnit.name, configName: this.configName, resourceID: this.resourceID });
     }
     return (h(Host, null, h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), h("ez-button", { class: "ez-padding-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" }))));
   }
@@ -371,6 +370,23 @@ export class SnkFilterBar {
         "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
+      },
       "filterConfig": {
         "type": "unknown",
         "mutable": true,

package/dist/collection/components/snk-form/SnkFormConfigManager.js

@@ -2,29 +2,27 @@ import { ConfigStorage } from "../../lib/configs/ConfigStorage";
 import { ObjectUtils } from "@sankhyalabs/core";
 import { FormConfigFetcher } from "../../lib/http/data-fetcher/fetchers/form-config-fetcher";
 export class SnkFormConfigManager {
-  constructor(configName, onConfigChange) {
+  constructor(configName, resourceID, onConfigChange) {
+    this._resourceID = resourceID;
     this._configName = configName;
     this._onConfigChange = onConfigChange;
   }
   async loadConfig() {
     return new Promise(resolve => {
-      ConfigStorage.get()
-        .then((configStorage) => {
-        configStorage.loadFormConfig(this._configName)
-          .then((config) => {
-          this.setConfig(config);
-          resolve(config);
-        })
-          .catch((error) => {
-          console.warn(error);
-        });
+      ConfigStorage.loadFormConfig(this._configName, this._resourceID)
+        .then((config) => {
+        this.setConfig(config);
+        resolve(config);
+      })
+        .catch((error) => {
+        console.warn(error);
       });
     });
   }
   saveConfig(config) {
     const configToSave = ObjectUtils.copy(config);
     return new Promise(accept => {
-      ConfigStorage.saveFormConfig(config, this._configName)
+      ConfigStorage.saveFormConfig(config, this._configName, this._resourceID)
         .then((response) => {
         this.setConfig(Object.assign(Object.assign({}, configToSave), response));
         accept(Object.assign(Object.assign({}, configToSave), response));
@@ -39,7 +37,7 @@ export class SnkFormConfigManager {
       cardsState.set(cardId, propertyChanged === "fixed" ?
         this.updateFixSequence(Object.assign(Object.assign({}, currentConfig), { fixed: cardConfig.fixed }), cardsState)
         : Object.assign(Object.assign({}, currentConfig), { [propertyChanged]: cardConfig[propertyChanged] }));
-      ConfigStorage.saveCardState(cardsState, this._configName)
+      ConfigStorage.saveCardState(cardsState, this._configName, this._resourceID)
         .then(savedCardConfig => {
         this._config = Object.assign(Object.assign({}, this._config), { cardsState });
         resolve(savedCardConfig);
@@ -115,17 +113,17 @@ export class SnkFormConfigManager {
     }
     return this._formConfigFetcher;
   }
-  async fetchUserAvailableConfigs(resourceID) {
+  async fetchUserAvailableConfigs() {
     if (this._configName != undefined) {
       //FIXME: Precisamos preparar o backend para retornar as configurações disponíveis para details;
       return Promise.resolve(undefined);
     }
-    return this.getFormConfigFetcher().fetchUserAvailableConfigs(this._configName, resourceID);
+    return this.getFormConfigFetcher().fetchUserAvailableConfigs(this._configName, this._resourceID);
   }
-  async fetchLegacyConfig(resourceID) {
-    return this.getFormConfigFetcher().fetchLegacyConfig(this._configName, resourceID);
+  async fetchLegacyConfig() {
+    return this.getFormConfigFetcher().fetchLegacyConfig(this._configName, this._resourceID);
   }
-  async fetchDefaultConfig(resourceID) {
-    return this.getFormConfigFetcher().fetchDefaultConfig(this._configName, resourceID);
+  async fetchDefaultConfig() {
+    return this.getFormConfigFetcher().fetchDefaultConfig(this._configName, this._resourceID);
   }
 }

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

@@ -1,6 +1,7 @@
 import { ElementIDUtils } from '@sankhyalabs/core';
 import { h } from '@stencil/core';
 import { SnkFormConfigManager } from './SnkFormConfigManager';
+import ResourceIDUtils from '../../lib/resourceid/ResourceIDUtils';
 export class SnkForm {
   constructor() {
     this._dataUnit = undefined;
@@ -10,6 +11,7 @@ export class SnkForm {
     this.configName = undefined;
     this.recordsValidator = undefined;
     this.messagesBuilder = undefined;
+    this.resourceID = undefined;
   }
   /**
    * Exibe a janela de configurações do formulário.
@@ -30,7 +32,7 @@ export class SnkForm {
     const dataInfo = { dataUnit: this._dataUnit };
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
-  componentWillLoad() {
+  async componentWillLoad() {
     let parent = this._element.parentElement;
     while (parent) {
       if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
@@ -52,7 +54,10 @@ export class SnkForm {
       }
       parent = parent.parentElement;
     }
-    this._configManager = new SnkFormConfigManager(this.configName);
+    if (this.resourceID == undefined) {
+      this.resourceID = await ResourceIDUtils.getResourceID();
+    }
+    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID);
     this._configManager.loadConfig();
   }
   render() {
@@ -132,6 +137,23 @@ export class SnkForm {
           "tags": [],
           "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
         }
+      },
+      "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
       }
     };
   }
@@ -174,6 +196,28 @@ export class SnkForm {
           "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-form/subcomponents/snk-form-config/snk-form-config.js

@@ -1,6 +1,6 @@
 import { h, Host } from "@stencil/core";
 import { Sortable } from '@shopify/draggable';
-import { ApplicationContext, ObjectUtils, ArrayUtils, ElementIDUtils } from '@sankhyalabs/core';
+import { ObjectUtils, ArrayUtils, ElementIDUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from "@sankhyalabs/ezui/dist/collection/utils";
 import { ACTION_CONFIG, CONFIG_EVENTS, DEFAULT_TYPE, TAB_NAMES } from "../../../../lib/utils/constants";
 import { UserConfigType } from "../../../../lib/http/data-fetcher/fetchers/form-config-fetcher";
@@ -446,13 +446,10 @@ export class SnkFormConfig {
     this._sortableGroup.on(CONFIG_EVENTS.dragStop, (evt) => this.controlStopDraggingGroup(evt));
   }
   loadUserConfig() {
-    if (this._applicationResourceID == undefined) {
-      return;
-    }
     if (this.configManager == undefined) {
       return;
     }
-    this.configManager.fetchUserAvailableConfigs(this._applicationResourceID)
+    this.configManager.fetchUserAvailableConfigs()
       .then((userConfig) => {
       this._formConfigOptions = userConfig;
       if (this._formConfigOptions == undefined) {
@@ -506,9 +503,6 @@ export class SnkFormConfig {
     }
   }
   async loadConfigByUser() {
-    if (this._applicationResourceID == undefined) {
-      return;
-    }
     if (this.configManager == undefined) {
       return;
     }
@@ -518,10 +512,10 @@ export class SnkFormConfig {
     let config;
     switch (this._optionFormConfigSelected.origin) {
       case UserConfigType.DEFAULT:
-        config = await this.configManager.fetchDefaultConfig(this._applicationResourceID);
+        config = await this.configManager.fetchDefaultConfig();
         break;
       case UserConfigType.DEFAULT:
-        config = await this.configManager.fetchDefaultConfig(this._applicationResourceID);
+        config = await this.configManager.fetchDefaultConfig();
         break;
     }
     if (config != undefined) {
@@ -937,11 +931,7 @@ export class SnkFormConfig {
     this.controlSortableGroup();
   }
   componentWillLoad() {
-    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    this._application.getResourceID().then(resourceID => {
-      this._applicationResourceID = resourceID;
-      this.loadConfig();
-    });
+    this.loadConfig();
   }
   componentDidLoad() {
     const dataInfo = { dataUnit: this.dataUnit };

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

@@ -10,7 +10,6 @@ import SnkMultiSelectionListDataSource from './filtercolumn/SnkMultiSelectionLis
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 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"],
@@ -27,7 +26,9 @@ 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;
@@ -86,20 +87,17 @@ export class SnkGrid {
     this._gridConfig = config;
   }
   loadConfig() {
-    ConfigStorage.get()
-      .then((instance) => {
-      instance.loadGridConfig(this.configName)
-        .then((config) => {
-        this.setGridConfig(config);
-      })
-        .catch((error) => {
-        console.warn(error);
-      });
+    ConfigStorage.loadGridConfig(this.configName, this.resourceID)
+      .then((config) => {
+      this.setGridConfig(config);
+    })
+      .catch((error) => {
+      console.warn(error);
     });
   }
   gridConfigChangeHandler(evt) {
     const config = evt.detail;
-    ConfigStorage.saveGridConfig(config, this.configName);
+    ConfigStorage.saveGridConfig(config, this.configName, this.resourceID);
     evt.stopPropagation();
   }
   modalConfigChangeHandler(evt) {
@@ -212,10 +210,11 @@ export class SnkGrid {
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
   finshLoading() {
+    var _a, _b;
     this._dataUnitLoadLockerResolver = this._dataUnit.addLoadingLocker();
     this.addElementID();
-    this._multiSelectionListDataSource.setApplication(this._application);
-    this._multiSelectionListDataSource.setDataUnit(this._dataUnit);
+    (_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);
   }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
@@ -306,8 +305,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 }), ((_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, 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 })), 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() }))));
+    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 }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }
@@ -323,6 +322,26 @@ 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,
@@ -340,6 +359,23 @@ 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,

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

@@ -17,6 +17,7 @@ export class SnkGridConfig {
     this.columns = undefined;
     this.config = undefined;
     this.configName = undefined;
+    this.resourceID = undefined;
   }
   /* Creation Methods */
   /**
@@ -240,7 +241,7 @@ export class SnkGridConfig {
       }
     }
     _newConfig.columns = _newColumnConfigList;
-    ConfigStorage.saveGridConfig(_newConfig, this.configName)
+    ConfigStorage.saveGridConfig(_newConfig, this.configName, this.resourceID)
       .then((savedConfig) => {
       this.configChange.emit(savedConfig);
       this._orderList.clearHistory();
@@ -571,6 +572,23 @@ 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,6 +30,7 @@ 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
@@ -66,17 +67,15 @@ export class SnkPersonalizedFilter {
     this._filterAssistent = ObjectUtils.copy(newPersonalizedFilter);
   }
   loadFilter(newValue, oldValue) {
-    if (newValue == null || oldValue == newValue) {
+    if (newValue == null || oldValue == newValue || this.resourceID == undefined) {
       return;
     }
-    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;
-      });
+    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;
     });
   }
   componentWillLoad() {
@@ -101,7 +100,7 @@ export class SnkPersonalizedFilter {
     return this._application.messagesBuilder.getMessage(key, params);
   }
   saveFilter() {
-    ConfigStorage.savePersonalizedFilter(this._filterAssistent, this.configName).then((personalizedFilter) => {
+    ConfigStorage.savePersonalizedFilter(this._filterAssistent, this.resourceID, this.configName).then((personalizedFilter) => {
       this._elButtonSave.enabled = false;
       const messageToken = !!this._filterAssistent.id ? 'confirmEdit' : 'confirmSave';
       ApplicationUtils.info(this.getMessage(`snkPersonalizedFilter.${messageToken}.title`), { iconName: "check" });
@@ -112,7 +111,7 @@ export class SnkPersonalizedFilter {
     });
   }
   removeFilter() {
-    ConfigStorage.removePersonalizedFilter(this._filterAssistent, this.configName);
+    ConfigStorage.removePersonalizedFilter(this._filterAssistent, this.resourceID, this.configName);
   }
   hasChangesToSave() {
     return JSON.stringify(this._filterAssistent) === JSON.stringify(this._originalFilterAssistent);
@@ -361,10 +360,27 @@ export class SnkPersonalizedFilter {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Nome da config para buscar no resourceId"
+          "text": "Nome da configura\u00E7\u00E3o. Serve para distinguir v\u00E1rias inst\u00E2ncias do componente."
         },
         "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

@@ -452,6 +452,28 @@ 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() {