@sankhyalabs/sankhyablocks 5.6.0 → 5.7.0

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

@@ -1,15 +1,10 @@
-import { h, Host } from '@stencil/core';
-import { ApplicationContext, ElementIDUtils, ErrorException, ObjectUtils, StringUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ElementIDUtils, ErrorException, ObjectUtils } from '@sankhyalabs/core';
 import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
-import FilterItemType from './filter-item/filter-item-type.enum';
-import { ModalAction } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
-import buildFilter from './filter-item/dataunitfilter/data-unit-filter-builder';
+import { h, Host } from '@stencil/core';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
-const PERSONALIZED_FILTER = "PERSONALIZED_FILTER";
-const DEFAULT_FILTER = "DEFAULT_FILTER";
-const CLEAR_ALL_FILTERS = "CLEAR_ALL_FILTERS";
-const ADD_FILTER = "ADD_FILTER";
-const APPLIED_FILTERS = "APPLIED_FILTERS";
+import buildFilter from './filter-item/dataunitfilter/data-unit-filter-builder';
+import FilterItemType from './filter-item/filter-item-type.enum';
+import SnkFilterModalFactory from './utils/SnkFilterModalFactory';
 export class SnkFilterBar {
   constructor() {
     this._updateSequence = [];
@@ -96,9 +91,9 @@ export class SnkFilterBar {
    * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-filter-bar.msg.ts"
    */
-  getMessage(key, params) {
+  getMessage(key, params, defaultValue) {
     var _a;
-    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
+    return ((_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params)) || defaultValue;
   }
   getFilter(_dataUnit) {
     var _a;
@@ -187,110 +182,6 @@ export class SnkFilterBar {
       return item;
     }).sort((a, b) => this._filtersComparator(a, b));
   }
-  getAddListItems() {
-    const hiddenItems = this.filterConfig
-      .filter(item => !item.visible && this.isListable(item));
-    const footerItems = [{ name: PERSONALIZED_FILTER, label: this.getMessage("snkFilterBar.customFilter"), iconName: "tune", kind: "FOOTER" }];
-    if (this.allowDefault) {
-      footerItems.push({ name: DEFAULT_FILTER, label: this.getMessage("snkFilterBar.defaultFilter"), iconName: "configuration", kind: "FOOTER" });
-    }
-    return hiddenItems.map(filter => { return { name: filter.id, label: filter.label, kind: "FILTER", iconName: null }; })
-      .concat(footerItems);
-  }
-  getActiveClass() {
-    const filterApplied = this.filterConfig.filter(item => item.value != undefined).length > 0;
-    return filterApplied ? "sc-snk-filter-bar snk-filter-bar__filter-list-items-button--active" : "";
-  }
-  isListable(item, allowPersonalized = false) {
-    return item.type !== FilterItemType.DEFAULT_FILTER && (allowPersonalized || item.type !== FilterItemType.PERSONALIZED);
-  }
-  getAppliedListItems() {
-    const appliedItems = this.filterConfig
-      .filter(item => this.isActiveFilter(item) && this.isListable(item, true));
-    return appliedItems.map(filter => {
-      return { name: filter.id, label: filter.label, kind: "FILTER", iconName: null };
-    }).concat([
-      { name: CLEAR_ALL_FILTERS, label: this.getMessage("snkFilterBar.clearAllFilters"), iconName: "cleaning", kind: "FOOTER" }
-    ]);
-  }
-  addPersonalizedFilters(personalizedItems) {
-    const activeFilters = {};
-    personalizedItems.forEach(item => {
-      if (item.active) {
-        activeFilters[item.id] = true;
-      }
-    });
-    this.filterConfig = this.filterConfig.map(item => {
-      var _a, _b;
-      if (item.type === FilterItemType.PERSONALIZED) {
-        const visible = activeFilters[item.id];
-        if (!item.visible && visible) {
-          this.calculateUpdateSequence(item);
-          if (((_b = (_a = item.props) === null || _a === void 0 ? void 0 : _a.personalizedFilter) === null || _b === void 0 ? void 0 : _b.parameters) != undefined) {
-            this._pendingFilters.push(item.id);
-          }
-        }
-        return this.normalizeItem(visible ? Object.assign(Object.assign({}, item), { visible }) : Object.assign(Object.assign({}, item), { visible, value: undefined, fixed: undefined }));
-      }
-      return item;
-    }).sort((a, b) => this._filtersComparator(a, b));
-  }
-  openDefaultFilterModal() {
-    const filterModal = document.createElement("snk-filter-modal");
-    const defaultFilter = this.filterConfig.filter(item => item.type === FilterItemType.DEFAULT_FILTER);
-    filterModal.getMessage = (key, props) => this.getMessage(key, props);
-    filterModal.modalTitle = this.getMessage("snkFilterBar.modalDefaultFilterTitle");
-    filterModal.infoText = this.getMessage(defaultFilter.length == 0 ? "snkFilterBar.modalInfoTextCreateDefault" : "snkFilterBar.modalInfoTextEditDefault");
-    filterModal.items = defaultFilter.map(item => {
-      return { id: item.id, active: true, enabled: false, label: item.label };
-    });
-    filterModal.processModalAction = (_action) => {
-      this._application.closeModal();
-    };
-    this._application.showModal(filterModal);
-  }
-  openPersonalizedModal() {
-    const filterModal = document.createElement("snk-filter-modal");
-    const personalizedFilter = this.filterConfig
-      .filter(item => item.type === FilterItemType.PERSONALIZED)
-      .sort((itemA, itemB) => StringUtils.compare(itemA.label, itemB.label));
-    filterModal.getMessage = (key, props) => this.getMessage(key, props);
-    filterModal.modalTitle = this.getMessage("snkFilterBar.modalPersonalizedFilterTitle");
-    filterModal.modalSubTitle = this.getMessage("snkFilterBar.modalPersonalizedFilterSubTitle");
-    filterModal.okButtonLabel = this.getMessage("snkFilterBar.modalOkButtonLabel");
-    filterModal.cancelButtonLabel = this.getMessage("snkFilterBar.modalCancelButtonLabel");
-    filterModal.infoText = this.getMessage("snkFilterBar.modalInfoTextCreateEditPersonalized");
-    filterModal.useSearch = true;
-    filterModal.items = personalizedFilter.map(item => {
-      return { id: item.id, active: item.visible, enabled: true, label: item.label };
-    });
-    filterModal.processModalAction = (action) => {
-      if (action === ModalAction.CANCEL) {
-        // O Botão de cancelar, tem efeito específico:
-        //  - Desmarcar todos os filtros personalizados.
-        filterModal.items = filterModal.items.map(item => {
-          return Object.assign(Object.assign({}, item), { active: false });
-        });
-      }
-      else {
-        if (action === ModalAction.OK) {
-          this.addPersonalizedFilters(filterModal.items);
-        }
-        this._application.closeModal();
-      }
-    };
-    this._application.showModal(filterModal);
-  }
-  clearFilters() {
-    let changed = false;
-    this.filterConfig = this.filterConfig.map(item => {
-      if (item.value != undefined) {
-        changed = true;
-      }
-      return Object.assign(Object.assign({}, item), { value: undefined });
-    }).sort((a, b) => this._filtersComparator(a, b));
-    return changed;
-  }
   loadPermitions() {
     this._application.isUserSup().then(value => this.allowDefault = value);
   }
@@ -339,31 +230,17 @@ export class SnkFilterBar {
   filterChangeListener(evt) {
     this.updateFilter(evt.detail);
   }
-  addFilterHandler(itemName) {
-    const filterItem = this.filterConfig.find(currentFilter => currentFilter.id === itemName);
-    if (itemName === PERSONALIZED_FILTER) {
-      this.openPersonalizedModal();
-    }
-    else if (itemName === DEFAULT_FILTER) {
-      this.openDefaultFilterModal();
-    }
-    else if (filterItem) {
-      this._pendingFilters.push(itemName);
-      this.updateFilter(Object.assign(Object.assign({}, filterItem), { visible: true }));
-    }
-  }
-  appliedFilterHandler(itemName) {
-    if (itemName === CLEAR_ALL_FILTERS) {
-      if (this.clearFilters()) {
-        this._application.info(this.getMessage("snkFilterBar.successfullyCleaned"), { iconName: "check" });
-      }
-    }
-    else {
-      const filterItemElement = this._element.querySelector("#filter-" + itemName);
-      if (filterItemElement) {
-        filterItemElement.showUp(true);
-      }
-    }
+  async showFilterModal() {
+    const callbackOnApplyFilter = (filters) => {
+      this.filterConfig = filters.map(this.normalizeItem);
+    };
+    const factoryParams = {
+      filterConfig: this.filterConfig,
+      onComplete: callbackOnApplyFilter,
+      getMessage: (key, props) => this.getMessage(key, props)
+    };
+    const factory = new SnkFilterModalFactory(factoryParams);
+    await factory.showModal();
   }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
@@ -380,7 +257,7 @@ export class SnkFilterBar {
     if (!this.dataUnit || !this.filterConfig || this.filterConfig.length === 0) {
       return undefined;
     }
-    return (h(Host, null, h("ez-scroller", { direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, this.getFilterItems()), h("snk-filter-list", { id: APPLIED_FILTERS, onFocusin: () => this.itemFocused(APPLIED_FILTERS), items: this.getAppliedListItems(), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyAppliedFiltersList"), findFilterText: this.getMessage("snkFilterBar.findFilter"), iconName: "filter", class: "ez-padding-left--medium", buttonClass: this.getActiveClass(), onSnkItemSelected: evt => this.appliedFilterHandler(evt.detail), "data-element-id": "apppliedFilters" }), h("snk-filter-list", { id: ADD_FILTER, onFocusin: () => this.itemFocused(ADD_FILTER), items: this.getAddListItems(), label: this.getMessage("snkFilterBar.addFilter"), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyFiltersList"), findFilterText: this.getMessage("snkFilterBar.findField"), class: "ez-padding-left--medium", onSnkItemSelected: evt => this.addFilterHandler(evt.detail), "data-element-id": "addFilters" }, h("ez-icon", { slot: "leftIcon", class: "ez-padding-right--small", iconName: "plus" }))));
+    return (h(Host, null, h("ez-scroller", { direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, 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"; }

package/dist/collection/components/snk-filter-bar/types/filter-type.enum.js

@@ -0,0 +1,7 @@
+export var FilterType;
+(function (FilterType) {
+  FilterType["QUICK_FILTER"] = "QUICK_FILTER";
+  FilterType["CUSTOM_FILTER"] = "CUSTOM_FILTER";
+  FilterType["OTHER_FILTERS"] = "OTHER_FILTERS";
+})(FilterType || (FilterType = {}));
+export default FilterType;

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

@@ -0,0 +1,36 @@
+import { ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
+class SnkFilterModalFactory {
+  constructor({ filterConfig, onComplete, getMessage }) {
+    this._filterConfig = filterConfig;
+    this._onComplete = onComplete;
+    this._getMessage = getMessage;
+  }
+  applyFilters(newFilterConfig) {
+    this._onComplete(newFilterConfig);
+    this._closeModal();
+  }
+  clearAll(filterConfigSnapshot) {
+    return filterConfigSnapshot.map(filterItem => (Object.assign(Object.assign({}, filterItem), { value: undefined })));
+  }
+  buildFilterModal() {
+    const filterModal = document.createElement("snk-filter-modal");
+    filterModal.filters = this._filterConfig;
+    filterModal.getMessage = this._getMessage.bind(this);
+    filterModal.applyFilters = this.applyFilters.bind(this);
+    filterModal.clearAll = this.clearAll.bind(this);
+    filterModal.closeModal = () => this._closeModal();
+    return filterModal;
+  }
+  async showModal() {
+    const filterModal = this.buildFilterModal();
+    const modalProps = {
+      content: filterModal,
+      position: 'left',
+      heightMode: 'full',
+      closeOutsideClick: false,
+      useScrimLight: true
+    };
+    this._closeModal = await ApplicationUtils.showModal(modalProps);
+  }
+}
+export default SnkFilterModalFactory;

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

@@ -0,0 +1,315 @@
+export const filtersMock = [
+  {
+    "id": "RECDESP",
+    "label": "Receitas + Despesas",
+    "detailTitle": "Selecione o que deseja ver",
+    "type": "BINARY_SELECT",
+    "props": {
+      "options": [
+        {
+          "name": "RECEITA",
+          "expression": "this.RECDESP = 1",
+          "label": "Receitas"
+        },
+        {
+          "name": "DESPESA",
+          "expression": "this.RECDESP = -1",
+          "label": "Despesas"
+        }
+      ]
+    },
+    "value": "DESPESA",
+    "hardFixed": true,
+    "visible": true,
+    "filterType": "QUICK_FILTERS",
+    "detailModal": "Movimento"
+  },
+  {
+    "id": "PROVISAO",
+    "label": "Real + Provisão",
+    "detailTitle": "Selecione o que deseja ver",
+    "type": "BINARY_SELECT",
+    "props": {
+      "options": [
+        {
+          "name": "REAL",
+          "expression": "nullvalue(this.PROVISAO, 'N') = 'N'",
+          "label": "Real"
+        },
+        {
+          "name": "PROVISAO",
+          "expression": "nullvalue(this.PROVISAO, 'N') = 'S'",
+          "label": "Provisão"
+        }
+      ]
+    },
+    "value": "REAL",
+    "hardFixed": true,
+    "visible": true,
+    "filterType": "QUICK_FILTERS",
+    "detailModal": "Lançamento"
+  },
+  {
+    "id": "BAIXADO",
+    "label": "Pendentes + Baixados",
+    "detailTitle": "Selecione o que deseja ver",
+    "type": "BINARY_SELECT",
+    "props": {
+      "options": [
+        {
+          "name": "PENDENTE",
+          "expression": "this.DHBAIXA IS NULL",
+          "label": "Pendentes"
+        },
+        {
+          "name": "BAIXADO",
+          "expression": "this.DHBAIXA IS NOT NULL AND NOT nullvalue(this.PROVISAO, 'N') = 'S'",
+          "label": "Baixados"
+        }
+      ]
+    },
+    "value": "PENDENTE",
+    "hardFixed": true,
+    "visible": true,
+    "filterType": "QUICK_FILTERS",
+    "detailModal": "Status"
+  },
+  {
+    "id": "NUMNOTA",
+    "label": "Nr. Nota",
+    "detailTitle": "Informe o número da nota",
+    "type": "NUMBER",
+    "props": {
+      "expression": "this.NUMNOTA = :NUMNOTA"
+    },
+    "visible": true,
+    "filterType": "QUICK_FILTERS"
+  },
+  {
+    "id": "NUFIN",
+    "label": "Nr. único",
+    "detailTitle": "Informe o número único",
+    "type": "NUMBER",
+    "props": {
+      "expression": "this.NUFIN = :NUFIN AND NOT (this.PROVISAO = 'S' AND this.DHBAIXA IS NOT NULL AND this.ORIGEM = 'E')"
+    },
+    "visible": true,
+    "filterType": "QUICK_FILTERS"
+  },
+  {
+    "id": "DTVENC",
+    "label": "Dt. Vencimento",
+    "detailTitle": "Informe a data ou período",
+    "type": "PERIOD",
+    "props": {
+      "expression": {
+        "fullfill": "onlydate(this.DTVENC) >= :DTVENC.START AND onlydate(this.DTVENC) <= :DTVENC.END",
+        "onlystart": "onlydate(this.DTVENC) >= :DTVENC",
+        "onlyend": "onlydate(this.DTVENC) <= :DTVENC"
+      }
+    },
+    "visible": true,
+    "filterType": "QUICK_FILTERS"
+  },
+  {
+    "id": "0",
+    "label": "cartao",
+    "detailTitle": "cartao",
+    "type": "PERSONALIZED",
+    "props": {
+      "expression": "Financeiro.CODTIPTIT = 17",
+      "personalizedFilter": {
+        "parameters": []
+      }
+    },
+    "filterType": "OTHER_FILTERS"
+  },
+  {
+    "id": "1",
+    "label": "Origem Estoque",
+    "detailTitle": "Origem Estoque",
+    "type": "PERSONALIZED",
+    "props": {
+      "expression": "Financeiro.ORIGEM = 'E'",
+      "personalizedFilter": {
+        "parameters": []
+      }
+    },
+    "filterType": "CUSTOM_FILTERS"
+  },
+  {
+    "id": "CODPARC",
+    "label": "Parceiro",
+    "detailTitle": "Informe o parceiro",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODPARC = :CODPARC",
+      "searchContext": {
+        "entity": "Parceiro",
+        "entityDescription": "Parceiro",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "NOMEPARC",
+          "codeFieldName": "CODPARC",
+          "showInactives": false
+        }
+      }
+    },
+    "visible": true,
+    "filterType": "QUICK_FILTERS",
+    "detailModal": "Título"
+  },
+  {
+    "id": "DHBAIXA",
+    "label": "Data da Baixa",
+    "detailTitle": "Informe a data ou período",
+    "type": "PERIOD",
+    "props": {
+      "expression": {
+        "fullfill": "onlydate(this.DHBAIXA) >= :DHBAIXA.START AND onlydate(this.DHBAIXA) <= :DHBAIXA.END",
+        "onlystart": "onlydate(this.DHBAIXA) >= :DHBAIXA",
+        "onlyend": "onlydate(this.DHBAIXA) <= :DHBAIXA"
+      }
+    },
+    "visible": true,
+    "filterType": "OTHER_FILTERS"
+  },
+  {
+    "id": "CODEMP",
+    "label": "Empresa",
+    "detailTitle": "Informe a empresa",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODEMP = :CODEMP",
+      "searchContext": {
+        "entity": "Empresa",
+        "entityDescription": "Empresa",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "NOMEFANTASIA",
+          "codeFieldName": "CODEMP",
+          "showInactives": false
+        }
+      }
+    },
+    "filterType": "OTHER_FILTERS"
+  },
+  {
+    "id": "CODNAT",
+    "label": "Natureza",
+    "detailTitle": "Informe a natureza",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODNAT = :CODNAT",
+      "searchContext": {
+        "entity": "Natureza",
+        "entityDescription": "Natureza",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "DESCRNAT",
+          "codeFieldName": "CODNAT",
+          "showInactives": false
+        }
+      }
+    },
+    "filterType": "OTHER_FILTERS"
+  },
+  {
+    "id": "DTNEG",
+    "label": "Dt. Negociação",
+    "detailTitle": "Informe a data ou período",
+    "type": "PERIOD",
+    "props": {
+      "expression": {
+        "fullfill": "onlydate(this.DTNEG) >= :DTNEG.START AND onlydate(this.DTNEG) <= :DTNEG.END",
+        "onlystart": "onlydate(this.DTNEG) >= :DTNEG",
+        "onlyend": "onlydate(this.DTNEG) <= :DTNEG"
+      }
+    }
+  },
+  {
+    "id": "NUNOTA",
+    "label": "Nro Único do Pedido",
+    "detailTitle": "Informe o número único do pedido",
+    "type": "NUMBER",
+    "props": {
+      "expression": "(this.NUPED = :NUNOTA OR EXISTS(SELECT 1 FROM TGFVAR V INNER JOIN TGFCAB C ON(C.NUNOTA = V.NUNOTAORIG) WHERE V.NUNOTA = this.NUNOTA AND C.NUNOTA = :NUNOTA))"
+    }
+  },
+  {
+    "id": "CODCENCUS",
+    "label": "Centro de resultado",
+    "detailTitle": "Informe o centro de resultado",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODCENCUS = :CODCENCUS",
+      "searchContext": {
+        "entity": "CentroResultado",
+        "entityDescription": "Centro de resultado",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "DESCRCENCUS",
+          "codeFieldName": "CODCENCUS",
+          "showInactives": false
+        }
+      }
+    }
+  },
+  {
+    "id": "CODCTABCOINT",
+    "label": "Conta bancária",
+    "detailTitle": "Informe a conta bancária",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODCTABCOINT = :CODCTABCOINT",
+      "searchContext": {
+        "entity": "ContaBancaria",
+        "entityDescription": "Conta bancária",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "DESCRICAO",
+          "codeFieldName": "CODCTABCOINT",
+          "showInactives": false
+        }
+      }
+    }
+  },
+  {
+    "id": "CODBCO",
+    "label": "Banco",
+    "detailTitle": "Informe o banco",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODBCO = :CODBCO",
+      "searchContext": {
+        "entity": "Banco",
+        "entityDescription": "Banco",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "NOMEBCO",
+          "codeFieldName": "CODBCO",
+          "showInactives": false
+        }
+      }
+    }
+  },
+  {
+    "id": "CODPROJ",
+    "label": "Projeto",
+    "detailTitle": "Informe o projeto",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODPROJ = :CODPROJ",
+      "searchContext": {
+        "entity": "Projeto",
+        "entityDescription": "Projeto",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "IDENTIFICACAO",
+          "codeFieldName": "CODPROJ",
+          "showInactives": false
+        }
+      }
+    }
+  }
+];

package/dist/collection/lib/message/resources/snk-filter-bar.msg.js

@@ -25,6 +25,14 @@ const snkFilterBarMessages = {
   "modalPersonalizedFilterSubTitle": "Gerencie seus filtros",
   "modalInfoTextCreateEditPersonalized": "Use o layout antigo para criar ou editar filtros, em breve traremos uma nova experiência",
   "modalOkButtonLabel": "Aplicar",
-  "modalCancelButtonLabel": "Limpar"
+  "modalCancelButtonLabel": "Limpar",
+  "filters": "Filtros",
+  "filterModal": {
+    "title": "Filtros",
+    "okButtonLabel": "Aplicar",
+    "cancelButtonLabel": "Limpar tudo",
+    "customFilters": "Filtros personalizados",
+    "quickFilters": "Filtros rápidos"
+  }
 };
 export default snkFilterBarMessages;

package/dist/components/SnkMessageBuilder.js

@@ -56,7 +56,15 @@ const snkFilterBarMessages = {
   "modalPersonalizedFilterSubTitle": "Gerencie seus filtros",
   "modalInfoTextCreateEditPersonalized": "Use o layout antigo para criar ou editar filtros, em breve traremos uma nova experiência",
   "modalOkButtonLabel": "Aplicar",
-  "modalCancelButtonLabel": "Limpar"
+  "modalCancelButtonLabel": "Limpar",
+  "filters": "Filtros",
+  "filterModal": {
+    "title": "Filtros",
+    "okButtonLabel": "Aplicar",
+    "cancelButtonLabel": "Limpar tudo",
+    "customFilters": "Filtros personalizados",
+    "quickFilters": "Filtros rápidos"
+  }
 };
 
 const snkTaskbarMessages = {

package/dist/components/filter-item-type.enum.js

@@ -8,6 +8,7 @@ var FilterItemType;
   FilterItemType["NUMBER"] = "NUMBER";
   FilterItemType["DEFAULT_FILTER"] = "DEFAULT_FILTER";
   FilterItemType["PERSONALIZED"] = "PERSONALIZED";
+  FilterItemType["MULTI_LIST"] = "MULTI_LIST";
 })(FilterItemType || (FilterItemType = {}));
 const FilterItemType$1 = FilterItemType;
 

package/dist/components/index.d.ts

@@ -17,6 +17,7 @@ export { SnkFilterFieldSearch as SnkFilterFieldSearch } from '../types/component
 export { SnkFilterItem as SnkFilterItem } from '../types/components/snk-filter-bar/filter-item/snk-filter-item';
 export { SnkFilterList as SnkFilterList } from '../types/components/snk-filter-bar/filter-list/snk-filter-list';
 export { SnkFilterModal as SnkFilterModal } from '../types/components/snk-filter-bar/filter-modal/snk-filter-modal';
+export { SnkFilterModalItem as SnkFilterModalItem } from '../types/components/snk-filter-bar/filter-modal/subcomponents/snk-filter-modal-item';
 export { SnkFilterMultiSelect as SnkFilterMultiSelect } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-multi-select';
 export { SnkFilterPeriod as SnkFilterNumber } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-number';
 export { SnkFilterParamConfig as SnkFilterParamConfig } from '../types/components/snk-personalized-filter/subcomponents/snk-filter-param-config/snk-filter-param-config';

package/dist/components/index.js

@@ -17,6 +17,7 @@ export { SnkFilterFieldSearch, defineCustomElement as defineCustomElementSnkFilt
 export { SnkFilterItem, defineCustomElement as defineCustomElementSnkFilterItem } from './snk-filter-item.js';
 export { SnkFilterList, defineCustomElement as defineCustomElementSnkFilterList } from './snk-filter-list.js';
 export { SnkFilterModal, defineCustomElement as defineCustomElementSnkFilterModal } from './snk-filter-modal.js';
+export { SnkFilterModalItem, defineCustomElement as defineCustomElementSnkFilterModalItem } from './snk-filter-modal-item.js';
 export { SnkFilterMultiSelect, defineCustomElement as defineCustomElementSnkFilterMultiSelect } from './snk-filter-multi-select.js';
 export { SnkFilterNumber, defineCustomElement as defineCustomElementSnkFilterNumber } from './snk-filter-number.js';
 export { SnkFilterParamConfig, defineCustomElement as defineCustomElementSnkFilterParamConfig } from './snk-filter-param-config.js';

package/dist/components/presentationMode.js

@@ -0,0 +1,7 @@
+var EPresentationMode;
+(function (EPresentationMode) {
+  EPresentationMode[EPresentationMode["CHIP"] = 0] = "CHIP";
+  EPresentationMode[EPresentationMode["MODAL"] = 1] = "MODAL";
+})(EPresentationMode || (EPresentationMode = {}));
+
+export { EPresentationMode as E };