Function OperatorSelect

frontend/src/react/components/ExprEditor.tsx:922–986

({
  expr,
  groupPath,
  operandIndex,
}: {
  expr: ConditionExpr;
  groupPath: Path;
  operandIndex: number;
})

// ============================================================

function OperatorSelect({
  expr,
  groupPath,
  operandIndex,
}: {
  expr: ConditionExpr;
  groupPath: Path;
  operandIndex: number;
}) {
  const { readonly, factorOperatorOverrideMap: overrideMap } =
    useExprEditorCtx();
  const doUpdate = useImmutableUpdate(groupPath);
  const factor = expr.args[0] as Factor;

  const operators = useMemo(
    () => getOperatorListByFactor(factor, overrideMap),
    [factor, overrideMap]
  );

  useEffect(() => {
    if (operators.length === 0) return;
    if (!operators.includes(expr.operator)) {
      doUpdate((group) => {
        const cond = group.args[operandIndex] as ConditionExpr;
        cond.operator = operators[0] as ConditionOperator;
        (cond.args as unknown[])[1] = getDefaultValue(
          cond.args[0] as Factor,
          cond.operator
        );
      });
    }
  }, [operators, expr.operator]);

  return (
    <Select
      value={expr.operator}
      disabled={readonly}
      onValueChange={(val) => {
        doUpdate((group) => {
          const cond = group.args[operandIndex] as ConditionExpr;
          cond.operator = val as ConditionOperator;
          (cond.args as unknown[])[1] = getDefaultValue(
            cond.args[0] as Factor,
            cond.operator
          );
        });
      }}
    >
      <SelectTrigger className="shrink-0">
        <SelectValue>
          {(value: string | null) =>
            value ? operatorDisplayLabel(value) : null
          }
        </SelectValue>
      </SelectTrigger>
      <SelectContent>
        {operators.map((op) => (
          <SelectItem key={op} value={op}>