0acba4c073
Closing handoff gaps выявленных при полном audit'е README.md vs current
implementation. См. screen-by-screen mapping ниже.
== Screen 2 — Editor: WorkflowBanner (NEW) ==
Required by handoff (line 238-242) но не существовал. Inline status row выше
tab bar — live/review/info variants. Backend не имеет explicit dict-level
workflow state (draft → review → live transition), используем proxy:
- approvalRequired=false → 'Live' (green-bg + green left edge)
- approvalRequired=true + 0 → 'Approval enabled' (accent-bg + accent edge)
- approvalRequired=true + N → 'На ревью N' (warn-bg + warn edge), link к /reviews
Backend extension future: добавить explicit workflowState к DictionaryDetail
+ buttons для transitions (request-review / approve / publish). Сейчас banner
дает минимум — visual workflow signal без UI mutation buttons.
== Table accessibility per handoff line 476 ==
TableHeaderCell:
- scope='col' (a11y screen reader requirement)
- aria-sort='ascending|descending|none' когда sortable prop true
- New sortable + sortDirection props (API ready, не используется пока)
== 560px responsive per handoff line 466 ==
TableHeaderCell + TableCell получили optional hideBelow='sm|md|lg' prop:
hideBelow='sm' → hidden <640px (table-cell ≥sm)
hideBelow='md' → hidden <768px
hideBelow='lg' → hidden <1024px
Callsites могут пометить secondary columns (created_by, updated_at, etc.)
hideBelow='md' для clean mobile experience. Текущие routes ещё не используют
prop — API ready для incremental adoption.
== Toast styling per handoff line 302-305 ==
Sonner toast — раньше surface bg + ink text. Handoff:
- Navy bg + on-accent text (warm cream-orange feeling)
- 4s auto-dismiss
- Variant accent через left border 4px:
success → green / error → pink / info → accent / warning → warn
- cap-style title (но используем text-body для нативности, не overkill)
- 13px font-sans
richColors disabled — наши tokens вместо sonner defaults.
Files:
- NEW src/components/editor/WorkflowBanner.tsx
- src/routes/dictionaries.$name.tsx (wire banner above tab bar)
- src/ui/components/table.tsx (a11y + hideBelow API)
- src/ui/components/toaster.tsx (navy variant + variant borders)
- src/ui/index.ts (TableCellProps export)
Tests: 116 pass. TS strict clean.
174 lines
4.9 KiB
TypeScript
174 lines
4.9 KiB
TypeScript
/**
|
|
* @/ui — single source of truth для UI primitives.
|
|
*
|
|
* <p>Stage 3.9: @nstart/ui удалён. Все экспорты резолвят к локальным
|
|
* shadcn primitives в `./components/`. Имена сохранены в nstart-compat форме
|
|
* чтобы существующий код работал без массового рефактора imports.
|
|
*
|
|
* <p>Группы:
|
|
* <ol>
|
|
* <li><b>Handoff typography utility</b> — Cap, ScopeDot/Badge/Strip.</li>
|
|
* <li><b>Atomic</b> — Button, Badge, Alert, IconButton, Input, Label,
|
|
* Separator, Skeleton, Switch.</li>
|
|
* <li><b>Form fields</b> — TextInput, TextArea, Checkbox, FieldLabel/Hint/
|
|
* Error, FormActions, DatePicker, MultiSelect, SearchInput.</li>
|
|
* <li><b>Layout</b> — Card*, Panel, PageHeader, EmptyState, LoadingBlock,
|
|
* Tabs (legacy items-API + Radix root primitives).</li>
|
|
* <li><b>Overlays</b> — Modal (Dialog adapter), Drawer (Sheet adapter), Sheet*,
|
|
* Dialog*, Popover*, DropdownMenu*, Tooltip*.</li>
|
|
* <li><b>Switches</b> — LanguageSwitch.</li>
|
|
* <li><b>Toast</b> — Toaster, toast (sonner).</li>
|
|
* </ol>
|
|
*/
|
|
|
|
// === Atomic ===
|
|
export { Button, buttonVariants, type ButtonProps } from './components/button'
|
|
export { Badge, type BadgeProps } from './components/badge'
|
|
export { Alert, type AlertProps } from './components/alert'
|
|
export { IconButton, type IconButtonProps } from './components/icon-button'
|
|
export { Input, type InputProps } from './components/input'
|
|
export { Label } from './components/label'
|
|
export { Separator } from './components/separator'
|
|
export { Skeleton } from './components/skeleton'
|
|
export { Switch } from './components/switch'
|
|
|
|
// === Handoff design primitives ===
|
|
export { Cap, type CapProps } from './components/cap'
|
|
export {
|
|
ScopeDot,
|
|
ScopeBadge,
|
|
ScopeStrip,
|
|
type DataScope as ScopeKind,
|
|
} from './components/scope'
|
|
|
|
// === Form fields ===
|
|
export { TextInput, type TextInputProps } from './components/text-input'
|
|
export { TextArea, type TextAreaProps } from './components/textarea'
|
|
export { Checkbox } from './components/checkbox'
|
|
export {
|
|
FieldLabel,
|
|
FieldHint,
|
|
FieldError,
|
|
type FieldLabelProps,
|
|
} from './components/field'
|
|
export { FormActions, type FormActionsProps } from './components/form-actions'
|
|
export { DatePicker, type DatePickerProps } from './components/date-picker'
|
|
export {
|
|
MultiSelect,
|
|
type MultiSelectOption,
|
|
type MultiSelectProps,
|
|
} from './components/multi-select'
|
|
export {
|
|
SingleSelect,
|
|
type SelectOption,
|
|
type SingleSelectProps,
|
|
} from './components/single-select'
|
|
export { SearchInput, type SearchInputProps } from './components/search-input'
|
|
|
|
// === Layout ===
|
|
export {
|
|
Card,
|
|
CardHeader,
|
|
CardTitle,
|
|
CardDescription,
|
|
CardContent,
|
|
CardFooter,
|
|
} from './components/card'
|
|
export { Panel, type PanelProps } from './components/panel'
|
|
export { PageHeader, type PageHeaderProps } from './components/page-header'
|
|
export { EmptyState, type EmptyStateProps } from './components/empty-state'
|
|
export { LoadingBlock, type LoadingBlockProps } from './components/loading-block'
|
|
|
|
// === Tables ===
|
|
export {
|
|
Table,
|
|
TableHeader,
|
|
TableBody,
|
|
TableFooter,
|
|
TableRow,
|
|
TableHead,
|
|
TableHeaderCell,
|
|
TableCell,
|
|
TableCaption,
|
|
TableEmpty,
|
|
type TableHeaderCellProps,
|
|
type TableCellProps,
|
|
type TableEmptyProps,
|
|
} from './components/table'
|
|
|
|
// === Tabs (legacy items[] API + Radix primitives для нового кода) ===
|
|
export { TabsSimple as Tabs, type TabItem, type TabsSimpleProps } from './components/tabs-simple'
|
|
export {
|
|
Tabs as TabsRoot,
|
|
TabsList,
|
|
TabsTrigger,
|
|
TabsContent,
|
|
} from './components/tabs'
|
|
|
|
// === Overlays ===
|
|
export { Modal, type ModalProps } from './components/modal'
|
|
export { Drawer, type DrawerProps } from './components/drawer'
|
|
export {
|
|
Dialog,
|
|
DialogTrigger,
|
|
DialogPortal,
|
|
DialogClose,
|
|
DialogOverlay,
|
|
DialogContent,
|
|
DialogHeader,
|
|
DialogFooter,
|
|
DialogTitle,
|
|
DialogDescription,
|
|
type DialogContentProps,
|
|
} from './components/dialog'
|
|
export {
|
|
Sheet,
|
|
SheetTrigger,
|
|
SheetClose,
|
|
SheetPortal,
|
|
SheetContent,
|
|
SheetHeader,
|
|
SheetFooter,
|
|
SheetTitle,
|
|
SheetDescription,
|
|
type SheetContentProps,
|
|
} from './components/sheet'
|
|
export {
|
|
Popover,
|
|
PopoverTrigger,
|
|
PopoverAnchor,
|
|
PopoverContent,
|
|
} from './components/popover'
|
|
export {
|
|
Tooltip,
|
|
TooltipProvider,
|
|
TooltipTrigger,
|
|
TooltipContent,
|
|
} from './components/tooltip'
|
|
export {
|
|
DropdownMenu,
|
|
DropdownMenuTrigger,
|
|
DropdownMenuContent,
|
|
DropdownMenuItem,
|
|
DropdownMenuCheckboxItem,
|
|
DropdownMenuRadioItem,
|
|
DropdownMenuLabel,
|
|
DropdownMenuSeparator,
|
|
DropdownMenuGroup,
|
|
DropdownMenuPortal,
|
|
DropdownMenuSub,
|
|
DropdownMenuSubTrigger,
|
|
DropdownMenuSubContent,
|
|
DropdownMenuRadioGroup,
|
|
} from './components/dropdown-menu'
|
|
|
|
// === Switches ===
|
|
export {
|
|
LanguageSwitch,
|
|
type LanguageOption,
|
|
type LanguageSwitchProps,
|
|
} from './components/language-switch'
|
|
|
|
// === Toast (sonner) ===
|
|
export { Toaster, toast } from './components/toaster'
|