@nualang/nualang-ui-components 0.1.1275-1 → 0.1.1276

package/dist/Assignments/AssignmentCard/AssignmentCard.js

@@ -32,7 +32,8 @@ function AssignmentCard({
   fetchMemberCourseCompletions,
   lastClickedExerciseId,
   handleViewProgress,
-  lastAssignmentFetch
+  lastAssignmentFetch,
+  assignedStudents = []
 }) {
   const [confirm] = (0, _useConfirm.default)(t);
   const {
@@ -224,7 +225,7 @@ function AssignmentCard({
               children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
                   variant: "h4",
-                  children: assignment.assignedStudents?.length
+                  children: assignedStudents?.length
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
                   variant: "body2",
                   color: "text.secondary",

package/dist/Assignments/AssignmentCardsList/AssignmentCardsList.js

@@ -31,7 +31,8 @@ const AssignmentCardsList = ({
   fetchMemberCourseCompletions,
   memberId,
   handleViewProgress,
-  lastAssignmentFetch
+  lastAssignmentFetch,
+  assignmentMembersById
 }) => {
   const [lastClickedExerciseId, setLastClickedExerciseId] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
@@ -170,7 +171,8 @@ const AssignmentCardsList = ({
         username: username,
         preferred_username: preferred_username,
         memberId: memberId,
-        handleViewProgress: handleViewProgress
+        handleViewProgress: handleViewProgress,
+        assignedStudents: assignmentMembersById[assignment.assignmentId] || []
       }, assignment.assignmentId))]
     })
   });

package/dist/Assignments/CreateAssignmentDialog/CreateAssignmentDialog.js

@@ -55,7 +55,8 @@ function CreateAssignmentDialog({
   getCourses,
   initialData = {},
   dialogTitle,
-  userEmail = ''
+  userEmail = '',
+  assignedStudents
 }) {
   const {
     classes
@@ -68,7 +69,7 @@ function CreateAssignmentDialog({
   const [members, setMembers] = (0, _react.useState)([]);
   const [assignment, setAssignment] = (0, _react.useState)({
     classroomId: classroom?.length > 0 ? [classroom] : [],
-    assignedStudents: members?.map(member => member.memberId),
+    assignedStudents,
     title: initialData.title ? initialData.title : undefined,
     instructions: initialData.instructions ? initialData.instructions : t("default_assignment_instructions"),
     type: "assignment",

package/dist/Cards/Course/Course.js

@@ -21,6 +21,7 @@ var _PictureAsPdf = _interopRequireDefault(require("@mui/icons-material/PictureA
 var _School = _interopRequireDefault(require("@mui/icons-material/School"));
 var _Visibility = _interopRequireDefault(require("@mui/icons-material/Visibility"));
 var _VisibilityOff = _interopRequireDefault(require("@mui/icons-material/VisibilityOff"));
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
 var _Members = _interopRequireDefault(require("../../Dialogs/Members"));
 var _CourseOutline = _interopRequireDefault(require("../../Dialogs/CourseOutline"));
 var _Members2 = _interopRequireDefault(require("../../Lists/Members"));
@@ -31,6 +32,7 @@ var _useCourseState = _interopRequireDefault(require("../../hooks/useCourseState
 var _ProgressiveCardMedia = _interopRequireDefault(require("../../Misc/ProgressiveCardMedia"));
 var _CardElements = require("../CardElements");
 var _Queries = require("@nualang/nualang-api-and-queries/Queries");
+var _useConfirm = _interopRequireDefault(require("../../hooks/useConfirm"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Mui
@@ -58,7 +60,8 @@ function OverflowMenu({
   classroomId,
   isClassroomArchived = false,
   canDuplicateCourse,
-  hiddenCourses = []
+  hiddenCourses = [],
+  deleteCourse
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Menu, {
     id: `card-menu-${courseId}`,
@@ -126,6 +129,15 @@ function OverflowMenu({
           })
         })
       })
+    }), isCreator && !classroomId && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
+      onClick: deleteCourse,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CardElements.CardMenuIcon, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Delete.default, {
+          fontSize: "small"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        children: t("delete_course")
+      })]
     }), isClassroomCreator && handleHideCourse && !hiddenCourses.includes(courseId) && !isClassroomArchived && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
       onClick: () => handleHideCourse(courseId),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CardElements.CardMenuIcon, {
@@ -247,8 +259,10 @@ function CourseCard({
   email,
   isTeacher,
   hiddenCourses = [],
-  isClassroomCreator = null
+  isClassroomCreator = null,
+  handleDeleteCourse
 }) {
+  const [confirm] = (0, _useConfirm.default)(t);
   const [placeholderRef, visible] = (0, _reactIntersectionObserver.useInView)({
     rootMargin: "320px",
     triggerOnce: true
@@ -342,6 +356,15 @@ function CourseCard({
   const leaveCourse = () => {
     handleLeaveCourse(courseId);
   };
+  const courseSections = sectionsQuery.isSuccess ? sectionsQuery.data.Items : [];
+  const deleteCourse = async () => {
+    const confirmed = await confirm(t("delete_course"), t("delete_course_confirmation"), "", true, t("course_deletion_note", {
+      sectionCount: courseSections ? courseSections.length : 0
+    }), t("confirmDeletionText"));
+    if (confirmed) {
+      handleDeleteCourse(courseId);
+    }
+  };
   const handleClickImage = () => {
     if (isCreator || isMember || isAdmin) {
       viewCourse();
@@ -578,7 +601,8 @@ function CourseCard({
       isClassroomArchived: isClassroomArchived,
       canDuplicateCourse: canDuplicateCourse,
       hiddenCourses: hiddenCourses,
-      isTeacher: isTeacher
+      isTeacher: isTeacher,
+      deleteCourse: deleteCourse
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Members.default, {
       getMemberDetails: getMemberDetails,
       t: t,

package/dist/Dialogs/ConfirmDialog/ConfirmDialog.js

@@ -135,7 +135,8 @@ function Confirm({
         margin: "normal",
         variant: "outlined",
         fullWidth: true,
-        required: true
+        required: true,
+        autoComplete: "off"
       })]
     }), isArchive && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogContentText, {
@@ -155,7 +156,8 @@ function Confirm({
         margin: "normal",
         variant: "outlined",
         fullWidth: true,
-        required: true
+        required: true,
+        autoComplete: "off"
       })]
     }), isUnarchive && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogContentText, {
@@ -175,7 +177,8 @@ function Confirm({
         margin: "normal",
         variant: "outlined",
         fullWidth: true,
-        required: true
+        required: true,
+        autoComplete: "off"
       })]
     }), showCheckbox && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       style: {

package/dist/Lists/Courses/Courses.js

@@ -34,6 +34,7 @@ function CourseList({
   isClassroomArchived = false,
   email,
   isTeacher,
+  handleDeleteCourse,
   ...otherProps
 }) {
   const [items, ref] = (0, _useListScroll.default)({
@@ -100,6 +101,7 @@ function CourseList({
             isClassroomArchived: isClassroomArchived,
             email: email,
             isTeacher: isTeacher,
+            handleDeleteCourse: handleDeleteCourse,
             ...otherProps
           }, course.courseId)
         }, course.courseId);
@@ -144,6 +146,7 @@ function CourseList({
             classroomId: classroomId,
             isClassroomArchived: isClassroomArchived,
             isTeacher: isTeacher,
+            handleDeleteCourse: handleDeleteCourse,
             ...otherProps
           }, course.courseId)
         }, course.courseId);

package/dist/Screens/Classrooms/ViewClassroom/ViewClassroom.js

@@ -499,6 +499,8 @@ function Classroom({
   progressHelpers,
   preferred_username,
   assignedCourses,
+  assignedStudents,
+  assignmentMembersById,
   email,
   ...otherProps
 }) {
@@ -927,6 +929,7 @@ function Classroom({
     TabContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssignmentCardsList.default, {
         t: t,
+        assignmentMembersById: assignmentMembersById,
         lastAssignmentFetch: initialStored,
         handleViewProgress: handleViewProgress,
         isCreator: isCreator,
@@ -1087,6 +1090,7 @@ function Classroom({
       py: 1,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Progress.default, {
         t: t,
+        assignedStudents: assignedStudents,
         courses: courses,
         members: members,
         courseIds: courseIds,

package/dist/Screens/Courses/Courses.js

@@ -65,7 +65,8 @@ function Courses({
   memberId,
   handleDuplicateCourse,
   email,
-  isTeacher
+  isTeacher,
+  handleDeleteCourse
 }) {
   const {
     classes
@@ -140,7 +141,8 @@ function Courses({
           handleDuplicateCourse: handleDuplicateCourse,
           cardTitleComponent: "h2",
           email: email,
-          isTeacher: isTeacher
+          isTeacher: isTeacher,
+          handleDeleteCourse: handleDeleteCourse
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
           py: 2,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Courses2.default, {
@@ -179,7 +181,8 @@ function Courses({
           username: username,
           handleDuplicateCourse: handleDuplicateCourse,
           cardTitleComponent: "h2",
-          isTeacher: isTeacher
+          isTeacher: isTeacher,
+          handleDeleteCourse: handleDeleteCourse
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
           py: 2,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Courses2.default, {

package/dist/Tables/Progress/Progress.js

@@ -163,7 +163,8 @@ function Progress({
   assignments = [],
   isVideoChatEnabled,
   assignedCourses,
-  assignedCourseIds
+  assignedCourseIds,
+  assignedStudents
 }) {
   const theme = (0, _styles.useTheme)();
   const isSmallScreen = (0, _useMediaQuery.default)(theme.breakpoints.down("sm"));
@@ -318,18 +319,18 @@ function Progress({
     return members.filter(member => {
       if (memberId) {
         return member.memberId === memberId;
-      } else if (selectedMembers && selectedMembers.length && reportType === "assignments" && selectedAssignment?.assignedStudents) {
+      } else if (selectedMembers && selectedMembers.length && reportType === "assignments" && assignedStudents) {
         const selectedMemberIds = selectedMembers.map(m => m.memberId);
-        return selectedMemberIds.includes(member.memberId) && selectedAssignment?.assignedStudents.includes(member.memberId);
+        return selectedMemberIds.includes(member.memberId) && (assignedStudents || []).includes(member.memberId);
       } else if (selectedMembers && selectedMembers.length) {
         const selectedMemberIds = selectedMembers.map(m => m.memberId);
         return selectedMemberIds.includes(member.memberId);
-      } else if (reportType === "assignments" && selectedAssignment?.assignedStudents) {
-        return selectedAssignment?.assignedStudents.includes(member.memberId);
+      } else if (reportType === "assignments" && assignedStudents) {
+        return (assignedStudents || []).includes(member.memberId);
       }
       return true;
     });
-  }, [members, memberId, selectedMembers, reportType, selectedAssignment]);
+  }, [members, memberId, selectedMembers, reportType, selectedAssignment, assignedStudents]);
   let currentView = "all_courses";
   if (reportType === "assignments" && selectedTopic && selectedRoleplay) {
     currentView = "assignment-roleplay";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nualang/nualang-ui-components",
-  "version": "0.1.1275-1",
+  "version": "0.1.1276",
   "main": "dist/index.js",
   "files": [
     "dist",