@esperanca-ui/componentes 2.14.21 → 2.14.22
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 +3 -1
- package/README.md +3 -2
- package/dist/componentes-esperanca.es.js +6470 -6005
- package/dist/componentes-esperanca.es.js.map +1 -1
- package/dist/componentes-esperanca.umd.js +52 -52
- package/dist/componentes-esperanca.umd.js.map +1 -1
- package/dist/components/LoginForm/LoginForm.d.ts +31 -0
- package/dist/components/LoginScreen/LoginScreen.d.ts +66 -0
- package/dist/components/TaskCalendar/TaskCalendar.d.ts +7 -0
- package/dist/hooks/useHorizontalDragScroll.d.ts +17 -0
- package/dist/index.d.ts +4 -0
- package/dist/style.css +1 -1
- package/package.json +5 -5
package/COMPONENTS.md
CHANGED
|
@@ -180,7 +180,7 @@ export function TopQuickActions() {
|
|
|
180
180
|
- Para ajustar dashboards mais densos sem CSS manual, os charts tambem aceitam `axisFontSize`, `axisTitleFontSize`, `legendFontSize`, `valueLabelFontSize`, `valueLabelFontWeight` e `fontFamily`; no `LineChart`, `lineWidth` controla a espessura da linha.
|
|
181
181
|
- No `LineChart`, os labels de valor acompanham a ordem vertical das series em cada ponto: linha mais alta com valor acima, linha mais baixa com valor abaixo; quando cruzam, o lado do rotulo troca junto.
|
|
182
182
|
- Quando `enableUserPreferences` estiver ativo, o proprio usuario pode ajustar itens como titulo, legenda, nomes dos eixos, valores sobre os dados e orientacao do eixo X. Se `preferencesStorageKey` for informado, isso fica salvo em `localStorage`.
|
|
183
|
-
- `TaskCalendar` usa o mesmo contrato visual do `Card` e agora suporta `month`, `week` e `day`. No mes
|
|
183
|
+
- `TaskCalendar` usa o mesmo contrato visual do `Card` e agora suporta `month`, `week` e `day`. No mes o padrao virou chip resumido empilhado, com espaco para responsavel, tarefa, projeto e horas; se precisar manter o visual antigo, use `monthTaskVariant="badge"`. Quando um dia passa de `maxVisibleTasks`, o `+N mais` expande a celula inline. Nos modos `month` e `week`, o overflow horizontal tambem aceita arraste com mouse/toque via `dragToScroll`.
|
|
184
184
|
- `GanttChart` fecha a visao horizontal de planejamento e usa `groups` como primeiro nivel. Assim, o mesmo componente serve para agrupar por projeto ou por responsavel.
|
|
185
185
|
- `LineChart` e `StepLineChart` aceitam `yStartAtZero` para forcar o eixo Y a comecar em 0, `yMin` e `yMax` para definir limites customizados do eixo Y. Se nenhum for informado, o eixo e calculado automaticamente.
|
|
186
186
|
- `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'`.
|
|
@@ -200,6 +200,8 @@ export function TopQuickActions() {
|
|
|
200
200
|
| `FormSidebar` | `import { FormSidebar } from '@esperanca-ui/componentes'` | `<FormSidebar isOpen={open} onClose={...}>...</FormSidebar>` |
|
|
201
201
|
| `Grid` | `import { Grid } from '@esperanca-ui/componentes'` | `<Grid columns={{ base: 1, md: 2 }} gap={4}>...</Grid>` |
|
|
202
202
|
| `Input` | `import { Input } from '@esperanca-ui/componentes'` | `<Input label="Email" placeholder="Digite" />` |
|
|
203
|
+
| `LoginForm` | `import { LoginForm } from '@esperanca-ui/componentes'` | `<LoginForm emailValue={email} onEmailChange={setEmail} passwordValue={password} onPasswordChange={setPassword} onSubmit={...} />` |
|
|
204
|
+
| `LoginScreen` | `import { LoginScreen } from '@esperanca-ui/componentes'` | `<LoginScreen step="credentials" onSubmit={...} />` |
|
|
203
205
|
| `LineChart` | `import { LineChart } from '@esperanca-ui/componentes'` | `<LineChart data={data} series={series} lineWidth={2.5} axisFontSize={11} valueLabelFontSize={10} valueLabelFontWeight={600} legendPosition="top" showValueLabels enableUserPreferences preferencesStorageKey="receita-board" />` |
|
|
204
206
|
| `BarChart` | `import { BarChart } from '@esperanca-ui/componentes'` | `<BarChart data={data} series={series} xAxisLabel="Mes" yAxisLabel="Valor" yAxisTickWidth={112} axisFontSize={11} valueLabelFontSize={10} valueLabelFontWeight={600} showValueLabels enableUserPreferences />` |
|
|
205
207
|
| `Loading` | `import { Loading } from '@esperanca-ui/componentes'` | `<Loading variant="spinner" />` ou `<Loading fullScreen text="Validando acesso" />` |
|
package/README.md
CHANGED
|
@@ -26,11 +26,12 @@ Biblioteca de componentes React com estilos em CSS puro, build com Vite e um sit
|
|
|
26
26
|
├── docs-site/ # app de documentacao
|
|
27
27
|
├── docker/ # imagens e configuracao nginx
|
|
28
28
|
├── docs/ # guias de uso/publicacao
|
|
29
|
+
├── scripts/ # wrappers Node para tarefas locais das docs
|
|
29
30
|
├── src/ # biblioteca publicada
|
|
30
31
|
├── .gitlab-ci.yml # validacao + publicacao
|
|
31
32
|
├── package.json # scripts e metadados do pacote
|
|
32
|
-
├── vite.config.ts
|
|
33
|
-
└── vite.config.docs.
|
|
33
|
+
├── vite.config.ts # build da biblioteca
|
|
34
|
+
└── vite.config.docs.mjs # build das docs
|
|
34
35
|
```
|
|
35
36
|
|
|
36
37
|
## Configuracao (.env)
|