@local-civics/mgmt-ui 0.1.139 → 0.1.141

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useState } from 'react';
 import { createStyles, Group, Avatar, Text, Box, Badge as Badge$1, ThemeIcon, Collapse, Navbar as Navbar$1, Center, Image, Code, Burger, ScrollArea, Modal, Loader, Container, Button, Title, UnstyledButton, Card, SimpleGrid, Tabs as Tabs$1, Menu, ActionIcon, Grid, Table as Table$k, Stack as Stack$4, LoadingOverlay, Select, Autocomplete, Drawer, Divider, TextInput, Tooltip, Paper, Overlay, Anchor, Checkbox, createEmotionCache, MantineProvider, AppShell } from '@mantine/core';
-import { IconChevronRight, IconChevronLeft, IconVideo, IconSwitchHorizontal, IconLogout, IconHome2, IconGauge, IconCategory2, IconAlbum, IconLambda, IconBuilding, IconBatteryEco, IconBooks, IconBackpack, IconChevronDown, IconClipboardCopy, IconTableExport, IconArrowLeft, IconPlaylistAdd, IconCheck, IconTrash, IconDownload, IconX, IconCloudUpload, IconInfoCircle, IconColorSwatch, IconPointer, IconScribble, IconSchool, IconPodium, IconBriefcase, IconPresentation, IconNews, IconTools, IconBrandInstagram, IconBrandLinkedin, IconBrandFacebook } from '@tabler/icons';
+import { IconChevronRight, IconChevronLeft, IconVideo, IconSwitchHorizontal, IconLogout, IconHome2, IconGauge, IconCategory2, IconRoute, IconAlbum, IconLambda, IconBuilding, IconBatteryEco, IconBooks, IconBackpack, IconChevronDown, IconClipboardCopy, IconTableExport, IconArrowLeft, IconPlaylistAdd, IconCheck, IconTrash, IconDownload, IconX, IconCloudUpload, IconInfoCircle, IconColorSwatch, IconPointer, IconScribble, IconSchool, IconPodium, IconBriefcase, IconPresentation, IconNews, IconTools, IconBrandInstagram, IconBrandLinkedin, IconBrandFacebook } from '@tabler/icons';
 import { Link } from 'react-router-dom';
 import { NotificationsProvider } from '@mantine/notifications';
 export { showNotification, updateNotification } from '@mantine/notifications';
@@ -263,6 +263,7 @@ const data = [
   { label: "Home", icon: IconHome2 },
   { label: "Dashboard", icon: IconGauge },
   { label: "Classes", icon: IconCategory2 },
+  { label: "Pathways", icon: IconRoute },
   { label: "Badges", icon: IconAlbum },
   { label: "Lessons", icon: IconLambda },
   {
@@ -1684,9 +1685,9 @@ const Home = (props) => {
   )), /* @__PURE__ */ React.createElement(Grid.Col, null, /* @__PURE__ */ React.createElement(
     CardGradient,
     {
-      title: "Lessons",
-      description: "Explore units of instruction and/or see corresponding class progress.",
-      onClick: props.onLessonsClick
+      title: "Pathways",
+      description: "Curated learning experiences for skill-building.",
+      onClick: props.onPathwaysClick
     }
   )), /* @__PURE__ */ React.createElement(Grid.Col, null, /* @__PURE__ */ React.createElement(
     CardGradient,
@@ -1695,6 +1696,13 @@ const Home = (props) => {
       description: "Project-sized skills acquisition and standards alignment.",
       onClick: props.onBadgesClick
     }
+  )), /* @__PURE__ */ React.createElement(Grid.Col, null, /* @__PURE__ */ React.createElement(
+    CardGradient,
+    {
+      title: "Lessons",
+      description: "Explore units of instruction and/or see corresponding class progress.",
+      onClick: props.onLessonsClick
+    }
   )))));
 };
 
@@ -3299,7 +3307,8 @@ const Pathway = (props) => {
   const { classes } = useStyles();
   const [tab, setTab] = useState("lessons");
   const numberOfStudents = props.students.length;
-  const percentageOfBadgesEarned = numberOfStudents > 0 ? props.students.filter((u) => u.isComplete).length / numberOfStudents : 0;
+  numberOfStudents > 0 ? props.students.filter((u) => u.isComplete).length / numberOfStudents : 0;
+  const numberOfBadgesEarned = numberOfStudents > 0 ? props.students.filter((u) => u.isComplete).length : 0;
   return /* @__PURE__ */ React.createElement(Container, { size: "lg", py: "xl" }, /* @__PURE__ */ React.createElement(Stack$4, { spacing: "md" }, /* @__PURE__ */ React.createElement(Grid, null, /* @__PURE__ */ React.createElement(Grid.Col, { sm: "auto" }, /* @__PURE__ */ React.createElement(UnstyledButton, { onClick: props.onBackClick }, /* @__PURE__ */ React.createElement(
     Badge$1,
     {
@@ -3308,7 +3317,7 @@ const Pathway = (props) => {
       size: "lg"
     },
     "Back"
-  )), /* @__PURE__ */ React.createElement(Group, null, /* @__PURE__ */ React.createElement(Stack$4, { spacing: 0 }, /* @__PURE__ */ React.createElement(Title, { order: 2, className: classes.title, mt: "md" }, props.displayName || "Badge"), /* @__PURE__ */ React.createElement(Text, { color: "dimmed", className: classes.description, mt: "sm" }, props.description || "No description")), !props.trial && /* @__PURE__ */ React.createElement(Stack$4, { ml: "auto" }, /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React.createElement(Group, null, /* @__PURE__ */ React.createElement(Stack$4, { spacing: 0 }, /* @__PURE__ */ React.createElement(Title, { order: 2, className: classes.title, mt: "md" }, props.title || "Pathway"), /* @__PURE__ */ React.createElement(Text, { color: "dimmed", className: classes.description, mt: "sm" }, props.description || "No description")), !props.trial && /* @__PURE__ */ React.createElement(Stack$4, { ml: "auto" }, /* @__PURE__ */ React.createElement(
     SplitButton,
     {
       href: props.href,
@@ -3318,8 +3327,8 @@ const Pathway = (props) => {
   ))))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ React.createElement(LoadingOverlay, { visible: props.loading, overlayBlur: 2 }), /* @__PURE__ */ React.createElement(Stack$4, null, /* @__PURE__ */ React.createElement(StatsGroup, { data: [
     {
       title: props.trial ? "BADGES SUBMITTED" : "PATHWAY COMPLETION",
-      value: props.trial ? props.lessonsCompleted || 0 : percentageOfBadgesEarned,
-      unit: props.trial ? "" : "%"
+      value: props.trial ? 0 : numberOfBadgesEarned,
+      unit: props.trial ? "" : ""
     }
   ] }), !props.trial && /* @__PURE__ */ React.createElement(
     Select,