feat(RubricBasedResponse): add CSV export for RubricBasedResponse answers

Author: craigtonlian

app/models/course/assessment/question/rubric_based_response.rb

@@ -39,6 +39,10 @@ def history_viewable?
     true
   end
 
+  def csv_downloadable?
+    true
+  end
+
   def attempt(submission, last_attempt = nil)
     answer = Course::Assessment::Answer::RubricBasedResponse.new(submission: submission, question: question)
     answer.answer_text = last_attempt.answer_text if last_attempt

client/app/bundles/course/assessment/submission/components/AnswerDetails/AnswerDetails.tsx

@@ -15,6 +15,7 @@ import ForumPostResponseDetails from './ForumPostResponseDetails';
 import MultipleChoiceDetails from './MultipleChoiceDetails';
 import MultipleResponseDetails from './MultipleResponseDetails';
 import ProgrammingAnswerDetails from './ProgrammingAnswerDetails';
+import RubricBasedResponseDetails from './RubricBasedResponseDetails';
 import TextResponseDetails from './TextResponseDetails';
 
 const translations = defineMessages({
@@ -58,10 +59,10 @@ export const AnswerDetailsMapper = {
   Programming: (props: AnswerDetailsProps<'Programming'>): JSX.Element => (
     <ProgrammingAnswerDetails {...props} />
   ),
-  // TODO: define component for Voice Response, Scribing, Rubric Based Response
   RubricBasedResponse: (
-    _props: AnswerDetailsProps<'RubricBasedResponse'>,
-  ): JSX.Element => <AnswerNotImplemented />,
+    props: AnswerDetailsProps<'RubricBasedResponse'>,
+  ): JSX.Element => <RubricBasedResponseDetails {...props} />,
+  // TODO: define component for Voice Response, Scribing
   VoiceResponse: (_props: AnswerDetailsProps<'VoiceResponse'>): JSX.Element => (
     <AnswerNotImplemented />
   ),

client/app/bundles/course/assessment/submission/components/AnswerDetails/RubricBasedResponseDetails.tsx

@@ -0,0 +1,21 @@
+import { Typography } from '@mui/material';
+import { QuestionType } from 'types/course/assessment/question';
+
+import { AnswerDetailsProps } from '../../types';
+
+import AttachmentDetails from './AttachmentDetails';
+
+const RubricBasedResponseDetails = (
+  props: AnswerDetailsProps<QuestionType.RubricBasedResponse>,
+): JSX.Element => {
+  const { question, answer } = props;
+
+  return (
+    <Typography
+      dangerouslySetInnerHTML={{ __html: answer.fields.answer_text }}
+      variant="body2"
+    />
+  );
+};
+
+export default RubricBasedResponseDetails;