ValueEditorProps<F, O>

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

Props passed to valueEditor components.

Extends

• SelectorOrEditorProps<F, O>.CommonRuleSubComponentProps

Type Parameters

Type Parameter	Default type
F extends FullField	FullField
O extends string	string

Properties

className?

optional className: string

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

CSS classNames to be applied.

This is string and not Classname because the Rule and RuleGroup components run clsx() to produce the className that gets passed to each subcomponent.

Inherited from

SelectorOrEditorProps.className

---

context?

optional context: any

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

Container for custom props that are passed to all components.

Inherited from

SelectorOrEditorProps.context

---

disabled?

optional disabled: boolean

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

Disables the control.

Inherited from

SelectorOrEditorProps.disabled

---

field

field: GetOptionIdentifierType<F>

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

---

fieldData

fieldData: F

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

The entire FullField object.

---

inputType?

optional inputType: null | InputType

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

---

level

level: number

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

The level of the current group. Always equal to path.length.

Inherited from

SelectorOrEditorProps.level

---

listsAsArrays?

optional listsAsArrays: boolean

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

---

operator

operator: O

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

---

parseNumbers?

optional parseNumbers: ParseNumbersPropConfig

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

---

path

path: Path

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

Path to this subcomponent's rule/group within the query.

Inherited from

SelectorOrEditorProps.path

---

rule

rule: RuleType

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

Inherited from

CommonRuleSubComponentProps.rule

---

schema

schema: Schema<F, O>

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

All subcomponents receive the configuration schema as a prop.

Overrides

SelectorOrEditorProps.schema

---

selectorComponent?

optional selectorComponent: ComponentType<ValueSelectorProps<{ [key: string]: unknown; disabled: boolean; label: string; name: string; value: string; }>>

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

---

separator?

optional separator: ReactNode

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

---

skipHook?

optional skipHook: boolean

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

Only pass true if the useValueEditor hook has already run in a parent/ancestor component. See usage in the compatibility packages.

---

testID?

optional testID: string

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

Test ID for this component.

Inherited from

SelectorOrEditorProps.testID

---

title?

optional title: string

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

The title/tooltip for this control.

Inherited from

SelectorOrEditorProps.title

---

type?

optional type: ValueEditorType

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

---

validation?

optional validation: boolean | ValidationResult

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

Validation result of the parent rule/group.

Inherited from

SelectorOrEditorProps.validation

---

value?

optional value: any

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

Overrides

SelectorOrEditorProps.value

---

values?

optional values: any[]

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

---

valueSource

valueSource: ValueSource

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

Methods

handleOnChange()

handleOnChange(value: any): void

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

Parameters

Parameter	Type
value	any

Returns

void

Inherited from

SelectorOrEditorProps.handleOnChange

---

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.