Function FactorSelect

frontend/src/react/components/ExprEditor.tsx:845–916

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

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

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

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

  return (
    <Select
      value={factor}
      disabled={readonly}
      onValueChange={(val) => {
        doUpdate((group) => {
          const cond = group.args[operandIndex] as ConditionExpr;
          (cond.args as unknown[])[0] = val as Factor;
          // Reset operator when factor changes
          const newFactor = val as Factor;
          const operators = getOperatorListByFactor(newFactor, overrideMap);
          if (operators.length > 0 && !operators.includes(cond.operator)) {
            cond.operator = operators[0] as ConditionOperator;
          }
          (cond.args as unknown[])[1] = getDefaultValue(
            newFactor,
            cond.operator
          );
        });
      }}
    >
      <SelectTrigger className="shrink-0">
        <SelectValue>
          {(value: string | null) =>