@esperanca-ui/componentes 2.14.1 → 2.14.3
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 +6 -3
- package/dist/componentes-esperanca.es.js +5178 -5117
- package/dist/componentes-esperanca.es.js.map +1 -1
- package/dist/componentes-esperanca.umd.js +44 -44
- package/dist/componentes-esperanca.umd.js.map +1 -1
- package/dist/components/Charts/ChartShell.d.ts +1 -0
- package/dist/components/Charts/chartTypes.d.ts +2 -1
- package/dist/components/Charts/useChartStageWidth.d.ts +4 -0
- package/dist/components/StepLineChart/StepLineChart.d.ts +5 -0
- package/dist/index.d.ts +2 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/COMPONENTS.md
CHANGED
|
@@ -174,7 +174,9 @@ export function TopQuickActions() {
|
|
|
174
174
|
- Ambos aceitam presets prontos e tambem `name` + `colors` para cenarios customizados sem criar outro componente.
|
|
175
175
|
- `TaskCard` e um wrapper de alto nivel sobre `Card`, herdando as mesmas variantes (`elevated`, `outlined`, `filled`, `glass`) e props visuais como `interactive`, `glassOpacity` e `glassBlur`.
|
|
176
176
|
- `LineChart` e `BarChart` usam SVG nativo, tooltip/legenda embutidos e o mesmo shell visual de `Card`, com controle de `legendPosition`, `xAxisLabel`, `yAxisLabel`, `yAxisTickWidth`, `showValueLabels` e `xTickRotation`.
|
|
177
|
-
-
|
|
177
|
+
- `LineChart` agora tambem aceita `curve="step"` para leituras discretas, e a biblioteca expõe `StepLineChart` como wrapper dedicado para filas, thresholds, status e mudancas por evento.
|
|
178
|
+
- 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.
|
|
179
|
+
- 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.
|
|
178
180
|
- 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`.
|
|
179
181
|
- `TaskCalendar` usa o mesmo contrato visual do `Card` e agora suporta `month`, `week` e `day`. No mes as tarefas ficam pequenas como badges; em semana e dia o padrao vira card com mais contexto.
|
|
180
182
|
- `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.
|
|
@@ -189,12 +191,13 @@ export function TopQuickActions() {
|
|
|
189
191
|
| `MetricCard` | `import { MetricCard } from '@esperanca-ui/componentes'` | `<MetricCard value="42" title="Ativos" />` |
|
|
190
192
|
| `Checkbox` | `import { Checkbox } from '@esperanca-ui/componentes'` | `<Checkbox label="Aceito os termos" />` |
|
|
191
193
|
| `ComboBox` | `import { ComboBox } from '@esperanca-ui/componentes'` | `<ComboBox options={[...]} />` ou `<ComboBox multiple values={[...]} onValuesChange={...} />` |
|
|
194
|
+
| `StepLineChart` | `import { StepLineChart } from '@esperanca-ui/componentes'` | `<StepLineChart data={data} series={series} xAxisLabel="Horario" yAxisLabel="Fila" showValueLabels />` |
|
|
192
195
|
| `ConfirmDialog` | `import { ConfirmDialog } from '@esperanca-ui/componentes'` | `<ConfirmDialog isOpen={open} onClose={...} onConfirm={...} />` |
|
|
193
196
|
| `FormSidebar` | `import { FormSidebar } from '@esperanca-ui/componentes'` | `<FormSidebar isOpen={open} onClose={...}>...</FormSidebar>` |
|
|
194
197
|
| `Grid` | `import { Grid } from '@esperanca-ui/componentes'` | `<Grid columns={{ base: 1, md: 2 }} gap={4}>...</Grid>` |
|
|
195
198
|
| `Input` | `import { Input } from '@esperanca-ui/componentes'` | `<Input label="Email" placeholder="Digite" />` |
|
|
196
|
-
| `LineChart` | `import { LineChart } from '@esperanca-ui/componentes'` | `<LineChart data={data} series={series} lineWidth={2.5} axisFontSize={11} valueLabelFontSize={10} legendPosition="top" showValueLabels enableUserPreferences preferencesStorageKey="receita-board" />` |
|
|
197
|
-
| `BarChart` | `import { BarChart } from '@esperanca-ui/componentes'` | `<BarChart data={data} series={series} xAxisLabel="Mes" yAxisLabel="Valor" yAxisTickWidth={112} axisFontSize={11} valueLabelFontSize={10} showValueLabels enableUserPreferences />` |
|
|
199
|
+
| `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" />` |
|
|
200
|
+
| `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 />` |
|
|
198
201
|
| `Loading` | `import { Loading } from '@esperanca-ui/componentes'` | `<Loading variant="spinner" />` ou `<Loading fullScreen text="Validando acesso" />` |
|
|
199
202
|
| `Modal` | `import { Modal } from '@esperanca-ui/componentes'` | `<Modal isOpen={open} onClose={...}>...</Modal>` |
|
|
200
203
|
| `PageHeader` | `import { PageHeader } from '@esperanca-ui/componentes'` | `<PageHeader title="Clientes" />` |
|