@sankhyalabs/sankhyablocks 1.3.31-beta.16 → 1.3.31-beta.17

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

@@ -0,0 +1,257 @@
+import { h, Host } from '@stencil/core';
+import { ApplicationContext, DataType, ErrorException, ObjectUtils } from '@sankhyalabs/core';
+import FilterItemType from './filter-item/filter-item-type.enum';
+import { toString } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
+const PERSONALIZED_FILTER = "PERSONALIZED_FILTER";
+const DEFAULT_FILTER = "DEFAULT_FILTER";
+export class SnkFilterBar {
+  constructor() {
+    this._updateSequence = [];
+    this._calculateSortIndex = (item) => {
+      let index = item.hardFixed ? 1000000 : 0;
+      //campos Hard Fixed não variam a ordem
+      if (!item.hardFixed) {
+        index += item.fixed ? 100000 : 0;
+        index += item.value == undefined ? 0 : 10000;
+        index += this._updateSequence.lastIndexOf(item.id) + 1;
+      }
+      return index;
+    };
+    this._filtersComparator = (a, b) => {
+      return this._calculateSortIndex(b) - this._calculateSortIndex(a);
+    };
+  }
+  /**
+   * 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:
+   * - 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) {
+    return this._application.messagesBuilder.getMessage(key, params);
+  }
+  getFilter(_dataUnit) {
+    const filters = [];
+    this.filterConfig.filter(item => item.value).forEach(item => {
+      const filter = this.buildDUFilter(item);
+      if (filter) {
+        filters.push(filter);
+      }
+    });
+    return filters;
+  }
+  buildDUFilter(item) {
+    const { id, value, type, props, visible } = item;
+    if (value && visible) {
+      if (type === FilterItemType.BINARY_SELECT) {
+        const options = props.options;
+        const selectedOption = options.find(opt => opt.name === value);
+        //FIXME: ajustar o backend para não exigir parametros
+        return { name: id, expression: selectedOption.expression, params: [] };
+      }
+      if (type === FilterItemType.PERIOD) {
+        const { end, start } = value;
+        const params = [];
+        let expression;
+        if (end && start) {
+          expression = props.expression.fullfill;
+          params.push({ name: `${id}.START`, dataType: DataType.DATE, value: toString(DataType.DATE, start) }, { name: `${id}.END`, dataType: DataType.DATE, value: toString(DataType.DATE, end) });
+        }
+        else {
+          if (start) {
+            expression = props.expression.onlystart;
+            params.push({ name: id, dataType: DataType.DATE, value: toString(DataType.DATE, start) });
+          }
+          else {
+            expression = props.expression.onlyend;
+            params.push({ name: id, dataType: DataType.DATE, value: toString(DataType.DATE, end) });
+          }
+        }
+        return { name: id, expression, params };
+      }
+      if (type === FilterItemType.SEARCH) {
+        const expression = props.expression;
+        return { name: id, expression, params: [{ name: id, dataType: DataType.TEXT, value: toString(DataType.TEXT, value.value) }] };
+      }
+      if (type === FilterItemType.TEXT) {
+        const expression = props.expression;
+        return { name: id, expression, params: [{ name: id, dataType: DataType.TEXT, value: toString(DataType.TEXT, value) }] };
+      }
+      if (type === FilterItemType.NUMBER) {
+        const expression = props.expression;
+        return { name: id, expression, params: [{ name: id, dataType: DataType.NUMBER, value: toString(DataType.NUMBER, value) }] };
+      }
+      //No mapeamento dos outros tipos precisamos saber o tipo de dado.
+    }
+    return undefined;
+  }
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (this._application) {
+      this._application.getFilterBarConfig()
+        .then((filters) => {
+        this.filterConfig = filters;
+      })
+        .catch(reason => {
+        throw new ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), reason);
+      });
+    }
+    if (this.dataUnit == undefined) {
+      let parent = this._element.parentElement;
+      while (parent) {
+        if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
+          const snkDataUnit = parent;
+          this.dataUnit = snkDataUnit.dataUnit;
+          if (this.dataUnit) {
+            this.dataUnit.addFilterProvider(this);
+          }
+          else {
+            snkDataUnit.addEventListener("dataUnitReady", (evt) => {
+              this.dataUnit = evt.detail;
+              this.dataUnit.addFilterProvider(this);
+            });
+          }
+          break;
+        }
+        parent = parent.parentElement;
+      }
+    }
+  }
+  getFilterItems() {
+    const pinnedItems = [];
+    const unpinnedItems = [];
+    this._items = this.filterConfig
+      .filter(item => item.visible)
+      .sort((a, b) => this._filtersComparator(a, b))
+      .map((item, index) => {
+      const filterItem = (h("snk-filter-item", { config: item, class: index > 0 ? "ez-padding-left--medium" : "", getMessage: (key, props) => this.getMessage(key, props), key: item.id }));
+      if (item.fixed || item.hardFixed) {
+        pinnedItems.push(filterItem);
+      }
+      else {
+        unpinnedItems.push(filterItem);
+      }
+      return filterItem;
+    });
+    const elements = [];
+    elements.push(...pinnedItems);
+    if (pinnedItems.length > 0 && unpinnedItems.length > 0) {
+      elements.push(h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-filter-bar__divider" }));
+    }
+    elements.push(...unpinnedItems);
+    return elements;
+  }
+  calculateUpdateSequence(item) {
+    this._updateSequence = this._updateSequence.filter(itemId => item.id !== itemId);
+    this._updateSequence.push(item.id);
+  }
+  filterChangeListener(evt) {
+    this.updateFilter(evt.detail);
+  }
+  updateFilter(newItem) {
+    this.calculateUpdateSequence(newItem);
+    let needRefresh = false;
+    this.filterConfig = this.filterConfig.map(item => {
+      if (item.id === newItem.id) {
+        needRefresh = ObjectUtils.objectToString(item.value) !== ObjectUtils.objectToString(newItem.value);
+        return newItem;
+      }
+      return item;
+    });
+    if (needRefresh) {
+      this.dataUnit.loadData();
+    }
+  }
+  getAddListItems() {
+    const hiddenItems = this.filterConfig
+      .filter(item => !item.visible)
+      .sort(this._filtersComparator);
+    return hiddenItems.map(filter => {
+      return { name: filter.id, label: filter.label, kind: "FILTER", iconName: null };
+    }).concat([
+      { name: PERSONALIZED_FILTER, label: this.getMessage("snkFilterBar.customFilter"), iconName: "tune", kind: "FOOTER" },
+      { name: DEFAULT_FILTER, label: this.getMessage("snkFilterBar.defaultFilter"), iconName: "configuration", kind: "FOOTER" }
+    ]);
+  }
+  addFilterHandler(itemName) {
+    const filterItem = this.filterConfig.find(currentFilter => currentFilter.id === itemName);
+    if (filterItem) {
+      this.updateFilter(Object.assign(Object.assign({}, filterItem), { visible: true }));
+    }
+  }
+  render() {
+    if (!this.dataUnit || !this.filterConfig || this.filterConfig.length === 0) {
+      return undefined;
+    }
+    return (h(Host, null, h("ez-scroller", { direction: "horizontal" }, this.getFilterItems()), h("ez-button", { mode: "icon", size: "small", iconName: "filter", class: "ez-padding-left--medium" }), h("snk-filter-list", { items: this.getAddListItems(), label: this.getMessage("snkFilterBar.addFilter"), getMessage: (key, params) => this.getMessage(key, params), class: "ez-padding-left--medium", onSnkItemSelected: evt => this.addFilterHandler(evt.detail) }, h("ez-icon", { slot: "leftIcon", class: "ez-padding-right--small", iconName: "plus" }))));
+  }
+  static get is() { return "snk-filter-bar"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-filter-bar.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-filter-bar.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "dataUnit": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "DataUnit",
+          "resolved": "DataUnit",
+          "references": {
+            "DataUnit": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "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."
+        }
+      },
+      "filterConfig": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "Array<SnkFilterItemConfig>",
+          "resolved": "SnkFilterItemConfig[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "SnkFilterItemConfig": {
+              "location": "import",
+              "path": "./filter-item/snk-filter-item"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Lista de todos os filtros dispon\u00EDveis ao usu\u00E1rio."
+        }
+      }
+    };
+  }
+  static get elementRef() { return "_element"; }
+  static get listeners() {
+    return [{
+        "name": "filterChange",
+        "method": "filterChangeListener",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
+}

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

@@ -1,5 +1,18 @@
-:host {
+.snk-grid__container{
   display: flex;
   height: 100%;
   width: 100%;
 }
+
+.snk-grid__header{
+  display: flex;
+  flex-wrap: nowrap;
+  width: 100%;
+}
+
+.snk-grid__filter-bar{
+  width: 100%;
+}
+.snk-grid__header-divider{
+  margin-bottom: var(--space--small);
+}

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

@@ -48,7 +48,7 @@ export class SnkGrid {
     if (!this._configLoaded || !this._dataUnit) {
       return undefined;
     }
-    return (h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "ez-row ez-padding-bottom--medium ez-margin-bottom--medium" }, h("div", { class: "ez-col ez-col--sd-9 ez-col--tb-9 ez-align--bottom" }, h("slot", { name: "SnkGridHeader" })), h("div", { class: "ez-col ez-col--sd-3 ez-col--tb-3 ez-align--right" }, h("snk-taskbar", { onActionClick: evt => this.actionClickHandler(evt), key: "topTaskbar", dataUnit: this._dataUnit, buttons: "FORM_MODE,CONFIG_GRID,INSERT", primaryButton: "INSERT" }))), h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: evt => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit() }, h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this.getHeaderButtons(), slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" }))));
+    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-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { class: "snk-grid__filter-bar ez-align--top" }), 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", onActionClick: evt => this.actionClickHandler(evt), key: "topTaskbar", dataUnit: this._dataUnit, buttons: "FORM_MODE,CONFIG_GRID,INSERT", primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: evt => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit() }, h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this.getHeaderButtons(), slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/lib/http/data-fetcher/DataFetcher.js

@@ -1,4 +1,4 @@
-import { ErrorException } from '@sankhyalabs/core';
+import { ErrorException, WarningException } from '@sankhyalabs/core';
 import { batchRequests } from 'graphql-request';
 import UrlUtils from "../../../lib/utils/urlutils";
 import { StringUtils } from '@sankhyalabs/core';
@@ -33,6 +33,27 @@ export class DataFetcher {
       DataFetcher.requestListener.splice(index, 1);
     }
   }
+  processErrorInfo(errors) {
+    var _a, _b;
+    const POSITION_ERROR_INFO = 0;
+    const errorTitle = "Falha detectada";
+    const error = errors[POSITION_ERROR_INFO];
+    if (error.length > 0) { //As informações do erro vem no primeiro indice de um array
+      const errorInfo = error[POSITION_ERROR_INFO];
+      const errorMessage = (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.message) ? errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.message : "Não há mensagem de erro";
+      const errorLevel = ((_a = errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.extensions) === null || _a === void 0 ? void 0 : _a.level) ? errorInfo.extensions.level : "ERROR";
+      const errorCode = ((_b = errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.extensions) === null || _b === void 0 ? void 0 : _b.code) ? errorInfo.extensions.code : "";
+      switch (errorLevel) {
+        case "WARNING":
+          return new WarningException(errorTitle, errorMessage, errorCode);
+        default:
+          return new ErrorException(errorTitle, errorMessage, errorCode);
+      }
+    }
+    else {
+      return new ErrorException(errorTitle, "Não há informações sobre o erro");
+    }
+  }
   async callGraphQL(req) {
     var _a;
     const reqKey = this.getReqKey(req);
@@ -43,7 +64,8 @@ export class DataFetcher {
         let query = this.getQueryTemplate(req);
         const res = await this.fecthGrapql([{ document: query, variables: req.values }]);
         if (res.errors.length > 0) {
-          reject(new ErrorException("Falha detectada", res.errors[0][0].message));
+          const error = this.processErrorInfo(res.errors);
+          reject(error);
         }
         else {
           resolve(res.data[0][reqKey]);

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

@@ -146,7 +146,7 @@ export default class DataUnitFetcher {
         const { limit, offset, total, hasMore, records } = resp.data;
         let paginationInfo;
         if (limit) {
-          const firstRecord = offset + 1;
+          const firstRecord = total == 0 ? 0 : offset + 1;
           const lastRecord = offset + Math.min(records.length, limit);
           const currentPage = offset / limit;
           paginationInfo = {

package/dist/collection/lib/http/data-fetcher/fetchers/filter-bar-config-fetcher.js

@@ -0,0 +1,268 @@
+import FilterItemType from "../../../../components/snk-filter-bar/filter-item/filter-item-type.enum";
+import { ResourceFetcher } from "./resource-fetcher";
+export default class FilterBarConfigFetcher extends ResourceFetcher {
+  getConfig(resourceID) {
+    return new Promise((resolve) => {
+      if (resourceID === "br.com.sankhya.fin.cad.movimentacaoFinanceira") {
+        resolve([{
+            id: "RECDESP",
+            visible: true,
+            label: "Receitas + Despesas",
+            detailTitle: "Selecione o que deseja ver",
+            type: FilterItemType.BINARY_SELECT,
+            hardFixed: true,
+            props: {
+              options: [
+                { name: "RECEITA", expression: "this.RECDESP = 1", label: "Receitas" },
+                { name: "DESPESA", expression: "this.RECDESP = -1", label: "Despesas" }
+              ]
+            }
+          },
+          {
+            id: "PROVISAO",
+            visible: true,
+            label: "Real + Provisão",
+            detailTitle: "Selecione o que deseja ver",
+            type: FilterItemType.BINARY_SELECT,
+            hardFixed: true,
+            props: {
+              options: [
+                { name: "REAL", expression: "nullvalue(this.PROVISAO, 'N') = 'N'", label: "Real" },
+                { name: "PROVISAO", expression: "nullvalue(this.PROVISAO, 'N') = 'S'", label: "Provisão" }
+              ]
+            }
+          },
+          {
+            id: "BAIXADO",
+            visible: true,
+            label: "Pendentes + Baixados",
+            detailTitle: "Selecione o que deseja ver",
+            type: FilterItemType.BINARY_SELECT,
+            hardFixed: true,
+            props: {
+              options: [
+                { name: "PENDENTE", expression: "this.DHBAIXA IS NULL", label: "Pendentes" },
+                { name: "BAIXADO", expression: "this.DHBAIXA IS NOT NULL", label: "Baixados" }
+              ]
+            }
+          },
+          {
+            id: "DTVENC",
+            visible: true,
+            type: FilterItemType.PERIOD,
+            label: "Dt. Vencimento",
+            detailTitle: "Informe a data ou período",
+            props: {
+              expression: {
+                fullfill: "onlydate(this.DTVENC) >= :DTVENC.START AND onlydate(this.DTVENC) <= :DTVENC.END",
+                onlystart: "onlydate(this.DTVENC) >= :DTVENC",
+                onlyend: "onlydate(this.DTVENC) <= :DTVENC"
+              }
+            }
+          },
+          {
+            id: "CODPARC",
+            visible: true,
+            type: FilterItemType.SEARCH,
+            label: "Parceiro",
+            detailTitle: "Informe o parceiro",
+            props: {
+              expression: "this.CODPARC = :CODPARC",
+              searchContext: {
+                entity: "Parceiro",
+                entityDescription: "Parceiro",
+                searchOptions: {
+                  rootEntity: "Financeiro",
+                  descriptionFieldName: "NOMEPARC",
+                  codeFieldName: "CODPARC",
+                  showInactives: false
+                }
+              }
+            }
+          },
+          {
+            id: "NUFIN",
+            type: FilterItemType.NUMBER,
+            visible: true,
+            label: "Nr. único",
+            detailTitle: "Informe o número único",
+            props: {
+              expression: "this.NUFIN = :NUFIN"
+            }
+          },
+          {
+            id: "NUMNOTA",
+            visible: true,
+            type: FilterItemType.NUMBER,
+            label: "Nr. Nota",
+            detailTitle: "Informe o número da nota",
+            props: {
+              expression: "this.NUMNOTA = :NUMNOTA"
+            }
+          },
+          {
+            id: "DHBAIXA",
+            visible: true,
+            type: FilterItemType.PERIOD,
+            label: "Data da Baixa",
+            detailTitle: "Informe a data ou período",
+            props: {
+              expression: {
+                fullfill: "onlydate(this.DHBAIXA) >= :DHBAIXA.START AND onlydate(this.DHBAIXA) <= :DHBAIXA.END",
+                onlystart: "onlydate(this.DHBAIXA) >= :DHBAIXA",
+                onlyend: "onlydate(this.DHBAIXA) <= :DHBAIXA"
+              }
+            }
+          },
+          {
+            id: "CODEMP",
+            visible: false,
+            type: FilterItemType.SEARCH,
+            label: "Empresa",
+            detailTitle: "Informe a empresa",
+            props: {
+              expression: "this.CODEMP = :CODEMP",
+              searchContext: {
+                entity: "Empresa",
+                entityDescription: "Empresa",
+                searchOptions: {
+                  rootEntity: "Financeiro",
+                  descriptionFieldName: "NOMEFANTASIA",
+                  codeFieldName: "CODEMP",
+                  showInactives: false
+                }
+              }
+            }
+          },
+          {
+            id: "CODNAT",
+            visible: false,
+            type: FilterItemType.SEARCH,
+            label: "Natureza",
+            detailTitle: "Informe a natureza",
+            props: {
+              expression: "this.CODNAT = :CODNAT",
+              searchContext: {
+                entity: "Natureza",
+                entityDescription: "Natureza",
+                searchOptions: {
+                  rootEntity: "Financeiro",
+                  descriptionFieldName: "DESCRNAT",
+                  codeFieldName: "CODNAT",
+                  showInactives: false
+                }
+              }
+            }
+          },
+          {
+            id: "DTNEG",
+            visible: false,
+            type: FilterItemType.PERIOD,
+            label: "Dt. Negociação",
+            detailTitle: "Informe a data ou período",
+            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",
+            visible: false,
+            type: FilterItemType.NUMBER,
+            label: "Nro Único do Pedido",
+            detailTitle: "Informe o número único do pedido",
+            props: {
+              expression: "this.NUNOTA = :NUNOTA"
+            }
+          },
+          {
+            id: "CODCENCUS",
+            visible: false,
+            type: FilterItemType.SEARCH,
+            label: "Centro de resultado",
+            detailTitle: "Informe o centro de resultado",
+            props: {
+              expression: "this.CODCENCUS = :CODCENCUS",
+              searchContext: {
+                entity: "CentroResultado",
+                entityDescription: "Centro de resultado",
+                searchOptions: {
+                  rootEntity: "Financeiro",
+                  descriptionFieldName: "DESCRCENCUS",
+                  codeFieldName: "CODCENCUS",
+                  showInactives: false
+                }
+              }
+            }
+          },
+          {
+            id: "CODCTABCOINT",
+            visible: false,
+            type: FilterItemType.SEARCH,
+            label: "Conta bancária",
+            detailTitle: "Informe a conta bancária",
+            props: {
+              expression: "this.CODCTABCOINT = :CODCTABCOINT",
+              searchContext: {
+                entity: "ContaBancaria",
+                entityDescription: "Conta bancária",
+                searchOptions: {
+                  rootEntity: "Financeiro",
+                  descriptionFieldName: "DESCRICAO",
+                  codeFieldName: "CODCTABCOINT",
+                  showInactives: false
+                }
+              }
+            }
+          },
+          {
+            id: "CODBCO",
+            visible: false,
+            type: FilterItemType.SEARCH,
+            label: "Banco",
+            detailTitle: "Informe o banco",
+            props: {
+              expression: "this.CODBCO = :CODBCO",
+              searchContext: {
+                entity: "Banco",
+                entityDescription: "Banco",
+                searchOptions: {
+                  rootEntity: "Financeiro",
+                  descriptionFieldName: "NOMEBCO",
+                  codeFieldName: "CODBCO",
+                  showInactives: false
+                }
+              }
+            }
+          },
+          {
+            id: "CODPROJ",
+            visible: false,
+            type: FilterItemType.SEARCH,
+            label: "Projeto",
+            detailTitle: "Informe o projeto",
+            props: {
+              expression: "this.CODPROJ = :CODPROJ",
+              searchContext: {
+                entity: "Projeto",
+                entityDescription: "Projeto",
+                searchOptions: {
+                  rootEntity: "Financeiro",
+                  descriptionFieldName: "IDENTIFICACAO",
+                  codeFieldName: "CODPROJ",
+                  showInactives: false
+                }
+              }
+            }
+          }
+        ]);
+      }
+      else {
+        resolve(undefined);
+      }
+    });
+  }
+}

package/dist/collection/lib/message/SnkMessageBuilder.js

@@ -1,4 +1,5 @@
 import snkDataUnitMessages from "./resources/snk-data-unit.msg.js";
+import snkFilterBarMessages from "./resources/snk-filter-bar.msg.js";
 import snkFormMessages from "./resources/snk-form.msg.js";
 import snkTaskbarMessages from "./resources/snk-taskbar.msg.js";
 export class SnkMessageBuilder {
@@ -6,7 +7,8 @@ export class SnkMessageBuilder {
     this._defaults = {
       snkDataUnit: snkDataUnitMessages,
       snkForm: snkFormMessages,
-      snkTaskbar: snkTaskbarMessages
+      snkTaskbar: snkTaskbarMessages,
+      snkFilterBar: snkFilterBarMessages
     };
     this._currentOperation = OperationMap.CLEAN;
     this.loadAppMessages().then((msgs) => {

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

@@ -0,0 +1,14 @@
+const snkFilterBarMessages = {
+  "addFilter": "Adicionar filtro",
+  "pinFilter": "Fixar filtro",
+  "unpinFilter": "Desfixar filtro",
+  "removeFilter": "Remover filtro",
+  "cleanFilter": "Limpar",
+  "applyFilter": "Aplicar",
+  "findFilter": "Buscar campo...",
+  "emptyFilterList": "Há há campos disponíveis",
+  "customFilter": "Filtro personalizado",
+  "defaultFilter": "Filtro padrao",
+  "failToLoadConfig": "Falha ao buscar configuração de filtros"
+};
+export default snkFilterBarMessages;