refactor: migrate frontend from shadcn/Tailwind to Mantine v9
Reescribe todos los componentes UI para usar Mantine v9 en lugar de shadcn/Tailwind. Elimina cn(), CVA, components.json, theme_provider custom y globals.css con Tailwind. Añade 25+ componentes nuevos (AppShell, AuthForm, DatePickerInput, Dropzone, etc.) y MantineProvider como wrapper estándar del sistema de temas. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -6,15 +6,15 @@ domain: ui
|
||||
version: "1.0.0"
|
||||
purity: impure
|
||||
signature: "PieChart(props: PieChartProps): JSX.Element"
|
||||
description: "Gráfico de torta/dona Recharts con Cell por segmento, colores automáticos, labels con porcentaje, Legend y Tooltip temático. Soporte donut con innerRadius configurable."
|
||||
tags: [chart, pie, donut, visualization, recharts, component, ui, dashboard]
|
||||
uses_functions: [cn_ts_core]
|
||||
description: "Gráfico de torta/dona @mantine/charts con colores automáticos, labels y tooltip. Usa DonutChart para dona, PieChart para torta."
|
||||
tags: [chart, pie, donut, visualization, mantine, component, ui, dashboard]
|
||||
uses_functions: []
|
||||
uses_types: []
|
||||
returns: []
|
||||
returns_optional: false
|
||||
error_type: ""
|
||||
imports: [recharts]
|
||||
output: "Componente PieChart que renderiza gráfico de torta o dona con labels de porcentaje, leyenda y tooltip"
|
||||
imports: ["@mantine/charts", "@mantine/core"]
|
||||
output: "Componente PieChart que renderiza gráfico de torta o dona con labels y tooltip"
|
||||
tested: false
|
||||
tests: []
|
||||
test_file_path: ""
|
||||
@@ -40,14 +40,6 @@ props:
|
||||
type: "boolean"
|
||||
required: false
|
||||
description: "Modo dona. innerRadius pasa a 50 por defecto cuando donut=true."
|
||||
- name: innerRadius
|
||||
type: "number"
|
||||
required: false
|
||||
description: "Radio interno en px. Sobreescribe el default calculado por donut."
|
||||
- name: outerRadius
|
||||
type: "number"
|
||||
required: false
|
||||
description: "Radio externo en px. Default 100."
|
||||
- name: showLegend
|
||||
type: "boolean"
|
||||
required: false
|
||||
@@ -93,4 +85,4 @@ variant: [pie, donut]
|
||||
|
||||
## Notas
|
||||
|
||||
Extraido y generalizado desde `apps/rapid_dashboards/frontend/src/components/widgets/PieChartWidget.tsx`. Los valores de `valueKey` se convierten a `Number()` para garantizar que Recharts los interprete correctamente (útil cuando los datos vienen de SQLite como strings). El `ResponsiveContainer` ocupa el 100% del ancho del padre.
|
||||
Los valores de `valueKey` se convierten a `Number()` antes de pasarlos al chart. Cuando `donut=true` se usa `DonutChart` de Mantine, de lo contrario `PieChart`.
|
||||
|
||||
Reference in New Issue
Block a user