@local-civics/mgmt-ui 0.1.140 → 0.1.142

package/dist/index.mjs

@@ -1685,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,
@@ -1696,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
+    }
   )))));
 };
 
@@ -3222,7 +3229,7 @@ function Stack(props) {
   if (props.items.length === 0) {
     return null;
   }
-  const rows = props.items.map((row) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Grid.Col, { span: 6 }, /* @__PURE__ */ React.createElement(Text, { component: Link, to: row.href, color: "dark.4", weight: "bold", size: "md" }, row.lessonName)), /* @__PURE__ */ React.createElement(Grid.Col, { span: 6 }, row.completion >= 1 && /* @__PURE__ */ React.createElement(Badge$1, { variant: "filled" }, "Complete"), row.completion === 0 && !row.isStarted && /* @__PURE__ */ React.createElement(Badge$1, { color: "red", variant: "filled" }, "Not started"), row.completion > 0 && row.completion < 1 && /* @__PURE__ */ React.createElement(Badge$1, { color: "violet", variant: "filled" }, Math.round((row.completion + Number.EPSILON) * 100), "% Complete"))));
+  const rows = props.items.map((row) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Grid.Col, { span: 6 }, /* @__PURE__ */ React.createElement(Text, { component: Link, to: row.href, color: "dark.4", weight: "bold", size: "md" }, row.badgeName)), /* @__PURE__ */ React.createElement(Grid.Col, { span: 6 }, row.completion >= 1 && /* @__PURE__ */ React.createElement(Badge$1, { variant: "filled" }, "Complete"), row.completion === 0 && !row.isStarted && /* @__PURE__ */ React.createElement(Badge$1, { color: "red", variant: "filled" }, "Not started"), row.completion > 0 && row.completion < 1 && /* @__PURE__ */ React.createElement(Badge$1, { color: "violet", variant: "filled" }, Math.round((row.completion + Number.EPSILON) * 100), "% Complete"))));
   return /* @__PURE__ */ React.createElement(Grid, { grow: true, gutter: "lg", sx: { padding: 20, minWidth: 700 } }, rows);
 }
 
@@ -3259,7 +3266,7 @@ function Table$1(props) {
         render: (row) => /* @__PURE__ */ React.createElement(React.Fragment, null, !!row.isComplete && /* @__PURE__ */ React.createElement(Badge$1, { variant: "filled" }, "Complete"), !row.isComplete && /* @__PURE__ */ React.createElement(Badge$1, { color: "red", variant: "filled" }, "Incomplete"))
       }],
       rowExpansion: {
-        content: ({ record }) => /* @__PURE__ */ React.createElement(Stack, { items: record.lessons })
+        content: ({ record }) => /* @__PURE__ */ React.createElement(Stack, { items: record.badges })
       }
     }
   ));
@@ -3279,7 +3286,7 @@ function Table(props) {
   }
   const rows = props.items.map((row) => {
     const percentageCompletion = Math.round((row.percentageCompletion + Number.EPSILON) * 100);
-    return /* @__PURE__ */ React.createElement("tr", { key: row.lessonName }, /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement(Text, { component: Link, to: row.href }, row.lessonName)), /* @__PURE__ */ React.createElement("td", null, percentageCompletion, "%"));
+    return /* @__PURE__ */ React.createElement("tr", { key: row.badgeName }, /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement(Text, { component: Link, to: row.href }, row.badgeName)), /* @__PURE__ */ React.createElement("td", null, percentageCompletion, "%"));
   });
   return /* @__PURE__ */ React.createElement(ScrollArea.Autosize, { maxHeight: 600 }, /* @__PURE__ */ React.createElement(Table$k, { verticalSpacing: "sm", sx: { minWidth: 700 }, highlightOnHover: true, striped: true }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", null, "Badge Name"), /* @__PURE__ */ React.createElement("th", null, "Badge Completion"))), /* @__PURE__ */ React.createElement("tbody", null, rows)));
 }
@@ -3343,16 +3350,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.createElement(
+  ), (!!props.trial || tab === "badges") && /* @__PURE__ */ React.createElement(
     Table,
     {
       loading: props.loading,
-      items: props.lessons
+      items: props.badges
     }
   ), !props.trial && tab === "students" && /* @__PURE__ */ React.createElement(
     Table$1,