Rule

The Rule component represents query conditions. Rule calls the useRule hook to prepare the subcomponent props.

Subcomponents

Rule renders elements in this order:

• Shift actions¹
• Drag handle²
• Field selector
• Operator selector³
• Value source selector^{4 5}
• Value editor⁵
• Clone rule button⁶
• Lock rule button⁷
• Remove rule button

Footnotes

1. Only rendered if showShiftActions is true. ↩

2. Only rendered if enableDragAndDrop is true. ↩

3. Only rendered if autoSelectField is true or the rule's field doesn't match translations.fields.placeholderName. ↩

4. Only rendered if the rule's operator is neither "null" nor "notNull" and the derived valueSources array has more than one element. ↩

5. Only rendered when (1) the arity property of the rule's operator is not "unary" or < 2, and (2) autoSelectOperator is true or the rule's operator doesn't match translations.operators.placeholderName. ↩ ↩²

6. Only rendered if showCloneButtons is true. ↩

7. Only rendered if showLockButtons is true. ↩