@esperanca-ui/componentes 2.16.0 → 2.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/COMPONENTS.md CHANGED
@@ -184,6 +184,7 @@ export function TopQuickActions() {
184
184
  - `DataTable` agora suporta ordenacao por coluna. Colunas com `sortable: true` exibem indicador de ordenacao clicavel (none → asc → desc → none). Dois modos: **local** (sem `onSortChange`, ordena os dados automaticamente) e **controlado/server-side** (com `onSortChange`, o consumidor controla a ordenacao via API). Props: `sortKey`, `sortDirection`, `onSortChange`. Tipo `SortDirection` exportado como `'asc' | 'desc'`.
185
185
  - `DataTable` agora suporta densidade de linhas. O botao na toolbar alterna entre `compact`, `comfortable` e `spacious` — mesma escala de `esp-shell-density-*` — reduzindo/aumentando o padding das celulas (e dos cards no mobile). Padrao: `comfortable`. Sem a prop `density` o componente controla e persiste sozinho no `localStorage`; com ela, o consumidor controla via `onDensityChange`. Props: `density`, `onDensityChange`, `densityStorageKey`. Tipo `TableDensity` exportado como `'compact' | 'comfortable' | 'spacious'`.
186
186
  - `DataTable` agora aceita `maxHeight` (numero em px ou string CSS como `'60vh'`/`'calc(100vh - 240px)'`). Com ela a area de linhas ganha altura maxima e scroll vertical proprio, com o cabecalho fixo no topo — em vez de a tabela crescer e a pagina inteira rolar. Sem a prop, o comportamento continua o de antes.
187
+ - `DataTable` agora suporta colunas fixas a esquerda durante o scroll horizontal. `Column.pinned: true` define o padrao em codigo; `preferences.pinnedColumns` (array de accessors) sobrescreve quando o usuario altera, seguindo o mesmo contrato controlado de `hiddenColumns`/`columnOrder`. Passando `togglePinnedColumn`, o painel de colunas exibe um cadeado para fixar/desafixar. O deslocamento de cada coluna e medido em runtime, entao acompanha densidade, largura de conteudo e redimensionamento. Requer `layoutMode="scroll"` para ter efeito visivel.
187
188
 
188
189
  ## Componentes Publicos
189
190