@local-civics/hub-ui 0.1.244 → 0.1.245

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { useCallback, useState, useMemo } from 'react';
 import 'external-svg-loader';
-import { IconCaretDown, IconCaretUp, IconSearch, IconLayoutGrid, IconList, IconBrandInstagram, IconBrandLinkedin, IconBrandFacebook, IconCategory2, IconRoute, IconAlbum, IconSwitchHorizontal, IconLogout, IconUser, IconClipboard, IconMessageCircle, IconBriefcase, IconBell, IconDownload, IconRefresh, IconCalendar, IconCalendarStats, IconCheck, IconArrowRight } from '@tabler/icons';
+import { IconCaretDown, IconCaretUp, IconSearch, IconLayoutGrid, IconList, IconBrandInstagram, IconBrandLinkedin, IconBrandFacebook, IconCategory2, IconRoute, IconAlbum, IconSwitchHorizontal, IconLogout, IconUser, IconClipboard, IconMessageCircle, IconBriefcase, IconBell, IconDownload, IconRefresh, IconCalendar, IconCalendarStats, IconCheck, IconArrowRight, IconChevronLeft, IconChevronRight } from '@tabler/icons';
 import LinkifyIt from 'linkify-it';
 import reactStringReplace from 'react-string-replace';
 import { Link } from 'react-router-dom';
@@ -7289,6 +7289,31 @@ const SubmissionReviewHeader = (props) => {
   ), /* @__PURE__ */ React.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.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.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.createElement(IconChevronLeft, { size: 14, stroke: 2.5 }),
+    "Previous"
+  ) : /* @__PURE__ */ React.createElement("span", null), /* @__PURE__ */ React.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.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.createElement(IconChevronRight, { size: 14, stroke: 2.5 })
+  ) : /* @__PURE__ */ React.createElement("span", null));
+};
+
 const AuthLayout = (props) => {
   return /* @__PURE__ */ React__default.createElement("main", { className: "relative h-screen w-full bg-white font-proxima" }, /* @__PURE__ */ React__default.createElement(Loader, { isLoading: props.isLoading }, props.topNav !== false && /* @__PURE__ */ React__default.createElement(NavBar, null, /* @__PURE__ */ React__default.createElement(NavLink, { disabled: !props.onHome || props.disabled, name: "home", onClick: props.onHome }), props.onProfile && /* @__PURE__ */ React__default.createElement(
     NavLink,
@@ -7317,5 +7342,5 @@ const HomeLayout = (props) => {
   return /* @__PURE__ */ React__default.createElement("main", { className: "relative h-screen w-full overflow-hidden bg-white font-proxima" }, /* @__PURE__ */ React__default.createElement(NavBar, null, /* @__PURE__ */ React__default.createElement(NavLink, { name: "home", onClick: props.onHome, active: true }), /* @__PURE__ */ React__default.createElement(NavLink, { name: "login", onClick: props.onLogin }), /* @__PURE__ */ React__default.createElement(NavLink, { name: "faq", onClick: props.onFAQ }), /* @__PURE__ */ React__default.createElement(NavLink, { name: "privacy", onClick: props.onPrivacy }), /* @__PURE__ */ React__default.createElement(NavLink, { name: "terms", onClick: props.onTerms })), /* @__PURE__ */ React__default.createElement("section", { className: "absolute top-0 left-0 h-full overflow-hidden pt-16 w-full" }, props.children));
 };
 
-export { AboutWidget, AchievementWidget, ActivityCard, ActivityItem, ActivityList, ActivityReflection, AuthLayout, Badge, BadgeActivityMenu, BadgeDetail, BadgeSection, BadgeSuccessDialog, BadgesCard, BadgesList, Board, Button, Card, Comments, DashboardShell, DashboardSidebar, DashboardTopBar, DateSelection, EventItem, EventList, FileList, FileLocker, Footer, Home, HomeLayout, Icon$1 as Icon, ImpactWidget, LearningForm, Loader, LogServiceButton, Logo, Modal, NavBar, NavLink, NotFound, Onboarding, Overlay, Pathway, PathwayButton, PathwayDetail, PathwayFilter, PathwayProgress, PathwaySection, PathwayTranscript, PathwayWidget, PathwaysCard, PathwaysList, Pill, ProfileHeroCard, ProfileWidget, Progress, Search, SearchButton, SearchResult, SettingsCard, SortableHeader, StatTile, StatTileRow, Stopwatch, SubmissionReviewHeader, Tab, TagFilter, TaskItem, TaskList, Widget, WidgetBody, WidgetHeader, WidgetHeaderLink, WidgetTitle };
+export { AboutWidget, AchievementWidget, ActivityCard, ActivityItem, ActivityList, ActivityReflection, AuthLayout, Badge, BadgeActivityMenu, BadgeDetail, BadgeSection, BadgeSuccessDialog, BadgesCard, BadgesList, Board, Button, Card, Comments, DashboardShell, DashboardSidebar, DashboardTopBar, DateSelection, EventItem, EventList, FileList, FileLocker, Footer, Home, HomeLayout, Icon$1 as Icon, ImpactWidget, LearningForm, Loader, LogServiceButton, Logo, Modal, NavBar, NavLink, NotFound, Onboarding, Overlay, Pathway, PathwayButton, PathwayDetail, PathwayFilter, PathwayProgress, PathwaySection, PathwayTranscript, PathwayWidget, PathwaysCard, PathwaysList, Pill, ProfileHeroCard, ProfileWidget, Progress, Search, SearchButton, SearchResult, SettingsCard, SortableHeader, StatTile, StatTileRow, Stopwatch, SubmissionQueueNav, SubmissionReviewHeader, Tab, TagFilter, TaskItem, TaskList, Widget, WidgetBody, WidgetHeader, WidgetHeaderLink, WidgetTitle };
 //# sourceMappingURL=index.mjs.map