npm - @nualang/nualang-ui-components - Versions diffs - 0.1.1246 → 0.1.1248 - Mend

@nualang/nualang-ui-components 0.1.1246 → 0.1.1248

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.

Files changed (11) hide show

package/dist/Assignments/AssignmentRoleplaySelection/AssignmentRoleplaySelection.js CHANGED Viewed

@@ -366,7 +366,7 @@ function AssignmentRoleplaySelection({
   lastClickedExerciseId
 }) {
   const [isRoleplaySelected, setIsRoleplaySelected] = (0, _react.useState)(false);
-  const filteredCompletions = memberCourseCompletions.filter(completion => completion.courseSectionTopicId === courseSectionTopicId);
+  const filteredCompletions = Array.isArray(memberCourseCompletions) && memberCourseCompletions.length > 0 ? memberCourseCompletions.filter(completion => completion.courseSectionTopicId === courseSectionTopicId) : [];
   return roleplays.map(roleplay => /*#__PURE__*/(0, _jsxRuntime.jsx)(Roleplay, {
     roleplay: roleplay,
     isRoleplaySelected: isRoleplaySelected,

package/dist/Forms/FeedbackForm/FeedbackForm.js CHANGED Viewed

@@ -359,7 +359,8 @@ function FeedbackForm({
           sx: {
             paddingTop: "50px",
             marginLeft: 3,
-            paddingBottom: 5
+            paddingBottom: 5,
+            width: '100%'
           },
           direction: "row",
           justifyContent: "center",

package/dist/Lists/Courses/Courses.js CHANGED Viewed

@@ -27,19 +27,19 @@ const useStyles = (0, _mui.makeStyles)()(theme => ({
     gridAutoFlow: "column"
   },
   gridListTileRoot: {
-    [theme.breakpoints.up("sm")]: {
-      minWidth: 380
-    },
     height: "auto",
-    minWidth: 330,
+    minWidth: {
+      xs: 330,
+      sm: 380
+    },
     padding: theme.spacing(0.75, 0.75, 2, 0.75)
   },
   gridListItemRoot: {
-    [theme.breakpoints.up("sm")]: {
-      minWidth: 380
-    },
     height: "auto",
-    minWidth: 320
+    minWidth: {
+      xs: 330,
+      sm: 380
+    }
   }
 }));
 function CourseList({
@@ -111,10 +111,22 @@ function CourseList({
       cols: singleLineGridCols,
       rowHeight: "auto",
       gap: 0,
+      sx: {
+        display: 'flex',
+        gridAutoFlow: 'column',
+        justifyContent: 'flex-start'
+      },
       children: [items.map(course => {
         const selected = selectedCourses.includes(course.courseId);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ImageListItem, {
           className: classes.gridListTileRoot,
+          sx: {
+            flex: '0 0 auto',
+            width: {
+              xs: 330,
+              sm: 380
+            } // Stop flex overwriting
+          },
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Course.default, {
             t: t,
             course: course,
@@ -139,6 +151,13 @@ function CourseList({
       }), (items || []).length < (courses || []).length && new Array(3).fill(null).map((_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ImageListItem, {
         className: classes.gridListTileRoot,
         ref: index === 0 ? ref : null,
+        sx: {
+          flex: '0 0 auto',
+          width: {
+            xs: 330,
+            sm: 380
+          }
+        },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Course.default, {
           t: t
         })

package/dist/Lists/Leaderboard/Leaderboard.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _material = require("@mui/material");
 var _Person = _interopRequireDefault(require("@mui/icons-material/Person"));
 var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
 var _Members = _interopRequireDefault(require("../../Misc/NotFound/Members"));
-var _reactFlipMove = _interopRequireDefault(require("react-flip-move"));
+var _reactFlipToolkit = require("react-flip-toolkit");
 var _system = require("@mui/system");
 var _TrendingUp = _interopRequireDefault(require("@mui/icons-material/TrendingUp"));
 var _TrendingDown = _interopRequireDefault(require("@mui/icons-material/TrendingDown"));
@@ -293,25 +293,30 @@ function MemberList(props) {
     children: [members.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Members.default, {
       t: t,
       placeholderImageUrl: placeholderImageUrl
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFlipMove.default, {
-      duration: 1000,
-      children: members.map(member => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFlipMove.default, {
-        typeName: null,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Member, {
-          member: member,
-          isCreator: isCreator,
-          isCourseMember: isCourseMember,
-          t: t,
-          lastTwoIndexes: gameMembersHistory.slice(-2).map(members => members.find(m => m.memberId === member.memberId)?.index),
-          lastFourScores: gameMembersHistory.slice(-4).map(members => members.find(m => m.memberId === member.memberId)?.score),
-          topThreeScores: topThreeScores,
-          remainingQuestions: remainingQuestions,
-          numOfCorrectAnswers: numOfCorrectAnswers,
-          isIconsVisible: isIconsVisible,
-          showRoleplayLeaderboardIcons: showRoleplayLeaderboardIcons,
-          lastThreeAnswerResults: gameMembersHistory.slice(-3).map(members => members.find(m => m.memberId === member.memberId)?.isCorrect)
-        })
-      }, member.memberId))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFlipToolkit.Flipper, {
+      flipKey: members.map(m => m.memberId).join(','),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "member-list",
+        children: members.map(member => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFlipToolkit.Flipped, {
+          flipId: member.memberId,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Member, {
+              member: member,
+              isCreator: isCreator,
+              isCourseMember: isCourseMember,
+              t: t,
+              lastTwoIndexes: gameMembersHistory.slice(-2).map(members => members.find(m => m.memberId === member.memberId)?.index),
+              lastFourScores: gameMembersHistory.slice(-4).map(members => members.find(m => m.memberId === member.memberId)?.score),
+              topThreeScores: topThreeScores,
+              remainingQuestions: remainingQuestions,
+              numOfCorrectAnswers: numOfCorrectAnswers,
+              isIconsVisible: isIconsVisible,
+              showRoleplayLeaderboardIcons: showRoleplayLeaderboardIcons,
+              lastThreeAnswerResults: gameMembersHistory.slice(-3).map(members => members.find(m => m.memberId === member.memberId)?.isCorrect)
+            })
+          })
+        }, member.memberId))
+      })
     })]
   });
 }
@@ -330,7 +335,7 @@ function Leaderboard({
   numOfCorrectAnswers,
   isIconsVisible,
   showRoleplayLeaderboardIcons,
-  exercise,
+  exercise = '',
   handleNext,
   nextScriptLine,
   setIsIconsVisible

package/dist/Live/GameControls/GameControls.js CHANGED Viewed

@@ -35,7 +35,8 @@ function GameControls({
     }),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
       sx: {
-        ml: 2
+        ml: 2,
+        mt: 1
       },
       component: _material.Typography,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, {
@@ -56,6 +57,7 @@ function GameControls({
       }
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
       mr: 2,
+      mt: 1,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
         color: "primary",
         onClick: handleTimeUp,

package/dist/Live/GameQuestionResults/GameQuestionResults.js CHANGED Viewed

@@ -42,7 +42,8 @@ function GameQuestionResults({
     }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
       sx: {
-        mx: 2
+        mx: 2,
+        mt: 1
       },
       display: "flex",
       alignItems: "center",

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

@@ -499,9 +499,6 @@ function Classroom({
     (0, _react.useEffect)(() => {
       if (!condition || !cId) return;
       const lastFetched = initialStored.current[cId] || 0;
-      console.log({
-        lastFetched
-      });
       const hasNew = assignments.some(item => item.updatedAt && Number(item.updatedAt) > lastFetched);
       setHasNewAssignments(hasNew);
       if (hasNew) {

package/dist/Screens/Courses/SearchCourses/SearchCourses.js CHANGED Viewed

@@ -87,6 +87,7 @@ function SearchFilters({
       }),
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
         container: true,
+        width: "100%",
         direction: "row",
         alignItems: "center",
         spacing: 1,

package/dist/Screens/Search/Search.js CHANGED Viewed

@@ -87,6 +87,7 @@ function SearchFilters({
       }),
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
         container: true,
+        width: "100%",
         direction: "row",
         alignItems: "center",
         spacing: 1,

package/dist/Tables/Progress/Progress.js CHANGED Viewed

@@ -216,7 +216,7 @@ function Progress({
     } else {
       return [];
     }
-  }, [courses, courseSectionsQueriesIsLoading]);
+  }, [currentCourses, courseSectionsQueriesIsLoading]);
   const deleteCourseId = () => {
     if ("URLSearchParams" in window) {
       const searchParams = (0, _utils2.searchStringToObj)(window.location.search);

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@nualang/nualang-ui-components",
-  "version": "0.1.1246",
+  "version": "0.1.1248",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -12,9 +12,9 @@
   },
   "dependencies": {
     "@dnd-kit/core": "6.3.1",
+    "@dnd-kit/modifiers": "9.0.0",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
-    "@dnd-kit/modifiers": "9.0.0",
     "@emotion/react": "^11.13",
     "@emotion/styled": "^11.13",
     "@hookform/resolvers": "^3.6.0",
@@ -67,7 +67,6 @@
     "react-dropzone": "^14.2.3",
     "react-easy-crop": "^5.0.0",
     "react-feather": "^2.0",
-    "react-flip-move": "^3.0.5",
     "react-flip-toolkit": "^7.1.0",
     "react-hook-form": "^7.52.0",
     "react-i18next": "^15.4.1",
@@ -111,7 +110,6 @@
     "@mui/x-date-pickers": "^7.28.3",
     "@nualang/eslint-config-nualang": "0.2.0-alpha-4",
     "@react-theming/storybook-addon": "^1.1.10",
-    "react-router-dom": "^6.30.0",
     "@storybook/addon-actions": "^8.6.12",
     "@storybook/addon-essentials": "^8.6.12",
     "@storybook/addon-links": "^8.6.12",
@@ -129,11 +127,13 @@
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
     "babel-plugin-macros": "^3.1.0",
+    "chalk": "^5.4.1",
     "clsx": "^2.0.0",
     "cross-env": "^7.0.3",
     "eslint": "^9.24.0",
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-react-hooks": "^5.1.0",
+    "glob": "^11.0.2",
     "globals": "^16.0.0",
     "intersection-observer": "^0.12.0",
     "jsdom": "^26.1.0",
@@ -141,9 +141,11 @@
     "prettier": "^3.2.5",
     "react": "19.1.0",
     "react-dom": "19.1.0",
+    "react-router-dom": "^6.30.0",
     "react-scripts": "^5.0.1",
     "storybook": "^8.6.12",
-    "vitest": "^3.1.1"
+    "vitest": "^3.1.1",
+    "zx": "^8.5.4"
   },
   "scripts": {
     "postinstall": "patch-package",