MDK Logo
ReferenceUIHooks

Filter Hooks

Filter state and interaction hooks

Hooks for filter components and state management.

Package

@tetherto/mdk-react-devkit

Hooks

useListViewFilters

Persistent filter-state hook for list views — syncs the active filter set to URL search params.

({ site, selectedType, availableDevices: _availableDevices, typeFiltersForSite, }: UseListViewFiltersParams) => { onFiltersChange: (selections: CascaderValue[]) => void; listViewFilterOptions: FilterOption[]; filters: LocalFilters | undefin… /* see source */

useReportTimeFrameSelectorState

State hook backing the reporting time-frame selector — exposes the active window and setters.

() => ReportTimeFrameSelectorState

useTimeframeControls

Core state machine for TimeframeControls — owns year / month / week selection and resolves the date-range output.

({ dateRange, timeframeType: timeframeTypeProp, onRangeChange, onTimeframeTypeChange, isWeekSelectVisible, weekTree, }: UseTimeframeControlsParams) => { timezone: string; selectedYear: number; selectedMonth: number; visibleWeeks: Week[]; ha… /* see source */

On this page