@sankhyalabs/sankhyablocks 1.3.34 → 1.4.0-beta.1

package/dist/types/components.d.ts

@@ -5,47 +5,341 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { SnkMessageBuilder } from "./lib/message/SnkMessageBuilder";
 import { AutorizationType } from "./lib/http/data-fetcher/fetchers/auth-fetcher";
-import { DataUnit } from "@sankhyalabs/core";
-import { MessageOptions } from "@sankhyalabs/ezui/dist/collection/utils";
-import { FieldConfig } from "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form";
-import { IGridConfig } from "@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController";
+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, IStatusResolver } 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, TaskbarManager } from "./components/snk-taskbar/snk-taskbar";
+import { DataState } from "./components/snk-data-unit/snk-data-unit";
+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 { Action as Action1, CustomButton } from "./components/snk-taskbar/snk-taskbar";
 export namespace Components {
     interface SnkApplication {
+        /**
+          * Mostra o diálogo de alerta de acordo com os parâmetros passados.
+         */
         "alert": (title: string, message: string, icon?: string, options?: MessageOptions) => Promise<boolean>;
+        /**
+          * Fecha o popup, liberando o conteúdo.
+         */
         "closePopUp": () => Promise<void>;
-        "confirm": (title: string, message: string, icon?: string, critical?: boolean, options?: MessageOptions) => Promise<boolean>;
-        "createDataunit": (entityName: string) => Promise<DataUnit>;
+        /**
+          * Usado para salvar as configurações dos blocos de construção.
+         */
+        "configName": string;
+        /**
+          * Exibe um diálogo de confirmação
+         */
+        "confirm": (title: string, message: string, icon?: string, dialogType?: DialogType, options?: MessageOptions) => Promise<boolean>;
+        /**
+          * Cria o DataUnit a partir do nome da entidade. É possível armazená-lo no cache passando o dataUnitName, assim, se mais de uma chamada for feita, o mesmo DataUnit será usado
+         */
+        "createDataunit": (entityName: string, dataUnitName?: string) => Promise<DataUnit>;
+        /**
+          * 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.
+         */
         "getAllAccess": () => Promise<any>;
+        /**
+          * Acessa informações de contexto "empurrados" na abertura da tela
+         */
         "getAttributeFromHTMLWrapper": (attribName: string) => Promise<string>;
+        /**
+          * Retorna o valor de um parâmetro do tipo booleano.
+         */
         "getBooleanParam": (name: string) => Promise<boolean>;
+        /**
+          * Retorna a configuração de um recurso por service broker Veja também o método "loadConfig"
+         */
         "getConfig": (key: string) => Promise<any>;
+        /**
+          * Obtem um DataUnit do cache ou cria um caso ainda não tenha sido criado.
+         */
+        "getDataUnit": (entityName: string, dataUnitName: string) => Promise<DataUnit>;
+        /**
+          * 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": (name: string) => Promise<Array<SnkFilterItemConfig>>;
+        /**
+          * Retorna o valor de um parâmetro do tipo Decimal.
+         */
         "getFloatParam": (name: string) => Promise<number>;
+        /**
+          * Retorna o valor de um parâmetro do tipo Inteiro.
+         */
         "getIntParam": (name: string) => Promise<number>;
+        /**
+          * Retorna o resourceID da tela em questão.
+         */
         "getResourceID": () => Promise<string>;
+        /**
+          * Retorna o valor de um parâmetro do tipo string.
+         */
         "getStringParam": (name: string) => Promise<string>;
+        /**
+          * Se o usuário logado tem permissão pra determinada ação.
+         */
         "hasAccess": (access: AutorizationType) => Promise<boolean>;
+        /**
+          * Mostra uma informação efêmera (de segundo plano).
+         */
         "info": (message: string, options?: MessageOptions) => Promise<void>;
         "isDebugMode": () => Promise<boolean>;
+        /**
+          * Caso o usuário logado seja o SUP.
+         */
         "isUserSup": () => Promise<boolean>;
+        /**
+          * Busca a configuração de formulário.
+         */
         "loadFormConfig": (name: string) => Promise<Array<FieldConfig>>;
-        "loadGridConfig": () => Promise<IGridConfig>;
+        /**
+          * Busca a configuração de grade.
+         */
+        "loadGridConfig": (name: string) => Promise<IGridConfig>;
+        /**
+          * Busca os totalizadores da grade.
+         */
+        "loadTotals": (name: string, resourceID: string, filters: Array<Filter>) => Promise<Map<string, number>>;
+        /**
+          * Exibe um diálogo de mensagem comum
+         */
+        "message": (title: string, message: string, icon?: string, options?: MessageOptions) => Promise<boolean>;
+        /**
+          * messagesBuilder é um utilitário responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção.
+         */
+        "messagesBuilder": SnkMessageBuilder;
+        /**
+          * Abre determinada tela, repassando pkObject
+         */
         "openApp": (resourceId: string, pkObject: Object) => Promise<void>;
+        /**
+          * Salva a configuração de determinado recurso.
+         */
         "saveConfig": (key: string, data: Object) => Promise<any>;
+        /**
+          * Salva as configurações da barra de filtros
+         */
+        "saveFilterBarConfig": (config: Array<SnkFilterItemConfig>, name: string) => Promise<boolean>;
+        /**
+          * Salva a configuração de grade.
+         */
         "saveGridConfig": (config: IGridConfig) => Promise<boolean>;
+        /**
+          * Mostra o conteúdo passado em um Popup
+         */
         "showPopUp": (content: HTMLElement) => Promise<void>;
+        /**
+          * Mostra o diálogo de sucesso de acordo com os parâmetros passados.
+         */
+        "success": (title: string, message: string, icon?: string, options?: MessageOptions) => Promise<boolean>;
+        /**
+          * Verifica se a licença do cliente tem determinado opcional (produto)
+         */
         "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;
+        /**
+          * Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
+         */
+        "statusResolver": IStatusResolver;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager": TaskbarManager;
+    }
+    interface SnkDataUnit {
+        /**
+          * Executado após a ação de salvar
+         */
+        "afterSave": (dataUnit: DataUnit) => void;
+        /**
+          * Quando ativada essa propriedade faz com que haja uma carga imediata no DataUnit
+         */
+        "autoLoad": boolean;
+        /**
+          * Executado imediatamente antes da ação de salvar as alterações. Útil no caso de validações por exemplo. Caso retorne "false" (ou a promessa se resolva como false), cancela a ação.
+         */
+        "beforeSave": (dataUnit: DataUnit) => boolean | Promise<boolean>;
+        /**
+          * O estato atual dos dados, isto é se há alteração, insersão, as linhas selecionadas, etc.
+         */
+        "dataState": DataState;
+        /**
+          * Uma vez instanciado, pode-se obter o dataUnit por esta propriedade
+         */
+        "dataUnit": DataUnit;
+        /**
+          * Este atributo é usado para criar o dataUnit uma única vez. Se omitido será usado o próprio nome da entidade.
+         */
+        "dataUnitName": string;
+        /**
+          * Determina qual a entidade representa os dados em questão.
+         */
+        "entityName": string;
+        /**
+          * Pode-se obter o dataUnit através desse método. Outra forma, é ouvir o evento de
+          * @returns dataUnit
+         */
+        "getDataUnit": () => Promise<DataUnit>;
+        /**
+          * Determina quantas linhas são retornadas por página
+         */
+        "pageSize": number;
+    }
+    interface SnkFilterBar {
+        /**
+          * Eventualmente poderemos ter mais de uma barra de filtros. Essa propriedade serve para separar a configuração de cada uma.
+         */
+        "configName": string;
+        /**
+          * 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": any;
+    }
+    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"
+         */
+        "actionsList": Array<Action>;
+        /**
+          * Nome usado para guardar/recuperar as configurações do formulário
+         */
+        "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 SnkGrid {
+        /**
+          * Lista de ações que devem ser usadas no botão "Mais opções"
+         */
+        "actionsList": Array<Action>;
+        /**
+          * Nome usado para salvar/recuperar a configuração
+         */
+        "configName": string;
+        /**
+          * Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
+         */
+        "statusResolver": IStatusResolver;
+        /**
+          * 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;
         "searchLoader": Function;
         "selectItem": Function;
     }
+    interface SnkTaskbar {
+        /**
+          * Lista de ações que devem ser usadas no botão "Mais opções"
+         */
+        "actionsList": Array<Action>;
+        /**
+          * 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
+         */
+        "dataUnit": DataUnit;
+        /**
+          * Array contendo todos os botões a serem desabilitados
+         */
+        "disabledButtons": Array<string>;
+        /**
+          * Qual botão deve ter aparência primária
+         */
+        "primaryButton": string;
+    }
     interface TestePesquisa {
     }
 }
@@ -53,6 +347,38 @@ 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;
+}
+export interface SnkGridCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkGridElement;
+}
+export interface SnkTaskbarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkTaskbarElement;
+}
 declare global {
     interface HTMLSnkApplicationElement extends Components.SnkApplication, HTMLStencilElement {
     }
@@ -60,12 +386,102 @@ declare global {
         prototype: HTMLSnkApplicationElement;
         new (): HTMLSnkApplicationElement;
     };
+    interface HTMLSnkCrudElement extends Components.SnkCrud, HTMLStencilElement {
+    }
+    var HTMLSnkCrudElement: {
+        prototype: HTMLSnkCrudElement;
+        new (): HTMLSnkCrudElement;
+    };
+    interface HTMLSnkDataUnitElement extends Components.SnkDataUnit, HTMLStencilElement {
+    }
+    var HTMLSnkDataUnitElement: {
+        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: {
+        prototype: HTMLSnkFormElement;
+        new (): HTMLSnkFormElement;
+    };
+    interface HTMLSnkGridElement extends Components.SnkGrid, HTMLStencilElement {
+    }
+    var HTMLSnkGridElement: {
+        prototype: HTMLSnkGridElement;
+        new (): HTMLSnkGridElement;
+    };
     interface HTMLSnkPesquisaElement extends Components.SnkPesquisa, HTMLStencilElement {
     }
     var HTMLSnkPesquisaElement: {
         prototype: HTMLSnkPesquisaElement;
         new (): HTMLSnkPesquisaElement;
     };
+    interface HTMLSnkTaskbarElement extends Components.SnkTaskbar, HTMLStencilElement {
+    }
+    var HTMLSnkTaskbarElement: {
+        prototype: HTMLSnkTaskbarElement;
+        new (): HTMLSnkTaskbarElement;
+    };
     interface HTMLTestePesquisaElement extends Components.TestePesquisa, HTMLStencilElement {
     }
     var HTMLTestePesquisaElement: {
@@ -74,31 +490,288 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "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;
+        "snk-taskbar": HTMLSnkTaskbarElement;
         "teste-pesquisa": HTMLTestePesquisaElement;
     }
 }
 declare namespace LocalJSX {
     interface SnkApplication {
+        /**
+          * Usado para salvar as configurações dos blocos de construção.
+         */
+        "configName"?: string;
+        /**
+          * messagesBuilder é um utilitário responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção.
+         */
+        "messagesBuilder"?: SnkMessageBuilder;
         /**
           * Evento disparado quando a aplicação for carregada.
          */
         "onApplicationLoaded"?: (event: SnkApplicationCustomEvent<boolean>) => void;
         /**
-          * Evento
+          * Evento disparado ao iniciar a carga do componente
          */
         "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;
+        /**
+          * Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
+         */
+        "statusResolver"?: IStatusResolver;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager"?: TaskbarManager;
+    }
+    interface SnkDataUnit {
+        /**
+          * Executado após a ação de salvar
+         */
+        "afterSave"?: (dataUnit: DataUnit) => void;
+        /**
+          * Quando ativada essa propriedade faz com que haja uma carga imediata no DataUnit
+         */
+        "autoLoad"?: boolean;
+        /**
+          * Executado imediatamente antes da ação de salvar as alterações. Útil no caso de validações por exemplo. Caso retorne "false" (ou a promessa se resolva como false), cancela a ação.
+         */
+        "beforeSave"?: (dataUnit: DataUnit) => boolean | Promise<boolean>;
+        /**
+          * O estato atual dos dados, isto é se há alteração, insersão, as linhas selecionadas, etc.
+         */
+        "dataState"?: DataState;
+        /**
+          * Uma vez instanciado, pode-se obter o dataUnit por esta propriedade
+         */
+        "dataUnit"?: DataUnit;
+        /**
+          * Este atributo é usado para criar o dataUnit uma única vez. Se omitido será usado o próprio nome da entidade.
+         */
+        "dataUnitName"?: string;
+        /**
+          * Determina qual a entidade representa os dados em questão.
+         */
+        "entityName"?: string;
+        /**
+          * Disparado quando se cancela uma insersão/cópia
+         */
+        "onCancelEdition"?: (event: SnkDataUnitCustomEvent<void>) => void;
+        /**
+          * Disparado quando o há qualquer mudança de estado no DataUnit
+         */
+        "onDataStateChange"?: (event: SnkDataUnitCustomEvent<DataState>) => void;
+        /**
+          * Disparado quando o DataUnit está pronto
+         */
+        "onDataUnitReady"?: (event: SnkDataUnitCustomEvent<DataUnit>) => void;
+        /**
+          * Disparado quando um registro é adicionado ou copiado
+         */
+        "onInsertionMode"?: (event: SnkDataUnitCustomEvent<void>) => void;
+        /**
+          * Determina quantas linhas são retornadas por página
+         */
+        "pageSize"?: number;
+    }
+    interface SnkFilterBar {
+        /**
+          * Eventualmente poderemos ter mais de uma barra de filtros. Essa propriedade serve para separar a configuração de cada uma.
+         */
+        "configName"?: string;
+        /**
+          * 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"?: any;
+    }
+    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"
+         */
+        "actionsList"?: Array<Action>;
+        /**
+          * Nome usado para guardar/recuperar as configurações do formulário
+         */
+        "configName"?: string;
+        /**
+          * Emitido sempre que houver click de botão ou ação
+         */
+        "onActionClick"?: (event: SnkFormCustomEvent<string>) => void;
+        /**
+          * Emitido quando o botão de voltar é acionado
+         */
+        "onExit"?: (event: SnkFormCustomEvent<void>) => 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 SnkGrid {
+        /**
+          * Lista de ações que devem ser usadas no botão "Mais opções"
+         */
+        "actionsList"?: Array<Action>;
+        /**
+          * Nome usado para salvar/recuperar a configuração
+         */
+        "configName"?: string;
+        /**
+          * Emitido sempre que houver click de botão ou ação
+         */
+        "onActionClick"?: (event: SnkGridCustomEvent<string>) => void;
+        /**
+          * Emitido sempre que houver duplo click na grade
+         */
+        "onGridDoubleClick"?: (event: SnkGridCustomEvent<void>) => void;
+        /**
+          * Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
+         */
+        "statusResolver"?: IStatusResolver;
+        /**
+          * 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;
         "searchLoader"?: Function;
         "selectItem"?: Function;
     }
+    interface SnkTaskbar {
+        /**
+          * Lista de ações que devem ser usadas no botão "Mais opções"
+         */
+        "actionsList"?: Array<Action>;
+        /**
+          * 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
+         */
+        "dataUnit"?: DataUnit;
+        /**
+          * Array contendo todos os botões a serem desabilitados
+         */
+        "disabledButtons"?: Array<string>;
+        /**
+          * Emitido sempre que houver click de botão ou ação
+         */
+        "onActionClick"?: (event: SnkTaskbarCustomEvent<string>) => void;
+        /**
+          * Qual botão deve ter aparência primária
+         */
+        "primaryButton"?: string;
+    }
     interface TestePesquisa {
     }
     interface IntrinsicElements {
         "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;
+        "snk-taskbar": SnkTaskbar;
         "teste-pesquisa": TestePesquisa;
     }
 }
@@ -107,7 +780,22 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "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>;
+            "snk-taskbar": LocalJSX.SnkTaskbar & JSXBase.HTMLAttributes<HTMLSnkTaskbarElement>;
             "teste-pesquisa": LocalJSX.TestePesquisa & JSXBase.HTMLAttributes<HTMLTestePesquisaElement>;
         }
     }