xertica-ui 2.6.0 → 2.7.0

package/templates/src/features/template/ui/DashboardTemplate.tsx

@@ -1,110 +0,0 @@
-import React from 'react';
-import { Card, CardContent, CardHeader, CardTitle, Badge, Button } from 'xertica-ui/ui';
-import { Users, DollarSign, Activity, TrendingUp } from 'lucide-react';
-import { useTranslation } from 'react-i18next';
-
-export function DashboardTemplate() {
-  const { t } = useTranslation();
-  const trendSuffix = t('dashboardTemplate.lastMonth');
-  return (
-    <div className="flex flex-col gap-6 p-6 w-full max-w-[1400px] mx-auto">
-      <div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
-        <div>
-          <h2 className="text-3xl font-bold tracking-tight">{t('dashboardTemplate.title')}</h2>
-          <p className="text-muted-foreground">{t('dashboardTemplate.subtitle')}</p>
-        </div>
-        <Button>{t('dashboardTemplate.downloadReport')}</Button>
-      </div>
-
-      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
-        <StatsCard
-          title={t('dashboardTemplate.stats.totalRevenue')}
-          value={t('dashboardTemplate.stats.totalRevenueValue')}
-          trend="+20.1%"
-          trendSuffix={trendSuffix}
-          icon={<DollarSign className="size-4 text-muted-foreground" />}
-        />
-        <StatsCard
-          title={t('dashboardTemplate.stats.activeUsers')}
-          value="+2350"
-          trend="+180"
-          trendSuffix={trendSuffix}
-          icon={<Users className="size-4 text-muted-foreground" />}
-        />
-        <StatsCard
-          title={t('dashboardTemplate.stats.sales')}
-          value="+12,234"
-          trend="+19%"
-          trendSuffix={trendSuffix}
-          icon={<Activity className="size-4 text-muted-foreground" />}
-        />
-        <StatsCard
-          title={t('dashboardTemplate.stats.retentionRate')}
-          value="89.3%"
-          trend="+1.2%"
-          trendSuffix={trendSuffix}
-          icon={<TrendingUp className="size-4 text-muted-foreground" />}
-        />
-      </div>
-
-      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-7">
-        <Card className="col-span-4 lg:col-span-4">
-          <CardHeader>
-            <CardTitle>{t('dashboardTemplate.overview')}</CardTitle>
-          </CardHeader>
-          <CardContent className="h-[350px]">
-            <div className="flex h-full w-full items-center justify-center rounded-md border border-dashed bg-muted/20 text-muted-foreground">
-              {t('dashboardTemplate.chartArea')}
-            </div>
-          </CardContent>
-        </Card>
-
-        <Card className="col-span-3 lg:col-span-3">
-          <CardHeader>
-            <CardTitle>{t('dashboardTemplate.recentEvents')}</CardTitle>
-          </CardHeader>
-          <CardContent>
-            <div className="space-y-4">
-              <div className="flex items-center gap-4 text-sm">
-                <Badge variant="outline">09:00</Badge>
-                <span>{t('dashboardTemplate.events.userLogin')}</span>
-              </div>
-              <div className="flex items-center gap-4 text-sm">
-                <Badge variant="outline">10:45</Badge>
-                <span>{t('dashboardTemplate.events.invoicePaid')}</span>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-      </div>
-    </div>
-  );
-}
-
-interface StatsCardProps {
-  title: string;
-  value: string;
-  icon: React.ReactNode;
-  trend?: string;
-  /** Pre-translated suffix shown after the trend (e.g. "no último mês"). */
-  trendSuffix?: string;
-}
-
-function StatsCard({ title, value, icon, trend, trendSuffix }: StatsCardProps) {
-  return (
-    <Card>
-      <CardHeader className="flex flex-row items-center justify-between pb-2">
-        <CardTitle className="text-sm font-medium text-muted-foreground">{title}</CardTitle>
-        {icon}
-      </CardHeader>
-      <CardContent>
-        <div className="text-2xl font-bold">{value}</div>
-        {trend && (
-          <p className="mt-1 text-xs text-muted-foreground">
-            <span className="text-primary font-medium">{trend}</span> {trendSuffix}
-          </p>
-        )}
-      </CardContent>
-    </Card>
-  );
-}

package/templates/src/features/template/ui/FormTemplate.tsx

@@ -1,117 +0,0 @@
-import React, { useState } from 'react';
-import {
-  Button,
-  Input,
-  Label,
-  Card,
-  CardHeader,
-  CardTitle,
-  CardContent,
-  CardFooter,
-  Checkbox,
-} from 'xertica-ui/ui';
-import { useTranslation } from 'react-i18next';
-
-interface FormValues {
-  fullName: string;
-  email: string;
-  notify: boolean;
-}
-
-interface FormErrors {
-  fullName?: string;
-  email?: string;
-}
-
-export function FormTemplate() {
-  const { t } = useTranslation();
-  const [values, setValues] = useState<FormValues>({ fullName: '', email: '', notify: false });
-  const [errors, setErrors] = useState<FormErrors>({});
-  const [submitted, setSubmitted] = useState(false);
-
-  const validate = (v: FormValues): FormErrors => {
-    const errs: FormErrors = {};
-    if (v.fullName.trim().length < 3) errs.fullName = t('formTemplate.errors.fullNameRequired');
-    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v.email))
-      errs.email = t('formTemplate.errors.emailInvalid');
-    return errs;
-  };
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    const errs = validate(values);
-    setErrors(errs);
-    if (Object.keys(errs).length === 0) {
-      setSubmitted(true);
-      console.log('Form submitted:', values);
-    }
-  };
-
-  const handleReset = () => {
-    setValues({ fullName: '', email: '', notify: false });
-    setErrors({});
-    setSubmitted(false);
-  };
-
-  return (
-    <div className="p-6">
-      <Card className="mx-auto w-full max-w-2xl">
-        <CardHeader>
-          <CardTitle>{t('formTemplate.title')}</CardTitle>
-          <p className="text-sm text-muted-foreground">{t('formTemplate.description')}</p>
-        </CardHeader>
-
-        <form onSubmit={handleSubmit}>
-          <CardContent className="grid gap-6 md:grid-cols-2">
-            <div className="col-span-full space-y-2">
-              <Label htmlFor="fullName">{t('formTemplate.fullNameLabel')}</Label>
-              <Input
-                id="fullName"
-                placeholder={t('formTemplate.fullNamePlaceholder')}
-                value={values.fullName}
-                onChange={e => setValues(v => ({ ...v, fullName: e.target.value }))}
-              />
-              {errors.fullName && <p className="text-sm text-destructive">{errors.fullName}</p>}
-            </div>
-
-            <div className="col-span-full space-y-2">
-              <Label htmlFor="email">{t('formTemplate.emailLabel')}</Label>
-              <Input
-                id="email"
-                type="email"
-                placeholder={t('formTemplate.emailPlaceholder')}
-                value={values.email}
-                onChange={e => setValues(v => ({ ...v, email: e.target.value }))}
-              />
-              {errors.email && <p className="text-sm text-destructive">{errors.email}</p>}
-            </div>
-
-            <div className="col-span-full flex items-center space-x-2">
-              <Checkbox
-                id="notify"
-                checked={values.notify}
-                onCheckedChange={checked => setValues(v => ({ ...v, notify: checked === true }))}
-              />
-              <Label htmlFor="notify" className="font-normal cursor-pointer text-sm">
-                {t('formTemplate.notifyLabel')}
-              </Label>
-            </div>
-
-            {submitted && (
-              <div className="col-span-full rounded-[var(--radius)] bg-[var(--chart-2)]/10 border border-[var(--chart-2)]/20 p-3">
-                <p className="text-sm text-[var(--chart-2)]">{t('formTemplate.successMessage')}</p>
-              </div>
-            )}
-          </CardContent>
-
-          <CardFooter className="flex justify-end gap-2 border-t pt-6 bg-muted/20">
-            <Button type="button" variant="ghost" onClick={handleReset}>
-              {t('formTemplate.cancel')}
-            </Button>
-            <Button type="submit">{t('formTemplate.save')}</Button>
-          </CardFooter>
-        </form>
-      </Card>
-    </div>
-  );
-}

package/templates/src/features/template/ui/LoginTemplate.tsx

@@ -1,59 +0,0 @@
-import React from 'react';
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  Input,
-  Button,
-  Label,
-} from 'xertica-ui/ui';
-import { LockIcon } from 'lucide-react';
-import { useTranslation } from 'react-i18next';
-
-export function LoginTemplate() {
-  const { t } = useTranslation();
-  return (
-    <div className="flex h-full min-h-0 w-full items-center justify-center bg-muted/30 p-4 overflow-y-auto">
-      <Card className="w-full max-w-sm">
-        <CardHeader className="text-center">
-          <div className="flex justify-center mb-4">
-            <div className="flex size-12 items-center justify-center rounded-full bg-primary/10 text-primary">
-              <LockIcon className="size-6" />
-            </div>
-          </div>
-          <CardTitle className="text-2xl">{t('loginTemplate.title')}</CardTitle>
-          <CardDescription>{t('loginTemplate.description')}</CardDescription>
-        </CardHeader>
-        <CardContent className="grid gap-4">
-          <div className="grid gap-2 text-left">
-            <Label htmlFor="email">{t('loginTemplate.emailLabel')}</Label>
-            <Input
-              id="email"
-              type="email"
-              placeholder={t('loginTemplate.emailPlaceholder')}
-              required
-            />
-          </div>
-          <div className="grid gap-2 text-left">
-            <div className="flex items-center">
-              <Label htmlFor="password">{t('loginTemplate.passwordLabel')}</Label>
-              <a
-                href="#"
-                className="ml-auto inline-block text-sm text-muted-foreground underline hover:text-primary"
-              >
-                {t('loginTemplate.forgotPassword')}
-              </a>
-            </div>
-            <Input id="password" type="password" required />
-          </div>
-        </CardContent>
-        <CardFooter>
-          <Button className="w-full">{t('loginTemplate.submit')}</Button>
-        </CardFooter>
-      </Card>
-    </div>
-  );
-}

package/templates/src/locales/en/pages/crudTemplate.json

@@ -1,25 +0,0 @@
-{
-  "title": "Team Members",
-  "subtitle": "Manage member access to the system.",
-  "newMember": "New Member",
-  "searchPlaceholder": "Search email...",
-  "headers": {
-    "name": "Name",
-    "email": "Email",
-    "role": "Role",
-    "status": "Status",
-    "action": "Action"
-  },
-  "roles": {
-    "administrator": "Administrator",
-    "editor": "Editor"
-  },
-  "status": {
-    "active": "Active",
-    "inactive": "Inactive"
-  },
-  "actions": {
-    "editProfile": "Edit Profile",
-    "revokeAccess": "Revoke Access"
-  }
-}

package/templates/src/locales/en/pages/dashboardTemplate.json

@@ -1,20 +0,0 @@
-{
-  "title": "Dashboard",
-  "subtitle": "System overview",
-  "downloadReport": "Download Report",
-  "lastMonth": "from last month",
-  "stats": {
-    "totalRevenue": "Total Revenue",
-    "totalRevenueValue": "$45,231.89",
-    "activeUsers": "Active Users",
-    "sales": "Sales",
-    "retentionRate": "Retention Rate"
-  },
-  "overview": "Overview",
-  "chartArea": "Chart Area",
-  "recentEvents": "Recent Events",
-  "events": {
-    "userLogin": "Login by João Silva",
-    "invoicePaid": "Invoice #INV004 paid"
-  }
-}

package/templates/src/locales/en/pages/formTemplate.json

@@ -1,16 +0,0 @@
-{
-  "title": "Edit Corporate Profile",
-  "description": "Update your account details and set your preferences.",
-  "fullNameLabel": "Full Name",
-  "fullNamePlaceholder": "Your name",
-  "emailLabel": "Corporate Email",
-  "emailPlaceholder": "name@example.com",
-  "notifyLabel": "I want to receive updated notifications by email at the end of each day with a summary.",
-  "successMessage": "Profile saved successfully!",
-  "cancel": "Cancel",
-  "save": "Save Changes",
-  "errors": {
-    "fullNameRequired": "Full name is required",
-    "emailInvalid": "Invalid format"
-  }
-}

package/templates/src/locales/en/pages/loginTemplate.json

@@ -1,9 +0,0 @@
-{
-  "title": "System Access",
-  "description": "Enter your corporate credentials below.",
-  "emailLabel": "Corporate Email",
-  "emailPlaceholder": "m@xertica.com",
-  "passwordLabel": "Password",
-  "forgotPassword": "Forgot password?",
-  "submit": "Sign in"
-}

package/templates/src/locales/es/pages/crudTemplate.json

@@ -1,25 +0,0 @@
-{
-  "title": "Miembros del Equipo",
-  "subtitle": "Gestiona el acceso de los miembros al sistema.",
-  "newMember": "Nuevo Miembro",
-  "searchPlaceholder": "Buscar correo...",
-  "headers": {
-    "name": "Nombre",
-    "email": "Correo",
-    "role": "Rol",
-    "status": "Estado",
-    "action": "Acción"
-  },
-  "roles": {
-    "administrator": "Administrador",
-    "editor": "Editor"
-  },
-  "status": {
-    "active": "Activo",
-    "inactive": "Inactivo"
-  },
-  "actions": {
-    "editProfile": "Editar Perfil",
-    "revokeAccess": "Revocar Acceso"
-  }
-}

package/templates/src/locales/es/pages/dashboardTemplate.json

@@ -1,20 +0,0 @@
-{
-  "title": "Dashboard",
-  "subtitle": "Vista general del sistema",
-  "downloadReport": "Descargar Reporte",
-  "lastMonth": "desde el mes pasado",
-  "stats": {
-    "totalRevenue": "Ingresos Totales",
-    "totalRevenueValue": "€45.231,89",
-    "activeUsers": "Usuarios Activos",
-    "sales": "Ventas",
-    "retentionRate": "Tasa de Retención"
-  },
-  "overview": "Vista General",
-  "chartArea": "Área del Gráfico",
-  "recentEvents": "Últimos Eventos",
-  "events": {
-    "userLogin": "Inicio de sesión de João Silva",
-    "invoicePaid": "Factura #INV004 pagada"
-  }
-}

package/templates/src/locales/es/pages/formTemplate.json

@@ -1,16 +0,0 @@
-{
-  "title": "Editar Perfil Corporativo",
-  "description": "Actualiza los detalles de tu cuenta y define tus preferencias.",
-  "fullNameLabel": "Nombre Completo",
-  "fullNamePlaceholder": "Tu nombre",
-  "emailLabel": "Correo Corporativo",
-  "emailPlaceholder": "nombre@ejemplo.com",
-  "notifyLabel": "Deseo recibir notificaciones actualizadas por correo al final de cada día con el resumen.",
-  "successMessage": "¡Perfil guardado con éxito!",
-  "cancel": "Cancelar",
-  "save": "Guardar Cambios",
-  "errors": {
-    "fullNameRequired": "El nombre completo es obligatorio",
-    "emailInvalid": "Formato inválido"
-  }
-}

package/templates/src/locales/es/pages/loginTemplate.json

@@ -1,9 +0,0 @@
-{
-  "title": "Acceso al Sistema",
-  "description": "Ingresa tus credenciales corporativas abajo.",
-  "emailLabel": "Correo Corporativo",
-  "emailPlaceholder": "m@xertica.com",
-  "passwordLabel": "Contraseña",
-  "forgotPassword": "¿Olvidaste tu contraseña?",
-  "submit": "Entrar"
-}

package/templates/src/locales/pt-BR/pages/crudTemplate.json

@@ -1,25 +0,0 @@
-{
-  "title": "Membros da Equipe",
-  "subtitle": "Gerencie o acesso dos membros ao sistema.",
-  "newMember": "Novo Membro",
-  "searchPlaceholder": "Buscar email...",
-  "headers": {
-    "name": "Nome",
-    "email": "E-mail",
-    "role": "Cargo",
-    "status": "Status",
-    "action": "Ação"
-  },
-  "roles": {
-    "administrator": "Administrador",
-    "editor": "Editor"
-  },
-  "status": {
-    "active": "Ativo",
-    "inactive": "Inativo"
-  },
-  "actions": {
-    "editProfile": "Editar Perfil",
-    "revokeAccess": "Revogar Acesso"
-  }
-}

package/templates/src/locales/pt-BR/pages/dashboardTemplate.json

@@ -1,20 +0,0 @@
-{
-  "title": "Dashboard",
-  "subtitle": "Visão geral do sistema",
-  "downloadReport": "Baixar Relatório",
-  "lastMonth": "no último mês",
-  "stats": {
-    "totalRevenue": "Receita Total",
-    "totalRevenueValue": "R$ 45.231,89",
-    "activeUsers": "Usuários Ativos",
-    "sales": "Vendas",
-    "retentionRate": "Taxa de Retenção"
-  },
-  "overview": "Visão Geral",
-  "chartArea": "Área de Gráfico",
-  "recentEvents": "Últimos Eventos",
-  "events": {
-    "userLogin": "Login de João Silva",
-    "invoicePaid": "Fatura #INV004 paga"
-  }
-}

package/templates/src/locales/pt-BR/pages/formTemplate.json

@@ -1,16 +0,0 @@
-{
-  "title": "Editar Perfil Corporativo",
-  "description": "Atualize os detalhes de sua conta e defina as preferências.",
-  "fullNameLabel": "Nome Completo",
-  "fullNamePlaceholder": "Seu nome",
-  "emailLabel": "E-mail Corporativo",
-  "emailPlaceholder": "nome@exemplo.com",
-  "notifyLabel": "Desejo receber notificações atualizadas por e-mail no final de cada dia constando o sumário.",
-  "successMessage": "Perfil salvo com sucesso!",
-  "cancel": "Cancelar",
-  "save": "Salvar Alterações",
-  "errors": {
-    "fullNameRequired": "Nome completo é obrigatório",
-    "emailInvalid": "Formato inválido"
-  }
-}

package/templates/src/locales/pt-BR/pages/loginTemplate.json

@@ -1,9 +0,0 @@
-{
-  "title": "Acesso ao Sistema",
-  "description": "Insira suas credenciais corporativas abaixo.",
-  "emailLabel": "Email Corporativo",
-  "emailPlaceholder": "m@xertica.com",
-  "passwordLabel": "Senha",
-  "forgotPassword": "Esqueceu a senha?",
-  "submit": "Entrar"
-}

package/templates/vite.config.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vite").UserConfig;
-export default _default;

package/templates/vite.config.js

@@ -1,20 +0,0 @@
-import { defineConfig } from 'vite';
-import path from 'path';
-import tailwindcss from '@tailwindcss/vite';
-import react from '@vitejs/plugin-react';
-export default defineConfig({
-    plugins: [
-        // The React and Tailwind plugins are both required for Make, even if
-        // Tailwind is not being actively used – do not remove them
-        react(),
-        tailwindcss(),
-    ],
-    resolve: {
-        alias: {
-            // Alias @ to the src directory
-            '@': path.resolve(__dirname, './src'),
-        },
-    },
-    // File types to support raw imports. Never add .css, .tsx, or .ts files to this.
-    assetsInclude: ['**/*.svg', '**/*.csv'],
-});