Filter Builder

Конструктор фильтров: вложенные группы И/ИЛИ, условия по типу поля, JSON и сводка. Pro · Формы и ввод › Форма целиком и фильтры

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add filter-builder

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { FilterBuilder } from 'valyro-ui-pro';

Prop	Type	Default
`fields` *	`readonly FilterField<T>[]`		Filterable fields; the type picks the operators and the value editor.
`value`	`FilterGroup`		The filter tree (JSON-serialisable). The root is always a group.
`defaultValue`	`FilterGroup`	`EMPTY_ROOT`	Initial `value` when uncontrolled.
`onValueChange`	`(value: FilterGroup) => void`		Called with the new `value` when it changes.
`maxDepth`	`number`	`2`	Levels of groups, the root included: 1 allows no nested groups. Default 2.
`footer`	`ReactNode`		Content after the add buttons, e.g. a "Clear" or "Apply" button.
`locale`	`string`		Number and date formatting in the value editors. Defaults to the `ThemeProvider` locale.
`labels`	`Partial<Omit<FilterBuilderLabels, 'operators'>> & { operators?: Partial<FilterOperatorLabels> }`		Overrides for the built-in English text; keys left out keep their defaults.