@local-civics/mgmt-ui 0.1.140 → 0.1.142

package/dist/index.d.ts

@@ -389,8 +389,9 @@ type HomeProps = {
     };
     onDashboardClick: () => void;
     onClassesClick: () => void;
-    onLessonsClick: () => void;
+    onPathwaysClick: () => void;
     onBadgesClick: () => void;
+    onLessonsClick: () => void;
 };
 /**
  * Home
@@ -716,7 +717,7 @@ declare const Pathways: (props: PathwaysProps) => JSX.Element;
  * Item
  */
 interface Item$2 {
-    lessonName: string;
+    badgeName: string;
     completion: number;
     isStarted?: boolean;
     href: string;
@@ -731,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;
 }
@@ -764,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

@@ -1705,9 +1705,9 @@ const Home = (props) => {
   )), /* @__PURE__ */ React__namespace.createElement(core.Grid.Col, null, /* @__PURE__ */ React__namespace.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__namespace.createElement(core.Grid.Col, null, /* @__PURE__ */ React__namespace.createElement(
     CardGradient,
@@ -1716,6 +1716,13 @@ const Home = (props) => {
       description: "Project-sized skills acquisition and standards alignment.",
       onClick: props.onBadgesClick
     }
+  )), /* @__PURE__ */ React__namespace.createElement(core.Grid.Col, null, /* @__PURE__ */ React__namespace.createElement(
+    CardGradient,
+    {
+      title: "Lessons",
+      description: "Explore units of instruction and/or see corresponding class progress.",
+      onClick: props.onLessonsClick
+    }
   )))));
 };
 
@@ -3242,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);
 }
 
@@ -3279,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 })
       }
     }
   ));
@@ -3299,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)));
 }
@@ -3363,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,