@local-civics/mgmt-ui 0.1.141 → 0.1.143

package/dist/index.d.ts

@@ -717,7 +717,7 @@ declare const Pathways: (props: PathwaysProps) => JSX.Element;
  * Item
  */
 interface Item$2 {
-    lessonName: string;
+    badgeName: string;
     completion: number;
     isStarted?: boolean;
     href: string;
@@ -732,15 +732,15 @@ interface Item$1 {
     name: string;
     email: string;
     isComplete?: boolean;
-    lessons: Item$2[];
+    badges: Item$2[];
 }
 
 /**
  * Item
  */
 interface Item {
-    lessonId: string;
-    lessonName: string;
+    badgeId: string;
+    badgeName: string;
     percentageCompletion: number;
     href: string;
 }
@@ -765,12 +765,12 @@ type PathwayProps = {
     title: string;
     description: string;
     classes: PathwayClass[];
-    lessons: Item[];
+    badges: Item[];
     classId: string;
     students: PathwayUserItem[];
     href: string;
     trial?: boolean;
-    lessonsCompleted?: number;
+    badgesCompleted?: number;
     onBackClick: () => void;
     onClassChange: (classId: string) => void;
     onCopyLinkClick: () => void;

package/dist/index.js

@@ -3249,7 +3249,7 @@ function Stack(props) {
   if (props.items.length === 0) {
     return null;
   }
-  const rows = props.items.map((row) => /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(core.Grid.Col, { span: 6 }, /* @__PURE__ */ React__namespace.createElement(core.Text, { component: reactRouterDom.Link, to: row.href, color: "dark.4", weight: "bold", size: "md" }, row.lessonName)), /* @__PURE__ */ React__namespace.createElement(core.Grid.Col, { span: 6 }, row.completion >= 1 && /* @__PURE__ */ React__namespace.createElement(core.Badge, { variant: "filled" }, "Complete"), row.completion === 0 && !row.isStarted && /* @__PURE__ */ React__namespace.createElement(core.Badge, { color: "red", variant: "filled" }, "Not started"), row.completion > 0 && row.completion < 1 && /* @__PURE__ */ React__namespace.createElement(core.Badge, { color: "violet", variant: "filled" }, Math.round((row.completion + Number.EPSILON) * 100), "% Complete"))));
+  const rows = props.items.map((row) => /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(core.Grid.Col, { span: 6 }, /* @__PURE__ */ React__namespace.createElement(core.Text, { component: reactRouterDom.Link, to: row.href, color: "dark.4", weight: "bold", size: "md" }, row.badgeName)), /* @__PURE__ */ React__namespace.createElement(core.Grid.Col, { span: 6 }, row.completion >= 1 && /* @__PURE__ */ React__namespace.createElement(core.Badge, { variant: "filled" }, "Complete"), row.completion === 0 && !row.isStarted && /* @__PURE__ */ React__namespace.createElement(core.Badge, { color: "red", variant: "filled" }, "Not started"), row.completion > 0 && row.completion < 1 && /* @__PURE__ */ React__namespace.createElement(core.Badge, { color: "violet", variant: "filled" }, Math.round((row.completion + Number.EPSILON) * 100), "% Complete"))));
   return /* @__PURE__ */ React__namespace.createElement(core.Grid, { grow: true, gutter: "lg", sx: { padding: 20, minWidth: 700 } }, rows);
 }
 
@@ -3286,7 +3286,7 @@ function Table$1(props) {
         render: (row) => /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, !!row.isComplete && /* @__PURE__ */ React__namespace.createElement(core.Badge, { variant: "filled" }, "Complete"), !row.isComplete && /* @__PURE__ */ React__namespace.createElement(core.Badge, { color: "red", variant: "filled" }, "Incomplete"))
       }],
       rowExpansion: {
-        content: ({ record }) => /* @__PURE__ */ React__namespace.createElement(Stack, { items: record.lessons })
+        content: ({ record }) => /* @__PURE__ */ React__namespace.createElement(Stack, { items: record.badges })
       }
     }
   ));
@@ -3306,7 +3306,7 @@ function Table(props) {
   }
   const rows = props.items.map((row) => {
     const percentageCompletion = Math.round((row.percentageCompletion + Number.EPSILON) * 100);
-    return /* @__PURE__ */ React__namespace.createElement("tr", { key: row.lessonName }, /* @__PURE__ */ React__namespace.createElement("td", null, /* @__PURE__ */ React__namespace.createElement(core.Text, { component: reactRouterDom.Link, to: row.href }, row.lessonName)), /* @__PURE__ */ React__namespace.createElement("td", null, percentageCompletion, "%"));
+    return /* @__PURE__ */ React__namespace.createElement("tr", { key: row.badgeName }, /* @__PURE__ */ React__namespace.createElement("td", null, /* @__PURE__ */ React__namespace.createElement(core.Text, { component: reactRouterDom.Link, to: row.href }, row.badgeName)), /* @__PURE__ */ React__namespace.createElement("td", null, percentageCompletion, "%"));
   });
   return /* @__PURE__ */ React__namespace.createElement(core.ScrollArea.Autosize, { maxHeight: 600 }, /* @__PURE__ */ React__namespace.createElement(core.Table, { verticalSpacing: "sm", 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, "Badge Name"), /* @__PURE__ */ React__namespace.createElement("th", null, "Badge Completion"))), /* @__PURE__ */ React__namespace.createElement("tbody", null, rows)));
 }
@@ -3325,7 +3325,7 @@ const useStyles = core.createStyles((theme) => ({
 }));
 const Pathway = (props) => {
   const { classes } = useStyles();
-  const [tab, setTab] = React.useState("lessons");
+  const [tab, setTab] = React.useState("badges");
   const numberOfStudents = props.students.length;
   numberOfStudents > 0 ? props.students.filter((u) => u.isComplete).length / numberOfStudents : 0;
   const numberOfBadgesEarned = numberOfStudents > 0 ? props.students.filter((u) => u.isComplete).length : 0;
@@ -3370,16 +3370,16 @@ const Pathway = (props) => {
     {
       value: tab,
       data: [
-        { label: "By Badge", value: "lessons" },
+        { label: "By Badge", value: "badges" },
         { label: "By student", value: "students" }
       ],
       onChange: setTab
     }
-  ), (!!props.trial || tab === "lessons") && /* @__PURE__ */ React__namespace.createElement(
+  ), (!!props.trial || tab === "badges") && /* @__PURE__ */ React__namespace.createElement(
     Table,
     {
       loading: props.loading,
-      items: props.lessons
+      items: props.badges
     }
   ), !props.trial && tab === "students" && /* @__PURE__ */ React__namespace.createElement(
     Table$1,