Report Filter Bar
Component Detail
User Interface
medium complexity
Shared Component
frontend
0
Dependencies
1
Dependents
0
Entities
0
Integrations
Description
Composite filter control bar rendered above the reports table, providing date range picker, activity type multi-select, and organizational unit scoped to the current user's tenant. Emits filter change events that update the page URL query params for shareable report links.
report-filter-bar
Responsibilities
- Render date range picker with preset shortcuts (this month, last month, this quarter, year to date)
- Render activity type multi-select populated from the activity_types table
- Render org unit selector scoped to the authenticated user's organization hierarchy
- Sync filter state to URL query params for bookmarkable/shareable report URLs
Interfaces
onFilterChange(filters: ReportFilters): void
ReportFilters: { dateFrom: string, dateTo: string, activityTypeIds: string[], orgUnitId: string | null }
clearFilters(): void