@local-civics/mgmt-ui 0.1.234 → 0.1.236

package/dist/index.mjs

@@ -603,8 +603,6 @@ const Badge = (props) => {
       iconAccent: "mint",
       imageURL: props.imageURL,
       onBackClick: props.onBackClick,
-      onSecondaryClick: props.onPathwayClick,
-      secondaryLabel: props.pathwayTitle ? "Go to Pathway" : void 0,
       breadcrumb: props.breadcrumb,
       title: props.displayName || "Badge",
       description: props.description,
@@ -3324,7 +3322,19 @@ const Pathway = (props) => {
   const numberOfStudents = props.students.length;
   const numberOfBadgesEarned = numberOfStudents > 0 ? props.students.filter((u) => u.isComplete).length : 0;
   const criteria = props.criteria || {};
-  const criteriaCategories = (props.categories || []).filter((c) => criteria[c.categoryId] !== void 0);
+  const parentById = new Map((props.allCategories || []).map((c) => [c.categoryId, c.parentCategoryId]));
+  const depthOf = (id) => {
+    let depth = 0;
+    let current = id;
+    const seen = /* @__PURE__ */ new Set();
+    while (parentById.get(current) && !seen.has(current)) {
+      seen.add(current);
+      current = parentById.get(current);
+      depth++;
+    }
+    return depth;
+  };
+  const criteriaCategories = (props.categories || []).filter((c) => criteria[c.categoryId] !== void 0).sort((a, b) => depthOf(a.categoryId) - depthOf(b.categoryId));
   const rootCategoryIds = new Set(
     (props.allCategories || []).filter((c) => !c.parentCategoryId).map((c) => c.categoryId)
   );