@esperanca-ui/componentes 2.14.0 → 2.14.1
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 -2
- package/dist/componentes-esperanca.es.js +4570 -4536
- package/dist/componentes-esperanca.es.js.map +1 -1
- package/dist/componentes-esperanca.umd.js +43 -43
- package/dist/componentes-esperanca.umd.js.map +1 -1
- package/dist/components/Charts/ChartShell.d.ts +5 -0
- package/dist/components/Charts/chartTypes.d.ts +5 -0
- package/dist/components/LineChart/LineChart.d.ts +1 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/COMPONENTS.md
CHANGED
|
@@ -174,6 +174,7 @@ 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
|
+
- Para ajustar dashboards mais densos sem CSS manual, os charts tambem aceitam `axisFontSize`, `axisTitleFontSize`, `legendFontSize`, `valueLabelFontSize` e `fontFamily`; no `LineChart`, `lineWidth` controla a espessura da linha.
|
|
177
178
|
- 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`.
|
|
178
179
|
- `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.
|
|
179
180
|
- `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.
|
|
@@ -192,8 +193,8 @@ export function TopQuickActions() {
|
|
|
192
193
|
| `FormSidebar` | `import { FormSidebar } from '@esperanca-ui/componentes'` | `<FormSidebar isOpen={open} onClose={...}>...</FormSidebar>` |
|
|
193
194
|
| `Grid` | `import { Grid } from '@esperanca-ui/componentes'` | `<Grid columns={{ base: 1, md: 2 }} gap={4}>...</Grid>` |
|
|
194
195
|
| `Input` | `import { Input } from '@esperanca-ui/componentes'` | `<Input label="Email" placeholder="Digite" />` |
|
|
195
|
-
| `LineChart` | `import { LineChart } from '@esperanca-ui/componentes'` | `<LineChart data={data} series={series} legendPosition="top" showValueLabels enableUserPreferences preferencesStorageKey="receita-board" />` |
|
|
196
|
-
| `BarChart` | `import { BarChart } from '@esperanca-ui/componentes'` | `<BarChart data={data} series={series} xAxisLabel="Mes" yAxisLabel="Valor" yAxisTickWidth={112} showValueLabels enableUserPreferences />` |
|
|
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 />` |
|
|
197
198
|
| `Loading` | `import { Loading } from '@esperanca-ui/componentes'` | `<Loading variant="spinner" />` ou `<Loading fullScreen text="Validando acesso" />` |
|
|
198
199
|
| `Modal` | `import { Modal } from '@esperanca-ui/componentes'` | `<Modal isOpen={open} onClose={...}>...</Modal>` |
|
|
199
200
|
| `PageHeader` | `import { PageHeader } from '@esperanca-ui/componentes'` | `<PageHeader title="Clientes" />` |
|