@sankhyalabs/ezui-docs 7.3.4 → 7.3.5-rc.1

package/components/ez-classic-time-input/readme.md

@@ -0,0 +1,88 @@
+# ez-classic-time-input
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property                 | Attribute                 | Description                                                                       | Type                               | Default     |
+| ------------------------ | ------------------------- | --------------------------------------------------------------------------------- | ---------------------------------- | ----------- |
+| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo ser apresentado como título do campo.                           | `string`                           | `undefined` |
+| `autoFocus`              | `auto-focus`              | Se true o campo de texto receberá o foco ao ser renderizado.                      | `boolean`                          | `false`     |
+| `canShowError`           | `can-show-error`          | Se false deixa de exibir a mensagem de erro dentro do campo.                      | `boolean`                          | `true`      |
+| `enabled`                | `enabled`                 | Se false o usuário não pode interagir com o campo.                                | `boolean`                          | `true`      |
+| `errorMessage`           | `error-message`           | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string`                           | `undefined` |
+| `label`                  | `label`                   | Texto a ser apresentado como título do campo.                                     | `string`                           | `undefined` |
+| `mode`                   | `mode`                    | Define o tamanho do campo.                                                        | `"regular" \| "slim"`              | `"regular"` |
+| `required`               | `required`                | Define se o campo é obrigatório                                                   | `boolean`                          | `false`     |
+| `showSeconds`            | `show-seconds`            | Se true considera segundos.                                                       | `boolean`                          | `false`     |
+| `size`                   | `size`                    | Tamanho do input                                                                  | `"default" \| "small" \| "xsmall"` | `"default"` |
+| `value`                  | `value`                   | Define o valor do campo.                                                          | `number`                           | `undefined` |
+
+
+## Events
+
+| Event                   | Description                                                                                    | Type                         |
+| ----------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------- |
+| `ezCancelWaitingChange` | Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange. | `CustomEvent<void>`          |
+| `ezChange`              | Emitido quando acontece a alteração de valor do campo.                                         | `CustomEvent<number>`        |
+| `ezStartChange`         | Emitido ao iniciar a alteração (digitação incompleta).                                         | `CustomEvent<WaitingChange>` |
+
+
+## Methods
+
+### `isInvalid() => Promise<boolean>`
+
+Retorna se o conteúdo é inválido.
+
+#### Returns
+
+Type: `Promise<boolean>`
+
+---
+
+### `setBlur() => Promise<void>`
+
+Remove o foco do campo.
+
+#### Returns
+
+Type: `Promise<void>`
+
+---
+
+### `setFocus({ selectText }: TFocusOptions) => Promise<void>`
+
+Aplica o foco no campo.
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+
+## Dependencies
+
+### Used by
+
+ - [ez-form-view](../ez-form-view)
+
+### Depends on
+
+- [ez-classic-input](../ez-classic-input)
+
+### Graph
+```mermaid
+graph TD;
+  ez-classic-time-input --> ez-classic-input
+  ez-classic-input --> ez-icon
+  ez-form-view --> ez-classic-time-input
+  style ez-classic-time-input fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+

package/components/ez-empty-card/readme.md

@@ -10,8 +10,8 @@
 | Property | Attribute | Description                                                                  | Type                                                                 | Default     |
 | -------- | --------- | ---------------------------------------------------------------------------- | -------------------------------------------------------------------- | ----------- |
 | `color`  | `color`   | Define a cor tema do componente.                                             | `"default" \| "gray" \| "green" \| "petroleum" \| "red" \| "yellow"` | `"default"` |
-| `height` | `height`  | Define o tamanho do componente, sobrescrevendo o padrão da propriedade size. | `number`                                                             | `undefined` |
-| `width`  | `width`   | Define a largura do componente, sobrescrevendo o padrão da propriedade size. | `number`                                                             | `undefined` |
+| `height` | `height`  | Define o tamanho do componente, sobrescrevendo o padrão da propriedade size. | `number \| string`                                                   | `undefined` |
+| `width`  | `width`   | Define a largura do componente, sobrescrevendo o padrão da propriedade size. | `number \| string`                                                   | `undefined` |
 
 
 ----------------------------------------------

package/components/ez-filter/readme.md

@@ -0,0 +1,401 @@
+# ez-filter
+
+Painel lateral de filtros, **agnóstico ao contexto de negócio**. Oferece uma estrutura flexível e
+reutilizável para montar filtros, gerando os campos automaticamente a partir da **metadata do core**
+(`UnitMetadata` via `DataUnit`) — o mesmo motor usado pelo `ez-form` (`buildFormMetadata` +
+`ez-form-view` + `DataBinder`).
+
+O componente cuida de **estrutura, comportamento e coleta/validação de valores**. Ele **emite eventos**
+de aplicação/remoção/limpeza; a tradução dos valores para `Filter`/`QuickFilter` e a aplicação efetiva
+(ex.: `dataUnit.loadData(...)`) ficam por conta do consumidor, mantendo a biblioteca sem regra de negócio.
+
+## Modos de interação
+
+- **`overlay`** (padrão): o painel é fixo e sobrepõe o conteúdo da página (com backdrop/scrim opcional),
+  sem alterar o layout.
+- **`push`**: o painel ocupa espaço no fluxo, deslocando (empurrando) o conteúdo irmão. Nesse modo,
+  posicione o `ez-filter` num container flex/grid ao lado do conteúdo principal.
+
+## Uso
+
+```tsx
+// React (@sankhyalabs/react-ezui)
+<EzFilter
+  ref={filterRef}
+  interactionMode="push"
+  metadata={unitMetadata}                 // metadata do core
+  fields={[{ name: "NOMEPARC" }, { name: "DATANEG", required: true }]}
+  initialValues={{ ATIVO: "S" }}
+  onEzApplyFilter={(e) => aplicarFiltros(e.detail.values)}
+  onEzClearFilter={() => limparFiltros()}
+/>;
+
+// Abrir/fechar e alterar valores por método
+await filterRef.current.open();
+await filterRef.current.setFieldValue("NOMEPARC", "Sankhya");
+const valores = await filterRef.current.getValues();
+```
+
+```html
+<!-- HTML puro: DataUnit já carregado é passado via propriedade -->
+<ez-filter id="meuFiltro" interaction-mode="overlay"></ez-filter>
+<script>
+  const el = document.querySelector("#meuFiltro");
+  el.dataUnit = meuDataUnit;               // com metadata do core já carregada
+  el.addEventListener("ezApplyFilter", (e) => console.log(e.detail.values));
+  el.open();
+</script>
+```
+
+## Campos customizados
+
+Campos que não existem na metadata padrão podem ser adicionados como campos `standAlone`, participando
+normalmente da coleta de valores, limpeza e validação:
+
+```ts
+await filterRef.current.registerCustomField({
+  name: "FAIXA_PRECO",
+  label: "Faixa de preço",
+  userInterface: UserInterface.DECIMALNUMBER,
+  required: false,
+});
+```
+
+Para conteúdo totalmente livre (fora do fluxo de valores/validação), há o slot `custom-fields` como
+escape hatch.
+
+<!-- Auto Generated Below -->
+
+
+## Overview
+
+Painel lateral de filtros, agnóstico ao contexto de negócio.
+
+Gera os campos automaticamente a partir da metadata do core (`UnitMetadata` via `DataUnit`),
+reutilizando o mesmo motor de dados do formulário (`buildFormMetadata` + `ez-form-view` + `DataBinder`).
+
+O componente é responsável apenas por estrutura, comportamento e coleta/validação de valores:
+ele **emite eventos** de aplicação/remoção/limpeza, deixando a tradução para `Filter`/`QuickFilter`
+e a aplicação efetiva (ex.: `dataUnit.loadData(...)`) por conta do consumidor.
+
+## Properties
+
+| Property            | Attribute              | Description                                                                                                                                                                                          | Type                            | Default     |
+| ------------------- | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- | ----------- |
+| `applyButtonLabel`  | `apply-button-label`   | Rótulo do botão de aplicar filtros.                                                                                                                                                                  | `string`                        | `undefined` |
+| `applyOnEnter`      | `apply-on-enter`       | Aplica os filtros ao pressionar `Enter` com o painel aberto.                                                                                                                                         | `boolean`                       | `true`      |
+| `clearButtonLabel`  | `clear-button-label`   | Rótulo do botão de limpar filtros.                                                                                                                                                                   | `string`                        | `undefined` |
+| `closeOnEsc`        | `close-on-esc`         | Fecha o painel ao pressionar `Esc`.                                                                                                                                                                  | `boolean`                       | `true`      |
+| `closeOnScrimClick` | `close-on-scrim-click` | Fecha o painel ao clicar no backdrop (modo `overlay`).                                                                                                                                               | `boolean`                       | `true`      |
+| `dataUnit`          | --                     | Unidade de dados que controla os valores e a metadata dos filtros. Quando ausente, o componente cria uma instância interna.                                                                          | `DataUnit`                      | `undefined` |
+| `fields`            | --                     | Seleção, ordem e sobrescrita (label, obrigatoriedade, valor padrão) dos campos. Quando ausente, todos os campos visíveis da metadata são apresentados.                                               | `IFieldConfig[]`                | `undefined` |
+| `initialValues`     | --                     | Valores iniciais dos filtros, no formato `{ nomeDoCampo: valor }`.                                                                                                                                   | `{ [fieldName: string]: any; }` | `undefined` |
+| `interactionMode`   | `interaction-mode`     | Define como o painel interage com o conteúdo principal. - `overlay`: sobrepõe o conteúdo, sem alterar o layout da página. - `push`: ocupa espaço no fluxo, deslocando (empurrando) o conteúdo irmão. | `"overlay" \| "push"`           | `"overlay"` |
+| `metadata`          | --                     | Metadata do core usada para gerar os campos. Alternativa a fornecer um `dataUnit` já carregado.                                                                                                      | `UnitMetadata`                  | `undefined` |
+| `opened`            | `opened`               | Define se o painel está aberto.                                                                                                                                                                      | `boolean`                       | `false`     |
+| `panelTitle`        | `panel-title`          | Título exibido no cabeçalho do painel.                                                                                                                                                               | `string`                        | `undefined` |
+| `recordValidator`   | --                     | Validador customizado responsável pela integridade dos filtros.                                                                                                                                      | `IRecordValidator`              | `undefined` |
+| `showScrim`         | `show-scrim`           | Exibe o backdrop (scrim) no modo `overlay`.                                                                                                                                                          | `boolean`                       | `true`      |
+
+
+## Events
+
+| Event            | Description                                              | Type                                              |
+| ---------------- | -------------------------------------------------------- | ------------------------------------------------- |
+| `ezApplyFilter`  | Emitido ao aplicar os filtros (após a validação).        | `CustomEvent<IFilterChange>`                      |
+| `ezChange`       | Emitido quando o valor de um campo do filtro é alterado. | `CustomEvent<{ fieldName: string; value: any; }>` |
+| `ezClearFilter`  | Emitido ao limpar todos os filtros.                      | `CustomEvent<void>`                               |
+| `ezClose`        | Emitido quando o painel é fechado.                       | `CustomEvent<void>`                               |
+| `ezOpen`         | Emitido quando o painel é aberto.                        | `CustomEvent<void>`                               |
+| `ezRemoveFilter` | Emitido ao remover um filtro específico.                 | `CustomEvent<{ fieldName: string; }>`             |
+
+
+## Methods
+
+### `addCustomEditor(fieldName: string, editor: ICustomEditor) => Promise<void>`
+
+Registra um editor customizado para um campo já existente na metadata.
+
+#### Returns
+
+Type: `Promise<void>`
+
+---
+
+### `apply() => Promise<boolean>`
+
+Valida e, quando válido, emite `ezApplyFilter` com os valores atuais.
+
+#### Returns
+
+Type: `Promise<boolean>`
+
+`true` quando aplicado; `false` quando bloqueado pela validação.
+
+---
+
+### `clear() => Promise<void>`
+
+Limpa todos os filtros (esvazia o valor de cada campo) e emite `ezClearFilter`.
+
+#### Returns
+
+Type: `Promise<void>`
+
+---
+
+### `close() => Promise<void>`
+
+Fecha o painel de filtros.
+
+#### Returns
+
+Type: `Promise<void>`
+
+---
+
+### `getValues() => Promise<{ [fieldName: string]: any; }>`
+
+Retorna os valores atuais dos filtros preenchidos.
+
+#### Returns
+
+Type: `Promise<{ [fieldName: string]: any; }>`
+
+Mapa `nomeDoCampo` → `valor`.
+
+---
+
+### `open() => Promise<void>`
+
+Abre o painel de filtros.
+
+#### Returns
+
+Type: `Promise<void>`
+
+---
+
+### `registerCustomField(field: IFilterCustomField) => Promise<void>`
+
+Adiciona um campo customizado que não existe na metadata padrão do core.
+
+#### Returns
+
+Type: `Promise<void>`
+
+---
+
+### `removeFilter(fieldName: string) => Promise<void>`
+
+Remove um filtro específico (limpa seu valor) e emite `ezRemoveFilter`.
+
+#### Returns
+
+Type: `Promise<void>`
+
+---
+
+### `setFieldValue(fieldName: string, value: any) => Promise<void>`
+
+Altera o valor de um filtro.
+
+#### Returns
+
+Type: `Promise<void>`
+
+---
+
+### `toggle() => Promise<void>`
+
+Alterna o estado de abertura do painel.
+
+#### Returns
+
+Type: `Promise<void>`
+
+---
+
+### `validate() => Promise<boolean>`
+
+Valida os filtros (campos obrigatórios e validador customizado).
+
+#### Returns
+
+Type: `Promise<boolean>`
+
+`true` quando válido; `false` caso contrário.
+
+
+## Shadow Parts
+
+| Part       | Description |
+| ---------- | ----------- |
+| `"body"`   |             |
+| `"footer"` |             |
+| `"header"` |             |
+| `"panel"`  |             |
+| `"scrim"`  |             |
+| `"title"`  |             |
+
+
+## Dependencies
+
+### Depends on
+
+- [ez-button](../ez-button)
+- [ez-form-view](../ez-form-view)
+
+### Graph
+```mermaid
+graph TD;
+  ez-filter --> ez-button
+  ez-filter --> ez-form-view
+  ez-button --> ez-icon
+  ez-form-view --> ez-custom-form-input
+  ez-form-view --> ez-collapsible-box
+  ez-form-view --> ez-check
+  ez-form-view --> ez-classic-combo-box
+  ez-form-view --> ez-combo-box
+  ez-form-view --> ez-classic-date-input
+  ez-form-view --> ez-date-input
+  ez-form-view --> ez-classic-time-input
+  ez-form-view --> ez-time-input
+  ez-form-view --> ez-classic-date-time-input
+  ez-form-view --> ez-date-time-input
+  ez-form-view --> ez-upload
+  ez-form-view --> ez-classic-number-input
+  ez-form-view --> ez-number-input
+  ez-form-view --> ez-classic-text-area
+  ez-form-view --> ez-text-area
+  ez-form-view --> ez-classic-input
+  ez-form-view --> ez-text-input
+  ez-form-view --> ez-classic-search-plus
+  ez-form-view --> ez-search-plus
+  ez-form-view --> ez-classic-search
+  ez-form-view --> ez-search
+  ez-form-view --> ez-rich-text
+  ez-form-view --> ez-image-input
+  ez-form-view --> ez-multi-select-input
+  ez-collapsible-box --> ez-icon
+  ez-collapsible-box --> ez-text-edit
+  ez-text-edit --> ez-text-input
+  ez-text-edit --> ez-button
+  ez-text-input --> ez-tooltip
+  ez-text-input --> ez-icon
+  ez-classic-combo-box --> ez-classic-input
+  ez-classic-combo-box --> ez-popover-core
+  ez-classic-input --> ez-icon
+  ez-combo-box --> ez-text-input
+  ez-combo-box --> ez-icon
+  ez-combo-box --> ez-popover-plus
+  ez-combo-box --> ez-combo-box-list
+  ez-popover-plus --> ez-popover-core
+  ez-classic-date-input --> ez-classic-input
+  ez-classic-date-input --> ez-popover-plus
+  ez-classic-date-input --> ez-calendar
+  ez-date-input --> ez-text-input
+  ez-date-input --> ez-popover-plus
+  ez-date-input --> ez-calendar
+  ez-classic-time-input --> ez-classic-input
+  ez-time-input --> ez-text-input
+  ez-time-input --> ez-icon
+  ez-classic-date-time-input --> ez-classic-input
+  ez-classic-date-time-input --> ez-popover-plus
+  ez-classic-date-time-input --> ez-calendar
+  ez-date-time-input --> ez-text-input
+  ez-date-time-input --> ez-popover-plus
+  ez-date-time-input --> ez-calendar
+  ez-classic-number-input --> ez-classic-input
+  ez-number-input --> ez-text-input
+  ez-classic-text-area --> ez-icon
+  ez-text-area --> ez-tooltip
+  ez-text-area --> ez-icon
+  ez-classic-search-plus --> ez-classic-input
+  ez-classic-search-plus --> ez-popover-plus
+  ez-classic-search-plus --> ez-classic-search-result-list
+  ez-classic-search-result-list --> ez-card-item
+  ez-classic-search-result-list --> ez-skeleton
+  ez-search-plus --> ez-icon
+  ez-search-plus --> ez-text-input
+  ez-search-plus --> ez-popover-plus
+  ez-search-plus --> ez-search-result-list
+  ez-search-result-list --> ez-card-item
+  ez-search-result-list --> ez-skeleton
+  ez-classic-search --> ez-button
+  ez-classic-search --> ez-classic-input
+  ez-classic-search --> ez-popover-plus
+  ez-classic-search --> classic-search-list
+  classic-search-list --> ez-card-item
+  ez-search --> ez-button
+  ez-search --> ez-text-input
+  ez-search --> ez-icon
+  ez-search --> ez-popover-plus
+  ez-search --> search-list
+  search-list --> ez-card-item
+  ez-rich-text --> ez-text-area
+  ez-rich-text --> ez-rich-toolbar
+  ez-rich-text --> ez-link-builder
+  ez-rich-text --> ez-simple-image-uploader
+  ez-rich-toolbar --> ez-rich-toolbar-arrows
+  ez-rich-toolbar --> ez-rich-toolbar-letters
+  ez-rich-toolbar --> ez-rich-toolbar-configs
+  ez-rich-toolbar-arrows --> ez-rich-toolbar-item
+  ez-rich-toolbar-item --> ez-icon
+  ez-rich-toolbar-letters --> ez-rich-toolbar-item
+  ez-rich-toolbar-configs --> ez-rich-toolbar-item
+  ez-link-builder --> ez-popup
+  ez-link-builder --> ez-modal-container
+  ez-link-builder --> ez-text-input
+  ez-link-builder --> ez-check
+  ez-popup --> ez-button
+  ez-modal-container --> ez-icon
+  ez-modal-container --> ez-button
+  ez-simple-image-uploader --> ez-popup
+  ez-simple-image-uploader --> ez-modal-container
+  ez-simple-image-uploader --> ez-tooltip
+  ez-simple-image-uploader --> ez-text-input
+  ez-simple-image-uploader --> ez-icon
+  ez-image-input --> ez-skeleton
+  ez-image-input --> ez-button
+  ez-image-input --> ez-icon
+  ez-image-input --> ez-popup
+  ez-multi-select-input --> ez-icon
+  ez-multi-select-input --> ez-tooltip
+  ez-multi-select-input --> ez-popover-core
+  ez-multi-select-input --> ez-multi-selection-list
+  ez-multi-selection-list --> ez-check
+  ez-multi-selection-list --> ez-list
+  ez-multi-selection-list --> ez-icon
+  ez-multi-selection-list --> multi-selection-box-message
+  ez-multi-selection-list --> ez-filter-input
+  ez-multi-selection-list --> ez-search
+  ez-list --> ez-check
+  ez-filter-input --> ez-text-input
+  ez-filter-input --> ez-icon
+  style ez-filter fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-filter--width | Define a largura do painel de filtros. | 
+| --ez-filter--background-color | Define a cor de fundo do painel. | 
+| --ez-filter--padding | Define o espaçamento interno do cabeçalho, corpo e rodapé. | 
+| --ez-filter--border-radius | Define o raio da borda do painel (aplicado aos cantos direitos). | 
+| --ez-filter--z-index | Define a camada de exibição do painel no modo overlay. | 
+| --ez-filter--transition-duration | Define a duração da transição de abertura/fechamento. | 
+| --ez-filter--transition-timing | Define a curva de aceleração da transição de abertura/fechamento. | 
+| --ez-filter--scrim-color | Define a cor do backdrop (scrim) no modo overlay. | 
+| --ez-filter--scrim-blur | Define o desfoque do backdrop (scrim) no modo overlay. | 
+| --ez-filter--box-shadow | Define a sombra do painel no modo overlay. | 
+| --ez-filter--title-color | Define a cor do título do painel. | 
+| --ez-filter--title-font-size | Define o tamanho da fonte do título do painel. | 
+| --ez-filter--divider-color | Define a cor da borda que separa cabeçalho e rodapé do corpo. | 
+| --ez-filter--header-gap | Define o espaçamento entre os itens do cabeçalho. | 
+| --ez-filter--footer-gap | Define o espaçamento entre os botões do rodapé. | 

package/components/ez-form/readme.md

@@ -7,15 +7,16 @@
 
 ## Properties
 
-| Property                  | Attribute            | Description                                                                                                                                 | Type               | Default     |
-| ------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | ----------- |
-| `config`                  | --                   | Configuração do formulário.                                                                                                                 | `IFormConfig`      | `undefined` |
-| `dataUnit`                | --                   | Unidade de dados. Responsável pelo controle de edição de registros e  informações pertinentes aos campos.                                   | `DataUnit`         | `undefined` |
-| `elementFocusSearchField` | --                   | Define uma ancoragem                                                                                                                        | `HTMLElement`      | `undefined` |
-| `fieldToFocus`            | `field-to-focus`     | Determina o campo que deve ficar em evidência.                                                                                              | `string`           | `undefined` |
-| `onlyStaticFields`        | `only-static-fields` | Define se os campos que serão apresentados são todos estáticos. Quando verdadeira, ocorrerá no DataBinder o bind dos campos com o DataUnit. | `boolean`          | `false`     |
-| `recordsValidator`        | --                   | Define um validador responsável pela integridade dos registros.                                                                             | `IRecordValidator` | `undefined` |
-| `useSearchField`          | `use-search-field`   | Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F                                                                  | `boolean`          | `true`      |
+| Property                  | Attribute            | Description                                                                                                                                 | Type                                                                                         | Default     |
+| ------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- | ----------- |
+| `config`                  | --                   | Configuração do formulário.                                                                                                                 | `IFormConfig`                                                                                | `undefined` |
+| `customUiBuilders`        | --                   | Define construtores customizados para tipos de campos específicos                                                                           | `Map<UserInterface, (field: IFormViewField, context?: IFieldBuilderContext) => HTMLElement>` | `new Map()` |
+| `dataUnit`                | --                   | Unidade de dados. Responsável pelo controle de edição de registros e  informações pertinentes aos campos.                                   | `DataUnit`                                                                                   | `undefined` |
+| `elementFocusSearchField` | --                   | Define uma ancoragem                                                                                                                        | `HTMLElement`                                                                                | `undefined` |
+| `fieldToFocus`            | `field-to-focus`     | Determina o campo que deve ficar em evidência.                                                                                              | `string`                                                                                     | `undefined` |
+| `onlyStaticFields`        | `only-static-fields` | Define se os campos que serão apresentados são todos estáticos. Quando verdadeira, ocorrerá no DataBinder o bind dos campos com o DataUnit. | `boolean`                                                                                    | `false`     |
+| `recordsValidator`        | --                   | Define um validador responsável pela integridade dos registros.                                                                             | `IRecordValidator`                                                                           | `undefined` |
+| `useSearchField`          | `use-search-field`   | Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F                                                                  | `boolean`                                                                                    | `true`      |
 
 
 ## Events
@@ -81,17 +82,27 @@ graph TD;
   ez-form-view --> ez-custom-form-input
   ez-form-view --> ez-collapsible-box
   ez-form-view --> ez-check
+  ez-form-view --> ez-classic-combo-box
   ez-form-view --> ez-combo-box
+  ez-form-view --> ez-classic-date-input
   ez-form-view --> ez-date-input
+  ez-form-view --> ez-classic-time-input
   ez-form-view --> ez-time-input
+  ez-form-view --> ez-classic-date-time-input
   ez-form-view --> ez-date-time-input
   ez-form-view --> ez-upload
+  ez-form-view --> ez-classic-number-input
   ez-form-view --> ez-number-input
+  ez-form-view --> ez-classic-text-area
   ez-form-view --> ez-text-area
+  ez-form-view --> ez-classic-input
   ez-form-view --> ez-text-input
+  ez-form-view --> ez-classic-search-plus
   ez-form-view --> ez-search-plus
+  ez-form-view --> ez-classic-search
   ez-form-view --> ez-search
   ez-form-view --> ez-rich-text
+  ez-form-view --> ez-image-input
   ez-form-view --> ez-multi-select-input
   ez-collapsible-box --> ez-icon
   ez-collapsible-box --> ez-text-edit
@@ -100,28 +111,51 @@ graph TD;
   ez-text-input --> ez-tooltip
   ez-text-input --> ez-icon
   ez-button --> ez-icon
+  ez-classic-combo-box --> ez-classic-input
+  ez-classic-combo-box --> ez-popover-core
+  ez-classic-input --> ez-icon
   ez-combo-box --> ez-text-input
   ez-combo-box --> ez-icon
   ez-combo-box --> ez-popover-plus
   ez-combo-box --> ez-combo-box-list
   ez-popover-plus --> ez-popover-core
+  ez-classic-date-input --> ez-classic-input
+  ez-classic-date-input --> ez-popover-plus
+  ez-classic-date-input --> ez-calendar
   ez-date-input --> ez-text-input
   ez-date-input --> ez-popover-plus
   ez-date-input --> ez-calendar
+  ez-classic-time-input --> ez-classic-input
   ez-time-input --> ez-text-input
   ez-time-input --> ez-icon
+  ez-classic-date-time-input --> ez-classic-input
+  ez-classic-date-time-input --> ez-popover-plus
+  ez-classic-date-time-input --> ez-calendar
   ez-date-time-input --> ez-text-input
   ez-date-time-input --> ez-popover-plus
   ez-date-time-input --> ez-calendar
+  ez-classic-number-input --> ez-classic-input
   ez-number-input --> ez-text-input
+  ez-classic-text-area --> ez-icon
   ez-text-area --> ez-tooltip
   ez-text-area --> ez-icon
+  ez-classic-search-plus --> ez-classic-input
+  ez-classic-search-plus --> ez-popover-plus
+  ez-classic-search-plus --> ez-classic-search-result-list
+  ez-classic-search-result-list --> ez-card-item
+  ez-classic-search-result-list --> ez-skeleton
   ez-search-plus --> ez-icon
   ez-search-plus --> ez-text-input
   ez-search-plus --> ez-popover-plus
   ez-search-plus --> ez-search-result-list
   ez-search-result-list --> ez-card-item
   ez-search-result-list --> ez-skeleton
+  ez-classic-search --> ez-button
+  ez-classic-search --> ez-classic-input
+  ez-classic-search --> ez-popover-plus
+  ez-classic-search --> classic-search-list
+  classic-search-list --> ez-card-item
+  ez-search --> ez-button
   ez-search --> ez-text-input
   ez-search --> ez-icon
   ez-search --> ez-popover-plus
@@ -150,6 +184,10 @@ graph TD;
   ez-simple-image-uploader --> ez-tooltip
   ez-simple-image-uploader --> ez-text-input
   ez-simple-image-uploader --> ez-icon
+  ez-image-input --> ez-skeleton
+  ez-image-input --> ez-button
+  ez-image-input --> ez-icon
+  ez-image-input --> ez-popup
   ez-multi-select-input --> ez-icon
   ez-multi-select-input --> ez-tooltip
   ez-multi-select-input --> ez-popover-core