@sankhyalabs/sankhyablocks 8.15.0-dev.5 → 8.15.0-dev.51

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

@@ -8,6 +8,7 @@ export class SnkFilterDetail {
   constructor() {
     this.config = undefined;
     this.getMessage = undefined;
+    this.showHardFixed = true;
   }
   /**
    * Exibe o componente snk-filter-detail.
@@ -85,7 +86,9 @@ export class SnkFilterDetail {
     return Object.assign(Object.assign({}, item), { visible: false, fixed: false, value: undefined });
   }
   getPopUpHeaderButtons() {
-    return (h(Fragment, null, !this.config.removalBlocked && this.buildIcon(this.getMessage("snkFilterBar.removeFilter"), "delete", () => this.removeItem()), !this.config.hardFixed && this.buildIcon(this.getMessage(this.config.fixed ? "snkFilterBar.unpinFilter" : "snkFilterBar.pinFilter"), this.config.fixed ? "un-pin" : "push-pin", () => this.changeConfig(Object.assign(Object.assign({}, this.config), { fixed: !this.config.fixed })))));
+    return (h(Fragment, null, !this.config.removalBlocked &&
+      this.buildIcon(this.getMessage("snkFilterBar.removeFilter"), "delete", () => this.removeItem()), this.showHardFixed && !this.config.hardFixed &&
+      this.buildIcon(this.getMessage(this.config.fixed ? "snkFilterBar.unpinFilter" : "snkFilterBar.pinFilter"), this.config.fixed ? "un-pin" : "push-pin", () => this.changeConfig(Object.assign(Object.assign({}, this.config), { fixed: !this.config.fixed })))));
   }
   buildIcon(title, iconName, action) {
     return (h("button", { onClick: () => action(), class: "sc-snk-filter-bar snk-filter-item__editor-header-button", ref: elem => elem && this.buildIdButton(elem, title) }, h("ez-icon", Object.assign({ title: title, iconName: iconName }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`_${title}`)}` }))));
@@ -196,6 +199,24 @@ export class SnkFilterDetail {
           "tags": [],
           "text": "Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder."
         }
+      },
+      "showHardFixed": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Controla a visibilidade do bot\u00E3o de fixar elemento"
+        },
+        "attribute": "show-hard-fixed",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }

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

@@ -14,6 +14,7 @@ export class SnkFilterItem {
     this.detailIsVisible = undefined;
     this.config = undefined;
     this.getMessage = undefined;
+    this.showChips = true;
   }
   observeDetailIsVisible(value) {
     this.visibleChanged.emit(value);
@@ -45,19 +46,22 @@ export class SnkFilterItem {
       autoClose: true,
       innerClickTest: this.innerClickCheck,
       backClickListener: () => this.onDetailCloseCallback(),
-      left: this.getScrollOffsetLeft(),
-      top: this.getScrollOffsetTop(),
+      left: this.getOffsetLeft(),
+      top: this.getOffsetTop(),
       useOverlay: true,
       overlayClassName: 'ez-scrim ez-scrim--light',
       isFixed: true
     };
   }
-  getScrollOffsetLeft() {
+  getOffsetLeft() {
     const padding = getComputedStyle(this._filterItemElement).getPropertyValue("padding-left");
     const rect = this._filterItemElement.getBoundingClientRect();
-    return `calc(${rect.x}px + ${padding})`;
+    // Width baseado no conteudo do snk-filter-detail. Nesse momento ele retorna 0px pois ainda não foi criado em tela.
+    const filterDetailWidth = 430;
+    const adjustRightPosition = filterDetailWidth - (document.body.clientWidth - rect.left);
+    return `calc(${rect.x}px + ${padding} - ${adjustRightPosition > 0 ? adjustRightPosition : 0}px)`;
   }
-  getScrollOffsetTop() {
+  getOffsetTop() {
     const rect = this._filterItemElement.getBoundingClientRect();
     return (rect.y + rect.height) + "px";
   }
@@ -254,6 +258,9 @@ export class SnkFilterItem {
   }
   canClearFilter() {
     const { value, groupedItems = [] } = this.config;
+    if (value != undefined && this.config.type === FilterItemType.MULTI_LIST) {
+      return value.some((item) => item.check);
+    }
     return value !== undefined || groupedItems.some(item => item.visible);
   }
   getRightIconName() {
@@ -286,7 +293,7 @@ export class SnkFilterItem {
   }
   render() {
     const leftIcon = this.getLeftIconName();
-    return (h(Host, null, h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip() }, leftIcon ? h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" })), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail }))));
+    return (h(Host, null, this.showChips && (h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip() }, leftIcon && (h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" })), h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" }))), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail, showHardFixed: this.showChips }))));
   }
   static get is() { return "snk-filter-item"; }
   static get properties() {
@@ -324,6 +331,24 @@ export class SnkFilterItem {
           "tags": [],
           "text": "Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder."
         }
+      },
+      "showChips": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Usado para controlar a visibilidade dos chips de filtros"
+        },
+        "attribute": "show-chips",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }

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

@@ -17,6 +17,7 @@ export class SnkFilterModal {
     this.editPersonalizedFilter = undefined;
     this.deletePersonalizedFilter = undefined;
     this.filtersToDelete = [];
+    this.disablePersonalizedFilter = undefined;
   }
   /**
    * Emitido quando um filtro personalizado é deletado.
@@ -233,7 +234,7 @@ export class SnkFilterModal {
     const customFilters = this.filters.filter(filter => filter.filterType === FilterType.CUSTOM_FILTER);
     const quickFilters = this.filters.filter(filter => filter.filterType === FilterType.QUICK_FILTER);
     const otherFilters = this.filters.filter(filter => filter.filterType === FilterType.OTHER_FILTERS);
-    return (h("ez-modal-container", { class: "snk-filter-modal__container", modalTitle: this._modalTitle, cancelButtonLabel: this._cancelButtonLabel, okButtonLabel: this._okButtonLabel, onEzModalAction: this.modalActionListener.bind(this) }, h("div", { class: "snk-filter-modal__content ez-col--sd-12" }, this.renderCollapsibleFilterBox(this.getCustomMessage('customFilters'), customFilters, false, false), this.renderCollapsibleFilterBox(this.getCustomMessage('quickFilters'), quickFilters, false), otherFilters.map(filter => this.renderCollapsibleFilterBox(filter.label, [filter], true)))));
+    return (h("ez-modal-container", { class: "snk-filter-modal__container", modalTitle: this._modalTitle, cancelButtonLabel: this._cancelButtonLabel, okButtonLabel: this._okButtonLabel, onEzModalAction: this.modalActionListener.bind(this) }, h("div", { class: "snk-filter-modal__content ez-col--sd-12" }, !this.disablePersonalizedFilter && this.renderCollapsibleFilterBox(this.getCustomMessage('customFilters'), customFilters, false, false), this.renderCollapsibleFilterBox(this.getCustomMessage('quickFilters'), quickFilters, false), otherFilters.map(filter => this.renderCollapsibleFilterBox(filter.label, [filter], true)))));
   }
   static get is() { return "snk-filter-modal"; }
   static get originalStyleUrls() {
@@ -411,6 +412,23 @@ export class SnkFilterModal {
           "text": "Guarda filtros a serem deletados no Apply do modal"
         },
         "defaultValue": "[]"
+      },
+      "disablePersonalizedFilter": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Desabilita a apresenta\u00E7\u00E3o da op\u00E7\u00E3o de filtros personalizados na filter bar (chip de filtros) \ne no modal lateral de filtros (container de filtros personalizados)."
+        },
+        "attribute": "disable-personalized-filter",
+        "reflect": false
       }
     };
   }

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

@@ -1,6 +1,6 @@
 :host {
   display: grid;
-  grid-template-columns: minmax(100px, 100%) 1fr 1fr;
+  grid-template-columns: 1fr minmax(100px, 100%) 1fr 1fr;
 
    /*@doc Define o z-index do componente.*/
    --snk-personalized-filter--z-index: var(--elevation--20, 20);
@@ -8,6 +8,29 @@
    --snk-personalized-filter--background-color: var(--background--xlight, #fff);
 }
 
+.snk-filter-bar__title {
+  max-width: 260px;
+  display: inline-block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  font-size: 16px;
+  font-family: var(--font-pattern, Arial);
+  font-weight: var(--text-weight--large, 600);
+  color: var(--color--title-primary, #2B3A54);
+  margin-top: 8px;
+}
+
+:host([data-mode="hidden"]) {
+  width: 0px;
+  height: 0px;
+}
+
+:host([data-mode="button"]) {
+  grid-template-columns: 1fr;
+  width: fit-content;
+}
+
 .snk-filter__popover-container{
   /*private*/
   display: flex;

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

@@ -11,6 +11,7 @@ export class SnkFilterBar {
     this._updateSequence = [];
     this._loadingPending = false;
     this._configUpdated = false;
+    this._firstLoad = true;
     this._pendingVariables = false;
     this._customfiltersToBeUpdated = [];
     this._calculateSortIndex = (item) => {
@@ -27,16 +28,25 @@ export class SnkFilterBar {
       return this._calculateSortIndex(b) - this._calculateSortIndex(a);
     };
     this.dataUnit = undefined;
+    this.title = undefined;
     this.configName = undefined;
     this.resourceID = undefined;
+    this.mode = "regular";
     this.filterConfig = undefined;
     this.messagesBuilder = undefined;
+    this.disablePersonalizedFilter = undefined;
+    this.filterBarLegacyConfigName = undefined;
     this.allowDefault = undefined;
     this.scrollerLocked = false;
     this.showPersonalizedFilter = false;
     this.personalizedFilterId = undefined;
   }
   observeFilterConfig(newValue, oldValue) {
+    if (ObjectUtils.equals(newValue, oldValue))
+      return;
+    this.handleFilterConfigsChanged(oldValue, newValue);
+  }
+  handleFilterConfigsChanged(oldValue, newValue) {
     if (oldValue != undefined && newValue == undefined) {
       this._loadingPending = true;
       this._configUpdated = true;
@@ -74,7 +84,7 @@ export class SnkFilterBar {
    * Faz o recarregamento da filterbar buscando o state no servidor.
    */
   async reload() {
-    this.loadConfigFromStorage();
+    this.loadConfigFromStorage(true);
   }
   /**
    * Retorna um item de filtro pelo ID.
@@ -164,13 +174,27 @@ export class SnkFilterBar {
         return;
       }
       this._loadingPending = false;
-      this.dataUnit.loadData(undefined, undefined, true);
+      this.doLoadData(this.dataUnit.getLastLoadRequest() != undefined);
     }
     if (this._configUpdated) {
       this._configUpdated = false;
       ConfigStorage.saveFilterBarConfig(this.filterConfig, this.configName, this.resourceID);
     }
   }
+  async doLoadData(forceReload = false) {
+    try {
+      if (this._firstLoad && !forceReload) {
+        let autoLoad = await this._application.getBooleanParam("global.carregar.registros.iniciar.tela");
+        if (!autoLoad) {
+          return;
+        }
+      }
+      this.dataUnit.loadData(undefined, undefined, true);
+    }
+    finally {
+      this._firstLoad = false;
+    }
+  }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
    * através de um pequeno modulo na estrutura da aplicação:
@@ -179,6 +203,9 @@ export class SnkFilterBar {
    */
   getMessage(key, params, defaultValue) {
     var _a;
+    if (this.messagesBuilder == undefined && this._application) {
+      this.messagesBuilder = this._application.messagesBuilder;
+    }
     return ((_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params)) || defaultValue;
   }
   getFilter(_dataUnit) {
@@ -205,7 +232,7 @@ export class SnkFilterBar {
   registryFilterProvider() {
     this.dataUnit.addFilterProvider(this);
     if (this.filterConfig) {
-      this.dataUnit.loadData(undefined, undefined, true);
+      this.doLoadData();
     }
   }
   itemFocused(selectedItem) {
@@ -223,6 +250,17 @@ export class SnkFilterBar {
   filterActiveFilter(item) {
     return item.visible || item.removalBlocked;
   }
+  filterPersonalizedItems(item) {
+    return item.type === FilterItemType.PERSONALIZED;
+  }
+  getPersonalizedFilterVariableItems() {
+    return this.filterConfig
+      .filter(this.filterPersonalizedItems)
+      .map(item => {
+      const itemId = `filter-${item.id}`;
+      return (h("snk-filter-item", { key: item.id, id: itemId, config: Object.assign({}, item), onFocusin: () => this.itemFocused(itemId), onVisibleChanged: (evt) => this.scrollerLocked = evt.detail, onFilterChange: (event) => this.updateFilter(event.detail), getMessage: (key, props) => this.getMessage(key, props), showChips: false }));
+    });
+  }
   getFilterItems() {
     const pinnedItems = [];
     const unpinnedItems = [];
@@ -282,7 +320,15 @@ export class SnkFilterBar {
   loadPermitions() {
     this._application.isUserSup().then(value => this.allowDefault = value);
   }
-  loadConfigFromStorage() {
+  addFilterBarLegacyConfigName() {
+    if (this.filterBarLegacyConfigName && this.configName) {
+      ConfigStorage.addFilterBarLegacyConfig(this.configName, this.filterBarLegacyConfigName);
+    }
+  }
+  async loadConfigFromStorage(clearCache) {
+    if (clearCache) {
+      await ConfigStorage.deleteFilterBarConfigCache(this.configName, this.resourceID);
+    }
     return new Promise(accept => {
       ConfigStorage.loadFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name })
         .then((filters) => {
@@ -325,6 +371,9 @@ export class SnkFilterBar {
   filterChangeListener(evt) {
     this.updateFilter(evt.detail);
   }
+  /**
+   * Abre o modal de filtros
+  */
   async showFilterModal() {
     const callbackOnApplyFilter = (filters) => {
       this.filterConfig = filters.map(this.normalizeItem).sort((a, b) => this._filtersComparator(a, b));
@@ -337,6 +386,7 @@ export class SnkFilterBar {
       filterConfig: filtersConfigCopy,
       configName: this.configName,
       onComplete: callbackOnApplyFilter,
+      disablePersonalizedFilter: this.disablePersonalizedFilter,
       getMessage: (key, props) => this.getMessage(key, props),
       onAddPersonalizedFilter: () => this.addPersonalizedFilter(),
       onEditPersonalizedFilter: (id) => this.editPersonalizedFilter(id),
@@ -381,6 +431,7 @@ export class SnkFilterBar {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     if (this._application) {
       this.loadPermitions();
+      this.addFilterBarLegacyConfigName();
       this.loadConfigFromStorage();
     }
     this.attachDataUnit();
@@ -395,7 +446,10 @@ export class SnkFilterBar {
     if (this.showPersonalizedFilter) {
       return h("snk-personalized-filter", { class: "filter-bar__personalized-filter", filterId: this.personalizedFilterId, ref: (el) => this._elPersonalizedFilter = el, onEzCancel: () => this.handleHidePersonalizedFilter(false), onEzAfterSave: () => this.handleHidePersonalizedFilter(true), 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" }))));
+    if (this.mode !== "regular") {
+      return (h(Host, { "data-mode": this.mode }, this.getPersonalizedFilterVariableItems(), this.mode === 'button' && (h("ez-button", { class: "ez-margin-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }))));
+    }
+    return (h(Host, null, h("div", null, h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), 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" }))));
   }
   static get is() { return "snk-filter-bar"; }
   static get encapsulation() { return "scoped"; }
@@ -431,6 +485,23 @@ export class SnkFilterBar {
           "text": "Recebe o DataUnit do ambiente. Se n\u00E3o for informado, procura pela refer\u00EAncia\ndo SnkDataUnit. Necess\u00E1rio para se registrar como provedor de filtros."
         }
       },
+      "title": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "T\u00EDtulo que ser\u00E1 apresentado na barra de filtros"
+        },
+        "attribute": "title",
+        "reflect": false
+      },
       "configName": {
         "type": "string",
         "mutable": false,
@@ -465,6 +536,24 @@ export class SnkFilterBar {
         "attribute": "resource-i-d",
         "reflect": false
       },
+      "mode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"regular\" | \"button\" | \"hidden\"",
+          "resolved": "\"button\" | \"hidden\" | \"regular\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Modo de apresenta\u00E7\u00E3o da filterbar."
+        },
+        "attribute": "mode",
+        "reflect": false,
+        "defaultValue": "\"regular\""
+      },
       "filterConfig": {
         "type": "unknown",
         "mutable": true,
@@ -507,6 +596,40 @@ export class SnkFilterBar {
           "tags": [],
           "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
         }
+      },
+      "disablePersonalizedFilter": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Desabilita a apresenta\u00E7\u00E3o da op\u00E7\u00E3o de filtros personalizados na filter bar (chip de filtros)\ne no modal lateral de filtros (container de filtros personalizados)."
+        },
+        "attribute": "disable-personalized-filter",
+        "reflect": false
+      },
+      "filterBarLegacyConfigName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Chave da configura\u00E7\u00E3o legado da barra de filtros."
+        },
+        "attribute": "filter-bar-legacy-config-name",
+        "reflect": false
       }
     };
   }
@@ -668,6 +791,37 @@ export class SnkFilterBar {
               "text": "- Retorna o item de filtro removido, ou undefined caso n\u00E3o encontrado."
             }]
         }
+      },
+      "showFilterModal": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "SnkFilterItemConfig": {
+              "location": "import",
+              "path": "./filter-item/snk-filter-item"
+            },
+            "Array": {
+              "location": "global"
+            },
+            "SnkFilterModalFactoryParams": {
+              "location": "import",
+              "path": "./utils/SnkFilterModalFactory"
+            },
+            "IPersonalizedFilter": {
+              "location": "import",
+              "path": "../snk-personalized-filter/interfaces/IPersonalizedFilter"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Abre o modal de filtros",
+          "tags": []
+        }
       }
     };
   }

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

@@ -1,10 +1,11 @@
 import { ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
 class SnkFilterModalFactory {
-  constructor({ filterConfig, configName, onComplete, getMessage, onAddPersonalizedFilter, onEditPersonalizedFilter, onDeletePersonalizedFilter }) {
+  constructor({ filterConfig, configName, onComplete, getMessage, disablePersonalizedFilter, onAddPersonalizedFilter, onEditPersonalizedFilter, onDeletePersonalizedFilter }) {
     this._filterConfig = filterConfig;
     this._configName = configName;
     this._onComplete = onComplete;
     this._getMessage = getMessage;
+    this._disablePersonalizedFilter = disablePersonalizedFilter;
     this._addPersonalizedFilterFn = onAddPersonalizedFilter;
     this._editPersonalizedFilterFn = onEditPersonalizedFilter;
     this._onDeletePersonalizedFilter = onDeletePersonalizedFilter;
@@ -18,6 +19,7 @@ class SnkFilterModalFactory {
     filterModal.className = "ez-size-height--full";
     filterModal.filters = this._filterConfig;
     filterModal.configName = this._configName;
+    filterModal.disablePersonalizedFilter = this._disablePersonalizedFilter;
     filterModal.getMessage = this._getMessage.bind(this);
     filterModal.applyFilters = this.applyFilters.bind(this);
     filterModal.closeModal = () => this._closeModal();

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

@@ -1,6 +1,6 @@
 import { ElementIDUtils } from '@sankhyalabs/core';
 import { h } from '@stencil/core';
-import { SnkFormConfigManager } from './SnkFormConfigManager';
+import { SnkFormConfigManager } from '../snk-form-config/SnkFormConfigManager';
 import ResourceIDUtils from '../../lib/resourceid/ResourceIDUtils';
 export class SnkForm {
   constructor() {
@@ -11,6 +11,7 @@ export class SnkForm {
     this.configName = undefined;
     this.recordsValidator = undefined;
     this.messagesBuilder = undefined;
+    this.formLegacyConfigName = undefined;
     this.resourceID = undefined;
   }
   /**
@@ -58,8 +59,14 @@ export class SnkForm {
       this.resourceID = await ResourceIDUtils.getResourceID();
     }
     this._configManager = new SnkFormConfigManager(this.configName, this.resourceID);
+    this.addFormLegacyConfig();
     this._configManager.loadConfig();
   }
+  addFormLegacyConfig() {
+    if (this.formLegacyConfigName) {
+      this._configManager.addFormLegacyConfig(this.formLegacyConfigName);
+    }
+  }
   render() {
     if (!this._dataUnit || !this._dataState) {
       return undefined;
@@ -138,6 +145,23 @@ export class SnkForm {
           "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
         }
       },
+      "formLegacyConfigName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Chave da configura\u00E7\u00E3o legado do formul\u00E1rio."
+        },
+        "attribute": "form-legacy-config-name",
+        "reflect": false
+      },
       "resourceID": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/{snk-form → snk-form-config}/SnkFormConfigManager.js

@@ -1,4 +1,4 @@
-import { ConfigStorage } from "../../lib/configs/ConfigStorage";
+import { ConfigStorage } from '../../lib/configs/ConfigStorage';
 import { ObjectUtils, StringUtils } from "@sankhyalabs/core";
 import { FormConfigFetcher } from "../../lib/http/data-fetcher/fetchers/form-config-fetcher";
 export class SnkFormConfigManager {
@@ -7,6 +7,11 @@ export class SnkFormConfigManager {
     this._configName = configName;
     this._onConfigChange = onConfigChange;
   }
+  addFormLegacyConfig(legacyConfigName) {
+    if (this._configName) {
+      ConfigStorage.addFormLegacyConfig(this._configName, legacyConfigName);
+    }
+  }
   async loadConfig() {
     return new Promise(resolve => {
       ConfigStorage.loadFormConfig(this._configName, this._resourceID)
@@ -92,16 +97,19 @@ export class SnkFormConfigManager {
     const normalizedFilter = StringUtils.replaceAccentuatedCharsLower(descriptionFilter.toLocaleLowerCase());
     return normalizedText.includes(normalizedFilter);
   }
-  getInsertionConfig(dataUnit) {
-    const fields = this.getFieldsList(dataUnit).filter(field => {
-      if (dataUnit) {
-        const def = dataUnit.getField(field.name);
-        if (def && def.readOnly) {
-          return false;
+  getInsertionConfig(dataUnit, ignoreReadOnlyFormFields) {
+    let fields = this.getFieldsList(dataUnit);
+    if (ignoreReadOnlyFormFields) {
+      fields = fields.filter(field => {
+        if (dataUnit) {
+          const def = dataUnit.getField(field.name);
+          if (def && def.readOnly) {
+            return false;
+          }
         }
-      }
-      return !field.readOnly;
-    });
+        return !field.readOnly;
+      });
+    }
     return Object.assign(Object.assign({}, this._config), { fields });
   }
   setConfig(config) {
@@ -121,8 +129,8 @@ export class SnkFormConfigManager {
       this._onConfigChange(Object.assign({}, this._config));
     }
   }
-  getConfig(insertionMode, dataUnit) {
-    return insertionMode ? this.getInsertionConfig(dataUnit) : Object.assign({}, this._config);
+  getConfig(insertionMode, dataUnit, ignoreReadOnlyFormFields) {
+    return insertionMode ? this.getInsertionConfig(dataUnit, ignoreReadOnlyFormFields !== null && ignoreReadOnlyFormFields !== void 0 ? ignoreReadOnlyFormFields : true) : Object.assign({}, this._config);
   }
   getFormConfigFetcher() {
     if (this._formConfigFetcher == undefined) {