@local-civics/hub-ui 0.1.210 → 0.1.211

package/dist/index.d.ts

@@ -166,7 +166,7 @@ type BadgeActivityProps = {
 /**
  * CriterionProps
  */
-type CriterionProps$1 = {
+type CriterionProps$2 = {
     criterionId?: string;
     displayName?: string;
     namespace?: string;
@@ -183,7 +183,7 @@ type BadgeCardProps = {
     imageURL?: string;
     level?: number;
     summary?: string;
-    criteria?: CriterionProps$1[];
+    criteria?: CriterionProps$2[];
     choices?: BadgeActivityProps[];
     canSubmit?: boolean;
     finishedAt?: string;
@@ -214,7 +214,7 @@ declare const Badge: (props: BadgeProps) => JSX.Element;
 /**
  * CriterionProps
  */
-type CriterionProps = {
+type CriterionProps$1 = {
     criterionId?: string;
     displayName?: string;
     namespace?: string;
@@ -225,7 +225,7 @@ type CriterionProps = {
  * BadgeActivityMenuProps
  */
 type BadgeActivityMenuProps = {
-    criteria?: CriterionProps[];
+    criteria?: CriterionProps$1[];
     onBack?: () => void;
 };
 /**
@@ -274,6 +274,65 @@ type BadgeSuccessDialogProps = {
  */
 declare const BadgeSuccessDialog: (props: BadgeSuccessDialogProps) => JSX.Element;
 
+/**
+ * BadgesListProps
+ */
+type BadgesListProps = {
+    badges: BadgeProps[];
+    isLoading?: boolean;
+    list?: boolean;
+    onToggleLayout?: (next: boolean) => void;
+};
+/**
+ * The full-page "My Badges" grid — the expanded sibling of the Home page's `BadgesCard` widget.
+ * Purely presentational, same as `BadgesCard`: each card's `onOpen` (already supplied by
+ * `useBadges` in the hub app) is expected to navigate to the existing badge detail page, which
+ * already drills into the existing lesson page — this component only needs to get the grid right.
+ * Grid/list toggle mirrors `PathwaysCard`/`BadgesCard`'s existing controlled/uncontrolled `list`
+ * prop pattern. List rows omit the mockup's progress bar and points figure — both are sourced
+ * from lesson-level data that isn't available at this list's data granularity.
+ * @param props
+ * @constructor
+ */
+declare const BadgesList: (props: BadgesListProps) => JSX.Element;
+
+/**
+ * CriterionProps
+ */
+type CriterionProps = {
+    criterionId?: string;
+    displayName?: string;
+    namespace?: string;
+    options?: BadgeActivityProps[];
+};
+/**
+ * BadgeDetailProps
+ */
+type BadgeDetailProps = {
+    icon?: IconName$1;
+    iconURL?: string;
+    imageURL?: string;
+    displayName?: string;
+    level?: number;
+    summary?: string;
+    criteria?: CriterionProps[];
+    choices?: BadgeActivityProps[];
+    canSubmit?: boolean;
+    finishedAt?: string;
+    onBack?: () => void;
+    onSubmit?: () => void;
+};
+/**
+ * The full-page single-badge detail — the mockup's "Badge Detail" screen. Data-wiring (criteria/
+ * choice cross-reference, Start/Continue/Review button state, Submit gating) mirrors the existing
+ * `BadgeCard` verbatim; only the markup/styling is new. Each criterion row's button reuses
+ * `choice.onClick`, already wired (in the hub app's `useBadge`/`withLessons`) to navigate to the
+ * matching lesson — this component doesn't need to know about that.
+ * @param props
+ * @constructor
+ */
+declare const BadgeDetail: (props: BadgeDetailProps) => JSX.Element;
+
 /**
  * List of icons available
  */
@@ -812,7 +871,7 @@ type ProgressProps = {
     start: number;
     end: number;
     rounded?: boolean;
-    color?: "green" | "sky-blue";
+    color?: "green" | "sky-blue" | "mint" | "gold";
 };
 /**
  * A component for displaying progress.
@@ -1090,6 +1149,69 @@ type PathwayButtonProps = {
 };
 declare const PathwayButton: (props: PathwayButtonProps) => JSX.Element;
 
+/**
+ * A single pathway as rendered by the dashboard - the same shape `PathwaySection` already
+ * consumes (see `usePathways` in the hub app), so this is a drop-in replacement for the data.
+ */
+type PathwayItem = PathwayCardProps & {
+    pathwayId?: string;
+    onClick?: () => void;
+};
+/**
+ * PathwaysCardProps
+ */
+type PathwaysCardProps = {
+    pathways: PathwayItem[];
+    isLoading?: boolean;
+    list?: boolean;
+    onToggleLayout?: (next: boolean) => void;
+};
+/**
+ * The student dashboard's "My Pathways & Seals" card - a presentational replacement for
+ * `PathwaySection` scoped to the Home page. Keeps the same list/grid-toggle behavior; the
+ * in-progress/completed/available/locked grouping isn't reproduced because `PathwaySection`'s
+ * own grouping is currently stubbed (everything lands in "in progress"), so a flat grid is
+ * behaviorally equivalent to what ships today.
+ * @param props
+ * @constructor
+ */
+declare const PathwaysCard: (props: PathwaysCardProps) => JSX.Element;
+
+/**
+ * PathwaysListProps
+ */
+type PathwaysListProps = {
+    pathways: PathwayItem[];
+};
+/**
+ * The full-page "My Pathways & Seals" list — the expanded, grid-of-large-cards sibling of the
+ * Home page's `PathwaysCard` widget. Purely presentational, same as `PathwaysCard`: each card's
+ * `onClick` (already supplied by `usePathways` in the hub app) is expected to navigate to the
+ * existing pathway detail page, not open an in-page detail view.
+ * @param props
+ * @constructor
+ */
+declare const PathwaysList: (props: PathwaysListProps) => JSX.Element;
+
+/**
+ * PathwayDetailProps
+ */
+type PathwayDetailProps = PathwayCardProps & {
+    onBack?: () => void;
+};
+/**
+ * The full-page single-pathway detail — the mockup's "Pathway Detail" screen. Data-wiring
+ * (category progress/filter, badge checklist Start/Continue/Review state) mirrors the existing
+ * `PathwayOverview` verbatim; only the markup/styling is new. Each badge row's button reuses the
+ * badge's own `onClick`, already wired (in the hub app's `usePathway`/`withBadges`) to navigate to
+ * the matching badge detail page — this component doesn't need to know about that.
+ * @param props
+ * @constructor
+ */
+declare const PathwayDetail: (props: PathwayDetailProps) => JSX.Element;
+
+declare const PathwayTranscript: (props: PathwayCardProps) => JSX.Element;
+
 /**
  * The accent cycled across dashboard pills.
  */
@@ -1167,34 +1289,6 @@ type ProfileHeroCardProps = {
  */
 declare const ProfileHeroCard: (props: ProfileHeroCardProps) => JSX.Element;
 
-/**
- * A single pathway as rendered by the dashboard - the same shape `PathwaySection` already
- * consumes (see `usePathways` in the hub app), so this is a drop-in replacement for the data.
- */
-type PathwayItem = PathwayCardProps & {
-    pathwayId?: string;
-    onClick?: () => void;
-};
-/**
- * PathwaysCardProps
- */
-type PathwaysCardProps = {
-    pathways: PathwayItem[];
-    isLoading?: boolean;
-    list?: boolean;
-    onToggleLayout?: (next: boolean) => void;
-};
-/**
- * The student dashboard's "My Pathways & Seals" card - a presentational replacement for
- * `PathwaySection` scoped to the Home page. Keeps the same list/grid-toggle behavior; the
- * in-progress/completed/available/locked grouping isn't reproduced because `PathwaySection`'s
- * own grouping is currently stubbed (everything lands in "in progress"), so a flat grid is
- * behaviorally equivalent to what ships today.
- * @param props
- * @constructor
- */
-declare const PathwaysCard: (props: PathwaysCardProps) => JSX.Element;
-
 /**
  * BadgesCardProps
  */
@@ -1339,4 +1433,4 @@ type HomeLayoutProps = {
  */
 declare const HomeLayout: (props: HomeLayoutProps) => JSX.Element;
 
-export { AboutWidget, AboutWidgetProps, AchievementWidget, AchievementWidgetProps, ActivityCard, ActivityCardProps, ActivityItem, ActivityItemProps, ActivityList, ActivityListProps, ActivityReflection, ActivityReflectionProps, AuthLayout, AuthLayoutProps, Badge, BadgeActivityMenu, BadgeActivityMenuProps, BadgeFilterOption, BadgeProps, BadgeSection, BadgeSectionProps, BadgeSuccessDialog, BadgeSuccessDialogProps, BadgesCard, BadgesCardProps, Board, BoardProps, Button, ButtonBorder, ButtonColor, ButtonFilter, ButtonJustify, ButtonProps, ButtonSize, ButtonSpacing, ButtonTheme, Card, CardProps, CtaListProps, DashboardShell, DashboardShellProps, DashboardSidebar, DashboardSidebarIdentity, DashboardSidebarLinks, DashboardSidebarProps, DashboardSidebarTabName, DashboardTopBar, DashboardTopBarProps, DateSelection, DateSelectionProps, DaySelectionOptionProps, EventItem, EventItemProps, EventList, EventListProps, Footer, Home, HomeLayout, HomeLayoutProps, Icon, IconName, IconProps, ImpactWidget, ImpactWidgetProps, LearningForm, LearningFormProps, Loader, LoaderProps, LogServiceButton, LogServiceButtonProps, Logo, Modal, ModalProps, NavBar, NavBarProps, NavLink, NavLinkName, NavLinkProps, NotFound, NotFoundProps, Onboarding, OnboardingProps, Overlay, OverlayProps, Pathway, PathwayButton, PathwayButtonProps, PathwayFilter, PathwayFilterOption, PathwayFilterProps, PathwayItem, PathwayProgress, PathwayProgressHeight, PathwayProgressProps, PathwayProps, PathwaySection, PathwaySectionProps, PathwayWidget, PathwayWidgetProps, PathwaysCard, PathwaysCardProps, Pill, PillAccent, PillProps, ProfileHeroCard, ProfileHeroCardProps, ProfileWidget, Progress, ProgressProps, ResidentWidgetProps, Search, SearchButton, SearchButtonProps, SearchProps, SearchResult, SearchResultProps, SettingsCard, SettingsCardProps, StatTile, StatTileAccent, StatTileProps, StatTileRow, StatTileRowProps, Stopwatch, StopwatchProps, Tab, TabProps, TagFilter, TagFilterProps, TaskItem, TaskItemProps, TaskList, TaskListProps, Widget, WidgetBody, WidgetBodyProps, WidgetHeader, WidgetHeaderLink, WidgetHeaderLinkProps, WidgetHeaderProps, WidgetProps, WidgetTitle, WidgetTitleProps };
+export { AboutWidget, AboutWidgetProps, AchievementWidget, AchievementWidgetProps, ActivityCard, ActivityCardProps, ActivityItem, ActivityItemProps, ActivityList, ActivityListProps, ActivityReflection, ActivityReflectionProps, AuthLayout, AuthLayoutProps, Badge, BadgeActivityMenu, BadgeActivityMenuProps, BadgeDetail, BadgeDetailProps, BadgeFilterOption, BadgeProps, BadgeSection, BadgeSectionProps, BadgeSuccessDialog, BadgeSuccessDialogProps, BadgesCard, BadgesCardProps, BadgesList, BadgesListProps, Board, BoardProps, Button, ButtonBorder, ButtonColor, ButtonFilter, ButtonJustify, ButtonProps, ButtonSize, ButtonSpacing, ButtonTheme, Card, CardProps, CtaListProps, DashboardShell, DashboardShellProps, DashboardSidebar, DashboardSidebarIdentity, DashboardSidebarLinks, DashboardSidebarProps, DashboardSidebarTabName, DashboardTopBar, DashboardTopBarProps, DateSelection, DateSelectionProps, DaySelectionOptionProps, EventItem, EventItemProps, EventList, EventListProps, Footer, Home, HomeLayout, HomeLayoutProps, Icon, IconName, IconProps, ImpactWidget, ImpactWidgetProps, LearningForm, LearningFormProps, Loader, LoaderProps, LogServiceButton, LogServiceButtonProps, Logo, Modal, ModalProps, NavBar, NavBarProps, NavLink, NavLinkName, NavLinkProps, NotFound, NotFoundProps, Onboarding, OnboardingProps, Overlay, OverlayProps, Pathway, PathwayButton, PathwayButtonProps, PathwayDetail, PathwayDetailProps, PathwayFilter, PathwayFilterOption, PathwayFilterProps, PathwayItem, PathwayProgress, PathwayProgressHeight, PathwayProgressProps, PathwayProps, PathwaySection, PathwaySectionProps, PathwayTranscript, PathwayWidget, PathwayWidgetProps, PathwaysCard, PathwaysCardProps, PathwaysList, PathwaysListProps, Pill, PillAccent, PillProps, ProfileHeroCard, ProfileHeroCardProps, ProfileWidget, Progress, ProgressProps, ResidentWidgetProps, Search, SearchButton, SearchButtonProps, SearchProps, SearchResult, SearchResultProps, SettingsCard, SettingsCardProps, StatTile, StatTileAccent, StatTileProps, StatTileRow, StatTileRowProps, Stopwatch, StopwatchProps, Tab, TabProps, TagFilter, TagFilterProps, TaskItem, TaskItemProps, TaskList, TaskListProps, Widget, WidgetBody, WidgetBodyProps, WidgetHeader, WidgetHeaderLink, WidgetHeaderLinkProps, WidgetHeaderProps, WidgetProps, WidgetTitle, WidgetTitleProps };