@nualang/nualang-ui-components 0.1.1200 → 0.1.1201

package/dist/Cards/Assignment/Assignment.js

@@ -0,0 +1,220 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Assignment;
+var _react = _interopRequireWildcard(require("react"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
+var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
+var _ExpandLess = _interopRequireDefault(require("@mui/icons-material/ExpandLess"));
+var _material = require("@mui/material");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _AssignmentExerciseSelector = _interopRequireDefault(require("../../Misc/AssignmentExerciseSelector/AssignmentExerciseSelector"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Assignment({
+  t,
+  assignment,
+  handleStartExercise,
+  username,
+  getCourseSections,
+  getRoleplays,
+  isCreator
+}) {
+  t = text => text;
+  const [expanded, setExpanded] = (0, _react.useState)(false);
+  const calculateDaysUntilDue = dueDate => {
+    const now = new Date();
+    const due = new Date(dueDate);
+    const diffTime = due - now;
+    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
+    if (diffDays < 0) {
+      return t("overdue");
+    } else if (diffDays === 0) {
+      return t("due_today");
+    } else if (diffDays === 1) {
+      return t("due_tomorrow");
+    } else {
+      return `${t("due_in")} ${diffDays} ${t("days")}`;
+    }
+  };
+  const handleIconClick = event => {
+    event.stopPropagation();
+    setExpanded(prev => !prev);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Card, {
+    sx: {
+      display: "flex",
+      marginBottom: 2,
+      boxShadow: 3
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.CardContent, {
+      sx: {
+        flexGrow: 1
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
+        container: true,
+        spacing: 2,
+        alignItems: "center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+          item: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+            sx: {
+              width: 50,
+              height: 50
+            },
+            src: assignment.image
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
+          item: true,
+          xs: true,
+          flexDirection: "column",
+          display: "flex",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            variant: "body1",
+            component: "div",
+            children: assignment.title
+          }), !isCreator && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+            sx: {
+              display: "flex",
+              alignItems: "center"
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.LinearProgress, {
+              variant: "determinate",
+              value: assignment.completed / assignment.assigned * 100 //change this to the actual value of student completed
+              ,
+              sx: {
+                height: 10,
+                borderRadius: 5,
+                width: "25%"
+              },
+              color: "success"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+              variant: "body2",
+              sx: {
+                color: "text.secondary",
+                marginLeft: 1
+              },
+              children: `${Math.round(assignment.completed / assignment.assigned * 100)}%`
+            })]
+          })]
+        }), isCreator && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
+          item: true,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+            color: "primary",
+            children: t("edit")
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+            color: "primary",
+            children: t("delete")
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+          item: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            variant: "button",
+            color: "text.secondary",
+            children: calculateDaysUntilDue(assignment.dueDate)
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+          item: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+            onClick: handleIconClick,
+            children: expanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandLess.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {})
+          })
+        })]
+      }), expanded && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        mt: 2,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {
+          sx: {
+            marginBottom: 1.5
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
+          container: true,
+          spacing: 2,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
+            item: true,
+            xs: 12,
+            md: 9.5,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+              variant: "body2",
+              children: assignment.description
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+              mt: 2,
+              width: "80%",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssignmentExerciseSelector.default, {
+                t: t,
+                assignment: assignment,
+                handleStartExercise: handleStartExercise,
+                username: username,
+                getCourseSections: getCourseSections,
+                getRoleplays: getRoleplays,
+                isAssignment: true,
+                isCreator: isCreator
+              })
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
+            item: true,
+            xs: 3,
+            md: 2,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              sx: {
+                textAlign: "center"
+              },
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+                  variant: "h4",
+                  children: assignment.completed
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+                  variant: "body2",
+                  color: "text.secondary",
+                  children: t("Completed")
+                })]
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {
+                orientation: "vertical",
+                flexItem: true,
+                sx: {
+                  width: "2px",
+                  marginX: 2,
+                  backgroundColor: "darkgray"
+                }
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+                  variant: "h4",
+                  children: assignment.assigned
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+                  variant: "body2",
+                  color: "text.secondary",
+                  children: t("assigned")
+                })]
+              })]
+            }), isCreator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+              variant: "contained",
+              sx: {
+                marginTop: 2,
+                marginLeft: "15px"
+              },
+              children: t("view_progress")
+            })]
+          })]
+        })]
+      })]
+    })
+  });
+}
+Assignment.propTypes = {
+  assignment: _propTypes.default.shape({
+    image: _propTypes.default.string,
+    title: _propTypes.default.string,
+    description: _propTypes.default.string,
+    dueDate: _propTypes.default.string.isRequired,
+    completed: _propTypes.default.number,
+    assigned: _propTypes.default.number,
+    t: _propTypes.default.func
+  }).isRequired
+};

package/dist/Cards/Assignment/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "Assignment",
+    "version": "0.0.0",
+    "private": true,
+    "main": "./Assignment.js"
+  }
+  

package/dist/Dialogs/ConfirmDeleteDiscussion/ConfirmDeleteDiscussion.js

@@ -12,17 +12,19 @@ function ConfirmDeleteDiscussion({
   handleConfirmDeleteDiscussion = () => {},
   handleCloseDeleteDiscussionDialog = () => {},
   t = text => text,
-  deleteDiscussionDialogOpen = false
+  deleteDiscussionDialogOpen = false,
+  archiveTitle,
+  archiveDescription
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Dialog, {
       open: deleteDiscussionDialogOpen,
       onClose: handleCloseDeleteDiscussionDialog,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogTitle, {
-        children: t("delete_discussion")
+        children: t(archiveTitle)
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogContent, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogContentText, {
-          children: t("delete_discussion_text")
+          children: t(archiveDescription)
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.DialogActions, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {

package/dist/Dialogs/CreateAssignmentScreen/CreateAssignmentScreen.js

@@ -0,0 +1,303 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CreateAssignmentScreen;
+var _react = _interopRequireWildcard(require("react"));
+var _material = require("@mui/material");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
+var _LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
+var _DatePicker = require("@mui/x-date-pickers/DatePicker");
+var _mui = require("tss-react/mui");
+var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
+var _ArrowDropUp = _interopRequireDefault(require("@mui/icons-material/ArrowDropUp"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const useStyles = (0, _mui.makeStyles)()(theme => ({
+  appBar: {
+    position: "relative"
+  },
+  dialogContent: {
+    display: "flex",
+    gap: theme.spacing(2),
+    padding: theme.spacing(3)
+  }
+}));
+function Transition(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Slide, {
+    direction: "up",
+    ...props
+  });
+}
+function CreateAssignmentScreen({
+  t,
+  classrooms = [],
+  open,
+  handleClose
+}) {
+  const {
+    classes
+  } = useStyles();
+  const [assignment, setAssignment] = (0, _react.useState)({
+    classroom: "",
+    students: [],
+    title: "",
+    description: "",
+    assignDate: (0, _dayjs.default)(),
+    dueDate: (0, _dayjs.default)().add(1, "day")
+  });
+  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
+  const handleMenuOpen = event => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleMenuClose = () => {
+    setAnchorEl(null);
+  };
+  const handleChange = field => event => {
+    let value = event?.target?.value ?? event;
+    setAssignment(prev => {
+      if (field === "students") {
+        return {
+          ...prev,
+          students: typeof value === "string" ? value.split(",") : value
+        };
+      }
+      if (field === "classroom") {
+        return {
+          ...prev,
+          classroom: value,
+          students: []
+        };
+      }
+      return {
+        ...prev,
+        [field]: value
+      };
+    });
+  };
+  const selectedClassroom = classrooms.find(c => c.id === assignment.classroom);
+  const studentsInClassroom = selectedClassroom ? selectedClassroom.students : [];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Dialog, {
+    fullScreen: true,
+    open: open,
+    onClose: handleClose,
+    TransitionComponent: Transition,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.AppBar, {
+      className: classes.appBar,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Toolbar, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+          edge: "start",
+          color: "inherit",
+          onClick: handleClose,
+          "aria-label": "Close",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {})
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+          variant: "h5",
+          fontWeight: "bold",
+          textAlign: "center",
+          mb: 1,
+          children: t("create_assignment")
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      component: "main",
+      className: classes.dialogContent,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Card, {
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          padding: 1,
+          boxShadow: 3,
+          width: "50%"
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.CardContent, {
+          sx: {
+            flexGrow: 1,
+            display: "flex",
+            flexDirection: "column",
+            gap: 2
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
+            fullWidth: true,
+            variant: "outlined",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
+              id: "classroom-label",
+              children: t("select_classroom")
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Select, {
+              labelId: "classroom-label",
+              id: "classroom",
+              value: assignment.classroom,
+              label: t("select_classroom"),
+              onChange: handleChange("classroom"),
+              children: classrooms.map(classroom => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+                value: classroom.id,
+                children: classroom.name
+              }, classroom.id))
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, {
+            label: t("assignment_title"),
+            fullWidth: true,
+            value: assignment.title,
+            onChange: handleChange("title")
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, {
+            label: t("assignment_description"),
+            fullWidth: true,
+            multiline: true,
+            rows: 3,
+            value: assignment.description,
+            onChange: handleChange("description")
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+            variant: "outlined",
+            color: "primary",
+            sx: {
+              width: "fit-content"
+            },
+            startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Add.default, {}),
+            children: t("add_exercise")
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Card, {
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          padding: 1,
+          boxShadow: 3,
+          width: "50%"
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.CardContent, {
+          sx: {
+            flexGrow: 1,
+            display: "flex",
+            flexDirection: "column",
+            gap: 2
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
+            fullWidth: true,
+            disabled: !assignment.classroom,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
+              id: "students-label",
+              children: t("select_students")
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Select, {
+              labelId: "students-label",
+              id: "students",
+              label: t("select_students"),
+              multiple: true,
+              value: assignment.students,
+              onChange: handleChange("students"),
+              renderValue: selected => studentsInClassroom.filter(student => selected.includes(student.id)).map(s => s.name).join(", "),
+              children: studentsInClassroom.map(student => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
+                value: student.id,
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, {
+                  src: student.userImage,
+                  sx: {
+                    mr: 2
+                  }
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
+                  primary: student.name
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+                  checked: assignment.students.includes(student.id)
+                })]
+              }, student.id))
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LocalizationProvider.LocalizationProvider, {
+            dateAdapter: _AdapterDayjs.AdapterDayjs,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.DatePicker, {
+              label: t("due_date"),
+              value: assignment.dueDate,
+              onChange: date => setAssignment(prev => ({
+                ...prev,
+                dueDate: date
+              }))
+            })
+          })]
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      sx: {
+        position: "fixed",
+        bottom: 0,
+        width: "100%",
+        backgroundColor: "white",
+        boxShadow: "0 -2px 5px rgba(0,0,0,0.1)",
+        p: 2,
+        textAlign: "center",
+        display: "flex",
+        justifyContent: "flex-end"
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+        color: "primary",
+        sx: {
+          marginRight: 2
+        },
+        children: t("cancel")
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ButtonGroup, {
+        variant: "contained",
+        color: "primary",
+        sx: {
+          borderRadius: 10
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+          disabled: !assignment.students.length || !assignment.assignDate || !assignment.dueDate || !assignment.title || !assignment.classroom,
+          children: t("assign")
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+          color: "primary",
+          onClick: handleMenuOpen,
+          sx: {
+            minWidth: "40px",
+            padding: "6px"
+          },
+          disabled: !assignment.students.length || !assignment.assignDate || !assignment.dueDate || !assignment.title || !assignment.classroom,
+          children: anchorEl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowDropUp.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowDropDown.default, {})
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Popover, {
+        anchorEl: anchorEl,
+        open: Boolean(anchorEl),
+        onClose: handleMenuClose,
+        anchorOrigin: {
+          vertical: "top",
+          horizontal: "left"
+        },
+        transformOrigin: {
+          vertical: "bottom",
+          horizontal: "left"
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+          display: "flex",
+          flexDirection: "column",
+          width: "100%",
+          gap: 1,
+          padding: 2,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LocalizationProvider.LocalizationProvider, {
+            dateAdapter: _AdapterDayjs.AdapterDayjs,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.DatePicker, {
+              label: t("assign_date"),
+              value: assignment.assignDate,
+              onChange: date => setAssignment(prev => ({
+                ...prev,
+                assignDate: date
+              }))
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+            variant: "outlined",
+            color: "primary",
+            fullWidth: true,
+            children: t("schedule_assignment")
+          })]
+        })
+      })]
+    }), ";"]
+  });
+}
+CreateAssignmentScreen.propTypes = {
+  t: _propTypes.default.func.isRequired,
+  classrooms: _propTypes.default.array.isRequired,
+  open: _propTypes.default.bool.isRequired,
+  handleClose: _propTypes.default.func.isRequired
+};

package/dist/Dialogs/CreateAssignmentScreen/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "CreateAssignmentScreen",
+    "version": "0.0.0",
+    "private": true,
+    "main": "./CreateAssignmentScreen.js"
+  }
+  

package/dist/Lists/AssignmentCardsList/AssignmentCardsList.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _material = require("@mui/material");
+var _Assignment = _interopRequireDefault(require("../../Cards/Assignment/Assignment"));
+var _Refresh = _interopRequireDefault(require("@mui/icons-material/Refresh"));
+var _teacherCreate = _interopRequireDefault(require("../../img/teacher-create-2.svg"));
+var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AssignmentCardsList = ({
+  t = text => text,
+  assignments = [],
+  isCreator,
+  onRefresh
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+    mt: 3,
+    mb: 1,
+    children: assignments.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        alignItems: "center",
+        sx: {
+          mb: 1
+        },
+        display: "flex",
+        flexDirection: "column",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+          variant: "h5",
+          fontWeight: "bold",
+          sx: {
+            textAlign: "center",
+            flexGrow: 1
+          },
+          children: t("no_assignments")
+        }), !isCreator ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+          sx: {
+            textAlign: "center",
+            mt: 2
+          },
+          children: t("no_assignments_description")
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+          sx: {
+            textAlign: "center",
+            mt: 2
+          },
+          children: t("assignments_description")
+        }), isCreator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+          variant: "contained",
+          color: "primary",
+          sx: {
+            mt: 2,
+            textAlign: "center"
+          },
+          startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Add.default, {}),
+          children: t("create_assignment")
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          sx: {
+            height: "100%",
+            display: "flex",
+            flexGrow: 1,
+            alignItems: "center",
+            justifyContent: "center",
+            maxWidth: "400px",
+            marginRight: "40px",
+            paddingTop: "20px"
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: _teacherCreate.default,
+            alt: "teacher-create"
+          })
+        })]
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        sx: {
+          mb: 2
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+          variant: "h5",
+          children: t("assignments")
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+          placement: "left",
+          title: t("refresh_assignments"),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+            onClick: onRefresh,
+            "aria-label": "refresh",
+            size: "large",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Refresh.default, {})
+          })
+        })]
+      }), assignments.map(assignment => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Assignment.default, {
+        assignment: assignment,
+        t: t,
+        isCreator: isCreator
+      }, assignment.id))]
+    })
+  });
+};
+AssignmentCardsList.propTypes = {
+  t: _propTypes.default.func,
+  assignments: _propTypes.default.array,
+  isCreator: _propTypes.default.bool,
+  onRefresh: _propTypes.default.func
+};
+var _default = exports.default = AssignmentCardsList;

package/dist/Lists/AssignmentCardsList/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "AssignmentCardsList",
+    "version": "0.0.0",
+    "private": true,
+    "main": "./AssignmentCardsList.js"
+  }
+