@local-civics/mgmt-ui 0.1.200 → 0.1.202

package/dist/index.js

@@ -1155,21 +1155,13 @@ var __spreadValues$c = (a, b) => {
 };
 var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
 function Table$c(props) {
-  console.group("Class Table Data Check");
-  console.log("1. Raw props:", props);
-  console.log("2. Raw items from prop.items:", props.items);
-  if (props.items.length > 0) {
-    console.log("3. Type of lastActivity (first item):", typeof props.items[0].lastActivity, props.items[0].lastActivity);
-  }
   const preparedItems = React__namespace.useMemo(() => {
     return props.items.map((item) => __spreadProps$8(__spreadValues$c({}, item), {
       fullName: item.givenName && item.familyName ? `${item.givenName} ${item.familyName}`.toLowerCase() : item.email.toLowerCase()
     }));
   }, [props.items]);
-  console.log("4. Prepared items (before sort hook):", preparedItems);
   console.groupEnd();
   const { items: sortedItems, requestSort, sortConfig } = useSortableData(preparedItems);
-  console.log("5. Final sorted items:", sortedItems);
   if (props.items.length === 0) {
     return /* @__PURE__ */ React__namespace.createElement(
       PlaceholderBanner,
@@ -1245,12 +1237,6 @@ function Table$c(props) {
           sortable: true,
           render: (row) => row.hasAccount ? /* @__PURE__ */ React__namespace.createElement(icons.IconCheck, { color: "green" }) : null
         },
-        {
-          accessor: "lastActivity",
-          title: "Last Active",
-          sortable: true,
-          render: (row) => row.lastActivity ? relativeTimeFromDates(row.lastActivity) : ""
-        },
         {
           accessor: "actions",
           title: "",
@@ -2592,7 +2578,7 @@ function Table$4(props) {
       onChange: (value) => props.onRoleChange && props.onRoleChange(row, value),
       data: [{ value: "student", label: "Student" }, { value: "educator", label: "Educator" }, { value: "admin", label: "Admin" }]
     }
-  ))), /* @__PURE__ */ React__namespace.createElement("td", null, row.hasAccount && /* @__PURE__ */ React__namespace.createElement(icons.IconCheck, { color: "green" })), /* @__PURE__ */ React__namespace.createElement("td", null, row.numberOfClasses), /* @__PURE__ */ React__namespace.createElement("td", null, row.lastActivity ? relativeTimeFromDates(row.lastActivity) : ""), /* @__PURE__ */ React__namespace.createElement("td", null, /* @__PURE__ */ React__namespace.createElement(core.Group, { noWrap: true, spacing: 0, position: "right" }, !row.readonly && !!props.onDelete && /* @__PURE__ */ React__namespace.createElement(core.ActionIcon, { color: "red" }, /* @__PURE__ */ React__namespace.createElement(icons.IconTrash, { onClick: () => openDeleteModal(row), size: 16, stroke: 1.5 }))))));
+  ))), /* @__PURE__ */ React__namespace.createElement("td", null, row.hasAccount && /* @__PURE__ */ React__namespace.createElement(icons.IconCheck, { color: "green" })), /* @__PURE__ */ React__namespace.createElement("td", null, row.numberOfClasses), /* @__PURE__ */ React__namespace.createElement("td", null, /* @__PURE__ */ React__namespace.createElement(core.Group, { noWrap: true, spacing: 0, position: "right" }, !row.readonly && !!props.onDelete && /* @__PURE__ */ React__namespace.createElement(core.ActionIcon, { color: "red" }, /* @__PURE__ */ React__namespace.createElement(icons.IconTrash, { onClick: () => openDeleteModal(row), size: 16, stroke: 1.5 }))))));
   return /* @__PURE__ */ React__namespace.createElement(core.ScrollArea, null, /* @__PURE__ */ React__namespace.createElement(core.Table, { verticalSpacing: 20, sx: { minWidth: 700 }, highlightOnHover: true, striped: true }, /* @__PURE__ */ React__namespace.createElement("thead", null, /* @__PURE__ */ React__namespace.createElement("tr", null, /* @__PURE__ */ React__namespace.createElement("th", null, "Name"), /* @__PURE__ */ React__namespace.createElement("th", null, "Role"), /* @__PURE__ */ React__namespace.createElement("th", null, "Account Created?"), /* @__PURE__ */ React__namespace.createElement("th", null, "# of Classes"), /* @__PURE__ */ React__namespace.createElement("th", null, "Last Active"), /* @__PURE__ */ React__namespace.createElement("th", null))), /* @__PURE__ */ React__namespace.createElement("tbody", null, rows)));
 }
 
@@ -3811,22 +3797,6 @@ const SplitButton = (props) => {
   const { classes, theme } = useStyles$1();
   theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
   return /* @__PURE__ */ React__namespace.createElement(core.Stack, { spacing: "sm" }, /* @__PURE__ */ React__namespace.createElement(
-    core.Button,
-    {
-      component: reactRouterDom.Link,
-      to: props.href,
-      className: classes.button,
-      variant: "gradient"
-    },
-    "Preview"
-  ), /* @__PURE__ */ React__namespace.createElement(
-    core.Button,
-    {
-      leftIcon: /* @__PURE__ */ React__namespace.createElement(icons.IconClipboardCopy, { size: 14 }),
-      onClick: props.onCopyLinkClick
-    },
-    "Copy link"
-  ), /* @__PURE__ */ React__namespace.createElement(
     core.Button,
     {
       leftIcon: /* @__PURE__ */ React__namespace.createElement(icons.IconTableExport, { size: 14 }),
@@ -4005,25 +3975,41 @@ const useStyles = core.createStyles((theme) => ({
 }));
 const BadgeTable = ({ badges, students, loading }) => {
   const { byBadge } = useFilteredStudents(students);
-  return /* @__PURE__ */ React__namespace.createElement(core.Accordion, null, badges.map((b) => /* @__PURE__ */ React__namespace.createElement(core.Accordion.Item, { key: b.badgeId, value: b.badgeId }, /* @__PURE__ */ React__namespace.createElement(core.Accordion.Control, null, b.displayName), /* @__PURE__ */ React__namespace.createElement(core.Accordion.Panel, null, /* @__PURE__ */ React__namespace.createElement(
-    Table,
-    {
-      loading,
-      items: byBadge(b.badgeId),
-      hideBadge: true
-    }
-  )))));
+  const countFiles = (students2) => students2.reduce((acc, s) => {
+    var _a;
+    return acc + (((_a = s.submissions) == null ? void 0 : _a.length) || 0);
+  }, 0);
+  return /* @__PURE__ */ React__namespace.createElement(core.Accordion, null, badges.map((b) => {
+    const studentsForBadge = byBadge(b.badgeId);
+    const fileCount = countFiles(studentsForBadge);
+    return /* @__PURE__ */ React__namespace.createElement(core.Accordion.Item, { key: b.badgeId, value: b.badgeId }, /* @__PURE__ */ React__namespace.createElement(core.Accordion.Control, null, /* @__PURE__ */ React__namespace.createElement(core.Group, { position: "apart", w: "100%" }, /* @__PURE__ */ React__namespace.createElement(core.Text, null, b.displayName), /* @__PURE__ */ React__namespace.createElement(core.Badge, { size: "sm" }, fileCount))), /* @__PURE__ */ React__namespace.createElement(core.Accordion.Panel, null, /* @__PURE__ */ React__namespace.createElement(
+      Table,
+      {
+        loading,
+        items: studentsForBadge,
+        hideBadge: true
+      }
+    )));
+  }));
 };
 const LessonTableWrapper = ({ lessons, students, loading }) => {
   const { byLesson } = useFilteredStudents(students);
-  return /* @__PURE__ */ React__namespace.createElement(core.Accordion, null, lessons.map((l) => /* @__PURE__ */ React__namespace.createElement(core.Accordion.Item, { key: l.lessonId, value: l.lessonId }, /* @__PURE__ */ React__namespace.createElement(core.Accordion.Control, null, l.lessonName), /* @__PURE__ */ React__namespace.createElement(core.Accordion.Panel, null, /* @__PURE__ */ React__namespace.createElement(
-    Table,
-    {
-      loading,
-      items: byLesson(l.lessonName),
-      hideLesson: true
-    }
-  )))));
+  const countFiles = (students2) => students2.reduce((acc, s) => {
+    var _a;
+    return acc + (((_a = s.submissions) == null ? void 0 : _a.length) || 0);
+  }, 0);
+  return /* @__PURE__ */ React__namespace.createElement(core.Accordion, null, lessons.map((l) => {
+    const studentsForLesson = byLesson(l.lessonName);
+    const fileCount = countFiles(studentsForLesson);
+    return /* @__PURE__ */ React__namespace.createElement(core.Accordion.Item, { key: l.lessonId, value: l.lessonId }, /* @__PURE__ */ React__namespace.createElement(core.Accordion.Control, null, /* @__PURE__ */ React__namespace.createElement(core.Group, { position: "apart", w: "100%" }, /* @__PURE__ */ React__namespace.createElement(core.Text, null, l.lessonName), /* @__PURE__ */ React__namespace.createElement(core.Badge, { size: "sm" }, fileCount))), /* @__PURE__ */ React__namespace.createElement(core.Accordion.Panel, null, /* @__PURE__ */ React__namespace.createElement(
+      Table,
+      {
+        loading,
+        items: studentsForLesson,
+        hideLesson: true
+      }
+    )));
+  }));
 };
 const PathwayTable = ({
   pathways,
@@ -4032,13 +4018,21 @@ const PathwayTable = ({
   loading
 }) => {
   const { byPathway } = useFilteredStudents(students);
-  return /* @__PURE__ */ React__namespace.createElement(core.Accordion, null, pathways.map((p) => /* @__PURE__ */ React__namespace.createElement(core.Accordion.Item, { key: p.pathwayId, value: p.pathwayId }, /* @__PURE__ */ React__namespace.createElement(core.Accordion.Control, null, /* @__PURE__ */ React__namespace.createElement("strong", null, p.title), /* @__PURE__ */ React__namespace.createElement("div", null, p.description)), /* @__PURE__ */ React__namespace.createElement(core.Accordion.Panel, null, /* @__PURE__ */ React__namespace.createElement(
-    Table,
-    {
-      loading,
-      items: byPathway(p.pathwayId, badges)
-    }
-  )))));
+  const countFiles = (students2) => students2.reduce((acc, s) => {
+    var _a;
+    return acc + (((_a = s.submissions) == null ? void 0 : _a.length) || 0);
+  }, 0);
+  return /* @__PURE__ */ React__namespace.createElement(core.Accordion, null, pathways.map((p) => {
+    const studentsForPathway = byPathway(p.pathwayId, badges);
+    const fileCount = countFiles(studentsForPathway);
+    return /* @__PURE__ */ React__namespace.createElement(core.Accordion.Item, { key: p.pathwayId, value: p.pathwayId }, /* @__PURE__ */ React__namespace.createElement(core.Accordion.Control, null, /* @__PURE__ */ React__namespace.createElement(core.Group, { position: "apart", w: "100%" }, /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("strong", null, p.title), /* @__PURE__ */ React__namespace.createElement("div", null, p.description)), /* @__PURE__ */ React__namespace.createElement(core.Badge, { size: "sm" }, fileCount))), /* @__PURE__ */ React__namespace.createElement(core.Accordion.Panel, null, /* @__PURE__ */ React__namespace.createElement(
+      Table,
+      {
+        loading,
+        items: studentsForPathway
+      }
+    )));
+  }));
 };
 const FileLocker = (props) => {
   const { classes } = useStyles();