@local-civics/hub-ui 0.1.244 → 0.1.245

package/dist/index.d.ts

@@ -1648,6 +1648,28 @@ type SubmissionReviewHeaderProps = {
  */
 declare const SubmissionReviewHeader: (props: SubmissionReviewHeaderProps) => JSX.Element | null;
 
+/**
+ * SubmissionQueueNavProps
+ */
+type SubmissionQueueNavProps = {
+    index: number;
+    total: number;
+    onPrevious?: () => void;
+    onNext?: () => void;
+    label?: string;
+};
+/**
+ * A Prev/Next strip letting an educator step through the same batch of students they were already
+ * looking at (a class roster, a badge/lesson's own "By student" table, a Comment/Validation Center
+ * filter) without leaving StudentBadge/StudentLesson and going back to that table for every
+ * student. The batch itself travels as a `queue` on React Router's own `location.state` (see
+ * navigationTrail.ts) - this component only renders the current position within it and fires
+ * Prev/Next, it has no idea where the queue came from.
+ * @param props
+ * @constructor
+ */
+declare const SubmissionQueueNav: (props: SubmissionQueueNavProps) => JSX.Element | null;
+
 /**
  * AuthLayoutProps
  */
@@ -1695,4 +1717,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, 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, Comments, CommentsItem, CommentsProps, CtaListProps, DashboardShell, DashboardShellProps, DashboardSidebar, DashboardSidebarIdentity, DashboardSidebarLinks, DashboardSidebarProps, DashboardSidebarTabName, DashboardTopBar, DashboardTopBarBreadcrumbSegment, DashboardTopBarProps, DateSelection, DateSelectionProps, DaySelectionOptionProps, EventItem, EventItemProps, EventList, EventListProps, FileList, FileListItem, FileListProps, FileLocker, FileLockerBadge, FileLockerPathway, FileLockerProps, Footer, FooterProps, 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, SortableHeader, SortableHeaderProps, StatTile, StatTileAccent, StatTileProps, StatTileRow, StatTileRowProps, Stopwatch, StopwatchProps, SubmissionItem, SubmissionReviewHeader, SubmissionReviewHeaderProps, 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, Comments, CommentsItem, CommentsProps, CtaListProps, DashboardShell, DashboardShellProps, DashboardSidebar, DashboardSidebarIdentity, DashboardSidebarLinks, DashboardSidebarProps, DashboardSidebarTabName, DashboardTopBar, DashboardTopBarBreadcrumbSegment, DashboardTopBarProps, DateSelection, DateSelectionProps, DaySelectionOptionProps, EventItem, EventItemProps, EventList, EventListProps, FileList, FileListItem, FileListProps, FileLocker, FileLockerBadge, FileLockerPathway, FileLockerProps, Footer, FooterProps, 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, SortableHeader, SortableHeaderProps, StatTile, StatTileAccent, StatTileProps, StatTileRow, StatTileRowProps, Stopwatch, StopwatchProps, SubmissionItem, SubmissionQueueNav, SubmissionQueueNavProps, SubmissionReviewHeader, SubmissionReviewHeaderProps, Tab, TabProps, TagFilter, TagFilterProps, TaskItem, TaskItemProps, TaskList, TaskListProps, Widget, WidgetBody, WidgetBodyProps, WidgetHeader, WidgetHeaderLink, WidgetHeaderLinkProps, WidgetHeaderProps, WidgetProps, WidgetTitle, WidgetTitleProps };

package/dist/index.js

@@ -7309,6 +7309,31 @@ const SubmissionReviewHeader = (props) => {
   ), /* @__PURE__ */ React__namespace.createElement("span", { className: "shrink-0 rounded-full bg-slate-100 px-3 py-1 text-[10px] font-bold uppercase tracking-wide text-slate-500" }, "Preview"));
 };
 
+const SubmissionQueueNav = (props) => {
+  if (props.total <= 1) {
+    return null;
+  }
+  return /* @__PURE__ */ React__namespace.createElement("div", { className: "mb-4 flex items-center justify-between rounded-xl border border-slate-200 bg-white px-4 py-3" }, props.onPrevious ? /* @__PURE__ */ React__namespace.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: props.onPrevious,
+      className: "flex items-center gap-1 text-xs font-bold text-dark-blue-400 hover:underline"
+    },
+    /* @__PURE__ */ React__namespace.createElement(icons$1.IconChevronLeft, { size: 14, stroke: 2.5 }),
+    "Previous"
+  ) : /* @__PURE__ */ React__namespace.createElement("span", null), /* @__PURE__ */ React__namespace.createElement("div", { className: "shrink-0 text-xs font-bold text-slate-500" }, "Student ", props.index + 1, " of ", props.total, props.label ? ` \u2014 ${props.label}` : ""), props.onNext ? /* @__PURE__ */ React__namespace.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: props.onNext,
+      className: "flex items-center gap-1 text-xs font-bold text-dark-blue-400 hover:underline"
+    },
+    "Next",
+    /* @__PURE__ */ React__namespace.createElement(icons$1.IconChevronRight, { size: 14, stroke: 2.5 })
+  ) : /* @__PURE__ */ React__namespace.createElement("span", null));
+};
+
 const AuthLayout = (props) => {
   return /* @__PURE__ */ React.createElement("main", { className: "relative h-screen w-full bg-white font-proxima" }, /* @__PURE__ */ React.createElement(Loader, { isLoading: props.isLoading }, props.topNav !== false && /* @__PURE__ */ React.createElement(NavBar, null, /* @__PURE__ */ React.createElement(NavLink, { disabled: !props.onHome || props.disabled, name: "home", onClick: props.onHome }), props.onProfile && /* @__PURE__ */ React.createElement(
     NavLink,
@@ -7400,6 +7425,7 @@ exports.SortableHeader = SortableHeader;
 exports.StatTile = StatTile;
 exports.StatTileRow = StatTileRow;
 exports.Stopwatch = Stopwatch;
+exports.SubmissionQueueNav = SubmissionQueueNav;
 exports.SubmissionReviewHeader = SubmissionReviewHeader;
 exports.Tab = Tab;
 exports.TagFilter = TagFilter;