anima-ds-nucleus 1.0.0

package/src/components/Views/LoginForm/LoginForm.stories.jsx

@@ -0,0 +1,55 @@
+import { LoginForm } from './LoginForm';
+import { I18nProvider } from '../../../providers/I18nProvider';
+
+export default {
+  title: 'Views/LoginForm',
+  component: LoginForm,
+  tags: ['autodocs'],
+  decorators: [
+    (Story) => (
+      <I18nProvider>
+        <Story />
+      </I18nProvider>
+    ),
+  ],
+};
+
+export const Default = {
+  args: {
+    onSubmit: (data) => {
+      console.log('Login data:', data);
+      alert('Login submitted!');
+    },
+  },
+};
+
+export const Spanish = {
+  decorators: [
+    (Story) => (
+      <I18nProvider language="es-AR">
+        <Story />
+      </I18nProvider>
+    ),
+  ],
+  args: {
+    onSubmit: (data) => {
+      console.log('Login data:', data);
+    },
+  },
+};
+
+export const Portuguese = {
+  decorators: [
+    (Story) => (
+      <I18nProvider language="pt-BR">
+        <Story />
+      </I18nProvider>
+    ),
+  ],
+  args: {
+    onSubmit: (data) => {
+      console.log('Login data:', data);
+    },
+  },
+};
+

package/src/i18n/config.js

@@ -0,0 +1,209 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+
+const resources = {
+  'es-AR': {
+    translation: {
+      // Common
+      'common.save': 'Guardar',
+      'common.cancel': 'Cancelar',
+      'common.delete': 'Eliminar',
+      'common.edit': 'Editar',
+      'common.search': 'Buscar',
+      'common.loading': 'Cargando...',
+      'common.submit': 'Enviar',
+      'common.back': 'Volver',
+      'common.next': 'Siguiente',
+      'common.previous': 'Anterior',
+      
+      // Navigation
+      'nav.home': 'Inicio',
+      'nav.dashboard': 'Dashboard',
+      'nav.profile': 'Perfil',
+      'nav.settings': 'Configuración',
+      'nav.logout': 'Cerrar Sesión',
+      
+      // Forms
+      'form.email': 'Correo electrónico',
+      'form.password': 'Contraseña',
+      'form.confirmPassword': 'Confirmar contraseña',
+      'form.currentPassword': 'Contraseña actual',
+      'form.newPassword': 'Nueva contraseña',
+      'form.rememberMe': 'Recordarme',
+      'form.login': 'Iniciar Sesión',
+      'form.changePassword': 'Cambiar Contraseña',
+      'form.forgotPassword': '¿Olvidaste tu contraseña?',
+      
+      // Placeholders
+      'placeholder.email': 'Ingresa tu correo electrónico',
+      'placeholder.password': 'Ingresa tu contraseña',
+      'placeholder.search': 'Buscar...',
+      'placeholder.select': 'Selecciona una opción',
+      
+      // Table
+      'table.actions': 'Acciones',
+      'table.noData': 'No hay datos disponibles',
+      'table.loading': 'Cargando datos...',
+      'table.id': 'ID',
+      'table.name': 'Nombre',
+      'table.email': 'Correo',
+      'table.role': 'Rol',
+      'table.status': 'Estado',
+      'table.date': 'Fecha',
+      'table.edit': 'Editar',
+      'table.delete': 'Eliminar',
+      'table.view': 'Ver',
+      // MUI DataGrid translations
+      'table.rowsPerPage': 'Filas por página',
+      'table.density': 'Densidad',
+      'table.densityLabel': 'Densidad',
+      'table.densityCompact': 'Compacta',
+      'table.densityStandard': 'Estándar',
+      'table.densityComfortable': 'Cómoda',
+      'table.filters': 'Filtros',
+      'table.filtersLabel': 'Mostrar filtros',
+      'table.filtersTooltipHide': 'Ocultar filtros',
+      'table.filtersTooltipShow': 'Mostrar filtros',
+      'table.export': 'Exportar',
+      'table.exportLabel': 'Exportar',
+      'table.exportCSV': 'Descargar como CSV',
+      'table.exportPrint': 'Imprimir',
+      'table.columns': 'Columnas',
+      'table.columnsLabel': 'Seleccionar columnas',
+      'table.filterPanelAddFilter': 'Agregar filtro',
+      'table.filterPanelDeleteIconLabel': 'Eliminar',
+      'table.filterPanelOperators': 'Operadores',
+      'table.filterPanelOperatorAnd': 'Y',
+      'table.filterPanelOperatorOr': 'O',
+      'table.filterPanelColumns': 'Columnas',
+      'table.filterPanelInputLabel': 'Valor',
+      'table.filterPanelInputPlaceholder': 'Valor del filtro',
+      'table.noResults': 'No se encontraron resultados',
+      'table.errorOverlayDefaultLabel': 'Ocurrió un error',
+      
+      // Chat
+      'chat.typeMessage': 'Escribe un mensaje...',
+      'chat.send': 'Enviar',
+      'chat.user': 'Usuario',
+      'chat.ai': 'Asistente IA',
+      'chat.loading': 'Escribiendo...',
+      'chat.empty': 'No hay mensajes aún. Comienza la conversación.',
+      'chat.placeholder': 'Escribe tu mensaje aquí...',
+      
+      // Alerts
+      'alert.success': 'Éxito',
+      'alert.error': 'Error',
+      'alert.warning': 'Advertencia',
+      'alert.info': 'Información',
+    },
+  },
+  'pt-BR': {
+    translation: {
+      // Common
+      'common.save': 'Salvar',
+      'common.cancel': 'Cancelar',
+      'common.delete': 'Excluir',
+      'common.edit': 'Editar',
+      'common.search': 'Buscar',
+      'common.loading': 'Carregando...',
+      'common.submit': 'Enviar',
+      'common.back': 'Voltar',
+      'common.next': 'Próximo',
+      'common.previous': 'Anterior',
+      
+      // Navigation
+      'nav.home': 'Início',
+      'nav.dashboard': 'Painel',
+      'nav.profile': 'Perfil',
+      'nav.settings': 'Configurações',
+      'nav.logout': 'Sair',
+      
+      // Forms
+      'form.email': 'E-mail',
+      'form.password': 'Senha',
+      'form.confirmPassword': 'Confirmar senha',
+      'form.currentPassword': 'Senha atual',
+      'form.newPassword': 'Nova senha',
+      'form.rememberMe': 'Lembrar-me',
+      'form.login': 'Entrar',
+      'form.changePassword': 'Alterar Senha',
+      'form.forgotPassword': 'Esqueceu sua senha?',
+      
+      // Placeholders
+      'placeholder.email': 'Digite seu e-mail',
+      'placeholder.password': 'Digite sua senha',
+      'placeholder.search': 'Buscar...',
+      'placeholder.select': 'Selecione uma opção',
+      
+      // Table
+      'table.actions': 'Ações',
+      'table.noData': 'Nenhum dado disponível',
+      'table.loading': 'Carregando dados...',
+      'table.id': 'ID',
+      'table.name': 'Nome',
+      'table.email': 'E-mail',
+      'table.role': 'Função',
+      'table.status': 'Status',
+      'table.date': 'Data',
+      'table.edit': 'Editar',
+      'table.delete': 'Excluir',
+      'table.view': 'Ver',
+      // MUI DataGrid translations
+      'table.rowsPerPage': 'Linhas por página',
+      'table.density': 'Densidade',
+      'table.densityLabel': 'Densidade',
+      'table.densityCompact': 'Compacta',
+      'table.densityStandard': 'Padrão',
+      'table.densityComfortable': 'Confortável',
+      'table.filters': 'Filtros',
+      'table.filtersLabel': 'Mostrar filtros',
+      'table.filtersTooltipHide': 'Ocultar filtros',
+      'table.filtersTooltipShow': 'Mostrar filtros',
+      'table.export': 'Exportar',
+      'table.exportLabel': 'Exportar',
+      'table.exportCSV': 'Baixar como CSV',
+      'table.exportPrint': 'Imprimir',
+      'table.columns': 'Colunas',
+      'table.columnsLabel': 'Selecionar colunas',
+      'table.filterPanelAddFilter': 'Adicionar filtro',
+      'table.filterPanelDeleteIconLabel': 'Excluir',
+      'table.filterPanelOperators': 'Operadores',
+      'table.filterPanelOperatorAnd': 'E',
+      'table.filterPanelOperatorOr': 'OU',
+      'table.filterPanelColumns': 'Colunas',
+      'table.filterPanelInputLabel': 'Valor',
+      'table.filterPanelInputPlaceholder': 'Valor do filtro',
+      'table.noResults': 'Nenhum resultado encontrado',
+      'table.errorOverlayDefaultLabel': 'Ocorreu um erro',
+      
+      // Chat
+      'chat.typeMessage': 'Digite uma mensagem...',
+      'chat.send': 'Enviar',
+      'chat.user': 'Usuário',
+      'chat.ai': 'Assistente IA',
+      'chat.loading': 'Digitando...',
+      'chat.empty': 'Ainda não há mensagens. Comece a conversa.',
+      'chat.placeholder': 'Digite sua mensagem aqui...',
+      
+      // Alerts
+      'alert.success': 'Sucesso',
+      'alert.error': 'Erro',
+      'alert.warning': 'Aviso',
+      'alert.info': 'Informação',
+    },
+  },
+};
+
+i18n
+  .use(initReactI18next)
+  .init({
+    resources,
+    lng: 'es-AR',
+    fallbackLng: 'es-AR',
+    interpolation: {
+      escapeValue: false,
+    },
+  });
+
+export default i18n;
+

package/src/index.js

@@ -0,0 +1,60 @@
+// Atoms
+export { Button } from './components/Atoms/Button/Button';
+export { Typography } from './components/Atoms/Typography/Typography';
+export { Badge } from './components/Atoms/Badge/Badge';
+export { Alert } from './components/Atoms/Alert/Alert';
+export { Icon } from './components/Atoms/Icon/Icon';
+export { Avatar } from './components/Atoms/Avatar/Avatar';
+export { Spinner } from './components/Atoms/Spinner/Spinner';
+export { Progress } from './components/Atoms/Progress/Progress';
+export { Divider } from './components/Atoms/Divider/Divider';
+export { Skeleton } from './components/Atoms/Skeleton/Skeleton';
+export { Toast } from './components/Atoms/Toast/Toast';
+export { Tooltip } from './components/Atoms/Tooltip/Tooltip';
+
+// Inputs
+export { Input } from './components/Inputs/Input/Input';
+export { Checkbox } from './components/Inputs/Checkbox/Checkbox';
+export { RadioButton } from './components/Inputs/RadioButton/RadioButton';
+export { Select } from './components/Inputs/Select/Select';
+export { Textarea } from './components/Inputs/Textarea/Textarea';
+export { Switch } from './components/Inputs/Switch/Switch';
+export { DatePicker } from './components/Inputs/DatePicker/DatePicker';
+export { FileUpload } from './components/Inputs/FileUpload/FileUpload';
+
+// Layout
+export { Layout } from './components/Layout/Layout/Layout';
+export { Header } from './components/Layout/Header/Header';
+export { Sidebar } from './components/Layout/Sidebar/Sidebar';
+export { Modal } from './components/Layout/Modal/Modal';
+export { Tabs } from './components/Layout/Tabs/Tabs';
+export { Accordion } from './components/Layout/Accordion/Accordion';
+export { Breadcrumbs } from './components/Layout/Breadcrumbs/Breadcrumbs';
+export { Pagination } from './components/Layout/Pagination/Pagination';
+export { Drawer } from './components/Layout/Drawer/Drawer';
+export { Dropdown } from './components/Layout/Dropdown/Dropdown';
+export { Stepper } from './components/Layout/Stepper/Stepper';
+
+// DataDisplay
+export { Card } from './components/DataDisplay/Card/Card';
+export { DBGrid } from './components/DataDisplay/DBGrid/DBGrid';
+export { LineChart } from './components/DataDisplay/LineChart/LineChart';
+export { BarChart } from './components/DataDisplay/BarChart/BarChart';
+export { AreaChart } from './components/DataDisplay/AreaChart/AreaChart';
+export { PieChart } from './components/DataDisplay/PieChart/PieChart';
+export { DonutChart } from './components/DataDisplay/DonutChart/DonutChart';
+export { ColumnChart } from './components/DataDisplay/ColumnChart/ColumnChart';
+export { EmptyState } from './components/DataDisplay/EmptyState/EmptyState';
+export { StatCard } from './components/DataDisplay/StatCard/StatCard';
+export { Timeline } from './components/DataDisplay/Timeline/Timeline';
+export { List } from './components/DataDisplay/List/List';
+export { TagList } from './components/DataDisplay/TagList/TagList';
+
+// Views
+export { LoginForm } from './components/Views/LoginForm/LoginForm';
+export { ChangePasswordForm } from './components/Views/ChangePasswordForm/ChangePasswordForm';
+export { Chat } from './components/Views/Chat/Chat';
+
+// Providers
+export { I18nProvider } from './providers/I18nProvider';
+