Enhance audience management features with new components and API integrations

- Added `AssignCoursesModal`, `AudienceMemberRow`, `AudienceTable`, and related components for improved audience management UI.
- Implemented audience invite actions including resend and revoke functionality.
- Updated audience API to support importing members and assigning courses.
- Refactored audience data handling to include status and invite management.
- Improved overall user experience with pagination and selection features in the audience table.
This commit is contained in:
Rotimi Best
2026-03-22 18:42:23 +01:00
parent e9c4082f89
commit 3919ff6c2f
157 changed files with 13183 additions and 872 deletions
+10 -1
View File
@@ -3,13 +3,14 @@ import type { AnswerData } from './answer-data';
export type ExerciseQuestionTypeKey = QuestionTypeKey;
export type ExerciseRendererMode = 'edit' | 'take' | 'preview' | 'view' | 'submission';
export type ExerciseRendererMode = 'edit' | 'take' | 'preview' | 'review' | 'view' | 'submission';
export type ExerciseQuestionLabelKey =
| 'common.option_prefix'
| 'common.remove'
| 'common.add_option'
| 'common.correct_badge'
| 'common.incorrect_badge'
| 'common.not_set'
| 'navigation.previous'
| 'navigation.next'
@@ -51,6 +52,8 @@ export type ExerciseQuestionLabelKey =
| 'short_answer.edit.instructions_placeholder'
| 'short_answer.take.placeholder'
| 'short_answer.preview.helper'
| 'short_answer.review.your_answer_label'
| 'short_answer.review.accepted_label'
| 'numeric.edit.correct_value_label'
| 'numeric.edit.correct_value_info'
| 'numeric.edit.tolerance_label'
@@ -60,9 +63,13 @@ export type ExerciseQuestionLabelKey =
| 'numeric.take.placeholder'
| 'numeric.preview.correct_value_label'
| 'numeric.preview.tolerance_label'
| 'numeric.review.your_answer_label'
| 'numeric.review.in_range'
| 'numeric.review.out_of_range'
| 'fill_blank.edit.accepted_answers_placeholder'
| 'fill_blank.take.placeholder'
| 'fill_blank.preview.accepted_answers_label'
| 'fill_blank.review.your_answer_label'
| 'file_upload.edit.accepted_types_placeholder'
| 'file_upload.edit.max_size_placeholder'
| 'file_upload.take.selected_file_label'
@@ -164,6 +171,8 @@ export interface ExerciseRendererDefinition<TRenderer = unknown> {
take: TRenderer;
preview: TRenderer;
submission: TRenderer;
/** Read-only submission replay with correctness; defaults to `take` when omitted. */
review?: TRenderer;
}
export interface ExerciseQuestionRendererProps {
@@ -1,4 +1,4 @@
import type { ExerciseRendererDefinition, ExerciseRendererMode, ExerciseQuestionTypeKey } from './exercise-types';
import type { ExerciseQuestionTypeKey, ExerciseRendererDefinition, ExerciseRendererMode } from './exercise-types';
export type ExerciseRendererRegistry<TRenderer> = Partial<
Record<ExerciseQuestionTypeKey, ExerciseRendererDefinition<TRenderer>>
@@ -18,6 +18,10 @@ export function getRendererForMode<TRenderer>(
mode: ExerciseRendererMode,
fallback: ExerciseRendererDefinition<TRenderer>
): TRenderer {
const rendererDefinition = getRendererDefinition(registry, questionType, fallback);
const resolvedMode = mode === 'view' ? 'take' : mode;
return getRendererDefinition(registry, questionType, fallback)[resolvedMode];
if (resolvedMode === 'review') {
return (rendererDefinition.review ?? rendererDefinition.take) as TRenderer;
}
return rendererDefinition[resolvedMode] as TRenderer;
}
@@ -55,6 +55,21 @@ describe('renderer registry helpers', () => {
expect(getRendererForMode(REGISTRY, QUESTION_TYPE_KEY.ORDERING, 'view', FALLBACK_RENDERER)).toBe('ordering-take');
});
it("resolves 'review' mode to 'take' when review is omitted", () => {
expect(getRendererForMode(REGISTRY, QUESTION_TYPE_KEY.RADIO, 'review', FALLBACK_RENDERER)).toBe('radio-take');
});
it("resolves 'review' mode using optional review slot when provided", () => {
const withReview: typeof REGISTRY = {
...REGISTRY,
[QUESTION_TYPE_KEY.RADIO]: {
...REGISTRY[QUESTION_TYPE_KEY.RADIO]!,
review: 'radio-review'
}
};
expect(getRendererForMode(withReview, QUESTION_TYPE_KEY.RADIO, 'review', FALLBACK_RENDERER)).toBe('radio-review');
});
it('returns fallback renderer mode when type is unregistered', () => {
expect(getRendererForMode(REGISTRY, QUESTION_TYPE_KEY.LINK, 'edit', FALLBACK_RENDERER)).toBe('fallback-edit');
expect(getRendererForMode(REGISTRY, QUESTION_TYPE_KEY.LINK, 'take', FALLBACK_RENDERER)).toBe('fallback-take');