@praxisui/table 1.0.0-beta.3 → 1.0.0-beta.30

package/README.md

@@ -1,5 +1,12 @@
 # @praxisui/table
 
+## 🔰 Exemplos / Quickstart
+
+Para ver esta biblioteca em funcionamento em uma aplicação completa, utilize o projeto de exemplo (Quickstart):
+
+- Repositório: https://github.com/codexrodrigues/praxis-ui-quickstart
+- O Quickstart demonstra a integração das bibliotecas `@praxisui/*` em um app Angular, incluindo instalação, configuração e uso em telas reais.
+
 > Componente de tabela empresarial avançado com arquitetura unificada
 
 ## 🌟 Visão Geral
@@ -34,6 +41,188 @@ A biblioteca `@praxisui/table` fornece um componente de tabela robusto e altamen
 - **Toolbar Editor**: Personalização de ações
 - **Messages Editor**: Textos e localização
 
+Nota (Regras)
+- A antiga aba visual genérica foi removida deste pacote. Um editor especializado para regras da Tabela está em desenvolvimento e já pode ser usado no painel de configuração.
+
+### 🧩 Editor de Regras (column-first)
+
+O novo editor é "column-first" e usa uma tipagem compartilhada com o Editor de Colunas. Principais pontos:
+
+- Escopo: aplique regras na linha inteira (rowConditionalStyles) ou em uma coluna específica (columns[].conditionalStyles).
+- Operadores por tipo: o conjunto de operadores é filtrado por tipo (string/number/date/boolean/enum).
+- Editores de valor dinâmicos: inputs numéricos, listas (CSV/múltipla seleção), datepickers.
+- Grupos lógicos: construa condições com AND/OR/NOT e reordene via arrastar-e-soltar (CDK DragDrop).
+- Preview: execute “Testar” para ver quantas linhas seriam afetadas pelas regras ativas.
+- Import/Export: exporta JSON sem o campo `enabled`; importa com validação de DSL e sanitização de estilos (allowlist).
+
+Exemplos de DSL:
+
+```text
+contains(status, 'Ativo')
+not (status in ['A', 'I'])
+(price >= 10 and price <= 20)
+(createdAt >= '2024-10-01' and createdAt <= '2024-10-31')
+(name == null or name == '')
+active == true
+```
+
+Notas sobre enum/CSV:
+- Para campos enumerados, as opções são inferidas de `valueMapping` da coluna ou de `fields?.options`.
+- Para `in/not in` em números/strings, use CSV (ex.: `10, 20, 30` ou `Alice, Bob`).
+
+#### Extensões de DSL (JSON/Tempo)
+
+Você pode registrar funções adicionais no `DslParser` do app host para expressões com JSON e data/tempo.
+
+Exemplo rápido (registro direto):
+```ts
+import { DslParser } from '@praxisui/specification';
+import { registerJsonDslFunctions, registerDateDslFunctions } from '@praxisui/table';
+
+const parser = new DslParser<any>();
+registerJsonDslFunctions(parser);
+registerDateDslFunctions(parser);
+```
+
+Exemplos de DSL:
+- `jsonGet(payload, '$.user.name') == 'Alice'`
+- `hasJsonKey(payload, '$.meta.etag')`
+- `jsonPathMatches(payload, '$.roles[0]', '^admin$')`
+
+Guia completo: `projects/praxis-table/docs/DSL-Extensions-Guide.md`
+
+#### 🎨 Efeitos (Conteúdo C)
+
+O bloco de Efeitos permite aplicar estilo e visuais quando a condição é verdadeira:
+
+- Toolbar de texto com ícones (negrito, itálico, sublinhado) e presets rápidos (tachado, maiúsculas/minúsculas/capitalizar, tamanho +/- e reset).
+- Presets de feedback com ícones (sucesso, aviso, erro, info) — mantêm o rótulo via tooltip e `aria-label`.
+- “Posição do valor” como grupo de alternância (antes / entre-1 / entre-2 / depois / oculto).
+- “Ordem dos visuais” com seletor compacto (3 mais comuns) e menu para opções extras.
+- Layout do compose: espaçamento, alinhamento, quebra de linha e reticências.
+
+Dicas
+- Use “Resetar texto” para reverter efeitos de texto sem perder cor de fundo/borda.
+- Para acessibilidade, os grupos possuem `role="toolbar"`, tooltips e navegação por teclado consistente.
+
+Como reverter efeitos
+- “Reset Text” remove apenas propriedades de tipografia e transformação de texto.
+- “Limpar efeitos” apaga classe e estilo livres do bloco rápido.
+
+Observação: capturas de tela “antes/depois” podem ser adicionadas no PR conforme necessário.
+
+#### Relacionais (lookup)
+
+Campos relacionais (FK/objetos) podem ser editados no Rules Editor com busca assíncrona (typeahead) e seleção single/multiple.
+
+Boas práticas
+- Informe `resourcePath` (ou `endpoint`) no `FieldDefinition` para habilitar o lookup via `GenericCrudService` do host.
+- Defina `valueField` (chave estável, tipicamente `id`) e `displayField` (label amigável, como `name`).
+- Para múltipla seleção, use `multiple: true` no `FieldDefinition` quando aplicável.
+- No runtime, registre as funções JSON no parser (ver guia) para que as expressões de ID/JSON funcionem: `jsonGet/hasJsonKey/jsonPathMatches`.
+- APIs com busca: suporte a um parâmetro livre de texto (por ex. `search`) facilita a experiência do autocomplete.
+
+Exemplo de FieldDefinition (lookup)
+```ts
+import type { FieldDefinition } from '@praxisui/core';
+
+const fields: FieldDefinition[] = [
+  {
+    name: 'customer',
+    type: 'object',
+    // Habilita o lookup via GenericCrudService
+    resourcePath: 'customers',
+    // Mapeia o id/label que virão do backend
+    valueField: 'id',
+    displayField: 'name',
+    // Se quiser multiseleção em todo o app
+    // multiple: true,
+  },
+];
+```
+
+Operadores e DSL gerada (relacional)
+- `id ==` → `jsonGet(customer, '$.id') == 10`
+- `id in` → `jsonGet(customer, '$.id') in [10, 20]`
+- `has property` → `hasJsonKey(customer, '$.meta.etag')`
+- Condições por caminho (join simples): use `key ==` (JSON Path + valor)
+
+UI (no editor)
+- `id ==` (single): autocomplete + chip “label [id]” com ação “Limpar”.
+- `id in` (multi): autocomplete + chips removíveis por item.
+- `has property`: input do caminho (ex.: `$.meta.etag`).
+
+Formato esperado do payload (relacional)
+
+Para que o editor/preview e o runtime avaliem corretamente as regras relacionais, o valor do campo deve ser um objeto (ou compatível com JSON) contendo ao menos o identificador e, opcionalmente, propriedades exibidas:
+
+```ts
+// Exemplo de linha (row) com campo relacional "customer"
+const row = {
+  id: 123,
+  customer: {
+    id: 10,          // ← usado em id == / id in via jsonGet(customer, '$.id')
+    name: 'ACME',    // ← usado para exibir label no autocomplete/chip
+    meta: { etag: 'v1' },
+  },
+};
+
+// Regras DSL comuns
+// id ==
+//   jsonGet(customer, '$.id') == 10
+// id in
+//   jsonGet(customer, '$.id') in [10, 20]
+// has property
+//   hasJsonKey(customer, '$.meta.etag')
+// caminho/valor (join simples)
+//   jsonGet(customer, '$.name') == 'ACME'
+```
+
+Notas
+- O editor usa `displayField` (ex.: `name`) para compor o rótulo, e `valueField` (ex.: `id`) para gerar a DSL.
+- Se o backend devolver o relacionamento já "normalizado" (ex.: `customerId` e `customerName` na mesma linha), você ainda pode expressar condições com operadores padrão (`==`, `in`) no campo numérico/literal — a abordagem relacional é útil quando o payload contém o objeto.
+
+Onde é consumido (preview e runtime)
+
+- Preview/validação no Editor de Regras (usa `DslParser` interno):
+  - Validação da expressão (parse): projects/praxis-table/src/lib/rules-editor/table-rules-editor.component.ts:536
+  - Preview “Testar” (parse + evaluate): projects/praxis-table/src/lib/rules-editor/table-rules-editor.component.ts:909
+- Runtime na Tabela (aplica `rowConditionalStyles`/`conditionalStyles`):
+  - Parser interno do componente: projects/praxis-table/src/lib/praxis-table.ts:282
+
+Observação
+- Ao registrar funções via `DslParserFactory` (ex.: `registerJsonDslFunctions`/`registerDateDslFunctions`), use a mesma estratégia para o parser que avalia regras no runtime (Tabela) e para qualquer serviço que precise avaliar DSL. O Editor usa um parser interno para validação/preview; as funções de data já são suportadas por padrão, e as de JSON podem exigir extensão no runtime (ver guia).
+
+Exemplo de Provider (recomendado)
+
+```ts
+import { Injectable } from '@angular/core';
+import { DslParser } from '@praxisui/specification';
+import { registerJsonDslFunctions, registerDateDslFunctions } from '@praxisui/table';
+
+@Injectable({ providedIn: 'root' })
+export class DslParserFactory {
+  private parser: DslParser<any>;
+
+  constructor() {
+    this.parser = new DslParser<any>();
+    registerJsonDslFunctions(this.parser);
+    registerDateDslFunctions(this.parser);
+  }
+
+  get(): DslParser<any> {
+    return this.parser;
+  }
+}
+
+// Em um componente/serviço que avalia regras:
+// constructor(factory: DslParserFactory) {
+//   const parser = factory.get();
+//   const spec = parser.parse("jsonGet(payload, '$.user.name') == 'Alice'");
+//   const ok = spec.isSatisfiedBy({ payload: { user: { name: 'Alice' } } });
+// }
+```
+
 ### ⚙️ Painel de Configurações
 
 Para abrir o painel de configurações, habilite o modo de edição na tabela:
@@ -178,6 +367,46 @@ sequenceDiagram
 - Virtualização: habilite em Comportamento → Virtualização para listas grandes (requer altura de linha previsível).
 - Densidade e linhas de grade: ajuste em Comportamento → Aparência rápida (compacta/confortável/espaçosa; bordas horizontais/verticais).
 
+## Rolagem Horizontal (owner do scroll)
+
+Por padrão, a `<praxis-table>` agora assume a responsabilidade pela rolagem horizontal quando o conteúdo excede a largura do container. Isso evita cortes de conteúdo e comportamentos inconsistentes entre projetos.
+
+### Input: `horizontalScroll`
+
+```
+@Input() horizontalScroll: 'auto' | 'wrap' | 'none' = 'auto';
+```
+
+- `auto` (padrão): a tabela cria um viewport com `overflow-x: auto` e permite que a tabela interna cresça com `width: max-content`. Quando a soma das colunas > container, aparece a barra de rolagem horizontal neste viewport.
+- `wrap`: permite quebra de linha nas células (libera `white-space: normal`), reduzindo a largura necessária; ideal quando você prefere minimizar a rolagem horizontal.
+- `none`: desabilita o comportamento interno; o host (página) deve fornecer o container com `overflow-x: auto` e as regras de largura necessárias.
+
+Exemplo:
+
+```html
+<!-- Comportamento padrão (auto) -->
+<praxis-table resourcePath="employees"></praxis-table>
+
+<!-- Reduz rolagem: permite quebra de linha nas células -->
+<praxis-table resourcePath="employees" horizontalScroll="wrap"></praxis-table>
+
+<!-- Host controla o scroll horizontal -->
+<div class="table-shell" style="overflow-x:auto">
+  <praxis-table resourcePath="employees" horizontalScroll="none"></praxis-table>
+  <!-- host pode usar width: max-content na tabela interna conforme seu design system -->
+</div>
+```
+
+### Editor de Configuração (Settings Panel)
+
+Na aba “Visão Geral & Comportamento”, há um seletor “Scroll Horizontal” com as opções `Auto`, `Wrap` e `Host` (none). As alterações podem ser aplicadas (Aplicar) ou salvas (Salvar & Fechar). O valor é persistido junto com outras preferências da tabela.
+
+### Notas
+
+- O caminho virtual (CDK Virtual Scroll) permanece sendo o owner da rolagem vertical; o viewport horizontal é um contêiner externo que não interfere no scroll vertical.
+- Cabeçalho sticky continua funcional. Teste combinações com colunas sticky/virt para seu caso.
+- Para grids alternativos (ex.: Kendo), as mesmas regras de `max-content`/`min-width: 100%` se aplicam ao elemento de tabela interno.
+
 ## Virtualização (CDK)
 
 Quando `behavior.virtualization.enabled` estiver ativo, as linhas da tabela são renderizadas com `cdk-virtual-scroll-viewport` (cabeçalho permanece igual).
@@ -201,6 +430,10 @@ Quando `behavior.virtualization.enabled` estiver ativo, as linhas da tabela são
 - `behavior.pagination.position`: `top` | `bottom` | `both`.
 - `behavior.pagination.style`: `default` | `compact` (aplica classe de estilo no paginator).
 
+Nota sobre estratégia (client vs server)
+- Se `behavior.pagination.strategy` não estiver definido, a tabela assume `server` automaticamente quando há `resourcePath` (dados remotos). Caso contrário, usa `client`.
+- O mesmo vale para `behavior.sorting.strategy`.
+
 ## Duplo clique na linha
 
 Ative em Comportamento → Interação.
@@ -262,6 +495,8 @@ Observação: quando informado, o defaultSort é aplicado na carga inicial se n
 
 ## Coluna de ações (sticky)
 
+Nota: por padrão a coluna de ações vem desabilitada. Habilite explicitamente em `actions.row.enabled` e defina as ações desejadas.
+
 - Fixe a coluna de ações no início/fim configurando `actions.row.sticky`:
 
 ```ts
@@ -347,8 +582,11 @@ sequenceDiagram
   - `notifyIfOutdated: 'inline' | 'snackbar' | 'both' | 'none' = 'both'`
   - `snoozeMs: number = 86400000` (24h)
   - `autoOpenSettingsOnOutdated: boolean = false`
-- Output:
+- Outputs:
   - `schemaStatusChange: { outdated: boolean; serverHash?: string; lastVerifiedAt?: string; resourcePath?: string }`
+    - Emitido tanto na verificação leve (304/200) quanto no bootstrap do schema (primeira carga via `loadSchema()`).
+  - `metadataChange: { meta: any; reason: 'bootstrap'|'verification'|'applied' }`
+    - Emitido quando `config.meta` é atualizado (ex.: após bootstrap ou verificação ETag). Útil para sincronizar sidebars/bridges de metadados.
 
 ### Fallback Global (opcional)
 
@@ -527,6 +765,8 @@ export class ExampleComponent {
 
 Quando a `<praxis-table>` é conectada a um `resourcePath`, as operações de paginação, ordenação e filtro são delegadas ao backend. Isso garante alta performance, pois apenas os dados visíveis na tela são trafegados pela rede.
 
+Importante: se você não configurar explicitamente as estratégias de paginação/ordenação no `TableConfig`, a tabela resolve automaticamente como `server` quando há `resourcePath`. Se preferir operar no cliente, defina `behavior.pagination.strategy = 'client'` e/ou `behavior.sorting.strategy = 'client'` conscientemente.
+
 O diagrama abaixo detalha a sequência de eventos, desde a interação do usuário na UI até a construção da consulta JPA no servidor.
 
 ```mermaid
@@ -1064,6 +1304,51 @@ Notas rápidas (Flow ETag no Filter):
 - 200: atualiza `serverHash/lastVerifiedAt`; marca `outdated=true` apenas quando em customização; não aplica o schema automaticamente.
 - O corpo do schema é baixado apenas quando necessário para renderização (ex.: `alwaysVisibleFields` ou ao abrir o painel Avançado).
 
+## Formatação de Colunas (format)
+
+Cada coluna pode declarar `type` e uma string de formatação `format` consumida pelo `DataFormattingService`. Os tipos suportados são: `string`, `number`, `currency`, `percentage`, `date`, `boolean`, `custom`.
+
+Regra geral: a formatação só é aplicada quando há `format` não vazio e `type !== 'custom'`.
+
+Tipos e padrões de `format`:
+- number (DecimalPipe)
+  - Padrões: `minInt.minFrac-maxFrac`
+  - Exemplos: `1.0-0`, `1.2-2`, `1.0-3|nosep` (remove separador de milhar)
+- currency (CurrencyPipe)
+  - Sintaxe: `CURRENCY|DISPLAY|DECIMALS[|nosep]`
+  - Exemplos: `BRL|symbol|2`, `USD|code|0`, `EUR|symbol|2|nosep`
+- percentage (PercentPipe/DecimalPipe)
+  - Sem multiplicador: `1.0-0` (PercentPipe)
+  - Multiplicar por 100: `1.1-1|x100` (DecimalPipe×100 + `%`)
+- date (DatePipe)
+  - Tokens Angular: `shortDate`, `mediumDate`, `longDate`, `fullDate`, `short`, `shortTime`
+  - Padrões customizados: `dd/MM/yyyy`, `yyyy-MM-dd`, `dd/MM/yyyy HH:mm`
+- string (transformações + truncamento)
+  - Transform: `uppercase` | `lowercase` | `titlecase` | `capitalize` | `none`
+  - Transform + truncar: `<transform>|truncate|<max>|<suffix>`
+  - Exemplos: `uppercase|truncate|50|...`, `titlecase`
+- boolean (pré-definidos ou custom)
+  - Presets: `true-false` | `yes-no` | `active-inactive` | `on-off` | `enabled-disabled`
+  - Custom: `custom|Verdadeiro|Falso`
+
+Exemplos de ColumnDefinition:
+```ts
+{ field: 'salario', type: 'currency', format: 'BRL|symbol|2', header: 'Salário' }
+{ field: 'desconto', type: 'percentage', format: '1.1-1|x100', header: 'Desconto' }
+{ field: 'criadoEm', type: 'date', format: 'dd/MM/yyyy', header: 'Criado em' }
+{ field: 'nome', type: 'string', format: 'titlecase|truncate|32|…', header: 'Nome' }
+{ field: 'ativo', type: 'boolean', format: 'yes-no', header: 'Ativo' }
+```
+
+Observações:
+- `|nosep` remove separadores de milhar da saída formatada.
+- Para datas inválidas ou valores não numéricos, o serviço retorna o valor original (com aviso no console).
+- Colunas com renderizador `custom` não passam por formatação automática.
+
+Exemplos práticos no workspace (rotas):
+- Regras Visuais (Simples): `/table-rules-simple`
+- Regras Visuais (Complexas): `/table-rules-complex`
+
 ## 📊 Roadmap
 
 ### Próximas Versões

package/fesm2022/{praxisui-table-filter-form-dialog-host.component-DI8aWSSJ.mjs → praxisui-table-filter-form-dialog-host.component-Du_IEq0W.mjs}

@@ -19,7 +19,15 @@ class FilterFormDialogHostComponent {
         this.data = data;
         this.ref = ref;
     }
-    onReady(_ev) { }
+    onReady(ev) {
+        try {
+            const dto = this.data?.initialDto || {};
+            if (ev?.formGroup && dto && Object.keys(dto).length) {
+                ev.formGroup.patchValue(dto, { emitEvent: false });
+            }
+        }
+        catch { }
+    }
     onChange(ev) {
         this.lastValue = ev?.formData ?? {};
     }
@@ -82,4 +90,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 }] }, { type: i1.MatDialogRef }] });
 
 export { FilterFormDialogHostComponent };
-//# sourceMappingURL=praxisui-table-filter-form-dialog-host.component-DI8aWSSJ.mjs.map
+//# sourceMappingURL=praxisui-table-filter-form-dialog-host.component-Du_IEq0W.mjs.map

package/fesm2022/praxisui-table-filter-form-dialog-host.component-Du_IEq0W.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"praxisui-table-filter-form-dialog-host.component-Du_IEq0W.mjs","sources":["../../../projects/praxis-table/src/lib/components/praxis-filter/filter-form-dialog-host.component.ts"],"sourcesContent":["import { Component, Inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { PraxisFilterForm } from '@praxisui/dynamic-form';\n\n@Component({\n  selector: 'praxis-filter-form-dialog-host',\n  standalone: true,\n  imports: [CommonModule, MatDialogModule, MatButtonModule, MatProgressBarModule, PraxisFilterForm],\n  template: `\n    <h2 mat-dialog-title id=\"filterDialogTitle\">{{ data.title || 'Filtro Avançado' }}</h2>\n    <mat-dialog-content class=\"pfx-filter-dialog-content\" aria-labelledby=\"filterDialogTitle\">\n      <mat-progress-bar *ngIf=\"data?.schemaLoading\" mode=\"indeterminate\"></mat-progress-bar>\n      <praxis-filter-form\n        *ngIf=\"data?.config\"\n        [formId]=\"data.formId\"\n        [resourcePath]=\"data.resourcePath\"\n        [mode]=\"'edit'\"\n        [config]=\"data.config\"\n        (formReady)=\"onReady($event)\"\n        (valueChange)=\"onChange($event)\"\n        (validityChange)=\"onValidity($event)\"\n      ></praxis-filter-form>\n      <p *ngIf=\"!data?.config && !data?.schemaLoading\">Nenhum dado</p>\n    </mat-dialog-content>\n    <mat-dialog-actions align=\"end\">\n      <button mat-stroked-button mat-dialog-close>Cancelar</button>\n      <button mat-flat-button color=\"primary\" (click)=\"apply()\" [disabled]=\"!valid\">Aplicar</button>\n    </mat-dialog-actions>\n  `,\n})\nexport class FilterFormDialogHostComponent {\n  valid = true;\n  private lastValue: any = {};\n  constructor(\n    @Inject(MAT_DIALOG_DATA)\n    public data: {\n      formId: string;\n      resourcePath: string;\n      config: any;\n      title?: string;\n      schemaLoading?: boolean;\n      initialDto?: Record<string, any>;\n    },\n    private ref: MatDialogRef<FilterFormDialogHostComponent>,\n  ) {}\n\n  onReady(ev: { formGroup: any }): void {\n    try {\n      const dto = this.data?.initialDto || {};\n      if (ev?.formGroup && dto && Object.keys(dto).length) {\n        ev.formGroup.patchValue(dto, { emitEvent: false });\n      }\n    } catch {}\n  }\n  onChange(ev: { formData: Record<string, any> }): void {\n    this.lastValue = ev?.formData ?? {};\n  }\n  onValidity(v: boolean): void { this.valid = v; }\n  apply(): void { this.ref.close({ formData: this.lastValue }); }\n}\n"],"names":[],"mappings":"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"}