UseRule

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

Rule props.

Extends

• RuleProps

Properties

actions

actions: QueryActions

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:619

Inherited from

RuleProps.actions

---

classNames

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

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

cloneRule

cloneRule: string

dragHandle

dragHandle: string

fields

fields: string

lockRule

lockRule: 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:299

---

context?

optional context: any

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:624

Inherited from

RuleProps.context

---

disabled?

optional disabled: boolean

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:620

Inherited from

RuleProps.disabled

---

dndRef?

optional dndRef: Ref<HTMLDivElement>

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:676

Inherited from

RuleProps.dndRef

---

dragMonitorId?

optional dragMonitorId: string | symbol

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:672

Inherited from

RuleProps.dragMonitorId

---

dragRef?

optional dragRef: Ref<HTMLSpanElement>

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:675

Inherited from

RuleProps.dragRef

---

dropEffect?

optional dropEffect: DropEffect

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:678

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

Inherited from

RuleProps.dropEffect

---

dropMonitorId?

optional dropMonitorId: string | symbol

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:674

Inherited from

RuleProps.dropMonitorId

---

field?

optional field: string

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:695

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?: FlexibleOptionList<{ [x: string]: unknown; value?: string | undefined; label: string; disabled?: boolean | undefined; name: string; }> | undefined; ... 9 more ...; cl...; defaultOperator?: string; defaultValue?: any; disabled?: boolean; id?: string; inputType?: null | InputType; label: string; name: string; operators?: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value?: string; }>; placeholder?: string; validator?: RuleValidator; value: string; valueEditorType?: ValueEditorType | (operator: string) => ValueEditorType; values?: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value?: string; }>; valueSources?: ValueSources | (operator: string) => ValueSources; }, operator: string) => boolean; defaultOperator?: string; defaultValue?: any; disabled?: boolean; id?: string; inputType?: null | InputType; label: string; name: string; operators?: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value?: string; }>; placeholder?: string; validator?: RuleValidator; value: string; valueEditorType?: ValueEditorType | (operator: string) => ValueEditorType; values?: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value?: string; }>; valueSources?: ValueSources | (operator: string) => ValueSources; }

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

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?: FlexibleOptionList<{ [x: string]: unknown; value?: string | undefined; label: string; disabled?: boolean | undefined; name: string; }> | undefined; ... 9 more ...; cl...; defaultOperator?: string; defaultValue?: any; disabled?: boolean; id?: string; inputType?: null | InputType; label: string; name: string; operators?: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value?: string; }>; placeholder?: string; validator?: RuleValidator; value: string; valueEditorType?: ValueEditorType | (operator: string) => ValueEditorType; values?: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value?: string; }>; valueSources?: ValueSources | (operator: string) => ValueSources; }, operator: string) => boolean

defaultOperator?

optional defaultOperator: string

defaultValue?

optional defaultValue: any

disabled?

optional disabled: boolean

id?

optional id: string

inputType?

optional inputType: null | InputType

label

label: string

name

name: string

operators?

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

placeholder?

optional placeholder: string

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 | (operator: string) => ValueSources

---

generateOnChangeHandler()

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

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

Parameters

Parameter	Type
prop	"value" | "disabled" | "field" | "operator" | "valueSource" | "combinatorPreceding"

Returns

ValueChangeEventHandler

---

groupItems?

optional groupItems: boolean

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:680

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

Inherited from

RuleProps.groupItems

---

hideValueControls

hideValueControls: boolean

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

---

id?

optional id: string

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:614

Inherited from

RuleProps.id

---

inputType

inputType: null | InputType

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

---

isDragging?

optional isDragging: boolean

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:671

Inherited from

RuleProps.isDragging

---

isOver?

optional isOver: boolean

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:673

Inherited from

RuleProps.isOver

---

onChangeField

onChangeField: ValueChangeEventHandler

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

---

onChangeOperator

onChangeOperator: ValueChangeEventHandler

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

---

onChangeValue

onChangeValue: ValueChangeEventHandler

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

---

onChangeValueSource

onChangeValueSource: ValueChangeEventHandler

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

---

operator?

optional operator: string

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:699

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:310

---

outerClassName

outerClassName: string

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

---

parentDisabled?

optional parentDisabled: boolean

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:616

Inherited from

RuleProps.parentDisabled

---

path

path: Path

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:615

Inherited from

RuleProps.path

---

removeRule

removeRule: ActionElementEventHandler

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

---

rule

rule: RuleType<string, string>

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:691

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/propsUsingReact.ts:618

Inherited from

RuleProps.schema

---

shiftDownDisabled?

optional shiftDownDisabled: boolean

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:622

Inherited from

RuleProps.shiftDownDisabled

---

shiftRuleDown()

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

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

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:313

Parameters

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

Returns

void

---

shiftUpDisabled?

optional shiftUpDisabled: boolean

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:621

Inherited from

RuleProps.shiftUpDisabled

---

toggleLockRule

toggleLockRule: ActionElementEventHandler

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

---

translations

translations: Translations

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:617

Inherited from

RuleProps.translations

---

validationResult

validationResult: boolean | ValidationResult

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

---

value?

optional value: any

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:704

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:317

---

valueEditorType

valueEditorType: ValueEditorType

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

---

values

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

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

---

valueSource?

optional valueSource: ValueSource

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:708

Deprecated

Use the valueSource property of the rule prop instead

Inherited from

RuleProps.valueSource

---

valueSourceOptions

valueSourceOptions: ValueSourceOptions

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

---

valueSources

valueSources: ValueSources

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

---

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.