Function ConditionRow

frontend/src/react/components/ExprEditor.tsx:1224–1270

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

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

function ConditionRow({
  expr,
  groupPath,
  operandIndex,
}: {
  expr: ConditionExpr;
  groupPath: Path;
  operandIndex: number;
}) {
  const { readonly } = useExprEditorCtx();
  const doUpdate = useImmutableUpdate(groupPath);

  return (
    <div className="w-full flex items-center gap-x-1">
      <FactorSelect
        expr={expr}
        groupPath={groupPath}
        operandIndex={operandIndex}
      />
      <OperatorSelect
        expr={expr}
        groupPath={groupPath}
        operandIndex={operandIndex}
      />
      <div className="flex-1 min-w-0">
        <ValueInput
          expr={expr}
          groupPath={groupPath}
          operandIndex={operandIndex}
        />
      </div>
      {!readonly && (
        <button
          type="button"
          className="shrink-0 size-7 flex items-center justify-center rounded-xs text-control-placeholder hover:text-control hover:bg-control-bg"
          onClick={() =>
            doUpdate((group) => {
              group.args.splice(operandIndex, 1);
            })
          }
        >
          <Trash2 className="size-3.5" />
        </button>
      )}
    </div>
  );
}

// ============================================================
// RawStringEditor