UseRule

Defined in: packages/react-querybuilder/src/components/Rule.tsx:444

Rule props.

Extends

• RuleProps

Properties

actions

actions: QueryActions

Defined in: packages/react-querybuilder/src/types/props.ts:721

Inherited from

RuleProps.actions

---

classNames

classNames: { cloneRule: string; dragHandle: string; fields: string; lockRule: string; matchMode: string; matchThreshold: string; muteRule: string; operators: string; removeRule: string; shiftActions: string; value: string; valueSource: string; }

Defined in: packages/react-querybuilder/src/components/Rule.tsx:445

cloneRule

cloneRule: string

dragHandle

dragHandle: string

fields

fields: string

lockRule

lockRule: string

matchMode

matchMode: string

matchThreshold

matchThreshold: string

muteRule

muteRule: string

operators

operators: string

removeRule

removeRule: string

shiftActions

shiftActions: string

value

value: string

valueSource

valueSource: string

---

cloneRule

cloneRule: ActionElementEventHandler

Defined in: packages/react-querybuilder/src/components/Rule.tsx:461

---

context?

optional context?: any

Defined in: packages/react-querybuilder/src/types/props.ts:726

Inherited from

RuleProps.context

---

disabled?

optional disabled?: boolean

Defined in: packages/react-querybuilder/src/types/props.ts:722

Inherited from

RuleProps.disabled

---

dndRef?

optional dndRef?: Ref<HTMLDivElement>

Defined in: packages/react-querybuilder/src/types/props.ts:780

Inherited from

UseRuleDnD.dndRef

---

dragHandleAttributes?

optional dragHandleAttributes?: HTMLAttributes<HTMLElement>

Defined in: packages/react-querybuilder/src/types/props.ts:782

Props to spread onto the drag handle element (ARIA attributes, listeners).

Inherited from

UseRuleDnD.dragHandleAttributes

---

dragMonitorId?

optional dragMonitorId?: string | symbol

Defined in: packages/react-querybuilder/src/types/props.ts:776

Inherited from

UseRuleDnD.dragMonitorId

---

dragRef?

optional dragRef?: Ref<HTMLSpanElement>

Defined in: packages/react-querybuilder/src/types/props.ts:779

Inherited from

UseRuleDnD.dragRef

---

dropEffect?

optional dropEffect?: DropEffect

Defined in: packages/react-querybuilder/src/types/props.ts:784

"move" by default; "copy" if the modifier key is pressed.

Inherited from

UseRuleDnD.dropEffect

---

dropMonitorId?

optional dropMonitorId?: string | symbol

Defined in: packages/react-querybuilder/src/types/props.ts:778

Inherited from

UseRuleDnD.dropMonitorId

---

dropNotAllowed?

optional dropNotAllowed?: boolean

Defined in: packages/react-querybuilder/src/types/props.ts:787

Inherited from

UseRuleDnD.dropNotAllowed

---

field?

optional field?: string

Defined in: packages/react-querybuilder/src/types/props.ts:801

Deprecated

Use the field property of the rule prop instead

Inherited from

RuleProps.field

---

fieldData

fieldData: {[key: string]: unknown; className?: Classname; comparator?: string | ((f: {[key: string]: unknown; className?: Classname; comparator?: string | ((f: { [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; id?: string | undefined; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<...>[] | (string...; defaultOperator?: string; defaultValue?: any; disabled?: boolean; id?: string; inputType?: InputType | null; label: string; matchModes?: boolean | MatchMode[] | FlexibleOption<MatchMode>[]; name: string; operators?: string[] | FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }> | FlexibleOption<string>[] | string | FlexibleOption<string>[]; placeholder?: string; subproperties?: FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; id?: string | undefined; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<...>[] | (string | FlexibleOpt...>; validator?: RuleValidator; value: string; valueEditorType?: ValueEditorType | ((operator: string) => ValueEditorType); values?: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }>; valueSources?: ValueSources | [FlexibleOption, ...FlexibleOption[]] | ((operator: string) => ValueSources | [FlexibleOption, ...FlexibleOption[]]); }, operator: string) => boolean); defaultOperator?: string; defaultValue?: any; disabled?: boolean; id?: string; inputType?: InputType | null; label: string; matchModes?: boolean | MatchMode[] | FlexibleOption<MatchMode>[]; name: string; operators?: string[] | FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }> | FlexibleOption<string>[] | string | FlexibleOption<string>[]; placeholder?: string; subproperties?: FlexibleOptionList<{[key: string]: unknown; className?: Classname | undefined; comparator?: string | ((f: { [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; id?: string | undefined; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<...>[] | (string | FlexibleOpt..., operator: string) => boolean); defaultOperator?: string; defaultValue?: any; disabled?: boolean; id?: string; inputType?: InputType | null | undefined; label: string; matchModes?: boolean | MatchMode[] | FlexibleOption<MatchMode>[]; name: string; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<string>[] | (string | FlexibleOption<...>)[] | undefined; placeholder?: string; subproperties?: FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; id?: string | undefined; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<...>[] | (s...; validator?: RuleValidator; value: string; valueEditorType?: ValueEditorType | ((operator: string) => ValueEditorType) | undefined; values?: FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | undefined; valueSources?: ValueSources | [FlexibleOption, ...FlexibleOption[]] | ((operator: string) => ValueSources | [FlexibleOption, ...FlexibleOption[]]); }>; validator?: RuleValidator; value: string; valueEditorType?: ValueEditorType | ((operator: string) => ValueEditorType); values?: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }>; valueSources?: ValueSources | [FlexibleOption, ...FlexibleOption[]] | ((operator: string) => ValueSources | [FlexibleOption, ...FlexibleOption[]]); }

Defined in: packages/react-querybuilder/src/components/Rule.tsx:462

Index Signature

[key: string]: unknown

className?

optional className?: Classname

comparator?

optional comparator?: string | ((f: {[key: string]: unknown; className?: Classname; comparator?: string | ((f: { [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; id?: string | undefined; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<...>[] | (string...; defaultOperator?: string; defaultValue?: any; disabled?: boolean; id?: string; inputType?: InputType | null; label: string; matchModes?: boolean | MatchMode[] | FlexibleOption<MatchMode>[]; name: string; operators?: string[] | FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }> | FlexibleOption<string>[] | string | FlexibleOption<string>[]; placeholder?: string; subproperties?: FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; id?: string | undefined; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<...>[] | (string | FlexibleOpt...>; validator?: RuleValidator; value: string; valueEditorType?: ValueEditorType | ((operator: string) => ValueEditorType); values?: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }>; valueSources?: ValueSources | [FlexibleOption, ...FlexibleOption[]] | ((operator: string) => ValueSources | [FlexibleOption, ...FlexibleOption[]]); }, operator: string) => boolean)

defaultOperator?

optional defaultOperator?: string

defaultValue?

optional defaultValue?: any

disabled?

optional disabled?: boolean

id?

optional id?: string

inputType?

optional inputType?: InputType | null

label

label: string

matchModes?

optional matchModes?: boolean | MatchMode[] | FlexibleOption<MatchMode>[]

name

name: string

operators?

optional operators?: string[] | FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }> | FlexibleOption<string>[] | string | FlexibleOption<string>[]

placeholder?

optional placeholder?: string

subproperties?

optional subproperties?: FlexibleOptionList<{[key: string]: unknown; className?: Classname | undefined; comparator?: string | ((f: { [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; id?: string | undefined; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<...>[] | (string | FlexibleOpt..., operator: string) => boolean); defaultOperator?: string; defaultValue?: any; disabled?: boolean; id?: string; inputType?: InputType | null | undefined; label: string; matchModes?: boolean | MatchMode[] | FlexibleOption<MatchMode>[]; name: string; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<string>[] | (string | FlexibleOption<...>)[] | undefined; placeholder?: string; subproperties?: FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; id?: string | undefined; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<...>[] | (s...; validator?: RuleValidator; value: string; valueEditorType?: ValueEditorType | ((operator: string) => ValueEditorType) | undefined; values?: FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | undefined; valueSources?: ValueSources | [FlexibleOption, ...FlexibleOption[]] | ((operator: string) => ValueSources | [FlexibleOption, ...FlexibleOption[]]); }>

Properties of items in the value.

validator?

optional validator?: RuleValidator

value

value: string

valueEditorType?

optional valueEditorType?: ValueEditorType | ((operator: string) => ValueEditorType)

values?

optional values?: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }>

valueSources?

optional valueSources?: ValueSources | [FlexibleOption, ...FlexibleOption[]] | ((operator: string) => ValueSources | [FlexibleOption, ...FlexibleOption[]])

---

generateOnChangeHandler

generateOnChangeHandler: (prop: "disabled" | "value" | "operator" | "field" | "match" | "valueSource" | "muted" | "lhs" | "combinatorPreceding" | "meta") => ValueChangeEventHandler

Defined in: packages/react-querybuilder/src/components/Rule.tsx:463

Parameters

Parameter	Type
prop	"disabled" | "value" | "operator" | "field" | "match" | "valueSource" | "muted" | "lhs" | "combinatorPreceding" | "meta"

Returns

ValueChangeEventHandler

---

groupItems?

optional groupItems?: boolean

Defined in: packages/react-querybuilder/src/types/props.ts:786

True if the dragged and hovered items should form a new group.

Inherited from

UseRuleDnD.groupItems

---

hideValueControls

hideValueControls: boolean

Defined in: packages/react-querybuilder/src/components/Rule.tsx:471

---

id?

optional id?: string

Defined in: packages/react-querybuilder/src/types/props.ts:715

Inherited from

RuleProps.id

---

inputType

inputType: InputType | null

Defined in: packages/react-querybuilder/src/components/Rule.tsx:472

---

isDragging?

optional isDragging?: boolean

Defined in: packages/react-querybuilder/src/types/props.ts:775

Inherited from

UseRuleDnD.isDragging

---

isOver?

optional isOver?: boolean

Defined in: packages/react-querybuilder/src/types/props.ts:777

Inherited from

UseRuleDnD.isOver

---

matchModes

matchModes: MatchModeOptions

Defined in: packages/react-querybuilder/src/components/Rule.tsx:473

---

muted?

optional muted?: boolean

Defined in: packages/react-querybuilder/src/components/Rule.tsx:459

---

onChangeField

onChangeField: ValueChangeEventHandler

Defined in: packages/react-querybuilder/src/components/Rule.tsx:467

---

onChangeMatchMode

onChangeMatchMode: ValueChangeEventHandler

Defined in: packages/react-querybuilder/src/components/Rule.tsx:468

---

onChangeOperator

onChangeOperator: ValueChangeEventHandler

Defined in: packages/react-querybuilder/src/components/Rule.tsx:469

---

onChangeValue

onChangeValue: ValueChangeEventHandler

Defined in: packages/react-querybuilder/src/components/Rule.tsx:470

---

onChangeValueSource

onChangeValueSource: ValueChangeEventHandler

Defined in: packages/react-querybuilder/src/components/Rule.tsx:466

---

operator?

optional operator?: string

Defined in: packages/react-querybuilder/src/types/props.ts:805

Deprecated

Use the operator property of the rule prop instead

Inherited from

RuleProps.operator

---

operators

operators: OptionList<FullOperator<string>>

Defined in: packages/react-querybuilder/src/components/Rule.tsx:474

---

outerClassName

outerClassName: string

Defined in: packages/react-querybuilder/src/components/Rule.tsx:475

---

parentDisabled?

optional parentDisabled?: boolean

Defined in: packages/react-querybuilder/src/types/props.ts:717

Inherited from

RuleProps.parentDisabled

---

parentMuted?

optional parentMuted?: boolean

Defined in: packages/react-querybuilder/src/components/Rule.tsx:460

Overrides

RuleProps.parentMuted

---

path

path: Path

Defined in: packages/react-querybuilder/src/types/props.ts:716

Inherited from

RuleProps.path

---

removeRule

removeRule: ActionElementEventHandler

Defined in: packages/react-querybuilder/src/components/Rule.tsx:476

---

rule

rule: RuleType<string, string>

Defined in: packages/react-querybuilder/src/types/props.ts:797

Inherited from

RuleProps.rule

---

schema

schema: Schema<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }, string>

Defined in: packages/react-querybuilder/src/types/props.ts:720

Inherited from

RuleProps.schema

---

shiftDownDisabled?

optional shiftDownDisabled?: boolean

Defined in: packages/react-querybuilder/src/types/props.ts:724

Inherited from

RuleProps.shiftDownDisabled

---

shiftRuleDown

shiftRuleDown: (event?: MouseEvent<Element, MouseEvent>, _context?: any) => void

Defined in: packages/react-querybuilder/src/components/Rule.tsx:478

Parameters

Parameter	Type
event?	MouseEvent<Element, MouseEvent>
_context?	any

Returns

void

---

shiftRuleUp

shiftRuleUp: (event?: MouseEvent<Element, MouseEvent>, _context?: any) => void

Defined in: packages/react-querybuilder/src/components/Rule.tsx:477

Parameters

Parameter	Type
event?	MouseEvent<Element, MouseEvent>
_context?	any

Returns

void

---

shiftUpDisabled?

optional shiftUpDisabled?: boolean

Defined in: packages/react-querybuilder/src/types/props.ts:723

Inherited from

RuleProps.shiftUpDisabled

---

subproperties

subproperties: UseFields<{[key: string]: unknown; className?: Classname; comparator?: string | ((f: {[key: string]: unknown; className?: Classname; comparator?: string | ((f: { [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; id?: string | undefined; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<...>[] | (string...; defaultOperator?: string; defaultValue?: any; disabled?: boolean; id?: string; inputType?: InputType | null; label: string; matchModes?: boolean | MatchMode[] | FlexibleOption<MatchMode>[]; name: string; operators?: string[] | FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }> | FlexibleOption<string>[] | string | FlexibleOption<string>[]; placeholder?: string; subproperties?: FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; id?: string | undefined; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<...>[] | (string | FlexibleOpt...>; validator?: RuleValidator; value: string; valueEditorType?: ValueEditorType | ((operator: string) => ValueEditorType); values?: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }>; valueSources?: ValueSources | [FlexibleOption, ...FlexibleOption[]] | ((operator: string) => ValueSources | [FlexibleOption, ...FlexibleOption[]]); }, operator: string) => boolean); defaultOperator?: string; defaultValue?: any; disabled?: boolean; id?: string; inputType?: InputType | null; label: string; matchModes?: boolean | MatchMode[] | FlexibleOption<MatchMode>[]; name: string; operators?: string[] | FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }> | FlexibleOption<string>[] | string | FlexibleOption<string>[]; placeholder?: string; subproperties?: FlexibleOptionList<{[key: string]: unknown; className?: Classname | undefined; comparator?: string | ((f: { [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; id?: string | undefined; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<...>[] | (string | FlexibleOpt..., operator: string) => boolean); defaultOperator?: string; defaultValue?: any; disabled?: boolean; id?: string; inputType?: InputType | null | undefined; label: string; matchModes?: boolean | MatchMode[] | FlexibleOption<MatchMode>[]; name: string; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<string>[] | (string | FlexibleOption<...>)[] | undefined; placeholder?: string; subproperties?: FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; id?: string | undefined; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<...>[] | (s...; validator?: RuleValidator; value: string; valueEditorType?: ValueEditorType | ((operator: string) => ValueEditorType) | undefined; values?: FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | undefined; valueSources?: ValueSources | [FlexibleOption, ...FlexibleOption[]] | ((operator: string) => ValueSources | [FlexibleOption, ...FlexibleOption[]]); }>; validator?: RuleValidator; value: string; valueEditorType?: ValueEditorType | ((operator: string) => ValueEditorType); values?: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }>; valueSources?: ValueSources | [FlexibleOption, ...FlexibleOption[]] | ((operator: string) => ValueSources | [FlexibleOption, ...FlexibleOption[]]); }>

Defined in: packages/react-querybuilder/src/components/Rule.tsx:479

---

subQueryBuilderProps

subQueryBuilderProps: Record<string, unknown>

Defined in: packages/react-querybuilder/src/components/Rule.tsx:480

---

toggleLockRule

toggleLockRule: ActionElementEventHandler

Defined in: packages/react-querybuilder/src/components/Rule.tsx:481

---

toggleMuteRule

toggleMuteRule: ActionElementEventHandler

Defined in: packages/react-querybuilder/src/components/Rule.tsx:482

---

translations

translations: Translations

Defined in: packages/react-querybuilder/src/types/props.ts:719

Inherited from

RuleProps.translations

---

validationResult

validationResult: boolean | ValidationResult

Defined in: packages/react-querybuilder/src/components/Rule.tsx:483

---

value?

optional value?: any

Defined in: packages/react-querybuilder/src/types/props.ts:810

Deprecated

Use the value property of the rule prop instead

Inherited from

RuleProps.value

---

valueEditorSeparator

valueEditorSeparator: ReactNode

Defined in: packages/react-querybuilder/src/components/Rule.tsx:484

---

valueEditorType

valueEditorType: ValueEditorType

Defined in: packages/react-querybuilder/src/components/Rule.tsx:485

---

values

values: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value?: string; }>

Defined in: packages/react-querybuilder/src/components/Rule.tsx:486

---

valueSource?

optional valueSource?: ValueSource

Defined in: packages/react-querybuilder/src/types/props.ts:814

Deprecated

Use the valueSource property of the rule prop instead

Inherited from

RuleProps.valueSource

---

valueSourceOptions

valueSourceOptions: [{ label: string; name: ValueSource; value: ValueSource; }, ...{ label: string; name: ValueSource; value: ValueSource }[]]

Defined in: packages/react-querybuilder/src/components/Rule.tsx:487

---

valueSources

valueSources: ValueSources

Defined in: packages/react-querybuilder/src/components/Rule.tsx:488

---

caution

API documentation is generated from the latest commit on the main branch. It may be somewhat inconsistent with official releases of React Query Builder.