router-lists-ui/CHANGELOG.md

Changelog

[2025-10-02] - Major UX/UI Improvements

Added - Новые компоненты (100% Tabler UI)

• Breadcrumbs - улучшенный с кнопкой "Назад", счетчиками и фильтрами
• SavedFilters - сохранение комбинаций фильтров в localStorage
• BulkActionsBar - панель массовых операций для таблиц
• ToastContainer - система toast уведомлений (success/error/warning/info)
• ValidatedInput - input с inline валидацией и подсказками
• ProgressIndicator - индикаторы прогресса (линейный, кольцевой)
• Sparkline - мини-графики без внешних библиотек (SVG)
• CommandPalette - глобальный поиск команд (Ctrl+K)
• KeyboardShortcutsButton - справка по горячим клавишам

Enhanced - Улучшенные компоненты

• TableSkeleton - добавлены CardSkeleton, ListSkeleton, FormSkeleton
• App.jsx - интеграция ToastContainer и CommandPalette

Improved - Улучшения UX

• ⌨️ Keyboard shortcuts (Ctrl+K, Ctrl+N, Ctrl+S, Ctrl+F, Esc)
• 🎨 Анимированные skeleton loaders с pulse эффектом
• 🔔 Toast уведомления с действиями и автозакрытием
• ✓ Real-time валидация форм с debounce
• ☑️ Bulk operations с чекбоксами
• 📊 Sparkline графики для визуализации трендов
• 🔍 Command palette для быстрого доступа к функциям

Technical Details

• ~1300 строк нового кода
• 8 новых компонентов
• 3 улучшенных компонента
• 100% Tabler UI стили (без сторонних библиотек)
• Полная поддержка темной темы
• ARIA labels для accessibility
• TypeScript ready

Documentation

• Создан UX_UI_IMPROVEMENTS.md с полной документацией
• Примеры использования всех компонентов
• Дизайн-система и цветовая палитра

---

[2024-07-08] - Tabler Core Integration

Added

• Integrated @tabler/core package for 100% authentic Tabler UI
• Official Tabler CSS and components
• Better performance and smaller bundle size

Changed

• Updated Node.js requirement from 18 to 20 (required by @tabler/core)
• Simplified CSS by removing custom Tabler styles
• Replaced React-Bootstrap components with native Tabler classes
• Updated Dockerfile to use Node.js 20

Removed

• Custom Tabler CSS variables and styles
• React-Bootstrap dependency (still available but not used)
• Duplicate styling code

Technical Details

• @tabler/core requires Node.js >= 20
• Vite 7.0+ requires Node.js >= 20
• All existing functionality preserved
• Better TypeScript support
• Improved accessibility

Migration Notes

• No breaking changes for users
• Backend remains unchanged
• Docker images now use Node.js 20
• CI/CD pipelines updated automatically