@openedx/frontend-app-instructor-dashboard 1.0.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +661 -0
- package/README.rst +235 -0
- package/dist/Main.d.ts +3 -0
- package/dist/Main.js +13 -0
- package/dist/Main.js.map +1 -0
- package/dist/app.d.ts +3 -0
- package/dist/app.js +18 -0
- package/dist/app.js.map +1 -0
- package/dist/app.scss +10 -0
- package/dist/certificates/CertificatesPage.d.ts +2 -0
- package/dist/certificates/CertificatesPage.js +6 -0
- package/dist/certificates/CertificatesPage.js.map +1 -0
- package/dist/cohorts/CohortsPage.d.ts +3 -0
- package/dist/cohorts/CohortsPage.js +41 -0
- package/dist/cohorts/CohortsPage.js.map +1 -0
- package/dist/cohorts/CohortsPage.scss +14 -0
- package/dist/cohorts/components/CohortCard.d.ts +6 -0
- package/dist/cohorts/components/CohortCard.js +53 -0
- package/dist/cohorts/components/CohortCard.js.map +1 -0
- package/dist/cohorts/components/CohortContext.d.ts +14 -0
- package/dist/cohorts/components/CohortContext.js +46 -0
- package/dist/cohorts/components/CohortContext.js.map +1 -0
- package/dist/cohorts/components/CohortsForm.d.ts +11 -0
- package/dist/cohorts/components/CohortsForm.js +58 -0
- package/dist/cohorts/components/CohortsForm.js.map +1 -0
- package/dist/cohorts/components/DisableCohortsModal.d.ts +7 -0
- package/dist/cohorts/components/DisableCohortsModal.js +10 -0
- package/dist/cohorts/components/DisableCohortsModal.js.map +1 -0
- package/dist/cohorts/components/DisabledCohortsView.d.ts +5 -0
- package/dist/cohorts/components/DisabledCohortsView.js +10 -0
- package/dist/cohorts/components/DisabledCohortsView.js.map +1 -0
- package/dist/cohorts/components/EnabledCohortsView.d.ts +2 -0
- package/dist/cohorts/components/EnabledCohortsView.js +96 -0
- package/dist/cohorts/components/EnabledCohortsView.js.map +1 -0
- package/dist/cohorts/components/ManageLearners.d.ts +2 -0
- package/dist/cohorts/components/ManageLearners.js +64 -0
- package/dist/cohorts/components/ManageLearners.js.map +1 -0
- package/dist/cohorts/components/SelectedCohortInfo.d.ts +2 -0
- package/dist/cohorts/components/SelectedCohortInfo.js +43 -0
- package/dist/cohorts/components/SelectedCohortInfo.js.map +1 -0
- package/dist/cohorts/constants.d.ts +4 -0
- package/dist/cohorts/constants.js +5 -0
- package/dist/cohorts/constants.js.map +1 -0
- package/dist/cohorts/data/api.d.ts +9 -0
- package/dist/cohorts/data/api.js +54 -0
- package/dist/cohorts/data/api.js.map +1 -0
- package/dist/cohorts/data/apiHook.d.ts +14 -0
- package/dist/cohorts/data/apiHook.js +64 -0
- package/dist/cohorts/data/apiHook.js.map +1 -0
- package/dist/cohorts/data/queryKeys.d.ts +7 -0
- package/dist/cohorts/data/queryKeys.js +9 -0
- package/dist/cohorts/data/queryKeys.js.map +1 -0
- package/dist/cohorts/messages.d.ts +233 -0
- package/dist/cohorts/messages.js +235 -0
- package/dist/cohorts/messages.js.map +1 -0
- package/dist/cohorts/types.d.ts +15 -0
- package/dist/cohorts/types.js +2 -0
- package/dist/cohorts/types.js.map +1 -0
- package/dist/components/ActionCard.d.ts +11 -0
- package/dist/components/ActionCard.js +7 -0
- package/dist/components/ActionCard.js.map +1 -0
- package/dist/components/CSVComponent.d.ts +10 -0
- package/dist/components/CSVComponent.js +21 -0
- package/dist/components/CSVComponent.js.map +1 -0
- package/dist/components/ObjectCell.d.ts +5 -0
- package/dist/components/ObjectCell.js +7 -0
- package/dist/components/ObjectCell.js.map +1 -0
- package/dist/components/PageNotFound.d.ts +2 -0
- package/dist/components/PageNotFound.js +12 -0
- package/dist/components/PageNotFound.js.map +1 -0
- package/dist/components/PendingTasks.d.ts +5 -0
- package/dist/components/PendingTasks.js +38 -0
- package/dist/components/PendingTasks.js.map +1 -0
- package/dist/components/SpecifyLearnerField.d.ts +5 -0
- package/dist/components/SpecifyLearnerField.js +10 -0
- package/dist/components/SpecifyLearnerField.js.map +1 -0
- package/dist/components/messages.d.ts +108 -0
- package/dist/components/messages.js +110 -0
- package/dist/components/messages.js.map +1 -0
- package/dist/constants.d.ts +1 -0
- package/dist/constants.js +2 -0
- package/dist/constants.js.map +1 -0
- package/dist/courseInfo/CourseInfoPage.d.ts +2 -0
- package/dist/courseInfo/CourseInfoPage.js +7 -0
- package/dist/courseInfo/CourseInfoPage.js.map +1 -0
- package/dist/courseInfo/components/EnrollmentSummary/EnrollmentCounter.d.ts +8 -0
- package/dist/courseInfo/components/EnrollmentSummary/EnrollmentCounter.js +13 -0
- package/dist/courseInfo/components/EnrollmentSummary/EnrollmentCounter.js.map +1 -0
- package/dist/courseInfo/components/EnrollmentSummary/EnrollmentSummary.d.ts +2 -0
- package/dist/courseInfo/components/EnrollmentSummary/EnrollmentSummary.js +24 -0
- package/dist/courseInfo/components/EnrollmentSummary/EnrollmentSummary.js.map +1 -0
- package/dist/courseInfo/components/EnrollmentSummary/index.d.ts +2 -0
- package/dist/courseInfo/components/EnrollmentSummary/index.js +3 -0
- package/dist/courseInfo/components/EnrollmentSummary/index.js.map +1 -0
- package/dist/courseInfo/components/EnrollmentSummary/messages.d.ts +83 -0
- package/dist/courseInfo/components/EnrollmentSummary/messages.js +85 -0
- package/dist/courseInfo/components/EnrollmentSummary/messages.js.map +1 -0
- package/dist/courseInfo/components/EnrollmentSummary/utils.d.ts +1 -0
- package/dist/courseInfo/components/EnrollmentSummary/utils.js +9 -0
- package/dist/courseInfo/components/EnrollmentSummary/utils.js.map +1 -0
- package/dist/courseInfo/components/generalCourseInfo/GeneralCourseInfo.d.ts +2 -0
- package/dist/courseInfo/components/generalCourseInfo/GeneralCourseInfo.js +46 -0
- package/dist/courseInfo/components/generalCourseInfo/GeneralCourseInfo.js.map +1 -0
- package/dist/courseInfo/components/generalCourseInfo/StatusBadge.d.ts +5 -0
- package/dist/courseInfo/components/generalCourseInfo/StatusBadge.js +15 -0
- package/dist/courseInfo/components/generalCourseInfo/StatusBadge.js.map +1 -0
- package/dist/courseInfo/components/generalCourseInfo/index.d.ts +1 -0
- package/dist/courseInfo/components/generalCourseInfo/index.js +2 -0
- package/dist/courseInfo/components/generalCourseInfo/index.js.map +1 -0
- package/dist/courseInfo/components/generalCourseInfo/messages.d.ts +8 -0
- package/dist/courseInfo/components/generalCourseInfo/messages.js +10 -0
- package/dist/courseInfo/components/generalCourseInfo/messages.js.map +1 -0
- package/dist/courseInfo/messages.d.ts +8 -0
- package/dist/courseInfo/messages.js +10 -0
- package/dist/courseInfo/messages.js.map +1 -0
- package/dist/courseInfo/types.d.ts +27 -0
- package/dist/courseInfo/types.js +2 -0
- package/dist/courseInfo/types.js.map +1 -0
- package/dist/courseTeam/CourseTeamPage.d.ts +2 -0
- package/dist/courseTeam/CourseTeamPage.js +6 -0
- package/dist/courseTeam/CourseTeamPage.js.map +1 -0
- package/dist/data/api.d.ts +14 -0
- package/dist/data/api.js +33 -0
- package/dist/data/api.js.map +1 -0
- package/dist/data/apiHook.d.ts +4 -0
- package/dist/data/apiHook.js +28 -0
- package/dist/data/apiHook.js.map +1 -0
- package/dist/data/queryKeys.d.ts +8 -0
- package/dist/data/queryKeys.js +10 -0
- package/dist/data/queryKeys.js.map +1 -0
- package/dist/dataDownloads/DataDownloadsPage.d.ts +2 -0
- package/dist/dataDownloads/DataDownloadsPage.js +162 -0
- package/dist/dataDownloads/DataDownloadsPage.js.map +1 -0
- package/dist/dataDownloads/components/DataDownloadTable.d.ts +8 -0
- package/dist/dataDownloads/components/DataDownloadTable.js +42 -0
- package/dist/dataDownloads/components/DataDownloadTable.js.map +1 -0
- package/dist/dataDownloads/components/DownloadLinkCell.d.ts +6 -0
- package/dist/dataDownloads/components/DownloadLinkCell.js +13 -0
- package/dist/dataDownloads/components/DownloadLinkCell.js.map +1 -0
- package/dist/dataDownloads/components/GenerateReports.d.ts +8 -0
- package/dist/dataDownloads/components/GenerateReports.js +20 -0
- package/dist/dataDownloads/components/GenerateReports.js.map +1 -0
- package/dist/dataDownloads/components/ReportNameCell.d.ts +3 -0
- package/dist/dataDownloads/components/ReportNameCell.js +6 -0
- package/dist/dataDownloads/components/ReportNameCell.js.map +1 -0
- package/dist/dataDownloads/data/api.d.ts +2 -0
- package/dist/dataDownloads/data/api.js +23 -0
- package/dist/dataDownloads/data/api.js.map +1 -0
- package/dist/dataDownloads/data/apiHook.d.ts +7 -0
- package/dist/dataDownloads/data/apiHook.js +22 -0
- package/dist/dataDownloads/data/apiHook.js.map +1 -0
- package/dist/dataDownloads/data/queryKeys.d.ts +5 -0
- package/dist/dataDownloads/data/queryKeys.js +7 -0
- package/dist/dataDownloads/data/queryKeys.js.map +1 -0
- package/dist/dataDownloads/messages.d.ts +338 -0
- package/dist/dataDownloads/messages.js +341 -0
- package/dist/dataDownloads/messages.js.map +1 -0
- package/dist/dataDownloads/types.d.ts +8 -0
- package/dist/dataDownloads/types.js +2 -0
- package/dist/dataDownloads/types.js.map +1 -0
- package/dist/dataDownloads/utils.d.ts +26 -0
- package/dist/dataDownloads/utils.js +49 -0
- package/dist/dataDownloads/utils.js.map +1 -0
- package/dist/dateExtensions/DateExtensionsPage.d.ts +2 -0
- package/dist/dateExtensions/DateExtensionsPage.js +87 -0
- package/dist/dateExtensions/DateExtensionsPage.js.map +1 -0
- package/dist/dateExtensions/components/AddExtensionModal.d.ts +13 -0
- package/dist/dateExtensions/components/AddExtensionModal.js +34 -0
- package/dist/dateExtensions/components/AddExtensionModal.js.map +1 -0
- package/dist/dateExtensions/components/DateExtensionsList.d.ts +7 -0
- package/dist/dateExtensions/components/DateExtensionsList.js +103 -0
- package/dist/dateExtensions/components/DateExtensionsList.js.map +1 -0
- package/dist/dateExtensions/components/ResetExtensionsModal.d.ts +10 -0
- package/dist/dateExtensions/components/ResetExtensionsModal.js +10 -0
- package/dist/dateExtensions/components/ResetExtensionsModal.js.map +1 -0
- package/dist/dateExtensions/components/SelectGradedSubsection.d.ts +8 -0
- package/dist/dateExtensions/components/SelectGradedSubsection.js +15 -0
- package/dist/dateExtensions/components/SelectGradedSubsection.js.map +1 -0
- package/dist/dateExtensions/data/api.d.ts +6 -0
- package/dist/dateExtensions/data/api.js +40 -0
- package/dist/dateExtensions/data/api.js.map +1 -0
- package/dist/dateExtensions/data/apiHook.d.ts +11 -0
- package/dist/dateExtensions/data/apiHook.js +31 -0
- package/dist/dateExtensions/data/apiHook.js.map +1 -0
- package/dist/dateExtensions/data/queryKeys.d.ts +10 -0
- package/dist/dateExtensions/data/queryKeys.js +17 -0
- package/dist/dateExtensions/data/queryKeys.js.map +1 -0
- package/dist/dateExtensions/messages.d.ts +128 -0
- package/dist/dateExtensions/messages.js +130 -0
- package/dist/dateExtensions/messages.js.map +1 -0
- package/dist/dateExtensions/types.d.ts +24 -0
- package/dist/dateExtensions/types.js +2 -0
- package/dist/dateExtensions/types.js.map +1 -0
- package/dist/enrollments/EnrollmentsPage.d.ts +2 -0
- package/dist/enrollments/EnrollmentsPage.js +32 -0
- package/dist/enrollments/EnrollmentsPage.js.map +1 -0
- package/dist/enrollments/components/EnrollmentStatusModal.d.ts +6 -0
- package/dist/enrollments/components/EnrollmentStatusModal.js +23 -0
- package/dist/enrollments/components/EnrollmentStatusModal.js.map +1 -0
- package/dist/enrollments/components/EnrollmentsList.d.ts +6 -0
- package/dist/enrollments/components/EnrollmentsList.js +99 -0
- package/dist/enrollments/components/EnrollmentsList.js.map +1 -0
- package/dist/enrollments/components/UnenrollModal.d.ts +8 -0
- package/dist/enrollments/components/UnenrollModal.js +7 -0
- package/dist/enrollments/components/UnenrollModal.js.map +1 -0
- package/dist/enrollments/data/api.d.ts +4 -0
- package/dist/enrollments/data/api.js +32 -0
- package/dist/enrollments/data/api.js.map +1 -0
- package/dist/enrollments/data/apiHook.d.ts +3 -0
- package/dist/enrollments/data/apiHook.js +14 -0
- package/dist/enrollments/data/apiHook.js.map +1 -0
- package/dist/enrollments/data/queryKeys.d.ts +7 -0
- package/dist/enrollments/data/queryKeys.js +8 -0
- package/dist/enrollments/data/queryKeys.js.map +1 -0
- package/dist/enrollments/messages.d.ts +108 -0
- package/dist/enrollments/messages.js +110 -0
- package/dist/enrollments/messages.js.map +1 -0
- package/dist/enrollments/types.d.ts +15 -0
- package/dist/enrollments/types.js +2 -0
- package/dist/enrollments/types.js.map +1 -0
- package/dist/grading/GradingPage.d.ts +2 -0
- package/dist/grading/GradingPage.js +6 -0
- package/dist/grading/GradingPage.js.map +1 -0
- package/dist/hooks/useDebouncedFilter.d.ts +16 -0
- package/dist/hooks/useDebouncedFilter.js +27 -0
- package/dist/hooks/useDebouncedFilter.js.map +1 -0
- package/dist/i18n/index.d.ts +25 -0
- package/dist/i18n/index.js +26 -0
- package/dist/i18n/index.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +4 -0
- package/dist/index.js.map +1 -0
- package/dist/instructorNav/InstructorNav.d.ts +8 -0
- package/dist/instructorNav/InstructorNav.js +42 -0
- package/dist/instructorNav/InstructorNav.js.map +1 -0
- package/dist/openResponses/OpenResponsesPage.d.ts +2 -0
- package/dist/openResponses/OpenResponsesPage.js +8 -0
- package/dist/openResponses/OpenResponsesPage.js.map +1 -0
- package/dist/openResponses/components/DetailAssessmentsList.d.ts +2 -0
- package/dist/openResponses/components/DetailAssessmentsList.js +44 -0
- package/dist/openResponses/components/DetailAssessmentsList.js.map +1 -0
- package/dist/openResponses/components/OpenResponsesSummary.d.ts +2 -0
- package/dist/openResponses/components/OpenResponsesSummary.js +30 -0
- package/dist/openResponses/components/OpenResponsesSummary.js.map +1 -0
- package/dist/openResponses/data/api.d.ts +4 -0
- package/dist/openResponses/data/api.js +23 -0
- package/dist/openResponses/data/api.js.map +1 -0
- package/dist/openResponses/data/apiHook.d.ts +2 -0
- package/dist/openResponses/data/apiHook.js +14 -0
- package/dist/openResponses/data/apiHook.js.map +1 -0
- package/dist/openResponses/data/queryKeys.d.ts +6 -0
- package/dist/openResponses/data/queryKeys.js +8 -0
- package/dist/openResponses/data/queryKeys.js.map +1 -0
- package/dist/openResponses/messages.d.ts +83 -0
- package/dist/openResponses/messages.js +85 -0
- package/dist/openResponses/messages.js.map +1 -0
- package/dist/openResponses/types.d.ts +12 -0
- package/dist/openResponses/types.js +2 -0
- package/dist/openResponses/types.js.map +1 -0
- package/dist/pageWrapper/PageWrapper.d.ts +4 -0
- package/dist/pageWrapper/PageWrapper.js +11 -0
- package/dist/pageWrapper/PageWrapper.js.map +1 -0
- package/dist/pageWrapper/messages.d.ts +8 -0
- package/dist/pageWrapper/messages.js +10 -0
- package/dist/pageWrapper/messages.js.map +1 -0
- package/dist/providers/AlertProvider.d.ts +41 -0
- package/dist/providers/AlertProvider.js +117 -0
- package/dist/providers/AlertProvider.js.map +1 -0
- package/dist/providers/QueryProvider.d.ts +6 -0
- package/dist/providers/QueryProvider.js +16 -0
- package/dist/providers/QueryProvider.js.map +1 -0
- package/dist/providers.d.ts +3 -0
- package/dist/providers.js +8 -0
- package/dist/providers.js.map +1 -0
- package/dist/routes.d.ts +20 -0
- package/dist/routes.js +72 -0
- package/dist/routes.js.map +1 -0
- package/dist/slots/PlaceholderSlot/PlaceholderSlot.d.ts +1 -0
- package/dist/slots/PlaceholderSlot/PlaceholderSlot.js +6 -0
- package/dist/slots/PlaceholderSlot/PlaceholderSlot.js.map +1 -0
- package/dist/slots/SlotUtils.d.ts +3 -0
- package/dist/slots/SlotUtils.js +17 -0
- package/dist/slots/SlotUtils.js.map +1 -0
- package/dist/slots.d.ts +3 -0
- package/dist/slots.js +3 -0
- package/dist/slots.js.map +1 -0
- package/dist/specialExams/SpecialExamsPage.d.ts +2 -0
- package/dist/specialExams/SpecialExamsPage.js +6 -0
- package/dist/specialExams/SpecialExamsPage.js.map +1 -0
- package/dist/testUtils.d.ts +4 -0
- package/dist/testUtils.js +24 -0
- package/dist/testUtils.js.map +1 -0
- package/dist/types/index.d.ts +40 -0
- package/dist/types/index.js +4 -0
- package/dist/types/index.js.map +1 -0
- package/dist/utils/formatters.d.ts +1 -0
- package/dist/utils/formatters.js +12 -0
- package/dist/utils/formatters.js.map +1 -0
- package/package.json +79 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/openResponses/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,0BAA0B,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACtG,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAO,QAAgB,EAAE,EAAE;IAC7D,MAAM,GAAG,GAAG,GAAG,aAAa,EAAE,8BAA8B,QAAQ,cAAc,CAAC;IACnF,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7D,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,wBAGR,EAAE,+DAFhC,QAAgB,EAChB,SAAoD,EAAE;IAEtD,MAAM,GAAG,GAAG,GAAG,aAAa,EAAE,8BAA8B,QAAQ,MAAM,CAAC;IAC3E,MAAM,eAAe,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IAChD,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,MAAM,kCAAO,eAAe,KAAE,IAAI,EAAG,MAAM,CAAC,IAAe,GAAG,CAAC,GAAE,EAAE,CAAC,CAAC;IACpI,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC","sourcesContent":["import { getAuthenticatedHttpClient, camelCaseObject, snakeCaseObject } from '@openedx/frontend-base';\nimport { getApiBaseUrl } from '@src/data/api';\nimport { ORARecord } from '../types';\nimport { DataList } from '@src/types';\n\nexport const getOpenResponsesData = async (courseId: string) => {\n const url = `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/ora_summary`;\n const { data } = await getAuthenticatedHttpClient().get(url);\n return camelCaseObject(data);\n};\n\nexport const getDetailAssessmentsData = async (\n courseId: string,\n params: Record<string, string | number | boolean> = {},\n): Promise<DataList<ORARecord>> => {\n const url = `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/ora`;\n const snakeCaseParams = snakeCaseObject(params);\n const { data } = await getAuthenticatedHttpClient().get(url, { params: { ...snakeCaseParams, page: (params.page as number) + 1 } });\n return camelCaseObject(data);\n};\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const useOpenResponsesData: (courseId: string) => import("@tanstack/react-query").UseQueryResult<any, Error>;
|
|
2
|
+
export declare const useDetailAssessmentsData: (courseId: string, params?: Record<string, string | number | boolean>) => import("@tanstack/react-query").UseQueryResult<import("../../types").DataList<import("../types").ORARecord>, Error>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { useQuery } from '@tanstack/react-query';
|
|
2
|
+
import { getDetailAssessmentsData, getOpenResponsesData } from '../../openResponses/data/api';
|
|
3
|
+
import { openResponsesQueryKeys } from '../../openResponses/data/queryKeys';
|
|
4
|
+
export const useOpenResponsesData = (courseId) => (useQuery({
|
|
5
|
+
queryKey: openResponsesQueryKeys.summary(courseId),
|
|
6
|
+
queryFn: () => getOpenResponsesData(courseId),
|
|
7
|
+
enabled: !!courseId,
|
|
8
|
+
}));
|
|
9
|
+
export const useDetailAssessmentsData = (courseId, params = {}) => (useQuery({
|
|
10
|
+
queryKey: openResponsesQueryKeys.list(courseId, params),
|
|
11
|
+
queryFn: () => getDetailAssessmentsData(courseId, params),
|
|
12
|
+
enabled: !!courseId,
|
|
13
|
+
}));
|
|
14
|
+
//# sourceMappingURL=apiHook.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"apiHook.js","sourceRoot":"","sources":["../../../src/openResponses/data/apiHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAE3E,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,CACxD,QAAQ,CAAC;IACP,QAAQ,EAAE,sBAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC;IAClD,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,QAAQ,CAAC;IAC7C,OAAO,EAAE,CAAC,CAAC,QAAQ;CACpB,CAAC,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,QAAgB,EAAE,SAAoD,EAAE,EAAE,EAAE,CAAC,CACpH,QAAQ,CAAC;IACP,QAAQ,EAAE,sBAAsB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC;IACvD,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,QAAQ,EAAE,MAAM,CAAC;IACzD,OAAO,EAAE,CAAC,CAAC,QAAQ;CACpB,CAAC,CACH,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { getDetailAssessmentsData, getOpenResponsesData } from '@src/openResponses/data/api';\nimport { openResponsesQueryKeys } from '@src/openResponses/data/queryKeys';\n\nexport const useOpenResponsesData = (courseId: string) => (\n useQuery({\n queryKey: openResponsesQueryKeys.summary(courseId),\n queryFn: () => getOpenResponsesData(courseId),\n enabled: !!courseId,\n })\n);\n\nexport const useDetailAssessmentsData = (courseId: string, params: Record<string, string | number | boolean> = {}) => (\n useQuery({\n queryKey: openResponsesQueryKeys.list(courseId, params),\n queryFn: () => getDetailAssessmentsData(courseId, params),\n enabled: !!courseId,\n })\n);\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { appId } from '../../constants';
|
|
2
|
+
export const openResponsesQueryKeys = {
|
|
3
|
+
all: [appId, 'openResponses'],
|
|
4
|
+
byCourse: (courseId) => [...openResponsesQueryKeys.all, courseId],
|
|
5
|
+
list: (courseId, params = {}) => [...openResponsesQueryKeys.byCourse(courseId), 'list', ...Object.entries(params).flat()],
|
|
6
|
+
summary: (courseId) => [...openResponsesQueryKeys.byCourse(courseId), 'summary'],
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=queryKeys.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"queryKeys.js","sourceRoot":"","sources":["../../../src/openResponses/data/queryKeys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,GAAG,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC;IAC7B,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,sBAAsB,CAAC,GAAG,EAAE,QAAQ,CAAC;IACzE,IAAI,EAAE,CAAC,QAAgB,EAAE,SAAoD,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,sBAAsB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC;IAC5K,OAAO,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,sBAAsB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACzF,CAAC","sourcesContent":["import { appId } from '@src/constants';\n\nexport const openResponsesQueryKeys = {\n all: [appId, 'openResponses'],\n byCourse: (courseId: string) => [...openResponsesQueryKeys.all, courseId],\n list: (courseId: string, params: Record<string, string | number | boolean> = {}) => [...openResponsesQueryKeys.byCourse(courseId), 'list', ...Object.entries(params).flat()],\n summary: (courseId: string) => [...openResponsesQueryKeys.byCourse(courseId), 'summary'],\n};\n"]}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
declare const messages: {
|
|
2
|
+
summaryTitle: {
|
|
3
|
+
id: string;
|
|
4
|
+
defaultMessage: string;
|
|
5
|
+
description: string;
|
|
6
|
+
};
|
|
7
|
+
totalUnits: {
|
|
8
|
+
id: string;
|
|
9
|
+
defaultMessage: string;
|
|
10
|
+
description: string;
|
|
11
|
+
};
|
|
12
|
+
totalAssessments: {
|
|
13
|
+
id: string;
|
|
14
|
+
defaultMessage: string;
|
|
15
|
+
description: string;
|
|
16
|
+
};
|
|
17
|
+
totalResponses: {
|
|
18
|
+
id: string;
|
|
19
|
+
defaultMessage: string;
|
|
20
|
+
description: string;
|
|
21
|
+
};
|
|
22
|
+
training: {
|
|
23
|
+
id: string;
|
|
24
|
+
defaultMessage: string;
|
|
25
|
+
description: string;
|
|
26
|
+
};
|
|
27
|
+
peer: {
|
|
28
|
+
id: string;
|
|
29
|
+
defaultMessage: string;
|
|
30
|
+
description: string;
|
|
31
|
+
};
|
|
32
|
+
self: {
|
|
33
|
+
id: string;
|
|
34
|
+
defaultMessage: string;
|
|
35
|
+
description: string;
|
|
36
|
+
};
|
|
37
|
+
waiting: {
|
|
38
|
+
id: string;
|
|
39
|
+
defaultMessage: string;
|
|
40
|
+
description: string;
|
|
41
|
+
};
|
|
42
|
+
staff: {
|
|
43
|
+
id: string;
|
|
44
|
+
defaultMessage: string;
|
|
45
|
+
description: string;
|
|
46
|
+
};
|
|
47
|
+
finalGradeReceived: {
|
|
48
|
+
id: string;
|
|
49
|
+
defaultMessage: string;
|
|
50
|
+
description: string;
|
|
51
|
+
};
|
|
52
|
+
details: {
|
|
53
|
+
id: string;
|
|
54
|
+
defaultMessage: string;
|
|
55
|
+
description: string;
|
|
56
|
+
};
|
|
57
|
+
unitName: {
|
|
58
|
+
id: string;
|
|
59
|
+
defaultMessage: string;
|
|
60
|
+
description: string;
|
|
61
|
+
};
|
|
62
|
+
assessment: {
|
|
63
|
+
id: string;
|
|
64
|
+
defaultMessage: string;
|
|
65
|
+
description: string;
|
|
66
|
+
};
|
|
67
|
+
staffGrader: {
|
|
68
|
+
id: string;
|
|
69
|
+
defaultMessage: string;
|
|
70
|
+
description: string;
|
|
71
|
+
};
|
|
72
|
+
viewAndGradeResponses: {
|
|
73
|
+
id: string;
|
|
74
|
+
defaultMessage: string;
|
|
75
|
+
description: string;
|
|
76
|
+
};
|
|
77
|
+
noAssessmentsFoundMessage: {
|
|
78
|
+
id: string;
|
|
79
|
+
defaultMessage: string;
|
|
80
|
+
description: string;
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
export default messages;
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { defineMessages } from '@openedx/frontend-base';
|
|
2
|
+
const messages = defineMessages({
|
|
3
|
+
summaryTitle: {
|
|
4
|
+
id: 'instruct.openResponses.summary',
|
|
5
|
+
defaultMessage: 'Summary',
|
|
6
|
+
description: 'Title for the summary section in open responses'
|
|
7
|
+
},
|
|
8
|
+
totalUnits: {
|
|
9
|
+
id: 'instruct.openResponses.label.totalUnits',
|
|
10
|
+
defaultMessage: 'Total Units',
|
|
11
|
+
description: 'Label for the total units in open responses'
|
|
12
|
+
},
|
|
13
|
+
totalAssessments: {
|
|
14
|
+
id: 'instruct.openResponses.label.totalAssessments',
|
|
15
|
+
defaultMessage: 'Total Assessments',
|
|
16
|
+
description: 'Label for the total assessments in open responses'
|
|
17
|
+
},
|
|
18
|
+
totalResponses: {
|
|
19
|
+
id: 'instruct.openResponses.label.totalResponses',
|
|
20
|
+
defaultMessage: 'Total Responses',
|
|
21
|
+
description: 'Label for the total responses'
|
|
22
|
+
},
|
|
23
|
+
training: {
|
|
24
|
+
id: 'instruct.openResponses.label.training',
|
|
25
|
+
defaultMessage: 'Training',
|
|
26
|
+
description: 'Label for the training count'
|
|
27
|
+
},
|
|
28
|
+
peer: {
|
|
29
|
+
id: 'instruct.openResponses.label.peer',
|
|
30
|
+
defaultMessage: 'Peer',
|
|
31
|
+
description: 'Label for the peer count'
|
|
32
|
+
},
|
|
33
|
+
self: {
|
|
34
|
+
id: 'instruct.openResponses.label.self',
|
|
35
|
+
defaultMessage: 'Self',
|
|
36
|
+
description: 'Label for the self count'
|
|
37
|
+
},
|
|
38
|
+
waiting: {
|
|
39
|
+
id: 'instruct.openResponses.label.waiting',
|
|
40
|
+
defaultMessage: 'Waiting',
|
|
41
|
+
description: 'Label for the waiting count'
|
|
42
|
+
},
|
|
43
|
+
staff: {
|
|
44
|
+
id: 'instruct.openResponses.label.staff',
|
|
45
|
+
defaultMessage: 'Staff',
|
|
46
|
+
description: 'Label for the staff count'
|
|
47
|
+
},
|
|
48
|
+
finalGradeReceived: {
|
|
49
|
+
id: 'instruct.openResponses.label.finalGradeReceived',
|
|
50
|
+
defaultMessage: 'Final Grade Received',
|
|
51
|
+
description: 'Label for the final grade received count'
|
|
52
|
+
},
|
|
53
|
+
details: {
|
|
54
|
+
id: 'instruct.openResponses.title.details',
|
|
55
|
+
defaultMessage: 'Details',
|
|
56
|
+
description: 'Title for the details section in open responses'
|
|
57
|
+
},
|
|
58
|
+
unitName: {
|
|
59
|
+
id: 'instruct.openResponses.table.header.unitName',
|
|
60
|
+
defaultMessage: 'Unit Name',
|
|
61
|
+
description: 'Label for the unit name header'
|
|
62
|
+
},
|
|
63
|
+
assessment: {
|
|
64
|
+
id: 'instruct.openResponses.table.header.assessment',
|
|
65
|
+
defaultMessage: 'Assessment',
|
|
66
|
+
description: 'Label for the assessment header'
|
|
67
|
+
},
|
|
68
|
+
staffGrader: {
|
|
69
|
+
id: 'instruct.openResponses.table.header.staffGrader',
|
|
70
|
+
defaultMessage: 'Staff Grader',
|
|
71
|
+
description: 'Label for the staff grader header'
|
|
72
|
+
},
|
|
73
|
+
viewAndGradeResponses: {
|
|
74
|
+
id: 'instruct.openResponses.button.viewAndGradeResponses',
|
|
75
|
+
defaultMessage: 'View and Grade Responses',
|
|
76
|
+
description: 'Label for the link to view and grade responses'
|
|
77
|
+
},
|
|
78
|
+
noAssessmentsFoundMessage: {
|
|
79
|
+
id: 'instruct.openResponses.noAssessmentsFoundMessage',
|
|
80
|
+
defaultMessage: 'No assessments found.',
|
|
81
|
+
description: 'Message displayed when no assessments are found in the details table'
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
export default messages;
|
|
85
|
+
//# sourceMappingURL=messages.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/openResponses/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,YAAY,EAAE;QACZ,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,iDAAiD;KAC/D;IACD,UAAU,EAAE;QACV,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,6CAA6C;KAC3D;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,+CAA+C;QACnD,cAAc,EAAE,mBAAmB;QACnC,WAAW,EAAE,mDAAmD;KACjE;IACD,cAAc,EAAE;QACd,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,+BAA+B;KAC7C;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,uCAAuC;QAC3C,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,8BAA8B;KAC5C;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,0BAA0B;KACxC;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,0BAA0B;KACxC;IACD,OAAO,EAAE;QACP,EAAE,EAAE,sCAAsC;QAC1C,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,6BAA6B;KAC3C;IACD,KAAK,EAAE;QACL,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,2BAA2B;KACzC;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,iDAAiD;QACrD,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,0CAA0C;KACxD;IACD,OAAO,EAAE;QACP,EAAE,EAAE,sCAAsC;QAC1C,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,iDAAiD;KAC/D;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,gCAAgC;KAC9C;IACD,UAAU,EAAE;QACV,EAAE,EAAE,gDAAgD;QACpD,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,iCAAiC;KAC/C;IACD,WAAW,EAAE;QACX,EAAE,EAAE,iDAAiD;QACrD,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,mCAAmC;KACjD;IACD,qBAAqB,EAAE;QACrB,EAAE,EAAE,qDAAqD;QACzD,cAAc,EAAE,0BAA0B;QAC1C,WAAW,EAAE,gDAAgD;KAC9D;IACD,yBAAyB,EAAE;QACzB,EAAE,EAAE,kDAAkD;QACtD,cAAc,EAAE,uBAAuB;QACvC,WAAW,EAAE,sEAAsE;KACpF;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n summaryTitle: {\n id: 'instruct.openResponses.summary',\n defaultMessage: 'Summary',\n description: 'Title for the summary section in open responses'\n },\n totalUnits: {\n id: 'instruct.openResponses.label.totalUnits',\n defaultMessage: 'Total Units',\n description: 'Label for the total units in open responses'\n },\n totalAssessments: {\n id: 'instruct.openResponses.label.totalAssessments',\n defaultMessage: 'Total Assessments',\n description: 'Label for the total assessments in open responses'\n },\n totalResponses: {\n id: 'instruct.openResponses.label.totalResponses',\n defaultMessage: 'Total Responses',\n description: 'Label for the total responses'\n },\n training: {\n id: 'instruct.openResponses.label.training',\n defaultMessage: 'Training',\n description: 'Label for the training count'\n },\n peer: {\n id: 'instruct.openResponses.label.peer',\n defaultMessage: 'Peer',\n description: 'Label for the peer count'\n },\n self: {\n id: 'instruct.openResponses.label.self',\n defaultMessage: 'Self',\n description: 'Label for the self count'\n },\n waiting: {\n id: 'instruct.openResponses.label.waiting',\n defaultMessage: 'Waiting',\n description: 'Label for the waiting count'\n },\n staff: {\n id: 'instruct.openResponses.label.staff',\n defaultMessage: 'Staff',\n description: 'Label for the staff count'\n },\n finalGradeReceived: {\n id: 'instruct.openResponses.label.finalGradeReceived',\n defaultMessage: 'Final Grade Received',\n description: 'Label for the final grade received count'\n },\n details: {\n id: 'instruct.openResponses.title.details',\n defaultMessage: 'Details',\n description: 'Title for the details section in open responses'\n },\n unitName: {\n id: 'instruct.openResponses.table.header.unitName',\n defaultMessage: 'Unit Name',\n description: 'Label for the unit name header'\n },\n assessment: {\n id: 'instruct.openResponses.table.header.assessment',\n defaultMessage: 'Assessment',\n description: 'Label for the assessment header'\n },\n staffGrader: {\n id: 'instruct.openResponses.table.header.staffGrader',\n defaultMessage: 'Staff Grader',\n description: 'Label for the staff grader header'\n },\n viewAndGradeResponses: {\n id: 'instruct.openResponses.button.viewAndGradeResponses',\n defaultMessage: 'View and Grade Responses',\n description: 'Label for the link to view and grade responses'\n },\n noAssessmentsFoundMessage: {\n id: 'instruct.openResponses.noAssessmentsFoundMessage',\n defaultMessage: 'No assessments found.',\n description: 'Message displayed when no assessments are found in the details table'\n }\n});\n\nexport default messages;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/openResponses/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface ORARecord {\n unitName: string,\n displayName: string,\n totalResponses: number,\n training: number,\n peer: number,\n self: number,\n waiting: number,\n staff: number,\n finalGradeReceived: number,\n staffOraGradingUrl?: string,\n}\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useIntl } from '@openedx/frontend-base';
|
|
3
|
+
import messages from './messages';
|
|
4
|
+
import { Container } from '@openedx/paragon';
|
|
5
|
+
import InstructorNav from '../instructorNav/InstructorNav';
|
|
6
|
+
const PageWrapper = ({ children }) => {
|
|
7
|
+
const { formatMessage } = useIntl();
|
|
8
|
+
return (_jsxs(Container, { size: "xl", fluid: true, children: [_jsx("h2", { className: "text-primary-700 m-4", children: formatMessage(messages.pageTitle) }), _jsx(InstructorNav, {}), _jsx("div", { className: "m-4", children: children })] }));
|
|
9
|
+
};
|
|
10
|
+
export default PageWrapper;
|
|
11
|
+
//# sourceMappingURL=PageWrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageWrapper.js","sourceRoot":"","sources":["../../src/pageWrapper/PageWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,aAAa,MAAM,kCAAkC,CAAC;AAE7D,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAClE,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,MAAC,SAAS,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,mBACxB,aAAI,SAAS,EAAC,sBAAsB,YAAE,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAM,EAC7E,KAAC,aAAa,KAAG,EACjB,cAAK,SAAS,EAAC,KAAK,YACjB,QAAQ,GACL,IACI,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport messages from './messages';\nimport { Container } from '@openedx/paragon';\nimport InstructorNav from '@src/instructorNav/InstructorNav';\n\nconst PageWrapper = ({ children }: { children: React.ReactNode }) => {\n const { formatMessage } = useIntl();\n return (\n <Container size=\"xl\" fluid>\n <h2 className=\"text-primary-700 m-4\">{formatMessage(messages.pageTitle)}</h2>\n <InstructorNav />\n <div className=\"m-4\">\n {children}\n </div>\n </Container>\n );\n};\n\nexport default PageWrapper;\n"]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { defineMessages } from '@openedx/frontend-base';
|
|
2
|
+
const messages = defineMessages({
|
|
3
|
+
pageTitle: {
|
|
4
|
+
id: 'pageWrapper.pageTitle',
|
|
5
|
+
defaultMessage: 'Instructor Dashboard',
|
|
6
|
+
description: 'Title for the instructor dashboard page',
|
|
7
|
+
},
|
|
8
|
+
});
|
|
9
|
+
export default messages;
|
|
10
|
+
//# sourceMappingURL=messages.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/pageWrapper/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE,uBAAuB;QAC3B,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,yCAAyC;KACvD;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n pageTitle: {\n id: 'pageWrapper.pageTitle',\n defaultMessage: 'Instructor Dashboard',\n description: 'Title for the instructor dashboard page',\n },\n});\n\nexport default messages;\n"]}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { ReactNode, FC } from 'react';
|
|
2
|
+
export type AlertType = 'success' | 'error' | 'info' | 'warning' | 'danger';
|
|
3
|
+
export interface AlertProps {
|
|
4
|
+
id: string;
|
|
5
|
+
type: AlertType;
|
|
6
|
+
message: string;
|
|
7
|
+
extraContent?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
interface InlineAlert {
|
|
10
|
+
id: string;
|
|
11
|
+
type: 'inline';
|
|
12
|
+
message: string;
|
|
13
|
+
variant: 'success' | 'danger' | 'warning' | 'info';
|
|
14
|
+
dismissible?: boolean;
|
|
15
|
+
}
|
|
16
|
+
interface AlertContextType {
|
|
17
|
+
showToast: (message: string, delay?: number) => void;
|
|
18
|
+
showModal: (options: {
|
|
19
|
+
title?: string;
|
|
20
|
+
message: string;
|
|
21
|
+
variant?: 'default' | 'warning' | 'danger' | 'success';
|
|
22
|
+
confirmText?: string;
|
|
23
|
+
cancelText?: string;
|
|
24
|
+
onConfirm?: (id: string) => void;
|
|
25
|
+
onCancel?: () => void;
|
|
26
|
+
}) => void;
|
|
27
|
+
showInlineAlert: (message: string, variant?: 'success' | 'danger' | 'warning' | 'info', dismissible?: boolean) => string;
|
|
28
|
+
dismissInlineAlert: (id: string) => void;
|
|
29
|
+
inlineAlerts: InlineAlert[];
|
|
30
|
+
alerts: AlertProps[];
|
|
31
|
+
addAlert: (alert: Omit<AlertProps, 'id'>) => void;
|
|
32
|
+
removeAlert: (id: string) => void;
|
|
33
|
+
clearAlerts: () => void;
|
|
34
|
+
}
|
|
35
|
+
interface AlertProviderProps {
|
|
36
|
+
children: ReactNode;
|
|
37
|
+
}
|
|
38
|
+
export declare const AlertProvider: FC<AlertProviderProps>;
|
|
39
|
+
export declare const AlertOutlet: FC;
|
|
40
|
+
export declare const useAlert: () => AlertContextType;
|
|
41
|
+
export {};
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { createContext, useContext, useState, useCallback, useMemo } from 'react';
|
|
3
|
+
import { Toast, AlertModal, ActionRow, Button, Alert } from '@openedx/paragon';
|
|
4
|
+
import { WarningFilled, Error as ErrorIcon, Info as InfoIcon, CheckCircle } from '@openedx/paragon/icons';
|
|
5
|
+
const AlertContext = createContext(undefined);
|
|
6
|
+
const variantIcons = {
|
|
7
|
+
success: CheckCircle,
|
|
8
|
+
error: ErrorIcon,
|
|
9
|
+
warning: WarningFilled,
|
|
10
|
+
info: InfoIcon,
|
|
11
|
+
danger: ErrorIcon,
|
|
12
|
+
};
|
|
13
|
+
export const AlertProvider = ({ children }) => {
|
|
14
|
+
const [toasts, setToasts] = useState([]);
|
|
15
|
+
const [modals, setModals] = useState([]);
|
|
16
|
+
const [inlineAlerts, setInlineAlerts] = useState([]);
|
|
17
|
+
const [alerts, setAlerts] = useState([]); // PR #113 compatible state
|
|
18
|
+
// Toast Methods
|
|
19
|
+
const showToast = useCallback((message, delay) => {
|
|
20
|
+
const id = `toast-${Date.now()}`;
|
|
21
|
+
const newToast = { id, type: 'toast', message, visible: true, delay };
|
|
22
|
+
setToasts(prev => [...prev, newToast]);
|
|
23
|
+
}, []);
|
|
24
|
+
const discardToast = useCallback((id) => {
|
|
25
|
+
setToasts(prev => prev.map(t => (t.id === id ? Object.assign(Object.assign({}, t), { visible: false }) : t)));
|
|
26
|
+
setTimeout(() => {
|
|
27
|
+
setToasts(prev => prev.filter(t => t.id !== id));
|
|
28
|
+
}, 500);
|
|
29
|
+
}, []);
|
|
30
|
+
// Modal Methods
|
|
31
|
+
const showModal = useCallback((options) => {
|
|
32
|
+
const id = `modal-${Date.now()}-${Math.random()}`;
|
|
33
|
+
const newModal = {
|
|
34
|
+
id,
|
|
35
|
+
type: 'modal',
|
|
36
|
+
title: options.title,
|
|
37
|
+
message: options.message,
|
|
38
|
+
variant: options.variant || 'default',
|
|
39
|
+
isOpen: true,
|
|
40
|
+
confirmText: options.confirmText,
|
|
41
|
+
cancelText: options.cancelText,
|
|
42
|
+
onConfirm: options.onConfirm,
|
|
43
|
+
onCancel: options.onCancel,
|
|
44
|
+
};
|
|
45
|
+
setModals(prev => [...prev, newModal]);
|
|
46
|
+
}, []);
|
|
47
|
+
const closeModal = useCallback((id, callOnCancel) => {
|
|
48
|
+
setModals(prev => {
|
|
49
|
+
const modal = prev.find(m => m.id === id);
|
|
50
|
+
if (modal && callOnCancel && modal.onCancel) {
|
|
51
|
+
modal.onCancel();
|
|
52
|
+
}
|
|
53
|
+
return prev.filter(m => m.id !== id);
|
|
54
|
+
});
|
|
55
|
+
}, []);
|
|
56
|
+
const confirmModal = useCallback((id) => {
|
|
57
|
+
setModals(prev => {
|
|
58
|
+
const modal = prev.find(m => m.id === id);
|
|
59
|
+
if (modal === null || modal === void 0 ? void 0 : modal.onConfirm) {
|
|
60
|
+
modal.onConfirm(id);
|
|
61
|
+
}
|
|
62
|
+
return prev.filter(m => m.id !== id);
|
|
63
|
+
});
|
|
64
|
+
}, []);
|
|
65
|
+
// Inline Alert Methods
|
|
66
|
+
const showInlineAlert = useCallback((message, variant = 'info', dismissible = true) => {
|
|
67
|
+
const id = `inline-${Date.now()}`;
|
|
68
|
+
const newAlert = { id, type: 'inline', message, variant, dismissible };
|
|
69
|
+
setInlineAlerts(prev => [...prev, newAlert]);
|
|
70
|
+
return id;
|
|
71
|
+
}, []);
|
|
72
|
+
const dismissInlineAlert = useCallback((id) => {
|
|
73
|
+
setInlineAlerts(prev => prev.filter(a => a.id !== id));
|
|
74
|
+
}, []);
|
|
75
|
+
const addAlert = useCallback((alert) => {
|
|
76
|
+
const id = `alert-${Date.now()}-${Math.random()}`;
|
|
77
|
+
const newAlert = Object.assign(Object.assign({}, alert), { id });
|
|
78
|
+
setAlerts(prev => [...prev, newAlert]);
|
|
79
|
+
}, []);
|
|
80
|
+
const removeAlert = useCallback((id) => {
|
|
81
|
+
setAlerts(prev => prev.filter(a => a.id !== id));
|
|
82
|
+
}, []);
|
|
83
|
+
const clearAlerts = useCallback(() => {
|
|
84
|
+
setToasts([]);
|
|
85
|
+
setModals([]);
|
|
86
|
+
setInlineAlerts([]);
|
|
87
|
+
setAlerts([]);
|
|
88
|
+
}, []);
|
|
89
|
+
const value = useMemo(() => ({
|
|
90
|
+
showToast,
|
|
91
|
+
showModal,
|
|
92
|
+
showInlineAlert,
|
|
93
|
+
dismissInlineAlert,
|
|
94
|
+
clearAlerts,
|
|
95
|
+
inlineAlerts,
|
|
96
|
+
alerts,
|
|
97
|
+
addAlert,
|
|
98
|
+
removeAlert,
|
|
99
|
+
}), [showToast, showModal, showInlineAlert, dismissInlineAlert, clearAlerts, inlineAlerts, alerts, addAlert, removeAlert]);
|
|
100
|
+
return (_jsxs(AlertContext.Provider, { value: value, children: [children, _jsx("div", { className: "toast-container", children: toasts.map(toast => (_jsx(Toast, { show: toast.visible, onClose: () => discardToast(toast.id), delay: toast.delay, className: "text-break", children: toast.message }, toast.id))) }), modals.length > 0 && (() => {
|
|
101
|
+
const modal = modals[0];
|
|
102
|
+
const icon = variantIcons[modal.variant];
|
|
103
|
+
return (_jsx(AlertModal, Object.assign({ title: modal.title, isOpen: modal.isOpen, onClose: () => closeModal(modal.id, true), variant: modal.variant }, (icon && { icon }), { hasHeader: !!modal.title, footerNode: (_jsxs(ActionRow, { children: [modal.cancelText && (_jsx(Button, { variant: "tertiary", onClick: () => closeModal(modal.id, true), children: modal.cancelText })), modal.confirmText && (_jsx(Button, { variant: modal.variant === 'danger' ? 'danger' : 'primary', onClick: () => confirmModal(modal.id), children: modal.confirmText }))] })), children: _jsx("p", { children: modal.message }) }), modal.id));
|
|
104
|
+
})()] }));
|
|
105
|
+
};
|
|
106
|
+
export const AlertOutlet = () => {
|
|
107
|
+
const { alerts, removeAlert } = useAlert();
|
|
108
|
+
return (_jsx("div", { className: "alert-outlet", children: alerts.map(alert => (_jsxs(Alert, { className: "mt-3", icon: variantIcons[alert.type], variant: alert.type === 'error' ? 'danger' : alert.type, dismissible: true, onClose: () => removeAlert(alert.id), children: [alert.message, alert.extraContent] }, alert.id))) }));
|
|
109
|
+
};
|
|
110
|
+
export const useAlert = () => {
|
|
111
|
+
const context = useContext(AlertContext);
|
|
112
|
+
if (context === undefined) {
|
|
113
|
+
throw new Error('useAlert must be used within an AlertProvider');
|
|
114
|
+
}
|
|
115
|
+
return context;
|
|
116
|
+
};
|
|
117
|
+
//# sourceMappingURL=AlertProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertProvider.js","sourceRoot":"","sources":["../../src/providers/AlertProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createContext, useContext, useState, ReactNode, useCallback, useMemo, FC } from 'react';\nimport { Toast, AlertModal, ActionRow, Button, Alert } from '@openedx/paragon';\nimport { WarningFilled, Error as ErrorIcon, Info as InfoIcon, CheckCircle } from '@openedx/paragon/icons';\n\n// Toast Alert Types\ninterface ToastAlert {\n id: string,\n type: 'toast',\n message: string,\n visible: boolean,\n delay?: number,\n}\n\n// Modal Alert Types\ninterface ModalAlert {\n id: string,\n type: 'modal',\n title?: string,\n message: string,\n variant: 'default' | 'warning' | 'danger' | 'success',\n isOpen: boolean,\n confirmText?: string,\n cancelText?: string,\n onConfirm?: (id: string) => void,\n onCancel?: () => void,\n}\n\nexport type AlertType = 'success' | 'error' | 'info' | 'warning' | 'danger';\n\nexport interface AlertProps {\n id: string,\n type: AlertType,\n message: string,\n extraContent?: ReactNode,\n}\n\ninterface InlineAlert {\n id: string,\n type: 'inline',\n message: string,\n variant: 'success' | 'danger' | 'warning' | 'info',\n dismissible?: boolean,\n}\n\ninterface AlertContextType {\n showToast: (message: string, delay?: number) => void,\n showModal: (options: {\n title?: string,\n message: string,\n variant?: 'default' | 'warning' | 'danger' | 'success',\n confirmText?: string,\n cancelText?: string,\n onConfirm?: (id: string) => void,\n onCancel?: () => void,\n }) => void,\n showInlineAlert: (message: string, variant?: 'success' | 'danger' | 'warning' | 'info', dismissible?: boolean) => string,\n dismissInlineAlert: (id: string) => void,\n inlineAlerts: InlineAlert[],\n alerts: AlertProps[],\n addAlert: (alert: Omit<AlertProps, 'id'>) => void,\n removeAlert: (id: string) => void,\n clearAlerts: () => void,\n}\n\nconst AlertContext = createContext<AlertContextType | undefined>(undefined);\n\ninterface AlertProviderProps {\n children: ReactNode,\n}\n\nconst variantIcons: Record<string, any> = {\n success: CheckCircle,\n error: ErrorIcon,\n warning: WarningFilled,\n info: InfoIcon,\n danger: ErrorIcon,\n};\n\nexport const AlertProvider: FC<AlertProviderProps> = ({ children }) => {\n const [toasts, setToasts] = useState<ToastAlert[]>([]);\n const [modals, setModals] = useState<ModalAlert[]>([]);\n const [inlineAlerts, setInlineAlerts] = useState<InlineAlert[]>([]);\n const [alerts, setAlerts] = useState<AlertProps[]>([]); // PR #113 compatible state\n\n // Toast Methods\n const showToast = useCallback((message: string, delay?: number) => {\n const id = `toast-${Date.now()}`;\n const newToast: ToastAlert = { id, type: 'toast', message, visible: true, delay };\n setToasts(prev => [...prev, newToast]);\n }, []);\n\n const discardToast = useCallback((id: string) => {\n setToasts(prev => prev.map(t => (t.id === id ? { ...t, visible: false } : t)));\n setTimeout(() => {\n setToasts(prev => prev.filter(t => t.id !== id));\n }, 500);\n }, []);\n\n // Modal Methods\n const showModal = useCallback((options: {\n title?: string,\n message: string,\n variant?: 'default' | 'warning' | 'danger' | 'success',\n confirmText?: string,\n cancelText?: string,\n onConfirm?: (id: string) => void,\n onCancel?: () => void,\n }) => {\n const id = `modal-${Date.now()}-${Math.random()}`;\n const newModal: ModalAlert = {\n id,\n type: 'modal',\n title: options.title,\n message: options.message,\n variant: options.variant || 'default',\n isOpen: true,\n confirmText: options.confirmText,\n cancelText: options.cancelText,\n onConfirm: options.onConfirm,\n onCancel: options.onCancel,\n };\n setModals(prev => [...prev, newModal]);\n }, []);\n\n const closeModal = useCallback((id: string, callOnCancel?: boolean) => {\n setModals(prev => {\n const modal = prev.find(m => m.id === id);\n if (modal && callOnCancel && modal.onCancel) {\n modal.onCancel();\n }\n return prev.filter(m => m.id !== id);\n });\n }, []);\n\n const confirmModal = useCallback((id: string) => {\n setModals(prev => {\n const modal = prev.find(m => m.id === id);\n if (modal?.onConfirm) {\n modal.onConfirm(id);\n }\n return prev.filter(m => m.id !== id);\n });\n }, []);\n\n // Inline Alert Methods\n const showInlineAlert = useCallback((\n message: string,\n variant: 'success' | 'danger' | 'warning' | 'info' = 'info',\n dismissible = true\n ): string => {\n const id = `inline-${Date.now()}`;\n const newAlert: InlineAlert = { id, type: 'inline', message, variant, dismissible };\n setInlineAlerts(prev => [...prev, newAlert]);\n return id;\n }, []);\n\n const dismissInlineAlert = useCallback((id: string) => {\n setInlineAlerts(prev => prev.filter(a => a.id !== id));\n }, []);\n\n const addAlert = useCallback((alert: Omit<AlertProps, 'id'>) => {\n const id = `alert-${Date.now()}-${Math.random()}`;\n const newAlert: AlertProps = { ...alert, id };\n setAlerts(prev => [...prev, newAlert]);\n }, []);\n\n const removeAlert = useCallback((id: string) => {\n setAlerts(prev => prev.filter(a => a.id !== id));\n }, []);\n\n const clearAlerts = useCallback(() => {\n setToasts([]);\n setModals([]);\n setInlineAlerts([]);\n setAlerts([]);\n }, []);\n\n const value = useMemo(() => ({\n showToast,\n showModal,\n showInlineAlert,\n dismissInlineAlert,\n clearAlerts,\n inlineAlerts,\n alerts,\n addAlert,\n removeAlert,\n }), [showToast, showModal, showInlineAlert, dismissInlineAlert, clearAlerts, inlineAlerts, alerts, addAlert, removeAlert]);\n\n return (\n <AlertContext.Provider value={value}>\n {children}\n\n {/* Toast Container */}\n <div className=\"toast-container\">\n {toasts.map(toast => (\n <Toast\n key={toast.id}\n show={toast.visible}\n onClose={() => discardToast(toast.id)}\n delay={toast.delay}\n className=\"text-break\"\n >\n {toast.message}\n </Toast>\n ))}\n </div>\n\n {/* Modal Alerts - Only show the first modal in the queue */}\n {modals.length > 0 && (() => {\n const modal = modals[0];\n const icon = variantIcons[modal.variant];\n return (\n <AlertModal\n key={modal.id}\n title={modal.title}\n isOpen={modal.isOpen}\n onClose={() => closeModal(modal.id, true)}\n variant={modal.variant}\n {...(icon && { icon })}\n hasHeader={!!modal.title}\n footerNode={(\n <ActionRow>\n {modal.cancelText && (\n <Button variant=\"tertiary\" onClick={() => closeModal(modal.id, true)}>\n {modal.cancelText}\n </Button>\n )}\n {modal.confirmText && (\n <Button\n variant={modal.variant === 'danger' ? 'danger' : 'primary'}\n onClick={() => confirmModal(modal.id)}\n >\n {modal.confirmText}\n </Button>\n )}\n </ActionRow>\n )}\n >\n <p>{modal.message}</p>\n </AlertModal>\n );\n })()}\n </AlertContext.Provider>\n );\n};\n\nexport const AlertOutlet: FC = () => {\n const { alerts, removeAlert } = useAlert();\n\n return (\n <div className=\"alert-outlet\">\n {alerts.map(alert => (\n <Alert\n key={alert.id}\n className=\"mt-3\"\n icon={variantIcons[alert.type]}\n variant={alert.type === 'error' ? 'danger' : alert.type}\n dismissible\n onClose={() => removeAlert(alert.id)}\n >\n {alert.message}\n {alert.extraContent}\n </Alert>\n ))}\n </div>\n );\n};\n\nexport const useAlert = (): AlertContextType => {\n const context = useContext(AlertContext);\n if (context === undefined) {\n throw new Error('useAlert must be used within an AlertProvider');\n }\n return context;\n};\n"]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
3
|
+
const queryClient = new QueryClient({
|
|
4
|
+
defaultOptions: {
|
|
5
|
+
queries: {
|
|
6
|
+
staleTime: 5 * 60 * 1000, // 5 minutes
|
|
7
|
+
retry: 1,
|
|
8
|
+
refetchOnWindowFocus: false,
|
|
9
|
+
},
|
|
10
|
+
mutations: {
|
|
11
|
+
retry: 1,
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
});
|
|
15
|
+
export const QueryProvider = ({ children }) => (_jsx(QueryClientProvider, { client: queryClient, children: children }));
|
|
16
|
+
//# sourceMappingURL=QueryProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QueryProvider.js","sourceRoot":"","sources":["../../src/providers/QueryProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAOzE,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IAClC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,EAAE,YAAY;YACtC,KAAK,EAAE,CAAC;YACR,oBAAoB,EAAE,KAAK;SAC5B;QACD,SAAS,EAAE;YACT,KAAK,EAAE,CAAC;SACT;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAsB,EAAE,EAAE,CAAC,CACjE,KAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,YACrC,QAAQ,GACW,CACvB,CAAC","sourcesContent":["import { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { ReactNode } from 'react';\n\ninterface QueryProviderProps {\n children: ReactNode,\n}\n\nconst queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n staleTime: 5 * 60 * 1000, // 5 minutes\n retry: 1,\n refetchOnWindowFocus: false,\n },\n mutations: {\n retry: 1,\n },\n },\n});\n\nexport const QueryProvider = ({ children }: QueryProviderProps) => (\n <QueryClientProvider client={queryClient}>\n {children}\n </QueryClientProvider>\n);\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"providers.js","sourceRoot":"","sources":["../src/providers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,MAAM,SAAS,GAAkB;IAC/B,aAAa;IACb,aAAa;CACd,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import { AppProvider } from '@openedx/frontend-base';\nimport { QueryProvider } from './providers/QueryProvider';\nimport { AlertProvider } from './providers/AlertProvider';\n\nconst providers: AppProvider[] = [\n QueryProvider,\n AlertProvider,\n];\n\nexport default providers;\n"]}
|
package/dist/routes.d.ts
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
declare const routes: {
|
|
2
|
+
id: string;
|
|
3
|
+
path: string;
|
|
4
|
+
handle: {
|
|
5
|
+
role: string;
|
|
6
|
+
};
|
|
7
|
+
lazy(): Promise<{
|
|
8
|
+
Component: () => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
}>;
|
|
10
|
+
children: ({
|
|
11
|
+
index: boolean;
|
|
12
|
+
element: import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
path?: undefined;
|
|
14
|
+
} | {
|
|
15
|
+
path: string;
|
|
16
|
+
element: import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
index?: undefined;
|
|
18
|
+
})[];
|
|
19
|
+
}[];
|
|
20
|
+
export default routes;
|