Skip to content

Components: Listing pages (tables, filters, pagination) #17

Closed

Description

@n4ff4h

REQUIREMENTS §22 (Listing pages), §25.6, §25.7, R16.4.

  • Table (DataTable, TanStack Table v9; mobile cards)
  • Editable data grid
  • List view
  • Grid view
  • Kanban board
  • Tree view (React Aria)
  • Sortable list
  • View switcher
  • Column visibility
  • Filter panel (§25.7)
  • Active filter chips
  • Filter submit
  • Filter tabs
  • Search box
  • Search results
  • Per page
  • Bulk actions bar
  • Export menu
  • Pagination (Laravel shapes)
  • Load more
  • Empty state
  • Row actions
  • Record actions menu
  • Filter condition builder (@javaabu/onu/query-builder)
  • Drag-and-drop row reordering
  • URL-state helper (useListingState)

Also ListingPage, the full §25.6 index page. Merged into claude/amazing-cerf-htnpm8. 179 tests; ~99% lines / 93% branches.

Follow-ups:

  • Figma components + Code Connect (Figma kit & token sync #29)
  • RecordActionsMenu uses a media query; switch to a container query
  • Editable grid: hide the active-cell ring when the grid isn't focused
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions