Skip to content

FilterFieldForm ​

Overview ​

Renders and controls the filter form for a single filterable field. It hosts the per-field form state (initial values seeded from the URL query, validation, and lazy choice fetching) and applies or removes the field's entry in the shared active-filter list. It is mounted on demand inside the FilterMenu drill-in (to add a filter) and inside a FilterChip edit popover (to edit one). The surrounding popover owns visibility; this component owns the form body and the apply/remove mutations.

Theme entry: FilterFieldForm

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
filterNamestringyesField name this form filters on.
filterDetailsobjectyesFilter configuration for this field (label, typeFilter, choices, lookupExprs, suffixes).
queryobject{}Current URL query object, used to seed the field value when editing an active filter.
openbooleantrueWhen true, the form is visible; gates lazy choice fetching for choice fields.
showRemovebooleanfalseWhen true, renders a Remove control beside Apply (used by the chip edit popover).
erroredbooleanfalseWhen true, renders the field in an error state.

Slots ​

slotName ​

Scoped slot.

Events ​

applied ​

removed ​

hide-filter-form ​

Source ​

client/lib/form/filter/FilterFieldForm.vue