@nualang/nualang-ui-components 0.1.1309 → 0.1.1311

package/dist/Dialogs/GroupedFeedbackDialog/GroupedFeedbackDialog.js

@@ -41,7 +41,10 @@ export default function GroupFeedbackDialog({
     return map;
   }, [submissionsForGroup]);
   const totalDiscussions = discussionsInGroup.length;
-  const submittedCount = submissionsForGroup.length > 0 ? 1 : 0;
+  const submittedCount = discussionsInGroup.filter(discussion => {
+    const meetingId = discussion.meetingID || discussion.meetingId;
+    return Boolean(submissionsByMeetingId[meetingId]);
+  }).length;
   const progress = totalDiscussions > 0 ? Math.round(submittedCount / totalDiscussions * 100) : 0;
   const ratio = totalDiscussions > 0 ? submittedCount / totalDiscussions : 0;
   const ringColor = ratio === 0 ? grey[500] : ratio > 0 && ratio <= 1 / 3 ? red[600] : ratio > 1 / 3 && ratio <= 2 / 3 ? orange[600] : ratio > 2 / 3 && ratio < 1 ? green[600] : green[600];

package/dist/Dialogs/RecordingDialog/RecordingDialog.js

@@ -7,6 +7,8 @@ import PropTypes from "prop-types";
 import { Box, Typography, Divider, Avatar, Skeleton } from "@mui/material";
 import ErrorIcon from "@mui/icons-material/Error";
 import { red } from "@mui/material/colors";
+import { useMediaQuery } from "@mui/material";
+import { useTheme } from "@mui/material/styles";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function TranscriptViewer({
   conversation = {},
@@ -87,7 +89,8 @@ function TranscriptViewer({
           variant: "subtitle2",
           fontWeight: "bold",
           sx: {
-            mr: 1
+            mr: 1,
+            whiteSpace: "nowrap"
           },
           children: `${sentence.user}:`
         }), /*#__PURE__*/_jsx(Typography, {
@@ -119,6 +122,8 @@ export default function RecordingDialog({
   attendeesData,
   hasBadLanguage
 }) {
+  const theme = useTheme();
+  const isSmallScreen = useMediaQuery(theme.breakpoints.down("sm"));
   return /*#__PURE__*/_jsx(_Fragment, {
     children: attendeesData.length > 0 && /*#__PURE__*/_jsx(ResponsiveDialog, {
       open: open,
@@ -196,7 +201,7 @@ export default function RecordingDialog({
             },
             onContextMenu: e => e.preventDefault()
           })
-        }), /*#__PURE__*/_jsx(Divider, {
+        }), !isSmallScreen && /*#__PURE__*/_jsx(Divider, {
           orientation: "vertical",
           variant: "middle",
           flexItem: true,
@@ -204,7 +209,10 @@ export default function RecordingDialog({
             paddingLeft: "20px"
           }
         }), /*#__PURE__*/_jsx(Grid, {
-          size: 4.5,
+          size: {
+            sx: 12,
+            md: 4.5
+          },
           children: /*#__PURE__*/_jsx(TranscriptViewer, {
             t: t,
             attendeesData: attendeesData,

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

@@ -991,31 +991,26 @@ function Classroom({
         pt: "8px",
         children: [/*#__PURE__*/_jsx("div", {
           className: classes.grow
-        }), /*#__PURE__*/_jsxs(Box, {
-          sx: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            mb: 2
-          },
-          children: [/*#__PURE__*/_jsx(Typography, {
-            variant: "headline",
-            color: "inherit",
-            fontSize: 24,
-            children: t("discussions")
-          }), /*#__PURE__*/_jsx(Tooltip, {
-            title: t("refresh_discuss"),
-            placement: "left",
-            children: /*#__PURE__*/_jsx(IconButton, {
+        }), /*#__PURE__*/_jsx(Tooltip, {
+          title: t("refresh_discuss"),
+          placement: "left",
+          children: /*#__PURE__*/_jsx(IconButton, {
+            sx: {
+              position: "absolute",
+              right: theme.spacing(),
+              marginRight: theme.spacing(2),
+              zIndex: 1,
               size: "large",
-              "aria-label": "Refresh",
-              onClick: refetchData,
-              id: "discussRefreshScheduled",
-              children: /*#__PURE__*/_jsx(Refresh, {
-                fontSize: "inherit"
-              })
+              marginTop: "5px"
+            },
+            size: "large",
+            "aria-label": "Refresh",
+            onClick: refetchData,
+            id: "discussRefreshScheduled",
+            children: /*#__PURE__*/_jsx(Refresh, {
+              fontSize: "inherit"
             })
-          })]
+          })
         }), /*#__PURE__*/_jsx(_Fragment, {
           children: isCreator && createdDiscussions?.length > 0 && /*#__PURE__*/_jsx("div", {
             id: "discussGroupedDiscussions",

package/dist/Tables/MeetingPrompstList/MeetingPromptsList.js

@@ -183,8 +183,9 @@ const MeetingPromptsList = withStyles(({
     }), /*#__PURE__*/_jsxs(List, {
       children: [sortedScheduleListData.slice(0, cardsToShow).map((discussion, i) => {
         const totalDiscussions = meetingCounts[discussion?.groupedId] || 0;
-        const hasSubmissions = groupedRecordings[discussion.groupedId]?.length > 0;
-        const submittedCount = hasSubmissions ? 1 : 0;
+        const recordingsForGroup = groupedRecordings[discussion.groupedId] || [];
+        const submittedMeetingIds = new Set(recordingsForGroup.map(rec => rec.meetingId || rec.meetingID).filter(Boolean));
+        const submittedCount = submittedMeetingIds.size;
         const progress = totalDiscussions > 0 ? Math.round(submittedCount / totalDiscussions * 100) : 0;
         return /*#__PURE__*/_jsx(Card, {
           sx: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nualang/nualang-ui-components",
-  "version": "0.1.1309",
+  "version": "0.1.1311",
   "type": "module",
   "main": "dist/index.js",
   "files": [