@sankhyalabs/sankhyablocks 1.4.0-beta.7 → 1.4.0-beta.9

package/dist/types/components.d.ts

@@ -9,17 +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 {
@@ -48,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.
          */
@@ -110,7 +125,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.
          */
@@ -139,6 +154,10 @@ 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.
          */
@@ -157,6 +176,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".
@@ -173,7 +230,7 @@ export namespace Components {
         /**
           * 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" } }
          */
@@ -218,6 +275,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.
@@ -286,13 +357,15 @@ export namespace Components {
     }
     interface SnkFilterPersonalized {
         "config": SnkFilterItemConfig;
+        "fix": ()=>void;
         "show": () => Promise<void>;
-        "value": Array<Option|boolean|string|number|Date>;
+        "unfix": ()=>void;
+        "value": Array<IOption|boolean|string|number|Date>;
     }
     interface SnkFilterSearch {
         "config": SnkFilterItemConfig;
         "show": () => Promise<void>;
-        "value": Option;
+        "value": IOption;
     }
     interface SnkFilterText {
         "config": SnkFilterItemConfig;
@@ -310,12 +383,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"
@@ -325,6 +420,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" } }
          */
@@ -339,6 +442,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"
@@ -348,6 +465,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.
          */
@@ -372,6 +493,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;
@@ -380,6 +513,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;
@@ -396,10 +533,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;
@@ -411,6 +556,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: {
@@ -423,6 +586,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: {
@@ -501,6 +670,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: {
@@ -513,6 +688,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: {
@@ -527,8 +708,12 @@ 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;
@@ -542,8 +727,10 @@ declare global {
         "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;
     }
@@ -567,6 +754,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".
@@ -583,7 +824,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" } }
          */
@@ -639,6 +880,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.
@@ -702,11 +961,13 @@ declare namespace LocalJSX {
     }
     interface SnkFilterPersonalized {
         "config"?: SnkFilterItemConfig;
-        "value"?: Array<Option|boolean|string|number|Date>;
+        "fix"?: ()=>void;
+        "unfix"?: ()=>void;
+        "value"?: Array<IOption|boolean|string|number|Date>;
     }
     interface SnkFilterSearch {
         "config"?: SnkFilterItemConfig;
-        "value"?: Option;
+        "value"?: IOption;
     }
     interface SnkFilterText {
         "config"?: SnkFilterItemConfig;
@@ -725,6 +986,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
          */
@@ -732,12 +997,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"
@@ -751,6 +1034,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
          */
@@ -769,6 +1056,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"
@@ -778,6 +1103,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.
          */
@@ -790,6 +1119,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
          */
@@ -803,8 +1136,12 @@ 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;
@@ -818,8 +1155,10 @@ declare namespace LocalJSX {
         "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;
     }
@@ -829,8 +1168,12 @@ 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>;
@@ -844,8 +1187,10 @@ declare module "@stencil/core" {
             "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>;
         }

package/dist/types/lib/http/data-fetcher/fetchers/form-config-fetcher.d.ts

@@ -1,6 +1,24 @@
-import { FieldConfig, TabConfig } from "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form";
+import { IFormConfig, ITabConfig } from "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form";
 import { ResourceFetcher } from "./resource-fetcher";
 export declare class FormConfigFetcher extends ResourceFetcher {
-  loadFormConfig(formName: string, resourceID: string): Promise<Array<FieldConfig>>;
-  getTabName(tab: string | TabConfig): string;
+  private queryConfig;
+  constructor();
+  private buildTemplatesConfig;
+  loadFormConfig(formName: string, resourceID: string): Promise<IFormConfig>;
+  getTabName(tab: string | ITabConfig): string;
+  saveConfig(config: IFormConfig, formName: string, resourceID: string): Promise<boolean>;
+  fetchUserAvailableConfigs(formName: string, resourceID: string): Promise<Array<IUserConfig>>;
+  fetchLegacyConfig(formName: string, resourceID: string): Promise<IFormConfig>;
+  fetchDefaultConfig(formName: string, resourceID: string): Promise<IFormConfig>;
+}
+export declare enum UserConfigType {
+  USER = "USER",
+  DEFAULT = "DEFAULT",
+  SHARED = "SHARED"
+}
+export interface IUserConfig {
+  name: string;
+  origin: UserConfigType;
+  key: string;
+  userID: number;
 }

package/dist/types/lib/http/data-fetcher/fetchers/resource-fetcher.d.ts

@@ -1,5 +1,6 @@
 export declare class ResourceFetcher {
   private templateByQuery;
+  private static _loadingResource;
   constructor();
   private buldTemplates;
   loadResource(name: string): Promise<string>;

package/dist/types/lib/message/resources/snk-configurator.msg.d.ts

@@ -0,0 +1,2 @@
+export declare const snkConfiguratorMessages: any;
+export declare const snkConfigModalMessages: any;