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

package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-binary-select.d.ts

@@ -0,0 +1,12 @@
+import { SnkFilterItemConfig } from '../snk-filter-item';
+export declare class SnkFilterBinarySelect {
+  _checkOne: HTMLEzCheckElement;
+  _checkTwo: HTMLEzCheckElement;
+  value: any;
+  config: SnkFilterItemConfig;
+  isSelected(option: string): boolean;
+  ezChangeListener(evt: CustomEvent): void;
+  assertCheckedOption(updatingCheck: HTMLElement): void;
+  updateValue(): void;
+  render(): any;
+}

package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-multi-select.d.ts

@@ -0,0 +1,7 @@
+import { SnkFilterItemConfig } from '../snk-filter-item';
+export declare class SnkFilterMultiSelect {
+  value: any;
+  config: SnkFilterItemConfig;
+  ezChangeListener(evt: CustomEvent): void;
+  render(): any;
+}

package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-number.d.ts

@@ -0,0 +1,7 @@
+import { SnkFilterItemConfig } from '../snk-filter-item';
+export declare class SnkFilterPeriod {
+  config: SnkFilterItemConfig;
+  value: number;
+  ezChangeListener(evt: CustomEvent): void;
+  render(): any;
+}

package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-period.d.ts

@@ -0,0 +1,13 @@
+import { SnkFilterItemConfig } from '../snk-filter-item';
+export declare class SnkFilterPeriod {
+  _startDate: HTMLEzDateInputElement;
+  _endDate: HTMLEzDateInputElement;
+  config: SnkFilterItemConfig;
+  value: Period;
+  ezChangeListener(): void;
+  render(): any;
+}
+export interface Period {
+  start?: Date;
+  end?: Date;
+}

package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-search.d.ts

@@ -0,0 +1,12 @@
+import { Option } from '@sankhyalabs/ezui/dist/types/components/ez-combo-box/ez-combo-box';
+import { SnkFilterItemConfig } from '../snk-filter-item';
+export declare class SnkFilterSearch {
+  config: SnkFilterItemConfig;
+  value: Option;
+  fix: () => void;
+  unfix: () => void;
+  _searchInput: HTMLEzSearchElement;
+  ezChangeListener(_evt: CustomEvent): void;
+  doSearch(mode: string, argument: string): Promise<Array<Option> | Option>;
+  render(): any;
+}

package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-text.d.ts

@@ -0,0 +1,7 @@
+import { SnkFilterItemConfig } from '../snk-filter-item';
+export declare class SnkFilterText {
+  config: SnkFilterItemConfig;
+  value: string;
+  ezChangeListener(evt: CustomEvent): void;
+  render(): any;
+}

package/dist/types/components/snk-filter-bar/filter-item/filter-item-type.enum.d.ts

@@ -0,0 +1,9 @@
+declare enum FilterItemType {
+  MULTI_SELECT = "MULTI_SELECT",
+  BINARY_SELECT = "BINARY_SELECT",
+  PERIOD = "PERIOD",
+  SEARCH = "SEARCH",
+  TEXT = "TEXT",
+  NUMBER = "NUMBER"
+}
+export default FilterItemType;

package/dist/types/components/snk-filter-bar/filter-item/snk-filter-detail.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { SnkFilterItemConfig } from './snk-filter-item';
+export declare class SnkFilterDetail {
+  _editor: HTMLElement;
+  config: SnkFilterItemConfig;
+  keepOpened: boolean;
+  getMessage: (key: string, props?: any) => string;
+  filterChange: EventEmitter<SnkFilterItemConfig>;
+  changeConfig(newConfig: SnkFilterItemConfig): void;
+  getContentEditor(): string;
+  removeItem(): void;
+  getPopUpHeaderButtons(): any[];
+  render(): any;
+}

package/dist/types/components/snk-filter-bar/filter-list/snk-filter-list.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class SnkFilterList {
+  _element: HTMLElement;
+  _popoverContainer: HTMLElement;
+  _popover: HTMLElement;
+  _filterInput: HTMLEzFilterInputElement;
+  _floatingID: number;
+  _detailIsVisible: boolean;
+  _filterArgument: string;
+  _showAll: boolean;
+  label: string;
+  iconName: string;
+  items: Array<ListItem>;
+  getMessage: (key: string, props?: any) => string;
+  emptyText: string;
+  findFilterText: string;
+  buttonClass: string;
+  snkItemSelected: EventEmitter<string>;
+  private showList;
+  innerClickCheck: (floatingContainer: HTMLElement, node: HTMLElement) => boolean;
+  private hideList;
+  private buttonClick;
+  componentDidRender(): void;
+  buildItemElement(item: InternalListItem): HTMLElement;
+  itemSelected(itemName: string): void;
+  getFilterItems(): any;
+  getFooterItems(): ListItem[];
+  render(): any;
+}
+export interface ListItem {
+  label: string;
+  name: string;
+  kind: string;
+  iconName?: string;
+}
+interface InternalListItem extends ListItem {
+  iconClass?: string;
+  labelClass?: string;
+}
+export {};

package/dist/types/components/snk-filter-bar/snk-filter-bar.d.ts

@@ -0,0 +1,45 @@
+import { DataUnit } from '@sankhyalabs/core';
+import { SnkApplication } from '../snk-application/snk-application';
+import { SnkFilterItemConfig } from './filter-item/snk-filter-item';
+import { FilterProvider, Filter } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import { ListItem } from './filter-list/snk-filter-list';
+export declare class SnkFilterBar implements FilterProvider {
+  _element: HTMLElement;
+  _application: SnkApplication;
+  _updateSequence: Array<string>;
+  _calculateSortIndex: (item: SnkFilterItemConfig) => number;
+  _filtersComparator: (a: SnkFilterItemConfig, b: SnkFilterItemConfig) => number;
+  /**
+   * Recebe o DataUnit do ambiente. Se não for informado, procura pela referência
+   * do SnkDataUnit. Necessário para se registrar como provedor de filtros.
+   */
+  dataUnit: DataUnit;
+  /**
+   * Lista de todos os filtros disponíveis ao usuário.
+   */
+  filterConfig: Array<SnkFilterItemConfig>;
+  /**
+   * 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"
+   */
+  private getMessage;
+  getFilter(_dataUnit: string): Array<Filter>;
+  buildDUFilter(item: SnkFilterItemConfig): {
+    name: string;
+    expression: any;
+    params: any[];
+  };
+  componentWillLoad(): void;
+  getFilterItems(): Array<HTMLElement>;
+  calculateUpdateSequence(item: SnkFilterItemConfig): void;
+  filterChangeListener(evt: CustomEvent): void;
+  updateFilter(newItem: SnkFilterItemConfig, clear?: boolean): boolean;
+  getAddListItems(): Array<ListItem>;
+  getActiveClass(): "" | "sc-snk-filter-bar snk-filter-bar__filter-list-items-button--active";
+  getAppliedListItems(): Array<ListItem>;
+  addFilterHandler(itemName: string): void;
+  appliedFilterHandler(itemName: string): void;
+  render(): any;
+}

package/dist/types/components/snk-taskbar/elements/taskbar-elements.d.ts

@@ -1,4 +1,4 @@
-import { Action } from "../snk-taskbar";
+import { Action, CustomButton } from "../snk-taskbar";
 export declare enum TaskbarElement {
   PREVIOUS = "PREVIOUS",
   NEXT = "NEXT",
@@ -25,4 +25,5 @@ export declare enum AuthorizationElements {
 export declare enum VisibleWhenForbidden {
   CONFIG_GRID = "CONFIG_GRID"
 }
-export declare const buildElem: (element: TaskbarElement, className: string, getTitle: (element: TaskbarElement) => string, action: (element: string | TaskbarElement) => void, isEnabled: (element: TaskbarElement) => boolean, actions: Array<Action>) => HTMLElement;
+export declare const buildCustomButton: (def: CustomButton, className: string, action: (name: string) => void, isEnabled: (name: string) => boolean) => HTMLElement;
+export declare const buildElem: (element: TaskbarElement, className: string, getTitle: (name: string) => string, action: (name: string) => void, isEnabled: (name: string) => boolean, actions: Array<Action>) => HTMLElement;

package/dist/types/components/snk-taskbar/processor/taskbar-processor.d.ts

@@ -0,0 +1,12 @@
+import { DataState } from "../../snk-data-unit/snk-data-unit";
+import { CustomButton, TaskbarManager } from "../snk-taskbar";
+export default class TaskbarProcessor {
+  private _defaultButtons;
+  buttons: string;
+  disabledButtons: Array<string>;
+  customButtons: Map<string, CustomButton>;
+  constructor(defaultButtons: any);
+  process(taskbarId: string, taskbarManager: TaskbarManager, dataState: DataState, disabledButtons?: Array<string>): void;
+  private getButtonsArray;
+  private isEnabled;
+}

package/dist/types/components/snk-taskbar/snk-taskbar.d.ts

@@ -1,6 +1,7 @@
 import { DataUnit } from '@sankhyalabs/core';
 import { EventEmitter } from '../../stencil-public-runtime';
 import { SnkApplication } from '../snk-application/snk-application';
+import { DataState } from '../snk-data-unit/snk-data-unit';
 import { TaskbarElement } from './elements/taskbar-elements';
 export declare class SnkTaskbar {
   _application: SnkApplication;
@@ -8,6 +9,11 @@ export declare class SnkTaskbar {
    * Lista separada por virgula, contendo todos os elementos a serem criados
    */
   buttons: string;
+  /**
+   * Mapa com definição de botões personalizados. A chave do mapa deve ser
+   * passada na lista "buttons" no lugar onde o botão irá aparecer.
+   */
+  customButtons: Map<string, CustomButton>;
   /**
    * Lista de ações que devem ser usadas no botão "Mais opções"
    */
@@ -57,7 +63,7 @@ export declare class SnkTaskbar {
   private getTitle;
   private elementClick;
   private isEnabled;
-  getElement(index: number, def: TaskbarElement): HTMLElement;
+  getElement(index: number, def: TaskbarElement | CustomButton): HTMLElement;
   componentWillLoad(): void;
   componentWillRender(): void;
   render(): any;
@@ -66,3 +72,13 @@ export interface Action {
   value: string;
   label: string;
 }
+export interface CustomButton {
+  name: string;
+  hint: string;
+  text?: string;
+  iconName?: string;
+}
+export interface TaskbarManager {
+  getButtons: (taskbarId: string, dataState: DataState, currentButtons: Array<string>) => Array<string | CustomButton>;
+  isEnabled?: (taskbarId: string, dataState: DataState, buttonName: string, currentValue: boolean) => boolean;
+}

package/dist/types/components.d.ts

@@ -11,11 +11,15 @@ import { DataUnit, Filter } from "@sankhyalabs/core";
 import { DialogType, MessageOptions } from "@sankhyalabs/ezui/dist/collection/utils";
 import { FieldConfig, RecordValidator } from "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form";
 import { IGridConfig } from "@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController";
+import { SnkFilterItemConfig } from "./components/snk-filter-bar/filter-item/snk-filter-item";
 import { Option } from "@sankhyalabs/ezui/dist/types/components/ez-combo-box/ez-combo-box";
 import { SearchCriteria } from "./lib/http/data-fetcher/fetchers/pesquisa-fetcher";
-import { Action } from "./components/snk-taskbar/snk-taskbar";
+import { Action, TaskbarManager } from "./components/snk-taskbar/snk-taskbar";
 import { DataState } from "./components/snk-data-unit/snk-data-unit";
-import { Action as Action1 } from "./components/snk-taskbar/snk-taskbar";
+import { SnkFilterItemConfig as SnkFilterItemConfig1 } from "./components/snk-filter-bar/filter-item/snk-filter-item";
+import { ListItem } from "./components/snk-filter-bar/filter-list/snk-filter-list";
+import { Period } from "./components/snk-filter-bar/filter-item/editors/snk-filter-period";
+import { Action as Action1, CustomButton } from "./components/snk-taskbar/snk-taskbar";
 export namespace Components {
     interface SnkApplication {
         /**
@@ -38,6 +42,7 @@ export namespace Components {
           * Mostra o diálogo de erro de acordo com os parâmetros passados.
          */
         "error": (title: string, message: string, icon?: string, options?: MessageOptions) => Promise<boolean>;
+        "executePreparedSearch": (mode: string, argument: string, options: any) => Promise<Array<Option> | Option>;
         "executeSearch": (searchArgument: any, fieldName: string, dataUnit: DataUnit) => Promise<Array<Option> | Option>;
         /**
           * Retorna todos os acessos do usuário logado.
@@ -63,6 +68,10 @@ export namespace Components {
           * Retorna o valor de um parâmetro do tipo data.
          */
         "getDateParam": (name: string) => Promise<Date>;
+        /**
+          * Obtém as configurações da barra de filtros
+         */
+        "getFilterBarConfig": () => Promise<Array<SnkFilterItemConfig>>;
         /**
           * Retorna o valor de um parâmetro do tipo Decimal.
          */
@@ -134,12 +143,22 @@ export namespace Components {
         "temOpcional": (opcional: string) => Promise<boolean>;
     }
     interface SnkCrud {
+        /**
+          * Ações a serem colocadas no botão "Mais opções".
+         */
         "actionsList": Array<Action>;
+        /**
+          * Usado para salvar as configurações dos blocos de construção.
+         */
         "configName": string;
         /**
           * Validador responsável por checar a integridade das informações do registro
          */
         "recordsValidator": RecordValidator;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager": TaskbarManager;
     }
     interface SnkDataUnit {
         /**
@@ -180,6 +199,61 @@ export namespace Components {
          */
         "pageSize": number;
     }
+    interface SnkFilterBar {
+        /**
+          * Recebe o DataUnit do ambiente. Se não for informado, procura pela referência do SnkDataUnit. Necessário para se registrar como provedor de filtros.
+         */
+        "dataUnit": DataUnit;
+        /**
+          * Lista de todos os filtros disponíveis ao usuário.
+         */
+        "filterConfig": Array<SnkFilterItemConfig>;
+    }
+    interface SnkFilterBinarySelect {
+        "config": SnkFilterItemConfig;
+        "value": any;
+    }
+    interface SnkFilterDetail {
+        "config": SnkFilterItemConfig;
+        "getMessage": (key: string, props?: any) => string;
+        "keepOpened": boolean;
+    }
+    interface SnkFilterItem {
+        "config": SnkFilterItemConfig;
+        "getMessage": (key: string, props?: any) => string;
+        "showUp": (open?: boolean) => Promise<void>;
+    }
+    interface SnkFilterList {
+        "buttonClass": string;
+        "emptyText": string;
+        "findFilterText": string;
+        "getMessage": (key: string, props?: any) => string;
+        "iconName": string;
+        "items": Array<ListItem>;
+        "label": string;
+    }
+    interface SnkFilterMultiSelect {
+        "config": SnkFilterItemConfig;
+        "value": any;
+    }
+    interface SnkFilterNumber {
+        "config": SnkFilterItemConfig;
+        "value": number;
+    }
+    interface SnkFilterPeriod {
+        "config": SnkFilterItemConfig;
+        "value": Period;
+    }
+    interface SnkFilterSearch {
+        "config": SnkFilterItemConfig;
+        "fix": ()=>void;
+        "unfix": ()=>void;
+        "value": Option;
+    }
+    interface SnkFilterText {
+        "config": SnkFilterItemConfig;
+        "value": string;
+    }
     interface SnkForm {
         /**
           * Lista de ações que devem ser usadas no botão "Mais opções"
@@ -193,6 +267,10 @@ export namespace Components {
           * Validador responsável por checar a integridade das informações do registro
          */
         "recordsValidator": RecordValidator;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager": TaskbarManager;
     }
     interface SnkGrid {
         /**
@@ -203,6 +281,10 @@ export namespace Components {
           * Nome usado para salvar/recuperar a configuração
          */
         "configName": string;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager": TaskbarManager;
     }
     interface SnkPesquisa {
         "argument": string;
@@ -218,6 +300,10 @@ export namespace Components {
           * Lista separada por virgula, contendo todos os elementos a serem criados
          */
         "buttons": string;
+        /**
+          * Mapa com definição de botões personalizados. A chave do mapa deve ser  passada na lista "buttons" no lugar onde o botão irá aparecer.
+         */
+        "customButtons": Map<string, CustomButton>;
         /**
           * Instância do DataUnit
          */
@@ -238,10 +324,26 @@ export interface SnkApplicationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSnkApplicationElement;
 }
+export interface SnkCrudCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkCrudElement;
+}
 export interface SnkDataUnitCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSnkDataUnitElement;
 }
+export interface SnkFilterDetailCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkFilterDetailElement;
+}
+export interface SnkFilterItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkFilterItemElement;
+}
+export interface SnkFilterListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkFilterListElement;
+}
 export interface SnkFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSnkFormElement;
@@ -273,6 +375,66 @@ declare global {
         prototype: HTMLSnkDataUnitElement;
         new (): HTMLSnkDataUnitElement;
     };
+    interface HTMLSnkFilterBarElement extends Components.SnkFilterBar, HTMLStencilElement {
+    }
+    var HTMLSnkFilterBarElement: {
+        prototype: HTMLSnkFilterBarElement;
+        new (): HTMLSnkFilterBarElement;
+    };
+    interface HTMLSnkFilterBinarySelectElement extends Components.SnkFilterBinarySelect, HTMLStencilElement {
+    }
+    var HTMLSnkFilterBinarySelectElement: {
+        prototype: HTMLSnkFilterBinarySelectElement;
+        new (): HTMLSnkFilterBinarySelectElement;
+    };
+    interface HTMLSnkFilterDetailElement extends Components.SnkFilterDetail, HTMLStencilElement {
+    }
+    var HTMLSnkFilterDetailElement: {
+        prototype: HTMLSnkFilterDetailElement;
+        new (): HTMLSnkFilterDetailElement;
+    };
+    interface HTMLSnkFilterItemElement extends Components.SnkFilterItem, HTMLStencilElement {
+    }
+    var HTMLSnkFilterItemElement: {
+        prototype: HTMLSnkFilterItemElement;
+        new (): HTMLSnkFilterItemElement;
+    };
+    interface HTMLSnkFilterListElement extends Components.SnkFilterList, HTMLStencilElement {
+    }
+    var HTMLSnkFilterListElement: {
+        prototype: HTMLSnkFilterListElement;
+        new (): HTMLSnkFilterListElement;
+    };
+    interface HTMLSnkFilterMultiSelectElement extends Components.SnkFilterMultiSelect, HTMLStencilElement {
+    }
+    var HTMLSnkFilterMultiSelectElement: {
+        prototype: HTMLSnkFilterMultiSelectElement;
+        new (): HTMLSnkFilterMultiSelectElement;
+    };
+    interface HTMLSnkFilterNumberElement extends Components.SnkFilterNumber, HTMLStencilElement {
+    }
+    var HTMLSnkFilterNumberElement: {
+        prototype: HTMLSnkFilterNumberElement;
+        new (): HTMLSnkFilterNumberElement;
+    };
+    interface HTMLSnkFilterPeriodElement extends Components.SnkFilterPeriod, HTMLStencilElement {
+    }
+    var HTMLSnkFilterPeriodElement: {
+        prototype: HTMLSnkFilterPeriodElement;
+        new (): HTMLSnkFilterPeriodElement;
+    };
+    interface HTMLSnkFilterSearchElement extends Components.SnkFilterSearch, HTMLStencilElement {
+    }
+    var HTMLSnkFilterSearchElement: {
+        prototype: HTMLSnkFilterSearchElement;
+        new (): HTMLSnkFilterSearchElement;
+    };
+    interface HTMLSnkFilterTextElement extends Components.SnkFilterText, HTMLStencilElement {
+    }
+    var HTMLSnkFilterTextElement: {
+        prototype: HTMLSnkFilterTextElement;
+        new (): HTMLSnkFilterTextElement;
+    };
     interface HTMLSnkFormElement extends Components.SnkForm, HTMLStencilElement {
     }
     var HTMLSnkFormElement: {
@@ -307,6 +469,16 @@ declare global {
         "snk-application": HTMLSnkApplicationElement;
         "snk-crud": HTMLSnkCrudElement;
         "snk-data-unit": HTMLSnkDataUnitElement;
+        "snk-filter-bar": HTMLSnkFilterBarElement;
+        "snk-filter-binary-select": HTMLSnkFilterBinarySelectElement;
+        "snk-filter-detail": HTMLSnkFilterDetailElement;
+        "snk-filter-item": HTMLSnkFilterItemElement;
+        "snk-filter-list": HTMLSnkFilterListElement;
+        "snk-filter-multi-select": HTMLSnkFilterMultiSelectElement;
+        "snk-filter-number": HTMLSnkFilterNumberElement;
+        "snk-filter-period": HTMLSnkFilterPeriodElement;
+        "snk-filter-search": HTMLSnkFilterSearchElement;
+        "snk-filter-text": HTMLSnkFilterTextElement;
         "snk-form": HTMLSnkFormElement;
         "snk-grid": HTMLSnkGridElement;
         "snk-pesquisa": HTMLSnkPesquisaElement;
@@ -330,12 +502,26 @@ declare namespace LocalJSX {
         "onApplicationLoading"?: (event: SnkApplicationCustomEvent<boolean>) => void;
     }
     interface SnkCrud {
+        /**
+          * Ações a serem colocadas no botão "Mais opções".
+         */
         "actionsList"?: Array<Action>;
+        /**
+          * Usado para salvar as configurações dos blocos de construção.
+         */
         "configName"?: string;
+        /**
+          * Emitido pela taskbar sempre que houver click de botão ou ação
+         */
+        "onActionClick"?: (event: SnkCrudCustomEvent<string>) => void;
         /**
           * Validador responsável por checar a integridade das informações do registro
          */
         "recordsValidator"?: RecordValidator;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager"?: TaskbarManager;
     }
     interface SnkDataUnit {
         /**
@@ -387,6 +573,63 @@ declare namespace LocalJSX {
          */
         "pageSize"?: number;
     }
+    interface SnkFilterBar {
+        /**
+          * Recebe o DataUnit do ambiente. Se não for informado, procura pela referência do SnkDataUnit. Necessário para se registrar como provedor de filtros.
+         */
+        "dataUnit"?: DataUnit;
+        /**
+          * Lista de todos os filtros disponíveis ao usuário.
+         */
+        "filterConfig"?: Array<SnkFilterItemConfig>;
+    }
+    interface SnkFilterBinarySelect {
+        "config"?: SnkFilterItemConfig;
+        "value"?: any;
+    }
+    interface SnkFilterDetail {
+        "config"?: SnkFilterItemConfig;
+        "getMessage"?: (key: string, props?: any) => string;
+        "keepOpened"?: boolean;
+        "onFilterChange"?: (event: SnkFilterDetailCustomEvent<SnkFilterItemConfig>) => void;
+    }
+    interface SnkFilterItem {
+        "config"?: SnkFilterItemConfig;
+        "getMessage"?: (key: string, props?: any) => string;
+        "onFilterChange"?: (event: SnkFilterItemCustomEvent<SnkFilterItemConfig>) => void;
+    }
+    interface SnkFilterList {
+        "buttonClass"?: string;
+        "emptyText"?: string;
+        "findFilterText"?: string;
+        "getMessage"?: (key: string, props?: any) => string;
+        "iconName"?: string;
+        "items"?: Array<ListItem>;
+        "label"?: string;
+        "onSnkItemSelected"?: (event: SnkFilterListCustomEvent<string>) => void;
+    }
+    interface SnkFilterMultiSelect {
+        "config"?: SnkFilterItemConfig;
+        "value"?: any;
+    }
+    interface SnkFilterNumber {
+        "config"?: SnkFilterItemConfig;
+        "value"?: number;
+    }
+    interface SnkFilterPeriod {
+        "config"?: SnkFilterItemConfig;
+        "value"?: Period;
+    }
+    interface SnkFilterSearch {
+        "config"?: SnkFilterItemConfig;
+        "fix"?: ()=>void;
+        "unfix"?: ()=>void;
+        "value"?: Option;
+    }
+    interface SnkFilterText {
+        "config"?: SnkFilterItemConfig;
+        "value"?: string;
+    }
     interface SnkForm {
         /**
           * Lista de ações que devem ser usadas no botão "Mais opções"
@@ -408,6 +651,10 @@ declare namespace LocalJSX {
           * Validador responsável por checar a integridade das informações do registro
          */
         "recordsValidator"?: RecordValidator;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager"?: TaskbarManager;
     }
     interface SnkGrid {
         /**
@@ -426,6 +673,10 @@ declare namespace LocalJSX {
           * Emitido sempre que houver duplo click na grade
          */
         "onGridDoubleClick"?: (event: SnkGridCustomEvent<void>) => void;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager"?: TaskbarManager;
     }
     interface SnkPesquisa {
         "argument"?: string;
@@ -441,6 +692,10 @@ declare namespace LocalJSX {
           * Lista separada por virgula, contendo todos os elementos a serem criados
          */
         "buttons"?: string;
+        /**
+          * Mapa com definição de botões personalizados. A chave do mapa deve ser  passada na lista "buttons" no lugar onde o botão irá aparecer.
+         */
+        "customButtons"?: Map<string, CustomButton>;
         /**
           * Instância do DataUnit
          */
@@ -464,6 +719,16 @@ declare namespace LocalJSX {
         "snk-application": SnkApplication;
         "snk-crud": SnkCrud;
         "snk-data-unit": SnkDataUnit;
+        "snk-filter-bar": SnkFilterBar;
+        "snk-filter-binary-select": SnkFilterBinarySelect;
+        "snk-filter-detail": SnkFilterDetail;
+        "snk-filter-item": SnkFilterItem;
+        "snk-filter-list": SnkFilterList;
+        "snk-filter-multi-select": SnkFilterMultiSelect;
+        "snk-filter-number": SnkFilterNumber;
+        "snk-filter-period": SnkFilterPeriod;
+        "snk-filter-search": SnkFilterSearch;
+        "snk-filter-text": SnkFilterText;
         "snk-form": SnkForm;
         "snk-grid": SnkGrid;
         "snk-pesquisa": SnkPesquisa;
@@ -478,6 +743,16 @@ declare module "@stencil/core" {
             "snk-application": LocalJSX.SnkApplication & JSXBase.HTMLAttributes<HTMLSnkApplicationElement>;
             "snk-crud": LocalJSX.SnkCrud & JSXBase.HTMLAttributes<HTMLSnkCrudElement>;
             "snk-data-unit": LocalJSX.SnkDataUnit & JSXBase.HTMLAttributes<HTMLSnkDataUnitElement>;
+            "snk-filter-bar": LocalJSX.SnkFilterBar & JSXBase.HTMLAttributes<HTMLSnkFilterBarElement>;
+            "snk-filter-binary-select": LocalJSX.SnkFilterBinarySelect & JSXBase.HTMLAttributes<HTMLSnkFilterBinarySelectElement>;
+            "snk-filter-detail": LocalJSX.SnkFilterDetail & JSXBase.HTMLAttributes<HTMLSnkFilterDetailElement>;
+            "snk-filter-item": LocalJSX.SnkFilterItem & JSXBase.HTMLAttributes<HTMLSnkFilterItemElement>;
+            "snk-filter-list": LocalJSX.SnkFilterList & JSXBase.HTMLAttributes<HTMLSnkFilterListElement>;
+            "snk-filter-multi-select": LocalJSX.SnkFilterMultiSelect & JSXBase.HTMLAttributes<HTMLSnkFilterMultiSelectElement>;
+            "snk-filter-number": LocalJSX.SnkFilterNumber & JSXBase.HTMLAttributes<HTMLSnkFilterNumberElement>;
+            "snk-filter-period": LocalJSX.SnkFilterPeriod & JSXBase.HTMLAttributes<HTMLSnkFilterPeriodElement>;
+            "snk-filter-search": LocalJSX.SnkFilterSearch & JSXBase.HTMLAttributes<HTMLSnkFilterSearchElement>;
+            "snk-filter-text": LocalJSX.SnkFilterText & JSXBase.HTMLAttributes<HTMLSnkFilterTextElement>;
             "snk-form": LocalJSX.SnkForm & JSXBase.HTMLAttributes<HTMLSnkFormElement>;
             "snk-grid": LocalJSX.SnkGrid & JSXBase.HTMLAttributes<HTMLSnkGridElement>;
             "snk-pesquisa": LocalJSX.SnkPesquisa & JSXBase.HTMLAttributes<HTMLSnkPesquisaElement>;