@sankhyalabs/sankhyablocks 1.4.0-beta.1 → 1.4.0-beta.11

package/dist/types/components.d.ts

@@ -9,15 +9,20 @@ import { SnkMessageBuilder } from "./lib/message/SnkMessageBuilder";
 import { AutorizationType } from "./lib/http/data-fetcher/fetchers/auth-fetcher";
 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 { IFieldConfig, IFormConfig, IRecordValidator } from "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form";
 import { IGridConfig, IStatusResolver } from "@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController";
+import { IUserConfig } from "./lib/http/data-fetcher/fetchers/form-config-fetcher";
 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 { IOption, ISearchArgument } from "@sankhyalabs/ezui/dist/types/components/ez-combo-box/ez-combo-box";
 import { SearchCriteria } from "./lib/http/data-fetcher/fetchers/pesquisa-fetcher";
+import { IConfigModal } from "./components/snk-configurator/subcomponents/snk-config-modal/snk-config-modal";
 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 { ModalItem } from "./components/snk-filter-bar/filter-modal/snk-filter-modal";
+import { ModalAction } from "@sankhyalabs/ezui/dist/collection/components/ez-modal-container";
+import { ITab } from "./components/snk-form/subcomponents/snk-tab-config/snk-tab-config";
 import { Action as Action1, CustomButton } from "./components/snk-taskbar/snk-taskbar";
 export namespace Components {
     interface SnkApplication {
@@ -25,6 +30,7 @@ export namespace Components {
           * Mostra o diálogo de alerta de acordo com os parâmetros passados.
          */
         "alert": (title: string, message: string, icon?: string, options?: MessageOptions) => Promise<boolean>;
+        "closeModal": () => Promise<void>;
         /**
           * Fecha o popup, liberando o conteúdo.
          */
@@ -45,8 +51,20 @@ 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>;
+        "executePreparedSearch": (mode: string, argument: string, options: any) => Promise<Array<IOption> | IOption>;
+        "executeSearch": (searchArgument: ISearchArgument, fieldName: string, dataUnit: DataUnit) => Promise<Array<IOption> | IOption>;
+        /**
+          * Busca a configuração padrão de formulário.
+         */
+        "fetchDefaultConfig": (name: string) => Promise<IFormConfig>;
+        /**
+          * Busca a configuração de formulário do usuário.
+         */
+        "fetchLegacyConfig": (name: string) => Promise<IFormConfig>;
+        /**
+          * Busca lista de configurações de formulário do usuário.
+         */
+        "fetchUserAvailableConfigs": (name: string) => Promise<Array<IUserConfig>>;
         /**
           * Retorna todos os acessos do usuário logado.
          */
@@ -91,6 +109,10 @@ export namespace Components {
           * Retorna o valor de um parâmetro do tipo string.
          */
         "getStringParam": (name: string) => Promise<string>;
+        /**
+          * Retorna o resourceID da tela em questão.
+         */
+        "getUserID": () => Promise<string>;
         /**
           * Se o usuário logado tem permissão pra determinada ação.
          */
@@ -107,7 +129,7 @@ export namespace Components {
         /**
           * Busca a configuração de formulário.
          */
-        "loadFormConfig": (name: string) => Promise<Array<FieldConfig>>;
+        "loadFormConfig": (name: string) => Promise<IFormConfig>;
         /**
           * Busca a configuração de grade.
          */
@@ -136,14 +158,19 @@ export namespace Components {
           * Salva as configurações da barra de filtros
          */
         "saveFilterBarConfig": (config: Array<SnkFilterItemConfig>, name: string) => Promise<boolean>;
+        /**
+          * Salva a configuração de formulário.
+         */
+        "saveFormConfig": (config: IFormConfig, name: string) => Promise<boolean>;
         /**
           * Salva a configuração de grade.
          */
         "saveGridConfig": (config: IGridConfig) => Promise<boolean>;
+        "showModal": (content: HTMLElement) => Promise<void>;
         /**
           * Mostra o conteúdo passado em um Popup
          */
-        "showPopUp": (content: HTMLElement) => Promise<void>;
+        "showPopUp": (content: HTMLElement, size?: string) => Promise<void>;
         /**
           * Mostra o diálogo de sucesso de acordo com os parâmetros passados.
          */
@@ -153,6 +180,44 @@ export namespace Components {
          */
         "temOpcional": (opcional: string) => Promise<boolean>;
     }
+    interface SnkConfigModal {
+        /**
+          * Nome usado para guardar/recuperar as configurações do formulário
+         */
+        "configName": string;
+        /**
+          * Define se o modo grid está ativo.
+         */
+        "gridMode": boolean;
+    }
+    interface SnkConfigOptions {
+        /**
+          * Repositório de dados responsável por controlar a manipulação dos dados
+         */
+        "dataUnit": DataUnit;
+        /**
+          * Armazena as propriedades do campo
+         */
+        "fieldConfig": IFieldConfig;
+        /**
+          * Armazena a chave de opções de configuração
+         */
+        "idConfig": string;
+    }
+    interface SnkConfigurator {
+        /**
+          * Nome usado para guardar/recuperar as configurações do formulário
+         */
+        "configName": string;
+        /**
+          * Define se o campo está habilitado.
+         */
+        "enabled": boolean;
+        /**
+          * Nome do componente que será vinculado ao `data-configurator-parent` para controlar o modal de configurações.
+         */
+        "name": string;
+    }
     interface SnkCrud {
         /**
           * Ações a serem colocadas no botão "Mais opções".
@@ -162,10 +227,14 @@ export namespace Components {
           * Usado para salvar as configurações dos blocos de construção.
          */
         "configName": string;
+        /**
+          * Usado para alternar a visão entre GRID e FORM externamente.
+         */
+        "goToView": (mode: string) => Promise<void>;
         /**
           * Validador responsável por checar a integridade das informações do registro
          */
-        "recordsValidator": RecordValidator;
+        "recordsValidator": IRecordValidator;
         /**
           * Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
          */
@@ -180,10 +249,6 @@ export namespace Components {
           * 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.
          */
@@ -214,6 +279,20 @@ export namespace Components {
          */
         "pageSize": number;
     }
+    interface SnkFieldConfig {
+        /**
+          * Armazena as propriedades do campo
+         */
+        "fieldConfig": IFieldConfig;
+        /**
+          * Define se o popover de configuração está ativo.
+         */
+        "isConfigActive": Boolean;
+        /**
+          * Define se o componente está em modo de inserção
+         */
+        "modeInsertion": boolean;
+    }
     interface SnkFilterBar {
         /**
           * Eventualmente poderemos ter mais de uma barra de filtros. Essa propriedade serve para separar a configuração de cada uma.
@@ -230,16 +309,18 @@ export namespace Components {
     }
     interface SnkFilterBinarySelect {
         "config": SnkFilterItemConfig;
+        "show": () => Promise<void>;
         "value": any;
     }
     interface SnkFilterDetail {
         "config": SnkFilterItemConfig;
         "getMessage": (key: string, props?: any) => string;
-        "keepOpened": boolean;
+        "show": () => Promise<void>;
     }
     interface SnkFilterItem {
         "config": SnkFilterItemConfig;
         "getMessage": (key: string, props?: any) => string;
+        "hideDetail": () => Promise<void>;
         "showUp": (open?: boolean) => Promise<void>;
     }
     interface SnkFilterList {
@@ -247,27 +328,48 @@ export namespace Components {
         "emptyText": string;
         "findFilterText": string;
         "getMessage": (key: string, props?: any) => string;
+        "hideDetail": () => Promise<void>;
         "iconName": string;
         "items": Array<ListItem>;
         "label": string;
     }
+    interface SnkFilterModal {
+        "cancelButtonLabel": string;
+        "getMessage": (key: string, props?: any) => string;
+        "infoText": string;
+        "items": Array<ModalItem>;
+        "modalSubTitle": string;
+        "modalTitle": string;
+        "okButtonLabel": string;
+        "processModalAction": (action: ModalAction) => void;
+        "useSearch": boolean;
+    }
     interface SnkFilterMultiSelect {
         "config": SnkFilterItemConfig;
+        "show": () => Promise<void>;
         "value": any;
     }
     interface SnkFilterNumber {
         "config": SnkFilterItemConfig;
+        "show": () => Promise<void>;
         "value": number;
     }
     interface SnkFilterPeriod {
         "config": SnkFilterItemConfig;
+        "show": () => Promise<void>;
         "value": any;
     }
-    interface SnkFilterSearch {
+    interface SnkFilterPersonalized {
         "config": SnkFilterItemConfig;
         "fix": ()=>void;
+        "show": () => Promise<void>;
         "unfix": ()=>void;
-        "value": Option;
+        "value": Array<IOption|boolean|string|number|Date>;
+    }
+    interface SnkFilterSearch {
+        "config": SnkFilterItemConfig;
+        "show": () => Promise<void>;
+        "value": IOption;
     }
     interface SnkFilterText {
         "config": SnkFilterItemConfig;
@@ -285,12 +387,34 @@ export namespace Components {
         /**
           * Validador responsável por checar a integridade das informações do registro
          */
-        "recordsValidator": RecordValidator;
+        "recordsValidator": IRecordValidator;
+        /**
+          * Método responsável por setar as configurações do form.
+         */
+        "setConfig": (config: IFormConfig) => Promise<void>;
+        /**
+          * Método responsável em abrir ou fechar o modal de configurações do form.
+         */
+        "setShowFormConfig": (value: boolean) => Promise<void>;
         /**
           * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
          */
         "taskbarManager": TaskbarManager;
     }
+    interface SnkFormConfig {
+        /**
+          * Repositório de dados, controla a manipulação dos dados
+         */
+        "dataUnit": DataUnit;
+        /**
+          * Campos de configuração de formulário.
+         */
+        "formConfig": IFormConfig;
+        /**
+          * Representa o elemento pai do componente.
+         */
+        "parentForm": HTMLSnkFormElement;
+    }
     interface SnkGrid {
         /**
           * Lista de ações que devem ser usadas no botão "Mais opções"
@@ -300,6 +424,14 @@ export namespace Components {
           * Nome usado para salvar/recuperar a configuração
          */
         "configName": string;
+        /**
+          * Método responsável por setar as configurações da grade.
+         */
+        "setConfig": (config: IGridConfig) => Promise<void>;
+        /**
+          * Método responsável em abrir ou fechar o modal de configurações da grade.
+         */
+        "setShowGridConfig": (value: boolean) => Promise<void>;
         /**
           * Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
          */
@@ -314,6 +446,20 @@ export namespace Components {
         "searchLoader": Function;
         "selectItem": Function;
     }
+    interface SnkTabConfig {
+        /**
+          * Define o index da aba selecionada.
+         */
+        "selectedIndex": number;
+        /**
+          * Define a aba selecionada.
+         */
+        "selectedTab": string;
+        /**
+          * Define o nome das abas do componente, separadas por vírgulas ",".
+         */
+        "tabs": string;
+    }
     interface SnkTaskbar {
         /**
           * Lista de ações que devem ser usadas no botão "Mais opções"
@@ -323,6 +469,10 @@ export namespace Components {
           * Lista separada por virgula, contendo todos os elementos a serem criados
          */
         "buttons": string;
+        /**
+          * Nome usado para guardar/recuperar as configurações do formulário
+         */
+        "configName": 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.
          */
@@ -347,6 +497,18 @@ export interface SnkApplicationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSnkApplicationElement;
 }
+export interface SnkConfigModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkConfigModalElement;
+}
+export interface SnkConfigOptionsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkConfigOptionsElement;
+}
+export interface SnkConfiguratorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkConfiguratorElement;
+}
 export interface SnkCrudCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSnkCrudElement;
@@ -355,6 +517,10 @@ export interface SnkDataUnitCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSnkDataUnitElement;
 }
+export interface SnkFieldConfigCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkFieldConfigElement;
+}
 export interface SnkFilterDetailCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSnkFilterDetailElement;
@@ -371,10 +537,18 @@ export interface SnkFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSnkFormElement;
 }
+export interface SnkFormConfigCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkFormConfigElement;
+}
 export interface SnkGridCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSnkGridElement;
 }
+export interface SnkTabConfigCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkTabConfigElement;
+}
 export interface SnkTaskbarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSnkTaskbarElement;
@@ -386,6 +560,24 @@ declare global {
         prototype: HTMLSnkApplicationElement;
         new (): HTMLSnkApplicationElement;
     };
+    interface HTMLSnkConfigModalElement extends Components.SnkConfigModal, HTMLStencilElement {
+    }
+    var HTMLSnkConfigModalElement: {
+        prototype: HTMLSnkConfigModalElement;
+        new (): HTMLSnkConfigModalElement;
+    };
+    interface HTMLSnkConfigOptionsElement extends Components.SnkConfigOptions, HTMLStencilElement {
+    }
+    var HTMLSnkConfigOptionsElement: {
+        prototype: HTMLSnkConfigOptionsElement;
+        new (): HTMLSnkConfigOptionsElement;
+    };
+    interface HTMLSnkConfiguratorElement extends Components.SnkConfigurator, HTMLStencilElement {
+    }
+    var HTMLSnkConfiguratorElement: {
+        prototype: HTMLSnkConfiguratorElement;
+        new (): HTMLSnkConfiguratorElement;
+    };
     interface HTMLSnkCrudElement extends Components.SnkCrud, HTMLStencilElement {
     }
     var HTMLSnkCrudElement: {
@@ -398,6 +590,12 @@ declare global {
         prototype: HTMLSnkDataUnitElement;
         new (): HTMLSnkDataUnitElement;
     };
+    interface HTMLSnkFieldConfigElement extends Components.SnkFieldConfig, HTMLStencilElement {
+    }
+    var HTMLSnkFieldConfigElement: {
+        prototype: HTMLSnkFieldConfigElement;
+        new (): HTMLSnkFieldConfigElement;
+    };
     interface HTMLSnkFilterBarElement extends Components.SnkFilterBar, HTMLStencilElement {
     }
     var HTMLSnkFilterBarElement: {
@@ -428,6 +626,12 @@ declare global {
         prototype: HTMLSnkFilterListElement;
         new (): HTMLSnkFilterListElement;
     };
+    interface HTMLSnkFilterModalElement extends Components.SnkFilterModal, HTMLStencilElement {
+    }
+    var HTMLSnkFilterModalElement: {
+        prototype: HTMLSnkFilterModalElement;
+        new (): HTMLSnkFilterModalElement;
+    };
     interface HTMLSnkFilterMultiSelectElement extends Components.SnkFilterMultiSelect, HTMLStencilElement {
     }
     var HTMLSnkFilterMultiSelectElement: {
@@ -446,6 +650,12 @@ declare global {
         prototype: HTMLSnkFilterPeriodElement;
         new (): HTMLSnkFilterPeriodElement;
     };
+    interface HTMLSnkFilterPersonalizedElement extends Components.SnkFilterPersonalized, HTMLStencilElement {
+    }
+    var HTMLSnkFilterPersonalizedElement: {
+        prototype: HTMLSnkFilterPersonalizedElement;
+        new (): HTMLSnkFilterPersonalizedElement;
+    };
     interface HTMLSnkFilterSearchElement extends Components.SnkFilterSearch, HTMLStencilElement {
     }
     var HTMLSnkFilterSearchElement: {
@@ -464,6 +674,12 @@ declare global {
         prototype: HTMLSnkFormElement;
         new (): HTMLSnkFormElement;
     };
+    interface HTMLSnkFormConfigElement extends Components.SnkFormConfig, HTMLStencilElement {
+    }
+    var HTMLSnkFormConfigElement: {
+        prototype: HTMLSnkFormConfigElement;
+        new (): HTMLSnkFormConfigElement;
+    };
     interface HTMLSnkGridElement extends Components.SnkGrid, HTMLStencilElement {
     }
     var HTMLSnkGridElement: {
@@ -476,6 +692,12 @@ declare global {
         prototype: HTMLSnkPesquisaElement;
         new (): HTMLSnkPesquisaElement;
     };
+    interface HTMLSnkTabConfigElement extends Components.SnkTabConfig, HTMLStencilElement {
+    }
+    var HTMLSnkTabConfigElement: {
+        prototype: HTMLSnkTabConfigElement;
+        new (): HTMLSnkTabConfigElement;
+    };
     interface HTMLSnkTaskbarElement extends Components.SnkTaskbar, HTMLStencilElement {
     }
     var HTMLSnkTaskbarElement: {
@@ -490,21 +712,29 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "snk-application": HTMLSnkApplicationElement;
+        "snk-config-modal": HTMLSnkConfigModalElement;
+        "snk-config-options": HTMLSnkConfigOptionsElement;
+        "snk-configurator": HTMLSnkConfiguratorElement;
         "snk-crud": HTMLSnkCrudElement;
         "snk-data-unit": HTMLSnkDataUnitElement;
+        "snk-field-config": HTMLSnkFieldConfigElement;
         "snk-filter-bar": HTMLSnkFilterBarElement;
         "snk-filter-binary-select": HTMLSnkFilterBinarySelectElement;
         "snk-filter-detail": HTMLSnkFilterDetailElement;
         "snk-filter-item": HTMLSnkFilterItemElement;
         "snk-filter-list": HTMLSnkFilterListElement;
+        "snk-filter-modal": HTMLSnkFilterModalElement;
         "snk-filter-multi-select": HTMLSnkFilterMultiSelectElement;
         "snk-filter-number": HTMLSnkFilterNumberElement;
         "snk-filter-period": HTMLSnkFilterPeriodElement;
+        "snk-filter-personalized": HTMLSnkFilterPersonalizedElement;
         "snk-filter-search": HTMLSnkFilterSearchElement;
         "snk-filter-text": HTMLSnkFilterTextElement;
         "snk-form": HTMLSnkFormElement;
+        "snk-form-config": HTMLSnkFormConfigElement;
         "snk-grid": HTMLSnkGridElement;
         "snk-pesquisa": HTMLSnkPesquisaElement;
+        "snk-tab-config": HTMLSnkTabConfigElement;
         "snk-taskbar": HTMLSnkTaskbarElement;
         "teste-pesquisa": HTMLTestePesquisaElement;
     }
@@ -528,6 +758,60 @@ declare namespace LocalJSX {
          */
         "onApplicationLoading"?: (event: SnkApplicationCustomEvent<boolean>) => void;
     }
+    interface SnkConfigModal {
+        /**
+          * Nome usado para guardar/recuperar as configurações do formulário
+         */
+        "configName"?: string;
+        /**
+          * Define se o modo grid está ativo.
+         */
+        "gridMode"?: boolean;
+        /**
+          * Evento disparado quando o modal é fechado.
+         */
+        "onCancelConfig"?: (event: SnkConfigModalCustomEvent<void>) => void;
+        /**
+          * Evento disparado quando há alteração nas configurações.
+         */
+        "onChangeConfig"?: (event: SnkConfigModalCustomEvent<IConfigModal>) => void;
+    }
+    interface SnkConfigOptions {
+        /**
+          * Repositório de dados responsável por controlar a manipulação dos dados
+         */
+        "dataUnit"?: DataUnit;
+        /**
+          * Armazena as propriedades do campo
+         */
+        "fieldConfig"?: IFieldConfig;
+        /**
+          * Armazena a chave de opções de configuração
+         */
+        "idConfig"?: string;
+        /**
+          * Evento disparado ao realizar alguma alteração nos campos
+         */
+        "onConfigOptionsChanged"?: (event: SnkConfigOptionsCustomEvent<any>) => void;
+    }
+    interface SnkConfigurator {
+        /**
+          * Nome usado para guardar/recuperar as configurações do formulário
+         */
+        "configName"?: string;
+        /**
+          * Define se o campo está habilitado.
+         */
+        "enabled"?: boolean;
+        /**
+          * Nome do componente que será vinculado ao `data-configurator-parent` para controlar o modal de configurações.
+         */
+        "name"?: string;
+        /**
+          * Evento disparado quando há alteração no modo de visualização.
+         */
+        "onChangeViewMode"?: (event: SnkConfiguratorCustomEvent<string>) => void;
+    }
     interface SnkCrud {
         /**
           * Ações a serem colocadas no botão "Mais opções".
@@ -544,7 +828,7 @@ declare namespace LocalJSX {
         /**
           * Validador responsável por checar a integridade das informações do registro
          */
-        "recordsValidator"?: RecordValidator;
+        "recordsValidator"?: IRecordValidator;
         /**
           * Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
          */
@@ -559,10 +843,6 @@ declare namespace LocalJSX {
           * 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.
          */
@@ -604,6 +884,24 @@ declare namespace LocalJSX {
          */
         "pageSize"?: number;
     }
+    interface SnkFieldConfig {
+        /**
+          * Armazena as propriedades do campo
+         */
+        "fieldConfig"?: IFieldConfig;
+        /**
+          * Define se o popover de configuração está ativo.
+         */
+        "isConfigActive"?: Boolean;
+        /**
+          * Define se o componente está em modo de inserção
+         */
+        "modeInsertion"?: boolean;
+        /**
+          * Evento disparado ao pressionar button icon(onEzClickIcon)
+         */
+        "onEzClickIcon"?: (event: SnkFieldConfigCustomEvent<Object>) => void;
+    }
     interface SnkFilterBar {
         /**
           * Eventualmente poderemos ter mais de uma barra de filtros. Essa propriedade serve para separar a configuração de cada uma.
@@ -625,7 +923,6 @@ declare namespace LocalJSX {
     interface SnkFilterDetail {
         "config"?: SnkFilterItemConfig;
         "getMessage"?: (key: string, props?: any) => string;
-        "keepOpened"?: boolean;
         "onFilterChange"?: (event: SnkFilterDetailCustomEvent<SnkFilterItemConfig>) => void;
     }
     interface SnkFilterItem {
@@ -643,6 +940,17 @@ declare namespace LocalJSX {
         "label"?: string;
         "onSnkItemSelected"?: (event: SnkFilterListCustomEvent<string>) => void;
     }
+    interface SnkFilterModal {
+        "cancelButtonLabel"?: string;
+        "getMessage"?: (key: string, props?: any) => string;
+        "infoText"?: string;
+        "items"?: Array<ModalItem>;
+        "modalSubTitle"?: string;
+        "modalTitle"?: string;
+        "okButtonLabel"?: string;
+        "processModalAction"?: (action: ModalAction) => void;
+        "useSearch"?: boolean;
+    }
     interface SnkFilterMultiSelect {
         "config"?: SnkFilterItemConfig;
         "value"?: any;
@@ -655,11 +963,15 @@ declare namespace LocalJSX {
         "config"?: SnkFilterItemConfig;
         "value"?: any;
     }
-    interface SnkFilterSearch {
+    interface SnkFilterPersonalized {
         "config"?: SnkFilterItemConfig;
         "fix"?: ()=>void;
         "unfix"?: ()=>void;
-        "value"?: Option;
+        "value"?: Array<IOption|boolean|string|number|Date>;
+    }
+    interface SnkFilterSearch {
+        "config"?: SnkFilterItemConfig;
+        "value"?: IOption;
     }
     interface SnkFilterText {
         "config"?: SnkFilterItemConfig;
@@ -678,6 +990,10 @@ declare namespace LocalJSX {
           * Emitido sempre que houver click de botão ou ação
          */
         "onActionClick"?: (event: SnkFormCustomEvent<string>) => void;
+        /**
+          * Evento disparado quando as configurações são alteradas.
+         */
+        "onConfigChanged"?: (event: SnkFormCustomEvent<IFormConfig>) => void;
         /**
           * Emitido quando o botão de voltar é acionado
          */
@@ -685,12 +1001,30 @@ declare namespace LocalJSX {
         /**
           * Validador responsável por checar a integridade das informações do registro
          */
-        "recordsValidator"?: RecordValidator;
+        "recordsValidator"?: IRecordValidator;
         /**
           * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
          */
         "taskbarManager"?: TaskbarManager;
     }
+    interface SnkFormConfig {
+        /**
+          * Repositório de dados, controla a manipulação dos dados
+         */
+        "dataUnit"?: DataUnit;
+        /**
+          * Campos de configuração de formulário.
+         */
+        "formConfig"?: IFormConfig;
+        /**
+          * Evento disparado ao salvar as configurações.
+         */
+        "onConfigChange"?: (event: SnkFormConfigCustomEvent<IFormConfig>) => void;
+        /**
+          * Representa o elemento pai do componente.
+         */
+        "parentForm"?: HTMLSnkFormElement;
+    }
     interface SnkGrid {
         /**
           * Lista de ações que devem ser usadas no botão "Mais opções"
@@ -704,6 +1038,10 @@ declare namespace LocalJSX {
           * Emitido sempre que houver click de botão ou ação
          */
         "onActionClick"?: (event: SnkGridCustomEvent<string>) => void;
+        /**
+          * Evento disparado quando as configurações são alteradas.
+         */
+        "onConfigChanged"?: (event: SnkGridCustomEvent<IGridConfig>) => void;
         /**
           * Emitido sempre que houver duplo click na grade
          */
@@ -722,6 +1060,44 @@ declare namespace LocalJSX {
         "searchLoader"?: Function;
         "selectItem"?: Function;
     }
+    interface SnkTabConfig {
+        /**
+          * Evento emitido ao ocultar uma aba.
+         */
+        "onCanStartDrag"?: (event: SnkTabConfigCustomEvent<any>) => void;
+        /**
+          * Evento emitido ao deletar uma aba.
+         */
+        "onDeleteTab"?: (event: SnkTabConfigCustomEvent<any>) => void;
+        /**
+          * Evento emitido ao salvar uma alteração realizada no título da tab
+         */
+        "onEditionTitleTab"?: (event: SnkTabConfigCustomEvent<any>) => void;
+        /**
+          * Evento emitido ao mover a aba mudando a sua ordem.
+         */
+        "onEzOrderChange"?: (event: SnkTabConfigCustomEvent<number>) => void;
+        /**
+          * Evento emitido ao clicar para abrir o popup (ezTabChange). O detail desse evento carrega tanto o tabKey quanto o index da aba selecionada.
+         */
+        "onEzTabChange"?: (event: SnkTabConfigCustomEvent<ITab>) => void;
+        /**
+          * Evento emitido ao ocultar uma aba.
+         */
+        "onHideTab"?: (event: SnkTabConfigCustomEvent<any>) => void;
+        /**
+          * Define o index da aba selecionada.
+         */
+        "selectedIndex"?: number;
+        /**
+          * Define a aba selecionada.
+         */
+        "selectedTab"?: string;
+        /**
+          * Define o nome das abas do componente, separadas por vírgulas ",".
+         */
+        "tabs"?: string;
+    }
     interface SnkTaskbar {
         /**
           * Lista de ações que devem ser usadas no botão "Mais opções"
@@ -731,6 +1107,10 @@ declare namespace LocalJSX {
           * Lista separada por virgula, contendo todos os elementos a serem criados
          */
         "buttons"?: string;
+        /**
+          * Nome usado para guardar/recuperar as configurações do formulário
+         */
+        "configName"?: 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.
          */
@@ -743,6 +1123,10 @@ declare namespace LocalJSX {
           * Array contendo todos os botões a serem desabilitados
          */
         "disabledButtons"?: Array<string>;
+        /**
+          * Emitido sempre que houver alteração em algum elemento aberto pelo botão de ação
+         */
+        "onActionChange"?: (event: SnkTaskbarCustomEvent<any>) => void;
         /**
           * Emitido sempre que houver click de botão ou ação
          */
@@ -756,21 +1140,29 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "snk-application": SnkApplication;
+        "snk-config-modal": SnkConfigModal;
+        "snk-config-options": SnkConfigOptions;
+        "snk-configurator": SnkConfigurator;
         "snk-crud": SnkCrud;
         "snk-data-unit": SnkDataUnit;
+        "snk-field-config": SnkFieldConfig;
         "snk-filter-bar": SnkFilterBar;
         "snk-filter-binary-select": SnkFilterBinarySelect;
         "snk-filter-detail": SnkFilterDetail;
         "snk-filter-item": SnkFilterItem;
         "snk-filter-list": SnkFilterList;
+        "snk-filter-modal": SnkFilterModal;
         "snk-filter-multi-select": SnkFilterMultiSelect;
         "snk-filter-number": SnkFilterNumber;
         "snk-filter-period": SnkFilterPeriod;
+        "snk-filter-personalized": SnkFilterPersonalized;
         "snk-filter-search": SnkFilterSearch;
         "snk-filter-text": SnkFilterText;
         "snk-form": SnkForm;
+        "snk-form-config": SnkFormConfig;
         "snk-grid": SnkGrid;
         "snk-pesquisa": SnkPesquisa;
+        "snk-tab-config": SnkTabConfig;
         "snk-taskbar": SnkTaskbar;
         "teste-pesquisa": TestePesquisa;
     }
@@ -780,21 +1172,29 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "snk-application": LocalJSX.SnkApplication & JSXBase.HTMLAttributes<HTMLSnkApplicationElement>;
+            "snk-config-modal": LocalJSX.SnkConfigModal & JSXBase.HTMLAttributes<HTMLSnkConfigModalElement>;
+            "snk-config-options": LocalJSX.SnkConfigOptions & JSXBase.HTMLAttributes<HTMLSnkConfigOptionsElement>;
+            "snk-configurator": LocalJSX.SnkConfigurator & JSXBase.HTMLAttributes<HTMLSnkConfiguratorElement>;
             "snk-crud": LocalJSX.SnkCrud & JSXBase.HTMLAttributes<HTMLSnkCrudElement>;
             "snk-data-unit": LocalJSX.SnkDataUnit & JSXBase.HTMLAttributes<HTMLSnkDataUnitElement>;
+            "snk-field-config": LocalJSX.SnkFieldConfig & JSXBase.HTMLAttributes<HTMLSnkFieldConfigElement>;
             "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-modal": LocalJSX.SnkFilterModal & JSXBase.HTMLAttributes<HTMLSnkFilterModalElement>;
             "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-personalized": LocalJSX.SnkFilterPersonalized & JSXBase.HTMLAttributes<HTMLSnkFilterPersonalizedElement>;
             "snk-filter-search": LocalJSX.SnkFilterSearch & JSXBase.HTMLAttributes<HTMLSnkFilterSearchElement>;
             "snk-filter-text": LocalJSX.SnkFilterText & JSXBase.HTMLAttributes<HTMLSnkFilterTextElement>;
             "snk-form": LocalJSX.SnkForm & JSXBase.HTMLAttributes<HTMLSnkFormElement>;
+            "snk-form-config": LocalJSX.SnkFormConfig & JSXBase.HTMLAttributes<HTMLSnkFormConfigElement>;
             "snk-grid": LocalJSX.SnkGrid & JSXBase.HTMLAttributes<HTMLSnkGridElement>;
             "snk-pesquisa": LocalJSX.SnkPesquisa & JSXBase.HTMLAttributes<HTMLSnkPesquisaElement>;
+            "snk-tab-config": LocalJSX.SnkTabConfig & JSXBase.HTMLAttributes<HTMLSnkTabConfigElement>;
             "snk-taskbar": LocalJSX.SnkTaskbar & JSXBase.HTMLAttributes<HTMLSnkTaskbarElement>;
             "teste-pesquisa": LocalJSX.TestePesquisa & JSXBase.HTMLAttributes<HTMLTestePesquisaElement>;
         }