can we restrict not toggle option to a single level rule?

[kuljeet2604]

Hi
can we restrict not toggle in a way that we only have one NotToggle in a rule group.
my use case is if we have it with the parent rule, shouldn’t be available for children, and if we have it it any of the child rule or group, parent (not toggle ) automatically turns false.

[jakeboone02]

You can achieve this with a custom RuleGroup component:

https://codesandbox.io/p/devbox/infallible-star-h8v3td?file=%2Fsrc%2FApp.tsx%3A19%2C1-32%2C1

const CustomRuleGroup = (props: RuleGroupProps) => {
  if (props.context?.parentHasNotTrue) {
    return (
      <RuleGroup
        {...props}
        schema={{ ...props.schema, showNotToggle: false }}
      />
    );
  } else if (props.ruleGroup.not) {
    return <RuleGroup {...props} context={{ parentHasNotTrue: true }} />;
  }
  return <RuleGroup {...props} />;
};

export const App = () => {
  const [query, setQuery] = useState(initialQuery);

  return (
    <QueryBuilder
      fields={fields}
      query={query}
      onQueryChange={setQuery}
      showNotToggle
      controlElements={{ ruleGroup: CustomRuleGroup }}
    />
  );
};

[kuljeet2604]

perfect