Function ConditionGroup

frontend/src/react/components/ExprEditor.tsx:1325–1568

({
  expr,
  root = false,
  groupPath,
  operandIndex,
}: {
  expr: ConditionGroupExpr;
  root?: boolean;
  groupPath: Path;
  operandIndex?: number;
})

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

function ConditionGroup({
  expr,
  root = false,
  groupPath,
  operandIndex,
}: {
  expr: ConditionGroupExpr;
  root?: boolean;
  groupPath: Path;
  operandIndex?: number;
}) {
  const { t } = useTranslation();
  const {
    readonly,
    factorList,
    enableRawExpression,
    factorOperatorOverrideMap: overrideMap,
  } = useExprEditorCtx();

  // For root, groupPath is []; for nested groups, it includes the operandIndex
  const selfPath = root ? groupPath : [...groupPath, operandIndex!];
  const doUpdate = useImmutableUpdate(selfPath);
  const parentDoUpdate = useImmutableUpdate(groupPath);

  const operator = expr.operator;
  const args = expr.args;

  const logicalLabel = (op: string) => {
    if (op === "_&&_") return "and";
    if (op === "_||_") return "or";
    return op;
  };

  const addCondition = () => {
    const factor = factorList[0];
    if (!factor) return;
    const operators = getOperatorListByFactor(factor, overrideMap);
    const op = operators[0] as ConditionOperator | undefined;
    if (!op) return;
    doUpdate((group) => {
      group.args.push({
        type: ExprType.Condition,
        operator: op,
        args: [factor, getDefaultValue(factor, op)],
      } as ConditionExpr);
    });
  };

  const addConditionGroup = () => {
    doUpdate((group) => {
      group.args.push({
        type: ExprType.ConditionGroup,
        operator: LogicalOperatorList[0],
        args: [],
      });
    });
  };